root/screen-shunhe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

物流工艺

Browse Source
This commit is contained in:
caill
2023-09-21 16:29:49 +08:00
parent b4237012a7
commit 6ab2a2a24f
4 changed files with 5631 additions and 900 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5798
src/assets/js/mork2.js
View File

File diff suppressed because it is too large Load Diff

248
src/components/devicepop.vue
View File

@@ -1,84 +1,106 @@
<template> <template>
<div v-if="pkId === data.equipment" class="popup_wraper" :class="{'popup_wraper_down': hangj === 1}"> <div v-if="pkId === data.equipment" class="popup_wraper" :class="{'popup_wraper_down': direction === 'down'}">
<div class="popup_arrow" :class="{'popup_arrow_down': hangj === 1}"> <div class="popup_arrow" :class="{'popup_arrow_down': direction === 'down'}">
<img src="../assets/images/device/arrow.png"> <img src="../assets/images/device/arrow.png">
</div> </div>
<div class="popup_bg"> <div class="popup_bg">
<div class="popup_block"> <div class="popup_block">
<div v-show="type !== 'tp'" class="pop_header"> <div v-show="data.hasOwnProperty('equipmentName') === true || data.hasOwnProperty('statusChinese') === true" class="pop_header">
<div v-show="type !== 'lz' && type !== 'tp'" class="pop_name">{{data.equipment}}</div> <div v-show="data.hasOwnProperty('equipmentName') === true" class="pop_name">{{data.equipmentName}}</div>
<div class="pop_status"> <div v-show="data.hasOwnProperty('statusChinese') === true" class="pop_status">
<div class="pop_status_dot" :class="data.status ==='1' ? 'green' : ''"></div> <div class="pop_status_dot" :class="['green', 'yellow', 'gray', 'red'][Number(data.status) - 1]"></div>
<div class="pop_status_text fgray">运行</div> <div class="pop_status_text fgray">{{ data.statusChinese }}</div>
</div> </div>
</div> </div>
<div v-if="type === 'lz' || type === 'tp'" class="pop_content"> <div class="pop_content">
<div class="pop_item" v-for="e in data.data" :key="e.key">
<div class="popup_label">{{ e.key }}</div>
<div class="popup_val">{{ e.value }}</div>
</div>
<div v-if="data.hasOwnProperty('table') === true" class="popup_table_wrap">
<table v-if="data.table.length > 0" class="popup_table">
<tr>
<th width="40%">本日生产</th>
<th width="30%">客户</th>
<th width="30%" v-if="type === 'hlj'">已生产（千克）</th>
<th width="30%" v-else>已生产（块）</th>
</tr>
<tr v-for="(e, i) in data.table" :key="i">
<td width="40%">{{ e.material_name }}</td>
<td width="30%">{{ e.kh }}</td>
<td width="30%" v-if="type === 'hlj'">{{ e.weight }}</td>
<td width="30%" v-else>{{ e.qty }}</td>
</tr>
</table>
</div>
</div>
<!-- <div v-if="type === 'lz' || type === 'tp'" class="pop_content">
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">点位</div> <div class="popup_label">点位</div>
<div class="pop_val">{{data.equipment}}</div> <div class="popup_val">{{data.equipment}}</div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">载具</div> <div class="popup_label">载具</div>
<div class="pop_val">L007</div> <div class="popup_val">L007</div>
</div> </div>
<div class="pop_item pop_item_l"> <div class="pop_item">
<div class="pop_label">物料</div> <div class="popup_label">物料</div>
<div class="pop_val">W001</div> <div class="popup_val">W001</div>
</div> </div>
<div class="pop_item pop_item_l"> <div class="pop_item">
<div class="pop_label">名称</div> <div class="popup_label">名称</div>
<div class="pop_val">物料1</div> <div class="popup_val">物料1</div>
</div> </div>
<div v-if="type === 'lz'" class="pop_item"> <div v-if="type === 'lz'" class="pop_item">
<div class="pop_label">重量</div> <div class="popup_label">重量</div>
<div class="pop_val">80&nbsp;<span>KG</span></div> <div class="popup_val">80&nbsp;<span>KG</span></div>
</div> </div>
<div v-if="type === 'tp'" class="pop_item"> <div v-if="type === 'tp'" class="pop_item">
<div class="pop_label">数量</div> <div class="popup_label">数量</div>
<div class="pop_val">800&nbsp;<span>块</span></div> <div class="popup_val">800&nbsp;<span>块</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">批次</div> <div class="popup_label">批次</div>
<div class="pop_val">20201010</div> <div class="popup_val">20201010</div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div v-if="type === 'lz'" class="pop_label">组盘时间</div> <div v-if="type === 'lz'" class="popup_label">组盘时间</div>
<div v-if="type === 'tp'" class="pop_label">组盘/入库时间</div> <div v-if="type === 'tp'" class="popup_label">组盘/入库时间</div>
<div class="pop_val">2020-10-10 19:20:20</div> <div class="popup_val">2020-10-10 19:20:20</div>
</div> </div>
<div v-if="type === 'lz'" class="pop_item"> <div v-if="type === 'lz'" class="pop_item">
<div class="pop_label">已静置</div> <div class="popup_label">已静置</div>
<div class="pop_val">8&nbsp;<span>h</span></div> <div class="popup_val">8&nbsp;<span>h</span></div>
</div> </div>
</div> </div> -->
<div v-if="type === 'hlj' || type === 'yj' || type === 'yao' || type === 'cdjxs'" class="pop_content"> <!-- <div v-if="type === 'hlj' || type === 'yj' || type === 'yao' || type === 'cdjxs'" class="pop_content">
<div v-if="type !== 'yao'" class="pop_item pop_item_l"> <div v-if="type !== 'yao'" class="pop_item">
<div class="pop_label">当前生产</div> <div class="popup_label">当前生产</div>
<div class="pop_val">铝碳化硅碳ACTTEXDA10M250X150X7523Z002</div> <div class="popup_val">铝碳化硅碳ACTTEXDA10M250X150X7523Z002</div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">已工作时间</div> <div class="popup_label">已工作时间</div>
<div class="pop_val">8&nbsp;<span>h</span></div> <div class="popup_val">8&nbsp;<span>h</span></div>
</div> </div>
<div v-if="type === 'hlj' || type === 'yj'" class="pop_item"> <div v-if="type === 'hlj' || type === 'yj'" class="pop_item">
<div class="pop_label">已生产总量</div> <div class="popup_label">已生产总量</div>
<div class="pop_val">2300&nbsp;<span>KG</span></div> <div class="popup_val">2300&nbsp;<span>KG</span></div>
</div> </div>
<div v-if="type === 'yao'" class="pop_item"> <div v-if="type === 'yao'" class="pop_item">
<div class="pop_label">窑内物料数量</div> <div class="popup_label">窑内物料数量</div>
<div class="pop_val">2300&nbsp;<span>块</span></div> <div class="popup_val">2300&nbsp;<span>块</span></div>
</div> </div>
<div v-if="type === 'yao'" class="pop_item"> <div v-if="type === 'yao'" class="pop_item">
<div class="pop_label">当日已生产</div> <div class="popup_label">当日已生产</div>
<div class="pop_val">2300&nbsp;<span>块</span></div> <div class="popup_val">2300&nbsp;<span>块</span></div>
</div> </div>
<div v-if="type === 'cdjxs'" class="pop_item"> <div v-if="type === 'cdjxs'" class="pop_item">
<div class="pop_label">完成托盘数</div> <div class="popup_label">完成托盘数</div>
<div class="pop_val">2300&nbsp;<span>托</span></div> <div class="popup_val">2300&nbsp;<span>托</span></div>
</div> </div>
<div v-if="type === 'cdjxs'" class="pop_item"> <div v-if="type === 'cdjxs'" class="pop_item">
<div class="pop_label">完成数量</div> <div class="popup_label">完成数量</div>
<div class="pop_val">2300&nbsp;<span>块</span></div> <div class="popup_val">2300&nbsp;<span>块</span></div>
</div> </div>
<table class="popup_table"> <table class="popup_table">
<tr> <tr>
@@ -110,83 +132,83 @@
<td v-else>1000</td> <td v-else>1000</td>
</tr> </tr>
</table> </table>
</div> </div> -->
<div v-if="type === 'hangj'" class="pop_content"> <!-- <div v-if="type === 'hangj'" class="pop_content">
<div class="pop_item pop_item_l"> <div class="pop_item">
<div class="pop_label">当前物料</div> <div class="popup_label">当前物料</div>
<div class="pop_val">L007</div> <div class="popup_val">L007</div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">当前载具</div> <div class="popup_label">当前载具</div>
<div class="pop_val">T001</div> <div class="popup_val">T001</div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">当前物料数量</div> <div class="popup_label">当前物料数量</div>
<div class="pop_val">800&nbsp;<span>块</span></div> <div class="popup_val">800&nbsp;<span>块</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">当日搬运托盘数</div> <div class="popup_label">当日搬运托盘数</div>
<div class="pop_val">800&nbsp;<span>托</span></div> <div class="popup_val">800&nbsp;<span>托</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">当日搬运数量</div> <div class="popup_label">当日搬运数量</div>
<div class="pop_val">800&nbsp;<span>块</span></div> <div class="popup_val">800&nbsp;<span>块</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">当日搬运物料数</div> <div class="popup_label">当日搬运物料数</div>
<div class="pop_val">800&nbsp;<span>个</span></div> <div class="popup_val">800&nbsp;<span>个</span></div>
</div> </div>
</div> </div> -->
<div v-if="type === 'ssx'" class="pop_content"> <!-- <div v-if="type === 'ssx'" class="pop_content">
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">已工作时间</div> <div class="popup_label">已工作时间</div>
<div class="pop_val">3&nbsp;<span>h</span></div> <div class="popup_val">3&nbsp;<span>h</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">输入托盘数</div> <div class="popup_label">输入托盘数</div>
<div class="pop_val">800&nbsp;<span>托</span></div> <div class="popup_val">800&nbsp;<span>托</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">输入数量</div> <div class="popup_label">输入数量</div>
<div class="pop_val">800&nbsp;<span>块</span></div> <div class="popup_val">800&nbsp;<span>块</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">输出托盘数</div> <div class="popup_label">输出托盘数</div>
<div class="pop_val">800&nbsp;<span>托</span></div> <div class="popup_val">800&nbsp;<span>托</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">输出数量</div> <div class="popup_label">输出数量</div>
<div class="pop_val">800&nbsp;<span>块</span></div> <div class="popup_val">800&nbsp;<span>块</span></div>
</div> </div>
</div> </div>
<div v-if="type === 'cpj'" class="pop_content"> <div v-if="type === 'cpj'" class="pop_content">
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">已工作时间</div> <div class="popup_label">已工作时间</div>
<div class="pop_val">3&nbsp;<span>h</span></div> <div class="popup_val">3&nbsp;<span>h</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">完成托盘数</div> <div class="popup_label">完成托盘数</div>
<div class="pop_val">800&nbsp;<span>托</span></div> <div class="popup_val">800&nbsp;<span>托</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">完成垛数</div> <div class="popup_label">完成垛数</div>
<div class="pop_val">800&nbsp;<span>垛</span></div> <div class="popup_val">800&nbsp;<span>垛</span></div>
</div> </div>
</div> </div>
<div v-if="type === 'tpccx'" class="pop_content"> <div v-if="type === 'tpccx'" class="pop_content">
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">已工作时间</div> <div class="popup_label">已工作时间</div>
<div class="pop_val">3&nbsp;<span>h</span></div> <div class="popup_val">3&nbsp;<span>h</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">当前托盘垛数</div> <div class="popup_label">当前托盘垛数</div>
<div class="pop_val">800&nbsp;<span>垛</span></div> <div class="popup_val">800&nbsp;<span>垛</span></div>
</div> </div>
<div class="pop_item"> <div class="pop_item">
<div class="pop_label">当前托盘数量</div> <div class="popup_label">当前托盘数量</div>
<div class="pop_val">100&nbsp;<span>个</span></div> <div class="popup_val">100&nbsp;<span>个</span></div>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
<!-- <div class="iconfont icon-guanbi close_btn" @click="closePop"></div> --> <!-- <div class="iconfont icon-guanbi close_btn" @click="closePop"></div> -->
@@ -200,7 +222,7 @@ export default {
type: String, type: String,
pkId: String, pkId: String,
data: Object, data: Object,
hangj: Number direction: String
}, },
methods: { methods: {
closePop () { closePop () {
@@ -215,28 +237,28 @@ export default {
.popup_wraper .popup_wraper
position absolute position absolute
left 50% left 50%
transform translateX(-50%) translateY(-80px) transform translateX(-50%) translateY(calc(-100% - 73px))
bottom 0 top 0
z-index 100 z-index 100
padding 20px 0 30px 0 padding 20px 0 30px 0
background top center / 100% 100% url(../assets/images/screen3/popup_bg.png) no-repeat background top center / 100% 100% url(../assets/images/screen3/popup_bg.png) no-repeat
_wh(530px, auto) _wh(530px, auto)
.popup_wraper_down .popup_wraper_down
bottom auto top auto
top 0 bottom 0
transform translateX(-50%) translateY(80px) transform translateX(-50%) translateY(calc(100% + 73px))
.popup_arrow .popup_arrow
position absolute position absolute
_wh(22px, 23px) _wh(22px, 23px)
left calc(50% - 11px) left calc(50% - 11px)
bottom -20px bottom -23px
animation todown 1.5s ease-in infinite animation todown 1.5s ease-in-out infinite
img img
_wh(100%, 100%) _wh(100%, 100%)
.popup_arrow_down .popup_arrow_down
bottom auto bottom auto
top -20px top -23px
animation toup 1.5s ease-in infinite animation toUp 1.5s ease-in-out infinite
img img
transform rotateZ(180deg) transform rotateZ(180deg)
.popup_bg .popup_bg
@@ -275,21 +297,20 @@ export default {
align-content flex-start align-content flex-start
flex-wrap wrap flex-wrap wrap
.pop_item .pop_item
_wh(calc(50% - 14px), 24px) _wh(calc(50% - 14px), 36px)
_fj(row,flex-start) _fj(row,flex-start)
background-color rgba(50,197,255,50%) background-color rgba(50,197,255,50%)
border-left 3px solid #fdfd0f border-left 3px solid #fdfd0f
margin 0 7px 5px 7px margin 0 7px 5px 7px
padding 0 10px 0 5px padding 0 5px 0 5px
.pop_item_l .popup_label
width calc(100% - 14px)
.pop_label
width 80px width 80px
_font(12px, 24px, #fff,,left) _font(12px, 36px, #fff,,left)
.pop_val .popup_val
width calc(100% - 80px) _wh(calc(100% - 80px), 100%)
_font(13px, 24px, #0ff,,left) _font(12px, 15px, #0ff,,left)
white-space nowrap word-break break-all
_fj(center)
span span
font-size 13px font-size 13px
color #fff color #fff
@@ -307,19 +328,24 @@ export default {
transform: translateY(0) transform: translateY(0)
} }
100% { 100% {
transform: translateY(20px) transform: translateY(60px)
} }
} }
@keyframes toup { @keyframes toUp {
0% { 0% {
transform: translateY(0) transform: translateY(0)
} }
100% { 100% {
transform: translateY(-20px) transform: translateY(-60px)
} }
} }
.popup_table_wrap
max-height 132px
// overflow hidden
.popup_table .popup_table
width calc(100% - 14px) width calc(100% - 14px)
height auto
// overflow-y scroll
margin 0 7px margin 0 7px
tr tr
th th
@@ -327,8 +353,10 @@ export default {
background-color #262f52 background-color #262f52
padding 0 10px padding 0 10px
td td
_font(13px, 24px, #fff,,left) _font(13px, 18px, #fff,,left)
min-height 24px
padding 0 10px padding 0 10px
vertical-align middle
&:nth-child(2n) &:nth-child(2n)
td td
background rgba(38,47,82,0.50) background rgba(38,47,82,0.50)

400
src/components/workshop.vue
View File

@@ -34,10 +34,10 @@
<img class="device_img" src="../assets/images/device/ssj_gray.png" alt=""> <img class="device_img" src="../assets/images/device/ssj_gray.png" alt="">
</div> </div>
<div class="p_device ktp_cmd_wrap" v-for="(e, i) in loadLocation" :key="i" :class="'ktp_cmd_wrap_' + (i + 1)"> <div class="p_device ktp_cmd_wrap" v-for="(e, i) in loadLocation" :key="i" :class="'ktp_cmd_wrap_' + (i + 1)">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="tp" type="tp"
:pkId="pkId" :pkId="pkId"
@@ -45,11 +45,11 @@
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
<div class="p_device robot_cmd_wrap_1" :class="depalletizingRobot.status === '1' ? 'rotate_2' : ''"> <div class="p_device robot_cmd_wrap_1" :class="depalletizingRobot.status === 1 ? 'rotate_2' : ''">
<img v-show="depalletizingRobot.status === '1'" class="device_img" src="../assets/images/device/robot_cmd_green.png" alt="" @click="getInfo(depalletizingRobot)"> <img v-show="depalletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_cmd_green.png" alt="" @click="getInfo(depalletizingRobot)">
<img v-show="depalletizingRobot.status === '2'" class="device_img" src="../assets/images/device/robot_cmd_yellow.png" alt="" @click="getInfo(depalletizingRobot)"> <img v-show="depalletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_cmd_yellow.png" alt="" @click="getInfo(depalletizingRobot)">
<img v-show="depalletizingRobot.status === '3'" class="device_img" src="../assets/images/device/robot_cmd_gray.png" alt="" @click="getInfo(depalletizingRobot)"> <img v-show="depalletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_cmd_gray.png" alt="" @click="getInfo(depalletizingRobot)">
<img v-show="depalletizingRobot.status === '4'" class="device_img" src="../assets/images/device/robot_cmd_red.png" alt="" @click="getInfo(depalletizingRobot)"> <img v-show="depalletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_cmd_red.png" alt="" @click="getInfo(depalletizingRobot)">
</div> </div>
<div class="p_device robot_cmd_wrap_1"> <div class="p_device robot_cmd_wrap_1">
<device-pop <device-pop
@@ -59,11 +59,11 @@
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
<div class="p_device robot_cmd_wrap_1 robot_cmd_wrap_2" :class="palletizingRobot.status === '1' ? 'rotate_3' : ''"> <div class="p_device robot_cmd_wrap_1 robot_cmd_wrap_2" :class="palletizingRobot.status === 1 ? 'rotate_3' : ''">
<img v-show="palletizingRobot.status === '1'" class="device_img" src="../assets/images/device/robot_cmd_green.png" alt="" @click="getInfo(palletizingRobot)"> <img v-show="palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_cmd_green.png" alt="" @click="getInfo(palletizingRobot)">
<img v-show="palletizingRobot.status === '2'" class="device_img" src="../assets/images/device/robot_cmd_yellow.png" alt="" @click="getInfo(palletizingRobot)"> <img v-show="palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_cmd_yellow.png" alt="" @click="getInfo(palletizingRobot)">
<img v-show="palletizingRobot.status === '3'" class="device_img" src="../assets/images/device/robot_cmd_gray.png" alt="" @click="getInfo(palletizingRobot)"> <img v-show="palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_cmd_gray.png" alt="" @click="getInfo(palletizingRobot)">
<img v-show="palletizingRobot.status === '4'" class="device_img" src="../assets/images/device/robot_cmd_red.png" alt="" @click="getInfo(palletizingRobot)"> <img v-show="palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_cmd_red.png" alt="" @click="getInfo(palletizingRobot)">
</div> </div>
<div class="p_device robot_cmd_wrap_1 robot_cmd_wrap_2"> <div class="p_device robot_cmd_wrap_1 robot_cmd_wrap_2">
<device-pop <device-pop
@@ -74,10 +74,10 @@
></device-pop> ></device-pop>
</div> </div>
<div class="p_device fmjxt_wrap"> <div class="p_device fmjxt_wrap">
<img v-show="laminatingMachine.status === '1'" class="device_img" src="../assets/images/device/fmjxt_green.png" alt="" @click="getInfo(laminatingMachine)"> <img v-show="laminatingMachine.status === 1" class="device_img" src="../assets/images/device/fmjxt_green.png" alt="" @click="getInfo(laminatingMachine)">
<img v-show="laminatingMachine.status === '2'" class="device_img" src="../assets/images/device/fmjxt_yellow.png" alt="" @click="getInfo(laminatingMachine)"> <img v-show="laminatingMachine.status === 2" class="device_img" src="../assets/images/device/fmjxt_yellow.png" alt="" @click="getInfo(laminatingMachine)">
<img v-show="laminatingMachine.status === '3'" class="device_img" src="../assets/images/device/fmjxt_gray.png" alt="" @click="getInfo(laminatingMachine)"> <img v-show="laminatingMachine.status === 3" class="device_img" src="../assets/images/device/fmjxt_gray.png" alt="" @click="getInfo(laminatingMachine)">
<img v-show="laminatingMachine.status === '4'" class="device_img" src="../assets/images/device/fmjxt_red.png" alt="" @click="getInfo(laminatingMachine)"> <img v-show="laminatingMachine.status === 4" class="device_img" src="../assets/images/device/fmjxt_red.png" alt="" @click="getInfo(laminatingMachine)">
<device-pop <device-pop
type="cdjxs" type="cdjxs"
:pkId="pkId" :pkId="pkId"
@@ -86,10 +86,10 @@
></device-pop> ></device-pop>
</div> </div>
<div class="p_device ktp_cmd_wrap" v-for="(e, i) in sunloadLocation" :key="e.equipment" :class="'ktp_cmd_wrap_' + (i + 3)"> <div class="p_device ktp_cmd_wrap" v-for="(e, i) in sunloadLocation" :key="e.equipment" :class="'ktp_cmd_wrap_' + (i + 3)">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="tp" type="tp"
:pkId="pkId" :pkId="pkId"
@@ -112,28 +112,34 @@
<div class="yao_wrap" v-for="(e, i) in kiln" :key="e.equipment" :class="'yao_' + (i + 1)" @click="getInfo(e)"> <div class="yao_wrap" v-for="(e, i) in kiln" :key="e.equipment" :class="'yao_' + (i + 1)" @click="getInfo(e)">
<div class="yao_layer1"></div> <div class="yao_layer1"></div>
<div class="yao_layer2"></div> <div class="yao_layer2"></div>
<div class="yao_layer4 yao_layer6">
<device-pop
type="yao"
:pkId="pkId"
:data="e"
direction="down"
@closePop="closePop"
></device-pop>
</div>
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}"> <div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}">
</div> </div>
<div class="yao_layer4"></div> <div class="yao_layer4"></div>
<div class="yao_layer4 yao_layer5"></div> <div class="yao_layer4 yao_layer5"></div>
<device-pop
type="yao"
:pkId="pkId"
:data="e"
@closePop="closePop"
></device-pop>
</div> </div>
<div class="yao_wrap" v-for="(e, i) in coolingConveyorLine" :key="e.equipment" :class="'yao_' + (i + 4)"> <div class="yao_wrap" v-for="(e, i) in coolingConveyorLine" :key="e.equipment" :class="'yao_' + (i + 4)" @click="getInfo(e)">
<div class="yao_layer1"></div> <div class="yao_layer1"></div>
<div class="yao_layer2"></div> <div class="yao_layer2"></div>
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}" @click="getInfo(e)"> <div class="yao_layer4 yao_layer6">
<device-pop <device-pop
type="ssx" type="ssx"
:pkId="pkId" :pkId="pkId"
:data="e" :data="e"
direction="down"
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
<div class="yao_layer3" :style="{background: ['#11ff0d', '#fdfd0f', '#bfbfbf', '#ff1016'][Number(e.status) - 1]}">
</div>
<div class="p_device yytsj_wrap"> <div class="p_device yytsj_wrap">
<img class="device_img" src="../assets/images/device/yytsj_green.png" alt=""> <img class="device_img" src="../assets/images/device/yytsj_green.png" alt="">
</div> </div>
@@ -142,37 +148,38 @@
</div> </div>
</div> </div>
<div class="p_device" v-for="(e, i) in gantryRobot" :key="e.equipment" :class="'yjbyx_' + (i + 1)"> <div class="p_device" v-for="(e, i) in gantryRobot" :key="e.equipment" :class="'yjbyx_' + (i + 1)">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/yjbyx_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/yjbyx_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/yjbyx_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/yjbyx_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/yjbyx_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/yjbyx_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/yjbyx_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/yjbyx_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="hangj" type="hangj"
:pkId="pkId" :pkId="pkId"
:data="e" :data="e"
:hangj="i" :direction="i === 1 ? 'down' : ''"
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
<div class="p_device ktp_yao_back_wrap_1"> <div class="p_device ktp_yao_back_wrap_1">
<div class="ktp_yao_back" v-for="e in backWarehouse" :key="e.equipment"> <div class="ktp_yao_back" v-for="e in backWarehouse" :key="e.equipment">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="tp" type="tp"
:pkId="pkId" :pkId="pkId"
:data="e" :data="e"
direction="down"
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
</div> </div>
<div class="p_device dpj_wrap"> <div class="p_device dpj_wrap">
<img v-show="trayStacker.status === '1'" class="device_img" src="../assets/images/device/dpj_green.png" alt="" @click="getInfo(trayStacker)"> <img v-show="trayStacker.status === 1" class="device_img" src="../assets/images/device/dpj_green.png" alt="" @click="getInfo(trayStacker)">
<img v-show="trayStacker.status === '2'" class="device_img" src="../assets/images/device/dpj_yellow.png" alt="" @click="getInfo(trayStacker)"> <img v-show="trayStacker.status === 2" class="device_img" src="../assets/images/device/dpj_yellow.png" alt="" @click="getInfo(trayStacker)">
<img v-show="trayStacker.status === '3'" class="device_img" src="../assets/images/device/dpj_gray.png" alt="" @click="getInfo(trayStacker)"> <img v-show="trayStacker.status === 3" class="device_img" src="../assets/images/device/dpj_gray.png" alt="" @click="getInfo(trayStacker)">
<img v-show="trayStacker.status === '4'" class="device_img" src="../assets/images/device/dpj_red.png" alt="" @click="getInfo(trayStacker)"> <img v-show="trayStacker.status === 4" class="device_img" src="../assets/images/device/dpj_red.png" alt="" @click="getInfo(trayStacker)">
<device-pop <device-pop
type="cpj" type="cpj"
:pkId="pkId" :pkId="pkId"
@@ -183,10 +190,10 @@
<div class="p_device ltssj_wrap"> <div class="p_device ltssj_wrap">
<!-- <img class="device_img" src="../assets/images/device/ltssj_green.png" alt=""> --> <!-- <img class="device_img" src="../assets/images/device/ltssj_green.png" alt=""> -->
<div class="ltssj" v-for="e in conveyorLine" :key="e.equipment"> <div class="ltssj" v-for="e in conveyorLine" :key="e.equipment">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="ssx" type="ssx"
:pkId="pkId" :pkId="pkId"
@@ -199,10 +206,10 @@
</div> </div>
<div class="p_device ktp_yao_front_wrap"> <div class="p_device ktp_yao_front_wrap">
<div class="ktp_yao_front" v-for="e in frontWarehouse" :key="e.equipment"> <div class="ktp_yao_front" v-for="e in frontWarehouse" :key="e.equipment">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktp_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktp_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktp_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktp_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktp_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktp_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktp_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktp_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="tp" type="tp"
:pkId="pkId" :pkId="pkId"
@@ -214,10 +221,10 @@
<div class="p_device cpj_ssx_wrap"> <div class="p_device cpj_ssx_wrap">
<div class="ssx_wrap"> <div class="ssx_wrap">
<div class="ssx" v-for="(e, i) in vconveyorLine" :key="i"> <div class="ssx" v-for="(e, i) in vconveyorLine" :key="i">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ssx_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ssx_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ssx_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ssx_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ssx_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ssx_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ssx_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ssx_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="ssx" type="ssx"
:pkId="pkId" :pkId="pkId"
@@ -227,10 +234,10 @@
</div> </div>
</div> </div>
<div class="p_device cpj_wrap"> <div class="p_device cpj_wrap">
<img v-show="trayDestacker.status === '1'" class="device_img" src="../assets/images/device/cpj_green.png" alt="" @click="getInfo(trayDestacker)"> <img v-show="trayDestacker.status === 1" class="device_img" src="../assets/images/device/cpj_green.png" alt="" @click="getInfo(trayDestacker)">
<img v-show="trayDestacker.status === '2'" class="device_img" src="../assets/images/device/cpj_yellow.png" alt="" @click="getInfo(trayDestacker)"> <img v-show="trayDestacker.status === 2" class="device_img" src="../assets/images/device/cpj_yellow.png" alt="" @click="getInfo(trayDestacker)">
<img v-show="trayDestacker.status === '3'" class="device_img" src="../assets/images/device/cpj_gray.png" alt="" @click="getInfo(trayDestacker)"> <img v-show="trayDestacker.status === 3" class="device_img" src="../assets/images/device/cpj_gray.png" alt="" @click="getInfo(trayDestacker)">
<img v-show="trayDestacker.status === '4'" class="device_img" src="../assets/images/device/cpj_red.png" alt="" @click="getInfo(trayDestacker)"> <img v-show="trayDestacker.status === 4" class="device_img" src="../assets/images/device/cpj_red.png" alt="" @click="getInfo(trayDestacker)">
<device-pop <device-pop
type="ssx" type="ssx"
:pkId="pkId" :pkId="pkId"
@@ -274,12 +281,12 @@
<img class="device_img" src="../assets/images/device/robot_630_gray.png" alt=""> <img class="device_img" src="../assets/images/device/robot_630_gray.png" alt="">
</div> </div>
</div> </div>
<div class="yj_630_block yj_630_block_reverse" v-for="e in press.slice(0,3)" :key="e.equipment"> <div class="yj_630_block yj_630_block_reverse" v-for="e in press.slice(0,3)" :key="e.pkid">
<div class="p_device slw_630_wrap_1" v-for="(el, j) in e.loadLocation" :key="el.equipment" :class="{'slw_630_wrap_2': j === 1}"> <div class="p_device slw_630_wrap_1" v-for="(el, j) in e.loadLocation" :key="el.equipment" :class="{'slw_630_wrap_2': j === 1}">
<img v-show="el.status === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 1" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(el)">
<img v-show="el.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 2" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(el)">
<img v-show="el.status === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 3" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(el)">
<img v-show="el.status === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(el)">
<device-pop <device-pop
type="lz" type="lz"
:pkId="pkId" :pkId="pkId"
@@ -289,10 +296,10 @@
</div> </div>
<div v-for="(el, j) in e.pressMachine" :key="el.equipment"> <div v-for="(el, j) in e.pressMachine" :key="el.equipment">
<div class="p_device yj_630_wrap_1" :class="{'yj_630_wrap_2': j === 1}"> <div class="p_device yj_630_wrap_1" :class="{'yj_630_wrap_2': j === 1}">
<img v-show="el.status === '1'" class="device_img" src="../assets/images/device/630/yj_green.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 1" class="device_img" src="../assets/images/device/630/yj_green.png" alt="" @click="getInfo(el)">
<img v-show="el.status === '2'" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 2" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(el)">
<img v-show="el.status === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 3" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(el)">
<img v-show="el.status === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 4" class="device_img" src="../assets/images/device/630/yj_red.png" alt="" @click="getInfo(el)">
<device-pop <device-pop
type="yj" type="yj"
:pkId="pkId" :pkId="pkId"
@@ -301,26 +308,26 @@
></device-pop> ></device-pop>
</div> </div>
<div class="p_device mdssj_630_wrap_1" :class="{'mdssj_630_wrap_2': j === 1}"> <div class="p_device mdssj_630_wrap_1" :class="{'mdssj_630_wrap_2': j === 1}">
<img v-show="el.status === '1'" class="device_img" src="../assets/images/device/630/mdssj_green.png" alt=""> <img v-show="el.status === 1" class="device_img" src="../assets/images/device/630/mdssj_green.png" alt="">
<img v-show="el.status === '2'" class="device_img" src="../assets/images/device/630/mdssj_yellow.png" alt=""> <img v-show="el.status === 2" class="device_img" src="../assets/images/device/630/mdssj_yellow.png" alt="">
<img v-show="el.status === '3'" class="device_img" src="../assets/images/device/630/mdssj_gray.png" alt=""> <img v-show="el.status === 3" class="device_img" src="../assets/images/device/630/mdssj_gray.png" alt="">
<img v-show="el.status === '4'" class="device_img" src="../assets/images/device/630/mdssj_red.png" alt=""> <img v-show="el.status === 4" class="device_img" src="../assets/images/device/630/mdssj_red.png" alt="">
</div> </div>
</div> </div>
<div class="p_device lmyzj_630_wrap_1"> <div class="p_device lmyzj_630_wrap_1">
<img v-show="e.palletizingRobot.status === '1'" class="device_img" src="../assets/images/device/630/lmyzj_green.png" alt=""> <img v-show="e.palletizingRobot.status === 1" class="device_img" src="../assets/images/device/630/lmyzj_green.png" alt="">
<img v-show="e.palletizingRobot.status === '2'" class="device_img" src="../assets/images/device/630/lmyzj_yellow.png" alt=""> <img v-show="e.palletizingRobot.status === 2" class="device_img" src="../assets/images/device/630/lmyzj_yellow.png" alt="">
<img v-show="e.palletizingRobot.status === '3'" class="device_img" src="../assets/images/device/630/lmyzj_gray.png" alt=""> <img v-show="e.palletizingRobot.status === 3" class="device_img" src="../assets/images/device/630/lmyzj_gray.png" alt="">
<img v-show="e.palletizingRobot.status === '4'" class="device_img" src="../assets/images/device/630/lmyzj_red.png" alt=""> <img v-show="e.palletizingRobot.status === 4" class="device_img" src="../assets/images/device/630/lmyzj_red.png" alt="">
</div> </div>
<div class="p_device weilan_630_wrap"> <div class="p_device weilan_630_wrap">
<img class="device_img" src="../assets/images/device/630/wl.png" alt=""> <img class="device_img" src="../assets/images/device/630/wl.png" alt="">
</div> </div>
<div class="p_device ktp_630_wrap" v-for="(el, j) in e.unloadLocation" :key="el.equipment" :class="'ktp_630_wrap_' + (j+1)"> <div class="p_device ktp_630_wrap" v-for="(el, j) in e.unloadLocation" :key="el.equipment" :class="'ktp_630_wrap_' + (j+1)">
<img v-show="el.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(el)">
<img v-show="el.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(el)">
<img v-show="el.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(el)">
<img v-show="el.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(el)"> <img v-show="el.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(el)">
<device-pop <device-pop
type="tp" type="tp"
:pkId="pkId" :pkId="pkId"
@@ -328,11 +335,11 @@
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
<div class="p_device robot_630_wrap" :class="e.palletizingRobot.status === '1' ? 'rotate_1' : ''"> <div class="p_device robot_630_wrap" :class="e.palletizingRobot.status === 1 ? 'rotate_1' : ''">
<img v-show="e.palletizingRobot.status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="" @click="getInfo(e.palletizingRobot)"> <img v-show="e.palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="" @click="getInfo(e.palletizingRobot)">
<img v-show="e.palletizingRobot.status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="" @click="getInfo(e.palletizingRobot)"> <img v-show="e.palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="" @click="getInfo(e.palletizingRobot)">
<img v-show="e.palletizingRobot.status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="" @click="getInfo(e.palletizingRobot)"> <img v-show="e.palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="" @click="getInfo(e.palletizingRobot)">
<img v-show="e.palletizingRobot.status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="" @click="getInfo(e.palletizingRobot)"> <img v-show="e.palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="" @click="getInfo(e.palletizingRobot)">
</div> </div>
<div class="p_device robot_630_wrap"> <div class="p_device robot_630_wrap">
<device-pop <device-pop
@@ -354,10 +361,10 @@
<img class="device_img" src="../assets/images/device/630/wl.png" alt=""> <img class="device_img" src="../assets/images/device/630/wl.png" alt="">
</div> </div>
<div class="p_device slw_1600_wrap" v-for="(e, i) in press[3].loadLocation" :key="e.equipment" :class="'slw_1600_wrap_' + (i + 1)"> <div class="p_device slw_1600_wrap" v-for="(e, i) in press[3].loadLocation" :key="e.equipment" :class="'slw_1600_wrap_' + (i + 1)">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="lz" type="lz"
:pkId="pkId" :pkId="pkId"
@@ -366,10 +373,10 @@
></device-pop> ></device-pop>
</div> </div>
<div class="p_device yj_1600_wrap_1"> <div class="p_device yj_1600_wrap_1">
<img v-show="press[3].pressMachine[0].status === '1'" class="device_img" src="../assets/images/device/630/yj_green.png" alt="" @click="getInfo(press[3].pressMachine[0])"> <img v-show="press[3].pressMachine[0].status === 1" class="device_img" src="../assets/images/device/630/yj_green.png" alt="" @click="getInfo(press[3].pressMachine[0])">
<img v-show="press[3].pressMachine[0].status === '2'" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(press[3].pressMachine[0])"> <img v-show="press[3].pressMachine[0].status === 2" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(press[3].pressMachine[0])">
<img v-show="press[3].pressMachine[0].status === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(press[3].pressMachine[0])"> <img v-show="press[3].pressMachine[0].status === 3" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(press[3].pressMachine[0])">
<img v-show="press[3].pressMachine[0].status === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="" @click="getInfo(press[3].pressMachine[0])"> <img v-show="press[3].pressMachine[0].status === 4" class="device_img" src="../assets/images/device/630/yj_red.png" alt="" @click="getInfo(press[3].pressMachine[0])">
<device-pop <device-pop
type="yj" type="yj"
:pkId="pkId" :pkId="pkId"
@@ -378,10 +385,10 @@
></device-pop> ></device-pop>
</div> </div>
<div class="p_device ktp_1600_wrap" v-for="(e, i) in press[3].unloadLocation" :key="e.equipment" :class="'ktp_1600_wrap_' + (i+1)"> <div class="p_device ktp_1600_wrap" v-for="(e, i) in press[3].unloadLocation" :key="e.equipment" :class="'ktp_1600_wrap_' + (i+1)">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="tp" type="tp"
:pkId="pkId" :pkId="pkId"
@@ -389,11 +396,11 @@
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
<div class="p_device robot_1600_wrap" :class="press[3].palletizingRobot.status === '1' ? 'rotate_4' : ''"> <div class="p_device robot_1600_wrap" :class="press[3].palletizingRobot.status === 1 ? 'rotate_4' : ''">
<img v-show="press[3].palletizingRobot.status === '1'" class="device_img" src="../assets/images/device/robot_630_green.png" alt="" @click="getInfo(press[3].palletizingRobot)"> <img v-show="press[3].palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_630_green.png" alt="" @click="getInfo(press[3].palletizingRobot)">
<img v-show="press[3].palletizingRobot.status === '2'" class="device_img" src="../assets/images/device/robot_630_yellow.png" alt="" @click="getInfo(press[3].palletizingRobot)"> <img v-show="press[3].palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_630_yellow.png" alt="" @click="getInfo(press[3].palletizingRobot)">
<img v-show="press[3].palletizingRobot.status === '3'" class="device_img" src="../assets/images/device/robot_630_gray.png" alt="" @click="getInfo(press[3].palletizingRobot)"> <img v-show="press[3].palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_630_gray.png" alt="" @click="getInfo(press[3].palletizingRobot)">
<img v-show="press[3].palletizingRobot.status === '4'" class="device_img" src="../assets/images/device/robot_630_red.png" alt="" @click="getInfo(press[3].palletizingRobot)"> <img v-show="press[3].palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_630_red.png" alt="" @click="getInfo(press[3].palletizingRobot)">
</div> </div>
<div class="p_device robot_1600_wrap"> <div class="p_device robot_1600_wrap">
<device-pop <device-pop
@@ -409,10 +416,10 @@
<img class="device_img" src="../assets/images/device/630/wl.png" alt=""> <img class="device_img" src="../assets/images/device/630/wl.png" alt="">
</div> </div>
<div class="p_device slw_1600_wrap slw_1600_wrap_2" v-for="(e, i) in press[4].loadLocation" :key="e.equipment" :class="'slw_1600_wrap_' + (2 * i + 2)"> <div class="p_device slw_1600_wrap slw_1600_wrap_2" v-for="(e, i) in press[4].loadLocation" :key="e.equipment" :class="'slw_1600_wrap_' + (2 * i + 2)">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="lz" type="lz"
:pkId="pkId" :pkId="pkId"
@@ -421,10 +428,10 @@
></device-pop> ></device-pop>
</div> </div>
<div class="p_device yj_1600_wrap_1"> <div class="p_device yj_1600_wrap_1">
<img v-show="press[4].pressMachine[0].status === '1'" class="device_img" src="../assets/images/device/630/yj_green.png" alt="" @click="getInfo(press[4].pressMachine[0])"> <img v-show="press[4].pressMachine[0].status === 1" class="device_img" src="../assets/images/device/630/yj_green.png" alt="" @click="getInfo(press[4].pressMachine[0])">
<img v-show="press[4].pressMachine[0].status === '2'" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(press[4].pressMachine[0])"> <img v-show="press[4].pressMachine[0].status === 2" class="device_img" src="../assets/images/device/630/yj_yellow.png" alt="" @click="getInfo(press[4].pressMachine[0])">
<img v-show="press[4].pressMachine[0].status === '3'" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(press[4].pressMachine[0])"> <img v-show="press[4].pressMachine[0].status === 3" class="device_img" src="../assets/images/device/630/yj_gray.png" alt="" @click="getInfo(press[4].pressMachine[0])">
<img v-show="press[4].pressMachine[0].status === '4'" class="device_img" src="../assets/images/device/630/yj_red.png" alt="" @click="getInfo(press[4].pressMachine[0])"> <img v-show="press[4].pressMachine[0].status === 4" class="device_img" src="../assets/images/device/630/yj_red.png" alt="" @click="getInfo(press[4].pressMachine[0])">
<device-pop <device-pop
type="yj" type="yj"
:pkId="pkId" :pkId="pkId"
@@ -433,10 +440,10 @@
></device-pop> ></device-pop>
</div> </div>
<div class="p_device ktp_1600_wrap" v-for="(e, i) in press[4].unloadLocation" :key="e.equipment" :class="'ktp_1600_wrap_' + (i+1)"> <div class="p_device ktp_1600_wrap" v-for="(e, i) in press[4].unloadLocation" :key="e.equipment" :class="'ktp_1600_wrap_' + (i+1)">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="tp" type="tp"
:pkId="pkId" :pkId="pkId"
@@ -444,11 +451,11 @@
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
<div class="p_device robot_1600_wrap" :class="press[4].palletizingRobot.status === '1' ? 'rotate_4' : ''"> <div class="p_device robot_1600_wrap" :class="press[4].palletizingRobot.status === 1 ? 'rotate_4' : ''">
<img v-show="press[4].palletizingRobot.status === '1'" class="device_img" src="../assets/images/device/robot_630_green.png" alt="" @click="getInfo(press[4].palletizingRobot)"> <img v-show="press[4].palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_630_green.png" alt="" @click="getInfo(press[4].palletizingRobot)">
<img v-show="press[4].palletizingRobot.status === '2'" class="device_img" src="../assets/images/device/robot_630_yellow.png" alt="" @click="getInfo(press[4].palletizingRobot)"> <img v-show="press[4].palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_630_yellow.png" alt="" @click="getInfo(press[4].palletizingRobot)">
<img v-show="press[4].palletizingRobot.status === '3'" class="device_img" src="../assets/images/device/robot_630_gray.png" alt="" @click="getInfo(press[4].palletizingRobot)"> <img v-show="press[4].palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_630_gray.png" alt="" @click="getInfo(press[4].palletizingRobot)">
<img v-show="press[4].palletizingRobot.status === '4'" class="device_img" src="../assets/images/device/robot_630_red.png" alt="" @click="getInfo(press[4].palletizingRobot)"> <img v-show="press[4].palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_630_red.png" alt="" @click="getInfo(press[4].palletizingRobot)">
</div> </div>
<div class="p_device robot_1600_wrap"> <div class="p_device robot_1600_wrap">
<device-pop <device-pop
@@ -484,10 +491,10 @@
<img class="device_img" src="../assets/images/device/2500/wl.png" alt=""> <img class="device_img" src="../assets/images/device/2500/wl.png" alt="">
</div> </div>
<div class="p_device yj_2500_wrap"> <div class="p_device yj_2500_wrap">
<img v-show="press[5].pressMachine[0].status === '1'" class="device_img" src="../assets/images/device/1600/yj_green.png" alt="" @click="getInfo(press[5].pressMachine[0])"> <img v-show="press[5].pressMachine[0].status === 1" class="device_img" src="../assets/images/device/1600/yj_green.png" alt="" @click="getInfo(press[5].pressMachine[0])">
<img v-show="press[5].pressMachine[0].status === '2'" class="device_img" src="../assets/images/device/1600/yj_yellow.png" alt="" @click="getInfo(press[5].pressMachine[0])"> <img v-show="press[5].pressMachine[0].status === 2" class="device_img" src="../assets/images/device/1600/yj_yellow.png" alt="" @click="getInfo(press[5].pressMachine[0])">
<img v-show="press[5].pressMachine[0].status === '3'" class="device_img" src="../assets/images/device/1600/yj_gray.png" alt="" @click="getInfo(press[5].pressMachine[0])"> <img v-show="press[5].pressMachine[0].status === 3" class="device_img" src="../assets/images/device/1600/yj_gray.png" alt="" @click="getInfo(press[5].pressMachine[0])">
<img v-show="press[5].pressMachine[0].status === '4'" class="device_img" src="../assets/images/device/1600/yj_red.png" alt="" @click="getInfo(press[5].pressMachine[0])"> <img v-show="press[5].pressMachine[0].status === 4" class="device_img" src="../assets/images/device/1600/yj_red.png" alt="" @click="getInfo(press[5].pressMachine[0])">
<device-pop <device-pop
type="yj" type="yj"
:pkId="pkId" :pkId="pkId"
@@ -497,10 +504,10 @@
</div> </div>
<div class="p_device lz_yyj_wrap_1"> <div class="p_device lz_yyj_wrap_1">
<div class="lz_yyj_1" v-for="e in press[5].loadLocation.slice(0, 8)" :key="e.equipment"> <div class="lz_yyj_1" v-for="e in press[5].loadLocation.slice(0, 8)" :key="e.equipment">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="lz" type="lz"
:pkId="pkId" :pkId="pkId"
@@ -510,11 +517,11 @@
</div> </div>
</div> </div>
<div class="p_device lz_yyj_wrap_2"> <div class="p_device lz_yyj_wrap_2">
<div class="lz_yyj_2" v-for="(e, i) in press[5].loadLocation.slice(8, 11)" :key="i"> <div class="lz_yyj_2" v-for="(e, i) in press[5].loadLocation.slice(8, 10)" :key="i">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="lz" type="lz"
:pkId="pkId" :pkId="pkId"
@@ -523,25 +530,39 @@
></device-pop> ></device-pop>
</div> </div>
</div> </div>
<div class="p_device ktp_yyj_wrap_3"> <div v-if="press[5].loadLocation.length > 10" class="p_device ktp_yyj_wrap_3">
<div class="lz_yyj_3"> <div class="lz_yyj_3">
<img v-show="press[5].loadLocation[11].status === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(press[5].loadLocation[11])"> <img v-show="press[5].loadLocation[10].status === 1" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(press[5].loadLocation[10])">
<img v-show="press[5].loadLocation[11].status === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(press[5].loadLocation[11])"> <img v-show="press[5].loadLocation[10].status === 2" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(press[5].loadLocation[10])">
<img v-show="press[5].loadLocation[11].status === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(press[5].loadLocation[11])"> <img v-show="press[5].loadLocation[10].status === 3" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(press[5].loadLocation[10])">
<img v-show="press[5].loadLocation[11].status === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(press[5].loadLocation[11])"> <img v-show="press[5].loadLocation[10].status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(press[5].loadLocation[10])">
<device-pop <device-pop
type="lz" type="lz"
:pkId="pkId" :pkId="pkId"
:data="press[5].loadLocation[11]" :data="press[5].loadLocation[10]"
@closePop="closePop"
></device-pop>
</div>
</div>
<div v-if="press[5].loadLocation.length > 11" class="p_device lz_yyj_wrap_2 lz_yyj_wrap_3">
<div class="lz_yyj_2">
<img v-show="press[5].loadLocation[11].status === 1" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(press[5].loadLocation[10])">
<img v-show="press[5].loadLocation[11].status === 2" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(press[5].loadLocation[10])">
<img v-show="press[5].loadLocation[11].status === 3" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(press[5].loadLocation[10])">
<img v-show="press[5].loadLocation[11].status === 4" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(press[5].loadLocation[10])">
<device-pop
type="lz"
:pkId="pkId"
:data="press[5].loadLocation[10]"
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
</div> </div>
<div class="p_device ktp_2500_wrap" v-for="(e, i) in press[5].unloadLocation" :key="e.equipment" :class="'ktp_2500_wrap_' + (i+1)"> <div class="p_device ktp_2500_wrap" v-for="(e, i) in press[5].unloadLocation" :key="e.equipment" :class="'ktp_2500_wrap_' + (i+1)">
<img v-show="e.status === '1'" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" class="device_img" src="../assets/images/device/ktpv_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" class="device_img" src="../assets/images/device/ktpv_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" class="device_img" src="../assets/images/device/ktpv_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="tp" type="tp"
:pkId="pkId" :pkId="pkId"
@@ -549,11 +570,11 @@
@closePop="closePop" @closePop="closePop"
></device-pop> ></device-pop>
</div> </div>
<div class="p_device robot_2500_wrap" :class="press[5].palletizingRobot.status === '1' ? 'rotate_5' : ''"> <div class="p_device robot_2500_wrap" :class="press[5].palletizingRobot.status === 1 ? 'rotate_5' : ''">
<img v-show="press[5].palletizingRobot.status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="" @click="getInfo(press[5].palletizingRobot)"> <img v-show="press[5].palletizingRobot.status === 1" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="" @click="getInfo(press[5].palletizingRobot)">
<img v-show="press[5].palletizingRobot.status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="" @click="getInfo(press[5].palletizingRobot)"> <img v-show="press[5].palletizingRobot.status === 2" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="" @click="getInfo(press[5].palletizingRobot)">
<img v-show="press[5].palletizingRobot.status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="" @click="getInfo(press[5].palletizingRobot)"> <img v-show="press[5].palletizingRobot.status === 3" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="" @click="getInfo(press[5].palletizingRobot)">
<img v-show="press[5].palletizingRobot.status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="" @click="getInfo(press[5].palletizingRobot)"> <img v-show="press[5].palletizingRobot.status === 4" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="" @click="getInfo(press[5].palletizingRobot)">
</div> </div>
<div class="p_device robot_2500_wrap"> <div class="p_device robot_2500_wrap">
<device-pop <device-pop
@@ -568,11 +589,11 @@
<!-- <div class="machine_block machine_block_5"> <!-- <div class="machine_block machine_block_5">
<div class="lz_hj_wrap"> <div class="lz_hj_wrap">
<div class="lz_hj" v-for="(e, i) in storageLocation" :key="i"> <div class="lz_hj" v-for="(e, i) in storageLocation" :key="i">
<img v-show="e.pointStatus === '2'" src="../assets/images/device/hj.png" alt=""> <img v-show="e.pointStatus === 2" src="../assets/images/device/hj.png" alt="">
<img v-show="e.pointStatus === '3' && e.status === '1'" src="../assets/images/device/lz_hj_green.png" alt=""> <img v-show="e.pointStatus === 3 && e.status === 1" src="../assets/images/device/lz_hj_green.png" alt="">
<img v-show="e.pointStatus === '3' && e.status === '2'" src="../assets/images/device/lz_hj_yellow.png" alt=""> <img v-show="e.pointStatus === 3 && e.status === 2" src="../assets/images/device/lz_hj_yellow.png" alt="">
<img v-show="e.pointStatus === '3' && e.status === '3'" src="../assets/images/device/lz_hj_gray.png" alt=""> <img v-show="e.pointStatus === 3 && e.status === 3" src="../assets/images/device/lz_hj_gray.png" alt="">
<img v-show="e.pointStatus === '3' && e.status === '4'" src="../assets/images/device/lz_hj_red.png" alt=""> <img v-show="e.pointStatus === 3 && e.status === 4" src="../assets/images/device/lz_hj_red.png" alt="">
</div> </div>
</div> </div>
</div> --> </div> -->
@@ -581,12 +602,12 @@
<div class="lz_wrap"> <div class="lz_wrap">
<div class="lz_inner"> <div class="lz_inner">
<div class="lz" v-for="e in unloadLocation.slice(0, 12)" :key="e.equipment"> <div class="lz" v-for="e in unloadLocation.slice(0, 12)" :key="e.equipment">
<img v-show="e.status === '1'" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="lz" type="hlz"
:pkId="pkId" :pkId="pkId"
:data="e" :data="e"
@closePop="closePop" @closePop="closePop"
@@ -595,12 +616,12 @@
</div> </div>
<div class="lz_s_inner lz_s_border"> <div class="lz_s_inner lz_s_border">
<div class="lz_s" v-for="e in unloadLocation.slice(12, 14)" :key="e.equipment"> <div class="lz_s" v-for="e in unloadLocation.slice(12, 14)" :key="e.equipment">
<img v-show="e.status === '1'" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" src="../assets/images/device/lz_hj_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" src="../assets/images/device/lz_hj_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" src="../assets/images/device/lz_hj_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" src="../assets/images/device/lz_hj_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="lz" type="hlz"
:pkId="pkId" :pkId="pkId"
:data="e" :data="e"
@closePop="closePop" @closePop="closePop"
@@ -611,10 +632,10 @@
<div class="lz_wrap hlj_wrap"> <div class="lz_wrap hlj_wrap">
<div class="lz_inner"> <div class="lz_inner">
<div class="hlj" v-for="e in mixingMachine.slice(0, 12)" :key="e.equipment"> <div class="hlj" v-for="e in mixingMachine.slice(0, 12)" :key="e.equipment">
<img v-show="e.status === '1'" src="../assets/images/device/hlj_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" src="../assets/images/device/hlj_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" src="../assets/images/device/hlj_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" src="../assets/images/device/hlj_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" src="../assets/images/device/hlj_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" src="../assets/images/device/hlj_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" src="../assets/images/device/hlj_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" src="../assets/images/device/hlj_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="hlj" type="hlj"
:pkId="pkId" :pkId="pkId"
@@ -625,10 +646,10 @@
</div> </div>
<div class="lz_s_inner hlj_s_border"> <div class="lz_s_inner hlj_s_border">
<div class="hlj_s" v-for="e in mixingMachine.slice(12, 14)" :key="e.equipment"> <div class="hlj_s" v-for="e in mixingMachine.slice(12, 14)" :key="e.equipment">
<img v-show="e.status === '1'" src="../assets/images/device/hlj_s_green.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 1" src="../assets/images/device/hlj_s_green.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '2'" src="../assets/images/device/hlj_s_yellow.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 2" src="../assets/images/device/hlj_s_yellow.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '3'" src="../assets/images/device/hlj_s_gray.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 3" src="../assets/images/device/hlj_s_gray.png" alt="" @click="getInfo(e)">
<img v-show="e.status === '4'" src="../assets/images/device/hlj_s_red.png" alt="" @click="getInfo(e)"> <img v-show="e.status === 4" src="../assets/images/device/hlj_s_red.png" alt="" @click="getInfo(e)">
<device-pop <device-pop
type="hlj" type="hlj"
:pkId="pkId" :pkId="pkId"
@@ -688,13 +709,13 @@ export default {
// 混料机下料位 // 混料机下料位
this.unloadLocation = [...res.mix.unloadLocation] this.unloadLocation = [...res.mix.unloadLocation]
// 困料货架 // 困料货架
this.storageLocation = [...res.stand.storageLocation] // this.storageLocation = [...res.stand.storageLocation]
// 分拣区 // 分拣区
this.palletizingRobot = [...res.sort.palletizingRobot][0] this.palletizingRobot = res.sort.palletizingRobot.length > 0 ? [...res.sort.palletizingRobot][0] : {}
this.sunloadLocation = [...res.sort.unloadLocation] this.sunloadLocation = [...res.sort.unloadLocation]
this.depalletizingRobot = [...res.sort.depalletizingRobot][0] this.depalletizingRobot = res.sort.depalletizingRobot.length > 0 ? [...res.sort.depalletizingRobot][0] : {}
this.loadLocation = [...res.sort.loadLocation] this.loadLocation = [...res.sort.loadLocation]
this.laminatingMachine = [...res.sort.laminatingMachine][0] this.laminatingMachine = res.sort.laminatingMachine.length > 0 ? [...res.sort.laminatingMachine][0] : {}
// 压机 // 压机
this.press = [] this.press = []
res.press.palletizingRobot.map((e, i) => { res.press.palletizingRobot.map((e, i) => {
@@ -713,9 +734,9 @@ export default {
let pressMachine = i < 3 ? res.press.pressMachine.slice(2 * i, 2 * i + 2) : res.press.pressMachine.slice(i + 3, i + 4) let pressMachine = i < 3 ? res.press.pressMachine.slice(2 * i, 2 * i + 2) : res.press.pressMachine.slice(i + 3, i + 4)
// 压机下料位 // 压机下料位
let unloadLocation = i < 3 ? res.press.unloadLocation.slice(4 * i, 4 * i + 4) : res.press.unloadLocation.slice(2 * i + 6, 2 * i + 8) let unloadLocation = i < 3 ? res.press.unloadLocation.slice(4 * i, 4 * i + 4) : res.press.unloadLocation.slice(2 * i + 6, 2 * i + 8)
this.press.push({palletizingRobot: e, loadLocation: loadLocation, pressMachine: pressMachine, unloadLocation: unloadLocation}) this.press.push({pkid: 'key' + i + 1, palletizingRobot: e, loadLocation: loadLocation, pressMachine: pressMachine, unloadLocation: unloadLocation})
}) })
console.log(this.press) // console.log(this.press)
// 窑前货架 // 窑前货架
this.frontWarehouse = [...res.frontWarehouse.storageLocation] this.frontWarehouse = [...res.frontWarehouse.storageLocation]
// 窑后货架 // 窑后货架
@@ -726,14 +747,10 @@ export default {
this.kiln = [...res.dry.kiln] this.kiln = [...res.dry.kiln]
this.coolingConveyorLine = [...res.dry.coolingConveyorLine] this.coolingConveyorLine = [...res.dry.coolingConveyorLine]
// 托盘输送线 // 托盘输送线
this.trayStacker = [...res.vehicleConveyorLine.trayStacker][0] this.trayStacker = res.vehicleConveyorLine.trayStacker.length > 0 ? [...res.vehicleConveyorLine.trayStacker][0] : {}
let vconveyorLine = [{status: ''}, {status: ''}, {status: ''}, {status: ''}, {status: ''}] this.vconveyorLine = [...res.vehicleConveyorLine.conveyorLine]
vconveyorLine.length = 5 // 拆盘机暂时不显示
vconveyorLine.map(el => { // this.trayDestacker = res.vehicleConveyorLine.trayDestacker.length > 0 ? [...res.vehicleConveyorLine.trayDestacker][0] : {}
el.status = [...res.vehicleConveyorLine.conveyorLine][0].status
})
this.vconveyorLine = vconveyorLine
this.trayDestacker = [...res.vehicleConveyorLine.trayDestacker][0]
}, },
getInfo (e) { getInfo (e) {
this.pkId = this.pkId !== e.equipment ? e.equipment : '' this.pkId = this.pkId !== e.equipment ? e.equipment : ''
@@ -873,6 +890,8 @@ export default {
.yao_layer5 .yao_layer5
top auto top auto
bottom 7% bottom 7%
.yao_layer6
top 50%
.yao_1 .yao_1
left 3% left 3%
.yao_2 .yao_2
@@ -903,6 +922,7 @@ export default {
_fj() _fj()
flex-wrap wrap flex-wrap wrap
.ktp_yao_back .ktp_yao_back
position relative
_wh(50%, auto) _wh(50%, auto)
.dpj_wrap .dpj_wrap
_wh(6%, auto) _wh(6%, auto)
@@ -1156,6 +1176,8 @@ export default {
width: 15.5%; width: 15.5%;
top: 76%; top: 76%;
left: 6%; left: 6%;
.lz_yyj_wrap_3
top 97%
.ktp_yyj_wrap_3 .ktp_yyj_wrap_3
width: 15.5%; width: 15.5%;
top: 86%; top: 86%;
@@ -1233,28 +1255,28 @@ export default {
border-bottom-left-radius: 5px border-bottom-left-radius: 5px
.lz .lz
position relative position relative
_wh(3.3%, 100%) width 3.3%
margin 0 2.5166666666666666% margin 0 2.5166666666666666%
_fj(center) _fj(center)
img img
_wh(100%, auto) _wh(100%, auto)
.lz_s .lz_s
position relative position relative
_wh(16%, 100%) width 16%
margin 0 17% margin 0 17%
_fj(center) _fj(center)
img img
_wh(100%, auto) _wh(100%, auto)
.hlj .hlj
position relative position relative
_wh(5.876%, 100%) width 5.876%
margin 0 1.2286666666666666% margin 0 1.2286666666666666%
_fj(center) _fj(center)
img img
_wh(100%, auto) _wh(100%, auto)
.hlj_s .hlj_s
position relative position relative
_wh(28%, 100%) width 28%
margin 0 11% margin 0 11%
_fj(center) _fj(center)
img img
@@ -1266,6 +1288,7 @@ export default {
_fj(flex-start) _fj(flex-start)
flex-wrap: wrap flex-wrap: wrap
.ktp_yao_front .ktp_yao_front
position relative
_wh(calc(100% / 14), auto) _wh(calc(100% / 14), auto)
.cpj_ssx_wrap .cpj_ssx_wrap
_wh(15%, auto) _wh(15%, auto)
@@ -1275,6 +1298,7 @@ export default {
_wh(100%, auto) _wh(100%, auto)
_fj() _fj()
.ssx .ssx
position relative
width 20% width 20%
img img
_wh(100%, auto) _wh(100%, auto)

85
src/pages/shunhe/LogisticsProcess.vue
View File

@@ -207,7 +207,7 @@
<li>生产设备</li> <li>生产设备</li>
<li>物料号</li> <li>物料号</li>
<li>物料名称</li> <li>物料名称</li>
<li>完成重量</li> <li>完成</li>
</ul> </ul>
<div class="scroll_container_1"> <div class="scroll_container_1">
<vue-seamless-scroll :data="equipmentProductionStatistics" :class-option="defaultOption1"> <vue-seamless-scroll :data="equipmentProductionStatistics" :class-option="defaultOption1">
@@ -324,6 +324,20 @@ export default {
bottom: 15, bottom: 15,
containLabel: true containLabel: true
}, },
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: (params) => {
let index_ = 0
status.map((v, k) => {
if (v === params[0].name) index_ = k
})
return `<div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #FFFFFF;margin-bottom:12px;">${params[0].name}</div><div style="font-size: 14px;font-family: Source Han Sans CN-Medium;font-weight: 500;color: #FFFFFF;margin-bottom:4px;">${params[index_].value}台</div>`
},
extraCssText: 'opacity: 0.8;background-color:rgba(194,141,5,0.4);padding:16px;box-shadow: 1px 6px 15px 1px rgba(0,0,0,0.13);border-radius: 4px;filter: blur(undefinedpx);border:none;'
},
legend: { legend: {
textStyle: { textStyle: {
color: '#fff', color: '#fff',
@@ -630,31 +644,31 @@ export default {
}) })
} }
var count = 0 // var count = 0
clearInterval(this.timer1) // clearInterval(this.timer1)
this.timer1 = setInterval(() => { // this.timer1 = setInterval(() => {
this.myCharts2.dispatchAction({ // this.myCharts2.dispatchAction({
type: 'downplay', // type: 'downplay',
seriesIndex: 1 // seriesIndex: 1
}) // })
this.myCharts2.dispatchAction({ // this.myCharts2.dispatchAction({
type: 'highlight', // type: 'highlight',
seriesIndex: 1, // seriesIndex: 1,
dataIndex: count // dataIndex: count
}) // })
this.myCharts2.dispatchAction({ // this.myCharts2.dispatchAction({
type: 'showTip', // type: 'showTip',
seriesIndex: 1, // seriesIndex: 1,
dataIndex: count // dataIndex: count
}) // })
count++ // count++
if (count >= option.series[0].data.length) { // if (count >= option.series[0].data.length) {
count = 0 // count = 0
} // }
if (count >= option.series[1].data.length) { // if (count >= option.series[1].data.length) {
count = 0 // count = 0
} // }
}, 3000) // }, 3000)
}, },
async _homepageData () { async _homepageData () {
let res = await homepageData() let res = await homepageData()
@@ -736,7 +750,7 @@ export default {
border-bottom .01rem solid rgba(8,205,248,0.3) border-bottom .01rem solid rgba(8,205,248,0.3)
li li
float left float left
width 25% width 30%
_font(.14rem,.4rem,#78B1DE,,center) _font(.14rem,.4rem,#78B1DE,,center)
word-wrap break-word word-wrap break-word
word-break break-all word-break break-all
@@ -744,27 +758,36 @@ export default {
padding 0 .02rem padding 0 .02rem
overflow hidden overflow hidden
box-sizing border-box box-sizing border-box
&:nth-child(1)
width 20%
&:nth-child(4)
width 20%
.scroll_container_1 .scroll_container_1
width 100% width 100%
height calc(100% - .4rem) height calc(100% - .4rem)
overflow hidden overflow hidden
.scroll-ul_1 .scroll-ul_1
li li
_wh(100%, .44rem) width 100%
height .5rem
border-bottom .01rem solid rgba(8,205,248,0.3) border-bottom .01rem solid rgba(8,205,248,0.3)
&:nth-child(even) &:nth-child(even)
background rgba(1,24,52,0.60) background rgba(1,24,52,0.60)
box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3) box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3)
.scroll-ul_1_div .scroll-ul_1_div
float left float left
_wh(25%, .44rem) width 32%
height 100%
_fj(center) _fj(center)
_font(.14rem, .44rem, #fff,,center) _font(.12rem, .16rem, #fff,,center)
word-wrap break-word word-wrap break-word
word-break break-all word-break break-all
white-space nowrap
padding 0 .02rem padding 0 .02rem
overflow hidden overflow hidden
&:nth-child(1)
width 16%
&:nth-child(4)
width 20%
.item_inner_wrap .item_inner_wrap
width 100% width 100%
padding-bottom .17rem padding-bottom .17rem