能源分析

src/views/energy/monitoring/energyLimit/components/energyLimitAdd.vue

@@ -27,12 +27,12 @@
       </el-select>
     </el-form-item>
     <el-form-item label="监控详细参数" prop="plcParamId" v-if="form.type === 2">
-      <el-select v-model="form.plcParamId" placeholder="请选择" style="width: 100%;">
+      <el-select v-model="form.plcParamId" placeholder="请选择" style="width: 100%;" @change="selectDetail">
         <el-option
-          v-for="item in getDictDatas(DICT_TYPE.ENERGY_UNIT)"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value">
+          v-for="item in detailList"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id">
         </el-option>
       </el-select>
     </el-form-item>
@@ -52,7 +52,7 @@
   </el-form>
 </template>
 <script>
-import { getEnergyLimit, updateEnergyLimit, createEnergyLimit } from '@/api/monitoring/energyLimit'
+import { getEnergyLimit, updateEnergyLimit, createEnergyLimit, getEnergyParamList } from '@/api/monitoring/energyLimit'
 export default {
   name: 'energyLimitAdd',
   props: {
@@ -73,6 +73,8 @@ export default {
       form: {
         id: '',
         objectId: '',
+        objectType: '',
+        energyTypeId: '',
         type: '',
         plcParamId: '',
         limitType: '',
@@ -84,7 +86,8 @@ export default {
         objectId: [{ required: true, message: '对象不能为空', trigger: 'change' }],
         energyTypeId: [{ required: true, message: '能源类型不能为空', trigger: 'change' }],
         type: [{ required: true, message: '监控模式不能为空', trigger: 'change' }]
-      }
+      },
+      detailList: []
     }
   },
   methods: {
@@ -95,10 +98,12 @@ export default {
         getEnergyLimit( id ).then((res) => {
           if (res.code === 0) {
             this.form = res.data
+            this.form.plcParamId = res.data.plcParamId || ''
             this.form.limitType = this.form.limitType + ''
-            console.log(this.objList)
             this.objIds = this.changeDetSelect(this.form.objectId, this.objList)
-            console.log(this.objIds)
+            if (this.form.type === 2) {
+              this.getDetailList()
+            }
           }
         })
       } else {
@@ -106,8 +111,25 @@ export default {
         this.form.id = ''
       }
     },
-    typeChange() {
+    // 监控详细参数
+    getDetailList() {
+      getEnergyParamList({
+        objId: this.form.objectId,
+        energyTypeId: this.form.energyTypeId
+      }).then((res) => {
+        if (res.code === 0) {
+          this.detailList = res.data
+        } else {
+          this.detailList = []
+        }
+      })
+    },
+    typeChange(val) {
+      console.log(this.form)
       this.form.plcParamId = ''
+      if (val === 2) {
+        this.getDetailList()
+      }
     },
     // 递归处理分类回显问题
     changeDetSelect(key, treeData) {
@@ -137,9 +159,16 @@ export default {
       this.form.objectId = val[val.length-1]
       this.form.objectType = val.length-1
     },
+    selectDetail() {
+      this.$forceUpdate()
+    },
     submitForm() {
       this.$refs['form'].validate((valid) => {
         if (valid) {
+          if (this.form.type === 2 && !this.form.plcParamId) {
+            this.$modal.msgError("监控模式为详细时，详细参数为必填");
+            return false
+          }
           // this.form.limitType = Number(this.form.limitType)
           if (this.isEdit) {
             // 编辑
@@ -164,6 +193,8 @@ export default {
     },
     formClear() {
       this.$refs.form.resetFields()
+      this.objIds = ''
+      this.detailList = []
       this.isEdit = false
     }
   }

src/views/energy/monitoring/energyLimit/index.vue

@@ -231,7 +231,7 @@ export default {
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      this.$modal.confirm('是否确认删除监控参数为"' + row.plcParamName + '"的数据项?').then(function() {
+      this.$modal.confirm('是否确认删除监控对象为"' + row.objName + '"的数据项?').then(function() {
           return deleteEnergyLimit(row.id);
         }).then(() => {
           this.queryParams.pageNo = 1;