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-14 18:25:51 +08:00
parent b8e5505305
commit 3d7a58529d
11 changed files with 351 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -84,7 +84,9 @@
<img v-show="String(PressMachineList[0].device_status) === '2'" src="../../../images/workshop/yj_2500_green.png" alt="">
<img v-show="String(PressMachineList[0].device_status) === '3'" src="../../../images/workshop/yj_2500_red.png" alt="">
</div>
<div class="sh_machine wzm"></div>
<div class="sh_machine wzm">
<p v-if="PressMachineList.length > 0">{{ PressMachineList[0].device_name }}</p>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<img v-show="String(StackingPositionList[0].color_status) === '0'" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="String(StackingPositionList[0].color_status) === '1'" src="../../../images/workshop/ktp_green.png" alt="">
@@ -97,8 +99,11 @@
<img v-show="String(StackingPositionList[1].color_status) === '2'" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="String(StackingPositionList[1].color_status) === '3'" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2500_green.png" alt="">
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot" :class="{'rotate_2500_1': String(ManipulatorInfoList[0].color_status) === '1'}">
<img v-show="String(ManipulatorInfoList[0].color_status) === '0'" src="../../../images/workshop/robot_2500_gray.png" alt="">
<img v-show="String(ManipulatorInfoList[0].color_status) === '1'" src="../../../images/workshop/robot_2500_green.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="">
</div>
<div class="sh_machine block_1">
</div>
@@ -127,7 +132,9 @@
<img v-show="String(PressMachineList[1].device_status) === '2'" src="../../../images/workshop/yj_2500_green.png" alt="">
<img v-show="String(PressMachineList[1].device_status) === '3'" src="../../../images/workshop/yj_2500_red.png" alt="">
</div>
<div class="sh_machine wzm"></div>
<div class="sh_machine wzm">
<p v-if="PressMachineList.length > 0">{{ PressMachineList[1].device_name }}</p>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<img v-show="StackingPositionList[2].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[2].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
@@ -140,8 +147,11 @@
<img v-show="StackingPositionList[3].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[3].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2500_green.png" alt="">
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot" :class="{'rotate_2500_2': String(ManipulatorInfoList[1].color_status) === '1'}">
<img v-show="String(ManipulatorInfoList[1].color_status) === '0'" src="../../../images/workshop/robot_2500_gray.png" alt="">
<img v-show="String(ManipulatorInfoList[1].color_status) === '1'" src="../../../images/workshop/robot_2500_green.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="">
</div>
<div class="sh_machine block_1 block_2">
</div>
@@ -170,16 +180,22 @@
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<img v-show="String(PressMachineList[2].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[2].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[2].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[2].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
<div class="cyj_img_wrap">
<p>{{ PressMachineList[2].device_name }}</p>
<img v-show="String(PressMachineList[2].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[2].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[2].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[2].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<img v-show="String(PressMachineList[3].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[3].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[3].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[3].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
<div class="cyj_img_wrap">
<p>{{ PressMachineList[3].device_name }}</p>
<img v-show="String(PressMachineList[3].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[3].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[3].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[3].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_3.png" alt="">
@@ -217,8 +233,11 @@
<img v-show="StackingPositionList[7].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[7].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2500_green.png" alt="">
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot" :class="{'rotate_630_1': String(ManipulatorInfoList[2].color_status) === '1'}">
<img v-show="String(ManipulatorInfoList[2].color_status) === '0'" src="../../../images/workshop/robot_2500_gray.png" alt="">
<img v-show="String(ManipulatorInfoList[2].color_status) === '1'" src="../../../images/workshop/robot_2500_green.png" alt="">
<img v-show="String(ManipulatorInfoList[2].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt="">
<img v-show="String(ManipulatorInfoList[2].color_status) === '3'" src="../../../images/workshop/robot_2500_yellow.png" alt="">
</div>
</div>
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5">
@@ -242,16 +261,22 @@
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<img v-show="String(PressMachineList[4].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[4].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[4].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[4].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
<div class="cyj_img_wrap">
<p>{{ PressMachineList[4].device_name }}</p>
<img v-show="String(PressMachineList[4].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[4].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[4].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[4].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<img v-show="String(PressMachineList[5].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[5].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[5].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[5].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
<div class="cyj_img_wrap">
<p>{{ PressMachineList[5].device_name }}</p>
<img v-show="String(PressMachineList[5].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[5].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[5].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[5].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<img v-show="StackingPositionList[8].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
@@ -291,10 +316,13 @@
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<img v-show="String(PressMachineList[6].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[6].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[6].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[6].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
<div class="cyj_img_wrap">
<p>{{ PressMachineList[6].device_name }}</p>
<img v-show="String(PressMachineList[6].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[6].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[6].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[6].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div class="sh_machine weilan">
<img src="../../../images/workshop/weilan_6.png" alt="">
@@ -314,8 +342,11 @@
<div class="sh_machine jcpmj">
<img src="../../../images/workshop/jcpmj.png" alt="">
</div>
<div class="sh_machine robot">
<img src="../../../images/workshop/robot_2500_green.png" alt="">
<div v-if="ManipulatorInfoList.length > 0" class="sh_machine robot" :class="{'rotate_630_2': String(ManipulatorInfoList[3].color_status) === '1'}">
<img v-show="String(ManipulatorInfoList[3].color_status) === '0'" src="../../../images/workshop/robot_2500_gray.png" alt="">
<img v-show="String(ManipulatorInfoList[3].color_status) === '1'" src="../../../images/workshop/robot_2500_green.png" alt="">
<img v-show="String(ManipulatorInfoList[3].color_status) === '2'" src="../../../images/workshop/robot_2500_red.png" alt="">
<img v-show="String(ManipulatorInfoList[3].color_status) === '3'" src="../../../images/workshop/robot_2500_yellow.png" alt="">
</div>
</div>
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8">
@@ -339,16 +370,22 @@
<img src="../../../images/workshop/blj.png" alt="">
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
<img v-show="String(PressMachineList[7].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[7].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[7].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[7].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
<div class="cyj_img_wrap">
<p>{{ PressMachineList[7].device_name }}</p>
<img v-show="String(PressMachineList[7].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[7].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[7].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[7].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<img v-show="String(PressMachineList[8].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[8].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[8].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[8].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
<div class="cyj_img_wrap">
<p>{{ PressMachineList[8].device_name }}</p>
<img v-show="String(PressMachineList[8].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[8].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[8].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[8].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
<img v-show="StackingPositionList[14].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
@@ -389,23 +426,33 @@
</div>
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_15">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
<div class="cyj_img_wrap">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
<div class="cyj_img_wrap">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
</div>
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_13">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
<div class="cyj_img_wrap">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
<div class="sh_machine cyj_1 cyj_2">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
<div class="cyj_img_wrap">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
</div>
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_7 yj_wrap_12">
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
<div class="cyj_img_wrap">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
</div>
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8 yj_wrap_10">
@@ -418,13 +465,18 @@
</div>
</div>
<div class="sh_machine cyj_1">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
<div class="cyj_img_wrap">
<img src="../../../images/workshop/yj_630_gray.png" alt="">
</div>
</div>
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
<img v-show="String(PressMachineList[9].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[9].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[9].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[9].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
<div class="cyj_img_wrap">
<p>{{ PressMachineList[9].device_name }}</p>
<img v-show="String(PressMachineList[9].device_status) === '0'" src="../../../images/workshop/yj_630_gray.png" alt="">
<img v-show="String(PressMachineList[9].device_status) === '1'" src="../../../images/workshop/yj_630_yellow.png" alt="">
<img v-show="String(PressMachineList[9].device_status) === '2'" src="../../../images/workshop/yj_630_green.png" alt="">
<img v-show="String(PressMachineList[9].device_status) === '3'" src="../../../images/workshop/yj_630_red.png" alt="">
</div>
</div>
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3">
<img v-show="StackingPositionList[19].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
@@ -486,7 +538,8 @@ export default {
MixBlankingList: [], // 混料机下料位
TrappedShelfList: [], // 困料位料盅
StackingPositionList: [], // 压制码垛数据信息
TrappedMaterialShelfList: [] // 困料货架信息
TrappedMaterialShelfList: [], // 困料货架信息
ManipulatorInfoList: [] // 机械手数据
}
},
mounted () {
@@ -511,6 +564,7 @@ export default {
this.TrappedShelfList = [...res.result.TrappedShelfList]
this.StackingPositionList = [...res.result.StackingPositionList]
this.TrappedMaterialShelfList = [...res.result.TrappedMaterialShelfList]
this.ManipulatorInfoList = [...res.result.ManipulatorInfoList]
}
}
}
@@ -672,6 +726,10 @@ export default {
background-color #d9d9d9
top auto
bottom 0
_fj(row,center)
p
_font(15px,17px,#333,,)
transform rotate(-90deg)
.jzjcss
width: 24%;
left: 51%;
@@ -749,13 +807,19 @@ export default {
.cyj_1
width 50%
height 50%
img
width 28%
.cyj_img_wrap
position absolute
_wh(28%, 91.49%)
left auto
right 0
_fj(row, center)
p
position relative
z-index 7
_font(15px,17px,#333,,)
.cyj_2
top 50%
img
.cyj_img_wrap
top auto
bottom 0
.jzjcj_1
@@ -848,7 +912,7 @@ export default {
.cyj_1
left auto
right 0
img
.cyj_img_wrap
left 0
right auto
.yj_wrap_13
@@ -856,7 +920,7 @@ export default {
.cyj_1
left auto
right 0
img
.cyj_img_wrap
left 0
right auto
.yj_wrap_12
@@ -864,7 +928,7 @@ export default {
.cyj_1
left auto
right 0
img
.cyj_img_wrap
left 0
right auto
.yj_wrap_10
@@ -876,7 +940,7 @@ export default {
.cyj_1
left auto
right 0
img
.cyj_img_wrap
left 0
right auto
.kongtuopan_1