From e13a2bd415d92bede146efbc4f17704efae9fa56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Mon, 26 Jan 2026 11:36:25 +0800
Subject: [PATCH] =?UTF-8?q?fix(wms):=20=E4=BF=AE=E5=A4=8D=E5=88=86?=
 =?UTF-8?q?=E6=9D=A1=E6=93=8D=E4=BD=9C=E8=B6=85=E6=97=B6=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E5=BC=82=E6=AD=A5=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

增加获取重复组数据的超时设置，防止接口长时间无响应
重构handleStartSplit方法，使用async/await简化异步操作流程
调整样式使分条操作项支持换行显示
---
 klp-ui/src/api/wms/coil.js              |  1 +
 klp-ui/src/views/wms/coil/panels/do.vue | 44 +++++++++++--------------
 2 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/klp-ui/src/api/wms/coil.js b/klp-ui/src/api/wms/coil.js
index 6b12c206..a140934c 100644
--- a/klp-ui/src/api/wms/coil.js
+++ b/klp-ui/src/api/wms/coil.js
@@ -222,6 +222,7 @@ export function getMaxCoilNo(enterCoilNoPrefix) {
  */
 export function getDuplicateGroups() {
   return request({
+    timeout: 100000,
     url: '/wms/materialCoil/duplicateGroups',
     method: 'get'
   })
diff --git a/klp-ui/src/views/wms/coil/panels/do.vue b/klp-ui/src/views/wms/coil/panels/do.vue
index ba87a8bb..6f28c6aa 100644
--- a/klp-ui/src/views/wms/coil/panels/do.vue
+++ b/klp-ui/src/views/wms/coil/panels/do.vue
@@ -202,8 +202,8 @@
               </div>
 
               <div class="card-footer">
-                <el-button v-if="useSpecialSplit" type="success" icon="el-icon-scissors"
-                  size="mini" @click="handleStartSplit(item)" :loading="buttonLoading" class="action-btn">分条</el-button>
+                <el-button v-if="useSpecialSplit" type="success" icon="el-icon-scissors" size="mini"
+                  @click="handleStartSplit(item)" :loading="buttonLoading" class="action-btn">分条</el-button>
                 <el-button v-else type="primary" icon="el-icon-check" size="mini" @click="handlePickMaterial(item)"
                   :loading="buttonLoading" class="action-btn">领料</el-button>
                 <el-button type="danger" icon="el-icon-alarm-clock" :plain="item.abnormalCount == 0" size="mini"
@@ -228,12 +228,13 @@
             <h3 class="section-title">进行中的镀锌工序</h3>
             <el-button size="mini" icon="el-icon-refresh" @click="getStepSplitList">刷新</el-button>
           </div>
-          <div style="display: flex; align-items: center; gap: 10px;">
-            <div v-for="item in stepSpilt.list" :key="item.coilId || index" style="text-align: center; padding: 10px; border: 2px solid #e4e7ed; border-radius: 4px;">
+          <div style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
+            <div v-for="item in stepSpilt.list" :key="item.coilId || index"
+              style="text-align: center; padding: 10px; border: 2px solid #e4e7ed; border-radius: 4px;">
               <div class="step-item" style="font-size: 24px; font-weight: bold; ">
                 <span class="step-value">{{ item.currentCoilNo }}</span>
               </div>
-               <el-button type="primary" size="mini" @click="handleContinueSplit(item)">查看</el-button>
+              <el-button type="primary" size="mini" @click="handleContinueSplit(item)">查看</el-button>
               <el-button size="mini" @click="handleCancelSplit(item)">取消操作</el-button>
             </div>
           </div>
@@ -343,8 +344,8 @@
               </div>
 
               <div class="card-footer" v-else="!useSpecialSplit">
-                 <el-button :loading="buttonLoading" type="primary" icon="el-icon-edit" size="mini"
-                    @click="handleProcess(item)" class="action-btn">查看</el-button>
+                <el-button :loading="buttonLoading" type="primary" icon="el-icon-edit" size="mini"
+                  @click="handleProcess(item)" class="action-btn">查看</el-button>
               </div>
             </div>
           </div>
@@ -829,33 +830,28 @@ export default {
         }
       })
     },
-    handleStartSplit(row) {
+    async handleStartSplit(row) {
       this.buttonLoading = true
-      this.$modal.confirm('是否确认领料开始分条操作？')
-      .then(_ => {
+      try {
+        await this.$modal.confirm('是否确认领料开始分条操作？')
         this.stepSpilt.loading = true
-        addPendingAction({
+        await startSpecialSplit(row.coilId);
+        await addPendingAction({
           coilId: row.coilId,
           currentCoilNo: row.currentCoilNo,
           actionType: 501,
           actionStatus: 0,
           sourceType: 'manual',
           priority: 0,
-        }).then(_ => {
-          startSpecialSplit(row.coilId).then(_ => {
-            this.$message.success('分条操作已创建')
-            this.stepSpilt.loading = false
-            this.getPendingAction()
-            // this.getMaterialCoil()
-            this.getStepSplitList()
-          }).finally(() => {
-            this.buttonLoading = false
-          })
         })
-      })
-      .finally(() => {
+        this.$message.success('分条操作已创建')
+        this.stepSpilt.loading = false
+        this.getPendingAction()
+        // this.getMaterialCoil()
+        this.getStepSplitList()
+      } finally {
         this.buttonLoading = false
-      })  
+      }
     },
     handleContinueSplit(row) {
       this.stepSpilt.coilId = row.coilId