This commit is contained in:
2023-06-16 18:22:51 +08:00
parent de8af9f03d
commit 3e96822ed2
4 changed files with 525 additions and 63 deletions

View File

@@ -117,12 +117,20 @@
<img v-show="String(StackingPositionList[0].color_status) === '1'" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="String(StackingPositionList[0].color_status) === '2'" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="String(StackingPositionList[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="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<img v-show="String(StackingPositionList[1].color_status) === '0'" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="String(StackingPositionList[1].color_status) === '1'" src="../../../images/workshop/ktp_green.png" alt="">
<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 class="zhuan_qty">
<p>200</p>
<div class="zhuan_bg_arrow"></div>
</div>
</div>
<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="">
@@ -165,12 +173,20 @@
<img v-show="StackingPositionList[2].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[2].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[2].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="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<img v-show="StackingPositionList[3].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[3].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<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 class="zhuan_qty">
<p>200</p>
<div class="zhuan_bg_arrow"></div>
</div>
</div>
<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="">
@@ -239,24 +255,40 @@
<img v-show="StackingPositionList[4].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[4].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[4].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="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<img v-show="StackingPositionList[5].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[5].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[5].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[5].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="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3">
<img v-show="StackingPositionList[6].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[6].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[6].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[6].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="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4">
<img v-show="StackingPositionList[7].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[7].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<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 class="zhuan_qty">
<p>200</p>
<div class="zhuan_bg_arrow"></div>
</div>
</div>
<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="">
@@ -357,12 +389,20 @@
<img v-show="StackingPositionList[12].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[12].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[12].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="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
<img v-show="StackingPositionList[13].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
<img v-show="StackingPositionList[13].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
<img v-show="StackingPositionList[13].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
<img v-show="StackingPositionList[13].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 class="sh_machine jcpmj">
<img src="../../../images/workshop/jcpmj.png" alt="">
@@ -1395,11 +1435,47 @@ export default {
top: -800%;
left: -2000%;
.kongtuopan_1
width: 12%;
_wh(12%, 12%)
top: 81%;
left: 61%;
.zhuan_qty
position absolute
bottom -30px
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;
top -5px
right 10%
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px
border-top-width: 0;
border-bottom-color: #0ff;
&:after
content: " ";
border-width: 5px;
.kongtuopan_2
left: 74%;
.zhuan_qty
right auto
left 0
.zhuan_bg_arrow
right auto
left 10%
.block_1
width: 10%;
height: 9%;
@@ -1413,11 +1489,24 @@ export default {
.robot
transform: rotate(-46deg)
.kongtuopan_1
top 37%
top 31%
left 85%
transform rotate(90deg)
img
transform rotate(90deg)
.zhuan_qty
bottom auto
top 0
right auto
left 32px
.zhuan_bg_arrow
border-color: transparent;
border-width: 5px;
border-left-width: 0;
border-right-color: #0ff;
top: 20%;
left: -5px;
.kongtuopan_2
top 76%
top 80%
.weilan
top 16%
.block_2
@@ -1482,25 +1571,60 @@ export default {
.kongtuopan_1
top: 21%
left: 64%;
.zhuan_qty
bottom auto
top -47px
.zhuan_bg_arrow
border-color: transparent;
border-width: 5px;
border-bottom-width: 0;
border-top-color: #0ff;
top auto
bottom -5px
.kongtuopan_2
left: 80%;
.kongtuopan_3
top: 64%
.zhuan_qty
bottom -47px
top auto
.zhuan_bg_arrow
border-color: transparent;
border-width: 5px;
border-top-width: 0;
border-bottom-color: #0ff;
top -5px
bottom auto
.kongtuopan_4
top: 64%
left: 80%;
.zhuan_qty
bottom -47px
top auto
right auto
left 0
.zhuan_bg_arrow
border-color: transparent;
border-width: 5px;
border-top-width: 0;
border-bottom-color: #0ff;
top -5px
bottom auto
right auto
left 10%
.yj_wrap_5
top 61%
.kongtuopan_1
top: 14%;
top: 7%;
left: 64%;
transform rotate(90deg)
img
transform rotate(90deg)
.kongtuopan_2
top 30%
top 25%
.kongtuopan_3
top 70%
top 62%
.kongtuopan_4
top 86%
top 80%
.yj_wrap_7
top 75%
.yj_info_wrap
@@ -1518,11 +1642,24 @@ export default {
left: 75%
transform: rotate(15deg);
.kongtuopan_1
top 43%
top 35%
left 90%
transform rotate(90deg)
img
transform rotate(90deg)
.zhuan_qty
bottom auto
top 0
right auto
left 32px
.zhuan_bg_arrow
border-color: transparent;
border-width: 5px;
border-left-width: 0;
border-right-color: #0ff;
top: 20%;
left: -5px;
.kongtuopan_2
top: 63%
top: 59%
.jcpmj
width: 18%;
top: 12%;
@@ -1578,7 +1715,8 @@ export default {
.kongtuopan_1
left auto
right 64%
transform rotate(-90deg)
img
transform rotate(-90deg)
.kl_wrap_1
width 2%
height 63%