修改看板

hw-ui/src/api/board/fifthFloorWarehouse.js

@@ -15,3 +15,12 @@ export function fifthPanake(query) {
     params: query
   })
 }
+
+
+export function agvStatus(query) {
+  return request({
+    url: '/wms/FifthWmsBorder/agvStatus',
+    method: 'get',
+    params: query
+  })
+}

hw-ui/src/views/board/warehouse/fifthFloor.vue

@@ -21,6 +21,30 @@
       <HighChart key="chart4" ref="chart4"></HighChart>
     </div>
 
+    <div class="agvData">
+      <div style="margin-bottom: 1vw">
+        <span>agv1</span>
+        <el-button :type="(AGVData[0]||{}).status === '7'?'success':''" style="margin: 0 1vw">充电</el-button>
+        <el-button :type="['246','248','4'].includes((AGVData[0]||{}).status)?'primary':''" style="margin: 0 1vw">待机</el-button>
+        <el-button :type="['268','63','67','151','200','201','202','203'].includes((AGVData[0]||{}).status)?'success':''" style="margin: 0 1vw">运行</el-button>
+        <el-button :type="(!['246','248','4','268','63','67','151','200','201','202','203','7'].includes((AGVData[0]||{}).status))?'danger':''" style="margin: 0 1vw">故障</el-button>
+      </div>
+      <div style="margin-bottom: 1vw">
+        <span>agv2</span>
+        <el-button :type="(AGVData[1]||{}).status === '7'?'success':''" style="margin: 0 1vw">充电</el-button>
+        <el-button :type="['246','248','4'].includes((AGVData[1]||{}).status)?'primary':''" style="margin: 0 1vw">待机</el-button>
+        <el-button :type="['268','63','67','151','200','201','202','203'].includes((AGVData[1]||{}).status)?'success':''" style="margin: 0 1vw">运行</el-button>
+        <el-button :type="(!['246','248','4','268','63','67','151','200','201','202','203','7'].includes((AGVData[1]||{}).status))?'danger':''" style="margin: 0 1vw">故障</el-button>
+      </div>
+      <div style="margin-bottom: 1vw">
+        <span>agv3</span>
+        <el-button :type="(AGVData[2]||{}).status === '7'?'success':''" style="margin: 0 1vw">充电</el-button>
+        <el-button :type="['246','248','4'].includes((AGVData[2]||{}).status)?'primary':''" style="margin: 0 1vw">待机</el-button>
+        <el-button :type="['268','63','67','151','200','201','202','203'].includes((AGVData[2]||{}).status)?'success':''" style="margin: 0 1vw">运行</el-button>
+        <el-button :type="(!['246','248','4','268','63','67','151','200','201','202','203','7'].includes((AGVData[2]||{}).status))?'danger':''" style="margin: 0 1vw">故障</el-button>
+      </div>
+    </div>
+
     <div class="num1 num1_1" style="top: 11.9%;left: 13.4%;color:#5fc2f2">{{ topData.rawInStock[0] }}</div>
     <div class="num1 num1_2" style="top: 11.9%;left:15.7%;color:#5fc2f2">{{ topData.rawInStock[1] }}</div>
     <div class="num1 num1_3" style="top: 11.9%;left:18%;color:#5fc2f2">{{ topData.rawInStock[2] }}</div>
@@ -57,7 +81,7 @@ import vueSeamlessScroll from 'vue-seamless-scroll'
 import Chart from '@/components/board/Chart'
 import HighChart from '@/components/board/HighChart'
 import * as echarts from 'echarts'
-import { fifthPanake, locationCount } from '@/api/board/fifthFloorWarehouse'
+import { agvStatus, fifthPanake, locationCount } from '@/api/board/fifthFloorWarehouse'
 
 const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
 export default {
@@ -76,6 +100,7 @@ export default {
         rawInStock: [0, 0, 0, 0],
         rawOutStock: [0, 0, 0, 0]
       },
+      AGVData:[],
       title: [
         '原料库入库数量:',
         '成品入库数量:',
@@ -124,6 +149,10 @@ export default {
   },
   methods: {
     getData() {
+      agvStatus().then(e=>{
+        console.log(e)
+        this.AGVData = e.data
+      })
       locationCount().then(e => {
         this.topData.furawInStock = [...[0, 0, 0, 0], ...(e.data.furawInStock || 0).toString().split('')].slice(-4)
         this.topData.productInStock = [...[0, 0, 0, 0], ...(e.data.productInStock || 0).toString().split('')].slice(-4)
@@ -590,15 +619,38 @@ export default {
   position: absolute;
   transform: translate(-50%, -50%);
 }
+
 .img {
   background-image: url("../../../assets/board/warehouse.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   position: absolute;
-  top: 59%;
+  top: 48%;
   left: 73.5%;
   width: 33%;
   height: 24.63vw;
   transform: translate(-50%, -50%);
 }
+
+.agvData {
+  position: absolute;
+  bottom: 8%;
+  left: 73.5%;
+  height: 10vw;
+  transform: translateX(-50%);
+  color: #fff;
+}
+/deep/.el-button{
+  background:#0000;
+  color: #fff;
+}
+/deep/.el-button--success{
+  background-color: #13ce66;
+}
+/deep/.el-button--danger{
+  background-color: #ff4949;
+}
+/deep/.el-button--primary{
+  background-color: #1890ff;
+}
 </style>