feat:[模板管理][update]

src/components/Template/CustomTable.vue

@@ -201,7 +201,7 @@
 										:orange-bg="hasOrangeBg(rowIndex, colIndex, col.otherCode)" />
 								</div>
 							</div>
-							<div class="m-l-5 flex" :class="{ 'flex1': col.bodySubType !== 'button' }"
+							<div class="m-l-5 flex" :class="{ 'flex1': (col.bodySubType !== 'button' && col.bodySubType !== 'span')  }"
 								v-if="isShowBodySub(col, row)">
 								<template
 									v-if="col.bodySubType === 'inputNumber' || col.bodySubType === 'input' || col.bodySubType === 'select'">

src/components/Template/StepComponents/JcbComp.vue

@@ -1,7 +1,9 @@
 <template>
     <div class="jcb-table-container">
         <CustomTable :ref="`tableRef`" :columns="jcbColumns" :formData="formData" :prefixKey="prefixKey"
-            class="jcb-table" operationWidth="120px" @clickButton="handleClickButton"
+            class="jcb-table" operationWidth="120px" @clickButton="handleClickButton" @blur="commonHandleUpdate"
+            @onAddRow="onAddRow"
+            @onRegentSubmit="commonHandleUpdate"
             fieldItemLabel="template.common.operationSteps" :showOperation="templateFillType === 'preFill'">
             <template slot="operation" slot-scope="{ row, rowIndex, columns }">
                 <TableOpertaionDelete :row="row" :rowIndex="rowIndex" :columns="columns" @deleteRow="deleteRow">
@@ -12,7 +14,8 @@
 </template>
 <script>
 import CustomTable from '../CustomTable.vue';
-import TableOpertaionDelete from "@/components/Template/operation/TableOpertaionDelete.vue"
+import TableOpertaionDelete from "@/components/Template/operation/TableOpertaionDelete.vue";
+import { getuuid } from "@/utils/index.js";
 import moment from "moment"
 
 export default {
@@ -32,6 +35,10 @@ export default {
             default: '',
         },
     },
+    data() {
+        return {
+        };
+    },
     computed: {
         jcbColumns() {
             return [
@@ -60,11 +67,23 @@ export default {
         },
     },
     methods: {
+        // 添加表格行
+        onAddRow(data) {
+            const { dataSource = [] } = data;
+            const tableRef = this.$refs['tableRef'];
+            if (tableRef) {
+                tableRef.addRow({ clp: '', time: '' ,id:getuuid(),rowIndex:dataSource.length});
+                // 添加行后触发数据变化
+                this.onDataChange();
+            }
+        },
         // 删除表格行
         deleteRow(rowIndex) {
             const tableRef = this.$refs['tableRef'];
             if (tableRef) {
                 tableRef.deleteRow(rowIndex);
+                // 删除行后触发数据变化
+                this.onDataChange();
             }
         },
         // 实现validateFormData方法，用于表单验证
@@ -85,11 +104,34 @@ export default {
             return validateResult;
         },
         // 点击按钮事件
-        handleClickButton(key, rowIndex, row) {
+        handleClickButton(key, rowIndex) {
             if (key === 'timeClick') {
                 this.$refs['tableRef'].updateDataSourceByRowIndex(rowIndex, { time: moment().format("YYYY-MM-DD HH:mm:ss") })
+                this.onDataChange();
             }
         },
+        // 数据变化处理方法
+        onDataChange() {
+            // 获取表格数据
+            let tableData = [];
+            if (this.$refs.tableRef) {
+                const filledData = this.$refs.tableRef.getFilledFormData();
+                tableData = filledData.stepTableFormData || [];
+            }
+            
+            // 触发自定义事件，将数据变化传递给父组件
+            this.$emit('update', {
+                jcbInfo: {
+                    stepTableFormData: tableData,
+                }
+            });
+        },
+      
+        // 处理表格blur事件
+        commonHandleUpdate() {
+            // 表格数据变化时触发数据变化通知
+            this.onDataChange();
+        },
     }
 }
 </script>

src/components/Template/StepFormPackage.vue

@@ -54,7 +54,7 @@
                         :stepIndex="stepIndex" :prefixKey="prefixKey+'_'+index" @update="(data)=>onSubPackageUpdate(data,key)" :subData = "formFields[key]" :ref="'zlSubPackageRef_'+key" />
                 </template>
                 <template v-else-if="sItem.type === 'qb'">
-                    <JcbComp :ref="'jcbComp_'+key" :stepIndex="stepIndex" :prefixKey="prefixKey+'_'+index" @resetRecord = "resetRecord" :form-config="formConfig" :formData="formData" />
+                    <JcbComp @update="(data)=>onJcbUpdate(data,key)" :ref="'jcbComp_'+key" :stepIndex="stepIndex" :prefixKey="prefixKey+'_'+index" @resetRecord = "resetRecord" :form-config="formConfig" :formData="formData.qb" />
                 </template>
             
                 <div v-show="isShowOther(formFields[key])" class="flex flex1">
@@ -77,7 +77,7 @@ import JcbComp from '@/components/Template/StepComponents/JcbComp.vue'
 import ZLSubPackage from '@/components/Template/StepComponents/ZLSubPackage.vue'
 import { isShowOther } from "@/utils/formPackageCommon.js";
 import { EventBus } from "@/utils/eventBus";
-import { isRegent} from "@/utils/index.js";
+import { isRegent,justUpdateFilledFormData} from "@/utils/index.js";
 import moment from 'moment'
 export default {
     inject: ['templateFillType','templateData'],
@@ -159,6 +159,13 @@ export default {
         onSubPackageUpdate(data,key){
             this.formFields[key] = data;
         },
+        // 子组件数据更新处理方法
+        onJcbUpdate(data,key){
+            this.formFields[key] = data.jcbInfo;
+            this.$nextTick(() => {
+                justUpdateFilledFormData();
+            });
+        },
         // 重写子组件校验钩子方法，检查ZLSubPackage的表单验证
         validateSubComponents() {
             const refs = [];

src/views/business/comps/template/comps/lba/LBA002.vue

@@ -160,7 +160,7 @@ export default {
 				bodySubType: 'span',
 				bodySubKey: 'bh',
 				bodyFillType: 'preFill',
-				width: 280,
+				width: 380,
 			}]
 		},
 	},