12/31 灯组1.3

src/views/collect/PannelOrderBizCard.vue

@@ -16,6 +16,13 @@
           <div style="display: flex; justify-content: space-between; align-items: center; height: 26px; /* 约为 200px 的 1/3 */" >
             <p>使用单位：</p><p style="font-size: 16px;background-color: #e1f3fb;font-weight: bold;">{{ info.measureUnit }}</p>
           </div>
+          <div style="display: flex; justify-content: space-between; align-items: center; height: 26px; /* 约为 200px 的 1/3 */" >
+            <p>槽位：</p><p style="font-size: 16px;background-color: #e1f3fb;font-weight: bold;">{{ info.queueCode }}</p>
+          </div>
+          <div style="display: flex; justify-content: space-between; align-items: center; height: 26px; /* 约为 200px 的 1/3 */" >
+            <p></p><p style="font-size: 20px;background-color: #e1f3fb;font-weight: bold;margin-top: 80px"><i  class="el-icon-s-opportunity"></i>
+            <span :style="colorStyle(info)">{{ info.colorName}}</span></p>
+          </div>
           <div style="flex: 1; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 10px;"  >
             <span><h1 :style="{ 'font-size': '45px', 'color': info.getConfirm ? '#67C23A' : '#F56C6C' }">{{ info.count }}</h1></span>
             <el-button type="primary" style="position: absolute; bottom: 20px; right: 20px;" icon="el-icon-thumb" @click="handleClick(info)"  :disabled="info.getConfirm">确认取药</el-button>
@@ -196,6 +203,7 @@ export default {
           return
         }
         _this.preDetailList = res.data.list
+        _this.setLed(_this.preDetailList)
         _this.preLoading = false
       }).catch(() => {
         _this.preLoading = false
@@ -203,7 +211,22 @@ export default {
       })
     },
 
-
+    setLed(preDetailList){
+      preDetailList.forEach(item => {
+        if (item.ledNum == 1){
+          item.colorName = '红灯'
+        }
+        if (item.ledNum == 2){
+          item.colorName = '黄灯'
+        }
+        if (item.ledNum == 3){
+          item.colorName = '蓝灯'
+        }
+        if (item.ledNum == 4){
+          item.colorName = '绿灯'
+        }
+      })
+    },
     scanDetail(_this, row) {
       _this.bizId = row.id;
       _this.scanDetailVisible = true;
@@ -221,7 +244,7 @@ export default {
         rowBackground.color = '#F56C6C';
       }
       if (row.autoTagStatus == 2) {
-        rowBackground.color = '#E6A23C';
+        rowBackground.color = '#ec951f';
       }
       if (row.scanActCount >= row.count) {
         rowBackground.color = '#56a717';
@@ -229,6 +252,18 @@ export default {
       rowBackground.height = "38px"
       return rowBackground;
     },
+    colorStyle(info) {
+      switch (info.ledNum) {
+        case 1:
+          return { color: 'red' };
+        case 2:
+          return { color: '#ec951f' };
+        case 3:
+          return { color: 'blue' };
+        case 4:
+          return { color: 'green' };
+      }
+    }
 
   },