采购入库清单导入调整

src/views/production/warehouse/purchase-stock-pending/add.vue

@@ -26,11 +26,13 @@
     </div>
 
     <el-dialog title="导入到货单" v-if="openUpload" v-model="openUpload" width="600">
-      <el-upload :show-file-list="false" action="##" :http-request="uploadServerLog">
-        <el-button style="background: #20b2aa; color: #fff; border: 1px solid #20b2aa">上传</el-button>
-      </el-upload>
-      <div style="text-align: center; margin: 10px">
-        <el-button @click="openUpload = false" size="large">关 闭</el-button>
+      <div v-loading="loadingUpload">
+        <el-upload :show-file-list="false" action="##" :http-request="uploadServerLog" :before-upload="handleBeforeUpload">
+          <el-button style="background: #20b2aa; color: #fff; border: 1px solid #20b2aa">上传</el-button>
+        </el-upload>
+        <div style="text-align: center; margin: 10px">
+          <el-button @click="openUpload = false" size="large">关 闭</el-button>
+        </div>
       </div>
     </el-dialog>
 
@@ -197,16 +199,30 @@ const submitForm = () => {
   }
 };
 const openUpload = ref(false);
+const loadingUpload = ref(false);
 const clickUpload = () => {
+  loadingUpload.value = false;
   openUpload.value = true;
 };
+const handleBeforeUpload = () => {
+  loadingUpload.value = true;
+};
 const uploadServerLog = (params) => {
   let file = params.file;
-  let formData = new FormData();
-  formData.append("file", file);
-  proxy.postUploadFile("/purchasePendingStorage/purchaseArrivalImport", formData).then((res) => {
-    formData.data = res;
-  });
+  let formFile = new FormData();
+  formFile.append("file", file);
+  proxy.postUploadFile("/purchasePendingStorage/purchaseArrivalImport", formFile).then(
+    (res) => {
+      ElMessage({ message: "导入成功", type: "success" });
+      formData.data = res.data;
+      loadingUpload.value = false;
+      openUpload.value = false;
+    },
+    (err) => {
+      console.log(err);
+      loadingUpload.value = false;
+    }
+  );
 };
 const formOption = reactive({
   inline: true,