feat(avi):滚动样式

src/views/Led/Station/paintingWorkShop.vue

@@ -11,15 +11,15 @@
             </div>
             <div class="tr clear-float">
                 <div class="th-l">当日进车数量</div>
-                <div class="th-2">55</div>
+                <div class="th-2">{{todayDataIN.size}}</div>
                 <div class="th-3">当日交车数量</div>
-                <div class="th-4">20</div>
+                <div class="th-4">{{todayDataOUT.size}}</div>
             </div>
             <div class="tr clear-float">
                 <div class="th-l">电泳当日进车数量</div>
-                <div class="th-2">22</div>
+                <div class="th-2">{{electrophoresesDataIN.size}}</div>
                 <div class="th-3">电泳当日交车数量</div>
-                <div class="th-4">63</div>
+                <div class="th-4">{{electrophoresesDataOUT.size}}</div>
             </div>
             <div class="tr clear-float">
                 <div class="th-l">隔热防腐当日进车</div>

src/views/Monitor/index.vue

@@ -1807,10 +1807,24 @@
 </script>
 
 <style lang="scss" scoped>
+ html {
+        position: relative;
+        // overflow-y: hidden;
+    }
+    @keyframes identifier {
+        0% { transform: translateY(0px);}
+        30% { transform: translateY(-100px);}
+        60% { transform: translateY(-200px);}
+        // 75% { transform: translateY(-180px);}
+        100% { transform: translateY(-300px);}
+        // 100% { transform: translateY(-400px);}
+        // 100% {transform: translateY(-450px);}
+    };
     .monitor-pack {
         width: 100%;
         background-color: #001927;
-
+        animation: identifier 10s infinite alternate;
+        // animation: identifier 8s infinite  cubic-bezier(1,0,0.5,0);
         .view-pack {
             margin: 0 auto;
             width: 1600px;