状态
This commit is contained in:
@@ -16,20 +16,24 @@
|
||||
<div class="corridor_2">困料监控</div>
|
||||
<div class="tags">
|
||||
<div class="tag_type">
|
||||
<div class="type_color green"></div>
|
||||
<div class="type_color yellow"></div>
|
||||
<div class="tag_text">静置中</div>
|
||||
</div>
|
||||
<div class="tag_type">
|
||||
<div class="type_color blue"></div>
|
||||
<div class="tag_text">空盅</div>
|
||||
</div>
|
||||
<div class="tag_type">
|
||||
<div class="type_color yellow"></div>
|
||||
<div class="type_color green"></div>
|
||||
<div class="tag_text">静置完成</div>
|
||||
</div>
|
||||
<div class="tag_type">
|
||||
<div class="type_color blue"></div>
|
||||
<div class="tag_text">强制静置完成</div>
|
||||
</div>
|
||||
<div class="tag_type">
|
||||
<div class="type_color orange"></div>
|
||||
<div class="tag_text">静置超时</div>
|
||||
</div>
|
||||
<div class="tag_type">
|
||||
<div class="type_color red"></div>
|
||||
<div class="tag_text">强制完成</div>
|
||||
<div class="tag_text">强制静置超时</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -39,8 +43,9 @@
|
||||
<div class="conn1" v-for="(e, i) in group01.slice(0, 12)" :key="i" :class="{mgl10: i === 2 || i === 4 || i === 6 || i === 8 || i === 10}">
|
||||
<div class="a-box" @click="showInfo(e)">
|
||||
<div class="atext">{{e.storageLocation}}</div>
|
||||
<div class="acon">
|
||||
<div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
|
||||
<div class="acon" :class="{noImg: e.pointStatus === '1' && e.standStatus === ''}">
|
||||
<div class="maskbox" :class="{yellow:e.standStatus ==='1',green:e.standStatus ==='2',blue:e.standStatus ==='3',orange:e.standStatus ==='4',red:e.standStatus ==='5'}"></div>
|
||||
<!-- <div class="maskbox" :class="['yellow', 'green', 'blue', 'orange', 'red'][Number(e.standStatus) - 1]"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-box" v-show="flg === e.storageLocation">
|
||||
@@ -67,8 +72,8 @@
|
||||
<div class="conn1" v-for="(e, i) in group01.slice(12, 26)" :key="i">
|
||||
<div class="a-box" @click="showInfo(e)">
|
||||
<div class="atext">{{e.storageLocation}}</div>
|
||||
<div class="acon">
|
||||
<div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
|
||||
<div class="acon" :class="{noImg: e.pointStatus === '1' && e.standStatus === ''}">
|
||||
<div class="maskbox" :class="{yellow:e.standStatus ==='1',green:e.standStatus ==='2',blue:e.standStatus ==='3',orange:e.standStatus ==='4',red:e.standStatus ==='5'}"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-box" v-show="flg === e.storageLocation">
|
||||
@@ -88,8 +93,8 @@
|
||||
<div class="conn1" v-for="(e, i) in group01.slice(26, 30)" :key="i">
|
||||
<div class="a-box" @click="showInfo(e)">
|
||||
<div class="atext">{{e.storageLocation}}</div>
|
||||
<div class="acon">
|
||||
<div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
|
||||
<div class="acon" :class="{noImg: e.pointStatus === '1' && e.standStatus === ''}">
|
||||
<div class="maskbox" :class="{yellow:e.standStatus ==='1',green:e.standStatus ==='2',blue:e.standStatus ==='3',orange:e.standStatus ==='4',red:e.standStatus ==='5'}"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-box" v-show="flg === e.storageLocation">
|
||||
@@ -107,8 +112,8 @@
|
||||
<div class="conn1" v-for="(e, i) in group01.slice(30, 34)" :key="i">
|
||||
<div class="a-box" @click="showInfo(e)">
|
||||
<div class="atext">{{e.storageLocation}}</div>
|
||||
<div class="acon">
|
||||
<div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
|
||||
<div class="acon" :class="{noImg: e.pointStatus === '1' && e.standStatus === ''}">
|
||||
<div class="maskbox" :class="{yellow:e.standStatus ==='1',green:e.standStatus ==='2',blue:e.standStatus ==='3',orange:e.standStatus ==='4',red:e.standStatus ==='5'}"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-box" v-show="flg === e.storageLocation">
|
||||
@@ -126,8 +131,8 @@
|
||||
<div class="conn1" v-for="(e, i) in group01.slice(34, 38)" :key="i">
|
||||
<div class="a-box" @click="showInfo(e)">
|
||||
<div class="atext">{{e.storageLocation}}</div>
|
||||
<div class="acon">
|
||||
<div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
|
||||
<div class="acon" :class="{noImg: e.pointStatus === '1' && e.standStatus === ''}">
|
||||
<div class="maskbox" :class="{yellow:e.standStatus ==='1',green:e.standStatus ==='2',blue:e.standStatus ==='3',orange:e.standStatus ==='4',red:e.standStatus ==='5'}"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-box" v-show="flg === e.storageLocation">
|
||||
@@ -147,8 +152,8 @@
|
||||
<div class="conn1" v-for="(e, i) in group01.slice(38, 41)" :key="i" :class="{mgl10: i === 1 || i === 2 || i === 3}">
|
||||
<div class="a-box" @click="showInfo(e)">
|
||||
<div class="atext">{{e.storageLocation}}</div>
|
||||
<div class="acon">
|
||||
<div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
|
||||
<div class="acon" :class="{noImg: e.pointStatus === '1' && e.standStatus === ''}">
|
||||
<div class="maskbox" :class="{yellow:e.standStatus ==='1',green:e.standStatus ==='2',blue:e.standStatus ==='3',orange:e.standStatus ==='4',red:e.standStatus ==='5'}"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-box" v-show="flg === e.storageLocation">
|
||||
@@ -166,8 +171,8 @@
|
||||
<div class="conn1" v-for="(e, i) in group01.slice(16, 17)" :key="i">
|
||||
<div class="a-box" @click="showInfo(e)">
|
||||
<div class="atext">{{e.storageLocation}}</div>
|
||||
<div class="acon">
|
||||
<div class="maskbox" :class="{green:e.standStatus ==='1',yellow:e.standStatus ==='2',red:e.standStatus ==='3',blue:e.pointStatus ==='2'}"></div>
|
||||
<div class="acon" :class="{noImg: e.pointStatus === '1' && e.standStatus === ''}">
|
||||
<div class="maskbox" :class="{yellow:e.standStatus ==='1',green:e.standStatus ==='2',blue:e.standStatus ==='3',orange:e.standStatus ==='4',red:e.standStatus ==='5'}"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="b-box" v-show="flg === e.storageLocation">
|
||||
@@ -531,7 +536,6 @@ export default {
|
||||
this.group01 = res.standMonitor
|
||||
this.group02 = res.frontWarehouseMonitor
|
||||
this.group03 = res.backWarehouseMonitor
|
||||
console.log(this.group01, 666)
|
||||
// for (let i = 0; i < this.group01.length; i++) {
|
||||
// this.group01[i] = Object.assign(this.group01[i], {mgl: 'mgl1', coordinate: 'coordinate1', aline: 'aline1', bline: 'bline1', show: 0})
|
||||
// }
|
||||
@@ -1026,7 +1030,7 @@ height 90px
|
||||
display flex
|
||||
.tags
|
||||
display flex
|
||||
width 20%
|
||||
width 40%
|
||||
align-items center
|
||||
justify-content space-around
|
||||
.mgt5
|
||||
@@ -1071,6 +1075,7 @@ height 90px
|
||||
white-space:normal
|
||||
text-align center
|
||||
height 35px
|
||||
width 55px
|
||||
.acon
|
||||
width 100%
|
||||
height 61%
|
||||
@@ -1151,4 +1156,6 @@ height 90px
|
||||
.colbox
|
||||
display flex
|
||||
flex-direction column
|
||||
.noImg
|
||||
background none !important
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user