2023-06-06 00:15:25 +08:00
< template >
< div class = "n_container" >
< div class = "n_header" >
< div class = "n_header_h1" >
< h1 > 晟华生产数 < / h1 >
< / div >
< / div >
< div class = "n_body_container" >
< div class = "n_body_container_wraper" >
< div class = "status_wrap" >
< div class = "status_item" >
< div class = "status_tip green" > < / div >
< div class = "status_name" > 运行中 / 困料中 < / div >
< / div >
< div class = "status_item" >
< div class = "status_tip yellow" > < / div >
< div class = "status_name" > 待机 / 困料完成 < / div >
< / div >
< div class = "status_item" >
< div class = "status_tip gray" > < / div >
< div class = "status_name" > 关机 < / div >
< / div >
< div class = "status_item" >
< div class = "status_tip red" > < / div >
< div class = "status_name" > 故障 / 困料超时 < / div >
< / div >
< / div >
< div class = "center_content" >
2023-06-13 16:18:51 +08:00
< div v-if = "TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1" >
< div class = "sh_machine lz_1" >
< img : class = "TrappedShelfList[0].point_status === '0' ? 'hidden': ''" src = "../../../images/workshop/lz.png" alt = "" >
< / div >
< div class = "sh_machine lz_1 lz_2" >
< img v-for = "(e,i) in TrappedShelfList.slice(1, 4)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="e.point_status === '0' ? 'hidden': ''" >
< / div >
< / div >
< div v-if = "TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1 yjlz_wrap_2" >
< div class = "sh_machine lz_1" >
< img : class = "TrappedShelfList[4].point_status === '0' ? 'hidden': ''" src = "../../../images/workshop/lz.png" alt = "" >
< / div >
< div class = "sh_machine lz_1 lz_2" >
< img v-for = "(e,i) in TrappedShelfList.slice(5)" :key="i" src="../../../images/workshop/lz.png" alt="" :class="e.point_status === '0' ? 'hidden': ''" >
< / div >
< / div >
< div class = "machine_wrap yjlz_wrap_1 yjlz_wrap_3" >
< div class = "sh_machine lz_1" >
< img src = "../../../images/workshop/lz.png" alt = "" >
2023-06-06 15:00:01 +08:00
< / div >
2023-06-13 16:18:51 +08:00
< / div >
< div class = "machine_wrap yjlz_wrap_1 yjlz_wrap_5" >
< div class = "sh_machine lz_1" >
< img src = "../../../images/workshop/lz.png" alt = "" >
< / div >
< / div >
< div class = "machine_wrap yjlz_wrap_1 yjlz_wrap_7" >
< div class = "sh_machine lz_1" >
< img src = "../../../images/workshop/lz.png" alt = "" >
< / div >
< / div >
< div class = "machine_wrap yjlz_wrap_1 yjlz_wrap_8" >
< div class = "sh_machine lz_1" >
< img src = "../../../images/workshop/lz.png" alt = "" >
< / div >
< / div >
< div class = "yaji_wrap" >
< div class = "machine_wrap yj_wrap_1" >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< div class = "bg_line" > < / div >
< / div >
< div class = "sh_machine weilan" >
< img src = "../../../images/workshop/weilan_2.png" alt = "" >
< / div >
< div class = "sh_machine jzjcss" >
< img src = "../../../images/workshop/jzjcss_yellow.png" alt = "" >
< / div >
< div v-if = "PressMachineList.length > 0" class="sh_machine yyj" >
2023-06-13 18:55:59 +08:00
< 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="" >
2023-06-13 16:18:51 +08:00
< / div >
2023-06-14 18:25:51 +08:00
< div class = "sh_machine wzm" >
< p v-if = "PressMachineList.length > 0" > {{ PressMachineList [ 0 ] .device_name }} < / p >
< / div >
2023-06-13 16:18:51 +08:00
< div v-if = "StackingPositionList.length > 0" class="sh_machine kongtuopan_1" >
2023-06-13 18:55:59 +08:00
< 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="" >
2023-06-13 16:18:51 +08:00
< / div >
< div v-if = "StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_2" >
2023-06-13 18:55:59 +08:00
< 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="" >
2023-06-13 16:18:51 +08:00
< / div >
2023-06-14 18:25:51 +08:00
< 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="" >
2023-06-13 16:18:51 +08:00
< / div >
< div class = "sh_machine block_1" >
< / div >
< div class = "sh_machine block_1 block_2" >
< / div >
2023-06-12 10:27:09 +08:00
2023-06-13 16:18:51 +08:00
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_2" >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< div class = "bg_line" > < / div >
< / div >
< div class = "sh_machine weilan" >
< img src = "../../../images/workshop/weilan_1.png" alt = "" >
< / div >
< div class = "sh_machine jzjcss" >
< img src = "../../../images/workshop/jzjcss_yellow.png" alt = "" >
< / div >
< div v-if = "PressMachineList.length > 0" class="sh_machine yyj" >
2023-06-13 18:55:59 +08:00
< 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="" >
2023-06-09 18:36:09 +08:00
< / div >
2023-06-14 18:25:51 +08:00
< div class = "sh_machine wzm" >
< p v-if = "PressMachineList.length > 0" > {{ PressMachineList [ 1 ] .device_name }} < / p >
< / div >
2023-06-13 16:18:51 +08:00
< 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="" >
< 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 >
< 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 >
2023-06-14 18:25:51 +08:00
< 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="" >
2023-06-13 16:18:51 +08:00
< / div >
< div class = "sh_machine block_1 block_2" >
2023-06-06 15:00:01 +08:00
< / div >
< / div >
2023-06-13 16:18:51 +08:00
< div class = "machine_wrap yj_wrap_1 yj_wrap_3" >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< div class = "bg_line" > < / div >
< / div >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< div class = "bg_line" > < / div >
< / div >
< div class = "sh_machine blj_1" >
< img src = "../../../images/workshop/blj.png" alt = "" >
< / 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" >
2023-06-14 18:25:51 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< / div >
< div v-if = "PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2" >
2023-06-14 18:25:51 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< / div >
< div class = "sh_machine weilan" >
< img src = "../../../images/workshop/weilan_3.png" alt = "" >
< / div >
< div class = "sh_machine jzjcj_1" >
< img src = "../../../images/workshop/jzjcj_630.png" alt = "" >
< / div >
< div class = "sh_machine jzjcj_1 jzjcj_2" >
< img src = "../../../images/workshop/jzjcj_630.png" alt = "" >
< / div >
< div class = "sh_machine lmyzj" >
< img src = "../../../images/workshop/lmyzj_630.png" alt = "" >
< / div >
< div v-if = "StackingPositionList.length > 0" class="sh_machine kongtuopan_1" >
< img v-show = "StackingPositionList[4].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="" >
< 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 >
< 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 >
< 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 >
< 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 >
2023-06-14 18:25:51 +08:00
< 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="" >
2023-06-06 15:00:01 +08:00
< / div >
< / div >
2023-06-13 16:18:51 +08:00
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5" >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< div class = "bg_line" > < / div >
< / div >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< 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" >
2023-06-14 18:25:51 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< / div >
< div v-if = "PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2" >
2023-06-14 18:25:51 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< / 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="" >
< img v-show = "StackingPositionList[8].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[8].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[8].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[9].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="" >
< img v-show = "StackingPositionList[9].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[9].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[9].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="" >
< / div >
< div v-if = "StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3" >
< img v-show = "StackingPositionList[10].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="" >
< img v-show = "StackingPositionList[10].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[10].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[10].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="" >
< / div >
< div v-if = "StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4" >
< img v-show = "StackingPositionList[11].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="" >
< img v-show = "StackingPositionList[11].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[11].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[11].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="" >
2023-06-06 15:00:01 +08:00
< / div >
< / div >
2023-06-13 16:18:51 +08:00
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_7" >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< 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" >
2023-06-14 18:25:51 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< / div >
< div class = "sh_machine weilan" >
< img src = "../../../images/workshop/weilan_6.png" alt = "" >
< / div >
< div v-if = "StackingPositionList.length > 0" class="sh_machine kongtuopan_1" >
< img v-show = "StackingPositionList[12].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="" >
< 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 >
< 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 >
< div class = "sh_machine jcpmj" >
< img src = "../../../images/workshop/jcpmj.png" alt = "" >
< / div >
2023-06-14 18:25:51 +08:00
< 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="" >
2023-06-13 16:18:51 +08:00
< / div >
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8" >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< div class = "bg_line" > < / div >
< / div >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< 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" >
2023-06-14 18:25:51 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< / div >
< div v-if = "PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2" >
2023-06-14 18:25:51 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< / 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="" >
< img v-show = "StackingPositionList[14].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[14].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[14].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[15].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="" >
< img v-show = "StackingPositionList[15].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[15].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[15].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="" >
< / div >
< div v-if = "StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_3" >
< img v-show = "StackingPositionList[16].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="" >
< img v-show = "StackingPositionList[16].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[16].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[16].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="" >
< / div >
< div v-if = "StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4" >
< img v-show = "StackingPositionList[17].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="" >
< img v-show = "StackingPositionList[17].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[17].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[17].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="" >
< / div >
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_17" >
< div class = "sh_machine yyj" >
< img src = "../../../images/workshop/yj_2500_gray.png" alt = "" >
< / div >
< div class = "sh_machine wzm" > < / div >
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_2 yj_wrap_17" >
< div class = "sh_machine yyj" >
< img src = "../../../images/workshop/yj_2500_gray.png" alt = "" >
< / div >
< div class = "sh_machine wzm" > < / div >
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_15" >
< div class = "sh_machine cyj_1" >
2023-06-14 18:25:51 +08:00
< div class = "cyj_img_wrap" >
< img src = "../../../images/workshop/yj_630_gray.png" alt = "" >
< / div >
2023-06-13 16:18:51 +08:00
< / div >
< div class = "sh_machine cyj_1 cyj_2" >
2023-06-14 18:25:51 +08:00
< div class = "cyj_img_wrap" >
< img src = "../../../images/workshop/yj_630_gray.png" alt = "" >
< / div >
2023-06-06 15:00:01 +08:00
< / div >
< / div >
2023-06-13 16:18:51 +08:00
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_13" >
< div class = "sh_machine cyj_1" >
2023-06-14 18:25:51 +08:00
< div class = "cyj_img_wrap" >
< img src = "../../../images/workshop/yj_630_gray.png" alt = "" >
< / div >
2023-06-13 16:18:51 +08:00
< / div >
< div class = "sh_machine cyj_1 cyj_2" >
2023-06-14 18:25:51 +08:00
< div class = "cyj_img_wrap" >
< img src = "../../../images/workshop/yj_630_gray.png" alt = "" >
< / div >
2023-06-06 15:00:01 +08:00
< / div >
< / div >
2023-06-13 16:18:51 +08:00
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_7 yj_wrap_12" >
< div class = "sh_machine cyj_1" >
2023-06-14 18:25:51 +08:00
< div class = "cyj_img_wrap" >
< img src = "../../../images/workshop/yj_630_gray.png" alt = "" >
< / div >
2023-06-06 15:00:01 +08:00
< / div >
< / div >
2023-06-13 16:18:51 +08:00
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8 yj_wrap_10" >
2023-06-13 18:55:59 +08:00
< div v-if = "PressMachineList.length > 0" class="yj_info_wrap yj_info_wrap_1" >
2023-06-13 16:18:51 +08:00
< div class = "bg_line" > < / div >
2023-06-13 18:55:59 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< / div >
< div class = "sh_machine cyj_1" >
2023-06-14 18:25:51 +08:00
< div class = "cyj_img_wrap" >
< img src = "../../../images/workshop/yj_630_gray.png" alt = "" >
< / div >
2023-06-06 15:00:01 +08:00
< / div >
2023-06-13 16:18:51 +08:00
< div v-if = "PressMachineList.length > 0" class="sh_machine cyj_1 cyj_2" >
2023-06-14 18:25:51 +08:00
< 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 >
2023-06-13 16:18:51 +08:00
< / 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="" >
< img v-show = "StackingPositionList[19].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[19].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[19].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="" >
< / div >
< div v-if = "StackingPositionList.length > 0" class="sh_machine kongtuopan_1 kongtuopan_4" >
< img v-show = "StackingPositionList[18].color_status === 0" src="../../../images/workshop/ktp_gray.png" alt="" >
< img v-show = "StackingPositionList[18].color_status === 1" src="../../../images/workshop/ktp_green.png" alt="" >
< img v-show = "StackingPositionList[18].color_status === 2" src="../../../images/workshop/ktp_red.png" alt="" >
< img v-show = "StackingPositionList[18].color_status === 3" src="../../../images/workshop/ktp_yellow.png" alt="" >
< / div >
2023-06-06 15:00:01 +08:00
< / div >
2023-06-13 16:18:51 +08:00
< / div >
2023-06-13 18:55:59 +08:00
< 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="" >
2023-06-13 16:18:51 +08:00
< / div >
< / div >
2023-06-13 18:55:59 +08:00
< 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="" >
2023-06-13 16:18:51 +08:00
< / div >
< / div >
2023-06-06 00:15:25 +08:00
< / div >
< / div >
< / div >
2023-06-13 18:55:59 +08:00
<!-- < div class = "style_block" style = "left: calc(100% / 3);top:0;" > < / div >
2023-06-13 16:18:51 +08:00
< 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 >
< div class = "style_block" style = "left: calc(200% / 3);top:calc(100% / 3);" > < / div >
< 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 >
2023-06-13 18:55:59 +08:00
< div class = "style_block" style = "background: green;left: 0;bottom: 0" > < / div > -- >
2023-06-06 00:15:25 +08:00
< / div >
< / template >
2023-06-12 10:27:09 +08:00
< script >
import { workshopCondition } from '@js/getData2'
export default {
data ( ) {
return {
interTime : this . $store . getters . setTime ,
timer : null ,
myCharts1 : '' ,
myCharts2 : '' ,
myCharts3 : '' ,
PressMachineList : [ ] , // 压机数据
MixMachineList : [ ] , // 混料机数据
MixBlankingList : [ ] , // 混料机下料位
2023-06-13 16:18:51 +08:00
TrappedShelfList : [ ] , // 困料位料盅
2023-06-13 18:55:59 +08:00
StackingPositionList : [ ] , // 压制码垛数据信息
2023-06-14 18:25:51 +08:00
TrappedMaterialShelfList : [ ] , // 困料货架信息
ManipulatorInfoList : [ ] // 机械手数据
2023-06-12 10:27:09 +08:00
}
} ,
mounted ( ) {
this . _workshopCondition ( )
// this.refresh()
} ,
beforeDestroy ( ) {
clearInterval ( this . timer )
} ,
methods : {
refresh ( ) {
this . timer = setInterval ( ( ) => {
this . _workshopCondition ( )
} , this . interTime )
} ,
async _workshopCondition ( ) {
let res = await workshopCondition ( )
if ( res . code === 200 ) {
this . PressMachineList = [ ... res . result . PressMachineList ]
this . MixMachineList = [ ... res . result . MixMachineList ]
this . MixBlankingList = [ ... res . result . MixBlankingList ]
this . TrappedShelfList = [ ... res . result . TrappedShelfList ]
2023-06-13 16:18:51 +08:00
this . StackingPositionList = [ ... res . result . StackingPositionList ]
2023-06-13 18:55:59 +08:00
this . TrappedMaterialShelfList = [ ... res . result . TrappedMaterialShelfList ]
2023-06-14 18:25:51 +08:00
this . ManipulatorInfoList = [ ... res . result . ManipulatorInfoList ]
2023-06-12 10:27:09 +08:00
}
}
}
}
< / script >
2023-06-06 00:15:25 +08:00
< style lang = "stylus" scoped >
@ import '~@css/mixin'
. n _container
2023-06-13 16:18:51 +08:00
position relative
2023-06-06 00:15:25 +08:00
_wh ( 100 % , 100 % )
2023-06-06 15:00:01 +08:00
overflow hidden
2023-06-06 00:15:25 +08:00
. n _header
_wh ( 100 % , 8 % )
_bis ( '../../../images/bg_header.jpg' )
. n _header _h1
_wh ( 100 % , 100 % )
_fj ( row , flex - end )
_bis ( '../../../images/top_left.png' , auto , , right )
h1
_font ( 32 px , 1 , # fff , , right )
padding - bottom 2 %
letter - spacing 6 px
font - family "阿里妈妈数黑体" ! important
margin - right - 3 px
. n _body _container
_wh ( 100 % , 92 % )
padding 40 px 0 20 px 20 px
_bis ( '../../../images/bg_content_l.jpg' )
. n _body _container _wraper
_wh ( 100 % , 100 % )
position relative
2023-06-13 16:18:51 +08:00
z - index 1
2023-06-06 00:15:25 +08:00
. center _content
_wh ( 100 % , 100 % )
position relative
z - index 0
. status _wrap
position absolute
top - 26 px
right 40 px
z - index 1
_fj ( row )
. status _item
_fj ( row )
+ . status _item
margin - left 20 px
. status _tip
_wh ( 15 px , 15 px )
border - radius 50 %
margin - right 10 px
box - shadow 0 px 0 px 4 px 0 px rgba ( 33 , 121 , 195 , 0.88 )
. status _name
_font ( 16 px , 1 , # fff )
. green
background - color $green2
. yellow
background - color $yellow
. gray
background - color $gray1
. red
background - color $orange
. machine _wrap
position absolute
z - index 2
. sh _machine
position absolute
top 0
left 0
z - index 3
width 100 %
img
position absolute
top 0
left 0
z - index 4
_wh ( 100 % , auto )
2023-06-13 18:55:59 +08:00
. kl _wrap _1
width 2 %
height : 98 % ;
bottom : - 33 % ;
left : auto ;
right : 57.5 % ;
transform : rotate ( 90 deg ) ;
. lz
position relative
2023-06-06 15:00:01 +08:00
width 100 %
2023-06-13 18:55:59 +08:00
height 4.4 %
2023-06-06 15:00:01 +08:00
img
2023-06-13 18:55:59 +08:00
position absolute
_wh ( 100 % , 100 % )
. mgt5
margin - top 45 %
. kl _wrap _2
bottom - 40 %
2023-06-09 18:36:09 +08:00
. yaji _wrap
position : absolute ;
left : 0 ;
2023-06-13 16:18:51 +08:00
top : 14 % ;
2023-06-09 18:36:09 +08:00
width : 98 % ;
height : 55 % ;
// 压机
. yyj _wrap _1
width 10.801 %
height 29.895 %
transform rotate ( 90 deg )
top : 4.4 % ;
left : 90.5 % ;
2023-06-12 10:27:09 +08:00
. yyj _wrap _2
left : 80 % ;
. cyj _wrap _1
left 70 %
. cyj _wrap _2
left 60 %
. cyj _wrap _3
left 50 %
. yj _wrap _1
2023-06-13 16:18:51 +08:00
width 10.801 %
height 29.895 %
// width: 15%;
// height: 41.5%;
2023-06-12 10:27:09 +08:00
transform rotate ( 90 deg )
2023-06-13 16:18:51 +08:00
top : 5 %
2023-06-12 10:27:09 +08:00
// left: 90.5%;
left 87 %
. yj _info _wrap
2023-06-13 18:55:59 +08:00
position absolute
top 1 %
left - 112 %
z - index 0
width 130 %
_fj ( row )
. yj _info
width 72 %
height 61 px
padding 5 px
background - image linear - gradient ( to right , # 067272 , transparent )
border 1 px solid # 00 ffff
border - radius 5 px
overflow hidden
transform rotate ( 270 deg ) translateY ( 100 % )
p
_font ( 13 px , 17 px , # 00 ffff , , left )
border - bottom 0.5 px solid # 067272
span
color # fff
& : last - child
border none
2023-06-12 10:27:09 +08:00
. bg _line
2023-06-13 18:55:59 +08:00
_wh ( 28 % , 1 px )
2023-06-12 10:27:09 +08:00
background - color # 03 fcfd
2023-06-09 18:36:09 +08:00
. yyj
width 50 %
img
width : 83 % ;
left : 37 % ;
. wzm
_wh ( 50 % , 41 % )
background - color # d9d9d9
top auto
bottom 0
2023-06-14 18:25:51 +08:00
_fj ( row , center )
p
_font ( 15 px , 17 px , # 333 , , )
transform rotate ( - 90 deg )
2023-06-09 18:36:09 +08:00
. jzjcss
width : 24 % ;
left : 51 % ;
top : 25 % ;
. weilan
width : 46 % ;
left : 54 % ;
top 37 %
. robot
width 1 %
height 1 %
left : 75 % ;
top : 55 % ;
transform : rotate ( - 46 deg )
animation rotate _2500 _1 1.5 s linear 1.5 s infinite alternate - reverse
img
width 2400 %
top : - 800 % ;
left : - 2000 % ;
. kongtuopan _1
width : 12 % ;
top : 81 % ;
left : 61 % ;
. kongtuopan _2
left : 74 % ;
. block _1
width : 10 % ;
height : 9 % ;
left : 74 % ;
top : 27 % ;
background - color # fff
. block _2
left : 86 %
2023-06-12 10:27:09 +08:00
. yj _wrap _2
left : 71 %
2023-06-09 18:36:09 +08:00
. robot
2023-06-13 16:18:51 +08:00
transform : rotate ( - 46 deg )
animation rotate _2500 _2 1.5 s linear 1.5 s infinite alternate - reverse
2023-06-09 18:36:09 +08:00
. kongtuopan _1
top 37 %
2023-06-12 14:43:01 +08:00
left 85 %
2023-06-09 18:36:09 +08:00
transform rotate ( 90 deg )
. kongtuopan _2
top 76 %
. weilan
top 16 %
2023-06-12 10:27:09 +08:00
. block _2
top 9 %
left : 89 % ;
. yj _wrap _3
2023-06-13 16:18:51 +08:00
left : 53 %
2023-06-12 10:27:09 +08:00
. yj _info _wrap
2023-06-13 18:55:59 +08:00
top - 10 %
width 148 %
. yj _info
width 63 %
transform rotate ( 270 deg ) translateX ( 10 % ) translateY ( 100 % )
2023-06-12 10:27:09 +08:00
. bg _line
2023-06-13 18:55:59 +08:00
width 37 %
2023-06-12 10:27:09 +08:00
. yj _info _wrap _1
2023-06-13 18:55:59 +08:00
top 46 %
left : - 143 % ;
width 180 %
. yj _info
width 51.8 %
transform rotate ( 270 deg ) translateY ( 100 % )
. bg _line
width 48.2 %
2023-06-12 10:27:09 +08:00
. blj _1
width : 18 % ;
top : 14 % ;
left : 16 % ;
. blj _2
top 70 %
2023-06-09 18:36:09 +08:00
. cyj _1
width 50 %
height 50 %
2023-06-14 18:25:51 +08:00
. cyj _img _wrap
position absolute
_wh ( 28 % , 91.49 % )
2023-06-09 18:36:09 +08:00
left auto
right 0
2023-06-14 18:25:51 +08:00
_fj ( row , center )
p
position relative
z - index 7
_font ( 15 px , 17 px , # 333 , , )
2023-06-09 18:36:09 +08:00
. cyj _2
top 50 %
2023-06-14 18:25:51 +08:00
. cyj _img _wrap
2023-06-09 18:36:09 +08:00
top auto
bottom 0
. jzjcj _1
width 7 %
height 50 %
left 51 %
img
top auto
bottom 5 %
. jzjcj _2
top 50 %
img
top 5 %
. lmyzj
width : 13 % ;
left : 54 % ;
top : 33 % ;
. weilan
top 6 %
. robot
left : 79 % ;
top : 49 % ;
2023-06-13 16:18:51 +08:00
transform : rotate ( - 4 deg )
animation rotate _630 _1 1.5 s linear 1.5 s infinite alternate - reverse
2023-06-09 18:36:09 +08:00
. kongtuopan _1
top : 21 %
left : 64 % ;
. kongtuopan _2
left : 80 % ;
. kongtuopan _3
top : 64 %
. kongtuopan _4
top : 64 %
left : 80 % ;
2023-06-12 10:27:09 +08:00
. yj _wrap _5
2023-06-13 16:18:51 +08:00
left : 36 %
2023-06-09 18:36:09 +08:00
. kongtuopan _1
top : 14 % ;
left : 64 % ;
transform rotate ( 90 deg )
. kongtuopan _2
top 30 %
. kongtuopan _3
top 70 %
. kongtuopan _4
top 86 %
2023-06-12 10:27:09 +08:00
. yj _wrap _7
2023-06-13 16:18:51 +08:00
left 18 %
2023-06-12 10:27:09 +08:00
. yj _info _wrap
top 19 %
. blj _1
top 42 %
2023-06-09 18:36:09 +08:00
. cyj _1
top 25 %
img
top 50 %
transform translateY ( - 50 % )
. weilan
top 15 %
. robot
left : 75 %
transform : rotate ( 15 deg ) ;
2023-06-12 10:27:09 +08:00
animation rotate _630 _2 3 s linear 1.5 s infinite alternate - reverse
2023-06-09 18:36:09 +08:00
. kongtuopan _1
top 43 %
left 90 %
transform rotate ( 90 deg )
. kongtuopan _2
top : 63 %
. jcpmj
width : 18 % ;
top : 12 % ;
left : 57 % ;
2023-06-12 10:27:09 +08:00
. yj _wrap _8
2023-06-13 16:18:51 +08:00
left 3 %
2023-06-12 10:27:09 +08:00
. yj _wrap _17
2023-06-13 16:18:51 +08:00
top 55 %
2023-06-09 18:36:09 +08:00
. yyj
2023-06-12 14:43:01 +08:00
left auto
right 0
2023-06-09 18:36:09 +08:00
img
2023-06-12 10:27:09 +08:00
left auto
right 37 %
2023-06-09 18:36:09 +08:00
transform rotate ( 180 deg )
2023-06-12 14:43:01 +08:00
. wzm
left auto
right 0
2023-06-12 10:27:09 +08:00
. yj _wrap _15
2023-06-13 16:18:51 +08:00
top 55 %
2023-06-12 10:27:09 +08:00
. cyj _1
2023-06-12 14:43:01 +08:00
left auto
right 0
2023-06-14 18:25:51 +08:00
. cyj _img _wrap
2023-06-12 10:27:09 +08:00
left 0
right auto
. yj _wrap _13
2023-06-13 16:18:51 +08:00
top 55 %
2023-06-12 14:43:01 +08:00
. cyj _1
left auto
right 0
2023-06-14 18:25:51 +08:00
. cyj _img _wrap
2023-06-12 14:43:01 +08:00
left 0
right auto
2023-06-12 10:27:09 +08:00
. yj _wrap _12
2023-06-13 16:18:51 +08:00
top 55 %
2023-06-12 14:43:01 +08:00
. cyj _1
left auto
right 0
2023-06-14 18:25:51 +08:00
. cyj _img _wrap
2023-06-12 14:43:01 +08:00
left 0
right auto
2023-06-12 10:27:09 +08:00
. yj _wrap _10
2023-06-13 16:18:51 +08:00
top 55 %
2023-06-13 18:55:59 +08:00
. yj _info _wrap
left 63 %
. yj _info
transform : rotate ( 270 deg ) translateY ( - 100 % )
2023-06-12 14:43:01 +08:00
. cyj _1
left auto
right 0
2023-06-14 18:25:51 +08:00
. cyj _img _wrap
2023-06-12 14:43:01 +08:00
left 0
right auto
. kongtuopan _1
left auto
right 64 %
transform rotate ( - 90 deg )
2023-06-13 16:18:51 +08:00
. yjlz _wrap _1
width : 1.365 % ;
height : 17 % ;
top : 4 % ;
right : 8.8 % ;
transform rotate ( 90 deg ) ;
. lz _1
width 100 %
img
position relative
. lz _2
top auto
bottom 0
. yjlz _wrap _2
right 24.5 %
. yjlz _wrap _3
right 42 %
. lz _1
top 50 %
transform translateY ( - 50 % )
. yjlz _wrap _5
right : 58.8 % ;
. lz _1
top 50 %
transform translateY ( - 50 % )
. yjlz _wrap _7
right : 76.5 %
. lz _1
top 50 %
transform translateY ( - 50 % )
. yjlz _wrap _8
right : 91 % ;
. lz _1
top 50 %
transform translateY ( - 50 % )
2023-06-09 18:36:09 +08:00
@ keyframes rotate _2500 _1 {
0 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 18:36:09 +08:00
}
10 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 18:36:09 +08:00
}
20 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 18:36:09 +08:00
}
90 % {
2023-06-13 16:18:51 +08:00
transform : rotateZ ( - 115 deg ) rotateY ( - 30 deg )
2023-06-09 18:36:09 +08:00
}
100 % {
2023-06-13 16:18:51 +08:00
transform : rotateZ ( - 115 deg ) rotateY ( 0 deg )
2023-06-09 18:36:09 +08:00
}
}
2023-06-13 16:18:51 +08:00
@ keyframes rotate _2500 _2 {
2023-06-09 18:36:09 +08:00
0 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 18:36:09 +08:00
}
10 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 18:36:09 +08:00
}
20 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 18:36:09 +08:00
}
90 % {
2023-06-13 16:18:51 +08:00
transform : rotateZ ( - 120 deg ) rotateY ( - 30 deg )
}
100 % {
transform : rotateZ ( - 120 deg ) rotateY ( 0 deg )
}
}
@ keyframes rotate _630 _1 {
0 % {
transform : rotateZ ( - 4 deg )
}
10 % {
transform : rotateZ ( - 4 deg )
}
20 % {
transform : rotateZ ( - 20 deg )
}
90 % {
transform : rotateZ ( - 115 deg ) rotateY ( - 30 deg )
2023-06-09 18:36:09 +08:00
}
100 % {
2023-06-13 16:18:51 +08:00
transform : rotateZ ( - 115 deg ) rotateY ( 0 deg )
2023-06-09 18:36:09 +08:00
}
}
@ keyframes rotate _630 _2 {
0 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( 150 deg ) rotateY ( - 30 deg )
2023-06-09 18:36:09 +08:00
}
10 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( 150 deg ) rotateY ( 0 deg )
2023-06-09 18:36:09 +08:00
}
50 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( 70 deg ) rotateY ( - 30 deg )
2023-06-09 18:36:09 +08:00
}
60 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( 70 deg ) rotateY ( 0 deg )
2023-06-09 18:36:09 +08:00
}
90 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( 15 deg )
2023-06-09 18:36:09 +08:00
}
100 % {
2023-06-12 10:27:09 +08:00
transform : rotateZ ( 15 deg )
2023-06-09 18:36:09 +08:00
}
}
2023-06-13 16:18:51 +08:00
. style _block
position absolute
_wh ( calc ( 100 % / 3), calc(100% / 3 ) )
background red
z - index 0
2023-06-06 00:15:25 +08:00
< / style >
