From afbc2db77f02b8b8273138b7f2982e9187209c64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Wed, 14 Jan 2026 08:52:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E4=BB=93=E5=BA=93=E8=A7=86=E5=9B=BE):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=BC=82=E5=B8=B8=E7=8A=B6=E6=80=81=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在仓库鸟瞰图和交错视图中添加异常状态的显示，包括图例和对应的样式。当仓库位被禁用且无当前线圈时，显示为异常状态，使用红色背景和禁止光标样式。
---
 .../views/wms/warehouse/components/WarehouseBird.vue  |  8 ++++++++
 .../wms/warehouse/components/WarehouseInterlaced.vue  | 11 +++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/klp-ui/src/views/wms/warehouse/components/WarehouseBird.vue b/klp-ui/src/views/wms/warehouse/components/WarehouseBird.vue
index 6ba10aba..8a938e2c 100644
--- a/klp-ui/src/views/wms/warehouse/components/WarehouseBird.vue
+++ b/klp-ui/src/views/wms/warehouse/components/WarehouseBird.vue
@@ -36,6 +36,10 @@
         <div class="legend-color occupied"></div>
         <span class="legend-text">已占用</span>
       </div>
+      <div class="legend-item">
+        <div class="legend-color error"></div>
+        <span class="legend-text">异常</span>
+      </div>
     </div>
 
     <!-- 分列库位容器 -->
@@ -313,6 +317,10 @@ export default {
       background-color: #fafafa;
     }
 
+    .error {
+      background-color: #fdecea;
+    }
+
     .legend-text {
       font-size: 14px;
       color: #606266;
diff --git a/klp-ui/src/views/wms/warehouse/components/WarehouseInterlaced.vue b/klp-ui/src/views/wms/warehouse/components/WarehouseInterlaced.vue
index e67ccd2a..80ec8ae5 100644
--- a/klp-ui/src/views/wms/warehouse/components/WarehouseInterlaced.vue
+++ b/klp-ui/src/views/wms/warehouse/components/WarehouseInterlaced.vue
@@ -41,7 +41,7 @@
             }">
               <div v-for="warehouse in columnWarehouseData[column].layer1"
                 :key="`warehouse-1-${warehouse.actualWarehouseId}`" class="warehouse-cell layer-1"
-                :class="{ disabled: warehouse.isEnabled === 0 }" @click.stop="handleCellClick(warehouse)">
+                :class="{ disabled: warehouse.isEnabled === 0, error: warehouse.isEnabled === 0 && warehouse.currentCoilNo == null }" @click.stop="handleCellClick(warehouse)">
                 <div class="cell-name">
                   <div class="cell-line1">{{ warehouse.actualWarehouseName || '-' }}</div>
                   <div class="cell-line2">{{ warehouse.currentCoilNo || '-' }}</div>
@@ -58,7 +58,7 @@
             }">
               <div v-for="warehouse in columnWarehouseData[column].layer2"
                 :key="`warehouse-2-${warehouse.actualWarehouseId}`" class="warehouse-cell layer-2"
-                :class="{ disabled: warehouse.isEnabled === 0 }" :style="{
+                :class="{ disabled: warehouse.isEnabled === 0, error: warehouse.isEnabled === 0 && warehouse.currentCoilNo == null }" :style="{
                   transform: `translateY(var(--offset-value))`,
                   position: 'relative'
                 }" @click.stop="handleCellClick(warehouse)">
@@ -651,6 +651,13 @@ export default {
     }
   }
 
+  &.error {
+    background: #ffcdd2;
+    color: #f44336;
+    cursor: not-allowed;
+    opacity: 0.8;
+  }
+
   &:not(.disabled):hover {
     border-color: #90caf9;
     background: #f0f8ff;