首页、成型

This commit is contained in:
2023-06-13 18:55:59 +08:00
parent 53edb7b110
commit 660f87af32
6 changed files with 368 additions and 283 deletions

View File

@@ -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