2023-06-02 09:38:31 +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 = "n_right_content" >
< div class = "right_wrap" >
2023-06-09 18:36:09 +08:00
< div v-if = "MixMachineList.length > 0" class="machine_wrap hlj_s_wrap" >
< div v-for = "(e,i) in MixMachineList.slice(0, 4)" :key="i" class="sh_machine hlj_s" >
2023-06-13 16:18:51 +08:00
< div class = "yj_info_wrap" >
< div class = "yj_info" >
< p > < span > 时间 ： < / span > { { e . open _time } } < / p >
< p > < span > BOM ： < / span > { { e . bom } } < / p >
< p > < span > 产能 ： < / span > { { e . now _capacity } } < / p >
< / div >
2023-06-12 10:27:09 +08:00
< div class = "bg_line" > < / div >
< / div >
2023-06-13 18:55:59 +08:00
< img v-show = "String(e.device_status) === '0'" src="../../../images/workshop/hlj_s_gray.png" alt="" >
< img v-show = "String(e.device_status) === '1'" src="../../../images/workshop/hlj_s_yellow.png" alt="" >
< img v-show = "String(e.device_status) === '2'" src="../../../images/workshop/hlj_s_green.png" alt="" >
< img v-show = "String(e.device_status) === '3'" src="../../../images/workshop/hlj_s_red.png" alt="" >
2023-06-02 09:38:31 +08:00
< / div >
< / div >
2023-06-09 18:36:09 +08:00
< div v-if = "MixMachineList.length > 0" class="machine_wrap hlj_wrap" >
< div v-for = "(e,i) in MixMachineList.slice(4)" :key="i" class="sh_machine hlj" >
2023-06-13 16:18:51 +08:00
< div class = "yj_info_wrap" >
< div class = "yj_info" >
< p > < span > 时间 ： < / span > { { e . open _time } } < / p >
< p > < span > BOM ： < / span > { { e . bom } } < / p >
< p > < span > 产能 ： < / span > { { e . now _capacity } } < / p >
< / div >
2023-06-12 10:27:09 +08:00
< div class = "bg_line" > < / div >
< / div >
2023-06-13 18:55:59 +08:00
< img v-show = "String(e.device_status) === '0'" src="../../../images/workshop/hlj_gray.png" alt="" >
< img v-show = "String(e.device_status) === '1'" src="../../../images/workshop/hlj_yellow.png" alt="" >
< img v-show = "String(e.device_status) === '2'" src="../../../images/workshop/hlj_green.png" alt="" >
< img v-show = "String(e.device_status) === '3'" src="../../../images/workshop/hlj_red.png" alt="" >
2023-06-02 09:38:31 +08:00
< / div >
< / div >
2023-06-09 18:36:09 +08:00
< div v-if = "MixBlankingList.length > 0" class="machine_wrap lz_wrap_1" >
< div v-for = "(e,i) in MixBlankingList.slice(0, 4)" :key="i" class="sh_machine lz" >
2023-06-13 18:55:59 +08:00
< img : class = "String(e.point_status) === '0' ? 'hidden': ''" src = "../../../images/workshop/lz.png" alt = "" >
2023-06-09 18:36:09 +08:00
< / div >
< / div >
< div v-if = "MixBlankingList.length > 0" class="machine_wrap lz_wrap_2" >
< div v-for = "(e,i) in MixBlankingList.slice(4)" :key="i" class="sh_machine lz" >
2023-06-13 18:55:59 +08:00
< img : class = "String(e.point_status) === '0' ? 'hidden': ''" src = "../../../images/workshop/lz.png" alt = "" >
2023-06-09 18:36:09 +08:00
< / div >
< / div >
< div v-if = "TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1" >
< div class = "sh_machine lz_1" >
2023-06-26 15:46:35 +08:00
<!-- < img v-show = "String(TrappedShelfList[0].point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
2023-06-20 18:19:20 +08:00
< img v-show = "String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="" >
2023-06-26 15:46:35 +08:00
< img v-show = "String(TrappedShelfList[0].point_status) !== '0' && String(TrappedShelfList[0].stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="" > - - >
< img v-show = "String(TrappedShelfList[0].point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
< img v-show = "String(TrappedShelfList[0].point_status) === '1'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(TrappedShelfList[0].point_status) === '2' && String(TrappedShelfList[0].stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(TrappedShelfList[0].point_status) === '2' && String(TrappedShelfList[0].stand_status) === '3' || String(TrappedShelfList[0].stand_status) === '4'" src="../../../images/workshop/lz_hj_yellow.png" alt="" >
< img v-show = "String(TrappedShelfList[0].point_status) === '2' && String(TrappedShelfList[0].stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="" >
2023-06-09 18:36:09 +08:00
< / div >
2023-06-20 18:19:20 +08:00
< div class = "sh_machine lz_1 lz_2" v-for = "(e,i) in TrappedShelfList.slice(1, 4)" :key="i" >
2023-06-26 15:46:35 +08:00
<!-- < img v-show = "String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
2023-06-20 18:19:20 +08:00
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="" >
2023-06-26 15:46:35 +08:00
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="" > - - >
< img v-show = "String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
< img v-show = "String(e.point_status) === '1'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(e.point_status) === '1' && String(e.stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(e.point_status) === '1' && String(e.stand_status) === '3' || String(e.stand_status) === '4'" src="../../../images/workshop/lz_hj_yellow.png" alt="" >
< img v-show = "String(e.point_status) === '1' && String(e.stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="" >
2023-06-09 18:36:09 +08:00
< / div >
< / div >
< div v-if = "TrappedShelfList.length > 0" class="machine_wrap yjlz_wrap_1 yjlz_wrap_2" >
< div class = "sh_machine lz_1" >
2023-06-26 15:46:35 +08:00
<!-- < img v-show = "String(TrappedShelfList[4].point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
2023-06-20 18:19:20 +08:00
< img v-show = "String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="" >
2023-06-26 15:46:35 +08:00
< img v-show = "String(TrappedShelfList[4].point_status) !== '0' && String(TrappedShelfList[4].stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="" > - - >
< img v-show = "String(TrappedShelfList[4].point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
< img v-show = "String(TrappedShelfList[4].point_status) === '1'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(TrappedShelfList[4].point_status) === '2' && String(TrappedShelfList[4].stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(TrappedShelfList[4].point_status) === '2' && String(TrappedShelfList[4].stand_status) === '3' || String(TrappedShelfList[4].stand_status) === '4'" src="../../../images/workshop/lz_hj_yellow.png" alt="" >
< img v-show = "String(TrappedShelfList[4].point_status) === '2' && String(TrappedShelfList[4].stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="" >
2023-06-09 18:36:09 +08:00
< / div >
2023-06-20 18:19:20 +08:00
< div class = "sh_machine lz_1 lz_2" v-for = "(e,i) in TrappedShelfList.slice(5)" :key="i" >
2023-06-26 15:46:35 +08:00
<!-- < img v-show = "String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
2023-06-20 18:19:20 +08:00
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="" >
2023-06-26 15:46:35 +08:00
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="" > - - >
< img v-show = "String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
< img v-show = "String(e.point_status) === '1'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(e.point_status) === '2' && String(e.stand_status) === '2'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(e.point_status) === '2' && String(e.stand_status) === '3' || String(e.stand_status) === '4'" src="../../../images/workshop/lz_hj_yellow.png" alt="" >
< img v-show = "String(e.point_status) === '2' && String(e.stand_status) === '5'" src="../../../images/workshop/lz_hj_red.png" alt="" >
2023-06-09 18:36:09 +08:00
< / div >
< / div >
< div class = "machine_wrap yjlz_wrap_1 yjlz_wrap_3" >
< div class = "sh_machine lz_1" >
2023-06-20 18:19:20 +08:00
< img src = "../../../images/workshop/hj.png" alt = "" >
2023-06-09 18:36:09 +08:00
< / div >
< / div >
< div class = "machine_wrap yjlz_wrap_1 yjlz_wrap_5" >
< div class = "sh_machine lz_1" >
2023-06-20 18:19:20 +08:00
< img src = "../../../images/workshop/hj.png" alt = "" >
2023-06-02 09:38:31 +08:00
< / div >
< / div >
2023-06-09 18:36:09 +08:00
< div class = "machine_wrap yjlz_wrap_1 yjlz_wrap_7" >
< div class = "sh_machine lz_1" >
2023-06-20 18:19:20 +08:00
< img src = "../../../images/workshop/hj.png" alt = "" >
2023-06-02 09:38:31 +08:00
< / div >
< / div >
2023-06-09 18:36:09 +08:00
< div class = "machine_wrap yjlz_wrap_1 yjlz_wrap_8" >
< div class = "sh_machine lz_1" >
2023-06-20 18:19:20 +08:00
< img src = "../../../images/workshop/hj.png" alt = "" >
2023-06-02 09:38:31 +08:00
< / div >
< / div >
2023-06-12 10:27:09 +08:00
< div @click ="jumpTakeShape" >
< div class = "machine_wrap yj_wrap_1" >
2023-06-13 16:18:51 +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-12 10:27:09 +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-12 10:27:09 +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-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / div >
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-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / div >
2023-06-12 10:27:09 +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-12 10:27:09 +08:00
< / div >
2023-06-20 18:19:20 +08:00
< div class = "sh_machine elect_1" >
< img src = "../../../images/workshop/elect.png" alt = "" >
2023-06-12 10:27:09 +08:00
< / div >
2023-06-20 18:19:20 +08:00
< div class = "sh_machine elect_1 elect_2" >
2023-06-21 10:09:41 +08:00
< img src = "../../../images/workshop/elect.png" alt = "" >
2023-06-12 10:27:09 +08:00
< / div >
2023-06-02 19:22:30 +08:00
< / div >
2023-06-12 10:27:09 +08:00
< div class = "machine_wrap yj_wrap_1 yj_wrap_2" >
2023-06-13 16:18:51 +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-12 10:27:09 +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-12 10:27: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="" >
2023-06-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / div >
2023-06-13 16:18:51 +08:00
< / 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="" >
2023-06-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / div >
2023-06-12 10:27:09 +08:00
< / 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-12 10:27:09 +08:00
< / div >
2023-06-20 18:19:20 +08:00
< div class = "sh_machine elect_1 elect_2" >
2023-06-21 10:09:41 +08:00
< img src = "../../../images/workshop/elect.png" alt = "" >
2023-06-12 10:27:09 +08:00
< / div >
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_3" >
2023-06-13 16:18:51 +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-12 10:27:09 +08:00
< div class = "bg_line" > < / div >
< / div >
2023-06-13 16:18:51 +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-12 10:27:09 +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-12 10:27:09 +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-12 10:27:09 +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 >
2023-06-13 16:18:51 +08:00
< 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="" >
2023-06-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / div >
2023-06-13 16:18:51 +08:00
< / 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="" >
2023-06-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / 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[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="" >
2023-06-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / div >
2023-06-13 16:18:51 +08:00
< / 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="" >
2023-06-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / div >
2023-06-12 10:27:09 +08:00
< / 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-12 10:27:09 +08:00
< / div >
2023-06-21 10:09:41 +08:00
< div class = "sh_machine elect_1 elect_2" >
< img src = "../../../images/workshop/elect.png" alt = "" >
< / div >
2023-06-12 10:27:09 +08:00
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5" >
2023-06-13 16:18:51 +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-12 10:27:09 +08:00
< div class = "bg_line" > < / div >
< / div >
2023-06-13 16:18:51 +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-12 10:27:09 +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-12 10:27:09 +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-12 10:27:09 +08:00
< / div >
2023-06-13 16:18:51 +08:00
< 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-12 10:27:09 +08:00
< / div >
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_7" >
2023-06-13 16:18:51 +08:00
< div v-if = "PressMachineList.length > 0" class="yj_info_wrap" >
< div class = "yj_info" >
2023-06-13 18:55:59 +08:00
< p > < span > 时间 ： < / span > { { PressMachineList [ 6 ] . open _time } } < / p >
< p > < span > 物料 ： < / span > { { PressMachineList [ 6 ] . material _code } } < / p >
< p > < span > 产能 ： < / span > { { PressMachineList [ 6 ] . now _capacity } } < / p >
2023-06-13 16:18:51 +08:00
< / div >
2023-06-12 10:27:09 +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-12 10:27:09 +08:00
< / div >
< div class = "sh_machine weilan" >
< img src = "../../../images/workshop/weilan_6.png" alt = "" >
< / div >
2023-06-13 16:18:51 +08:00
< 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="" >
2023-06-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / div >
2023-06-12 10:27:09 +08:00
< / div >
2023-06-13 16:18:51 +08:00
< 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="" >
2023-06-16 18:22:51 +08:00
< div class = "zhuan_qty" >
< p > 200 < / p >
< div class = "zhuan_bg_arrow" > < / div >
< / div >
2023-06-12 10:27:09 +08:00
< / 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-12 10:27:09 +08:00
< / div >
2023-06-21 16:05:35 +08:00
< div class = "sh_machine elect_1 elect_2" >
< img src = "../../../images/workshop/elect.png" alt = "" >
< / div >
2023-06-12 10:27:09 +08:00
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8" >
2023-06-13 16:18:51 +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-12 10:27:09 +08:00
< div class = "bg_line" > < / div >
< / div >
2023-06-13 16:18:51 +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-12 10:27:09 +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-12 10:27:09 +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-12 10:27:09 +08:00
< / div >
2023-06-13 16:18:51 +08:00
< 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="" >
2023-06-12 10:27:09 +08:00
< / 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-12 10:27:09 +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-12 10:27:09 +08:00
< / div >
< / div >
< 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-12 10:27:09 +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-12 10:27:09 +08:00
< / div >
< / div >
< 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-12 10:27:09 +08:00
< / div >
< / div >
< div class = "machine_wrap yj_wrap_1 yj_wrap_3 yj_wrap_5 yj_wrap_8 yj_wrap_10" >
2023-06-13 16:18:51 +08:00
< div v-if = "PressMachineList.length > 0" class="yj_info_wrap yj_info_wrap_1" >
2023-06-12 10:27:09 +08:00
< div class = "bg_line" > < / div >
2023-06-13 16:18:51 +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-12 10:27:09 +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-12 10:27:09 +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 [ 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-12 10:27:09 +08:00
< / div >
2023-06-13 16:18:51 +08:00
< 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="" >
2023-06-12 10:27:09 +08:00
< / div >
2023-06-13 16:18:51 +08:00
< 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="" >
2023-06-12 10:27:09 +08:00
< / div >
2023-06-21 10:09:41 +08:00
< div class = "sh_machine elect_1 elect_2" >
< img src = "../../../images/workshop/elect.png" alt = "" >
< / div >
2023-06-02 19:22:30 +08:00
< / div >
< / div >
2023-06-13 18:55:59 +08:00
< div v-if = "TrappedMaterialShelfList.length > 0" class="machine_wrap kl_wrap_1" >
2023-06-20 18:19:20 +08:00
< div v-for = "(e,i) in TrappedMaterialShelfList.slice(0, 20)" :key="i" class="sh_machine lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}" >
< img v-show = "String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && 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" >
2023-06-20 18:19:20 +08:00
< div v-for = "(e,i) in TrappedMaterialShelfList.slice(20)" :key="i" class="sh_machine lz" :class="{'mgt5': i === 2 || i === 6 || i === 10 || i === 14 || i === 18}" >
< img v-show = "String(e.point_status) === '0'" src="../../../images/workshop/hj.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '0'" src="../../../images/workshop/lz_hj_gray.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '1'" src="../../../images/workshop/lz_hj_green.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '2'" src="../../../images/workshop/lz_hj_red.png" alt="" >
< img v-show = "String(e.point_status) !== '0' && String(e.stand_status_color) === '3'" src="../../../images/workshop/lz_hj_yellow.png" alt="" >
2023-06-02 19:22:30 +08:00
< / div >
< / div >
< div class = "machine_wrap mtp_wrap_1" >
< div v-for = "(e,i) in [1,2,3,4,5,6]" :key="i" class="mtp" >
< img src = "../../../images/workshop/mtp.png" alt = "" >
< / div >
2023-06-02 09:38:31 +08:00
< / div >
< / div >
< / div >
< / div >
< / div >
2023-06-12 14:43:01 +08:00
< div class = "n_left_content" >
< div class = "item_wrap" >
< div class = "item_tip item_tip_bg_s" >
< div class = "item_tip_left" > 当日混料生产 < / div >
< / div >
< div class = "item_content" >
< div id = "home_echart_1" style = "width: 100%; height: 100%;" > < / div >
< / div >
< / div >
< div class = "item_wrap" >
< div class = "item_tip item_tip_bg_s" >
< div class = "item_tip_left" > 当日压制生产 < / div >
< / div >
< div class = "item_content" >
< div id = "home_echart_2" style = "width: 100%; height: 100%;" > < / div >
< / div >
< / div >
< div class = "item_wrap" >
< div class = "item_tip item_tip_bg_s" >
< div class = "item_tip_left" > 当日成品情况 < / div >
< / div >
< div class = "item_content" >
< div id = "home_echart_3" style = "width: 100%; height: 100%;" > < / div >
< / div >
< / div >
< / div >
2023-06-15 10:38:16 +08:00
< div class = "tooltip_wrap left_tooltip_wrap" : style = "expand ? 'opacity: 1' : 'opacity: 0.1'" >
< div class = "tooltip_arrow pointer" @click ="expandTooltip" v-text = "expand ? '>>' : '<<'" > < / div >
2023-06-21 14:15:19 +08:00
< div class = "tooltip_pages" : style = "expand ? 'width: 300px' : 'width: 0'" >
< router-link to = "/setup" class = "tooltip_page" > 配置 < / router-link >
< div class = "tooltip_page current_page pointer" > 1 < / div >
< router-link to = "/hnlkone" class = "tooltip_page" > 2 < / router-link >
< router-link to = "/takeshapeone" class = "tooltip_page" > 3 < / router-link >
< router-link to = "/firedryone" class = "tooltip_page" > 4 < / router-link >
< router-link to = "/sortpackone" class = "tooltip_page" > 5 < / router-link >
< router-link to = "/pdone" class = "tooltip_page" > 6 < / router-link >
2023-06-14 18:25:51 +08:00
< / div >
< / div >
2023-06-21 16:05:35 +08:00
< div class = "style_block" style = "left: calc(100% / 3);top:0;" > < / div >
2023-06-12 14:43:01 +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 >
2023-06-21 16:05:35 +08:00
< div class = "style_block" style = "background: blue;left: calc(200% / 3);bottom: 0" > < / div >
2023-06-02 09:38:31 +08:00
< / div >
< / template >
< script >
2023-06-09 18:36:09 +08:00
import { workshopCondition } from '@js/getData2'
2023-06-02 09:38:31 +08:00
export default {
name : 'one' ,
data ( ) {
return {
2023-06-09 18:36:09 +08:00
interTime : this . $store . getters . setTime ,
timer : null ,
2023-06-14 18:25:51 +08:00
expand : false ,
2023-06-02 09:38:31 +08:00
myCharts1 : '' ,
myCharts2 : '' ,
2023-06-09 18:36:09 +08:00
myCharts3 : '' ,
HLDayList : [ ] ,
YZDayList : [ ] ,
CPDayList : [ ] ,
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-02 09:38:31 +08:00
}
} ,
mounted ( ) {
2023-06-09 18:36:09 +08:00
this . _workshopCondition ( )
2023-06-26 14:18:24 +08:00
this . refresh ( )
2023-06-09 18:36:09 +08:00
} ,
beforeDestroy ( ) {
clearInterval ( this . timer )
2023-06-02 09:38:31 +08:00
} ,
methods : {
2023-06-09 18:36:09 +08:00
refresh ( ) {
this . timer = setInterval ( ( ) => {
this . _workshopCondition ( )
} , this . interTime )
} ,
async _workshopCondition ( ) {
let res = await workshopCondition ( )
if ( res . code === 200 ) {
this . HLDayList = [ ... res . result . HLDayList ]
2023-06-26 14:18:24 +08:00
if ( this . HLDayList . length ) {
this . setEchart1 ( )
}
2023-06-09 18:36:09 +08:00
this . YZDayList = [ ... res . result . YZDayList ]
2023-06-26 14:18:24 +08:00
if ( this . YZDayList . length ) {
this . setEchart2 ( )
}
2023-06-09 18:36:09 +08:00
this . CPDayList = [ ... res . result . CPDayList ]
2023-06-26 14:18:24 +08:00
if ( this . CPDayList . length ) {
this . setEchart3 ( )
}
2023-06-09 18:36:09 +08:00
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-09 18:36:09 +08:00
}
} ,
2023-06-02 09:38:31 +08:00
setEchart1 ( ) {
2023-06-09 18:36:09 +08:00
// let barName = ['碾机1', '碾机2', '碾机3', '碾机4', '碾机5', '碾机6', '碾机7', '碾机8', '碾机9', '碾机10', '碾机11', '碾机12', '碾机13', '碾机14', '碾机15', '碾机16']
// let barData = ['500', '600', '700', '800', '500', '600', '700', '800', '900', '1000', '500', '600', '700', '800', '500', '600']
let barName = [ ]
let barData = [ ]
this . HLDayList . map ( el => {
barName . push ( el . device _name )
barData . push ( el . real _qty )
} )
2023-06-02 09:38:31 +08:00
let option = {
grid : {
top : 50 ,
left : 0 ,
right : 0 ,
bottom : 0 ,
containLabel : true
} ,
legend : {
icon : 'rect' ,
textStyle : {
color : '#fff' ,
fontSize : 14 ,
lineHeight : 14
} ,
itemGap : 30.86 ,
itemWidth : 14.16 ,
itemHeight : 7.38 ,
data : [ { name : '产量' , itemStyle : { color : '#0E90FD' } } ]
} ,
xAxis : {
type : 'category' ,
axisTick : {
show : false
} ,
axisLine : {
show : true ,
lineStyle : {
width : 2 ,
color : '#8FABBF'
}
} ,
axisLabel : {
interval : 0 ,
textStyle : {
color : '#8FABBF' ,
fontSize : 16
} ,
rotate : 50
} ,
2023-06-09 18:36:09 +08:00
data : barName
2023-06-02 09:38:31 +08:00
} ,
yAxis : {
type : 'value' ,
2023-06-09 18:36:09 +08:00
name : '单位： ,
2023-06-02 09:38:31 +08:00
axisLine : {
show : false
} ,
splitNumber : 2 ,
axisTick : {
show : false
} ,
axisLabel : {
textStyle : {
color : '#8FABBF' ,
fontSize : 14
}
} ,
splitLine : {
show : true ,
lineStyle : {
type : [ 8 , 4 ] ,
dashOffset : 4 ,
color : '#8FABBF'
}
}
} ,
series : [
{
name : '产量' ,
type : 'bar' ,
barWidth : '8' ,
itemStyle : {
normal : {
color : new this . $echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [
{
offset : 1 ,
color : 'rgba(96,112,128,0.10)' ,
opacity : 1
} ,
{
offset : 0 ,
color : '#0E90FD' ,
opacity : 0.1
}
] )
}
} ,
2023-06-09 18:36:09 +08:00
data : barData
2023-06-02 09:38:31 +08:00
}
]
}
let echart = document . getElementById ( 'home_echart_1' )
if ( this . myCharts1 !== '' ) {
this . myCharts1 . dispose ( )
}
if ( echart !== null ) {
this . myCharts1 = this . $echarts . init ( echart )
this . myCharts1 . setOption ( option )
window . addEventListener ( 'resize' , ( ) => {
this . myCharts1 . resize ( )
} )
}
} ,
setEchart2 ( ) {
2023-06-09 18:36:09 +08:00
// let barName = ['压机1', '压机2', '压机3', '压机4', '压机5', '压机6', '压机7', '压机8', '压机9', '压机10']
// let barData1 = ['500', '600', '700', '800', '500', '600', '700', '800', '900', '1000']
// let barData2 = ['50', '180', '70', '100', '50', '70', '100', '180', '100', '120']
let barName = [ ]
let barData1 = [ ]
let barData2 = [ ]
this . YZDayList . map ( el => {
barName . push ( el . device _name )
barData1 . push ( el . qualified _qty )
barData2 . push ( el . unqualified _qty )
} )
2023-06-02 09:38:31 +08:00
let option = {
grid : {
top : 50 ,
left : 0 ,
right : 0 ,
bottom : 0 ,
containLabel : true
} ,
legend : {
icon : 'rect' ,
textStyle : {
color : '#fff' ,
fontSize : 14 ,
lineHeight : 14
} ,
itemGap : 30.86 ,
itemWidth : 14.16 ,
itemHeight : 7.38 ,
data : [ { name : '合格数' , itemStyle : { color : '#33CCCC' } } , { name : '不合格数' , itemStyle : { color : '#EAAD24' } } ]
} ,
xAxis : {
type : 'category' ,
axisTick : {
show : false
} ,
axisLine : {
show : true ,
lineStyle : {
width : 2 ,
color : '#8FABBF'
}
} ,
axisLabel : {
interval : 0 ,
textStyle : {
color : '#8FABBF' ,
fontSize : 16
} ,
rotate : 50
} ,
2023-06-09 18:36:09 +08:00
data : barName
2023-06-02 09:38:31 +08:00
} ,
yAxis : {
type : 'value' ,
2023-06-09 18:36:09 +08:00
name : '单位：块' ,
2023-06-02 09:38:31 +08:00
axisLine : {
show : false
} ,
splitNumber : 2 ,
axisTick : {
show : false
} ,
axisLabel : {
textStyle : {
color : '#8FABBF' ,
fontSize : 14
}
} ,
splitLine : {
show : true ,
lineStyle : {
type : [ 8 , 4 ] ,
dashOffset : 4 ,
color : '#8FABBF'
}
}
} ,
series : [
{
name : '合格数' ,
type : 'bar' ,
barWidth : '8' ,
itemStyle : {
normal : {
color : new this . $echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [
{
offset : 0 ,
color : '#33CCCC' ,
opacity : 1
} ,
{
offset : 1 ,
color : 'rgba(31,89,89,0.25)' ,
opacity : 0.25
}
] )
}
} ,
2023-06-09 18:36:09 +08:00
data : barData1
2023-06-02 09:38:31 +08:00
} ,
{
name : '不合格数' ,
type : 'bar' ,
barWidth : '8' ,
itemStyle : {
normal : {
color : new this . $echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [
{
offset : 0 ,
color : '#B68845' ,
opacity : 1
} ,
{
offset : 1 ,
color : 'rgba(134,98,45,0.25)' ,
opacity : 0.25
}
] )
}
} ,
2023-06-09 18:36:09 +08:00
data : barData2
2023-06-02 09:38:31 +08:00
}
]
}
let echart = document . getElementById ( 'home_echart_2' )
if ( this . myCharts2 !== '' ) {
this . myCharts2 . dispose ( )
}
if ( echart !== null ) {
this . myCharts2 = this . $echarts . init ( echart )
this . myCharts2 . setOption ( option )
window . addEventListener ( 'resize' , ( ) => {
this . myCharts2 . resize ( )
} )
}
} ,
setEchart3 ( ) {
2023-06-09 18:36:09 +08:00
// let barName = ['成品1', '成品2', '成品3', '成品4', '成品5']
// let barData1 = ['1500', '1600', '1700', '1800', '1500']
// let barData2 = ['450', '500', '700', '800', '500']
// let barData3 = ['50', '180', '60', '70', '50']
let barName = [ ]
let barData1 = [ ]
let barData2 = [ ]
let barData3 = [ ]
this . CPDayList . map ( el => {
barName . push ( el . material _code )
barData1 . push ( el . inventory _qty )
barData2 . push ( el . qualified _in _qty )
barData3 . push ( el . unqualified _in _qty )
} )
2023-06-02 09:38:31 +08:00
let option = {
grid : {
top : 50 ,
left : 0 ,
right : 0 ,
bottom : 0 ,
containLabel : true
} ,
legend : {
icon : 'rect' ,
textStyle : {
color : '#fff' ,
fontSize : 14 ,
lineHeight : 14
} ,
itemGap : 30.86 ,
itemWidth : 14.16 ,
itemHeight : 7.38 ,
data : [ { name : '库存数' , itemStyle : { color : '#0E90FD' } } , { name : '合格入库' , itemStyle : { color : '#33CCCC' } } , { name : '不合格入库' , itemStyle : { color : '#EAAD24' } } ]
} ,
xAxis : {
type : 'category' ,
axisTick : {
show : false
} ,
axisLine : {
show : true ,
lineStyle : {
width : 2 ,
color : '#8FABBF'
}
} ,
axisLabel : {
interval : 0 ,
textStyle : {
color : '#8FABBF' ,
fontSize : 16
}
// rotate: 50
} ,
2023-06-09 18:36:09 +08:00
data : barName
2023-06-02 09:38:31 +08:00
} ,
yAxis : {
type : 'value' ,
2023-06-09 18:36:09 +08:00
name : '单位：块' ,
2023-06-02 09:38:31 +08:00
axisLine : {
show : false
} ,
splitNumber : 2 ,
axisTick : {
show : false
} ,
axisLabel : {
textStyle : {
color : '#8FABBF' ,
fontSize : 14
}
} ,
splitLine : {
show : true ,
lineStyle : {
type : [ 8 , 4 ] ,
dashOffset : 4 ,
color : '#8FABBF'
}
}
} ,
series : [
{
2023-06-09 18:36:09 +08:00
name : '库存数' ,
2023-06-02 09:38:31 +08:00
type : 'bar' ,
barWidth : '8' ,
barGap : '200%' ,
itemStyle : {
normal : {
color : new this . $echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [
{
offset : 1 ,
color : 'rgba(96,112,128,0.10)' ,
opacity : 1
} ,
{
offset : 0 ,
color : '#0E90FD' ,
opacity : 0.1
}
] )
}
} ,
2023-06-09 18:36:09 +08:00
data : barData1
2023-06-02 09:38:31 +08:00
} ,
{
2023-06-09 18:36:09 +08:00
name : '合格入库' ,
2023-06-02 09:38:31 +08:00
type : 'bar' ,
barWidth : '8' ,
barGap : '200%' ,
itemStyle : {
normal : {
color : new this . $echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [
{
offset : 0 ,
color : '#33CCCC' ,
opacity : 1
} ,
{
offset : 1 ,
color : 'rgba(31,89,89,0.25)' ,
opacity : 0.25
}
] )
}
} ,
2023-06-09 18:36:09 +08:00
data : barData2
2023-06-02 09:38:31 +08:00
} ,
{
2023-06-09 18:36:09 +08:00
name : '不合格入库' ,
2023-06-02 09:38:31 +08:00
type : 'bar' ,
barWidth : '8' ,
barGap : '200%' ,
itemStyle : {
normal : {
color : new this . $echarts . graphic . LinearGradient ( 0 , 0 , 0 , 1 , [
{
offset : 0 ,
color : '#B68845' ,
opacity : 1
} ,
{
offset : 1 ,
color : 'rgba(134,98,45,0.25)' ,
opacity : 0.25
}
] )
}
} ,
2023-06-09 18:36:09 +08:00
data : barData3
2023-06-02 09:38:31 +08:00
}
]
}
let echart = document . getElementById ( 'home_echart_3' )
if ( this . myCharts3 !== '' ) {
this . myCharts3 . dispose ( )
}
if ( echart !== null ) {
this . myCharts3 = this . $echarts . init ( echart )
this . myCharts3 . setOption ( option )
window . addEventListener ( 'resize' , ( ) => {
this . myCharts3 . resize ( )
} )
}
2023-06-12 10:27:09 +08:00
} ,
jumpTakeShape ( ) {
2023-06-15 10:38:16 +08:00
// this.$router.push('/takeshapeone')
2023-06-14 18:25:51 +08:00
} ,
expandTooltip ( ) {
this . expand = ! this . expand
2023-06-02 09:38:31 +08:00
}
}
}
< / script >
< style lang = "stylus" scoped >
@ import '~@css/mixin'
. n _container
2023-06-12 14:43:01 +08:00
position relative
2023-06-02 09:38:31 +08:00
_wh ( 100 % , 100 % )
2023-06-06 00:15:25 +08:00
overflow hidden
2023-06-02 09:38:31 +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 % )
2023-06-12 14:43:01 +08:00
padding 40 px 0 20 px 0
2023-06-05 14:35:45 +08:00
_bis ( '../../../images/bg_content_l.jpg' )
2023-06-02 09:38:31 +08:00
. n _body _container _wraper
_wh ( 100 % , 100 % )
_fj ( row )
. n _left _content
2023-06-12 14:43:01 +08:00
position absolute
left 0
top 0
_wh ( calc ( 100 % / 3 ) , 1 0 0 % )
2023-06-13 19:22:30 +08:00
// background-color #070b1c
background - image linear - gradient ( to bottom , # 070 b1c , transparent )
2023-06-02 09:38:31 +08:00
. n _right _content
2023-06-12 14:43:01 +08:00
padding - left calc ( 100 % / 3 )
_wh ( 100 % , 100 % )
2023-06-02 09:38:31 +08:00
. item _wrap
2023-06-12 14:43:01 +08:00
_wh ( 100 % , calc ( 100 % / 3 ) )
2023-06-02 09:38:31 +08:00
. item _tip
_wh ( 100 % , 32 px )
line - height 32 px
padding 0 10 px
. item _tip _bg _s
_bis ( '../../../images/bg_title_s.png' )
. item _tip _left
_wh ( 60 % , 100 % )
font - family "SourceHanSansCN"
_font ( 18 px , inherit , # fff , 700 , left )
letter - spacing 2 px
text - shadow 0 0 9 px # 159 AFF
padding - left 34 px
_bis ( '../../../images/bg_title_tip.png' , 22 px , 22 px , left )
. item _content
_wh ( 100 % , calc ( 100 % - 32 px ) )
padding 10 px 5 px
. right _wrap
position relative
z - index 1
_wh ( 100 % , 100 % )
2023-06-06 00:15:25 +08:00
top - 5 %
2023-06-02 19:22:30 +08:00
// _bis('../../../images/workshop/workshop_l.png')
2023-06-02 09:38:31 +08:00
. 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 )
. hlj _s _wrap
width 4 %
height 85.5 %
2023-06-13 18:55:59 +08:00
top 3 %
2023-06-13 16:18:51 +08:00
left 17 %
2023-06-02 09:38:31 +08:00
. hlj _s
2023-06-12 10:27:09 +08:00
height 7 %
. yj _info _wrap
2023-06-13 16:18:51 +08:00
position absolute
top - 17 %
left - 356 %
z - index 0
width 355 %
_fj ( row )
. yj _info
width 96 %
height 52 px
padding 2 px 5 px
background - image linear - gradient ( to right , # 067272 , transparent )
border 1 px solid # 00 ffff
border - radius 5 px
overflow hidden
p
_font ( 12 px , 14 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 16:18:51 +08:00
_wh ( 4 % , 1 px )
2023-06-12 10:27:09 +08:00
background - color # 03 fcfd
2023-06-02 09:38:31 +08:00
& : nth - child ( 2 )
2023-06-13 18:55:59 +08:00
top 8.5 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 3 )
2023-06-13 18:55:59 +08:00
top 17.5 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 4 )
2023-06-13 18:55:59 +08:00
top 26.5 %
2023-06-02 09:38:31 +08:00
. hlj _wrap
width 4 %
height 66.5 %
2023-06-13 18:55:59 +08:00
top 35 %
2023-06-13 16:18:51 +08:00
left 17 %
2023-06-02 09:38:31 +08:00
. hlj
2023-06-12 10:27:09 +08:00
height 7 %
. yj _info _wrap
2023-06-13 16:18:51 +08:00
position absolute
top - 22 %
left - 356 %
z - index 0
width 355 %
_fj ( row )
. yj _info
width 96 %
height 52 px
padding 2 px 5 px
background - image linear - gradient ( to right , # 067272 , transparent )
border 1 px solid # 00 ffff
border - radius 5 px
overflow hidden
p
_font ( 12 px , 14 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 16:18:51 +08:00
_wh ( 4 % , 1 px )
2023-06-12 10:27:09 +08:00
background - color # 03 fcfd
2023-06-02 09:38:31 +08:00
& : nth - child ( 2 )
2023-06-13 16:18:51 +08:00
top 8 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 3 )
2023-06-13 16:18:51 +08:00
top 17 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 4 )
2023-06-13 16:18:51 +08:00
top 25 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 5 )
2023-06-13 16:18:51 +08:00
top 34 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 6 )
2023-06-13 16:18:51 +08:00
top 42 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 7 )
2023-06-13 18:55:59 +08:00
top 53 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 8 )
2023-06-13 18:55:59 +08:00
top 61 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 9 )
2023-06-13 18:55:59 +08:00
top 70 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 10 )
2023-06-13 18:55:59 +08:00
top 78 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 11 )
2023-06-13 18:55:59 +08:00
top 87 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 12 )
2023-06-13 18:55:59 +08:00
top 95 %
2023-06-02 09:38:31 +08:00
. lz _wrap _1
width 2 %
height 84.6 %
2023-06-13 18:55:59 +08:00
top 3.5 %
2023-06-13 16:18:51 +08:00
left 22 %
2023-06-02 09:38:31 +08:00
. lz
& : nth - child ( 2 )
2023-06-12 10:27:09 +08:00
top 9 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 3 )
2023-06-12 10:27:09 +08:00
top 18 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 4 )
2023-06-12 10:27:09 +08:00
top 27 %
2023-06-02 09:38:31 +08:00
. lz _wrap _2
width 2 %
height 66.3 %
2023-06-13 18:55:59 +08:00
top 36 %
2023-06-13 16:18:51 +08:00
left 22 %
2023-06-02 09:38:31 +08:00
. lz
& : nth - child ( 2 )
2023-06-13 16:18:51 +08:00
top 7.5 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 3 )
2023-06-13 16:18:51 +08:00
top 17 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 4 )
2023-06-13 16:18:51 +08:00
top 24.5 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 5 )
2023-06-13 16:18:51 +08:00
top 34 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 6 )
2023-06-13 16:18:51 +08:00
top 42.5 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 7 )
2023-06-13 18:55:59 +08:00
top 53 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 8 )
2023-06-13 18:55:59 +08:00
top 61.5 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 9 )
2023-06-13 18:55:59 +08:00
top 70 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 10 )
2023-06-13 18:55:59 +08:00
top 78.5 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 11 )
2023-06-13 18:55:59 +08:00
top 87 %
2023-06-02 09:38:31 +08:00
& : nth - child ( 12 )
2023-06-13 18:55:59 +08:00
top 94.5 %
2023-06-09 18:36:09 +08:00
. yjlz _wrap _1
2023-06-02 09:38:31 +08:00
width 2 %
2023-06-09 18:36:09 +08:00
height 16.442 %
2023-06-12 14:43:01 +08:00
top 2 %
left 42 %
2023-06-09 18:36:09 +08:00
. lz _1
2023-06-20 18:19:20 +08:00
_wh ( 100 % , 19.011 % )
2023-06-09 18:36:09 +08:00
. lz _2
2023-06-20 18:19:20 +08:00
& : nth - child ( 2 )
top 43 %
& : nth - child ( 3 )
top 62 %
& : nth - child ( 4 )
top 81 %
2023-06-09 18:36:09 +08:00
. yjlz _wrap _2
2023-06-12 14:43:01 +08:00
top 21 %
2023-06-09 18:36:09 +08:00
. yjlz _wrap _3
top 41 %
. lz _1
top 50 %
transform translateY ( - 50 % )
. yjlz _wrap _5
2023-06-12 14:43:01 +08:00
top 62 %
2023-06-09 18:36:09 +08:00
. lz _1
top 50 %
transform translateY ( - 50 % )
. yjlz _wrap _7
top 75 %
. lz _1
top 50 %
transform translateY ( - 50 % )
. yjlz _wrap _8
top 89 %
. lz _1
top 50 %
transform translateY ( - 50 % )
. yj _wrap _1
2023-06-02 09:38:31 +08:00
width 16 %
2023-06-09 09:22:13 +08:00
height 16.442 %
2023-06-12 14:43:01 +08:00
top 2 %
left 44.7 %
2023-06-12 10:27:09 +08:00
. yj _info _wrap
2023-06-13 16:18:51 +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
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 16:18:51 +08:00
_wh ( 28 % , 1 px )
2023-06-12 10:27:09 +08:00
background - color # 03 fcfd
2023-06-02 09:38:31 +08:00
. yyj
2023-06-09 09:22:13 +08:00
width 50 %
img
width : 83 % ;
left : 37 % ;
2023-06-02 09:38:31 +08:00
. wzm
2023-06-09 09:22:13 +08:00
_wh ( 50 % , 41 % )
2023-06-02 09:38:31 +08:00
background - color # d9d9d9
top auto
bottom 0
2023-06-21 16:05:35 +08:00
_fj ( row , flex - start )
padding 0 10 px
2023-06-14 18:25:51 +08:00
p
2023-06-21 16:05:35 +08:00
_font ( 15 px , 17 px , # 333 , , left )
2023-06-02 09:38:31 +08:00
. jzjcss
2023-06-09 09:22:13 +08:00
width : 24 % ;
left : 51 % ;
top : 25 % ;
2023-06-02 19:22:30 +08:00
. weilan
2023-06-09 09:22:13 +08:00
width : 46 % ;
left : 54 % ;
top 37 %
2023-06-02 19:22:30 +08:00
. robot
2023-06-09 09:22:13 +08:00
width 1 %
height 1 %
left : 75 % ;
top : 55 % ;
transform : rotate ( - 46 deg )
img
width 2400 %
top : - 800 % ;
left : - 2000 % ;
2023-06-02 19:22:30 +08:00
. kongtuopan _1
2023-06-16 18:22:51 +08:00
_wh ( 12 % , 12 % )
2023-06-09 09:22:13 +08:00
top : 81 % ;
left : 61 % ;
2023-06-16 18:22:51 +08:00
. zhuan _qty
position absolute
bottom - 30 px
right : 0 ;
z - index 8
_wh ( 50 px , 20 px )
background - color : # 0 ff ;
border : 1 px solid # 0 ff ;
border - radius : 5 px
p
display block
_fj ( row , center )
_wh ( 100 % , 100 % )
_font ( 13 px , 13 px , # fff , , center )
white - space nowrap
. zhuan _bg _arrow
position : absolute ;
top - 5 px
right 10 %
display : block ;
width : 0 ;
height : 0 ;
border - color : transparent ;
border - style : solid ;
border - width : 5 px
border - top - width : 0 ;
border - bottom - color : # 0 ff ;
& : after
content : " " ;
border - width : 5 px ;
2023-06-02 19:22:30 +08:00
. kongtuopan _2
2023-06-09 09:22:13 +08:00
left : 74 % ;
2023-06-16 18:22:51 +08:00
. zhuan _qty
right auto
left 0
. zhuan _bg _arrow
right auto
left 10 %
2023-06-20 18:19:20 +08:00
. elect _1
2023-06-09 09:22:13 +08:00
width : 10 % ;
height : 9 % ;
left : 74 % ;
top : 27 % ;
background - color # fff
2023-06-21 10:09:41 +08:00
_fj ( row , center )
img
position static
_wh ( 50 % , 100 % )
2023-06-20 18:19:20 +08:00
. elect _2
2023-06-09 09:22:13 +08:00
left : 86 %
2023-06-09 18:36:09 +08:00
. yj _wrap _2
2023-06-12 14:43:01 +08:00
top 21 %
2023-06-02 19:22:30 +08:00
. robot
2023-06-12 14:43:01 +08:00
transform : rotate ( - 46 deg )
2023-06-02 19:22:30 +08:00
. kongtuopan _1
2023-06-16 18:22:51 +08:00
top 31 %
2023-06-12 14:43:01 +08:00
left 85 %
2023-06-16 18:22:51 +08:00
img
transform rotate ( 90 deg )
. zhuan _qty
bottom auto
top 0
right auto
left 32 px
. zhuan _bg _arrow
border - color : transparent ;
border - width : 5 px ;
border - left - width : 0 ;
border - right - color : # 0 ff ;
top : 20 % ;
left : - 5 px ;
2023-06-02 19:22:30 +08:00
. kongtuopan _2
2023-06-16 18:22:51 +08:00
top 80 %
2023-06-09 09:22:13 +08:00
. weilan
top 16 %
2023-06-20 18:19:20 +08:00
. elect _2
2023-06-09 18:36:09 +08:00
top 9 %
left : 89 % ;
. yj _wrap _3
2023-06-06 15:49:07 +08:00
top 41 %
2023-06-12 10:27:09 +08:00
. yj _info _wrap
top - 10 %
2023-06-13 16:18:51 +08:00
width 148 %
. yj _info
width 63 %
2023-06-12 10:27:09 +08:00
. bg _line
2023-06-13 16:18:51 +08:00
width 37 %
2023-06-12 10:27:09 +08:00
. yj _info _wrap _1
top 46 %
2023-06-09 18:36:09 +08:00
. blj _1
width : 18 % ;
top : 14 % ;
left : 16 % ;
. blj _2
top 70 %
2023-06-02 19:22:30 +08:00
. cyj _1
2023-06-09 09:22:13 +08:00
width 50 %
height 50 %
2023-06-14 18:25:51 +08:00
. cyj _img _wrap
position absolute
_wh ( 28 % , 91.49 % )
2023-06-09 09:22:13 +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-02 19:22:30 +08:00
. cyj _2
2023-06-09 09:22:13 +08:00
top 50 %
2023-06-14 18:25:51 +08:00
. cyj _img _wrap
2023-06-09 09:22:13 +08:00
top auto
bottom 0
2023-06-07 17:39:47 +08:00
. jzjcj _1
2023-06-09 09:22:13 +08:00
width 7 %
height 50 %
left 51 %
img
top auto
bottom 5 %
2023-06-07 17:39:47 +08:00
. jzjcj _2
2023-06-09 09:22:13 +08:00
top 50 %
img
top 5 %
2023-06-07 17:39:47 +08:00
. lmyzj
2023-06-09 09:22:13 +08:00
width : 13 % ;
left : 54 % ;
top : 33 % ;
2023-06-02 19:22:30 +08:00
. weilan
2023-06-09 09:22:13 +08:00
top 6 %
2023-06-02 19:22:30 +08:00
. robot
2023-06-09 09:22:13 +08:00
left : 79 % ;
top : 49 % ;
2023-06-12 14:43:01 +08:00
transform : rotate ( - 4 deg )
2023-06-02 19:22:30 +08:00
. kongtuopan _1
2023-06-09 09:22:13 +08:00
top : 21 %
left : 64 % ;
2023-06-16 18:22:51 +08:00
. zhuan _qty
bottom auto
top - 47 px
. zhuan _bg _arrow
border - color : transparent ;
border - width : 5 px ;
border - bottom - width : 0 ;
border - top - color : # 0 ff ;
top auto
bottom - 5 px
2023-06-02 19:22:30 +08:00
. kongtuopan _2
2023-06-09 09:22:13 +08:00
left : 80 % ;
2023-06-02 19:22:30 +08:00
. kongtuopan _3
2023-06-09 09:22:13 +08:00
top : 64 %
2023-06-16 18:22:51 +08:00
. zhuan _qty
bottom - 47 px
top auto
. zhuan _bg _arrow
border - color : transparent ;
border - width : 5 px ;
border - top - width : 0 ;
border - bottom - color : # 0 ff ;
top - 5 px
bottom auto
2023-06-02 19:22:30 +08:00
. kongtuopan _4
2023-06-09 09:22:13 +08:00
top : 64 %
left : 80 % ;
2023-06-16 18:22:51 +08:00
. zhuan _qty
bottom - 47 px
top auto
right auto
left 0
. zhuan _bg _arrow
border - color : transparent ;
border - width : 5 px ;
border - top - width : 0 ;
border - bottom - color : # 0 ff ;
top - 5 px
bottom auto
right auto
left 10 %
2023-06-21 10:09:41 +08:00
. elect _2
top : 101 % ;
left : 38 % ;
2023-06-09 18:36:09 +08:00
. yj _wrap _5
2023-06-12 14:43:01 +08:00
top 61 %
2023-06-02 19:22:30 +08:00
. kongtuopan _1
2023-06-16 18:22:51 +08:00
top : 7 % ;
2023-06-09 09:22:13 +08:00
left : 64 % ;
2023-06-16 18:22:51 +08:00
img
transform rotate ( 90 deg )
2023-06-02 19:22:30 +08:00
. kongtuopan _2
2023-06-16 18:22:51 +08:00
top 25 %
2023-06-02 19:22:30 +08:00
. kongtuopan _3
2023-06-16 18:22:51 +08:00
top 62 %
2023-06-02 19:22:30 +08:00
. kongtuopan _4
2023-06-16 18:22:51 +08:00
top 80 %
2023-06-09 18:36:09 +08:00
. yj _wrap _7
2023-06-06 15:49:07 +08:00
top 75 %
2023-06-12 10:27:09 +08:00
. yj _info _wrap
top 19 %
2023-06-09 18:36:09 +08:00
. blj _1
top 42 %
2023-06-02 19:22:30 +08:00
. cyj _1
2023-06-09 09:22:13 +08:00
top 25 %
2023-06-07 17:39:47 +08:00
img
2023-06-09 09:22:13 +08:00
top 50 %
transform translateY ( - 50 % )
. weilan
top 15 %
2023-06-02 19:22:30 +08:00
. robot
2023-06-09 09:22:13 +08:00
left : 75 %
transform : rotate ( 15 deg ) ;
2023-06-02 19:22:30 +08:00
. kongtuopan _1
2023-06-16 18:22:51 +08:00
top 35 %
2023-06-09 09:22:13 +08:00
left 90 %
2023-06-16 18:22:51 +08:00
img
transform rotate ( 90 deg )
. zhuan _qty
bottom auto
top 0
right auto
left 32 px
. zhuan _bg _arrow
border - color : transparent ;
border - width : 5 px ;
border - left - width : 0 ;
border - right - color : # 0 ff ;
top : 20 % ;
left : - 5 px ;
2023-06-02 19:22:30 +08:00
. kongtuopan _2
2023-06-16 18:22:51 +08:00
top : 59 %
2023-06-07 17:39:47 +08:00
. jcpmj
2023-06-09 09:22:13 +08:00
width : 18 % ;
top : 12 % ;
left : 57 % ;
2023-06-21 16:05:35 +08:00
. elect _2
top : 74 % ;
left : 38 % ;
2023-06-09 18:36:09 +08:00
. yj _wrap _8
2023-06-06 00:15:25 +08:00
top 89 %
2023-06-09 18:36:09 +08:00
. yj _wrap _17
2023-06-12 15:07:44 +08:00
left 62.5 %
2023-06-02 19:22:30 +08:00
. yyj
2023-06-12 10:27:09 +08:00
left auto
right 0
2023-06-02 19:22:30 +08:00
img
2023-06-12 10:27:09 +08:00
left auto
right 37 %
2023-06-09 09:22:13 +08:00
transform rotate ( 180 deg )
2023-06-12 10:27:09 +08:00
. wzm
left auto
right 0
2023-06-09 18:36:09 +08:00
. yj _wrap _15
2023-06-12 15:07:44 +08:00
left 62.5 %
2023-06-12 10:27:09 +08:00
. cyj _1
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
2023-06-09 18:36:09 +08:00
. yj _wrap _13
2023-06-12 15:07:44 +08:00
left 62.5 %
2023-06-12 10:27:09 +08:00
. cyj _1
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
2023-06-09 18:36:09 +08:00
. yj _wrap _12
2023-06-12 15:07:44 +08:00
left 62.5 %
2023-06-12 10:27:09 +08:00
. cyj _1
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
2023-06-09 18:36:09 +08:00
. yj _wrap _10
2023-06-12 15:07:44 +08:00
left 62.5 %
2023-06-13 16:18:51 +08:00
. yj _info _wrap
left 63 %
2023-06-12 10:27:09 +08:00
. cyj _1
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
. kongtuopan _1
left auto
right 64 %
2023-06-16 18:22:51 +08:00
img
transform rotate ( - 90 deg )
2023-06-21 10:09:41 +08:00
. elect _2
top : 46 % ;
left : 52 % ;
2023-06-13 16:18:51 +08:00
. kl _wrap _1
2023-06-02 19:22:30 +08:00
width 2 %
height 63 %
2023-06-20 18:19:20 +08:00
bottom 10 %
2023-06-02 19:22:30 +08:00
left auto
right 7 %
. lz
position relative
2023-06-20 18:19:20 +08:00
_wh ( 100 % , 4.96 % )
2023-06-02 19:22:30 +08:00
. mgt5
margin - top 45 %
2023-06-13 16:18:51 +08:00
. kl _wrap _2
right 5 %
2023-06-02 19:22:30 +08:00
. mtp _wrap _1
width 2.5 %
top 9 %
right 5 %
. mtp
width 100 %
img
_wh ( 100 % , auto )
2023-06-14 18:25:51 +08:00
. rotate _2500 _1
animation rotate _2500 _1 1.5 s linear 1.5 s infinite alternate - reverse
. rotate _2500 _2
animation rotate _2500 _2 1.5 s linear 1.5 s infinite alternate - reverse
. rotate _630 _1
animation rotate _630 _1 1.5 s linear 1.5 s infinite alternate - reverse
. rotate _630 _2
animation rotate _630 _2 3 s linear 1.5 s infinite alternate - reverse
2023-06-09 09:22:13 +08:00
@ keyframes rotate _2500 _1 {
0 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 09:22:13 +08:00
}
10 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 09:22:13 +08:00
}
20 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 09:22:13 +08:00
}
90 % {
2023-06-12 14:43:01 +08:00
transform : rotateZ ( - 115 deg ) rotateY ( - 30 deg )
2023-06-09 09:22:13 +08:00
}
100 % {
2023-06-12 14:43:01 +08:00
transform : rotateZ ( - 115 deg ) rotateY ( 0 deg )
2023-06-09 09:22:13 +08:00
}
}
2023-06-12 14:43:01 +08:00
@ keyframes rotate _2500 _2 {
2023-06-09 09:22:13 +08:00
0 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 09:22:13 +08:00
}
10 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 09:22:13 +08:00
}
20 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( - 46 deg )
2023-06-09 09:22:13 +08:00
}
90 % {
2023-06-12 14:43:01 +08:00
transform : rotateZ ( - 120 deg ) rotateY ( - 30 deg )
2023-06-09 09:22:13 +08:00
}
100 % {
2023-06-12 14:43:01 +08:00
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 )
}
100 % {
transform : rotateZ ( - 115 deg ) rotateY ( 0 deg )
2023-06-09 09:22:13 +08:00
}
}
@ keyframes rotate _630 _2 {
0 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( 150 deg ) rotateY ( - 30 deg )
2023-06-09 09:22:13 +08:00
}
10 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( 150 deg ) rotateY ( 0 deg )
2023-06-09 09:22:13 +08:00
}
50 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( 70 deg ) rotateY ( - 30 deg )
2023-06-09 09:22:13 +08:00
}
60 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( 70 deg ) rotateY ( 0 deg )
2023-06-09 09:22:13 +08:00
}
90 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( 15 deg )
2023-06-09 09:22:13 +08:00
}
100 % {
2023-06-09 18:36:09 +08:00
transform : rotateZ ( 15 deg )
2023-06-09 09:22:13 +08:00
}
}
2023-06-02 09:38:31 +08:00
< / style >
