diff --git a/src/images/device/2500/yj_gray.png b/src/images/device/2500/yj_gray.png new file mode 100644 index 0000000..043ef12 Binary files /dev/null and b/src/images/device/2500/yj_gray.png differ diff --git a/src/images/device/2500/yj_green.png b/src/images/device/2500/yj_green.png new file mode 100644 index 0000000..64f98e7 Binary files /dev/null and b/src/images/device/2500/yj_green.png differ diff --git a/src/images/device/2500/yj_red.png b/src/images/device/2500/yj_red.png new file mode 100644 index 0000000..9902e4c Binary files /dev/null and b/src/images/device/2500/yj_red.png differ diff --git a/src/images/device/2500/yj_yellow.png b/src/images/device/2500/yj_yellow.png new file mode 100644 index 0000000..d20e571 Binary files /dev/null and b/src/images/device/2500/yj_yellow.png differ diff --git a/src/images/device/630/yj_gray.png b/src/images/device/630/yj_gray.png index 87a08d0..1ed5e83 100644 Binary files a/src/images/device/630/yj_gray.png and b/src/images/device/630/yj_gray.png differ diff --git a/src/images/device/630/yj_green.png b/src/images/device/630/yj_green.png index 3abd9cb..a4b6e1f 100644 Binary files a/src/images/device/630/yj_green.png and b/src/images/device/630/yj_green.png differ diff --git a/src/images/device/630/yj_red.png b/src/images/device/630/yj_red.png index 8d5cc2c..a53b590 100644 Binary files a/src/images/device/630/yj_red.png and b/src/images/device/630/yj_red.png differ diff --git a/src/images/device/630/yj_yellow.png b/src/images/device/630/yj_yellow.png index c246cba..acb31bd 100644 Binary files a/src/images/device/630/yj_yellow.png and b/src/images/device/630/yj_yellow.png differ diff --git a/src/images/device/blj.png b/src/images/device/blj.png new file mode 100644 index 0000000..ef71db3 Binary files /dev/null and b/src/images/device/blj.png differ diff --git a/src/images/device/cdz.png b/src/images/device/cdz.png new file mode 100644 index 0000000..cdbd40f Binary files /dev/null and b/src/images/device/cdz.png differ diff --git a/src/images/device/cmdssj_gray.png b/src/images/device/cmdssj_gray.png new file mode 100644 index 0000000..d3f3ec0 Binary files /dev/null and b/src/images/device/cmdssj_gray.png differ diff --git a/src/images/device/cmdssj_green.png b/src/images/device/cmdssj_green.png new file mode 100644 index 0000000..7d757ab Binary files /dev/null and b/src/images/device/cmdssj_green.png differ diff --git a/src/images/device/cmdssj_red.png b/src/images/device/cmdssj_red.png new file mode 100644 index 0000000..44d2d3a Binary files /dev/null and b/src/images/device/cmdssj_red.png differ diff --git a/src/images/device/cmdssj_yellow.png b/src/images/device/cmdssj_yellow.png new file mode 100644 index 0000000..6a263e7 Binary files /dev/null and b/src/images/device/cmdssj_yellow.png differ diff --git a/src/images/device/fmj.png b/src/images/device/fmj.png new file mode 100644 index 0000000..4e38741 Binary files /dev/null and b/src/images/device/fmj.png differ diff --git a/src/images/device/ggtssj_gray.png b/src/images/device/ggtssj_gray.png new file mode 100644 index 0000000..51fa109 Binary files /dev/null and b/src/images/device/ggtssj_gray.png differ diff --git a/src/images/device/ggtssj_yellow.png b/src/images/device/ggtssj_yellow.png new file mode 100644 index 0000000..506e733 Binary files /dev/null and b/src/images/device/ggtssj_yellow.png differ diff --git a/src/images/device/lz_gray.png b/src/images/device/lz_gray.png new file mode 100644 index 0000000..dfcea2f Binary files /dev/null and b/src/images/device/lz_gray.png differ diff --git a/src/images/device/lz_green.png b/src/images/device/lz_green.png new file mode 100644 index 0000000..0deb49a Binary files /dev/null and b/src/images/device/lz_green.png differ diff --git a/src/images/device/lz_red.png b/src/images/device/lz_red.png new file mode 100644 index 0000000..b5ac5dd Binary files /dev/null and b/src/images/device/lz_red.png differ diff --git a/src/images/device/lz_yellow.png b/src/images/device/lz_yellow.png new file mode 100644 index 0000000..e25f732 Binary files /dev/null and b/src/images/device/lz_yellow.png differ diff --git a/src/images/device/rgv_ct.png b/src/images/device/rgv_ct.png new file mode 100644 index 0000000..e73eee2 Binary files /dev/null and b/src/images/device/rgv_ct.png differ diff --git a/src/pages/modules/home/devicepop.vue b/src/pages/modules/home/devicepop.vue index d5dfee0..3c7e466 100644 --- a/src/pages/modules/home/devicepop.vue +++ b/src/pages/modules/home/devicepop.vue @@ -106,7 +106,7 @@ export default { margin-bottom 8px .pop_status _wh(50%, 28px) - _fj(flex-end) + _fj(row,flex-end) .pop_status_dot _wh(15px, 15px) border-radius 50% diff --git a/src/pages/modules/home/workshop.vue b/src/pages/modules/home/workshop.vue index e0f8f7b..8abf05c 100644 --- a/src/pages/modules/home/workshop.vue +++ b/src/pages/modules/home/workshop.vue @@ -21,81 +21,75 @@
-
- +
+
+ +
+
+ +
+
+ +
+
+ + + + + +
+
+ +
+
+ +
+
+ + + + +
+
+ +
-
- +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- +
+
-
- +
+
-
- - - - - +
+ +
+ +
-
- - - - -
-
- -
-
- - - - -
-
- -
-
- - - - - -
-
- - - - - +
+
@@ -208,296 +202,196 @@
-
-
-
- - - - +
+ +
+ +
+
+ +
+
+ +
+
+
+ + + +
-
-
- -
-
- - - - - -
-
- - - - -
-
-
- - - - -
-
- - - - - -
-
- - - - -
-
+
+ + + +
+
+ + + + +
+
+ + + + + +
+
+ + + + +
+
+ +
-
-
-
-
- -
-
- -
-
- -
-
- -
-
-
-
- -
-
- - - - -
-
- - - - - -
-
- - - - - -
-
- - - - -
-
- -
-
-
-
- -
-
- - - - -
-
- - - - - -
-
- - - - - -
-
- - - - -
-
- -
-
-
-
- -
-
- - - - - -
-
-
- - - +
+
+
+ + + +
+
+ +
+
+ +
+
+ +
+
+
+ + + + +
+
+ + + + + +
+
+
+ + + + +
+
+ + + + + +
+
+ + + + +
+
+
-
-
- - - - +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
-
-
- - - - +
+
+
-
-
-
- - - - +
+
+ +
+
+
+ +
+
+ +
+
+
-
-
- - - - - -
-
- - - - -
-
-
@@ -533,7 +427,7 @@
-
+
@@ -563,7 +457,7 @@
-
+
@@ -579,6 +473,33 @@
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
@@ -729,48 +650,48 @@ export default { box-shadow: 0 0 15px #0087ac; border-radius: 10px; .machine_block_1 - width: 70%; + width: 72%; height: 25%; right: 2%; - top: 27%; + top: 32%; .machine_block_2 - width: 52%; - height: 23%; - left: 35%; - top: 1.5%; + width: 63%; + height: 26%; + left: auto + right: 2% + top: 4%; .machine_block_3 width 28% height 22% left 2% - top 57% + top 60% padding 12px .machine_block_4 - width 39% - height 32% - left auto - right 0 - top 57% - border-left none - border-bottom none - box-shadow 5px -5px 8px rgba(0, 135, 172, .6) - padding 0 + width: 64%; + height: 22%; + left: auto; + right: 2%; + top: 60%; .machine_block_5 width 15% - left 61% - top 78% + left 5% + top 14% padding 20px border none box-shadow none .machine_block_6 - width 100% + width 96% height 10% - padding 7px 1px top auto - bottom 0 + bottom 2% + left 2% .machine_combine position relative width 100% height 100% + display flex + justify-content space-between + align-items center .p_device position absolute top 0 @@ -782,6 +703,7 @@ export default { width 4.5% height 80% top 10% + left 2% img transform rotate(180deg) .yjbyx_2 @@ -809,7 +731,7 @@ export default { background-color #e1e1e1 .yao_wrap position absolute - width 88% + width 86% height 50px .yao_layer1 position absolute @@ -853,10 +775,10 @@ export default { left: 0; background-color: #A0927E; .yao_1 - left 6% + left 8% top 20% .yao_2 - left 6% + left 8% bottom 30% .yytsj_wrap width 50% @@ -873,9 +795,8 @@ export default { width 100% height: 20px .ktp_yao_front_wrap - width 90% - left 5% - bottom auto + width 88% + left 7% top 0 .ktp_yao_back float left @@ -896,32 +817,49 @@ export default { .ltssj float left width 27px -.weilan_wrap_1 +.ddxt_wrap_1 + width 45% + height 49% +.ddxt_wrap_2 + top auto + bottom 0 +.weilan_ddxt_wrap_1 + width 25% + height 100% +.weilan_ddxt_wrap_2 + width 35% height 100% -.weilan_wrap_2 left auto right 0 -.ssj_wrap_1 - width 55% - height 30% - left: 18%; - top: 20%; -.ssj_wrap_2 - top 60% + img + transform rotate(180deg) +.ssj_wrap + width: 60%; + top: 40%; + left: 20%; .ktp_cmd_wrap - width 6% + width 18.31px .ktp_cmd_wrap_1 left: 6%; top: 6%; .ktp_cmd_wrap_2 left 6% - top 78% + top 72% .ktp_cmd_wrap_3 left: 89.5%; top: 5%; .ktp_cmd_wrap_4 left: 89.5%; top: 42%; +.cmdssj_1 + width 27.5px + height 22px + left 82% + top 16% +.cmdssj_2 + top 70% + img + transfrom rotate(180deg) .robot_cmd_wrap_1 width 1% height 1% @@ -934,89 +872,95 @@ export default { top: -700%; left: -300%; .robot_cmd_wrap_2 - left 79% + left 88% .fmjxt_wrap width 9% left 88% top 10% -.yj_630_blocks - display flex - width 100% - height 100% - justify-content space-between - align-items center - flex-wrap wrap .yj_630_block position relative width 48% height 100% +.yj_630_block_3 + width 21% .yj_630_wrap_1 - width: 45%; - height: 30%; - bottom: 16%; - top: auto; + width: 58.61px + top: 59%; .yj_630_wrap_2 left auto right 0 +.slw_630_wrap + width: 21.97px; + img + height auto .slw_630_wrap_1 - width: 20%; - left: 40%; - top: auto; - bottom: 12%; - height 21.42px + left: 14%; + top: 74%; .slw_630_wrap_2 - bottom 0 + left: 14%; + top: 87%; +.slw_630_wrap_3 + left 67% + top: 74%; +.slw_630_wrap_4 + left 67% + top: 87%; +.slw_1250_wrap_1 + left: 30%; + top: 74%; +.slw_1250_wrap_2 + left: 30%; + top: 87%; .mdssj_630_wrap_1 - width 38% + width 46.41px left 10% top 49% .mdssj_630_wrap_2 left auto right 10% .lmyzj_630_wrap_1 - width 35% + width 42.73px left 36% top 42% img transform rotate(180deg) .weilan_630_wrap - width 100% + width 70% height 45% + left 15% img transform rotate(180deg) .robot_630_wrap - width 1% - height 1% + width 1px + height 1px left: 47%; top: 22%; img position absolute - width: 2000%; + width: 24.38px height: auto; top: -400%; left: -900%; .ktp_630_wrap - width 15% + width 18.31px .ktp_630_wrap_1 - left 10% + left 21% top 4% .ktp_630_wrap_2 left auto - right 10% + right 21% top 4% .ktp_630_wrap_3 - left 10% + left 21% top 22% .ktp_630_wrap_4 left auto - right 10% + right 21% top 22% .yj_1600_block_1 - position absolute - left: 5%; - top 3% - width 28% - height 32% + position relative + width 18% + height 100% .yj_1600_block_2 left 38% .weilan_1600_wrap @@ -1044,10 +988,29 @@ export default { .slw_1600_wrap_8 left 127% top 23% -.yj_1600_wrap_1 - width 69% - left auto - right 0 +.yj_1250_wrap + width: 58.61px; + top: 59%; + left 14% +.robot_1250_wrap + width 1% + height 1% + left: 49%; + top: 24%; + img + position: absolute; + width: 2343%; + height: auto; + top: -500%; + left: -1200%; +.ktp_1250_wrap + width: 24.7%; + top 7% +.ktp_1250_wrap_1 + left: 17%; +.ktp_1250_wrap_2 + left: auto; + right: 17%; .qzj_1600_wrap width 22% left auto @@ -1079,16 +1042,27 @@ export default { right: 10%; top: 60%; .yj_1250_block - left auto - right 1% - opacity 0.2 + position relative + width 18% + height 100% +.yyj_block + position relative + width 21% + height 100% +.slw_yyj_wrap + top 50% + left 80% +.slw_yyj + height 25.03px +.yyj_wrap + width 54% + height 28% + top 48% + left 16% .yj_2500_block - width 34% - height 52% - left auto - top auto - right 8% - bottom 6% + position relative + width 21% + height 100% .weilan_2500_wrap width 80% height 66% @@ -1251,7 +1225,7 @@ export default { .cpj_ssx_wrap width 2.7% left: 11%; - top: 33%; + top: 38%; .ssx_wrap width 100% .ssx @@ -1261,27 +1235,6 @@ export default { width 18% top: -51%; left: 20%; -.blue_line - position absolute - border-radius 10px - border 1px solid #00c8da - border-top 0 - border-right 0 -.blue_line_1 - left: 61%; - top: 57%; - box-shadow -5px 5px 8px rgba(0,135,172,0.6) - width 18.5% - height 13% - border-bottom-right-radius 0 -.blue_line_2 - left: auto - right 0 - top: 70% - box-shadow -5px 5px 8px rgba(0,135,172,0.6) - width 20.5% - height 19% - border-top-left-radius 0 .agv_1 width 17% left 16% @@ -1290,6 +1243,108 @@ export default { width 100% .agv_2 left 59% +.rgv_line_wrap + position absolute + top 0 + left 46% + width 5.5% + height 100% +.rgv_line_1 + position absolute + top 6% + left 0 + width 3px + height 88% + background-color #b2b2b2 + margin 0 auto + box-shadow 0px 3px 10px #333333 + _fj(row) +.rgv_line_begine + position absolute + width 10px + height 3px + top 0 + left -3.5px + background-color #b2b2b2 + border-radius 50% + box-shadow 0px 3px 10px #333333 +.rgv_line_end + top auto + bottom 0 +.rgv_line_node_wrap + position absolute + width 6px + left -1.5px + height 100% + display flex + flex-direction: column; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +.rgv_line_node + width 6px + height 3px + background-color #b2b2b2 + border-radius 50% + box-shadow 0px 1px 4px #333333 +.rgv_line_2 + left auto + right 0 +.rgv_line_3 + position absolute + top 0 + left 50% + z-index 4 + width 2px + height 100% + background-color #b2b2b2 + box-shadow 0px 3px 10px #333333 +.rgvct + width 5.5% + top 10% + left: 46%; + z-index: 100; +.ggtj_wrap + display flex + justify-content flex-start + img + width 55px + height 29.64px +.ggtj_wrap_1 + left: 51%; + top: 18%; +.ggtj_wrap_2 + left: 51%; + top: 34%; +.ggtj_wrap_3 + left: 51%; + top: 64%; +.fmj_wrap + height: 122%; + left: 14%; + img + height 100% + width auto +.machine_block_7 + position absolute + width: 100%; + height: 4%; + top: auto; + bottom: 12%; +.klw_wraper_1 + left 2% +.klw_wraper_2 + left 18% +.klw_wraper_3 + left 49% +.klw_wraper_4 + left 65% +.klw_wraper_5 + left 81% +.klw + width 25.03px + height 21.97px + float left .rotate_1 animation rotate_1 9s linear 1s infinite @keyframes rotate_1 {