解决自定义布局渲染报错问题

zkqy-ui/src/views/tablelist/commonTable/listInfo.vue

@@ -959,7 +959,8 @@ export default {
                 this.transformDataFormat(res.data);
                 if (this.isLayout) {
                   //自定义布局
-                  this.layoutData = res.data;
+                  console.log(JSON.parse(JSON.stringify(res.data)));
+                  this.layoutData = JSON.parse(JSON.stringify(res.data));
                 }
 
                 // this.tableName = res.data.mainForm.showTemplate.dfTableName;
@@ -969,6 +970,7 @@ export default {
               }
               // console.log(this.formList);
               this.open = true;
+
               if (btnData.btnFormType == "dragFormGroup") {
                 this.times--;
                 if (this.times) {
@@ -981,6 +983,13 @@ export default {
                   });
                 }
               }
+              this.$nextTick(() => {
+                // 手动触发布局组件的数据处理函数
+                console.log(111, JSON.parse(JSON.stringify(res.data)));
+                this.$refs.formGroupLayoutRef?.initLayoutData(
+                  JSON.parse(JSON.stringify(res.data))
+                );
+              });
 
               // this.$nextTick(() => {
               //   this.open = false;
@@ -1138,7 +1147,10 @@ export default {
         for (const key of Object.keys(showValue)) {
           if (key != "remark") {
             showValue[toUnderline(key)] = showValue[key];
-            delete showValue[key];
+            // delete showValue[key];
+            if (toUnderline(key) != key) {
+              delete showValue[key];
+            }
           }
         }
         mainForm.showTemplate.resultMap = [showValue];
@@ -1189,7 +1201,9 @@ export default {
               for (const key of Object.keys(item.showValue[0].resultMap)) {
                 item.showValue[0].resultMap[toUnderline(key)] =
                   item.showValue[0].resultMap[key];
-                delete item.showValue[0].resultMap[key];
+                if (toUnderline(key) != key) {
+                  delete item.showValue[0].resultMap[key];
+                }
               }
 
               item.showTemplate.resultMap = [item.showValue[0].resultMap];

zkqy-ui/src/views/tablelist/components/FormGroupLayout/LayoutIndex.vue

@@ -12,6 +12,7 @@
 <script>
 import { camelCase, toUnderline } from "@/utils";
 import LayoutItem from "./LayoutItem.vue";
+import { cloneDeep } from "lodash";
 export default {
   name: "LayoutIndex",
   props: ["layoutData"],
@@ -27,7 +28,7 @@ export default {
     myLayoutData: {
       handler(newVal, oldVal) {
         if (newVal) {
-          this.initLayoutData(newVal);
+          // this.initLayoutData(newVal);
         }
       },
       deep: true,
@@ -41,9 +42,9 @@ export default {
   },
   methods: {
     initLayoutData(formData) {
+      console.log(JSON.parse(JSON.stringify(formData)));
       let { layoutJson, mainForm, subFormList } = formData;
       this.layoutJson = JSON.parse(layoutJson);
-      console.log(formData);
       this.transformDataFormat(formData);
       this.formArray = this.disableHandler(this.formList);
       this.setFormInfo(this.layoutJson.list);
@@ -63,10 +64,13 @@ export default {
       }
 
       if (showValue) {
+        console.log("main showValue", showValue);
         for (const key of Object.keys(showValue)) {
           if (key != "remark") {
             showValue[toUnderline(key)] = showValue[key];
-            delete showValue[key];
+            if (toUnderline(key) != key) {
+              delete showValue[key];
+            }
           }
         }
         mainForm.showTemplate.resultMap = [showValue];
@@ -88,19 +92,19 @@ export default {
       });
       if (subFormList && subFormList.length > 0) {
         subFormList.forEach((item) => {
-          let showValue = null;
+          console.log(JSON.parse(JSON.stringify(item)));
+          let subShowValue = null;
           if (item.showValue) {
-            showValue = item.showValue[0];
+            subShowValue = item.showValue[0];
           }
           let defaultValue = {};
-          if (showValue) {
+          if (subShowValue) {
             if (item.showTemplate.spare == "2") {
               //动态表格表单
               let batch = {},
                 tableName = item.formItem?.split(".")?.[0];
               batch[tableName] = item.showValue.map((item) => item.resultMap);
               defaultValue = JSON.parse(JSON.stringify(batch));
-              console.log(JSON.parse(JSON.stringify(batch)));
               // 所有字段驼峰转下划线
               batch[tableName].forEach((i) => {
                 for (const key of Object.keys(i)) {
@@ -116,13 +120,16 @@ export default {
                 },
               ];
             } else {
-              for (const key of Object.keys(item.showValue[0].resultMap)) {
-                item.showValue[0].resultMap[toUnderline(key)] =
-                  item.showValue[0].resultMap[key];
-                delete item.showValue[0].resultMap[key];
+              console.log("showValue", subShowValue.resultMap);
+              for (const key of Object.keys(subShowValue.resultMap)) {
+                subShowValue.resultMap[toUnderline(key)] =
+                  subShowValue.resultMap[key];
+                if (toUnderline(key) != key) {
+                  delete subShowValue.resultMap[key];
+                }
               }
 
-              item.showTemplate.resultMap = [item.showValue[0].resultMap];
+              item.showTemplate.resultMap = [subShowValue.resultMap];
             }
           }
           this.formList.push({

zkqy-ui/src/views/tablelist/components/FormGroupLayout/LayoutItem.vue

@@ -57,6 +57,7 @@
       <k-form-build
         ref="formBuild"
         :value="record.dfVueTemplate"
+        :defaultValue="record.defaultValue || {}"
       ></k-form-build>
     </template>
   </div>