feat: (工程投资计划): 删除问题修复

src/views/engineeringProject/engineeringEdit/engineeringEdit.vue

@@ -5,8 +5,8 @@
       <a-button type="primary" v-if="!disabled" @click="handleSubmit"> 提交 </a-button>
       <a-button type="default" @click="router.back()"> 返回 </a-button>
     </template>
-
-    <PageCard v-for="(item, index) in tabsFormSchema" :key="index" :title="item.name">
+    <template v-for="(item, index) in tabsFormSchema">
+      <PageCard v-if="item.show" :key="index" :title="item.name">
         <template #right>
           <a-button
               type="text"
@@ -25,6 +25,7 @@
           />
         </div>
       </PageCard>
+    </template>
     <a-button v-if="!disabled" type="dashed" @click="add" preIcon="ei:plus">
       从项目库导入
     </a-button>
@@ -189,6 +190,7 @@
         const item = {
           name: '序号' + (i + 1),
           forceRender: true,
+          show: true,
           Form: useForm(
             Object.assign({ schemas: formSchema, disabled }, baseFormConfig) as FormProps,
           ),
@@ -255,6 +257,7 @@
     name: string;
     forceRender?: boolean;
     Form: UseFormReturnType;
+    show?: boolean;
     table: any;
   };
   const baseFormConfig: Partial<FormProps> = {
@@ -263,7 +266,7 @@
     layout: 'vertical',
   };
 
-  const tabsFormSchema = reactive<TabsFormType[]>([]);
+  let tabsFormSchema = reactive<TabsFormType[]>([]);
 
   async function add() {
     openModal();
@@ -286,6 +289,7 @@
     const item = {
       name: '序号' + (tabsFormSchema.length + 1),
       forceRender: true,
+      show: true,
       Form: useForm(Object.assign({ schemas: formSchema }, baseFormConfig) as FormProps),
       table: useTable({
         title: '表尾行合计示例',
@@ -351,8 +355,9 @@
     });
   }
   async function deleteItem(index: any) {
-    tabsFormSchema.splice(index, 1);
-    formData.value.investmentPlan.splice(index, 1);
+    tabsFormSchema[index].show = false;
+    // tabsFormSchema.splice(index, 1);
+    // formData.value.investmentPlan.splice(index, 1);
   }
   async function handleAdd() {
     openDrawer(true, {
@@ -369,6 +374,7 @@
     try {
       for (let i = 0; i < tabsFormSchema.length; i++) {
         let item = tabsFormSchema[i];
+        if (item.show) {
           const { validate, getFieldsValue } = item.Form[1];
           const { getDataSource } = item.table[1];
           await validate();
@@ -393,6 +399,7 @@
           );
           formData.value.id = engineerId.value;
         }
+      }
       formData.value.proNumber = formData.value.investmentPlan.Length;
       console.log(' formData()', unref(formData));
       // console.log(' setTableData()', setTableData);