diff --git a/src/components/FormViewer/cardGourp.vue b/src/components/FormViewer/cardGourp.vue index 4140d5d8..bc7d4038 100644 --- a/src/components/FormViewer/cardGourp.vue +++ b/src/components/FormViewer/cardGourp.vue @@ -84,6 +84,21 @@ showActionButtonGroup: false, baseColProps: { lg: 24, md: 24 }, }); + watch(() => subTableDataStore.getToSetGroupData, () => { + if(subTableDataStore.getToSetGroupData){ + if (Object.keys(subTableDataStore.getGroupData).includes(tableData.field)) { + noTitleKey.value = subTableDataStore.getGroupData[tableData.field]; + if (tableData.ifShow) { + onTabChange({ target: { value: noTitleKey.value } }, tableData.field); + } + } else { + noTitleKey.value = tableData.componentProps.options[0].value; + if (tableData.ifShow) { + onTabChange({ target: { value: noTitleKey.value } }, tableData.field); + } + } + } + }) watch( () => props.formData, (newVal) => { diff --git a/src/components/FormViewer/index.vue b/src/components/FormViewer/index.vue index 35e74468..a8855c83 100644 --- a/src/components/FormViewer/index.vue +++ b/src/components/FormViewer/index.vue @@ -369,6 +369,7 @@ } cardGourpFormData.value = obj; subTableDataStore.setGroupData(obj); + subTableDataStore.setToSetGroupData(); FieldsValue.value = obj; setFieldsValue({ ...obj, diff --git a/src/store/modules/subTable.ts b/src/store/modules/subTable.ts index 0f550427..220c4f50 100644 --- a/src/store/modules/subTable.ts +++ b/src/store/modules/subTable.ts @@ -5,6 +5,7 @@ export const subTableStore = defineStore({ state: () => ({ tableDta: [], groupData: {}, + toSetGroupData: false, }), getters: { getTableData(state) { @@ -13,11 +14,17 @@ export const subTableStore = defineStore({ getGroupData(state) { return state.groupData; }, + getToSetGroupData(state){ + return state.toSetGroupData; + } }, actions: { setTableData(data) { this.tableDta = data; }, + setToSetGroupData(){ + this.toSetGroupData = true + }, setSingleData(parentFileId, data) { this.tableDta.forEach((item, i) => { if (item.parentFileId == parentFileId) { @@ -38,6 +45,7 @@ export const subTableStore = defineStore({ }, clearGoupData() { this.groupData = {}; + this.toSetGroupData = false; }, }, });