From 2275cce06133f0fc17314568c148c158b892aec0 Mon Sep 17 00:00:00 2001
From: hayu <1604366271@qq.com>
Date: Fri, 6 Feb 2026 16:17:38 +0800
Subject: [PATCH] =?UTF-8?q?=E9=85=8D=E4=BB=B6=E9=A2=86=E7=94=A8=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E5=A2=9E=E5=8A=A0loding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../partLease/component/addToolsApply.vue     | 143 ++++++++++++------
 1 file changed, 95 insertions(+), 48 deletions(-)

diff --git a/src/views/material/part/partLease/component/addToolsApply.vue b/src/views/material/part/partLease/component/addToolsApply.vue
index 2eba91a1..df22dccf 100644
--- a/src/views/material/part/partLease/component/addToolsApply.vue
+++ b/src/views/material/part/partLease/component/addToolsApply.vue
@@ -17,13 +17,13 @@
           placeholder="请输入领料单号"
           clearable
           maxlength="50"
-          style="width: 240px" 
+          style="width: 240px"
           disabled
         />
       </el-form-item>
       <el-form-item label="备注：" prop="remark">
         <el-input
-          v-model="maForm.remark" 
+          v-model="maForm.remark"
           clearable
           maxlength="200"
           style="width: 240px"
@@ -39,9 +39,9 @@
           plain
           icon="el-icon-check"
           size="mini"
-          :disabled="multiple"
+          :disabled="multiple || auditLoading"
           @click="handlePassAll"
-          >通过</el-button
+        >通过</el-button
         >
       </el-col>
       <el-col :span="1.5">
@@ -50,19 +50,19 @@
           plain
           icon="el-icon-close"
           size="mini"
-          :disabled="multiple"
+          :disabled="multiple || auditLoading"
           @click="handleFailAll"
-          >驳回</el-button
+        >驳回</el-button
         >
       </el-col>
     </el-row>
-    <el-table v-loading="loading" :data="equipmentList" row-key="id" @selection-change="handleSelectionChange">
+    <el-table v-loading="loading || auditLoading" :data="equipmentList" row-key="id" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" :selectable="selectable"/>
       <el-table-column label="序号" align="center" type="index" />
       <el-table-column label="配件类型" align="center" prop="partType" :show-overflow-tooltip="true"/>
       <el-table-column label="配件名称" align="center" prop="partName" :show-overflow-tooltip="true"></el-table-column>
-      <el-table-column label="规格型号" align="center" prop="partModel" :show-overflow-tooltip="true"/> 
-      <el-table-column label="预领数量" align="center" prop="preNum" :show-overflow-tooltip="true"></el-table-column> 
+      <el-table-column label="规格型号" align="center" prop="partModel" :show-overflow-tooltip="true"/>
+      <el-table-column label="预领数量" align="center" prop="preNum" :show-overflow-tooltip="true"></el-table-column>
       <el-table-column label="审核状态" align="center" prop="status" :show-overflow-tooltip="true">
         <template slot-scope="scope">
           <div v-if="scope.row.status == '0'" style="color: #e6a23c">
@@ -74,7 +74,6 @@
           <div v-if="scope.row.status == '2'" style="color: #f56c6c">
             {{ "驳回" }}
           </div>
-          <!-- <div v-else style="color: red;"></div> -->
         </template>
       </el-table-column>
       <el-table-column label="操作" align="center" width="300">
@@ -84,8 +83,10 @@
             style="margin-bottom: 10px"
             type="success"
             v-if="scope.row.status == '0'"
+            :disabled="auditLoading"
             @click="handlePass(scope.row)"
-            >通过
+            :loading="currentAuditId === scope.row.id && auditLoading"
+          >通过
           </el-button>
 
           <el-button
@@ -93,7 +94,9 @@
             type="danger"
             @click="handleFail(scope.row)"
             v-if="scope.row.status == '0'"
-            >驳回
+            :disabled="auditLoading"
+            :loading="currentAuditId === scope.row.id && auditLoading"
+          >驳回
           </el-button>
           <div v-if="scope.row.status != '0'">-</div>
         </template>
@@ -109,7 +112,7 @@
   </div>
 </template>
 
-<script> 
+<script>
 import {
   getPartLeaseByTaskIdApi,auditApi
 } from "@/api/part/partLease";
