refactor(zlgl/llzjd): 将表单模型从reactive对象改为ref对象

- 将state.formModel替换为独立的formModel ref对象
- 更新所有使用state.formModel的地方为formModel
- 修改表单数据绑定和监听逻辑以适配新的响应式对象
- 调整工作流表单数据处理逻辑以兼容新的数据结构

xjrsoft-vue3/src/views/zlgl/llzjd/components/Form.vue

@@ -3,7 +3,7 @@
     <SimpleForm
       ref="systemFormRef"
       :formProps="data.formDataProps"
-      :formModel="state.formModel"
+      :formModel="formModel"
       :isWorkFlow="props.fromPage != FromPageType.MENU"
       :isCamelCase="true"
       @model-change="handleChange"
@@ -52,12 +52,12 @@
     formDataProps: cloneDeep(formProps),
   });
   const state = reactive({
-    formModel: {},
     formInfo: { formId: '', formName: '' },
   });
+  let formModel = ref<any>({});
   const { currentRoute } = useRouter();
   watch(
-    () => state.formModel,
+    () => formModel,
     (val) => {
       emits('update:value', val);
     },
@@ -67,10 +67,10 @@
   );
 
   watch(
-    () => state.formModel.zjfa,
+    () => formModel.value.zjfa,
     (newZjfaId) => {
       if (newZjfaId) {
-        state.formModel.mesQualityInspectionDetailList = [];
+        formModel.value.mesQualityInspectionDetailList = [];
         try {
           axios
             .get(import.meta.env.VITE_GLOB_API_URL + '/magic-api/zlgl/zjjcsj/getFaById', {
@@ -78,7 +78,7 @@
             })
             .then((response) => {
               for (const item of response.data.data) {
-                state.formModel.mesQualityInspectionDetailList.push({
+                formModel.value.mesQualityInspectionDetailList.push({
                   bzz: item.bzz,
                   bh: item.bh,
                   zjxm: item.mc,
@@ -114,7 +114,7 @@
         }
         await createFormEvent(
           formEventConfigs,
-          state.formModel,
+          formModel,
           systemFormRef.value,
           formProps.schemas,
           true,
@@ -124,7 +124,7 @@
         await nextTick();
         await loadFormEvent(
           formEventConfigs,
-          state.formModel,
+          formModel,
           systemFormRef.value,
           formProps.schemas,
           true,
@@ -141,7 +141,7 @@
         emits('loadingCompleted'); //告诉系统表单已经加载完毕
         await createFormEvent(
           formEventConfigs,
-          state.formModel,
+          formModel,
           systemFormRef.value,
           formProps.schemas,
           true,
@@ -150,7 +150,7 @@
         ); //表单事件：初始化表单
         await loadFormEvent(
           formEventConfigs,
-          state.formModel,
+          formModel,
           systemFormRef.value,
           formProps.schemas,
           true,
@@ -185,7 +185,7 @@
     try {
       const record = await getMesDeQualityInspection(rowId);
       setFieldsValue(record);
-      state.formModel = record;
+      formModel.value = record;
 
       // 等待 DOM 更新完成后，如果 zjfa 存在，则手动触发处理
       await nextTick();
@@ -195,7 +195,7 @@
 
       await getFormDataEvent(
         formEventConfigs,
-        state.formModel,
+        formModel,
         systemFormRef.value,
         formProps.schemas,
         true,
@@ -239,11 +239,11 @@
   async function update({ values, rowId }) {
     try {
       values[RowKey] = rowId;
-      state.formModel = values;
+      formModel.value = values;
       let saveVal = await updateMesDeQualityInspection(values);
       await submitFormEvent(
         formEventConfigs,
-        state.formModel,
+        formModel,
         systemFormRef.value,
         formProps.schemas,
         true,
@@ -256,11 +256,11 @@
   // 新增api表单数据
   async function add(values) {
     try {
-      state.formModel = values;
+      formModel.value = values;
       let saveVal = await addMesDeQualityInspection(values);
       await submitFormEvent(
         formEventConfigs,
-        state.formModel,
+        formModel,
         systemFormRef.value,
         formProps.schemas,
         true,
@@ -276,18 +276,18 @@
       if (obj.formId) state.formInfo.formId = obj.formId;
       if (obj.formName) state.formInfo.formName = obj.formName;
       let flowData = await changeWorkFlowForm(cloneDeep(formProps), obj);
-      let { buildOptionJson, uploadComponentIds, formModels, isViewProcess } = flowData;
+      let { buildOptionJson, uploadComponentIds, formModel, isViewProcess } = flowData;
       data.formDataProps = buildOptionJson;
       emits('changeUploadComponentIds', uploadComponentIds); //工作流中必须保存上传组件id【附件汇总需要】
       if (isViewProcess) {
         setDisabledForm(); //查看
       }
-      state.formModel = formModels;
-      setFieldsValue(formModels);
+      formModel.value = formModel.values;
+      setFieldsValue(formModel.values);
     } catch (error) {}
     await createFormEvent(
       formEventConfigs,
-      state.formModel,
+      formModel,
       systemFormRef.value,
       formProps.schemas,
       true,
@@ -296,7 +296,7 @@
     ); //表单事件：初始化表单
     await loadFormEvent(
       formEventConfigs,
-      state.formModel,
+      formModel,
       systemFormRef.value,
       formProps.schemas,
       true,