feat(招标): 文件上传添加loading

src/views/tendeYearManage/edit.vue

@@ -45,10 +45,9 @@
       :file-list="fileList"
       accept=".xlsx,.xls"
       :on-success="uploadFile"
+      :onChange="onChangeUpload"
     >
-      <a-button v-if="!disabled" type="dashed" class="ml-2" preIcon="ei:plus">
-        Excel导入
-      </a-button>
+      <a-button v-if="!disabled" type="dashed" class="ml-2" preIcon="ei:plus"> Excel导入 </a-button>
     </Upload>
     <projectDrawer @register="registerDrawer" @success="handleSuccess" />
     <projectlibraryModel @register="register" @close="handleNewData" />
@@ -117,7 +116,7 @@
       for (let i = 0; i < res.length; i++) {
         const source = res[i];
         const item = {
-          name: '项目:' + source.projectName,
+          name: '项目:' + source.proName,
           show: true,
           proId: source.proId,
           forceRender: true,
@@ -157,8 +156,10 @@
   };
 
   const tabsFormSchema = reactive<TabsFormType[]>([]);
-  async function uploadFile(response) {
+  function onChangeUpload(info) {
     loadingRef.value = true;
+  }
+  async function uploadFile(response) {
     if (response.code == 1) {
       response.data.map((info) => {
         const item = {
@@ -166,7 +167,7 @@
           forceRender: true,
           show: true,
           Form: useForm(Object.assign({ schemas: formSchema }, baseFormConfig) as FormProps),
-          proId: info.id ? info.id : '',
+          proId: info.id ? info.id : null,
         };
         const { setFieldsValue } = item.Form[1];
         tabsFormSchema.push(item);
@@ -206,7 +207,7 @@
       forceRender: true,
       show: true,
       Form: useForm(Object.assign({ schemas: formSchema }, baseFormConfig) as FormProps),
-      proId: info.id ? info.id : '',
+      proId: info.id ? info.id : null,
     };
     const { setFieldsValue } = item.Form[1];
     tabsFormSchema.push(item);
@@ -216,7 +217,7 @@
         fundingSource: info.fundingSource,
         constructionMode: info.constructionMode,
         investmentAmount: info.projectInvestment,
-        proId: info.id ? info.id : '',
+        proId: info.id ? info.id : null,
       });
     });
   }
@@ -235,7 +236,7 @@
       let formSchema = tabsFormSchema[i].Form[1];
       const { updateSchema } = formSchema;
       await nextTick(() => {
-        if (isSubmit == '0') {
+        if (isSubmit == '0' || tabsFormSchema[i].show == false) {
           updateSchema([
             { field: 'proName', required: false },
             { field: 'fundingSource', required: false },

src/views/tenderYearPlan/edit.vue

@@ -57,6 +57,7 @@
       :file-list="fileList"
       accept=".xlsx,.xls"
       :on-success="uploadFile"
+      :onChange="onChangeUpload"
     >
       <a-button v-if="!disabled" type="dashed" class="ml-2" preIcon="ei:plus"> Excel导入 </a-button>
     </Upload>
@@ -126,7 +127,7 @@
         getTitle.value = '编辑年度招标计划';
       }
       let res = await selectDetail({ id });
-      console.log('11111',res)
+      console.log('11111', res);
       formData.value.tenderPlanPro = [];
       for (let i = 0; i < res.length; i++) {
         const source = res[i];
@@ -134,7 +135,7 @@
           name: '项目:' + source.proName,
           forceRender: true,
           show: true,
-          proId: source.proId ? source.proId : '',
+          proId: source.proId ? source.proId : null,
           Form: useForm(
             Object.assign({ schemas: formSchema, disabled }, baseFormConfig) as FormProps,
           ),
@@ -145,7 +146,7 @@
         tabsFormSchema.push(item);
         formData.value.tenderPlanPro.push({
           id: source.id,
-          proId: source.proId ? source.proId : '',
+          proId: source.proId ? source.proId : null,
           tenderId: source.tenderId,
         });
         nextTick(() => {
@@ -224,7 +225,7 @@
       let formSchema = tabsFormSchema[i].Form[1];
       const { updateSchema } = formSchema;
       await nextTick(() => {
-        if (isSubmit == '0') {
+        if (isSubmit == '0' || tabsFormSchema[i].show == false) {
           updateSchema([
             { field: 'projectName', required: false },
             { field: 'projectInitiator', required: false },
@@ -306,8 +307,11 @@
       loadingRef.value = false;
     }
   }
-  async function uploadFile(response) {
+
+  function onChangeUpload(info) {
     loadingRef.value = true;
+  }
+  async function uploadFile(response) {
     if (response.code == 1) {
       response.data.map((info) => {
         const item = {