07/05

src/views/operation/autoduizang/TenantAuditStepModal.vue

@@ -26,13 +26,15 @@
           <!-- <a-button class="btn btn-delete" @click="Dellist">删除费用字段</a-button> -->
         </div>
         <div style="position: relative">
-          <input
-            class="ds-tb-check"
-            type="checkbox"
-            v-model="allCheck"
-            :indeterminate="someCheck"
-          />
-          <hot-table ref="hotTb" :data="list" :settings="Lsettings"> </hot-table>
+          <a-spin :spinning="TableSpinning">
+            <input
+              class="ds-tb-check"
+              type="checkbox"
+              v-model="allCheck"
+              :indeterminate="someCheck"
+            />
+            <hot-table ref="hotTb" :data="list" :settings="Lsettings"> </hot-table>
+          </a-spin>
         </div>
       </div>
     </div>
@@ -99,24 +101,7 @@
         setFieldsValue({
           ...res.data,
         })
-        let ApiData = {
-          queryCondition: JSON.stringify({
-            FieldName: 'checkId',
-            FieldValue: rowId.value,
-            ConditionalType: 1,
-          }),
-          pageCondition: {
-            pageIndex: 1,
-            pageSize: 9999,
-            sortConditions: [],
-          },
-        }
-        const e: API.DataResult = await ApiBasicsList(ApiData)
-        if (e.succeeded) {
-          list.value.push(...e.data)
-        } else {
-          setModalProps({ confirmLoading: false })
-        }
+        await GetTableData()
       }
       setModalProps({ confirmLoading: false })
     } else {
@@ -134,6 +119,32 @@
       list.value.push(...res.data)
     }
   }
+  const TableSpinning = ref(false)
+  async function GetTableData() {
+    TableSpinning.value = true
+    let ApiData = {
+      queryCondition: JSON.stringify([
+        {
+          FieldName: 'checkId',
+          FieldValue: rowId.value,
+          ConditionalType: 1,
+        },
+      ]),
+      pageCondition: {
+        pageIndex: 1,
+        pageSize: 9999,
+        sortConditions: [],
+      },
+    }
+    const res: API.DataResult = await ApiBasicsList(ApiData)
+    if (res.succeeded) {
+      list.value.splice(0)
+      list.value.push(...res.data)
+    } else {
+      setModalProps({ confirmLoading: false })
+    }
+    TableSpinning.value = false
+  }
   // 保存
   async function handleSave(exit) {
     try {
@@ -497,9 +508,9 @@
     ApiImport({
       data: formData,
       // parameter: { LinkId: Did, TypeCode: 'other', TypeName: '其他' },
-    }).then((res) => {
+    }).then(async (res) => {
       if (res.succeeded) {
-        list.value.push(...res.data)
+        await GetTableData()
       } else {
         notification.error({ message: res.message, duration: 3 })
       }

src/views/operation/autoduizang/columns.tsx

@@ -87,17 +87,17 @@ export const searchFormSchema: FormSchema[] = [
   },
 ]
 let businessTypeData = [
-  { label: '全部', value: '0' },
-  { label: '海运出口', value: '1' },
+  { label: '全部', value: 0 },
+  { label: '海运出口', value: 1 },
 ]
 let checkTypeData = [
-  { label: 'Excel导入', value: '1' },
-  { label: '区间统计', value: '2' },
+  { label: 'Excel导入', value: 1 },
+  { label: '区间统计', value: 2 },
 ]
 let billTypeData = [
-  { label: '全部', value: '0' },
-  { label: '应收', value: '1' },
-  { label: '应付', value: '2' },
+  { label: '全部', value: 0 },
+  { label: '应收', value: 1 },
+  { label: '应付', value: 2 },
 ]
 export const formSchema: FormSchema[] = [
   {