修改bug

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

@@ -1,5 +1,5 @@
 <template>
-  <el-form ref="form" :rules="rules" label-width="100px" :model="form">
+  <el-form ref="form" :rules="rules" label-width="110px" :model="form">
     <el-form-item label="监控对象" prop="objectId">
       <el-cascader
         style='width: 100%;'
@@ -11,7 +11,7 @@
         clearable></el-cascader>
     </el-form-item>
     <el-form-item label="能源类型" prop="energyTypeId">
-      <el-select v-model="form.energyTypeId" placeholder="请选择" style="width: 100%;">
+      <el-select v-model="form.energyTypeId" placeholder="请选择" style="width: 100%;" @change="toggleType">
         <el-option
           v-for="item in this.energyTypeList"
           :key="item.id"
@@ -26,7 +26,7 @@
         <el-option label="详细" :value= "2" ></el-option>
       </el-select>
     </el-form-item>
-    <el-form-item label="监控详细参数" prop="plcParamId" v-if="form.type === 2">
+    <el-form-item label="监控详细参数" prop="type" v-if="form.type === 2">
       <el-select v-model="form.plcParamId" placeholder="请选择" style="width: 100%;" @change="selectDetail">
         <el-option
           v-for="item in detailList"
@@ -128,7 +128,15 @@ export default {
       console.log(this.form)
       this.form.plcParamId = ''
       if (val === 2) {
+        if (this.form.objectId && this.form.energyTypeId) {
+          this.getDetailList()
+        }
+      }
+    },
+    toggleType() {
+      if (this.form.energyTypeId && this.form.type) {
         this.getDetailList()
+        this.form.plcParamId = ''
       }
     },
     // 递归处理分类回显问题
@@ -158,6 +166,10 @@ export default {
     selectObj(val) {
       this.form.objectId = val[val.length-1]
       this.form.objectType = val.length-1
+      if (this.form.energyTypeId && this.form.type) {
+        this.getDetailList()
+        this.form.plcParamId = ''
+      }
     },
     selectDetail() {
       this.$forceUpdate()