@@ -152,6 +155,10 @@ export default {
       taskId: "",
       // 遮罩层
       loading: true,
+      // 审核加载状态
+      auditLoading: false,
+      // 当前正在审核的ID（用于单个审核时的按钮loading）
+      currentAuditId: null,
       total: 0,
       //租赁单位
       uniteList: [],
@@ -188,7 +195,7 @@ export default {
   methods: {
     //是否可用勾选框
     selectable(row) {
-      if (row.status == "0") {
+      if (row.status == "0" && !this.auditLoading) {
         return true;
       } else {
         return false;
@@ -207,27 +214,30 @@ export default {
       });
       this.single = selection.length != 1;
       this.multiple = !selection.length;
-      console.log(this.multiple)
     },
     //获取任务详情-列表数据
     getTaskInfo() {
       this.loading = true;
-      getPartLeaseByTaskIdApi({ taskId: this.taskId }).then((response) => {
+      getPartLeaseByTaskIdApi({taskId: this.taskId}).then((response) => {
         this.maForm = this.paramTemp;
         this.equipmentList = response.data.detailsList;
         this.loading = false;
       });
     },
     //单个通过
-    handlePass(row) { 
-      let param={
-        taskId:this.taskId,
-        taskStatus:1,
-        partLeaseDetailsList:[row]
-      }
+    handlePass(row) {
+      this.currentAuditId = row.id;
+      this.auditLoading = true;
+
+      let param = {
+        taskId: this.taskId,
+        taskStatus: 1,
+        partLeaseDetailsList: [row]
+      };
+
       this.$modal
         .confirm("是否确认通过所选择的数据项？")
-        .then(function () {
+        .then(() => {
           return auditApi(param);
         })
         .then(() => {
@@ -235,22 +245,32 @@ export default {
           this.$modal.msgSuccess("通过成功");
           setTimeout(() => {
             if (this.equipmentList.every((item) => item.status != 0)) {
-              this.$emit('isReset')
+              this.$emit('isReset');
             }
-          }, 200)
+          }, 200);
         })
-        .catch(() => {});
+        .catch(() => {
+          // 用户取消或API错误
+        })
+        .finally(() => {
+          this.auditLoading = false;
+          this.currentAuditId = null;
+        });
     },
     //单个驳回
     handleFail(row) {
-      let param={
-        taskId:this.taskId,
-        taskStatus:2,
-        partLeaseDetailsList:[row]
-      }
+      this.currentAuditId = row.id;
+      this.auditLoading = true;
+
+      let param = {
+        taskId: this.taskId,
+        taskStatus: 2,
+        partLeaseDetailsList: [row]
+      };
+
       this.$modal
         .confirm("是否确认驳回所选择的数据项？")
-        .then(function () {
+        .then(() => {
           return auditApi(param);
         })
         .then(() => {
@@ -258,11 +278,17 @@ export default {
           this.$modal.msgSuccess("驳回成功");
           setTimeout(() => {
             if (this.equipmentList.every((item) => item.status != 0)) {
-              this.$emit('isReset')
+              this.$emit('isReset');
             }
-          }, 200)
+          }, 200);
         })
-        .catch(() => {});
+        .catch(() => {
+          // 用户取消或API错误
+        })
+        .finally(() => {
+          this.auditLoading = false;
+          this.currentAuditId = null;
+        });
     },
     //多个通过
     handlePassAll() {
@@ -273,18 +299,27 @@ export default {
         });
         return;
       } else {
-        let param={
-          taskId:this.taskId,
-          taskStatus:1,
-          partLeaseDetailsList:this.passTemp
-        }
+        this.auditLoading = true;
+
+        let param = {
+          taskId: this.taskId,
+          taskStatus: 1,
+          partLeaseDetailsList: this.passTemp
+        };
+
         auditApi(param).then((response) => {
           if (response.code == 200) {
             this.$modal.msgSuccess("通过成功");
           }
           this.getTaskInfo();
-          this.$emit('isReset')
-        });
+          this.$emit('isReset');
+        })
+          .catch(() => {
+            // API错误处理
+          })
+          .finally(() => {
+            this.auditLoading = false;
+          });
       }
     },
     //多个驳回
@@ -296,17 +331,26 @@ export default {
         });
         return;
       } else {
-        let param={
-          taskId:this.taskId,
-          taskStatus:2,
-          partLeaseDetailsList:this.failTemp
-        }
+        this.auditLoading = true;
+
+        let param = {
+          taskId: this.taskId,
+          taskStatus: 2,
+          partLeaseDetailsList: this.failTemp
+        };
+
         auditApi(param).then((response) => {
           if (response.code == 200) {
             this.$modal.msgSuccess("驳回成功");
           }
           this.getTaskInfo();
-        });
+        })
+          .catch(() => {
+            // API错误处理
+          })
+          .finally(() => {
+            this.auditLoading = false;
+          });
       }
     },
   },
@@ -317,16 +361,19 @@ export default {
   width: 60px !important;
   margin-bottom: 10px;
 }
+
 //隐藏图片上传框的css
 ::v-deep.disabled {
   .el-upload--picture-card {
     display: none;
   }
 }
+
 .custom-textarea {
   width: 300px;
   height: 100px;
 }
+
 .accept-img {
   color: #409eff;