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

弹窗

Browse Source
This commit is contained in:
caill
2023-06-20 18:19:20 +08:00
parent 7b6e7956a1
commit 25d4e914da
10 changed files with 348 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/assets/js/getData2.js
View File

@@ -591,36 +591,36 @@ export const workshopCondition = () => {
'LastTenFailureList': [ 'LastTenFailureList': [
{ {
'failure_time': '05-30 09:50:12', 'failure_time': '05-30 09:50:12',
'device_code': 'hl', 'device_code': 'hl01',
'device_name': '混料', 'device_name': '混料机01',
'failure_info': '机器故障', 'failure_info': '机器故障',
'device_status_name': '待机' 'device_status_name': '待机'
}, },
{ {
'failure_time': '05-30 09:50:12', 'failure_time': '05-30 09:50:12',
'device_code': 'hl', 'device_code': 'hl02',
'device_name': '混料', 'device_name': '混料机02',
'failure_info': '机器故障', 'failure_info': '机器故障',
'device_status_name': '待机' 'device_status_name': '待机'
}, },
{ {
'failure_time': '05-30 09:50:12', 'failure_time': '05-30 09:50:12',
'device_code': 'hl', 'device_code': 'hl03',
'device_name': '混料', 'device_name': '混料机03',
'failure_info': '机器故障', 'failure_info': '机器故障',
'device_status_name': '待机' 'device_status_name': '待机'
}, },
{ {
'failure_time': '05-30 09:50:12', 'failure_time': '05-30 09:50:12',
'device_code': 'hl', 'device_code': 'hl04',
'device_name': '混料', 'device_name': '混料机04',
'failure_info': '机器故障', 'failure_info': '机器故障',
'device_status_name': '待机' 'device_status_name': '待机'
}, },
{ {
'failure_time': '05-30 09:50:12', 'failure_time': '05-30 09:50:12',
'device_code': 'hl', 'device_code': 'hl05',
'device_name': '混料', 'device_name': '混料机05',
'failure_info': '机器故障', 'failure_info': '机器故障',
'device_status_name': '待机' 'device_status_name': '待机'
} }
@@ -1109,44 +1109,68 @@ export const workshopCondition = () => {
], ],
'TrappedShelfList': [ 'TrappedShelfList': [
{ {
'stand_status_color': '',
'stand_status': '',
'point_name': '压机1空盅货位', 'point_name': '压机1空盅货位',
'point_code': 'KLHW41', 'point_code': 'KLHW41',
'point_status': '0' 'point_status': '0',
'stand_status_name': ''
}, },
{ {
'stand_status_color': '',
'stand_status': '',
'point_name': '压机1困料货位1', 'point_name': '压机1困料货位1',
'point_code': 'KLHW42', 'point_code': 'KLHW42',
'point_status': '0' 'point_status': '0',
'stand_status_name': ''
}, },
{ {
'stand_status_color': '2',
'stand_status': '3',
'point_name': '压机1困料货位2', 'point_name': '压机1困料货位2',
'point_code': 'KLHW43', 'point_code': 'KLHW43',
'point_status': '2' 'point_status': '2',
'stand_status_name': '困料完成'
}, },
{ {
'stand_status_color': '',
'stand_status': '',
'point_name': '压机1困料货位3', 'point_name': '压机1困料货位3',
'point_code': 'KLHW44', 'point_code': 'KLHW44',
'point_status': '0' 'point_status': '0',
'stand_status_name': ''
}, },
{ {
'stand_status_color': '',
'stand_status': '',
'point_name': '压机2空盅货位', 'point_name': '压机2空盅货位',
'point_code': 'KLHW45', 'point_code': 'KLHW45',
'point_status': '0' 'point_status': '0',
'stand_status_name': ''
}, },
{ {
'stand_status_color': '',
'stand_status': '',
'point_name': '压机2困料货位1', 'point_name': '压机2困料货位1',
'point_code': 'KLHW46', 'point_code': 'KLHW46',
'point_status': '0' 'point_status': '0',
'stand_status_name': ''
}, },
{ {
'stand_status_color': '',
'stand_status': '',
'point_name': '压机2困料货位2', 'point_name': '压机2困料货位2',
'point_code': 'KLHW47', 'point_code': 'KLHW47',
'point_status': '0' 'point_status': '0',
'stand_status_name': ''
}, },
{ {
'stand_status_color': '',
'stand_status': '',
'point_name': '压机2困料货位3', 'point_name': '压机2困料货位3',
'point_code': 'KLHW48', 'point_code': 'KLHW48',
'point_status': '0' 'point_status': '0',
'stand_status_name': ''
} }
], ],
'TrappedMaterialShelfList': [ 'TrappedMaterialShelfList': [

BIN
src/images/workshop/agv_gray.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
src/images/workshop/agv_green.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
src/images/workshop/agv_red.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
src/images/workshop/agv_yellow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
src/images/workshop/elect.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

91
src/pages/modules/homepage/one.vue
View File

@@ -53,38 +53,54 @@
</div> </div>
<div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1"> <div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img :class="String(TrappedShelfList[0].point_status) === '0' ? 'hidden': ''" src="../../../images/workshop/lz.png" alt=""> <img v-show="String(TrappedShelfList[0].point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
<div class="sh_machine lz_1 lz_2"> <div class="sh_machine lz_1 lz_2" v-for="(e,i) in TrappedShelfList.slice(1, 4)" :key="i">
<img v-for="(e,i) in TrappedShelfList.slice(1, 4)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="String(e.point_status) === '0' ? 'hidden': ''"> <img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
</div> </div>
<div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1 yjlz_wrap_2"> <div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1 yjlz_wrap_2">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img :class="String(TrappedShelfList[4].point_status) === '0' ? 'hidden': ''" src="../../../images/workshop/lz.png" alt=""> <img v-show="String(TrappedShelfList[4].point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
<div class="sh_machine lz_1 lz_2"> <div class="sh_machine lz_1 lz_2" v-for="(e,i) in TrappedShelfList.slice(5)" :key="i">
<img v-for="(e,i) in TrappedShelfList.slice(5)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="String(e.point_status) === '0' ? 'hidden': ''"> <img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_3"> <div class="machine_wrap yjlz_wrap_1 yjlz_wrap_3">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt=""> <img src="../../../images/workshop/hj.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_5"> <div class="machine_wrap yjlz_wrap_1 yjlz_wrap_5">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt=""> <img src="../../../images/workshop/hj.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_7"> <div class="machine_wrap yjlz_wrap_1 yjlz_wrap_7">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt=""> <img src="../../../images/workshop/hj.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_8"> <div class="machine_wrap yjlz_wrap_1 yjlz_wrap_8">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt=""> <img src="../../../images/workshop/hj.png" alt="">
</div> </div>
</div> </div>
<div @click="jumpTakeShape"> <div @click="jumpTakeShape">
@@ -138,9 +154,10 @@
<img v-show="String(ManipulatorInfoList[0].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt=""> <img v-show="String(ManipulatorInfoList[0].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt="">
<img v-show="String(ManipulatorInfoList[0].color_status) === '3'" src="../../../images/workshop/robot_2500_yellow.png" alt=""> <img v-show="String(ManipulatorInfoList[0].color_status) === '3'" src="../../../images/workshop/robot_2500_yellow.png" alt="">
</div> </div>
<div class="sh_machine block_1"> <div class="sh_machine elect_1">
<img src="../../../images/workshop/elect.png" alt="">
</div> </div>
<div class="sh_machine block_1 block_2"> <div class="sh_machine elect_1 elect_2">
</div> </div>
</div> </div>
@@ -194,7 +211,7 @@
<img v-show="String(ManipulatorInfoList[1].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt=""> <img v-show="String(ManipulatorInfoList[1].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt="">
<img v-show="String(ManipulatorInfoList[1].color_status) === '3'" src="../../../images/workshop/robot_2500_yellow.png" alt=""> <img v-show="String(ManipulatorInfoList[1].color_status) === '3'" src="../../../images/workshop/robot_2500_yellow.png" alt="">
</div> </div>
<div class="sh_machine block_1 block_2"> <div class="sh_machine elect_1 elect_2">
</div> </div>
</div> </div>
<div class="machine_wrap yj_wrap_1 yj_wrap_3"> <div class="machine_wrap yj_wrap_1 yj_wrap_3">
@@ -558,19 +575,21 @@
</div> </div>
</div> </div>
<div v-if="TrappedMaterialShelfList.length > 0" class="machine_wrap kl_wrap_1"> <div v-if="TrappedMaterialShelfList.length > 0" class="machine_wrap kl_wrap_1">
<div v-for="(e,i) in TrappedMaterialShelfList.slice(0, 20)" :key="i" class="lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}"> <div v-for="(e,i) in TrappedMaterialShelfList.slice(0, 20)" :key="i" class="sh_machine lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}">
<img v-show="String(e.stand_status_color) === '0'" src="../../../images/workshop/hj.png" alt=""> <img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt=""> <img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt=""> <img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt=""> <img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
</div> </div>
<div v-if="TrappedMaterialShelfList.length > 0" class="machine_wrap kl_wrap_1 kl_wrap_2"> <div v-if="TrappedMaterialShelfList.length > 0" class="machine_wrap kl_wrap_1 kl_wrap_2">
<div v-for="(e,i) in TrappedMaterialShelfList.slice(20)" :key="i" class="lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}"> <div v-for="(e,i) in TrappedMaterialShelfList.slice(20)" :key="i" class="sh_machine lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}">
<img v-show="String(e.stand_status_color) === '0'" src="../../../images/workshop/hj.png" alt=""> <img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt=""> <img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt=""> <img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt=""> <img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap mtp_wrap_1"> <div class="machine_wrap mtp_wrap_1">
@@ -1345,12 +1364,14 @@ export default {
top 2% top 2%
left 42% left 42%
.lz_1 .lz_1
width 100% _wh(100%, 19.011%)
img
position relative
.lz_2 .lz_2
top auto &:nth-child(2)
bottom 0 top 43%
&:nth-child(3)
top 62%
&:nth-child(4)
top 81%
.yjlz_wrap_2 .yjlz_wrap_2
top 21% top 21%
.yjlz_wrap_3 .yjlz_wrap_3
@@ -1476,13 +1497,13 @@ export default {
.zhuan_bg_arrow .zhuan_bg_arrow
right auto right auto
left 10% left 10%
.block_1 .elect_1
width: 10%; width: 10%;
height: 9%; height: 9%;
left: 74%; left: 74%;
top: 27%; top: 27%;
background-color #fff background-color #fff
.block_2 .elect_2
left:86% left:86%
.yj_wrap_2 .yj_wrap_2
top 21% top 21%
@@ -1509,7 +1530,7 @@ export default {
top 80% top 80%
.weilan .weilan
top 16% top 16%
.block_2 .elect_2
top 9% top 9%
left: 89%; left: 89%;
.yj_wrap_3 .yj_wrap_3
@@ -1720,16 +1741,12 @@ export default {
.kl_wrap_1 .kl_wrap_1
width 2% width 2%
height 63% height 63%
bottom 4% bottom 10%
left auto left auto
right 7% right 7%
.lz .lz
position relative position relative
width 100% _wh(100%,4.96%)
height 4.4%
img
position absolute
_wh(100%, 100%)
.mgt5 .mgt5
margin-top 45% margin-top 45%
.kl_wrap_2 .kl_wrap_2

109
src/pages/modules/homepage/two.vue
View File

@@ -43,15 +43,19 @@
<img src="../../../images/workshop/cpj.png" alt=""> <img src="../../../images/workshop/cpj.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap cdz_wrap_1"> <div class="machine_wrap agv_wrap">
<div class="cdz"> <div class="sh_machine cdz_1">
<img src="../../../images/workshop/cdz.png" alt=""> <img src="../../../images/workshop/cdz.png" alt="">
</div> </div>
</div> <div class="sh_machine cdz_1 cdz_2">
<div class="machine_wrap cdz_wrap_1 cdz_wrap_2">
<div class="cdz">
<img src="../../../images/workshop/cdz.png" alt=""> <img src="../../../images/workshop/cdz.png" alt="">
</div> </div>
<div class="sh_machine agv_1">
<img src="../../../images/workshop/agv_yellow.png" alt="">
</div>
<div class="sh_machine agv_1 agv_2">
<img src="../../../images/workshop/agv_yellow.png" alt="">
</div>
</div> </div>
<div class="machine_wrap yao_wrap"> <div class="machine_wrap yao_wrap">
<div class="yaosb"> <div class="yaosb">
@@ -99,12 +103,20 @@
<img v-show="SortAndPalletizingList[0].color_status === 1" src="../../../images/workshop/ktp_green.png" alt=""> <img v-show="SortAndPalletizingList[0].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="SortAndPalletizingList[0].color_status === 2" src="../../../images/workshop/ktp_red.png" alt=""> <img v-show="SortAndPalletizingList[0].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="SortAndPalletizingList[0].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt=""> <img v-show="SortAndPalletizingList[0].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
<div class="zhuan_qty">
<p>200</p>
<div class="zhuan_bg_arrow"></div>
</div> </div>
<div v-if="SortAndPalletizingList.length > 0" class="sh_machine kongtuopan_2"> </div>
<div v-if="SortAndPalletizingList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<img v-show="SortAndPalletizingList[1].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt=""> <img v-show="SortAndPalletizingList[1].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="SortAndPalletizingList[1].color_status === 1" src="../../../images/workshop/ktp_green.png" alt=""> <img v-show="SortAndPalletizingList[1].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="SortAndPalletizingList[1].color_status === 2" src="../../../images/workshop/ktp_red.png" alt=""> <img v-show="SortAndPalletizingList[1].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="SortAndPalletizingList[1].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt=""> <img v-show="SortAndPalletizingList[1].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
<div class="zhuan_qty">
<p>200</p>
<div class="zhuan_bg_arrow"></div>
</div>
</div> </div>
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot_1" :class="{'rotate_1': String(ManipulatorInfoList[4].color_status) === '1'}"> <div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot_1" :class="{'rotate_1': String(ManipulatorInfoList[4].color_status) === '1'}">
<img v-show="String(ManipulatorInfoList[4].color_status) === '0'" src="../../../images/workshop/robot_cmd_gray.png" alt=""> <img v-show="String(ManipulatorInfoList[4].color_status) === '0'" src="../../../images/workshop/robot_cmd_gray.png" alt="">
@@ -120,12 +132,20 @@
<img v-show="SortAndPalletizingList[2].color_status === 1" src="../../../images/workshop/cmdssj_green.png" alt=""> <img v-show="SortAndPalletizingList[2].color_status === 1" src="../../../images/workshop/cmdssj_green.png" alt="">
<img v-show="SortAndPalletizingList[2].color_status === 2" src="../../../images/workshop/cmdssj_red.png" alt=""> <img v-show="SortAndPalletizingList[2].color_status === 2" src="../../../images/workshop/cmdssj_red.png" alt="">
<img v-show="SortAndPalletizingList[2].color_status === 3" src="../../../images/workshop/cmdssj_yellow.png" alt=""> <img v-show="SortAndPalletizingList[2].color_status === 3" src="../../../images/workshop/cmdssj_yellow.png" alt="">
<div class="zhuan_qty">
<p>200</p>
<div class="zhuan_bg_arrow"></div>
</div>
</div> </div>
<div v-if="SortAndPalletizingList.length > 0" class="sh_machine cmdssj_1 cmdssj_2"> <div v-if="SortAndPalletizingList.length > 0" class="sh_machine cmdssj_1 cmdssj_2">
<img v-show="SortAndPalletizingList[3].color_status === 0" src="../../../images/workshop/cmdssj_gray.png" alt=""> <img v-show="SortAndPalletizingList[3].color_status === 0" src="../../../images/workshop/cmdssj_gray.png" alt="">
<img v-show="SortAndPalletizingList[3].color_status === 1" src="../../../images/workshop/cmdssj_green.png" alt=""> <img v-show="SortAndPalletizingList[3].color_status === 1" src="../../../images/workshop/cmdssj_green.png" alt="">
<img v-show="SortAndPalletizingList[3].color_status === 2" src="../../../images/workshop/cmdssj_red.png" alt=""> <img v-show="SortAndPalletizingList[3].color_status === 2" src="../../../images/workshop/cmdssj_red.png" alt="">
<img v-show="SortAndPalletizingList[3].color_status === 3" src="../../../images/workshop/cmdssj_yellow.png" alt=""> <img v-show="SortAndPalletizingList[3].color_status === 3" src="../../../images/workshop/cmdssj_yellow.png" alt="">
<div class="zhuan_qty">
<p>200</p>
<div class="zhuan_bg_arrow"></div>
</div>
</div> </div>
<div class="sh_machine robot_2 rotate_2"> <div class="sh_machine robot_2 rotate_2">
<img src="../../../images/workshop/robot_cmd_green.png" alt=""> <img src="../../../images/workshop/robot_cmd_green.png" alt="">
@@ -841,16 +861,20 @@ export default {
width 100% width 100%
img img
_wh(100%, auto) _wh(100%, auto)
.cdz_wrap_1 .agv_wrap
width: 3%; _wh(15%, 20%)
top: 9%; top 9%
left: 3.5%; left 3.5%
.cdz .cdz_1
width 100% width 20%
img .cdz_2
_wh(100%, auto) top 35%
.cdz_wrap_2 .agv_1
top: 16%; width: 35%;
top: 4%;
left: 25%;
.agv_2
top 39%
.yao_wrap .yao_wrap
width 69% width 69%
top 7% top 7%
@@ -921,14 +945,48 @@ export default {
top: -2000%; top: -2000%;
left: -1000%; left: -1000%;
.kongtuopan_1 .kongtuopan_1
width 26% _wh(26%, 14%)
top 3% top 3%
left 3% left 3%
.zhuan_qty
position absolute
top -28px
right: 0;
z-index 8
_wh(50px, 20px)
background-color: #0ff;
border: 1px solid #0ff;
border-radius: 5px
p
display block
_fj(row,center)
_wh(100%, 100%)
_font(13px, 13px, #fff,,center)
white-space nowrap
.zhuan_bg_arrow
position: absolute;
bottom -5px
right 10%
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px
border-bottom-width: 0;
border-top-color: #0ff;
&:after
content: " ";
border-width: 5px;
.kongtuopan_2 .kongtuopan_2
width 26%
top 3%
left auto left auto
right 3% right 3%
.zhuan_qty
right auto
left 0
.zhuan_bg_arrow
right auto
left 10%
.fjfztb .fjfztb
width: 59%; width: 59%;
top: 9%; top: 9%;
@@ -949,7 +1007,7 @@ export default {
img img
_wh(100%, 100%) _wh(100%, 100%)
.cmdssj_1 .cmdssj_1
width: 26% _wh(26%, 23.8%)
top: 95%; top: 95%;
left: 4%; left: 4%;
img img
@@ -959,6 +1017,12 @@ export default {
right 4% right 4%
img img
transform rotate(0deg) transform rotate(0deg)
.zhuan_qty
right auto
left 0
.zhuan_bg_arrow
right auto
left 10%
.robot_2 .robot_2
top: auto; top: auto;
bottom: -8% bottom: -8%
@@ -990,12 +1054,13 @@ export default {
position absolute position absolute
top 0 top 0
left 0 left 0
z-index -1
_wh(100%, 9%) _wh(100%, 9%)
.rgv_line_1 .rgv_line_1
position absolute position absolute
top 0 top 0
left 2% left 2%
z-index 4 z-index 0
width 96% width 96%
height 10% height 10%
background-color #b2b2b2 background-color #b2b2b2
@@ -1006,7 +1071,7 @@ export default {
position absolute position absolute
top -100% top -100%
left 0 left 0
z-index 5 z-index 0
_wh(0.5%, 300%) _wh(0.5%, 300%)
height 300% height 300%
background-color #b2b2b2 background-color #b2b2b2

2
src/pages/modules/sortpack/one.vue
View File

@@ -598,7 +598,7 @@ export default {
_wh(100%, auto) _wh(100%, auto)
.diepanji_wrap .diepanji_wrap
_wh(30%,50%) _wh(30%,50%)
left 5% left 17%
top 2% top 2%
.mtp_wrap_1 .mtp_wrap_1
width 7% width 7%

197
src/pages/modules/takeshape/one.vue
View File

@@ -28,38 +28,54 @@
<div class="center_content"> <div class="center_content">
<div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1"> <div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img :class="TrappedShelfList[0].point_status === '0' ? 'hidden': ''" src="../../../images/workshop/lz.png" alt=""> <img v-show="String(TrappedShelfList[0].point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
<div class="sh_machine lz_1 lz_2"> <div class="sh_machine lz_1 lz_2" v-for="(e,i) in TrappedShelfList.slice(1, 4)" :key="i">
<img v-for="(e,i) in TrappedShelfList.slice(1, 4)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="e.point_status === '0' ? 'hidden': ''"> <img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
</div> </div>
<div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1 yjlz_wrap_2"> <div v-if="TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1 yjlz_wrap_2">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img :class="TrappedShelfList[4].point_status === '0' ? 'hidden': ''" src="../../../images/workshop/lz.png" alt=""> <img v-show="String(TrappedShelfList[4].point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
<div class="sh_machine lz_1 lz_2"> <div class="sh_machine lz_1 lz_2" v-for="(e,i) in TrappedShelfList.slice(5)" :key="i">
<img v-for="(e,i) in TrappedShelfList.slice(5)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="e.point_status === '0' ? 'hidden': ''"> <img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_3"> <div class="machine_wrap yjlz_wrap_1 yjlz_wrap_3">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt=""> <img src="../../../images/workshop/hj.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_5"> <div class="machine_wrap yjlz_wrap_1 yjlz_wrap_5">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt=""> <img src="../../../images/workshop/hj.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_7"> <div class="machine_wrap yjlz_wrap_1 yjlz_wrap_7">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt=""> <img src="../../../images/workshop/hj.png" alt="">
</div> </div>
</div> </div>
<div class="machine_wrap yjlz_wrap_1 yjlz_wrap_8"> <div class="machine_wrap yjlz_wrap_1 yjlz_wrap_8">
<div class="sh_machine lz_1"> <div class="sh_machine lz_1">
<img src="../../../images/workshop/lz.png" alt=""> <img src="../../../images/workshop/hj.png" alt="">
</div> </div>
</div> </div>
<div class="yaji_wrap"> <div class="yaji_wrap">
@@ -492,20 +508,106 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="TrappedMaterialShelfList.length > 0" class="machine_wrap kl_wrap_1"> <div v-if="TrappedShelf40List.length > 0" class="machine_wrap kl_wrap_1">
<div v-for="(e,i) in TrappedMaterialShelfList.slice(0, 20)" :key="i" class="lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}"> <div v-for="(e,i) in TrappedShelf40List.slice(0, 20)" :key="i" class="sh_machine lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}" @click.stop="klhjInfo(e)">
<img v-show="String(e.stand_status_color) === '0'" src="../../../images/workshop/hj.png" alt=""> <img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt=""> <img v-show="String(e.point_status) !== '0' && String(e.stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt=""> <img v-show="String(e.point_status) !== '0' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')" src="../../../images/workshop/lz_hj_yellow.png" alt="">
<img v-show="String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt=""> <img v-show="String(e.point_status) !== '0' && String(e.stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="">
<div v-if="e.point_code === pkId" class="popup_block_wraper popup_block_wraper_1">
<div class="foldline foldline_left"></div>
<div class="popup_bg">
<div class="popup_block">
<div class="pop_header">
<div class="pop_name">{{pkObj.point_name}}</div>
</div>
<div class="pop_content">
<div class="pop_item">
<div class="pop_label">状态</div>
<div class="pop_val">{{ pkObj.point_status_name }}</div>
</div>
<div class="pop_item">
<div class="pop_label">载具</div>
<div class="pop_val">{{ pkObj.vehicle_code }}</div>
</div>
<div class="pop_item">
<div class="pop_label">bom号</div>
<div class="pop_val">{{ pkObj.bom }}</div>
</div>
<div class="pop_item">
<div class="pop_label">碾次</div>
<div class="pop_val">{{ pkObj.mix_num }}</div>
</div>
<div class="pop_item">
<div class="pop_label">重量</div>
<div class="pop_val pop_val_s">{{ pkObj.weight }}</div>
<div class="pop_unit">kg</div>
</div>
<div class="pop_item">
<div class="pop_label">入库时间</div>
<div class="pop_val">{{ pkObj.instorage_time }}</div>
</div>
<div class="pop_item">
<div class="pop_label">静置</div>
<div class="pop_val">{{ pkObj.standing_time }}</div>
<div class="pop_unit">h</div>
</div> </div>
</div> </div>
<div v-if="TrappedMaterialShelfList.length > 0" class="machine_wrap kl_wrap_1 kl_wrap_2"> </div>
<div v-for="(e,i) in TrappedMaterialShelfList.slice(20)" :key="i" class="lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}"> </div>
<img v-show="String(e.stand_status_color) === '0'" src="../../../images/workshop/hj.png" alt=""> <div class="iconfont icon-guanbi close_btn" @click.stop="closeModal1"></div>
<img v-show="String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt=""> </div>
<img v-show="String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt=""> </div>
<img v-show="String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt=""> </div>
<div v-if="TrappedShelf40List.length > 0" class="machine_wrap kl_wrap_1 kl_wrap_2">
<div v-for="(e,i) in TrappedShelf40List.slice(20)" :key="i" class="sh_machine lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}" @click.stop="klhjInfo(e)">
<img v-show="String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="">
<img v-show="String(e.point_status) !== '0' && (String(e.stand_status) === '3' || String(e.stand_status) === '4')" src="../../../images/workshop/lz_hj_yellow.png" alt="">
<img v-show="String(e.point_status) !== '0' && String(e.stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="">
<div v-if="e.point_code === pkId" class="popup_block_wraper popup_block_wraper_1">
<div class="foldline foldline_left"></div>
<div class="popup_bg">
<div class="popup_block">
<div class="pop_header">
<div class="pop_name">{{pkObj.point_name}}</div>
</div>
<div class="pop_content">
<div class="pop_item">
<div class="pop_label">状态</div>
<div class="pop_val">{{ pkObj.point_status_name }}</div>
</div>
<div class="pop_item">
<div class="pop_label">载具</div>
<div class="pop_val">{{ pkObj.vehicle_code }}</div>
</div>
<div class="pop_item">
<div class="pop_label">bom号</div>
<div class="pop_val">{{ pkObj.bom }}</div>
</div>
<div class="pop_item">
<div class="pop_label">碾次</div>
<div class="pop_val">{{ pkObj.mix_num }}</div>
</div>
<div class="pop_item">
<div class="pop_label">重量</div>
<div class="pop_val pop_val_s">{{ pkObj.weight }}</div>
<div class="pop_unit">kg</div>
</div>
<div class="pop_item">
<div class="pop_label">入库时间</div>
<div class="pop_val">{{ pkObj.instorage_time }}</div>
</div>
<div class="pop_item">
<div class="pop_label">静置</div>
<div class="pop_val">{{ pkObj.standing_time }}</div>
<div class="pop_unit">h</div>
</div>
</div>
</div>
</div>
<div class="iconfont icon-guanbi close_btn" @click.stop="closeModal1"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -659,6 +761,7 @@
<script> <script>
import { workshopCondition, moldingMaterialCondition } from '@js/getData2' import { workshopCondition, moldingMaterialCondition } from '@js/getData2'
import { trappedMaterialCondition } from '@js/getData0'
export default { export default {
data () { data () {
return { return {
@@ -678,17 +781,20 @@ export default {
PressPopoverList: [], // 压机弹窗数据 PressPopoverList: [], // 压机弹窗数据
ManipulatorList: [], // 机械手弹窗数据 ManipulatorList: [], // 机械手弹窗数据
TrayStationPopoverList: [], // 码盘工位弹窗数据 TrayStationPopoverList: [], // 码盘工位弹窗数据
TrappedShelf40List: [], // 困料货架弹窗
showModal: false, showModal: false,
machine: '', machine: '',
top: '', top: '',
left: '', left: '',
foldlineStyle: '', foldlineStyle: '',
pkObj: {} pkObj: {},
pkId: ''
} }
}, },
mounted () { mounted () {
this._workshopCondition() this._workshopCondition()
this._moldingMaterialCondition() this._moldingMaterialCondition()
this._trappedMaterialCondition()
// this.refresh() // this.refresh()
}, },
beforeDestroy () { beforeDestroy () {
@@ -699,6 +805,7 @@ export default {
this.timer = setInterval(() => { this.timer = setInterval(() => {
this._workshopCondition() this._workshopCondition()
this._moldingMaterialCondition() this._moldingMaterialCondition()
this._trappedMaterialCondition()
}, this.interTime) }, this.interTime)
}, },
async _workshopCondition () { async _workshopCondition () {
@@ -722,6 +829,14 @@ export default {
this.TrayStationPopoverList = [...res.result.TrayStationPopoverList] this.TrayStationPopoverList = [...res.result.TrayStationPopoverList]
} }
}, },
// 困料货架弹窗
async _trappedMaterialCondition () {
let res = await trappedMaterialCondition()
if (res.code === 200) {
this.TrappedShelf40List = [...res.result.TrappedShelf40List]
console.log(this.TrappedShelf40List)
}
},
expandTooltip () { expandTooltip () {
this.expand = !this.expand this.expand = !this.expand
}, },
@@ -750,6 +865,7 @@ export default {
this.showModal = false this.showModal = false
this.machine = '' this.machine = ''
this.pkObj = {} this.pkObj = {}
this.pkId = ''
}, },
yjInfo (m, type) { yjInfo (m, type) {
this.machine = m this.machine = m
@@ -979,6 +1095,14 @@ export default {
} }
} }
this.showModal = true this.showModal = true
},
klhjInfo (e) {
this.pkId = this.pkId === e.point_code ? '' : e.point_code
this.pkObj = this.pkId === e.point_code ? e : {}
},
closeModal1 () {
this.pkId = ''
this.pkObj = {}
} }
} }
} }
@@ -1066,11 +1190,7 @@ export default {
transform: rotate(90deg); transform: rotate(90deg);
.lz .lz
position relative position relative
width 100% _wh(100%,4.96%)
height 4.4%
img
position absolute
_wh(100%, 100%)
.mgt5 .mgt5
margin-top 45% margin-top 45%
.kl_wrap_2 .kl_wrap_2
@@ -1469,12 +1589,14 @@ export default {
right: 8.8%; right: 8.8%;
transform rotate(90deg); transform rotate(90deg);
.lz_1 .lz_1
width 100% _wh(100%, 19.011%)
img
position relative
.lz_2 .lz_2
top auto &:nth-child(2)
bottom 0 top 43%
&:nth-child(3)
top 62%
&:nth-child(4)
top 81%
.yjlz_wrap_2 .yjlz_wrap_2
right 24.5% right 24.5%
.yjlz_wrap_3 .yjlz_wrap_3
@@ -1576,4 +1698,13 @@ export default {
transform: rotateZ(15deg) transform: rotateZ(15deg)
} }
} }
.popup_block_wraper_1
position absolute
top: -1029%;
left: -828%
z-index 10
transform rotate(-90deg)
.foldline_left
transform rotate(0deg)
top 34%
</style> </style>