分拣

src/pages/modules/takeshape/one.vue

@@ -748,14 +748,15 @@ export default {
     },
     closeModal () {
       this.showModal = false
+      this.machine = ''
       this.pkObj = {}
     },
     yjInfo (m, type) {
       this.machine = m
-      if (!this.PressPopoverList.length) {
-        return
-      }
       if (m === 'yj') {
+        if (!this.PressPopoverList.length) {
+          return
+        }
         switch (type) {
           case 1:
             this.pkObj = this.PressPopoverList[0]
@@ -820,6 +821,9 @@ export default {
         }
       }
       if (m === 'jxs') {
+        if (!this.ManipulatorList.length) {
+          return
+        }
         switch (type) {
           case 1:
             this.pkObj = this.ManipulatorList[0]
@@ -848,6 +852,9 @@ export default {
         }
       }
       if (m === 'mpgw') {
+        if (!this.TrayStationPopoverList.length) {
+          return
+        }
         switch (type) {
           case 1:
             this.pkObj = this.TrayStationPopoverList[0]
@@ -1153,18 +1160,53 @@ export default {
     left: 75%;
     top: 55%;
     transform: rotate(-46deg)
-    animation rotate_2500_1 1.5s linear 1.5s infinite alternate-reverse
     img
       width 2400%
       top: -800%;
       left: -2000%;
   .kongtuopan_1
-    width: 12%;
+    cursor pointer
+    _wh(12%, 12%)
     top: 81%;
     left: 61%;
-    cursor pointer
+    .zhuan_qty
+      position absolute
+      bottom -30px
+      right: 0;
+      z-index 8
+      _wh(50px, 20px)
+      background-color: #0ff;
+      border: 1px solid #0ff;
+      border-radius: 5px
+      p
+        display block
+        _fj(row,center)
+        _wh(100%, 100%)
+        _font(13px, 13px, #fff,,center)
+        white-space nowrap
+      .zhuan_bg_arrow
+        position: absolute;
+        top -5px
+        right 10%
+        display: block;
+        width: 0;
+        height: 0;
+        border-color: transparent;
+        border-style: solid;
+        border-width: 5px
+        border-top-width: 0;
+        border-bottom-color: #0ff;
+        &:after
+          content: " ";
+          border-width: 5px;
   .kongtuopan_2
     left: 74%;
+    .zhuan_qty
+      right auto
+      left 0
+      .zhuan_bg_arrow
+        right auto
+        left 10%
   .block_1
     width: 10%;
     height: 9%;
@@ -1177,13 +1219,25 @@ export default {
   left: 71%
   .robot
     transform: rotate(-46deg)
-    animation rotate_2500_2 1.5s linear 1.5s infinite alternate-reverse
   .kongtuopan_1
-    top 37%
+    top 31%
     left 85%
-    transform rotate(90deg)
+    img
+      transform rotate(90deg)
+    .zhuan_qty
+      bottom auto
+      top 0
+      right auto
+      left 32px
+      .zhuan_bg_arrow
+        border-color: transparent;
+        border-width: 5px;
+        border-left-width: 0;
+        border-right-color: #0ff;
+        top: 20%;
+        left: -5px;
   .kongtuopan_2
-    top 76%
+    top 80%
   .weilan
     top 16%
   .block_2
@@ -1257,29 +1311,63 @@ export default {
     left: 79%;
     top: 49%;
     transform: rotate(-4deg)
-    animation rotate_630_1 1.5s linear 1.5s infinite alternate-reverse
   .kongtuopan_1
     top: 21%
     left: 64%;
+    .zhuan_qty
+      bottom auto
+      top -47px
+      .zhuan_bg_arrow
+        border-color: transparent;
+        border-width: 5px;
+        border-bottom-width: 0;
+        border-top-color: #0ff;
+        top auto
+        bottom -5px
   .kongtuopan_2
     left: 80%;
   .kongtuopan_3
     top: 64%
+    .zhuan_qty
+      bottom -47px
+      top auto
+      .zhuan_bg_arrow
+        border-color: transparent;
+        border-width: 5px;
+        border-top-width: 0;
+        border-bottom-color: #0ff;
+        top -5px
+        bottom auto
   .kongtuopan_4
     top: 64%
     left: 80%;
+    .zhuan_qty
+      bottom -47px
+      top auto
+      right auto
+      left 0
+      .zhuan_bg_arrow
+        border-color: transparent;
+        border-width: 5px;
+        border-top-width: 0;
+        border-bottom-color: #0ff;
+        top -5px
+        bottom auto
+        right auto
+        left 10%
 .yj_wrap_5
   left: 36%
   .kongtuopan_1
-    top: 14%;
+    top: 7%;
     left: 64%;
-    transform rotate(90deg)
+    img
+      transform rotate(90deg)
   .kongtuopan_2
-    top 30%
+    top 25%
   .kongtuopan_3
-    top 70%
+    top 62%
   .kongtuopan_4
-    top 86%
+    top 80%
 .yj_wrap_7
   left 18%
   .yj_info_wrap
@@ -1295,14 +1383,26 @@ export default {
     top 15%
   .robot
     left: 75%
-    transform: rotate(15deg);
-    animation rotate_630_2 3s linear 1.5s infinite alternate-reverse
+    transform: rotate(15deg)
   .kongtuopan_1
-    top 43%
+    top 35%
     left 90%
-    transform rotate(90deg)
+    img
+      transform rotate(90deg)
+    .zhuan_qty
+      bottom auto
+      top 0
+      right auto
+      left 32px
+      .zhuan_bg_arrow
+        border-color: transparent;
+        border-width: 5px;
+        border-left-width: 0;
+        border-right-color: #0ff;
+        top: 20%;
+        left: -5px;
   .kongtuopan_2
-    top: 63%
+    top: 59%
   .jcpmj
     width: 18%;
     top: 12%;
@@ -1360,7 +1460,8 @@ export default {
   .kongtuopan_1
     left auto
     right 64%
-    transform rotate(-90deg)
+    img
+      transform rotate(-90deg)
 .yjlz_wrap_1
   width: 1.365%;
   height: 17%;
@@ -1396,6 +1497,14 @@ export default {
   .lz_1
     top 50%
     transform translateY(-50%)
+.rotate_2500_1
+  animation rotate_2500_1 1.5s linear 1.5s infinite alternate-reverse
+.rotate_2500_2
+  animation rotate_2500_2 1.5s linear 1.5s infinite alternate-reverse
+.rotate_630_1
+  animation rotate_630_1 1.5s linear 1.5s infinite alternate-reverse
+.rotate_630_2
+  animation rotate_630_2 3s linear 1.5s infinite alternate-reverse
 @keyframes rotate_2500_1 {
     0% {
       transform: rotateZ(-46deg)