页面修改回显功能

xvji-ui/src/views/tasks/training/dataCleanForm.vue

@@ -118,7 +118,7 @@ export default {
   watch: {
     formData: {
       handler(newVal, oldVal) {
-        console.log(newVal)
+        // console.log(newVal)
         this.dataCleaning = newVal
         this.form = newVal.params
       },

xvji-ui/src/views/tasks/training/index.vue

@@ -135,7 +135,7 @@
           <!--    限电        -->
           <div class="flex model-table-tr">
             <span class="pa-0 td td0">
-              <el-select v-model="formData.powerRationing.name" @change="powerRationingNameChange" placeholder="请选择"
+              <el-select v-model="formData.powerRationing.componentType" @change="powerRationingNameChange" placeholder="请选择"
                          size="small" style="width: 100%">
                 <el-option
                   v-for="item in powerRationingName"
@@ -272,14 +272,7 @@ export default {
       formData: {
         dataAcquisition: {componentType: '数据获取', isEnable: true, params:{}},
         dataCleaning: {componentType: '数据处理', isEnable: true, params:{}},
-        powerRationing: {componentType: '限电清洗', isEnable: true, value: {
-            mongodb_database:'',
-            mongodb_read_table:'',
-            mongodb_write_table:'',
-            col_power:'',
-            col_radiance:'',
-            sigma:'1'
-          }},
+        powerRationing: {componentType: '限电清洗', isEnable: true, params: {}},
         model: {componentType: '模型', isEnable: true, params:{}},
         modelTest: {componentType: '模型测试', isEnable: true, params:{}},
         processing: {componentType: '后处理', isEnable: true, params:{}},
@@ -368,6 +361,7 @@ export default {
         report: {componentType: '分析报告', isEnable: true, params:{}},
       }
       this.$nextTick(()=>{
+        this.powerRationingNameChange() // 无意义，限电清洗表单不渲染刷新操作
         this.$refs.ruleForm.clearValidate()
       })
     },

xvji-ui/src/views/tasks/training/modelForm.vue

@@ -208,7 +208,7 @@ export default {
   watch: {
     formData: {
       handler(newVal, oldVal) {
-        console.log(newVal)
+        // console.log(newVal)
         this.$nextTick(() => {
           this.$refs.modelForm.clearValidate()
         });

xvji-ui/src/views/tasks/training/modelTestForm.vue

@@ -115,7 +115,7 @@ export default {
   watch: {
     formData: {
       handler(newVal, oldVal) {
-        console.log(newVal)
+        // console.log(newVal)
         this.$nextTick(() => {
           this.$refs.modelTestForm.clearValidate();
         });

xvji-ui/src/views/tasks/training/powerRationingForm.vue

@@ -1,5 +1,58 @@
 <template>
   <div>
+    <el-form ref="powerRationingForm" :rules="rules" :model="form" class="demo-form-inline"
+             label-width="130px">
+      <el-form-item label="mongo库" prop="mongodb_database">
+        <el-input v-model="form['mongodb_database']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+      <el-form-item label="读取的mongo表" prop="mongodb_read_table">
+        <el-input v-model="form['mongodb_read_table']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+      <el-form-item label="写入的mongo表" prop="mongodb_write_table">
+        <el-input v-model="form['mongodb_write_table']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+      <el-form-item :label="stationType===0?'实测辐照度列':'功率列'" prop="col_power">
+        <el-input v-model="form['col_power']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+      <el-form-item label="功率列" prop="col_radiance" v-if="stationType === 0">
+        <el-input v-model="form['col_radiance']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+      <el-form-item label="平滑参数" v-if="stationType ===0">
+        <el-input v-model="form['sigma']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+      <el-form-item label="实测风速列"  v-if="stationType === 1">
+        <el-input v-model="form['col_ws']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+      <el-form-item label="划分半径" v-if="stationType === 1">
+        <el-input v-model="form['eps']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+      <el-form-item label="半径内最小样本点" v-if="stationType === 1">
+        <el-input v-model="form['min_samples']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+      <el-form-item label="装机容量" prop="cap" v-if="stationType === 1">
+        <el-input v-model="form['cap']" size="mini"
+                  :disabled="!powerRationing.isEnable" type="textarea"
+                  :autosize="{ minRows: 1 }"></el-input>
+      </el-form-item>
+    </el-form>
 <!--    <el-form ref="powerRationingForm" :rules="rules" :model="form" class="demo-form-inline"-->
 <!--             label-width="130px">-->
 <!--      <el-form-item label="mongo库" prop="mongodb_database">-->
@@ -7,22 +60,22 @@
 <!--                  :disabled="!powerRationing.isEnable" type="textarea"-->
 <!--                  :autosize="{ minRows: 1 }"></el-input>-->
 <!--      </el-form-item>-->
-<!--      <el-form-item label="读取的mongo表" prop="mongodb_read_table">-->
+<!--      <el-form-item label="读取的mongo表" >-->
 <!--        <el-input v-model="form['mongodb_read_table']" size="mini"-->
 <!--                  :disabled="!powerRationing.isEnable" type="textarea"-->
 <!--                  :autosize="{ minRows: 1 }"></el-input>-->
 <!--      </el-form-item>-->
-<!--      <el-form-item label="写入的mongo表" prop="mongodb_write_table">-->
+<!--      <el-form-item label="写入的mongo表" >-->
 <!--        <el-input v-model="form['mongodb_write_table']" size="mini"-->
 <!--                  :disabled="!powerRationing.isEnable" type="textarea"-->
 <!--                  :autosize="{ minRows: 1 }"></el-input>-->
 <!--      </el-form-item>-->
-<!--      <el-form-item :label="stationType===0?'实测辐照度列':'功率列'" prop="col_power">-->
+<!--      <el-form-item :label="stationType===0?'实测辐照度列':'功率列'" >-->
 <!--        <el-input v-model="form['col_power']" size="mini"-->
 <!--                  :disabled="!powerRationing.isEnable" type="textarea"-->
 <!--                  :autosize="{ minRows: 1 }"></el-input>-->
 <!--      </el-form-item>-->
-<!--      <el-form-item label="功率列" prop="col_radiance" v-if="stationType === 0">-->
+<!--      <el-form-item label="功率列" v-if="stationType === 0">-->
 <!--        <el-input v-model="form['col_radiance']" size="mini"-->
 <!--                  :disabled="!powerRationing.isEnable" type="textarea"-->
 <!--                  :autosize="{ minRows: 1 }"></el-input>-->
@@ -47,65 +100,12 @@
 <!--                  :disabled="!powerRationing.isEnable" type="textarea"-->
 <!--                  :autosize="{ minRows: 1 }"></el-input>-->
 <!--      </el-form-item>-->
-<!--      <el-form-item label="装机容量" prop="cap" v-if="stationType === 1">-->
+<!--      <el-form-item label="装机容量"  v-if="stationType === 1">-->
 <!--        <el-input v-model="form['cap']" size="mini"-->
 <!--                  :disabled="!powerRationing.isEnable" type="textarea"-->
 <!--                  :autosize="{ minRows: 1 }"></el-input>-->
 <!--      </el-form-item>-->
 <!--    </el-form>-->
-    <el-form ref="powerRationingForm" :rules="rules" :model="form" class="demo-form-inline"
-             label-width="130px">
-      <el-form-item label="mongo库" >
-        <el-input v-model="form['mongodb_database']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-      <el-form-item label="读取的mongo表" >
-        <el-input v-model="form['mongodb_read_table']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-      <el-form-item label="写入的mongo表" >
-        <el-input v-model="form['mongodb_write_table']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-      <el-form-item :label="stationType===0?'实测辐照度列':'功率列'" >
-        <el-input v-model="form['col_power']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-      <el-form-item label="功率列" v-if="stationType === 0">
-        <el-input v-model="form['col_radiance']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-      <el-form-item label="平滑参数" v-if="stationType ===0">
-        <el-input v-model="form['sigma']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-      <el-form-item label="实测风速列"  v-if="stationType === 1">
-        <el-input v-model="form['col_ws']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-      <el-form-item label="划分半径" v-if="stationType === 1">
-        <el-input v-model="form['eps']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-      <el-form-item label="半径内最小样本点" v-if="stationType === 1">
-        <el-input v-model="form['min_samples']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-      <el-form-item label="装机容量"  v-if="stationType === 1">
-        <el-input v-model="form['cap']" size="mini"
-                  :disabled="!powerRationing.isEnable" type="textarea"
-                  :autosize="{ minRows: 1 }"></el-input>
-      </el-form-item>
-    </el-form>
   </div>
 </template>
 <script>
@@ -124,6 +124,7 @@ export default {
         console.log(newVal)
         // this.$refs.powerRationingForm.resetFields()
         this.powerRationing = newVal
+        console.log(newVal)
         this.stationType = newVal.componentType.includes('光伏')?0:1
         this.rules = {}
         if(this.stationType === 0){
@@ -137,7 +138,8 @@ export default {
           this.$refs.powerRationingForm.resetFields();
         });
       },
-      immediate: true
+      immediate: true,
+      deep:true
     }
   },
   data() {

xvji-ui/src/views/tasks/training/processingForm.vue

@@ -62,7 +62,7 @@ export default {
   watch: {
     formData: {
       handler(newVal, oldVal) {
-        console.log(newVal)
+        // console.log(newVal)
         this.processing = newVal
         this.form = newVal.params
       },

xvji-ui/src/views/tasks/training/reportForm.vue

@@ -56,14 +56,11 @@ export default {
     }
   },
   destroyed() {
-    this.$nextTick(() => {
-      this.$refs.reportForm.clearValidate();
-    });
   },
   watch: {
     formData: {
       handler(newVal, oldVal) {
-        console.log(newVal)
+        // console.log(newVal)
         this.report = newVal
         this.form = newVal.params
       },