feat: 审核按钮统一30秒超时并加遮罩

src/api/common.js

@@ -1,6 +1,9 @@
 import request from '@/axios';
 import { ElLoading, ElMessage } from 'element-plus';
 
+/** 审核按钮统一超时：审批通过后可能同步推送金蝶等耗时操作，覆盖全局 10s */
+export const APPROVE_TIMEOUT = 30000;
+
 /**
  * 文件流返回
  * @param url 接口地址

src/api/payment/invoiceApplication.js

@@ -1,4 +1,5 @@
 import request from '@/axios';
+import { APPROVE_TIMEOUT } from '@/api/common';
 
 const baseUrl = '/blade-transport/invoice-application';
 
@@ -18,7 +19,8 @@ export const getReceiverInformation = settlementIds =>
 export const save = data => request({ url: `${baseUrl}/save`, method: 'post', data });
 export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
 export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
-export const approve = data => request({ url: `${baseUrl}/approve`, method: 'post', data });
+export const approve = data =>
+  request({ url: `${baseUrl}/approve`, method: 'post', data, timeout: APPROVE_TIMEOUT });
 export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
 export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
 export const syncKingdee = id =>

src/api/payment/invoiceReceipt.js

@@ -1,4 +1,5 @@
 import request from '@/axios';
+import { APPROVE_TIMEOUT } from '@/api/common';
 
 const baseUrl = '/blade-transport/invoice-receipt';
 
@@ -31,7 +32,8 @@ export const getReferenceInformation = settlementIds =>
 export const save = data => request({ url: `${baseUrl}/save`, method: 'post', data });
 export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
 export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
-export const approve = data => request({ url: `${baseUrl}/approve`, method: 'post', data });
+export const approve = data =>
+  request({ url: `${baseUrl}/approve`, method: 'post', data, timeout: APPROVE_TIMEOUT });
 export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
 export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
 export const pushKingdee = ids =>

src/api/payment/paymentApplication.js

@@ -1,4 +1,5 @@
 import request from '@/axios';
+import { APPROVE_TIMEOUT } from '@/api/common';
 
 const baseUrl = '/blade-transport/payment-application';
 export const getList = (current, size, params) =>
@@ -20,7 +21,8 @@ export const getProjectAdvanceWriteOffOptions = params =>
 export const save = data => request({ url: `${baseUrl}/save`, method: 'post', data });
 export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
 export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
-export const approve = data => request({ url: `${baseUrl}/approve`, method: 'post', data });
+export const approve = data =>
+  request({ url: `${baseUrl}/approve`, method: 'post', data, timeout: APPROVE_TIMEOUT });
 export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
 export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
 // 同步金蝶涉及多次金蝶远程接口调用（A103-2 预检 + A103-1/A103-3 推送），单笔可达 20s+，覆盖全局 10s 超时

src/api/settlement/formalSettlement.js

@@ -1,4 +1,5 @@
 import request from '@/axios';
+import { APPROVE_TIMEOUT } from '@/api/common';
 
 const baseUrl = '/blade-transport/formal-settlement';
 
@@ -27,7 +28,8 @@ export const getCandidateDetails = (current, size, params) =>
 export const save = data => request({ url: `${baseUrl}/save`, method: 'post', data });
 export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
 export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
-export const approve = data => request({ url: `${baseUrl}/approve`, method: 'post', data });
+export const approve = data =>
+  request({ url: `${baseUrl}/approve`, method: 'post', data, timeout: APPROVE_TIMEOUT });
 export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
 export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
 // 同步金蝶涉及多次金蝶远程接口调用（A102-4 预检 + A102-2 保存），可达 20s+，覆盖全局 10s 超时

src/api/settlement/preSettlement.js

@@ -1,4 +1,5 @@
 import request from '@/axios';
+import { APPROVE_TIMEOUT } from '@/api/common';
 
 const baseUrl = '/blade-transport/pre-settlement';
 
@@ -42,7 +43,8 @@ export const removeDetail = (id, detailId) =>
 
 export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
 
-export const approve = data => request({ url: `${baseUrl}/approve`, method: 'post', data });
+export const approve = data =>
+  request({ url: `${baseUrl}/approve`, method: 'post', data, timeout: APPROVE_TIMEOUT });
 
 export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
 

src/views/payment/invoice-application.vue

@@ -409,14 +409,23 @@ export default {
     },
     async handleApprove(row) {
       await this.$confirm('确认审批通过该开票申请？', '提示', { type: 'warning' });
-      const res = await api.approve({ id: row.id });
+      const loading = this.$loading({
-      // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        lock: true,
-      if (res.data.data === false) {
+        text: '审批处理中，请稍候…',
-        this.$message.warning(res.data.msg);
+        background: 'rgba(255, 255, 255, 0.6)',
-      } else {
+      });
-        this.$message.success(res.data.msg || '审批通过');
+      try {
+        const res = await api.approve({ id: row.id });
+        // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        if (res.data.data === false) {
+          this.$message.warning(res.data.msg);
+        } else {
+          this.$message.success(res.data.msg || '审批通过');
+        }
+        this.loadTable();
+      } finally {
+        loading.close();
       }
-      this.loadTable();
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回');

src/views/payment/invoice-receipt.vue

@@ -366,14 +366,23 @@ export default {
     },
     async handleApprove(row) {
       await this.$confirm('确认审批通过该收票登记？', '提示', { type: 'warning' });
-      const res = await api.approve({ id: row.id });
+      const loading = this.$loading({
-      // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        lock: true,
-      if (res.data.data === false) {
+        text: '审批处理中，请稍候…',
-        this.$message.warning(res.data.msg);
+        background: 'rgba(255, 255, 255, 0.6)',
-      } else {
+      });
-        this.$message.success(res.data.msg || '审批通过');
+      try {
+        const res = await api.approve({ id: row.id });
+        // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        if (res.data.data === false) {
+          this.$message.warning(res.data.msg);
+        } else {
+          this.$message.success(res.data.msg || '审批通过');
+        }
+        this.loadTable();
+      } finally {
+        loading.close();
       }
-      this.loadTable();
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回');

src/views/payment/payment-application.vue

@@ -331,6 +331,11 @@ export default {
       // 防止重复点击：请求进行中忽略后续点击
       if (this.approveLoading) return;
       this.approveLoading = true;
+      const loading = this.$loading({
+        lock: true,
+        text: '审批处理中，请稍候…',
+        background: 'rgba(255, 255, 255, 0.6)',
+      });
       try {
         const res = await api.approve({ id: row.id });
         // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
@@ -341,6 +346,7 @@ export default {
         }
         this.refreshChange();
       } finally {
+        loading.close();
         this.approveLoading = false;
       }
     },

src/views/settlement/formal-settlement.vue

@@ -376,14 +376,23 @@ export default {
         '提示',
         { type: 'warning' }
       );
-      const res = await api.approve({ id: row.id });
+      const loading = this.$loading({
-      // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        lock: true,
-      if (res.data.data === false) {
+        text: '审批处理中，请稍候…',
-        this.$message.warning(res.data.msg);
+        background: 'rgba(255, 255, 255, 0.6)',
-      } else {
+      });
-        this.$message.success(res.data.msg || '审批通过');
+      try {
+        const res = await api.approve({ id: row.id });
+        // data=false 表示审批已通过但自动同步金蝶失败，msg 带具体原因
+        if (res.data.data === false) {
+          this.$message.warning(res.data.msg);
+        } else {
+          this.$message.success(res.data.msg || '审批通过');
+        }
+        this.onLoad(this.page);
+      } finally {
+        loading.close();
       }
-      this.onLoad(this.page);
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回', {

src/views/settlement/pre-settlement.vue

@@ -692,9 +692,18 @@ export default {
     },
     async handleApprove(row) {
       await this.$confirm('确认审批通过该预付结算单？', '提示', { type: 'warning' });
-      await approve({ id: row.id });
+      const loading = this.$loading({
-      this.$message.success('审批通过');
+        lock: true,
-      this.loadTable();
+        text: '审批处理中，请稍候…',
+        background: 'rgba(255, 255, 255, 0.6)',
+      });
+      try {
+        await approve({ id: row.id });
+        this.$message.success('审批通过');
+        this.loadTable();
+      } finally {
+        loading.close();
+      }
     },
     async handleReturn(row) {
       const { value } = await this.$prompt('请输入驳回原因', '审批驳回', {