首页、成型
This commit is contained in:
@@ -64,10 +64,12 @@
|
||||
</div>
|
||||
<div class="yaji_wrap">
|
||||
<div class="machine_wrap yj_wrap_1">
|
||||
<div class="sh_machine yj_info_wrap">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap">
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[0].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[0].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[0].now_capacity}}</p>
|
||||
</div>
|
||||
<div class="bg_line"></div>
|
||||
</div>
|
||||
<div class="sh_machine weilan">
|
||||
@@ -77,23 +79,23 @@
|
||||
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
|
||||
</div>
|
||||
<div v-if="PressMachineList.length > 0" class="sh_machine yyj">
|
||||
<img v-show="PressMachineList[0].device_status === 0" src="../../../images/workshop/yj_2500_gray.png" alt="">
|
||||
<img v-show="PressMachineList[0].device_status === 1" src="../../../images/workshop/yj_2500_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[0].device_status === 2" src="../../../images/workshop/yj_2500_green.png" alt="">
|
||||
<img v-show="PressMachineList[0].device_status === 3" src="../../../images/workshop/yj_2500_red.png" alt="">
|
||||
<img v-show="String(PressMachineList[0].device_status) === '0'" src="../../../images/workshop/yj_2500_gray.png" alt="">
|
||||
<img v-show="String(PressMachineList[0].device_status) === '1'" src="../../../images/workshop/yj_2500_yellow.png" alt="">
|
||||
<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 v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
|
||||
<img v-show="StackingPositionList[0].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
|
||||
<img v-show="StackingPositionList[0].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
|
||||
<img v-show="StackingPositionList[0].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
|
||||
<img v-show="StackingPositionList[0].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
|
||||
<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="">
|
||||
<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>
|
||||
<div v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2">
|
||||
<img v-show="StackingPositionList[1].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="">
|
||||
<img v-show="StackingPositionList[1].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="">
|
||||
<img v-show="StackingPositionList[1].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="">
|
||||
<img v-show="StackingPositionList[1].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="">
|
||||
<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>
|
||||
<div class="sh_machine robot">
|
||||
<img src="../../../images/workshop/robot_2500_green.png" alt="">
|
||||
@@ -105,10 +107,12 @@
|
||||
|
||||
</div>
|
||||
<div class="machine_wrap yj_wrap_1 yj_wrap_2">
|
||||
<div class="sh_machine yj_info_wrap">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap">
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[1].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[1].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[1].now_capacity}}</p>
|
||||
</div>
|
||||
<div class="bg_line"></div>
|
||||
</div>
|
||||
<div class="sh_machine weilan">
|
||||
@@ -118,10 +122,10 @@
|
||||
<img src="../../../images/workshop/jzjcss_yellow.png" alt="">
|
||||
</div>
|
||||
<div v-if="PressMachineList.length > 0" class="sh_machine yyj">
|
||||
<img v-show="PressMachineList[1].device_status === 0" src="../../../images/workshop/yj_2500_gray.png" alt="">
|
||||
<img v-show="PressMachineList[1].device_status === 1" src="../../../images/workshop/yj_2500_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[1].device_status === 2" src="../../../images/workshop/yj_2500_green.png" alt="">
|
||||
<img v-show="PressMachineList[1].device_status === 3" src="../../../images/workshop/yj_2500_red.png" alt="">
|
||||
<img v-show="String(PressMachineList[1].device_status) === '0'" src="../../../images/workshop/yj_2500_gray.png" alt="">
|
||||
<img v-show="String(PressMachineList[1].device_status) === '1'" src="../../../images/workshop/yj_2500_yellow.png" alt="">
|
||||
<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 v-if="StackingPositionList.length > 0" class="sh_machine kongtuopan_1">
|
||||
@@ -143,16 +147,20 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap yj_wrap_1 yj_wrap_3">
|
||||
<div class="sh_machine yj_info_wrap">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap">
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[2].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[2].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[2].now_capacity}}</p>
|
||||
</div>
|
||||
<div class="bg_line"></div>
|
||||
</div>
|
||||
<div class="sh_machine yj_info_wrap yj_info_wrap_1">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap yj_info_wrap_1">
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[3].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[3].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[3].now_capacity}}</p>
|
||||
</div>
|
||||
<div class="bg_line"></div>
|
||||
</div>
|
||||
<div class="sh_machine blj_1">
|
||||
@@ -162,16 +170,16 @@
|
||||
<img src="../../../images/workshop/blj.png" alt="">
|
||||
</div>
|
||||
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
|
||||
<img v-show="PressMachineList[2].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<img v-show="PressMachineList[2].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[2].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
|
||||
<img v-show="PressMachineList[2].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
|
||||
<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 v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
|
||||
<img v-show="PressMachineList[3].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<img v-show="PressMachineList[3].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[3].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
|
||||
<img v-show="PressMachineList[3].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
|
||||
<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 class="sh_machine weilan">
|
||||
<img src="../../../images/workshop/weilan_3.png" alt="">
|
||||
@@ -214,32 +222,36 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5">
|
||||
<div class="sh_machine yj_info_wrap">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap">
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[4].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[4].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[4].now_capacity}}</p>
|
||||
</div>
|
||||
<div class="bg_line"></div>
|
||||
</div>
|
||||
<div class="sh_machine yj_info_wrap yj_info_wrap_1">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap yj_info_wrap_1">
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[5].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[5].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[5].now_capacity}}</p>
|
||||
</div>
|
||||
<div class="bg_line"></div>
|
||||
</div>
|
||||
<div class="sh_machine blj_1">
|
||||
<img src="../../../images/workshop/blj.png" alt="">
|
||||
</div>
|
||||
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
|
||||
<img v-show="PressMachineList[4].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<img v-show="PressMachineList[4].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[4].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
|
||||
<img v-show="PressMachineList[4].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
|
||||
<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 v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
|
||||
<img v-show="PressMachineList[5].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<img v-show="PressMachineList[5].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[5].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
|
||||
<img v-show="PressMachineList[5].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
|
||||
<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 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="">
|
||||
@@ -267,20 +279,22 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_7">
|
||||
<div class="sh_machine yj_info_wrap">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap">
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[6].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[6].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[6].now_capacity}}</p>
|
||||
</div>
|
||||
<div class="bg_line"></div>
|
||||
</div>
|
||||
<div class="sh_machine blj_1">
|
||||
<img src="../../../images/workshop/blj.png" alt="">
|
||||
</div>
|
||||
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
|
||||
<img v-show="PressMachineList[6].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<img v-show="PressMachineList[6].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[6].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
|
||||
<img v-show="PressMachineList[6].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
|
||||
<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 class="sh_machine weilan">
|
||||
<img src="../../../images/workshop/weilan_6.png" alt="">
|
||||
@@ -305,32 +319,36 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8">
|
||||
<div class="sh_machine yj_info_wrap">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap">
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[7].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[7].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[7].now_capacity}}</p>
|
||||
</div>
|
||||
<div class="bg_line"></div>
|
||||
</div>
|
||||
<div class="sh_machine yj_info_wrap yj_info_wrap_1">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap yj_info_wrap_1">
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[8].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[8].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[8].now_capacity}}</p>
|
||||
</div>
|
||||
<div class="bg_line"></div>
|
||||
</div>
|
||||
<div class="sh_machine blj_1 blj_2">
|
||||
<img src="../../../images/workshop/blj.png" alt="">
|
||||
</div>
|
||||
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1">
|
||||
<img v-show="PressMachineList[7].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<img v-show="PressMachineList[7].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[7].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
|
||||
<img v-show="PressMachineList[7].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
|
||||
<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 v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
|
||||
<img v-show="PressMachineList[8].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<img v-show="PressMachineList[8].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[8].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
|
||||
<img v-show="PressMachineList[8].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
|
||||
<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 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="">
|
||||
@@ -391,20 +409,22 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8 yj_wrap_10">
|
||||
<div class="sh_machine yj_info_wrap yj_info_wrap_1">
|
||||
<p>2023-6-10</p>
|
||||
<p>成品1</p>
|
||||
<p>367</p>
|
||||
<div v-if="PressMachineList.length > 0" class="yj_info_wrap yj_info_wrap_1">
|
||||
<div class="bg_line"></div>
|
||||
<div class="yj_info">
|
||||
<p><span>时间:</span>{{PressMachineList[9].open_time}}</p>
|
||||
<p><span>物料:</span>{{PressMachineList[9].material_code}}</p>
|
||||
<p><span>产能:</span>{{PressMachineList[9].now_capacity}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sh_machine cyj_1">
|
||||
<img src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
</div>
|
||||
<div v-if="PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2">
|
||||
<img v-show="PressMachineList[9].device_status === 0" src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<img v-show="PressMachineList[9].device_status === 1" src="../../../images/workshop/yj_630_yellow.png" alt="">
|
||||
<img v-show="PressMachineList[9].device_status === 2" src="../../../images/workshop/yj_630_green.png" alt="">
|
||||
<img v-show="PressMachineList[9].device_status === 3" src="../../../images/workshop/yj_630_red.png" alt="">
|
||||
<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 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="">
|
||||
@@ -420,20 +440,26 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap mtp_wrap_1">
|
||||
<div class="mtp" v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]" :key="i">
|
||||
<img src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<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}">
|
||||
<img v-show="String(e.stand_status_color) === '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.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<img v-show="String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="machine_wrap mtp_wrap_1 mtp_wrap_2">
|
||||
<div class="mtp" v-for="(e,i) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]" :key="i">
|
||||
<img src="../../../images/workshop/yj_630_gray.png" alt="">
|
||||
<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}">
|
||||
<img v-show="String(e.stand_status_color) === '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.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="">
|
||||
<img v-show="String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="style_block" style="left: calc(100% / 3);top:0;"></div>
|
||||
<!-- <div class="style_block" style="left: calc(100% / 3);top:0;"></div>
|
||||
<div class="style_block" style="background: green;left: calc(100% / 3);top:calc(100% / 3);"></div>
|
||||
<div class="style_block" style="left: calc(100% / 3);bottom: 0"></div>
|
||||
<div class="style_block" style="background: green;left: calc(200% / 3);top:0;"></div>
|
||||
@@ -441,7 +467,7 @@
|
||||
<div class="style_block" style="background: blue;left: calc(200% / 3);bottom: 0"></div>
|
||||
<div class="style_block" style="background: green;left: 0;top:0;"></div>
|
||||
<div class="style_block" style="left: 0;top:calc(100% / 3);"></div>
|
||||
<div class="style_block" style="background: green;left: 0;bottom: 0"></div>
|
||||
<div class="style_block" style="background: green;left: 0;bottom: 0"></div> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -459,7 +485,8 @@ export default {
|
||||
MixMachineList: [], // 混料机数据
|
||||
MixBlankingList: [], // 混料机下料位
|
||||
TrappedShelfList: [], // 困料位料盅
|
||||
StackingPositionList: [] // 压制码垛数据信息
|
||||
StackingPositionList: [], // 压制码垛数据信息
|
||||
TrappedMaterialShelfList: [] // 困料货架信息
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
@@ -483,6 +510,7 @@ export default {
|
||||
this.MixBlankingList = [...res.result.MixBlankingList]
|
||||
this.TrappedShelfList = [...res.result.TrappedShelfList]
|
||||
this.StackingPositionList = [...res.result.StackingPositionList]
|
||||
this.TrappedMaterialShelfList = [...res.result.TrappedMaterialShelfList]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -560,19 +588,24 @@ export default {
|
||||
left 0
|
||||
z-index 4
|
||||
_wh(100%, auto)
|
||||
.mtp_wrap_1
|
||||
width 1.5%
|
||||
height 7.4%
|
||||
right 27%
|
||||
top 86%
|
||||
transform rotate(90deg)
|
||||
.mtp
|
||||
.kl_wrap_1
|
||||
width 2%
|
||||
height: 98%;
|
||||
bottom: -33%;
|
||||
left: auto;
|
||||
right: 57.5%;
|
||||
transform: rotate(90deg);
|
||||
.lz
|
||||
position relative
|
||||
width 100%
|
||||
height 4.4%
|
||||
img
|
||||
_wh(100%, auto)
|
||||
.mtp_wrap_2
|
||||
right 27%
|
||||
top 90%
|
||||
position absolute
|
||||
_wh(100%, 100%)
|
||||
.mgt5
|
||||
margin-top 45%
|
||||
.kl_wrap_2
|
||||
bottom -40%
|
||||
.yaji_wrap
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@@ -604,22 +637,31 @@ export default {
|
||||
// left: 90.5%;
|
||||
left 87%
|
||||
.yj_info_wrap
|
||||
width 60%
|
||||
top: 0
|
||||
left: -64%
|
||||
padding: 5px
|
||||
_bis('../../../images/workshop/txtbg.png')
|
||||
transform rotate(-90deg)
|
||||
p
|
||||
_font(14px, 16px, #fff,,right)
|
||||
position absolute
|
||||
top 1%
|
||||
left -112%
|
||||
z-index 0
|
||||
width 130%
|
||||
_fj(row)
|
||||
.yj_info
|
||||
width 72%
|
||||
height 61px
|
||||
padding 5px
|
||||
background-image linear-gradient(to right, #067272, transparent)
|
||||
border 1px solid #00ffff
|
||||
border-radius 5px
|
||||
overflow hidden
|
||||
transform rotate(270deg) translateY(100%)
|
||||
p
|
||||
_font(13px, 17px, #00ffff,,left)
|
||||
border-bottom 0.5px solid #067272
|
||||
span
|
||||
color #fff
|
||||
&:last-child
|
||||
border none
|
||||
.bg_line
|
||||
position absolute
|
||||
_wh(65%, 2px)
|
||||
_wh(28%, 1px)
|
||||
background-color #03fcfd
|
||||
right: 18%;
|
||||
bottom: -69%;
|
||||
transform translate(-50%)
|
||||
transform rotate(-90deg)
|
||||
.yyj
|
||||
width 50%
|
||||
img
|
||||
@@ -682,13 +724,22 @@ export default {
|
||||
.yj_wrap_3
|
||||
left: 53%
|
||||
.yj_info_wrap
|
||||
top -15%
|
||||
top -10%
|
||||
width 148%
|
||||
.yj_info
|
||||
width 63%
|
||||
transform rotate(270deg) translateX(10%) translateY(100%)
|
||||
.bg_line
|
||||
width: 100%;
|
||||
left: 2%;
|
||||
bottom: -103%;
|
||||
width 37%
|
||||
.yj_info_wrap_1
|
||||
top 77%
|
||||
top 46%
|
||||
left: -143%;
|
||||
width 180%
|
||||
.yj_info
|
||||
width 51.8%
|
||||
transform rotate(270deg) translateY(100%)
|
||||
.bg_line
|
||||
width 48.2%
|
||||
.blj_1
|
||||
width: 18%;
|
||||
top: 14%;
|
||||
@@ -818,10 +869,10 @@ export default {
|
||||
right auto
|
||||
.yj_wrap_10
|
||||
top 55%
|
||||
.yj_info_wrap_1
|
||||
left 105%
|
||||
.bg_line
|
||||
top -105%
|
||||
.yj_info_wrap
|
||||
left 63%
|
||||
.yj_info
|
||||
transform: rotate(270deg) translateY(-100%)
|
||||
.cyj_1
|
||||
left auto
|
||||
right 0
|
||||
|
||||
Reference in New Issue
Block a user