update

report-ui/src/components/Dictionary/index.vue

@@ -28,7 +28,8 @@ export default {
   name: "GetDictionary",
   props: {
     dictKey: String, // 字典code
-    updataDict: String // 回显绑定的值
+    updataDict: String, // 回显绑定的值
+    value: String
   },
   data() {
     return {
@@ -43,19 +44,17 @@ export default {
         this.getSystem();
       }
     },
-    updataDict: {
-      immediate: true,
-      handler() {
-        this.dictionary = this.updataDict;
-      }
+    value: {
+      handler(val) {
+        this.dictionary = val;
+      },
+      deep: true
     }
   },
   created() {
     this.getSystem();
   },
-  mounted() {
-    this.dictionary = this.updataDict;
-  },
+  mounted() {},
   methods: {
     // 获取数据字典
     async getSystem() {

report-ui/src/views/report/bigscreen/designer/designerComponents/dynamicComponents.vue

@@ -26,7 +26,7 @@
       </el-form-item>
       <el-form-item v-for="item in setParamList" :key="item" :label="item">
         <Dictionary
-          v-model="params"
+          v-model="params[item]"
           :dict-key="getDictKey()"
           @input="selectParams($event, item)"
         />
@@ -58,7 +58,7 @@ export default {
   props: {
     chartType: String,
     dictKey: String,
-    props: ["formData"]
+    formData: Object
   },
   data() {
     return {
@@ -67,9 +67,17 @@ export default {
       userNameList: [], // 用户
       setParamList: [], // 对应的不同的图形数据参数
       params: {},
-      chartProperties: {},
+      chartProperties: {}
     };
   },
+  watch: {
+    formData: {
+      handler(val) {
+        this.echoDataSet(val);
+      },
+      deep: true
+    }
+  },
   computed: {
     setCode() {
       let code = "";
@@ -83,6 +91,7 @@ export default {
   },
   mounted() {
     this.loadDataSet();
+    this.echoDataSet(this.formData);
   },
   methods: {
     async loadDataSet() {
@@ -116,7 +125,38 @@ export default {
       this.chartProperties[key] = val;
     },
     getDictKey() {
-      return this.dictKey == null ? 'CHART_PROPERTIES' : this.dictKey
+      return this.dictKey == null ? "CHART_PROPERTIES" : this.dictKey;
+    },
+    // 数据集回显
+    async echoDataSet(val) {
+      console.log(val);
+      const setCode = val.setCode;
+
+      await this.loadDataSet();
+
+      this.dataSetValue = this.dataSet.filter(
+        el => setCode == el.setCode
+      )[0].id;
+
+      await this.selectDataSet();
+      this.echoDynamicData(val);
+    },
+    echoDynamicData(val) {
+      const chartProperties = val.chartProperties;
+      if (this.userNameList.length > 0) {
+      }
+
+      if (this.setParamList.length > 0) {
+        for (let i = 0; i < this.setParamList.length; i++) {
+          const item = this.setParamList[i];
+          if (chartProperties.hasOwnProperty(item)) {
+            this.params[item] = chartProperties[item];
+          }
+        }
+      }
+      console.log(this.params);
+      // console.log(this.userNameList);
+      // console.log(this.setParamList);
     }
   }
 };

report-ui/src/views/report/bigscreen/designer/designerComponents/dynamicForm.vue

@@ -25,7 +25,6 @@
               style="width:100%"
               v-model.trim="formData[item.name]"
               controls-position="right"
-              :placeholder="item.placeholder"
               @change="changed($event, item.name)"
             />
 
@@ -137,7 +136,7 @@
             v-if="item.type == 'dycustComponents' && inputShow[item.name]"
             v-model="formData[item.name]"
             :chart-type="item.chartType"
-            :dict-key='item.dictKey'
+            :dict-key="item.dictKey"
             @change="changed($event, item.name)"
           />
           <dynamic-add-table