agv状态

src/components/workshop.vue

@@ -575,11 +575,17 @@
       </div>
     </div>
     <div class="machine_block machine_block_5">
-      <div class="p_device agv_1">
+      <div class="p_device agv_1" v-for="(e, i) in agv" :key="e.equipment" :class="'agv_' + (i+1)">
-        <img src="../assets/images/device/agv_gray.png" alt="">
+        <img v-show="e.status === 1" src="../assets/images/device/agv_green.png" alt="" @click="getInfo(e)">
-      </div>
+        <img v-show="e.status === 2" src="../assets/images/device/agv_yellow.png" alt="" @click="getInfo(e)">
-      <div class="p_device agv_1 agv_2">
+        <img v-show="e.status === 3" src="../assets/images/device/agv_gray.png" alt="" @click="getInfo(e)">
-        <img src="../assets/images/device/agv_gray.png" alt="">
+        <img v-show="e.status === 4" src="../assets/images/device/agv_red.png" alt="" @click="getInfo(e)">
+        <device-pop
+          type="agv"
+          :pkId="pkId"
+          :data="e"
+          @closePop="closePop"
+        ></device-pop>
       </div>
     </div>
     <!-- <div class="machine_block machine_block_5">
@@ -693,6 +699,7 @@ export default {
       trayStacker: {},
       vconveyorLine: [],
       trayDestacker: {},
+      agv: [],
       pkId: ''
     }
   },
@@ -761,6 +768,7 @@ export default {
       this.vconveyorLine = [...res.vehicleConveyorLine.conveyorLine].reverse()
       // 拆盘机暂时不显示
       // this.trayDestacker = res.vehicleConveyorLine.trayDestacker.length > 0 ? [...res.vehicleConveyorLine.trayDestacker][0] : {}
+      this.agv = [...res.agv.agv]
     },
     getInfo (e) {
       this.pkId = this.pkId !== e.equipment ? e.equipment : ''