物流工艺

src/assets/css/reset.css

@@ -79,7 +79,7 @@ li {
      -webkit-border-radius: 6px;
 }
 
-/* 顺和大屏尺寸1920*1200 */
+/* 顺安大屏尺寸1920*1200 */
 html, body {
      /* width: 100%;
      height: 100%;

src/components/workshop.vue

@@ -122,13 +122,13 @@
           <img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
           <img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="">
         </div>
-        <div class="p_device robot_cmd_wrap_1" :class="depalletizingRobot.status === '1' ? 'rotate_1' : ''">
+        <div class="p_device robot_cmd_wrap_1" :class="depalletizingRobot.status === '1' ? 'rotate_2' : ''">
           <img v-show="depalletizingRobot.status === '1'" class="device_img" src="../assets/images/device/robot_cmd_green.png" alt="">
           <img v-show="depalletizingRobot.status === '2'" class="device_img" src="../assets/images/device/robot_cmd_yellow.png" alt="">
           <img v-show="depalletizingRobot.status === '3'" class="device_img" src="../assets/images/device/robot_cmd_gray.png" alt="">
           <img v-show="depalletizingRobot.status === '4'" class="device_img" src="../assets/images/device/robot_cmd_red.png" alt="">
         </div>
-        <div class="p_device robot_cmd_wrap_1 robot_cmd_wrap_2" :class="palletizingRobot.status === '1' ? 'rotate_2' : ''">
+        <div class="p_device robot_cmd_wrap_1 robot_cmd_wrap_2" :class="palletizingRobot.status === '1' ? 'rotate_3' : ''">
           <img v-show="palletizingRobot.status === '1'" class="device_img" src="../assets/images/device/robot_cmd_green.png" alt="">
           <img v-show="palletizingRobot.status === '2'" class="device_img" src="../assets/images/device/robot_cmd_yellow.png" alt="">
           <img v-show="palletizingRobot.status === '3'" class="device_img" src="../assets/images/device/robot_cmd_gray.png" alt="">
@@ -161,6 +161,9 @@
             <div class="p_device slw_630_wrap_1">
               <img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
             </div>
+            <div class="p_device slw_630_wrap_1 slw_630_wrap_2">
+              <img class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
+            </div>
             <div class="p_device mdssj_630_wrap_1">
               <img class="device_img" src="../assets/images/device/630/mdssj_gray.png" alt="">
             </div>
@@ -173,12 +176,12 @@
             <div class="p_device weilan_630_wrap">
               <img class="device_img" src="../assets/images/device/630/wl.png" alt="">
             </div>
-            <div class="p_device robot_630_wrap">
-              <img class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
-            </div>
             <div class="p_device ktp_630_wrap" v-for="(e, i) in [1,1,1,1]" :key="i" :class="'ktp_630_wrap_' + (i+1)">
               <img class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
             </div>
+            <div class="p_device robot_630_wrap">
+              <img class="device_img" src="../assets/images/device/robot_630_gray.png" alt="">
+            </div>
           </div>
           <div class="yj_630_block" v-for="e in press.slice(0,3)" :key="e.equipment">
             <div class="p_device yj_630_wrap_1">
@@ -199,6 +202,12 @@
               <img v-show="e.loadLocation1 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
               <img v-show="e.loadLocation1 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
             </div>
+            <div class="p_device slw_630_wrap_1 slw_630_wrap_2">
+              <img v-show="e.loadLocation1 === '1'" class="device_img" src="../assets/images/device/lz_hj_green.png" alt="">
+              <img v-show="e.loadLocation1 === '2'" class="device_img" src="../assets/images/device/lz_hj_yellow.png" alt="">
+              <img v-show="e.loadLocation1 === '3'" class="device_img" src="../assets/images/device/lz_hj_gray.png" alt="">
+              <img v-show="e.loadLocation1 === '4'" class="device_img" src="../assets/images/device/lz_hj_red.png" alt="">
+            </div>
             <div class="p_device mdssj_630_wrap_1">
               <img v-show="e.status === '1'" class="device_img" src="../assets/images/device/630/mdssj_green.png" alt="">
               <img v-show="e.status === '2'" class="device_img" src="../assets/images/device/630/mdssj_yellow.png" alt="">
@@ -227,10 +236,10 @@
               <img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="">
             </div>
             <div class="p_device robot_630_wrap" :class="e.status === '1' ? 'rotate_1' : ''">
-              <img v-show="e.status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="">
-              <img v-show="e.status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="">
-              <img v-show="e.status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
-              <img v-show="e.status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
+              <img v-show="e.status === '1'" class="device_img" src="../assets/images/device/robot_630_green.png" alt="">
+              <img v-show="e.status === '2'" class="device_img" src="../assets/images/device/robot_630_yellow.png" alt="">
+              <img v-show="e.status === '3'" class="device_img" src="../assets/images/device/robot_630_gray.png" alt="">
+              <img v-show="e.status === '4'" class="device_img" src="../assets/images/device/robot_630_red.png" alt="">
             </div>
           </div>
         </div>
@@ -279,11 +288,11 @@
           <img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
           <img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="">
         </div>
-        <div class="p_device robot_1600_wrap" :class="press[3].status === '1' ? 'rotate_3' : ''">
-          <img v-show="press[3].status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="">
-          <img v-show="press[3].status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="">
-          <img v-show="press[3].status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
-          <img v-show="press[3].status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
+        <div class="p_device robot_1600_wrap" :class="press[3].status === '1' ? 'rotate_4' : ''">
+          <img v-show="press[3].status === '1'" class="device_img" src="../assets/images/device/robot_630_green.png" alt="">
+          <img v-show="press[3].status === '2'" class="device_img" src="../assets/images/device/robot_630_yellow.png" alt="">
+          <img v-show="press[3].status === '3'" class="device_img" src="../assets/images/device/robot_630_gray.png" alt="">
+          <img v-show="press[3].status === '4'" class="device_img" src="../assets/images/device/robot_630_red.png" alt="">
         </div>
       </div>
       <div v-if="press.length > 4" class="yj_1600_block_1 yj_1600_block_2">
@@ -314,11 +323,11 @@
           <img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
           <img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="">
         </div>
-        <div class="p_device robot_1600_wrap" :class="press[3].status === '1' ? 'rotate_3' : ''">
-          <img v-show="press[3].status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="">
-          <img v-show="press[3].status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="">
-          <img v-show="press[3].status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
-          <img v-show="press[3].status === '4'" class="device_img" src="../assets/images/device/robot_2500_red.png" alt="">
+        <div class="p_device robot_1600_wrap" :class="press[3].status === '1' ? 'rotate_4' : ''">
+          <img v-show="press[3].status === '1'" class="device_img" src="../assets/images/device/robot_630_green.png" alt="">
+          <img v-show="press[3].status === '2'" class="device_img" src="../assets/images/device/robot_630_yellow.png" alt="">
+          <img v-show="press[3].status === '3'" class="device_img" src="../assets/images/device/robot_630_gray.png" alt="">
+          <img v-show="press[3].status === '4'" class="device_img" src="../assets/images/device/robot_630_red.png" alt="">
         </div>
       </div>
       <div class="yj_1600_block_1 yj_1250_block">
@@ -378,7 +387,7 @@
           <img v-show="e.status === '3'" class="device_img" src="../assets/images/device/ktpv_gray.png" alt="">
           <img v-show="e.status === '4'" class="device_img" src="../assets/images/device/ktpv_red.png" alt="">
         </div>
-        <div class="p_device robot_2500_wrap" :class="press[4].status === '1' ? 'rotate_4' : ''">
+        <div class="p_device robot_2500_wrap" :class="press[4].status === '1' ? 'rotate_5' : ''">
           <img v-show="press[4].status === '1'" class="device_img" src="../assets/images/device/robot_2500_green.png" alt="">
           <img v-show="press[4].status === '2'" class="device_img" src="../assets/images/device/robot_2500_yellow.png" alt="">
           <img v-show="press[4].status === '3'" class="device_img" src="../assets/images/device/robot_2500_gray.png" alt="">
@@ -726,11 +735,11 @@ export default {
   left: 9%;
   top: 50%;
   img
-      position absolute
-      width: 900%;
-      height: auto;
-      top: -2000%;
-      left: -400%;
+    position absolute
+    width: 1500%;
+    height: auto;
+    top: -700%;
+    left: -300%;
 .robot_cmd_wrap_2
   left 79%
 .fmjxt_wrap
@@ -762,8 +771,7 @@ export default {
   left -24%
   top 5%
 .slw_630_wrap_2
-  left auto
-  right -22%
+  top 21%
 .mdssj_630_wrap_1
   _wh(38%, auto)
   left 10%
@@ -785,10 +793,10 @@ export default {
   top: 73%;
   img
       position absolute
-      width: 5000%;
-      height auto
-      top: -1200%;
-      left: -4000%;
+      width: 2000%;
+      height: auto;
+      top: -3500%;
+      left: -900%;
 .ktp_630_wrap
     _wh(15%, auto)
 .ktp_630_wrap_1
@@ -850,10 +858,10 @@ export default {
   top: 73%;
   img
     position: absolute;
-    width: 5000%;
+    width: 2000%;
     height: auto;
-    top: -1200%;
-    left: -4000%;
+    top: -3600%;
+    left: -800%;
 .ktp_1600_wrap
   _wh(17%, auto)
 .ktp_1600_wrap_1
@@ -918,13 +926,12 @@ export default {
   _wh(1%, 1%)
   left: 60%;
   top: 13%;
-  transform: rotate(227deg)
   img
     position: absolute;
-    width: 4000%;
+    width: 1600%;
     height: auto;
-    top: -600%;
-    left: -3200%;
+    top: -400%;
+    left: -900%;
 .ktp_2500_wrap
   _wh(14%,auto)
 .ktp_2500_wrap_1
@@ -1034,31 +1041,91 @@ export default {
   _wh(20.5%, 19%)
   border-top-left-radius 0
 .rotate_1
-  animation rotate_1 1.5s linear 1.5s infinite alternate-reverse
+  animation rotate_1 9s linear 1s infinite
 @keyframes rotate_1 {
     0% {
-      transform: rotateZ(0deg)
+      transform: rotateZ(-20deg)
+    }
+    2% {
+        transform: rotateZ(-20deg)
+    }
+    8% {
+        transform: rotateZ(-60deg)
     }
     10% {
-        transform: rotateZ(0deg)
+        transform: rotateZ(-60deg)
     }
-    90% {
-        transform: rotateZ(45deg)
+    18% {
+      transform: rotateZ(-20deg)
+    }
+    20% {
+        transform: rotateZ(-20deg)
+    }
+    28% {
+      transform: rotateZ(-120deg)
+    }
+    30% {
+        transform: rotateZ(-120deg)
+    }
+    43% {
+      transform: rotateZ(20deg)
+    }
+    50% {
+        transform: rotateZ(20deg)
+    }
+    58% {
+      transform: rotateZ(60deg)
+    }
+    60% {
+        transform: rotateZ(60deg)
+    }
+    68% {
+      transform: rotateZ(20deg)
+    }
+    70% {
+        transform: rotateZ(20deg)
+    }
+    78% {
+      transform: rotateZ(100deg)
+    }
+    80% {
+        transform: rotateZ(100deg)
+    }
+    93% {
+      transform: rotateZ(-20deg)
     }
     100% {
-        transform: rotateZ(45deg)
+        transform: rotateZ(-20deg)
     }
 }
 .rotate_2
-  animation rotate_2 1.5s linear 1.5s infinite alternate-reverse
+  animation rotate_2 4s linear 1s infinite
 @keyframes rotate_2 {
     0% {
-      transform: rotateZ(0deg)
+      transform: rotateZ(-45deg)
     }
-    10% {
-        transform: rotateZ(0deg)
+    3% {
+        transform: rotateZ(-45deg)
     }
-    90% {
+    17% {
+        transform: rotateZ(-90deg)
+    }
+    20% {
+        transform: rotateZ(-90deg)
+    }
+    43% {
+        transform: rotateZ(45deg)
+    }
+    50% {
+        transform: rotateZ(45deg)
+    }
+    72% {
+        transform: rotateZ(90deg)
+    }
+    75% {
+        transform: rotateZ(90deg)
+    }
+    93% {
         transform: rotateZ(-45deg)
     }
     100% {
@@ -1066,35 +1133,105 @@ export default {
     }
 }
 .rotate_3
-  animation rotate_3 1.5s linear 1.5s infinite alternate-reverse
+  animation rotate_3 4s linear 1s infinite
 @keyframes rotate_3 {
-    0% {
-      transform: rotateZ(145deg)
+    0%{
+      transform: rotateZ(-120deg)
     }
-    10% {
-        transform: rotateZ(145deg)
+    3% {
+        transform: rotateZ(-120deg)
     }
-    90% {
-        transform: rotateZ(110deg)
+    20% {
+        transform: rotateZ(0deg)
+    }
+    25% {
+        transform: rotateZ(0deg)
+    }
+    47% {
+        transform: rotateZ(120deg)
+    }
+    50% {
+        transform: rotateZ(120deg)
+    }
+    70% {
+        transform: rotateZ(0deg)
+    }
+    75% {
+        transform: rotateZ(0deg)
+    }
+    97%{
+      transform: rotateZ(-120deg)
     }
     100% {
-        transform: rotateZ(110deg)
+        transform: rotateZ(-120deg)
     }
 }
 .rotate_4
-  animation rotate_4 1.5s linear 1.5s infinite alternate-reverse
+  animation rotate_4 4s linear 1s infinite
 @keyframes rotate_4 {
     0% {
-      transform: rotateZ(227deg)
+      transform: rotateZ(0deg)
     }
-    10% {
-        transform: rotateZ(227deg)
+    3% {
+        transform: rotateZ(0deg)
     }
-    90% {
-        transform: rotateZ(190deg)
+    22% {
+      transform: rotateZ(-90deg)
+    }
+    25% {
+        transform: rotateZ(-90deg)
+    }
+    43% {
+      transform: rotateZ(0deg)
+    }
+    50% {
+        transform: rotateZ(0deg)
+    }
+    72% {
+      transform: rotateZ(90deg)
+    }
+    75% {
+        transform: rotateZ(90deg)
+    }
+    93% {
+        transform: rotateZ(0deg)
     }
     100% {
-        transform: rotateZ(190deg)
+        transform: rotateZ(0deg)
+    }
+}
+.rotate_5
+  animation rotate_5 4s linear 1s infinite
+@keyframes rotate_5 {
+    0% {
+      transform: rotateZ(-20deg)
+    }
+    3% {
+        transform: rotateZ(-20deg)
+    }
+    22% {
+      transform: rotateZ(90deg)
+    }
+    25% {
+        transform: rotateZ(90deg)
+    }
+    43% {
+      transform: rotateZ(-20deg)
+    }
+    50% {
+        transform: rotateZ(-20deg)
+    }
+    72% {
+      transform: rotateZ(-90deg)
+    }
+    75% {
+        transform: rotateZ(-90deg)
+    }
+    93% {
+        transform: rotateZ(-20deg)
+    }
+    100% {
+        transform: rotateZ(-20deg)
     }
 }
 </style>

src/pages/shunhe/LogisticsProcess.vue

@@ -1,6 +1,6 @@
 <template>
     <section class="bg">
-      <t-header title="顺和大屏监控——物流工艺">
+      <t-header title="顺安大屏监控——物流工艺">
         <div class="pages">
           <router-link to="/ProdCount">生产统计</router-link>
           <router-link to="/StorageMonitor">仓储监控</router-link>

src/pages/shunhe/ProdCount.vue

@@ -1,8 +1,8 @@
 <template>
     <section class="bg">
-      <!-- <t-header title="顺和大屏监控-生产统计">
+      <!-- <t-header title="顺安大屏监控-生产统计">
       </t-header> -->
-      <t-header title="顺和大屏监控——物流工艺">
+      <t-header title="顺安大屏监控——物流工艺">
         <div class="pages">
           <router-link to="/LogisticsProcess">物流工艺</router-link>
           <router-link to="/StorageMonitor">仓储监控</router-link>

src/pages/shunhe/StorageMonitor.vue

@@ -1,8 +1,8 @@
 <template>
     <section class="bg">
-      <!-- <t-header title="顺和大屏监控-生产统计">
+      <!-- <t-header title="顺安大屏监控-生产统计">
       </t-header> -->
-      <t-header title="顺和大屏监控——仓储监控">
+      <t-header title="顺安大屏监控——仓储监控">
         <div class="pages">
           <router-link to="/LogisticsProcess">物流工艺</router-link>
           <router-link to="/ProdCount">生产统计</router-link>

src/pages/shunhe/StorageMonitor822.vue

@@ -1,6 +1,6 @@
 <template>
     <section class="bg">
-      <t-header title="顺和大屏监控——仓储监控">
+      <t-header title="顺安大屏监控——仓储监控">
         <!-- <p class="p1">1</p> -->
       </t-header>
       <div class="container">

src/pages/shunhe/StorageMonitorOld.vue

@@ -1,6 +1,6 @@
 <template>
     <section class="bg">
-      <t-header title="顺和大屏监控">
+      <t-header title="顺安大屏监控">
         <!-- <p class="p1">1</p> -->
       </t-header>
       <div class="container">