fix:修复

src/views/basic/workplace/rackManage.vue

@@ -25,7 +25,17 @@
               @click="handleClick(slot)"
             >
               <el-card class="slot-card">
-                <p>{{ slot.name }}</p>
+                <p  style="font-size: 12px;fontWeight: bold">{{ slot.name }}</p>
+                <span :style="{
+                            color: slot.reCount <= 0? 'red': slot.reCount <= slot.remindCount?'orange':'green' ,
+                            fontSize: '12px',
+                      fontWeight: 'bold',
+                      position: 'absolute',
+                      bottom: 0,
+                      right: 0,
+                      margin: '10px'
+                          }">{{ slot.reCount <= 0? '无库存': slot.reCount <= slot.remindCount?'低库存':'正常' }}
+                </span>
               </el-card>
             </div>
 
@@ -205,7 +215,7 @@ export default {
 .shelf-slot {
   margin-right: 10px; /* 增加槽位之间的间距 */
   margin-bottom: 10px; /* 增加槽位之间的间距 */
-  width: 150px; /* 固定槽位宽度 */
+  width: 180px; /* 固定槽位宽度 */
   height: 100px; /* 固定槽位高度 */
   display: flex;
   align-items: center; /* 垂直居中 */
@@ -229,6 +239,7 @@ export default {
   /* #d4edda 是一个浅绿色，接近于 Bootstrap 中的成功提示背景色 */
   border-radius: 4px; /* 可选：为卡片添加圆角，使其看起来更柔和 */
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 可选：为卡片添加阴影，增加立体感 */
+  position: relative; /* 为了让内部的绝对定位元素相对于卡片定位 */
 }
 
 </style>