diff --git a/src/images/device/cpj_gray.png b/src/images/device/cpj_gray.png index 66eaf00..027d828 100644 Binary files a/src/images/device/cpj_gray.png and b/src/images/device/cpj_gray.png differ diff --git a/src/images/device/cpj_green.png b/src/images/device/cpj_green.png index accac3a..bd78af7 100644 Binary files a/src/images/device/cpj_green.png and b/src/images/device/cpj_green.png differ diff --git a/src/images/device/cpj_red.png b/src/images/device/cpj_red.png index 554afff..a8cbbc5 100644 Binary files a/src/images/device/cpj_red.png and b/src/images/device/cpj_red.png differ diff --git a/src/images/device/cpj_yellow.png b/src/images/device/cpj_yellow.png index d81effc..03eb17d 100644 Binary files a/src/images/device/cpj_yellow.png and b/src/images/device/cpj_yellow.png differ diff --git a/src/images/device/hjktp.png b/src/images/device/hjktp.png new file mode 100644 index 0000000..c483c33 Binary files /dev/null and b/src/images/device/hjktp.png differ diff --git a/src/images/device/hjmtp.png b/src/images/device/hjmtp.png new file mode 100644 index 0000000..1fdaf1a Binary files /dev/null and b/src/images/device/hjmtp.png differ diff --git a/src/pages/modules/home/workshop.vue b/src/pages/modules/home/workshop.vue index 8479122..ba63310 100644 --- a/src/pages/modules/home/workshop.vue +++ b/src/pages/modules/home/workshop.vue @@ -107,12 +107,12 @@

{{i+1}}号窑

-
-
- - - - +
+
+ + + +
-
- - - - +
+ +
+
+ + + +
-
-
- - - +
+ +
+
-
-
- - - +
+ +
+
-
-
-
- - -
-
-
- - - - - -
+
@@ -650,13 +636,13 @@ export default { box-shadow: 0 0 15px #0087ac; border-radius: 10px; .machine_block_1 - width: 72%; - height: 25%; + width: 77%; + height: 24%; right: 2%; - top: 32%; + top: 28%; .machine_block_2 - width: 63%; - height: 26%; + width: 55%; + height: 22%; left: auto right: 2% top: 4%; @@ -700,38 +686,18 @@ export default { width 100% height 100% .yjbyx_1 - width 4.5% - height 80% - top 10% - left 2% - img - transform rotate(180deg) + width: 4%; + height: 76%; + top: 22%; + left: 10%; .yjbyx_2 - width 4.5% - height 80% - left auto - right 0 - top 10% -.yao_line_1 - position absolute - width 100% - height 6px - border 1px solid #d1d1d1 - top -9px - background-color #9e9e9e - display flex - justify-content: space-between - align-items: center -.yao_line_2 - top auto - bottom -9px -.yao_line_dot - width 2px - height 100% - background-color #e1e1e1 + width: 4%; + height: 79%; + left: auto; + right: 0; .yao_wrap position absolute - width 86% + width 80% height 50px .yao_layer1 position absolute @@ -775,11 +741,11 @@ export default { left: 0; background-color: #A0927E; .yao_1 - left 8% - top 20% + left 15% + top 22% .yao_2 - left 8% - bottom 30% + left 15% + bottom 22% .yytsj_wrap width 50% left 25% @@ -788,69 +754,69 @@ export default { top auto bottom 0 left 25% -.ktp_yao_back_wrap - left 0 +.ktp_yao_enter_wrap + width 86% + left auto top auto bottom 0 - width 100% - height: 20px -.ktp_yao_front_wrap - width 88% - left 7% - top 0 + right 0 +.ktp_yao_out_wrap + width 86% + left: auto + right: 4%; .ktp_yao_back float left - width 27px - height 20px + width calc(100% / 39) img height auto -.dpj_wrap - width 15% - left 18% - top auto - bottom 9% -.ltssj_wrap - height 20px - left -12px - top: auto - bottom 12% -.ltssj - float left - width 27px +.dpw_wrap + width: 4%; + top: -30%; + left: 15%; +.cpj_wrap + width 6% + top 80% +.jyw_wrap + width 2% + height 76% + top: 22% + left 8% +.jyw1 + top 16% +.jyw2 + top 39% +.jyw3 + top 63% +.jyw4 + top 86% .ddxt_wrap_1 - width 45% + width 30% height 49% .ddxt_wrap_2 top auto bottom 0 .weilan_ddxt_wrap_1 - width 25% + width 45% height 100% .weilan_ddxt_wrap_2 - width 35% + width 45% height 100% left auto right 0 img transform rotate(180deg) .ssj_wrap - width: 60%; + width: 40%; top: 40%; - left: 20%; + left: 30%; .ktp_cmd_wrap width 18.31px .ktp_cmd_wrap_1 - left: 6%; + left: 1%; top: 6%; .ktp_cmd_wrap_2 - left 6% - top 72% -.ktp_cmd_wrap_3 - left: 89.5%; - top: 5%; -.ktp_cmd_wrap_4 - left: 89.5%; - top: 42%; + left 1% + top 67% .cmdssj_1 width 27.5px height 22px @@ -859,20 +825,25 @@ export default { .cmdssj_2 top 70% img - transfrom rotate(180deg) + transform rotate(180deg) .robot_cmd_wrap_1 - width 1% - height 1% - left: 9%; + width 1px + height 1px + left: 14%; top: 50%; img position absolute - width: 1500%; + width: 37px; height: auto; - top: -700%; - left: -300%; + top: -11px; + left: -7px; .robot_cmd_wrap_2 - left 88% + left 82% + top 54% + img + transform rotate(180deg) + top: -9px; + left: -27px; .fmjxt_wrap width 9% left 88% @@ -1222,19 +1193,6 @@ export default { align-items center img width 100% -.cpj_ssx_wrap - width 2.7% - left: 11%; - top: 38%; -.ssx_wrap - width 100% -.ssx - width 100% - height 28.77px -.cpj_wrap - width 18% - top: -51%; - left: 20%; .agv_1 width 17% left 16% @@ -1246,7 +1204,7 @@ export default { .rgv_line_wrap position absolute top 0 - left 46% + left 31% width 5.5% height 100% .rgv_line_1 @@ -1302,7 +1260,7 @@ export default { .rgvct width 5.5% top 10% - left: 46%; + left: 31%; z-index: 100; .ggtj_wrap display flex @@ -1311,13 +1269,13 @@ export default { width 27px height auto .ggtj_wrap_1 - left: 51%; + left: 36%; top: 18%; .ggtj_wrap_2 - left: 51%; - top: 34%; + left: 36%; + top: 37%; .ggtj_wrap_3 - left: 51%; + left: 36%; top: 64%; .fmj_wrap height: 122%;