diff --git a/src/views/modules/dashboard/warehouse-3d-board.vue b/src/views/modules/dashboard/warehouse-3d-board.vue index 3a7e349..4811cd0 100644 --- a/src/views/modules/dashboard/warehouse-3d-board.vue +++ b/src/views/modules/dashboard/warehouse-3d-board.vue @@ -119,6 +119,16 @@ + +
+
+
📦
+
+
空库位数
+
{{ availableSlots - emptyPalletTotal }}
+
+
+
@@ -1838,6 +1848,53 @@ export default { } } + /* 空托盘总数区域 */ + .empty-total-section { + .pallet-total-item { + padding: 1px 16px; + background: linear-gradient(135deg, rgba(192, 244, 181, 0.15) 0%, rgba(198, 230, 177, 0.15) 100%); + border: 2px solid rgb(197, 217, 237); + border-radius: 8px; + display: flex; + align-items: center; + gap: 12px; + transition: all 0.3s ease; + box-shadow: 0 2px 8px rgba(255, 215, 0, 0.15); + + &:hover { + transform: translateY(-2px); + box-shadow: 0 4px 12px rgba(255, 215, 0, 0.25); + border-color: rgb(197, 217, 237); + } + + .total-icon { + font-size: 20px; + opacity: 0.95; + } + + .total-info { + flex: 1; + display: flex; + justify-content: space-between; + align-items: center; + + .total-label { + font-size: 13px; + font-weight: 600; + color: #c5d9ed; + letter-spacing: 1px; + } + + .total-value { + font-size: 20px; + font-weight: bold; + color: #c5d9ed; + text-shadow: 0 0 10px rgba(255, 215, 0, 0.3); + } + } + } + } + /* 分类明细区域 */ .pallet-detail-section { margin-left: 5px;