feat:[模板管理][update]

src/components/Template/StepComponents/ZLSubPackage.vue

@@ -27,14 +27,14 @@
                     <div v-for="(item, index) in fzList" class="list-item" :key="index">
                         <div class="list-label">{{ formData.mybh }}-set{{ item.subCode }}</div>
                         <HandleFormItem :fieldKey = "'clfz_set'+index+'_prenum'"  :item="preInputNumberItem" :error="fzListErrors[index]"
-                         type="inputNumber"   @blur="onBlurFzNum(index)" v-model="item.num" />
+                         type="inputNumber"   @blur="onBlurFzNum(index)" v-model="item.prenum" />
                         <HandleFormItem :fieldKey = "'clfz_set'+index+'_actnum'"  class="ml-5"  :item="inputNumberItem" :error="fzListErrors[index]"
-                         type="inputNumber"   @blur="onBlurFzNum(index)" v-model="item.num" />
+                         type="inputNumber"   @blur="onBlurFzNum(index)" v-model="item.actnum" />
                          <HandleFormItem 
                             class="ml-5"
                             type="button" 
                             :item="getButtonItem()"
-                            @clickButton="(e)=>onGetValue(e,item)" />
+                            @clickButton="(e)=>onGetValue(item)" />
                     </div>
                 </div>
             </div>
@@ -54,9 +54,14 @@ export default {
     components: {
         HandleFormItem,
     },
+    props: {
+        subData: {
+            type: Object,
+            default: () => ({})
+        },
+    },
     data() {
         return {
-            subData: {},
             inputItem: {
                 type: "input",
                 fillType: "actFill",
@@ -93,6 +98,35 @@ export default {
             uuid:"",//事件id
         }
     },
+    watch: {
+        subData:{
+            handler(newVal) {
+                console.log(newVal,"fff");
+                if(newVal.formData){
+                    this.formData = newVal.formData;
+                }
+                if(newVal.fzList){
+                    this.fzList = newVal.fzList;
+                }
+            },
+            deep: true,
+            immediate: true,
+        },
+        // 监听formData的变化
+        formData: {
+            handler(newVal) {
+                this.onDataChange();
+            },
+            deep: true
+        },
+        // 监听fzList的变化
+        fzList: {
+            handler(newVal) {
+                this.onDataChange();
+            },
+            deep: true
+        }
+    },
     computed: {
         unitItem() {
             return {
@@ -106,7 +140,7 @@ export default {
         // 获取按钮项
         getButtonItem() {
             return {
-                fillType: "actFill",
+                fillType: "preFill",
                 buttonName:"获取值",
             }
         },
@@ -237,7 +271,8 @@ export default {
                 // 根据输入的数量生成新列表
                 for (let i = 0; i < e; i++) {
                     this.fzList.push({
-                        num: "",
+                        prenum: "",
+                        actnum: "",
                         subCode: codes[i],
                     });
                     // 同步初始化错误状态数组
@@ -259,6 +294,9 @@ export default {
             this.formErrors.mfbzl = false;
         },
         onGetValue(item) {
+            item.actnum = 123;
+            console.log(item,"获取值")
+            this.fzList = [...this.fzList]
          },
         onCommonBlur(e, field) {
             if (this.formData[field]) {
@@ -272,6 +310,14 @@ export default {
                 }
             }
         },
+        // 数据变化处理方法
+        onDataChange() {
+            // 触发自定义事件，将数据变化传递给父组件
+            this.$emit('update', {
+                formData: this.formData,
+                fzList: this.fzList
+            });
+        },
     }
 }
 </script>

src/components/Template/StepFormPackage.vue

@@ -48,7 +48,7 @@
                     <span>{{ formFields[key] }}</span>
                 </template>
                 <template v-else-if="sItem.type === 'zlfz'">
-                    <ZLSubPackage :subData = "formFields[key]" ref="zlSubPackageRef" />
+                    <ZLSubPackage @update="(data)=>onSubPackageUpdate(data,key)" :subData = "formFields[key]" ref="zlSubPackageRef" />
                 </template>
             
                 <div v-show="isShowOther(formFields[key])" class="flex flex1">
@@ -120,6 +120,10 @@ export default {
         }
     },
     methods: {
+        // 子组件数据更新处理方法
+        onSubPackageUpdate(data,key){
+            this.formFields[key] = data;
+        },
         getSjResource(){
             const {allFieldsConfig,formFields} = this;
             const sjResource = [],yqResource = [];