更新驾驶舱叉车

Reviewed-on: #22

src/App.vue

@@ -1,3 +1,10 @@
+<!--
+ * @Author: zwq
+ * @Date: 2022-10-20 09:22:39
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-11-24 10:37:57
+ * @Description:
+-->
 <template>
   <div id="app">
     <router-view />
@@ -7,7 +14,18 @@
 <script>
 export default {
   name: 'App',
+  data() {
+    return {
+      beilv: 1
+    }
+  },
   mounted() {
+    this.beilv = document.body.offsetWidth / 1920
+    document.documentElement.style.setProperty('--beilv', this.beilv)
+    window.addEventListener('resize', () => {
+      this.beilv = document.body.offsetWidth / 1920
+      document.documentElement.style.setProperty('--beilv', this.beilv)
+    })
   }
 }
 </script>

src/icons/svg/alarmb.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>2</title>
+    <g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon/banner/消息">
+            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+            <g id="消息" transform="translate(1.500000, 0.330627)" fill="#000000" fill-rule="nonzero">
+                <rect id="矩形" opacity="0" x="0" y="0" width="21" height="21"></rect>
+                <path d="M12.375,20.8465581 L12.481439,20.8533125 C12.8247806,20.8979809 13.05,21.1605815 13.05,21.5329218 C13.05,21.9061929 12.8231926,22.1712138 12.4745438,22.2133994 L12.4745438,22.2133994 L12.369085,22.2194605 L8.625,22.2192854 L8.51856095,22.2125311 C8.17521937,22.1678627 7.95,21.905262 7.95,21.5329218 C7.95,21.1596507 8.17680737,20.8946298 8.52545616,20.8524442 L8.52545616,20.8524442 L8.63091503,20.8463831 L12.375,20.8465581 Z M10.5,1.11928542 L10.518,1.12028542 L10.6067486,1.12608537 C10.8823216,1.16207049 11.0827652,1.33862074 11.1502336,1.60173001 L11.1691881,1.70434797 L11.1751648,1.81138832 L11.174,2.96819941 L11.2623551,3.06760509 L11.4699366,3.09194324 L11.7169493,3.12873834 C15.1566001,3.70083281 17.8052189,6.65135102 18.0339536,10.2136799 L18.0339536,10.2136799 L18.0460319,10.4648785 L18.0500129,10.7163433 L18.05,18.2002854 L18.1499256,18.3002854 L19.2499256,18.3011036 L19.3566944,18.3079035 C19.6667682,18.3483868 19.8817022,18.5667728 19.9191881,18.8861662 L19.9191881,18.8861662 L19.9251648,18.9932065 L19.9184209,19.1002704 C19.8784201,19.4115142 19.6633278,19.6299778 19.3495438,19.6679448 L19.3495438,19.6679448 L19.244085,19.674006 L1.75,19.674006 L1.64356095,19.6670765 C1.30021937,19.6224081 1.075,19.3598075 1.075,18.9874672 C1.075,18.6142067 1.30179797,18.3491752 1.65038278,18.3069894 L1.648,18.3062854 L1.691,18.3042854 L1.75581803,18.3009285 L2.85007438,18.3002854 L2.95,18.2002854 L2.95,10.71474 L2.95401023,10.4643007 C3.0740175,6.72062696 5.87395857,3.57344707 9.53315802,3.09161275 L9.53315802,3.09161275 L9.73577793,3.0675894 L9.82399996,2.96837143 L9.82499996,1.80573506 L9.83178712,1.69643473 C9.8677099,1.41423605 10.0440196,1.20878035 10.3078503,1.14227473 L10.3078503,1.14227473 L10.398,1.12428542 L10.495,1.11928542 L10.5,1.11928542 Z M16.599,18.3002854 L16.699,18.2002988 L16.7,10.7147533 L16.6958906,10.484234 C16.5756984,7.11769965 13.8343245,4.4011036 10.5,4.4011036 C7.17435962,4.4011036 4.42460885,7.10883932 4.30410828,10.484267 L4.30410828,10.484267 L4.30001588,10.7129577 L4.299,18.2002721 L4.399,18.3002854 L16.599,18.3002854 Z" id="形状结合"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/icons/svg/alarmw.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>2</title>
+    <g id="2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组">
+            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+            <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
+            <g id="消息" transform="translate(1.500000, 0.330627)" fill-rule="nonzero">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="21" height="21"></rect>
+                <path d="M12.375,20.8465581 L12.481439,20.8533125 C12.8247806,20.8979809 13.05,21.1605815 13.05,21.5329218 C13.05,21.9061929 12.8231926,22.1712138 12.4745438,22.2133994 L12.4745438,22.2133994 L12.369085,22.2194605 L8.625,22.2192854 L8.51856095,22.2125311 C8.17521937,22.1678627 7.95,21.905262 7.95,21.5329218 C7.95,21.1596507 8.17680737,20.8946298 8.52545616,20.8524442 L8.52545616,20.8524442 L8.63091503,20.8463831 L12.375,20.8465581 Z M10.5,1.11928542 L10.518,1.12028542 L10.6067486,1.12608537 C10.8823216,1.16207049 11.0827652,1.33862074 11.1502336,1.60173001 L11.1691881,1.70434797 L11.1751648,1.81138832 L11.174,2.96819941 L11.2623551,3.06760509 L11.4699366,3.09194324 L11.7169493,3.12873834 C15.1566001,3.70083281 17.8052189,6.65135102 18.0339536,10.2136799 L18.0339536,10.2136799 L18.0460319,10.4648785 L18.0500129,10.7163433 L18.05,18.2002854 L18.1499256,18.3002854 L19.2499256,18.3011036 L19.3566944,18.3079035 C19.6667682,18.3483868 19.8817022,18.5667728 19.9191881,18.8861662 L19.9191881,18.8861662 L19.9251648,18.9932065 L19.9184209,19.1002704 C19.8784201,19.4115142 19.6633278,19.6299778 19.3495438,19.6679448 L19.3495438,19.6679448 L19.244085,19.674006 L1.75,19.674006 L1.64356095,19.6670765 C1.30021937,19.6224081 1.075,19.3598075 1.075,18.9874672 C1.075,18.6142067 1.30179797,18.3491752 1.65038278,18.3069894 L1.648,18.3062854 L1.691,18.3042854 L1.75581803,18.3009285 L2.85007438,18.3002854 L2.95,18.2002854 L2.95,10.71474 L2.95401023,10.4643007 C3.0740175,6.72062696 5.87395857,3.57344707 9.53315802,3.09161275 L9.53315802,3.09161275 L9.73577793,3.0675894 L9.82399996,2.96837143 L9.82499996,1.80573506 L9.83178712,1.69643473 C9.8677099,1.41423605 10.0440196,1.20878035 10.3078503,1.14227473 L10.3078503,1.14227473 L10.398,1.12428542 L10.495,1.11928542 L10.5,1.11928542 Z M16.599,18.3002854 L16.699,18.2002988 L16.7,10.7147533 L16.6958906,10.484234 C16.5756984,7.11769965 13.8343245,4.4011036 10.5,4.4011036 C7.17435962,4.4011036 4.42460885,7.10883932 4.30410828,10.484267 L4.30410828,10.484267 L4.30001588,10.7129577 L4.299,18.2002721 L4.399,18.3002854 L16.599,18.3002854 Z" id="形状结合" fill="#FFFFFF"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/icons/svg/chromeb.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>3</title>
+    <g id="3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="chrome-o备份" fill-rule="nonzero">
+            <rect id="矩形" fill="#404040" opacity="0" x="0" y="0" width="24" height="24"></rect>
+            <path d="M12.7426068,2.2146521 L12.7969308,2.21934763 L13.710624,2.37852186 L13.8758691,2.41111672 L14.1788117,2.47990569 C17.8083772,3.38984553 20.2183126,5.64775183 21.3576595,9.20681554 L21.4312071,9.45312684 C21.4424894,9.49407858 21.4533873,9.53539607 21.4640561,9.57770303 L21.5265612,9.84840829 L21.5910183,10.1727998 L21.7853479,11.2573932 L21.7800356,12.8004541 L21.6434884,13.5893768 L21.5856223,13.8887435 L21.5250256,14.1499693 C20.5620362,17.9780786 18.1617207,20.4349532 14.3625096,21.4705433 L14.1437836,21.5265071 L13.9137133,21.5771902 L13.4740829,21.6596966 L12.7426068,21.7854416 L11.1996505,21.7801487 L10.2834751,21.620599 L9.93360929,21.5474416 L9.82240675,21.5204237 C6.19289431,20.6111829 3.7827631,18.3541523 2.64317987,14.7958381 L2.56952614,14.5492643 L2.5050898,14.2938921 L2.44241633,13.9997935 L2.21455835,12.7427006 L2.21984617,11.199772 L2.37862691,10.2827451 L2.42714858,10.0429186 L2.47993468,9.82132437 C3.42439347,6.12371072 5.70744352,3.70983475 9.29593923,2.62735404 L9.7463242,2.50065857 L9.96673544,2.44825109 L10.3605303,2.37014553 L11.2572994,2.2146521 L12.7426068,2.2146521 Z M19.8184835,8.98242758 L17.8452559,8.98928786 L14.9675268,8.98709499 L15.0797892,9.10063515 C16.3213259,10.415573 16.6057788,12.2971205 15.7650723,13.9357578 L15.6541116,14.1392638 L11.9599009,20.4508985 L12.7565222,20.3999419 L13.0688801,20.3744215 L13.3296995,20.3453964 L13.5654615,20.3094959 C13.6041382,20.3027523 13.6428743,20.2955818 13.6822213,20.2879141 C18.6345664,19.3229989 21.6280381,14.1355163 20.0588392,9.36859749 L19.9720227,9.11812043 C19.9372981,9.02280001 19.9245375,8.99376084 19.8623201,8.98535805 L19.8184835,8.98242758 Z M4.65084236,7.78932117 L4.56424406,7.94798435 C3.4213887,10.0886924 3.19931203,12.295053 3.93454334,14.5371697 C4.93640021,17.5925026 7.03373243,19.4969892 10.189811,20.2723941 L10.5200771,20.3485817 C10.5838015,20.3623556 10.5888302,20.3684026 10.6099764,20.332771 L13.0943563,16.0777049 L12.9989912,16.1054787 C12.7989622,16.1602618 12.6660608,16.1894579 12.5271855,16.2051494 L12.4207667,16.2145748 C10.6168415,16.334373 9.21591352,15.605623 8.30414882,14.0584009 L6.61262152,11.158299 L4.65084236,7.78932117 Z M11.9929638,9.04613534 C10.3500684,9.04928839 9.04106198,10.3706195 9.04596815,12.0223123 C9.05081988,13.6444119 10.3772255,14.9584659 12.0068362,14.9543922 C13.6471232,14.95028 14.9674971,13.6178126 14.9549525,11.9796354 C14.9424363,10.3478671 13.6248992,9.04298847 11.9929638,9.04613534 Z M5.69719098,6.35076885 L5.46938856,6.60325105 C5.43203838,6.64588868 5.41753959,6.65640287 5.42320237,6.67714133 L7.90118893,10.9183074 L7.91414513,10.8757045 C8.46343996,9.03359313 9.95509795,7.86190859 11.8474474,7.76979085 L12.076418,7.76394483 L19.3270014,7.7650491 L19.2765877,7.67851428 C17.931894,5.47764056 16.0374498,4.13772493 13.5902231,3.69821656 L13.2678845,3.6459989 C10.288211,3.21475838 7.76432959,4.12699021 5.69719098,6.35076885 Z" id="形状结合" fill="#000000"></path>
+        </g>
+    </g>
+</svg>

src/icons/svg/chromew.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>3</title>
+    <g id="3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="chrome-o备份" fill-rule="nonzero">
+            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+            <path d="M12.7426068,2.2146521 L12.7969308,2.21934763 L13.710624,2.37852186 L13.8758691,2.41111672 L14.1788117,2.47990569 C17.8083772,3.38984553 20.2183126,5.64775183 21.3576595,9.20681554 L21.4312071,9.45312684 C21.4424894,9.49407858 21.4533873,9.53539607 21.4640561,9.57770303 L21.5265612,9.84840829 L21.5910183,10.1727998 L21.7853479,11.2573932 L21.7800356,12.8004541 L21.6434884,13.5893768 L21.5856223,13.8887435 L21.5250256,14.1499693 C20.5620362,17.9780786 18.1617207,20.4349532 14.3625096,21.4705433 L14.1437836,21.5265071 L13.9137133,21.5771902 L13.4740829,21.6596966 L12.7426068,21.7854416 L11.1996505,21.7801487 L10.2834751,21.620599 L9.93360929,21.5474416 L9.82240675,21.5204237 C6.19289431,20.6111829 3.7827631,18.3541523 2.64317987,14.7958381 L2.56952614,14.5492643 L2.5050898,14.2938921 L2.44241633,13.9997935 L2.21455835,12.7427006 L2.21984617,11.199772 L2.37862691,10.2827451 L2.42714858,10.0429186 L2.47993468,9.82132437 C3.42439347,6.12371072 5.70744352,3.70983475 9.29593923,2.62735404 L9.7463242,2.50065857 L9.96673544,2.44825109 L10.3605303,2.37014553 L11.2572994,2.2146521 L12.7426068,2.2146521 Z M19.8184835,8.98242758 L17.8452559,8.98928786 L14.9675268,8.98709499 L15.0797892,9.10063515 C16.3213259,10.415573 16.6057788,12.2971205 15.7650723,13.9357578 L15.6541116,14.1392638 L11.9599009,20.4508985 L12.7565222,20.3999419 L13.0688801,20.3744215 L13.3296995,20.3453964 L13.5654615,20.3094959 C13.6041382,20.3027523 13.6428743,20.2955818 13.6822213,20.2879141 C18.6345664,19.3229989 21.6280381,14.1355163 20.0588392,9.36859749 L19.9720227,9.11812043 C19.9372981,9.02280001 19.9245375,8.99376084 19.8623201,8.98535805 L19.8184835,8.98242758 Z M4.65084236,7.78932117 L4.56424406,7.94798435 C3.4213887,10.0886924 3.19931203,12.295053 3.93454334,14.5371697 C4.93640021,17.5925026 7.03373243,19.4969892 10.189811,20.2723941 L10.5200771,20.3485817 C10.5838015,20.3623556 10.5888302,20.3684026 10.6099764,20.332771 L13.0943563,16.0777049 L12.9989912,16.1054787 C12.7989622,16.1602618 12.6660608,16.1894579 12.5271855,16.2051494 L12.4207667,16.2145748 C10.6168415,16.334373 9.21591352,15.605623 8.30414882,14.0584009 L6.61262152,11.158299 L4.65084236,7.78932117 Z M11.9929638,9.04613534 C10.3500684,9.04928839 9.04106198,10.3706195 9.04596815,12.0223123 C9.05081988,13.6444119 10.3772255,14.9584659 12.0068362,14.9543922 C13.6471232,14.95028 14.9674971,13.6178126 14.9549525,11.9796354 C14.9424363,10.3478671 13.6248992,9.04298847 11.9929638,9.04613534 Z M5.69719098,6.35076885 L5.46938856,6.60325105 C5.43203838,6.64588868 5.41753959,6.65640287 5.42320237,6.67714133 L7.90118893,10.9183074 L7.91414513,10.8757045 C8.46343996,9.03359313 9.95509795,7.86190859 11.8474474,7.76979085 L12.076418,7.76394483 L19.3270014,7.7650491 L19.2765877,7.67851428 C17.931894,5.47764056 16.0374498,4.13772493 13.5902231,3.69821656 L13.2678845,3.6459989 C10.288211,3.21475838 7.76432959,4.12699021 5.69719098,6.35076885 Z" id="形状结合" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>

src/icons/svg/homeb.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>1</title>
+    <g id="1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" fill-rule="nonzero">
+            <rect id="矩形" fill="#404040" opacity="0" x="0" y="0" width="24" height="24"></rect>
+            <path d="M11.1710783,2.42919989 C11.7298936,2.09409047 12.4328291,2.12455473 12.9654367,2.52059014 L12.9654367,2.52059014 L20.3218013,7.99000647 L20.4665209,8.10559268 C21.0744501,8.62656431 21.4302636,9.40344805 21.4302636,10.227099 L21.4302636,10.227099 L21.4302636,19.0470569 L21.4250327,19.2212289 C21.3382831,20.6611171 20.1833875,21.8011882 18.7715031,21.8011882 L18.7715031,21.8011882 L5.2284969,21.8011882 L5.06035624,21.7957697 C3.67032883,21.7059084 2.56973638,20.5095861 2.56973638,19.0470569 L2.56973638,19.0470569 L2.56973638,10.2273587 L2.57600507,10.0381789 C2.63012926,9.22282649 3.03207443,8.47038558 3.67819781,7.99000711 L3.67819781,7.99000711 L11.034559,2.52059336 Z M12.0713092,3.55793652 C11.9772762,3.53774358 11.8769764,3.55793433 11.7954857,3.6185066 L11.7954857,3.6185066 L4.43911542,9.0879271 L4.32641124,9.18150853 C4.04059293,9.44596068 3.87451485,9.82573182 3.87451485,10.2273587 L3.87451485,10.2273587 L3.87451485,19.0470569 L3.880713,19.1821318 C3.94632222,19.8933667 4.52470053,20.4496068 5.2284969,20.4496068 L5.2284969,20.4496068 L11.2507497,20.4487759 L11.3507364,20.3451977 L11.3512202,14.4627186 L11.3582338,14.3683764 C11.4044406,14.0603828 11.6734228,13.8227675 12,13.8227675 C12.3345637,13.8227675 12.6123182,14.0734451 12.6454705,14.3976012 L12.6454705,14.3976012 L12.6489183,14.4681588 L12.6487364,20.3451881 L12.7487231,20.4487759 L18.7714898,20.4496068 L18.9018895,20.4431864 C19.5885066,20.3752237 20.1254851,19.7760987 20.1254851,19.0470569 L20.1254851,19.0470569 L20.1254851,10.2273587 L20.1177907,10.0779557 C20.0769951,9.68325297 19.8759128,9.32208831 19.5608746,9.08791971 L19.5608746,9.08791971 L12.2045243,3.61851399 L12.1402672,3.58065321 Z" id="形状结合" fill="#000000"></path>
+        </g>
+    </g>
+</svg>

src/icons/svg/homew.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>1</title>
+    <g id="1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="首页" fill-rule="nonzero">
+            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+            <path d="M11.1710783,2.42919989 C11.7298936,2.09409047 12.4328291,2.12455473 12.9654367,2.52059014 L12.9654367,2.52059014 L20.3218013,7.99000647 L20.4665209,8.10559268 C21.0744501,8.62656431 21.4302636,9.40344805 21.4302636,10.227099 L21.4302636,10.227099 L21.4302636,19.0470569 L21.4250327,19.2212289 C21.3382831,20.6611171 20.1833875,21.8011882 18.7715031,21.8011882 L18.7715031,21.8011882 L5.2284969,21.8011882 L5.06035624,21.7957697 C3.67032883,21.7059084 2.56973638,20.5095861 2.56973638,19.0470569 L2.56973638,19.0470569 L2.56973638,10.2273587 L2.57600507,10.0381789 C2.63012926,9.22282649 3.03207443,8.47038558 3.67819781,7.99000711 L3.67819781,7.99000711 L11.034559,2.52059336 Z M12.0713092,3.55793652 C11.9772762,3.53774358 11.8769764,3.55793433 11.7954857,3.6185066 L11.7954857,3.6185066 L4.43911542,9.0879271 L4.32641124,9.18150853 C4.04059293,9.44596068 3.87451485,9.82573182 3.87451485,10.2273587 L3.87451485,10.2273587 L3.87451485,19.0470569 L3.880713,19.1821318 C3.94632222,19.8933667 4.52470053,20.4496068 5.2284969,20.4496068 L5.2284969,20.4496068 L11.2507497,20.4487759 L11.3507364,20.3451977 L11.3512202,14.4627186 L11.3582338,14.3683764 C11.4044406,14.0603828 11.6734228,13.8227675 12,13.8227675 C12.3345637,13.8227675 12.6123182,14.0734451 12.6454705,14.3976012 L12.6454705,14.3976012 L12.6489183,14.4681588 L12.6487364,20.3451881 L12.7487231,20.4487759 L18.7714898,20.4496068 L18.9018895,20.4431864 C19.5885066,20.3752237 20.1254851,19.7760987 20.1254851,19.0470569 L20.1254851,19.0470569 L20.1254851,10.2273587 L20.1177907,10.0779557 C20.0769951,9.68325297 19.8759128,9.32208831 19.5608746,9.08791971 L19.5608746,9.08791971 L12.2045243,3.61851399 L12.1402672,3.58065321 Z" id="形状结合" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>

src/icons/svg/入库管理.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>入库管理</title>
+    <g id="3WMS。1、2、3、4、5、6" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3-2wms" transform="translate(-384.000000, -246.000000)" fill-rule="nonzero">
+            <g id="编组-16备份-8" transform="translate(360.000000, 230.000000)">
+                <g id="编组-14" transform="translate(24.000000, 16.000000)">
+                    <g id="入库管理" transform="translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000) ">
+                        <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+                        <path d="M12.6171515,2.84649135 L12.7491116,2.92622439 L19.888215,7.72601879 C20.2859682,7.9942181 20.5390223,8.41919558 20.5856556,8.88725884 L20.5934702,9.04471973 L20.5934702,19.6539979 C20.5934702,20.486297 19.9435025,21.1699505 19.1199885,21.2433432 L18.972958,21.249866 L15.1428566,21.249866 C14.6023821,21.249866 14.161037,20.8167789 14.161037,20.2803684 C14.161037,19.781758 14.5403072,19.3731939 15.0284089,19.3173716 L15.1428566,19.3108707 L18.629,19.31 L18.629,9.227 L11.839,4.658 L4.95,9.475 L4.95063788,12.6632927 C4.95063788,13.1235484 4.62747271,13.5070783 4.19384976,13.6072653 L4.08326591,13.6262895 L3.96881822,13.6327903 C3.46694902,13.6327903 3.05055363,13.2593632 2.99362914,12.7765362 L2.98699857,12.6632927 L2.98699857,9.29732159 C2.98699857,8.83190796 3.19389639,8.39164728 3.54671304,8.0907962 L3.66963934,7.99583255 L10.8986092,2.94376838 C11.4076326,2.58814933 12.0777435,2.55467418 12.6171515,2.84649135 Z M9.75327866,12.8915849 L9.84448549,12.9702737 L13.0798403,16.144002 C13.4191326,16.4778219 13.458202,17.0029804 13.1899434,17.3813784 L13.1091569,17.4806852 L10.0263993,20.7792097 C9.84145604,20.9728222 9.58801137,21.0794111 9.32685281,21.0794111 C9.08707106,21.0794111 8.85268927,20.9886572 8.6739132,20.8216034 C8.31776659,20.4875434 8.27303831,19.946602 8.55254201,19.5622846 L8.62918019,19.4696786 L10.148,17.844 L4.37749928,17.844875 C3.92567186,17.844875 3.5451747,17.5289246 3.44568219,17.1066983 L3.42678467,16.9990489 L3.42032371,16.8876995 C3.42032371,16.3982198 3.7911266,15.992454 4.26614795,15.9369848 L4.37749696,15.9305239 L10.128,15.93 L8.50237614,14.337277 C8.18358187,14.0235429 8.1305743,13.5427255 8.34637872,13.1722072 L8.4119015,13.0740998 L8.49076745,12.9827123 C8.83302277,12.6349367 9.37412114,12.6034693 9.75327866,12.8915849 Z" id="形状结合" fill="#6EF9E1"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/icons/svg/出库管理.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>入库管理</title>
+    <g id="3WMS。1、2、3、4、5、6" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3-2wms" transform="translate(-384.000000, -662.000000)" fill-rule="nonzero">
+            <g id="编组-16备份-11" transform="translate(360.000000, 646.000000)">
+                <g id="编组-14" transform="translate(24.000000, 16.000000)">
+                    <g id="编组-35" transform="translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000) ">
+                        <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+                        <path d="M12.6171515,2.84649135 L12.7491116,2.92622439 L19.888215,7.72601879 C20.2859682,7.9942181 20.5390223,8.41919558 20.5856556,8.88725884 L20.5934702,9.04471973 L20.5934702,19.6539979 C20.5934702,20.486297 19.9435025,21.1699505 19.1199885,21.2433432 L18.972958,21.249866 L15.1428566,21.249866 C14.6023821,21.249866 14.161037,20.8167789 14.161037,20.2803684 C14.161037,19.781758 14.5403072,19.3731939 15.0284089,19.3173716 L15.1428566,19.3108707 L18.629,19.31 L18.629,9.227 L11.839,4.658 L4.95,9.475 L4.95063788,12.6632927 C4.95063788,13.1235484 4.62747271,13.5070783 4.19384976,13.6072653 L4.08326591,13.6262895 L3.96881822,13.6327903 C3.46694902,13.6327903 3.05055363,13.2593632 2.99362914,12.7765362 L2.98699857,12.6632927 L2.98699857,9.29732159 C2.98699857,8.83190796 3.19389639,8.39164728 3.54671304,8.0907962 L3.66963934,7.99583255 L10.8986092,2.94376838 C11.4076326,2.58814933 12.0777435,2.55467418 12.6171515,2.84649135 Z M7.03320057,12.8915849 C7.41235809,12.6034693 7.95345645,12.6349367 8.29571178,12.9827123 L8.29571178,12.9827123 L8.37457773,13.0740998 L8.44010051,13.1722072 C8.65590493,13.5427255 8.60289736,14.0235429 8.28410308,14.337277 L8.28410308,14.337277 L6.65847923,15.93 L12.4089823,15.9305239 L12.5203313,15.9369848 C12.9953526,15.992454 13.3661555,16.3982198 13.3661555,16.8876995 L13.3661555,16.8876995 L13.3596946,16.9990489 L13.340797,17.1066983 C13.2413045,17.5289246 12.8608074,17.844875 12.4089799,17.844875 L12.4089799,17.844875 L6.63847923,17.844 L8.15729904,19.4696786 L8.23393722,19.5622846 C8.51344092,19.946602 8.46871264,20.4875434 8.11256603,20.8216034 C7.93378996,20.9886572 7.69940817,21.0794111 7.45962641,21.0794111 C7.19846786,21.0794111 6.94502319,20.9728222 6.76007996,20.7792097 L6.76007996,20.7792097 L3.67732231,17.4806852 L3.59653584,17.3813784 C3.32827726,17.0029804 3.3673466,16.4778219 3.70663891,16.144002 L3.70663891,16.144002 L6.94199374,12.9702737 Z" id="形状结合" fill="#6EF9E1"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/icons/svg/编组(1).svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组</title>
+    <defs>
+        <polygon id="path-1" points="0 0 16.1800204 0 16.1800204 18.6799449 0 18.6799449"></polygon>
+        <polygon id="path-3" points="0 0 16.1800204 0 16.1800204 18.6799449 0 18.6799449"></polygon>
+    </defs>
+    <g id="3WMS。1、2、3、4、5、6" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3-2wms" transform="translate(-1532.000000, -246.000000)">
+            <g id="编组-6" transform="translate(1508.000000, 230.000000)">
+                <g id="编组" transform="translate(24.000000, 16.000000)">
+                    <polygon id="Fill-1" fill="#3B71B2" opacity="0" points="0 24 24 24 24 0 0 0"></polygon>
+                    <path d="M9.0701,20.7905 C9.0691,21.0755 9.2221,21.3395 9.4701,21.4795 C9.7211,21.6205 10.0281,21.6205 10.2801,21.4795 C10.5301,21.3405 10.6871,21.0765 10.6901,20.7905 C10.6761,20.3375 10.2981,19.9815 9.8451,19.9955 C9.7131,20.0005 9.5851,20.0355 9.4701,20.1005 C9.2201,20.2395 9.0671,20.5045 9.0701,20.7905" id="Fill-3" fill="#6EF9E1"></path>
+                    <path d="M17.7101951,12.2602 C17.7092,12.5452 17.8622,12.8092 18.1102,12.9492 C18.3612,13.0902 18.6682,13.0902 18.9202,12.9492 C19.1702,12.8102 19.3272,12.5472 19.3302,12.2602 C19.3262,11.9702 19.1702,11.7042 18.9202,11.5602 C18.6682,11.4192 18.3612,11.4192 18.1102,11.5602 C17.8612,11.7052 17.7101951,11.9722 17.7101951,12.2602" id="Fill-5" fill="#6EF9E1"></path>
+                    <g transform="translate(3.140000, 2.930055)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="Clip-8"></g>
+                        <path d="M14.85,0 L1.35,0 C0.61,-0.00595509266 0.006,0.590044907 0,1.33004491 L0,1.34004491 L0,17.3400449 C0,18.0800449 0.6,18.6800449 1.34,18.6800449 L1.35,18.6800449 L6.75,18.6800449 L6.75,17.0800449 L2.75,17.0800449 C2.121,17.0850449 1.605,16.5790449 1.6,15.9500449 L1.6,15.9390449 L1.6,2.72904491 C1.6,2.10104491 2.11,1.59004491 2.74,1.59004491 L2.75,1.59004491 L13.41,1.59004491 C14.041,1.59004491 14.555,2.09904491 14.56,2.72904491 L14.56,9.33004491 L16.1800204,9.33004491 L16.1800204,1.33004491 C16.182,0.972044907 16.037,0.629044907 15.78,0.380044907 C15.531,0.138044907 15.198,0.00104490734 14.85,0" id="Fill-7" fill="#6EF9E1" mask="url(#mask-2)"></path>
+                    </g>
+                    <g transform="translate(6.579800, 7.340500)">
+                        <path d="M12.3702,11.45 C12.3812,12.322 11.6832,13.038 10.8102,13.05 C9.9372,13.06 9.2222,12.362 9.2102,11.489 C9.1992,10.617 9.8982,9.901 10.7702,9.88897334 L10.7902,9.88897334 C11.6572,9.884 12.3652,10.583 12.3702,11.449 L12.3702,11.45 Z M14.3102,12.13 L13.6802,11.66 C13.6862,11.59 13.6862,11.519 13.6802,11.45 C13.6852,11.377 13.6852,11.303 13.6802,11.229 L14.3102,10.769 C14.4802,10.635 14.5222,10.394 14.4102,10.21 L13.7202,9.05 C13.6362,8.915 13.4892,8.832 13.3302,8.83 C13.2812,8.819 13.2292,8.819 13.1802,8.83 L12.4302,9.109 C12.3072,9.028 12.1762,8.958 12.0402,8.899 L11.9302,8.149 C11.8992,7.931 11.7102,7.772 11.4902,7.779 L10.0802,7.779 C9.8632,7.781 9.6792,7.936 9.6402,8.149 L9.5402,8.899 L9.1502,9.109 L8.4102,8.83 L8.2502,8.83 C8.0922,8.826 7.9452,8.911 7.8702,9.05 L7.1602,10.21 C7.0502,10.397 7.0972,10.638 7.2702,10.769 L7.8902,11.229 L7.8902,11.45 C7.8852,11.519 7.8852,11.59 7.8902,11.66 L7.2702,12.13 C7.0992,12.258 7.0512,12.495 7.1602,12.679 L7.8602,13.849 C7.9452,13.984 8.0912,14.067 8.2502,14.069 C8.3002,14.079 8.3502,14.079 8.4002,14.069 L9.1402,13.779 C9.2642,13.864 9.3942,13.937 9.5302,14 L9.6402,14.75 C9.6792,14.963 9.8632,15.118 10.0802,15.12 L11.4902,15.12 C11.7102,15.127 11.8992,14.968 11.9302,14.75 L12.0402,14 C12.1772,13.94 12.3082,13.866 12.4302,13.779 L13.1802,14.069 C13.2292,14.079 13.2812,14.079 13.3302,14.069 C13.4912,14.073 13.6402,13.988 13.7202,13.849 L14.4202,12.679 C14.5242,12.494 14.4782,12.261 14.3102,12.13 L14.3102,12.13 Z" id="Fill-9" fill="#6FFADE"></path>
+                        <path d="M9.4102,0.739 C9.4102,1.229 9.2002,1.469 8.8002,1.469 L2.9202,1.469 C2.5102,1.469 2.3102,1.229 2.3102,0.739 C2.3102,0.25 2.5102,0 2.9202,0 L8.8002,0 C9.2002,0 9.4102,0.25 9.4102,0.739" id="Fill-11" fill="#6EF9E1"></path>
+                        <path d="M7.4102,4.6599 C7.4102,5.1599 7.2002,5.3989 6.7902,5.3989 L2.8702,5.3989 C2.4502,5.3989 2.2502,5.1599 2.2502,4.6599 C2.2502,4.1599 2.4502,3.9299 2.8702,3.9299 L6.7902,3.9299 C7.2002,3.9299 7.4102,4.1699 7.4102,4.6599" id="Fill-13" fill="#6EF9E1"></path>
+                        <path d="M5.4102,8.5896 C5.4102,9.0796 5.2002,9.3296 4.7802,9.3296 L2.8802,9.3296 C2.4602,9.3296 2.2502,9.0796 2.2502,8.5896 C2.2502,8.0996 2.4602,7.8596 2.8802,7.8596 L4.7802,7.8596 C5.2002,7.8596 5.4102,8.0996 5.4102,8.5896" id="Fill-15" fill="#6EF9E1"></path>
+                        <path d="M0.73,0.0095 L0.75,0.0095 C1.153,0.0095 1.48,0.3365 1.48,0.7385 L1.48,0.7495 C1.48,1.1535 1.153,1.4795 0.75,1.4795 L0.73,1.4795 C0.327,1.4795 0,1.1535 0,0.7495 L0,0.7385 C0,0.3365 0.327,0.0095 0.73,0.0095" id="Fill-17" fill="#6DF8E1"></path>
+                        <path d="M0.73,3.9695 L0.75,3.9695 C1.153,3.9695 1.48,4.2965 1.48,4.6995 L1.48,4.7095 C1.48,5.1135 1.153,5.4395 0.75,5.4395 L0.73,5.4395 C0.327,5.4395 0,5.1135 0,4.7095 L0,4.6995 C0,4.2965 0.327,3.9695 0.73,3.9695" id="Fill-19" fill="#6DF8E1"></path>
+                        <path d="M0.73,7.9197 L0.75,7.9197 C1.153,7.9197 1.48,8.2457 1.48,8.6487 L1.48,8.6597 C1.48,9.0627 1.153,9.3897 0.75,9.3897 L0.73,9.3897 C0.327,9.3897 0,9.0627 0,8.6597 L0,8.6487 C0,8.2457 0.327,7.9197 0.73,7.9197" id="Fill-21" fill="#6DF8E1"></path>
+                    </g>
+                    <path d="M9.0701,20.7905 C9.0691,21.0755 9.2221,21.3395 9.4701,21.4795 C9.7211,21.6205 10.0281,21.6205 10.2801,21.4795 C10.5301,21.3405 10.6871,21.0765 10.6901,20.7905 C10.6761,20.3375 10.2981,19.9815 9.8451,19.9955 C9.7131,20.0005 9.5851,20.0355 9.4701,20.1005 C9.2201,20.2395 9.0671,20.5045 9.0701,20.7905" id="Fill-23" fill="#6EF9E1"></path>
+                    <path d="M17.7101951,12.2602 C17.7092,12.5452 17.8622,12.8092 18.1102,12.9492 C18.3612,13.0902 18.6682,13.0902 18.9202,12.9492 C19.1702,12.8102 19.3272,12.5472 19.3302,12.2602 C19.3262,11.9702 19.1702,11.7042 18.9202,11.5602 C18.6682,11.4192 18.3612,11.4192 18.1102,11.5602 C17.8612,11.7052 17.7101951,11.9722 17.7101951,12.2602" id="Fill-25" fill="#6EF9E1"></path>
+                    <g transform="translate(3.140000, 2.930055)">
+                        <mask id="mask-4" fill="white">
+                            <use xlink:href="#path-3"></use>
+                        </mask>
+                        <g id="Clip-28"></g>
+                        <path d="M14.85,0 L1.35,0 C0.61,-0.00595509266 0.006,0.590044907 0,1.33004491 L0,1.34004491 L0,17.3400449 C0,18.0800449 0.6,18.6800449 1.34,18.6800449 L1.35,18.6800449 L6.75,18.6800449 L6.75,17.0800449 L2.75,17.0800449 C2.121,17.0850449 1.605,16.5790449 1.6,15.9500449 L1.6,15.9390449 L1.6,2.72904491 C1.6,2.10104491 2.11,1.59004491 2.74,1.59004491 L2.75,1.59004491 L13.41,1.59004491 C14.041,1.59004491 14.555,2.09904491 14.56,2.72904491 L14.56,9.33004491 L16.1800204,9.33004491 L16.1800204,1.33004491 C16.182,0.972044907 16.037,0.629044907 15.78,0.380044907 C15.531,0.138044907 15.198,0.00104490734 14.85,0" id="Fill-27" fill="#6EF9E1" mask="url(#mask-4)"></path>
+                    </g>
+                    <g transform="translate(6.579800, 7.340500)">
+                        <path d="M12.3702,11.45 C12.3812,12.322 11.6832,13.038 10.8102,13.05 C9.9372,13.06 9.2222,12.362 9.2102,11.489 C9.1992,10.617 9.8982,9.901 10.7702,9.88897334 L10.7902,9.88897334 C11.6572,9.884 12.3652,10.583 12.3702,11.449 L12.3702,11.45 Z M14.3102,12.13 L13.6802,11.66 C13.6862,11.59 13.6862,11.519 13.6802,11.45 C13.6852,11.377 13.6852,11.303 13.6802,11.229 L14.3102,10.769 C14.4802,10.635 14.5222,10.394 14.4102,10.21 L13.7202,9.05 C13.6362,8.915 13.4892,8.832 13.3302,8.83 C13.2812,8.819 13.2292,8.819 13.1802,8.83 L12.4302,9.109 C12.3072,9.028 12.1762,8.958 12.0402,8.899 L11.9302,8.149 C11.8992,7.931 11.7102,7.772 11.4902,7.779 L10.0802,7.779 C9.8632,7.781 9.6792,7.936 9.6402,8.149 L9.5402,8.899 L9.1502,9.109 L8.4102,8.83 L8.2502,8.83 C8.0922,8.826 7.9452,8.911 7.8702,9.05 L7.1602,10.21 C7.0502,10.397 7.0972,10.638 7.2702,10.769 L7.8902,11.229 L7.8902,11.45 C7.8852,11.519 7.8852,11.59 7.8902,11.66 L7.2702,12.13 C7.0992,12.258 7.0512,12.495 7.1602,12.679 L7.8602,13.849 C7.9452,13.984 8.0912,14.067 8.2502,14.069 C8.3002,14.079 8.3502,14.079 8.4002,14.069 L9.1402,13.779 C9.2642,13.864 9.3942,13.937 9.5302,14 L9.6402,14.75 C9.6792,14.963 9.8632,15.118 10.0802,15.12 L11.4902,15.12 C11.7102,15.127 11.8992,14.968 11.9302,14.75 L12.0402,14 C12.1772,13.94 12.3082,13.866 12.4302,13.779 L13.1802,14.069 C13.2292,14.079 13.2812,14.079 13.3302,14.069 C13.4912,14.073 13.6402,13.988 13.7202,13.849 L14.4202,12.679 C14.5242,12.494 14.4782,12.261 14.3102,12.13 L14.3102,12.13 Z" id="Fill-29" fill="#6FFADE"></path>
+                        <path d="M9.4102,0.739 C9.4102,1.229 9.2002,1.469 8.8002,1.469 L2.9202,1.469 C2.5102,1.469 2.3102,1.229 2.3102,0.739 C2.3102,0.25 2.5102,0 2.9202,0 L8.8002,0 C9.2002,0 9.4102,0.25 9.4102,0.739" id="Fill-31" fill="#6EF9E1"></path>
+                        <path d="M7.4102,4.6599 C7.4102,5.1599 7.2002,5.3989 6.7902,5.3989 L2.8702,5.3989 C2.4502,5.3989 2.2502,5.1599 2.2502,4.6599 C2.2502,4.1599 2.4502,3.9299 2.8702,3.9299 L6.7902,3.9299 C7.2002,3.9299 7.4102,4.1699 7.4102,4.6599" id="Fill-33" fill="#6EF9E1"></path>
+                        <path d="M5.4102,8.5896 C5.4102,9.0796 5.2002,9.3296 4.7802,9.3296 L2.8802,9.3296 C2.4602,9.3296 2.2502,9.0796 2.2502,8.5896 C2.2502,8.0996 2.4602,7.8596 2.8802,7.8596 L4.7802,7.8596 C5.2002,7.8596 5.4102,8.0996 5.4102,8.5896" id="Fill-35" fill="#6EF9E1"></path>
+                        <path d="M0.73,0.0095 L0.75,0.0095 C1.153,0.0095 1.48,0.3365 1.48,0.7385 L1.48,0.7495 C1.48,1.1535 1.153,1.4795 0.75,1.4795 L0.73,1.4795 C0.327,1.4795 0,1.1535 0,0.7495 L0,0.7385 C0,0.3365 0.327,0.0095 0.73,0.0095" id="Fill-37" fill="#6DF8E1"></path>
+                        <path d="M0.73,3.9695 L0.75,3.9695 C1.153,3.9695 1.48,4.2965 1.48,4.6995 L1.48,4.7095 C1.48,5.1135 1.153,5.4395 0.75,5.4395 L0.73,5.4395 C0.327,5.4395 0,5.1135 0,4.7095 L0,4.6995 C0,4.2965 0.327,3.9695 0.73,3.9695" id="Fill-39" fill="#6DF8E1"></path>
+                        <path d="M0.73,7.9197 L0.75,7.9197 C1.153,7.9197 1.48,8.2457 1.48,8.6487 L1.48,8.6597 C1.48,9.0627 1.153,9.3897 0.75,9.3897 L0.73,9.3897 C0.327,9.3897 0,9.0627 0,8.6597 L0,8.6487 C0,8.2457 0.327,7.9197 0.73,7.9197" id="Fill-41" fill="#6DF8E1"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/icons/svg/编组.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组</title>
+    <defs>
+        <polygon id="path-1" points="0 0 16.1800204 0 16.1800204 18.6799449 0 18.6799449"></polygon>
+        <polygon id="path-3" points="0 0 16.1800204 0 16.1800204 18.6799449 0 18.6799449"></polygon>
+    </defs>
+    <g id="3WMS。1、2、3、4、5、6" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3-2wms" transform="translate(-384.000000, -454.000000)">
+            <g id="编组-16备份-10" transform="translate(360.000000, 438.000000)">
+                <g id="编组" transform="translate(24.000000, 16.000000)">
+                    <polygon id="Fill-1" fill="#3B71B2" opacity="0" points="0 24 24 24 24 0 0 0"></polygon>
+                    <path d="M9.0701,20.7905 C9.0691,21.0755 9.2221,21.3395 9.4701,21.4795 C9.7211,21.6205 10.0281,21.6205 10.2801,21.4795 C10.5301,21.3405 10.6871,21.0765 10.6901,20.7905 C10.6761,20.3375 10.2981,19.9815 9.8451,19.9955 C9.7131,20.0005 9.5851,20.0355 9.4701,20.1005 C9.2201,20.2395 9.0671,20.5045 9.0701,20.7905" id="Fill-3" fill="#6EF9E1"></path>
+                    <path d="M17.7101951,12.2602 C17.7092,12.5452 17.8622,12.8092 18.1102,12.9492 C18.3612,13.0902 18.6682,13.0902 18.9202,12.9492 C19.1702,12.8102 19.3272,12.5472 19.3302,12.2602 C19.3262,11.9702 19.1702,11.7042 18.9202,11.5602 C18.6682,11.4192 18.3612,11.4192 18.1102,11.5602 C17.8612,11.7052 17.7101951,11.9722 17.7101951,12.2602" id="Fill-5" fill="#6EF9E1"></path>
+                    <g transform="translate(3.140000, 2.930055)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="Clip-8"></g>
+                        <path d="M14.85,0 L1.35,0 C0.61,-0.00595509266 0.006,0.590044907 0,1.33004491 L0,1.34004491 L0,17.3400449 C0,18.0800449 0.6,18.6800449 1.34,18.6800449 L1.35,18.6800449 L6.75,18.6800449 L6.75,17.0800449 L2.75,17.0800449 C2.121,17.0850449 1.605,16.5790449 1.6,15.9500449 L1.6,15.9390449 L1.6,2.72904491 C1.6,2.10104491 2.11,1.59004491 2.74,1.59004491 L2.75,1.59004491 L13.41,1.59004491 C14.041,1.59004491 14.555,2.09904491 14.56,2.72904491 L14.56,9.33004491 L16.1800204,9.33004491 L16.1800204,1.33004491 C16.182,0.972044907 16.037,0.629044907 15.78,0.380044907 C15.531,0.138044907 15.198,0.00104490734 14.85,0" id="Fill-7" fill="#6EF9E1" mask="url(#mask-2)"></path>
+                    </g>
+                    <g transform="translate(6.579800, 7.340500)">
+                        <path d="M9.4102,0.739 C9.4102,1.229 9.2002,1.469 8.8002,1.469 L2.9202,1.469 C2.5102,1.469 2.3102,1.229 2.3102,0.739 C2.3102,0.25 2.5102,0 2.9202,0 L8.8002,0 C9.2002,0 9.4102,0.25 9.4102,0.739" id="Fill-11" fill="#6EF9E1"></path>
+                        <path d="M7.4102,4.6599 C7.4102,5.1599 7.2002,5.3989 6.7902,5.3989 L2.8702,5.3989 C2.4502,5.3989 2.2502,5.1599 2.2502,4.6599 C2.2502,4.1599 2.4502,3.9299 2.8702,3.9299 L6.7902,3.9299 C7.2002,3.9299 7.4102,4.1699 7.4102,4.6599" id="Fill-13" fill="#6EF9E1"></path>
+                        <path d="M5.4102,8.5896 C5.4102,9.0796 5.2002,9.3296 4.7802,9.3296 L2.8802,9.3296 C2.4602,9.3296 2.2502,9.0796 2.2502,8.5896 C2.2502,8.0996 2.4602,7.8596 2.8802,7.8596 L4.7802,7.8596 C5.2002,7.8596 5.4102,8.0996 5.4102,8.5896" id="Fill-15" fill="#6EF9E1"></path>
+                        <path d="M0.73,0.0095 L0.75,0.0095 C1.153,0.0095 1.48,0.3365 1.48,0.7385 L1.48,0.7495 C1.48,1.1535 1.153,1.4795 0.75,1.4795 L0.73,1.4795 C0.327,1.4795 0,1.1535 0,0.7495 L0,0.7385 C0,0.3365 0.327,0.0095 0.73,0.0095" id="Fill-17" fill="#6DF8E1"></path>
+                        <path d="M0.73,3.9695 L0.75,3.9695 C1.153,3.9695 1.48,4.2965 1.48,4.6995 L1.48,4.7095 C1.48,5.1135 1.153,5.4395 0.75,5.4395 L0.73,5.4395 C0.327,5.4395 0,5.1135 0,4.7095 L0,4.6995 C0,4.2965 0.327,3.9695 0.73,3.9695" id="Fill-19" fill="#6DF8E1"></path>
+                        <path d="M0.73,7.9197 L0.75,7.9197 C1.153,7.9197 1.48,8.2457 1.48,8.6487 L1.48,8.6597 C1.48,9.0627 1.153,9.3897 0.75,9.3897 L0.73,9.3897 C0.327,9.3897 0,9.0627 0,8.6597 L0,8.6487 C0,8.2457 0.327,7.9197 0.73,7.9197" id="Fill-21" fill="#6DF8E1"></path>
+                    </g>
+                    <path d="M9.0701,20.7905 C9.0691,21.0755 9.2221,21.3395 9.4701,21.4795 C9.7211,21.6205 10.0281,21.6205 10.2801,21.4795 C10.5301,21.3405 10.6871,21.0765 10.6901,20.7905 C10.6761,20.3375 10.2981,19.9815 9.8451,19.9955 C9.7131,20.0005 9.5851,20.0355 9.4701,20.1005 C9.2201,20.2395 9.0671,20.5045 9.0701,20.7905" id="Fill-23" fill="#6EF9E1"></path>
+                    <path d="M17.7101951,12.2602 C17.7092,12.5452 17.8622,12.8092 18.1102,12.9492 C18.3612,13.0902 18.6682,13.0902 18.9202,12.9492 C19.1702,12.8102 19.3272,12.5472 19.3302,12.2602 C19.3262,11.9702 19.1702,11.7042 18.9202,11.5602 C18.6682,11.4192 18.3612,11.4192 18.1102,11.5602 C17.8612,11.7052 17.7101951,11.9722 17.7101951,12.2602" id="Fill-25" fill="#6EF9E1"></path>
+                    <g transform="translate(3.140000, 2.930055)">
+                        <mask id="mask-4" fill="white">
+                            <use xlink:href="#path-3"></use>
+                        </mask>
+                        <g id="Clip-28"></g>
+                        <path d="M14.85,0 L1.35,0 C0.61,-0.00595509266 0.006,0.590044907 0,1.33004491 L0,1.34004491 L0,17.3400449 C0,18.0800449 0.6,18.6800449 1.34,18.6800449 L1.35,18.6800449 L6.75,18.6800449 L6.75,17.0800449 L2.75,17.0800449 C2.121,17.0850449 1.605,16.5790449 1.6,15.9500449 L1.6,15.9390449 L1.6,2.72904491 C1.6,2.10104491 2.11,1.59004491 2.74,1.59004491 L2.75,1.59004491 L13.41,1.59004491 C14.041,1.59004491 14.555,2.09904491 14.56,2.72904491 L14.56,9.33004491 L16.1800204,9.33004491 L16.1800204,1.33004491 C16.182,0.972044907 16.037,0.629044907 15.78,0.380044907 C15.531,0.138044907 15.198,0.00104490734 14.85,0" id="Fill-27" fill="#6EF9E1" mask="url(#mask-4)"></path>
+                    </g>
+                    <path d="M17.9979406,14.7265729 L18.0780819,14.7957148 L20.9209105,17.5843937 C21.2190385,17.8777132 21.2533678,18.3391574 21.0176554,18.6716467 L20.9466703,18.7589051 L18.2379251,21.6572395 C18.07542,21.8273621 17.8527242,21.9210192 17.6232505,21.9210192 C17.41256,21.9210192 17.2066143,21.8412759 17.0495281,21.6944897 C16.7365906,21.4009592 16.697289,20.925647 16.9428822,20.5879566 L17.0102223,20.5065859 L18.3447728,19.0781411 L13.2743723,19.07891 C12.8773624,19.07891 12.5430287,18.801292 12.455607,18.4302918 L12.4390022,18.3357029 L12.4333251,18.2378628 C12.4333251,17.8077687 12.7591407,17.4512321 13.1765306,17.4024927 L13.2743703,17.3968156 L18.3271993,17.3963553 L16.8988026,15.9968678 C16.6186857,15.7211972 16.5721093,15.2987145 16.7617314,14.973149 L16.8193047,14.8869444 L16.8886023,14.8066443 C17.1893339,14.5010623 17.664784,14.4734126 17.9979406,14.7265729 Z" id="形状结合" fill="#6EF9E1" fill-rule="nonzero" transform="translate(16.802907, 18.238076) scale(-1, 1) translate(-16.802907, -18.238076) "></path>
+                    <g transform="translate(6.579800, 7.340500)">
+                        <path d="M9.4102,0.739 C9.4102,1.229 9.2002,1.469 8.8002,1.469 L2.9202,1.469 C2.5102,1.469 2.3102,1.229 2.3102,0.739 C2.3102,0.25 2.5102,0 2.9202,0 L8.8002,0 C9.2002,0 9.4102,0.25 9.4102,0.739" id="Fill-31" fill="#6EF9E1"></path>
+                        <path d="M7.4102,4.6599 C7.4102,5.1599 7.2002,5.3989 6.7902,5.3989 L2.8702,5.3989 C2.4502,5.3989 2.2502,5.1599 2.2502,4.6599 C2.2502,4.1599 2.4502,3.9299 2.8702,3.9299 L6.7902,3.9299 C7.2002,3.9299 7.4102,4.1699 7.4102,4.6599" id="Fill-33" fill="#6EF9E1"></path>
+                        <path d="M5.4102,8.5896 C5.4102,9.0796 5.2002,9.3296 4.7802,9.3296 L2.8802,9.3296 C2.4602,9.3296 2.2502,9.0796 2.2502,8.5896 C2.2502,8.0996 2.4602,7.8596 2.8802,7.8596 L4.7802,7.8596 C5.2002,7.8596 5.4102,8.0996 5.4102,8.5896" id="Fill-35" fill="#6EF9E1"></path>
+                        <path d="M0.73,0.0095 L0.75,0.0095 C1.153,0.0095 1.48,0.3365 1.48,0.7385 L1.48,0.7495 C1.48,1.1535 1.153,1.4795 0.75,1.4795 L0.73,1.4795 C0.327,1.4795 0,1.1535 0,0.7495 L0,0.7385 C0,0.3365 0.327,0.0095 0.73,0.0095" id="Fill-37" fill="#6DF8E1"></path>
+                        <path d="M0.73,3.9695 L0.75,3.9695 C1.153,3.9695 1.48,4.2965 1.48,4.6995 L1.48,4.7095 C1.48,5.1135 1.153,5.4395 0.75,5.4395 L0.73,5.4395 C0.327,5.4395 0,5.1135 0,4.7095 L0,4.6995 C0,4.2965 0.327,3.9695 0.73,3.9695" id="Fill-39" fill="#6DF8E1"></path>
+                        <path d="M0.73,7.9197 L0.75,7.9197 C1.153,7.9197 1.48,8.2457 1.48,8.6487 L1.48,8.6597 C1.48,9.0627 1.153,9.3897 0.75,9.3897 L0.73,9.3897 C0.327,9.3897 0,9.0627 0,8.6597 L0,8.6487 C0,8.2457 0.327,7.9197 0.73,7.9197" id="Fill-41" fill="#6DF8E1"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/icons/svg/编组备份 2.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组备份 2</title>
+    <defs>
+        <polygon id="path-1" points="0 0 16.1800204 0 16.1800204 18.6799449 0 18.6799449"></polygon>
+        <polygon id="path-3" points="0 0 16.1800204 0 16.1800204 18.6799449 0 18.6799449"></polygon>
+    </defs>
+    <g id="3WMS。1、2、3、4、5、6" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="3-2wms" transform="translate(-384.000000, -870.000000)">
+            <g id="编组-16备份-12" transform="translate(360.000000, 854.000000)">
+                <g id="编组备份-2" transform="translate(24.000000, 16.000000)">
+                    <polygon id="Fill-1" fill="#3B71B2" opacity="0" points="0 24 24 24 24 0 0 0"></polygon>
+                    <path d="M9.0701,20.7905 C9.0691,21.0755 9.2221,21.3395 9.4701,21.4795 C9.7211,21.6205 10.0281,21.6205 10.2801,21.4795 C10.5301,21.3405 10.6871,21.0765 10.6901,20.7905 C10.6761,20.3375 10.2981,19.9815 9.8451,19.9955 C9.7131,20.0005 9.5851,20.0355 9.4701,20.1005 C9.2201,20.2395 9.0671,20.5045 9.0701,20.7905" id="Fill-3" fill="#6EF9E1"></path>
+                    <path d="M17.7101951,12.2602 C17.7092,12.5452 17.8622,12.8092 18.1102,12.9492 C18.3612,13.0902 18.6682,13.0902 18.9202,12.9492 C19.1702,12.8102 19.3272,12.5472 19.3302,12.2602 C19.3262,11.9702 19.1702,11.7042 18.9202,11.5602 C18.6682,11.4192 18.3612,11.4192 18.1102,11.5602 C17.8612,11.7052 17.7101951,11.9722 17.7101951,12.2602" id="Fill-5" fill="#6EF9E1"></path>
+                    <g id="编组" transform="translate(3.140000, 2.930055)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="Clip-8"></g>
+                        <path d="M14.85,0 L1.35,0 C0.61,-0.00595509266 0.006,0.590044907 0,1.33004491 L0,1.34004491 L0,17.3400449 C0,18.0800449 0.6,18.6800449 1.34,18.6800449 L1.35,18.6800449 L6.75,18.6800449 L6.75,17.0800449 L2.75,17.0800449 C2.121,17.0850449 1.605,16.5790449 1.6,15.9500449 L1.6,15.9390449 L1.6,2.72904491 C1.6,2.10104491 2.11,1.59004491 2.74,1.59004491 L2.75,1.59004491 L13.41,1.59004491 C14.041,1.59004491 14.555,2.09904491 14.56,2.72904491 L14.56,9.33004491 L16.1800204,9.33004491 L16.1800204,1.33004491 C16.182,0.972044907 16.037,0.629044907 15.78,0.380044907 C15.531,0.138044907 15.198,0.00104490734 14.85,0" id="Fill-7" fill="#6EF9E1" mask="url(#mask-2)"></path>
+                    </g>
+                    <g id="编组" transform="translate(6.579800, 7.340500)">
+                        <path d="M9.4102,0.739 C9.4102,1.229 9.2002,1.469 8.8002,1.469 L2.9202,1.469 C2.5102,1.469 2.3102,1.229 2.3102,0.739 C2.3102,0.25 2.5102,0 2.9202,0 L8.8002,0 C9.2002,0 9.4102,0.25 9.4102,0.739" id="Fill-11" fill="#6EF9E1"></path>
+                        <path d="M7.4102,4.6599 C7.4102,5.1599 7.2002,5.3989 6.7902,5.3989 L2.8702,5.3989 C2.4502,5.3989 2.2502,5.1599 2.2502,4.6599 C2.2502,4.1599 2.4502,3.9299 2.8702,3.9299 L6.7902,3.9299 C7.2002,3.9299 7.4102,4.1699 7.4102,4.6599" id="Fill-13" fill="#6EF9E1"></path>
+                        <path d="M5.4102,8.5896 C5.4102,9.0796 5.2002,9.3296 4.7802,9.3296 L2.8802,9.3296 C2.4602,9.3296 2.2502,9.0796 2.2502,8.5896 C2.2502,8.0996 2.4602,7.8596 2.8802,7.8596 L4.7802,7.8596 C5.2002,7.8596 5.4102,8.0996 5.4102,8.5896" id="Fill-15" fill="#6EF9E1"></path>
+                        <path d="M0.73,0.0095 L0.75,0.0095 C1.153,0.0095 1.48,0.3365 1.48,0.7385 L1.48,0.7495 C1.48,1.1535 1.153,1.4795 0.75,1.4795 L0.73,1.4795 C0.327,1.4795 0,1.1535 0,0.7495 L0,0.7385 C0,0.3365 0.327,0.0095 0.73,0.0095" id="Fill-17" fill="#6DF8E1"></path>
+                        <path d="M0.73,3.9695 L0.75,3.9695 C1.153,3.9695 1.48,4.2965 1.48,4.6995 L1.48,4.7095 C1.48,5.1135 1.153,5.4395 0.75,5.4395 L0.73,5.4395 C0.327,5.4395 0,5.1135 0,4.7095 L0,4.6995 C0,4.2965 0.327,3.9695 0.73,3.9695" id="Fill-19" fill="#6DF8E1"></path>
+                        <path d="M0.73,7.9197 L0.75,7.9197 C1.153,7.9197 1.48,8.2457 1.48,8.6487 L1.48,8.6597 C1.48,9.0627 1.153,9.3897 0.75,9.3897 L0.73,9.3897 C0.327,9.3897 0,9.0627 0,8.6597 L0,8.6487 C0,8.2457 0.327,7.9197 0.73,7.9197" id="Fill-21" fill="#6DF8E1"></path>
+                    </g>
+                    <path d="M9.0701,20.7905 C9.0691,21.0755 9.2221,21.3395 9.4701,21.4795 C9.7211,21.6205 10.0281,21.6205 10.2801,21.4795 C10.5301,21.3405 10.6871,21.0765 10.6901,20.7905 C10.6761,20.3375 10.2981,19.9815 9.8451,19.9955 C9.7131,20.0005 9.5851,20.0355 9.4701,20.1005 C9.2201,20.2395 9.0671,20.5045 9.0701,20.7905" id="Fill-23" fill="#6EF9E1"></path>
+                    <path d="M17.7101951,12.2602 C17.7092,12.5452 17.8622,12.8092 18.1102,12.9492 C18.3612,13.0902 18.6682,13.0902 18.9202,12.9492 C19.1702,12.8102 19.3272,12.5472 19.3302,12.2602 C19.3262,11.9702 19.1702,11.7042 18.9202,11.5602 C18.6682,11.4192 18.3612,11.4192 18.1102,11.5602 C17.8612,11.7052 17.7101951,11.9722 17.7101951,12.2602" id="Fill-25" fill="#6EF9E1"></path>
+                    <g id="编组" transform="translate(3.140000, 2.930055)">
+                        <mask id="mask-4" fill="white">
+                            <use xlink:href="#path-3"></use>
+                        </mask>
+                        <g id="Clip-28"></g>
+                        <path d="M14.85,0 L1.35,0 C0.61,-0.00595509266 0.006,0.590044907 0,1.33004491 L0,1.34004491 L0,17.3400449 C0,18.0800449 0.6,18.6800449 1.34,18.6800449 L1.35,18.6800449 L6.75,18.6800449 L6.75,17.0800449 L2.75,17.0800449 C2.121,17.0850449 1.605,16.5790449 1.6,15.9500449 L1.6,15.9390449 L1.6,2.72904491 C1.6,2.10104491 2.11,1.59004491 2.74,1.59004491 L2.75,1.59004491 L13.41,1.59004491 C14.041,1.59004491 14.555,2.09904491 14.56,2.72904491 L14.56,9.33004491 L16.1800204,9.33004491 L16.1800204,1.33004491 C16.182,0.972044907 16.037,0.629044907 15.78,0.380044907 C15.531,0.138044907 15.198,0.00104490734 14.85,0" id="Fill-27" fill="#6EF9E1" mask="url(#mask-4)"></path>
+                    </g>
+                    <path d="M17.9979406,14.7265729 L18.0780819,14.7957148 L20.9209105,17.5843937 C21.2190385,17.8777132 21.2533678,18.3391574 21.0176554,18.6716467 L20.9466703,18.7589051 L18.2379251,21.6572395 C18.07542,21.8273621 17.8527242,21.9210192 17.6232505,21.9210192 C17.41256,21.9210192 17.2066143,21.8412759 17.0495281,21.6944897 C16.7365906,21.4009592 16.697289,20.925647 16.9428822,20.5879566 L17.0102223,20.5065859 L18.3447728,19.0781411 L13.2743723,19.07891 C12.8773624,19.07891 12.5430287,18.801292 12.455607,18.4302918 L12.4390022,18.3357029 L12.4333251,18.2378628 C12.4333251,17.8077687 12.7591407,17.4512321 13.1765306,17.4024927 L13.2743703,17.3968156 L18.3271993,17.3963553 L16.8988026,15.9968678 C16.6186857,15.7211972 16.5721093,15.2987145 16.7617314,14.973149 L16.8193047,14.8869444 L16.8886023,14.8066443 C17.1893339,14.5010623 17.664784,14.4734126 17.9979406,14.7265729 Z" id="形状结合" fill="#6EF9E1" fill-rule="nonzero"></path>
+                    <g id="编组" transform="translate(6.579800, 7.340500)">
+                        <path d="M9.4102,0.739 C9.4102,1.229 9.2002,1.469 8.8002,1.469 L2.9202,1.469 C2.5102,1.469 2.3102,1.229 2.3102,0.739 C2.3102,0.25 2.5102,0 2.9202,0 L8.8002,0 C9.2002,0 9.4102,0.25 9.4102,0.739" id="Fill-31" fill="#6EF9E1"></path>
+                        <path d="M7.4102,4.6599 C7.4102,5.1599 7.2002,5.3989 6.7902,5.3989 L2.8702,5.3989 C2.4502,5.3989 2.2502,5.1599 2.2502,4.6599 C2.2502,4.1599 2.4502,3.9299 2.8702,3.9299 L6.7902,3.9299 C7.2002,3.9299 7.4102,4.1699 7.4102,4.6599" id="Fill-33" fill="#6EF9E1"></path>
+                        <path d="M5.4102,8.5896 C5.4102,9.0796 5.2002,9.3296 4.7802,9.3296 L2.8802,9.3296 C2.4602,9.3296 2.2502,9.0796 2.2502,8.5896 C2.2502,8.0996 2.4602,7.8596 2.8802,7.8596 L4.7802,7.8596 C5.2002,7.8596 5.4102,8.0996 5.4102,8.5896" id="Fill-35" fill="#6EF9E1"></path>
+                        <path d="M0.73,0.0095 L0.75,0.0095 C1.153,0.0095 1.48,0.3365 1.48,0.7385 L1.48,0.7495 C1.48,1.1535 1.153,1.4795 0.75,1.4795 L0.73,1.4795 C0.327,1.4795 0,1.1535 0,0.7495 L0,0.7385 C0,0.3365 0.327,0.0095 0.73,0.0095" id="Fill-37" fill="#6DF8E1"></path>
+                        <path d="M0.73,3.9695 L0.75,3.9695 C1.153,3.9695 1.48,4.2965 1.48,4.6995 L1.48,4.7095 C1.48,5.1135 1.153,5.4395 0.75,5.4395 L0.73,5.4395 C0.327,5.4395 0,5.1135 0,4.7095 L0,4.6995 C0,4.2965 0.327,3.9695 0.73,3.9695" id="Fill-39" fill="#6DF8E1"></path>
+                        <path d="M0.73,7.9197 L0.75,7.9197 C1.153,7.9197 1.48,8.2457 1.48,8.6487 L1.48,8.6597 C1.48,9.0627 1.153,9.3897 0.75,9.3897 L0.73,9.3897 C0.327,9.3897 0,9.0627 0,8.6597 L0,8.6487 C0,8.2457 0.327,7.9197 0.73,7.9197" id="Fill-41" fill="#6DF8E1"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/icons/svg/返回.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>rollback</title>
-    <g id="订单监控" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(-1824.000000, -152.000000)" id="编组-3备份">
-            <g transform="translate(1824.000000, 152.000000)" id="rollback">
-                <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="2" y="0" width="16" height="16"></rect>
-                <g id="icon/返回">
-                    <rect id="矩形" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="16" height="16"></rect>
-                    <path d="M5.21875,3.41508379 L5.21875,4.28125 L11.390625,4.28125 C12.0493734,4.28125 12.4753678,4.30784426 12.7273469,4.45745686 C12.8945768,4.55674961 12.890625,4.74672762 12.890625,4.96875 L12.890625,11.9909216 C12.890625,12.2943982 12.8554333,12.568251 12.6260985,12.7412931 C12.3811608,12.9261082 11.9820856,13 11.3906389,13 L11.3906389,13 L2.93498996,12.9997657 L11.203125,12.8125 C11.6173386,12.8125 11.9923386,12.6446068 12.2637852,12.3731602 C12.5352318,12.1017136 12.703125,11.7267136 12.703125,11.3125 L12.703125,11.3125 L12.703125,5.96875 C12.703125,5.55453644 12.5352318,5.17953644 12.2637852,4.90808983 C11.9923386,4.63664322 11.6173386,4.46875 11.203125,4.46875 L11.203125,4.46875 L5.21875,4.46875 L5.21875,5.35124197 L4.01179878,4.39928044 L5.21875,3.41508379 Z" id="路径" stroke="#0B58FF" fill="#0B58FF"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

src/layout/components/Navbar.vue

@@ -2,7 +2,7 @@
   <div class="navbar" :style="showTitle ? 'background: rgba(8,17,50,0.25)' : ''" style="padding-right: 23px;">
     <hamburger v-if="showhome" id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
 
-    <div v-if="showTitle" style="color: #fff;font-size: 22px; float: left; letter-spacing: 1px; font-weight: 500; padding-left: 24px; marginTop: 5px">
+    <div v-if="showTitle" style="color: #fff;font-size: 22px; float: left; letter-spacing: 1px; font-weight: 500; padding-left: 24px; marginTop: 5px; cursor: pointer;" @click="toHome">
       <img src="../../assets/img/cnbm.png" style="width: 26px; height: 26px; position: relative; top: 6px; marginRight: 14px" alt="">
       {{ 'title' | i18nFilter }}
     </div>
@@ -11,13 +11,17 @@
 
     <div class="right-menu">
 
-      <div v-if="showhome" class="right-menu-back" @click="toHome">
+      <!-- <div v-if="showhome" class="right-menu-back" @click="toHome">
         <svg-icon class="item-icon" icon-class="home" style="height: 24px; width: 24px; vertical-align: -6px; margin-right: 2px;" />
         {{ 'navbar.homepage' | i18nFilter }}
-      </div>
+      </div> -->
+      <div :style="showTitle ? 'color: #fff' : ''" class="right-menu-back" @click="toHome">
+        <svg-icon class="item-icon" :icon-class="showTitle ? 'homew' : 'homeb'" style="height: 24px; width: 24px; vertical-align: -8px; margin-right: 2px;" /></div>
+      <!-- <svg-icon class="item-icon" icon-class="home" style="height: 24px; width: 24px; vertical-align: -6px; margin-right: 2px;" /></div> -->
       <el-dropdown :style="showTitle ? 'color: #fff' : '#000'" class="avatar-container right-menu-item hover-effect" trigger="click">
         <el-badge :hidden="alarmNum>0?false:true" :value="alarmNum" class="item" style="line-height: 0; margin: 0 10px; vertical-align: -3px" @click.native="handleAlarm">
-          <svg-icon style="width: 24px; height: 24px" class="item-icon" icon-class="alarm" />
+          <!-- <svg-icon style="width: 24px; height: 24px" class="item-icon" icon-class="alarm" /> -->
+          <svg-icon style="width: 24px; height: 24px" class="item-icon" :icon-class="showTitle ? 'alarmw' : 'alarmb'" />
         </el-badge>
         <el-dropdown-menu slot="dropdown">
           <el-dropdown-item>暂无数据</el-dropdown-item>
@@ -34,7 +38,10 @@
         <a href="Lodap.zip"><svg-icon :style="showTitle ? 'color: #fff' : ''" style="width: 24px; height: 24px; vertical-align: -7px" icon-class="download" /></a>
       </div>
       <div class="right-menu-back">
-        <a href="google.exe"><svg-icon :style="showTitle ? 'color: #fff' : ''" style="width: 24px; height: 24px; vertical-align: -7px" icon-class="chrome" /></a>
+        <a href="google.exe">
+          <svg-icon style="width: 24px; height: 24px; vertical-align: -7px" :icon-class="showTitle ? 'chromew' : 'chromeb'" />
+          <!-- <svg-icon :style="showTitle ? 'color: #fff' : ''" style="width: 24px; height: 24px; vertical-align: -7px" icon-class="chrome" /> -->
+        </a>
       </div>
       <el-dropdown :style="showTitle ? 'color: #fff' : 'color: #000'" class="avatar-container right-menu-item hover-effect" trigger="click">
         <div class="avatar-wrapper">
@@ -49,7 +56,7 @@
               {{ 'navbar.profile' | i18nFilter }}
             </el-dropdown-item>
           </router-link>
-          <el-dropdown-item @click.native="toHome">
+          <el-dropdown-item @click.native="toMain">
             <svg-icon class="item-icon" icon-class="help" />
             {{ 'navbar.help' | i18nFilter }}
           </el-dropdown-item>
@@ -203,10 +210,18 @@ export default {
       this.$router.push(`/login?redirect=${this.$route.fullPath}`)
       clearInterval(logoutInterval)
     },
-    async toHome() {
+    toMain() {
       this.$store.dispatch('app/setChoicepart')
       this.$router.push('/')
     },
+    async toHome() {
+      // this.$store.dispatch('app/setChoicepart')
+      // this.$router.push('/')
+      if (sessionStorage.getItem('param')) {
+        const param = JSON.parse(window.atob(sessionStorage.getItem('param')))
+        window.location = 'http://192.168.1.103:9527/#/?' + param
+      }
+    },
     handleAlarm() {},
     getAlarm() {
       // getAlarmNum().then(response => {

src/layout/components/Sidebar/Logo.vue

@@ -69,8 +69,8 @@ export default {
     width: 100%;
 
     & .sidebar-logo {
-      width: 36px;
-      height: 36px;
+      width: 26px;
+      height: 26px;
       vertical-align: middle;
       margin-right: 12px;
     }

src/router/index.js

@@ -20,6 +20,15 @@ export const routes = [
       icon: 'form'
     },
     children: [
+      {
+        path: 'storageCockpit',
+        name: 'storageCockpit',
+        meta: {
+          title: '成品仓储驾驶舱',
+          icon: 'form'
+        },
+        component: () => import('@/views/OperationalOverview/storageCockpit.vue')
+      },
       {
         path: 'acceptGoods',
         name: 'acceptGoods',
@@ -58,6 +67,15 @@ export const routes = [
       icon: 'form'
     },
     children: [
+      {
+        path: 'storageCockpit',
+        name: 'storageCockpit',
+        meta: {
+          title: '成品仓储驾驶舱',
+          icon: 'form'
+        },
+        component: () => import('@/views/OperationalOverview/storageCockpit.vue')
+      },
       {
         path: 'outStoreDocuments',
         name: 'outStoreDocuments',
@@ -87,6 +105,15 @@ export const routes = [
       icon: 'form'
     },
     children: [
+      {
+        path: 'storageCockpit',
+        name: 'storageCockpit',
+        meta: {
+          title: '成品仓储驾驶舱',
+          icon: 'form'
+        },
+        component: () => import('@/views/OperationalOverview/storageCockpit.vue')
+      },
       {
         path: 'inventoryQuery',
         name: 'inventoryQuery',
@@ -134,6 +161,15 @@ export const routes = [
       icon: 'form'
     },
     children: [
+      {
+        path: 'storageCockpit',
+        name: 'storageCockpit',
+        meta: {
+          title: '成品仓储驾驶舱',
+          icon: 'form'
+        },
+        component: () => import('@/views/OperationalOverview/storageCockpit.vue')
+      },
       {
         path: 'inventoryReport',
         name: 'inventoryReport',
@@ -194,7 +230,7 @@ export const routes = [
         path: 'goodsData',
         name: 'goodsData',
         meta: {
-          title: '物品数据',
+          title: '物料数据',
           icon: 'form'
         },
         component: () => import('@/views/wmsBasicData/goodsData.vue')

src/utils/wmsDic.js

@@ -27,17 +27,15 @@ export function getCustomerCodeList() {
 
 // 成品规格List
 export function getProductSpecList() {
-  const list = ['50*50mm', '70*50mm', '70*70mm', '100*50mm', '100*70mm', '100*100mm', '100*120mm', '120*120mm']
+  const list = ['2.0-1128*1716', '2.0-1128*2251', '2.0-1128*2272', '3.2-1128*1716', '3.2-1128*1718', '3.2-1032*1747', '3.2-1033*2089']
   const spec = list[parseInt(Math.random() * (list.length))]
   return spec
 }
 
 // 批次List
 export function getBatchList() {
-  let batch = '2022'
-  for (let i = 0; i < 8; i++) {
-    batch += parseInt(Math.random() * 89 + 10)
-  }
+  const sj = parseInt(Math.random() * 100 + 1)
+  const batch = moment().subtract(sj, 'days').format('YYYYMMDD')
   return batch
 }
 
@@ -94,7 +92,7 @@ export function getOperationCode2List() {
 }
 
 // 仓库
-const storeList = ['1号立体库', '2号立体库', '3号立体库', '4号立体库', '5号立体库', '6号立体库', '7号立体库', '8号立体库']
+const storeList = ['成品库A', '成品库B', '成品库C', '成品库D', '备件库', '辅材库']
 export function getStoreList() {
   let store = ''
   store += storeList[parseInt(Math.random() * storeList.length)]
@@ -102,7 +100,7 @@ export function getStoreList() {
 }
 
 // 库区
-const KQList = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N']
+const KQList = ['A', 'B', 'C', 'D']
 export function getKQList() {
   let KQ = ''
   KQ += KQList[parseInt(Math.random() * KQList.length)]
@@ -153,10 +151,8 @@ export function getTimeArr() {
 
 // 物料编码List
 export function getMaterialCodeList() {
-  let materialCode = 'WL'
-  for (let i = 0; i < 4; i++) {
-    materialCode += parseInt(Math.random() * 89 + 10)
-  }
+  const sj = parseInt(Math.random() * 365)
+  const materialCode = 'M' + (sj % 2 ? 'G' : 'F') + moment().subtract(sj, 'days').subtract(sj, 'hour').subtract(sj, 'minutes').subtract(sj, 'seconds').format('YYYYMMDDhhmmss')
   return materialCode
 }
 
@@ -169,7 +165,7 @@ export function getNameList() {
 }
 
 // 客户数据
-const compList = ['台玻', 'FUYAO福耀', 'SG南玻', 'XYG信义玻璃', '耀皮', '福莱特玻璃', 'CLFG洛玻', 'SHABO沙玻', 'KIBING旗滨', '金晶玻璃', '济南金昊', '东莞佳美特', '汇中矿产', '文盛新材料', '西点化学', '开源塑胶', '奥驰商贸', '竹中科技', '程龙玻璃']
+const compList = ['隆基绿能科技股份有限公司', '天合光能股份有限公司', '晶澳太阳能科技股份有限公司', '晶科能源股份有限公司', '阿特斯阳光电力集团', '东方日升新能源股份有限公司', '尚德集团', '浙江正泰新能源开发有限公司', '环晟光伏(江苏)有限公司', '江苏赛拉弗光伏系统有限公司', '唐山海泰新能科技股份有限公司', '阳光能源控股有限公司', '横店集团东磁股份有限公司', '常州亿晶光电科技有限公司', '协鑫集成科技股份有限公司', '苏州中来光伏新材股份有限公司', '中节能太阳能科技(镇江)有限公司', '苏州腾晖光伏技术有限公司', '英利绿色能源控股有限公司', '湖南红太阳新能源科技有限公司']
 export function getCompTyleList() {
   let comp = ''
   comp = compList[parseInt(Math.random() * (compList.length))]
@@ -193,7 +189,7 @@ export function getPhoneList() {
 }
 
 // 物品名称
-const goodsList = ['钢化玻璃', '磨砂玻璃', '喷砂玻璃', '压花玻璃', '夹丝玻璃', '夹层玻璃']
+const goodsList = ['盖板玻璃', '背板玻璃']
 export function getGoodsList() {
   let name = ''
   name = goodsList[parseInt(Math.random() * (goodsList.length))]

src/views/OperationalOverview/components/SimpleLineChart.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: lb
  * @Date: 2022-01-21 14:43:06
- * @LastEditors: lb
- * @LastEditTime: 2022-01-24 13:27:41
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-10-20 15:09:47
  * @Description: 简单折线图
 -->
 <template>
@@ -155,7 +155,8 @@ export default {
       default: 1
     },
     height: {
-      type: Number
+      type: Number,
+      default: 1
     },
     legend: {
       type: Array,

src/views/OperationalOverview/components/baseContainer/index.vue

@@ -9,7 +9,7 @@
 <template>
   <div
     class="base-container"
-    :style="{ height: '100%', fontSize: 12 * beilv + 'px', padding: 12 * beilv + 'px' }"
+    :style="{ height: '100%', fontSize: 12 * beilv + 'px', padding: 8 * beilv + 'px' }"
     :class="{ 'no-padding': noPadding, 'border-none': !showLine }"
   >
     <!-- <div class="base-container" :style="{height: height * beilv + 'px', fontSize: 12 * beilv + 'px', padding: 12 * beilv + 'px'}"> -->

src/views/OperationalOverview/components/baseTable.vue

@@ -1,7 +1,7 @@
 <!--
  * @Date: 2020-12-14 09:07:03
- * @LastEditors: gtz
- * @LastEditTime: 2022-06-14 11:12:39
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-11-08 15:30:44
  * @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseTable.vue
  * @Description:
 -->
@@ -9,7 +9,7 @@
   <div class="visual-base-table-container">
     <el-table
       v-loading="isLoading"
-      :header-cell-style="{background:'rgba(79,114,136,0.29)',color:'#fff',height: 28 * beilv + 'px',lineHeight: 28 * beilv + 'px',padding: 0,fontSize: 12 * beilv + 'px'}"
+      :header-cell-style="{background:'rgba(32, 55, 96, 0.5)',color:'#fff',height: 28 * beilv + 'px',lineHeight: 28 * beilv + 'px',padding: 0,fontSize: 12 * beilv + 'px'}"
       :row-style="setRowStyle"
       :data="renderData"
       border
@@ -111,7 +111,7 @@ export default {
     setRowStyle(v) {
       if (v.rowIndex % 2 === 0) {
         return {
-          background: 'rgba(76,97,123,0.2)',
+          background: 'rgba(14, 32, 62, 0.5)',
           color: 'rgba(255,255,255,0.5)',
           height: 26 * this.beilv + 'px',
           lineHeight: 26 * this.beilv + 'px',
@@ -120,7 +120,7 @@ export default {
         }
       } else {
         return {
-          background: 'rgba(79,114,136,0.29)',
+          background: 'rgba(32, 55, 96, 0.5)',
           color: 'rgba(255,255,255,0.5)',
           height: 26 * this.beilv + 'px',
           lineHeight: 26 * this.beilv + 'px',

src/views/OperationalOverview/components/newBar.vue

@@ -0,0 +1,251 @@
+
+<template>
+  <div>
+    <div :id="id" :class="className" :style="{ height: height * beilv + 'px', width:width}" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+import 'echarts/theme/macarons' // echarts theme
+import resize from './mixins/resize'
+
+export default {
+  name: 'OverviewBar',
+  mixins: [resize],
+  props: {
+    id: {
+      type: String,
+      default: 'threeBarChart'
+    },
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    beilv: {
+      type: Number,
+      default: 1
+    },
+    height: {
+      type: Number,
+      default: 300
+    },
+    showLegend: {
+      type: Boolean,
+      default: false
+    },
+    nameList: {
+      type: Array,
+      default: () => []
+    },
+    dataList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      series: []
+    }
+  },
+  mounted() {
+    if (this.dataList.length > 1) {
+      this.series = [
+        { // 柱体
+          name: this.dataList[0].name,
+          type: 'bar',
+          barWidth: 30,
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              { offset: 0, color: this.dataList[0].topColor },
+              { offset: 1, color: this.dataList[0].bottomColor }
+            ])
+          },
+          data: this.dataList[0].data
+        },
+        { // 柱顶
+          name: this.dataList[0].name,
+          type: 'pictorialBar',
+          barWidth: 26,
+          symbol: 'diamond',
+          symbolPosition: 'end',
+          symbolOffset: [0, '-50%'],
+          symbolSize: [30, 12],
+          zlevel: 2,
+          itemStyle: { color: this.dataList[0].topColor },
+          data: this.dataList[0].data
+        },
+        { // 柱底
+          name: this.dataList[0].name,
+          type: 'pictorialBar',
+          barWidth: 26,
+          symbol: 'diamond',
+          symbolOffset: [0, '50%'],
+          symbolSize: [30, 15],
+          itemStyle: { color: this.dataList[0].bottomColor },
+          data: this.dataList[0].data
+        },
+        { // 柱体
+          name: this.dataList[1].name,
+          type: 'bar',
+          barWidth: 30,
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              { offset: 0, color: this.dataList[1].topColor },
+              { offset: 1, color: this.dataList[1].bottomColor }
+            ])
+          },
+          data: this.dataList[1].data
+        },
+        { // 柱顶
+          name: this.dataList[1].name,
+          type: 'pictorialBar',
+          barWidth: 26,
+          symbol: 'diamond',
+          symbolPosition: 'end',
+          symbolOffset: [0, '-50%'],
+          symbolSize: [30, 12],
+          zlevel: 2,
+          itemStyle: { color: this.dataList[1].topColor },
+          data: this.dataList[1].data
+        },
+        { // 柱底
+          name: this.dataList[1].name,
+          type: 'pictorialBar',
+          barWidth: 26,
+          symbol: 'diamond',
+          symbolOffset: [0, '50%'],
+          symbolSize: [30, 15],
+          itemStyle: { color: this.dataList[1].topColor },
+          data: this.dataList[1].data
+        }
+      ]
+    } else {
+      this.series = [
+        { // 柱体
+          name: this.dataList[0].name,
+          type: 'bar',
+          barWidth: 26,
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              { offset: 0, color: this.dataList[0].topColor },
+              { offset: 1, color: this.dataList[0].bottomColor }
+            ])
+          },
+          data: this.dataList[0].data
+        },
+        { // 柱顶
+          name: this.dataList[0].name,
+          type: 'pictorialBar',
+          barWidth: 26,
+          symbol: 'circle',
+          symbolPosition: 'end',
+          symbolOffset: [0, '-50%'],
+          symbolSize: [26, 6],
+          zlevel: 2,
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              { offset: 0, color: 'rgba(59, 76, 118, 0)' },
+              { offset: 1, color: '#2c6e7d' }
+            ])
+          },
+          label: {
+            color: 'rgba(119, 255, 242, 1)',
+            show: true,
+            offset: [0, 10],
+            position: 'top'
+          },
+          data: this.dataList[0].data
+        },
+        { // 柱底
+          name: this.dataList[0].name,
+          type: 'pictorialBar',
+          barWidth: 26,
+          symbol: 'circle',
+          symbolOffset: [0, '50%'],
+          symbolSize: [26, 6],
+          itemStyle: { color: '#2c6e7d' },
+          data: this.dataList[0].data
+        }
+      ]
+    }
+    this.$nextTick(() => {
+      this.initChart()
+    })
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(document.getElementById(this.id))
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { // 坐标轴指示器，坐标轴触发有效
+            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
+        grid: {
+          top: 10,
+          left: '2%',
+          right: '2%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLine: {
+            show: false
+          },
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            textStyle: {
+              color: 'rgba(255,255,255,0.5)' // 坐标值得具体的颜色
+            },
+            margin: 20
+          },
+          data: this.nameList
+        },
+        yAxis: {
+          axisLine: {
+            lineStyle: {
+              type: 'solid',
+              color: 'rgba(119, 255, 242, 0.6)', // 左边线的颜色
+              width: '1'// 坐标线的宽度
+            }
+          },
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            textStyle: {
+              color: 'rgba(255,255,255,0.5)' // 坐标值得具体的颜色
+
+            }
+          },
+          splitLine: {
+            lineStyle: {
+              type: 'dotted',
+              color: 'rgba(119, 255, 242, 0.2)'
+            }
+          },
+          type: 'value'
+        },
+        series: this.series
+      })
+    }
+  }
+}
+</script>

src/views/OperationalOverview/components/newPie.vue

@@ -0,0 +1,342 @@
+<!--
+ * @Author: zwq
+ * @Date: 2022-01-21 14:43:06
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-11-28 15:03:58
+ * @Description:
+-->
+<template>
+  <div :id="id" :class="className" :style="{ height: height * beilv + 'px', width: width }" />
+</template>
+
+<script>
+import echarts from 'echarts'
+import 'echarts/theme/macarons' // echarts theme
+import resize from './mixins/resize'
+
+export default {
+  name: 'OverviewBar',
+  mixins: [resize],
+  props: {
+    id: {
+      type: String,
+      default: 'DefaultPieChart'
+    },
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    beilv: {
+      type: Number,
+      default: 1
+    },
+    height: {
+      type: Number,
+      default: 300
+    },
+    showCenterTitle: {
+      type: Boolean,
+      default: false
+    },
+    showLegend: {
+      type: Boolean,
+      default: false
+    },
+    legendConfig: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    },
+    seriesConfig: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    },
+    seriesData: {
+      type: Array,
+      default: () => []
+    },
+    barColor: {
+      type: Array,
+      default: () => [
+        '#5fe1d2',
+        '#ffb2b0',
+        '#8e90ff',
+        '#f058aa',
+        '#8652da',
+        '#87fb84',
+        '#61b9ff',
+        '#fdf6a6',
+        '#ffc465',
+        '#98d9ff'
+      ]
+    }
+  },
+  data() {
+    const lData = this.seriesData
+    return {
+      chart: null,
+      newColor: [
+        '#1A99FF',
+        '#A691FF',
+        '#FB418C',
+        '#49FBD6',
+        '#DDB112'
+      ],
+      defaultConfig: {
+        // 默认的legend配置
+        legend: {
+          orient: 'vertical',
+          show: false,
+          bottom: 0,
+          itemHeight: 10,
+          itemWidth: 10,
+          icon: 'none',
+          formatter: function(name) {
+            let pieLegendVale = {}
+            lData.filter((item, index) => {
+              if (item.name === name) {
+                pieLegendVale = item
+              }
+            })
+            const color = ['c', 'd', 'e', 'f', 'g']
+            const arr = ['{' + color[lData.findIndex(item => item.name === name)] + '|}', '{b|' + pieLegendVale.name + '}', '{a|' + pieLegendVale.value + '}']
+            return arr.join(' ')
+          },
+          textStyle: {
+            rich: {
+              a: {
+                align: 'center',
+                fontSize: 12,
+                fontWeight: 400,
+                color: 'rgba(255, 255, 255, 0.7)',
+                padding: [0, 1],
+                lineHeight: 16
+              },
+              b: {
+                // verticalAlign: 'top',
+                align: 'center',
+                fontSize: 12,
+                fontWeight: 400,
+                color: 'rgba(255, 255, 255)'
+              },
+              c: {
+                // verticalAlign: 'top',
+                align: 'center',
+                width: 10,
+                borderRadius: 5,
+                height: 10,
+                backgroundColor: '#1A99FF'
+              },
+              d: {
+                // verticalAlign: 'top',
+                align: 'center',
+                width: 10,
+                borderRadius: 5,
+                height: 10,
+                backgroundColor: '#A691FF'
+              },
+              e: {
+                // verticalAlign: 'top',
+                align: 'center',
+                width: 10,
+                borderRadius: 5,
+                height: 10,
+                backgroundColor: '#FB418C'
+              },
+              f: {
+                // verticalAlign: 'top',
+                align: 'center',
+                width: 10,
+                borderRadius: 5,
+                height: 10,
+                backgroundColor: '#49FBD6'
+              },
+              g: {
+                // verticalAlign: 'top',
+                align: 'center',
+                width: 10,
+                borderRadius: 5,
+                height: 10,
+                backgroundColor: '#DDB112'
+              }
+            }
+          }
+        },
+        // 默认的series配置
+        series: {
+          radius: ['50%', '70%'],
+          silent: true,
+          avoidLabelOverlap: false,
+          emphasis: {
+            label: {
+              show: false,
+              fontSize: '20',
+              fontWeight: 'bold'
+            }
+          }
+        }
+      }
+    }
+  },
+  computed: {
+    computedHeight: function() {
+      if (/[0-9]+%$/.test(this.height)) {
+        // 如果是百分比
+        return this.height
+      }
+      return this.height * this.beilv + 'px'
+    }
+  },
+  mounted() {
+    window.addEventListener('resize', () => {
+      if (this.chart) {
+        this.chart.resize()
+        this.$nextTick(() => {
+          // 重新绘制文本大小
+          this.initChart()
+        })
+      }
+    })
+    this.$nextTick(() => {
+      this.initChart()
+      this.chart.resize()
+    })
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(document.getElementById(this.id))
+      this.chart.setOption({
+        title: this.showCenterTitle
+          ? {
+            text: `${this.seriesData.reduce((pre, cur) => pre + cur.value, 0)}\n{name|总共}`,
+            top: '44%',
+            left: '49%',
+            textAlign: 'center',
+            textStyle: {
+              color: '#fff',
+              fontSize: 26 * this.beilv,
+              fontWeight: 400,
+              lineHeight: 15 * this.beilv,
+              rich: {
+                name: {
+                  color: 'rgba(255, 255, 255, 0.7)',
+                  fontWeight: 400,
+                  textAlign: 'center',
+                  fontSize: 14 * this.beilv,
+                  lineHeight: 20 * this.beilv
+                }
+              }
+            }
+          }
+          : {},
+        tooltip: {
+          trigger: 'item'
+        },
+        grid: {
+          top: '0px',
+          right: '0px',
+          bottom: '0px',
+          left: '0px',
+          containLabel: true
+        },
+        legend: {
+          // 默认配置
+          ...this.defaultConfig.legend,
+          // 外部传入配置
+          ...this.legendConfig
+        },
+        color: this.newColor,
+        series: [
+          {
+            name: 'default name',
+            type: 'pie',
+            // 默认series配置
+            ...this.defaultConfig.series,
+            // 外部传入配置
+            ...this.seriesConfig,
+            itemStyle: {
+              normal: {
+                label: {
+                  show: true,
+                  fontSize: 15 * this.beilv,
+                  lineHeight: 18,
+                  formatter: '{d}%\n{name|{b}}',
+                  rich: {
+                    name: {
+                      color: 1,
+                      fontSize: 10 * this.beilv
+                    }
+                  }
+                },
+                color: (list) => {
+                  var colorList = [
+                    {
+                      colorStart: 'rgba(59, 76, 118, 0.2)',
+                      colorEnd: '#1A99FF'
+                    },
+                    {
+                      colorStart: 'rgba(59, 76, 118, 0.2)',
+                      colorEnd: '#A691FF'
+                    },
+                    {
+                      colorStart: 'rgba(59, 76, 118, 0.2)',
+                      colorEnd: '#FB418C'
+                    },
+                    {
+                      colorStart: 'rgba(59, 76, 118, 0.2)',
+                      colorEnd: '#49FBD6'
+                    },
+                    {
+                      colorStart: 'rgba(59, 76, 118, 0.2)',
+                      colorEnd: '#DDB112'
+                    }
+                  ]
+                  return new echarts.graphic.LinearGradient(0, list.dataIndex > 1 ? 1 : 0, 0, list.dataIndex > 1 ? 0 : 1, [{ // 左、下、右、上
+                    offset: 0,
+                    color: colorList[list.dataIndex]['colorStart']
+                  }, {
+                    offset: 1,
+                    color: colorList[list.dataIndex]['colorEnd']
+                  }])
+                }
+              }
+            },
+            labelLine: {
+              length: 8,
+              length2: 15,
+              maxSurfaceAngle: 80
+            },
+            data: this.seriesData.map((item, index) => {
+              item.label = {
+                color: this.newColor[index]
+              }
+              return item
+            })
+          }
+        ]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* .chart >>> div:first-child{
+  background-color: red;
+  height: 100% !important;
+} */
+</style>

src/views/OperationalOverview/components/storageCockpitArea.vue

@@ -0,0 +1,255 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 16:37:56
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-11-24 15:47:14
+ * @Description:
+-->
+<template>
+  <div class="container">
+    <div>
+      <div
+        v-for="i in areaArr"
+        :key="i.title"
+        :style="{ height: 145 * beilv + 'px', width: 730 * beilv + 'px' }"
+        class="box"
+      >
+        <div
+          :style="{ fontSize: 22 * beilv + 'px', width: 40 * beilv + 'px' }"
+          class="box-name title"
+          :class="titleClick === i.title ? 'title-click' : ''"
+          @click="titleClick = i.title"
+        >
+          {{ i.title }}
+        </div>
+        <div class="bg" :style="{ height: 145 * beilv + 'px', width: 685 * beilv + 'px' }">
+          <div
+            :style="{ fontSize: 22 * beilv + 'px', height: 116 * beilv + 'px', width: 26 * beilv + 'px' }"
+            class="box-name subtitle"
+          >
+            {{ i.subtitle }}
+          </div>
+          <div class="locationFlex">
+            <div v-for="j in 4" :key="j + 'div1'" class="finished">
+              <div
+                v-for="(l, index) in 19"
+                :key="l + 'box1'"
+                :class="l > Math.round(Math.random() * 80) ? 'waring' : ''"
+                :style="{
+                  marginRight: 2 * beilv + 'px',
+                  marginTop: 2 * beilv + 'px',
+                  marginBottom: 1 * beilv + 'px',
+                  height: 26 * beilv + 'px',
+                  lineHeight: 28 * beilv + 'px',
+                  fontSize: 12 * beilv + 'px'
+                }"
+                class="location"
+              >
+                {{ j + 4 * index }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 辅材库 -->
+    <div
+      v-for="i in areaArr1"
+      :key="i + 'div2'"
+      :style="{ width: 730 * beilv + 'px', padding: 9 * beilv + 'px' + ' 0' }"
+      class="box2"
+    >
+      <div :style="{ fontSize: 22 * beilv + 'px', width: 40 * beilv + 'px', color: '#fff' }" class="box-name title">
+        {{ i }}
+      </div>
+      <div v-if="i === '辅材库'" class="locationFlex" style="margin-left:0">
+        <div v-for="j in 4" :key="j + 'div3'" class="Auxiliary">
+          <div
+            v-for="(l, index) in 19"
+            :key="l + 'box5'"
+            :class="[num.indexOf(j + 4 * index) > 0 ? 'waring' : '', l === 10 ? 'interlayer' : '']"
+            :style="{
+              marginRight: 2 * beilv + 'px',
+              marginTop: 2 * beilv + 'px',
+              height: 26 * beilv + 'px',
+              lineHeight: 28 * beilv + 'px',
+              fontSize: 12 * beilv + 'px'
+            }"
+            class="location"
+          >
+            {{ j + 4 * index }}
+          </div>
+        </div>
+      </div>
+      <div v-else class="locationFlex" style="margin-left:0">
+        <div v-for="j in [3, 2, 1]" :key="j + 'div4'">
+          <div
+            v-for="l in 20"
+            :key="l + 'box9'"
+            :class="num.indexOf(l + 4 * j) > 0 ? 'waring' : ''"
+            :style="{
+              marginRight: 2 * beilv + 'px',
+              marginTop: 2 * beilv + 'px',
+              marginBottom: 1 * beilv + 'px',
+              height: 38 * beilv + 'px',
+              width: '4.5%',
+              lineHeight: 19 * beilv + 'px',
+              fontSize: 12 * beilv + 'px'
+            }"
+            class="location"
+          >
+            <div style="border-bottom:1px dotted rgba(255,255,255,0.5);">
+              {{ j }}
+            </div>
+            <div>{{ l }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+// import SmallTitle from '@/components/BaseDrawer/components/SmallTitle.vue'
+
+export default {
+  // components: { SmallTitle },
+  props: {
+    beilv: {
+      type: Number,
+      default: 1
+    }
+  },
+  data() {
+    return {
+      areaArr: [
+        {
+          title: '成品库 A',
+          subtitle: 'A 区'
+        },
+        {
+          title: '成品库 B',
+          subtitle: 'B 区'
+        },
+        {
+          title: '成品库 C',
+          subtitle: 'C 区'
+        },
+        {
+          title: '成品库 D',
+          subtitle: 'D 区'
+        }
+      ],
+      titleClick: '成品库 A',
+      locationArr: [1, 5, 9],
+      areaArr1: ['辅材库', '备件库'],
+      num: []
+    }
+  },
+  created() {
+    for (let i = 0; i <= 30; i++) {
+      this.num.push(Math.round(Math.random() * 90))
+      if (i === 30) {
+        console.log(this.num)
+      }
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped>
+.container {
+  display: flex;
+  flex-flow: row wrap;
+  align-content: space-between;
+  margin: calc(16px * var(--beilv));
+  gap: calc(16px * var(--beilv));
+  position: absolute;
+  height: 95%;
+  top: 0;
+  left: 0;
+  overflow:hidden;
+}
+.box {
+  border: 1px dotted rgba(94, 195, 216, 0.6);
+  display: flex;
+  align-items: center;
+  justify-content: left;
+}
+.box::after {
+  width: 95%;
+  height: 10px;
+  display: block;
+  margin: 0 auto;
+  border-bottom: 1px solid red;
+}
+.box:first-child {
+  border-radius: 4px 4px 0 0;
+}
+.box:last-child {
+  border-radius: 0 0 4px 4px;
+}
+.bg {
+  background-image: linear-gradient(to right, rgba(48, 112, 125, 0.6), transparent);
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: left;
+}
+.box-name {
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.title {
+  font-weight: 600;
+  height: 100%;
+  cursor: pointer;
+  color: #afb8c5;
+  background-color: transparent;
+}
+.title-click {
+  color: #fff;
+  background-color: rgba(48, 112, 125, 0.6);
+}
+.subtitle {
+  font-weight: 400;
+  margin-left: 8px;
+  border-radius: 4px;
+  border: 1px dotted rgba(94, 195, 216, 0.6);
+}
+.locationFlex {
+  width: 100%;
+  margin-left: 10px;
+  text-align: center;
+}
+.location {
+  display: inline-block;
+  background: #63cf74;
+  width: 4.7%;
+  border-radius: 4px;
+}
+.waring {
+  background: #ff5d6b;
+}
+.box2 {
+  background-image: linear-gradient(to right, rgba(48, 112, 125, 0.6), transparent);
+  background-size: 100% 100%;
+  border: 1px dotted rgba(94, 195, 216, 0.6);
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: left;
+}
+.finished:nth-child(2) {
+  margin-bottom: 8px;
+}
+.Auxiliary:nth-child(2) {
+  margin-bottom: 8px;
+}
+.interlayer {
+  margin-left: 8px;
+}
+</style>

src/views/OperationalOverview/storageCockpit.vue

@@ -0,0 +1,928 @@
+<!--
+ * @Author: zwq
+ * @Date: 2021-07-19 15:18:30
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-12-01 10:31:37
+ * @Description:
+-->
+<template>
+  <div id="container" ref="container" class="visual-container">
+    <el-row
+      class="container-title"
+      :style="{
+        height: beilv * 88 + 'px',
+        lineHeight: beilv * 88 + 'px',
+        fontSize: beilv * 30 + 'px'
+      }"
+    >
+      <img src="../../assets/img/logo.png" style="width:1.1em;position:relative;top:.4em" alt="">
+      成 品 仓 储 驾 驶 舱
+      <el-button
+        type="text"
+        class="title-button"
+        :style="{ right: 9 * beilv + 'px', top: 37 * beilv + 'px', fontSize: 35 * beilv + 'px' }"
+        @click="changeFullScreen"
+      >
+        <svg-icon v-if="isFullScreen" icon-class="unFullScreenView" />
+        <svg-icon v-else icon-class="fullScreenView" />
+      </el-button>
+    </el-row>
+
+    <el-row class="container-main">
+      <el-row :style="{ padding: '0 ' + 9 * beilv + 'px' }" :gutter="16 * beilv">
+
+        <el-col :span="8">
+          <el-row type="flex" class="h-full flex-col">
+            <div class="div-box-left">
+              <el-col :style="{ margin: 8 * beilv + 'px' + ' 0' }" :span="24">
+                <base-container :beilv="beilv" :height="190" :title="'成品入库作业'" :title-icon="'入库管理'">
+                  <div :style="{ fontSize: 13 * beilv + 'px' }">
+                    <el-row :style="{ marginBottom: 15 * beilv + 'px' }">
+                      <el-col :span="12">
+                        <div class="inTest" :style="{ padding: 9 * beilv + 'px' }">
+                          <span class="leftText">时间:</span>
+                          <span class="rightText">2022.12.12 13:12:45</span>
+                        </div>
+                      </el-col>
+                      <el-col :span="12">
+                        <div class="inTest" :style="{ padding: 9 * beilv + 'px' }">
+                          <span class="leftText">成品编码:</span>
+                          <span class="rightText">CP5651696250</span>
+                        </div>
+                      </el-col>
+                    </el-row>
+                    <el-row :style="{ marginBottom: 15 * beilv + 'px' }">
+                      <el-col :span="12">
+                        <div class="inTest" :style="{ padding: 9 * beilv + 'px' }">
+                          <span class="leftText">入库作业号:</span>
+                          <span class="rightText">RQ5055348160</span>
+                        </div>
+                      </el-col>
+                      <el-col :span="12">
+                        <div class="inTest" :style="{ padding: 9 * beilv + 'px' }">
+                          <span class="leftText">成品规格:</span>
+                          <span class="rightText">3.2-1033*2089</span>
+                        </div>
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="12">
+                        <div class="inTest" :style="{ padding: 9 * beilv + 'px' }">
+                          <span class="leftText">执行叉车:</span>
+                          <span class="rightText">2-03</span>
+                        </div>
+                      </el-col>
+                      <el-col :span="12">
+                        <div class="inTest" :style="{ padding: 9 * beilv + 'px' }">
+                          <span class="leftText">库位:</span>
+                          <span class="rightText">成品库D-D区-14</span>
+                        </div>
+                      </el-col>
+                    </el-row>
+                  </div>
+                </base-container>
+              </el-col>
+              <el-col :style="{ margin: 8 * beilv + 'px' + ' 0' }" :span="24">
+                <!-- 成品入库列队 -->
+                <base-container :beilv="beilv" :height="190" :title="'成品入库列队'" :title-icon="'编组'">
+                  <div style="background:rgba(14, 32, 62, 1);border-radius:5px;opacity: 0.8;">
+                    <base-table
+                      :limit="10"
+                      :beilv="beilv"
+                      :show-index="false"
+                      :table-config="inAndOutOfEachLine.tableProps"
+                      :table-data="inAndOutOfEachLine.list"
+                    />
+                  </div>
+                </base-container>
+              </el-col>
+              <el-col :style="{ margin: 8 * beilv + 'px' + ' 0' }" :span="24">
+                <base-container :beilv="beilv" :height="190" :title="'成品出库作业'" :title-icon="'出库管理'">
+                  <div :style="{ fontSize: 13 * beilv + 'px' }">
+                    <el-row :style="{ marginBottom: 10 * beilv + 'px' }">
+                      <el-col :span="12">
+                        <div class="outTest" :style="{ padding: 7 * beilv + 'px' }">
+                          <span class="leftText">时间:</span>
+                          <span class="rightText">2022.12.12 13:12:45</span>
+                        </div>
+                      </el-col>
+                      <el-col :span="12">
+                        <div class="outTest" :style="{ padding: 7 * beilv + 'px' }">
+                          <span class="leftText">ERP订单:</span>
+                          <span class="rightText">TCP203</span>
+                        </div>
+                      </el-col>
+                    </el-row>
+                    <el-row :style="{ marginBottom: 10 * beilv + 'px' }">
+                      <el-col :span="12">
+                        <div class="outTest" :style="{ padding: 7 * beilv + 'px' }">
+                          <span class="leftText">成品编码:</span>
+                          <span class="rightText">CP3212128221</span>
+                        </div>
+                      </el-col>
+                      <el-col :span="12">
+                        <div class="outTest" :style="{ padding: 7 * beilv + 'px' }">
+                          <span class="leftText">出库作业号:</span>
+                          <span class="rightText">CQ3727367699</span>
+                        </div>
+                      </el-col>
+                    </el-row>
+                    <el-row :style="{ marginBottom: 10 * beilv + 'px' }">
+                      <el-col :span="12">
+                        <div class="outTest" :style="{ padding: 7 * beilv + 'px' }">
+                          <span class="leftText">成品规格:</span>
+                          <span class="rightText">3.2-1128*1716</span>
+                        </div>
+                      </el-col>
+                      <el-col :span="12">
+                        <div class="outTest" :style="{ padding: 7 * beilv + 'px' }">
+                          <span class="leftText">执行叉车:</span>
+                          <span class="rightText">1-01</span>
+                        </div>
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="12">
+                        <div class="outTest" :style="{ padding: 7 * beilv + 'px' }">
+                          <span class="leftText">库位:</span>
+                          <span class="rightText">成品库C-C区-1</span>
+                        </div>
+                      </el-col>
+                      <el-col :span="12">
+                        <div class="outTest" :style="{ padding: 7 * beilv + 'px' }">
+                          <span class="leftText">库位前置区:</span>
+                          <span class="rightText">A区34货位3层</span>
+                        </div>
+                      </el-col>
+                    </el-row>
+                  </div>
+                </base-container>
+              </el-col>
+              <el-col :style="{ margin: 8 * beilv + 'px' + ' 0' }" :span="24">
+                <!-- 成品出库列队 -->
+                <base-container :beilv="beilv" :height="190" :title="'成品出库列队'" :title-icon="'编组备份 2'">
+                  <div style="background:rgba(14, 32, 62, 1);border-radius:5px;opacity: 0.8;">
+                    <base-table
+                      :limit="10"
+                      :beilv="beilv"
+                      :show-index="false"
+                      :table-config="OutOfEachLine.tableProps"
+                      :table-data="OutOfEachLine.list"
+                    />
+                  </div>
+                </base-container>
+              </el-col>
+            </div>
+          </el-row>
+        </el-col>
+
+        <el-col :span="10">
+          <!-- 中间栏 -->
+          <el-row type="flex" class="h-full flex-col">
+            <el-col :style="{ margin: 8 * beilv + 'px' + ' 0' }" :span="24">
+              <base-container :beilv="beilv" :height="958">
+                <storage-cockpit-area :beilv="beilv" />
+              </base-container>
+            </el-col>
+          </el-row>
+        </el-col>
+
+        <el-col :span="6">
+          <!-- 右边栏 设备工单管理 -->
+          <el-row type="flex" class="h-full flex-col">
+            <el-col :style="{ margin: 8 * beilv + 'px' + ' 0' }" :span="24">
+              <base-container :beilv="beilv" :title="'库存总览'" :title-icon="'编组(1)'">
+                <div class="div-box-main">
+                  <div
+                    class="div-box"
+                    :style="{
+                      textAlign: 'center',
+                      padding: 8 * beilv + 'px',
+                      paddingTop: 15 * beilv + 'px',
+                    }"
+                  >
+                    <span v-html="titleLeftSVG" />
+                    <span style="color: #01CFCC; line-height: 18px;" :style="{ fontSize: 15 * beilv + 'px' }">
+                      成品库存一览
+                    </span>
+                    <div style="transform: rotateY(180deg); display: inline-block;" v-html="titleLeftSVG" />
+                    <new-pie
+                      :id="'pie-chart1'"
+                      :show-center-title="true"
+                      :legend-config="{ left: '0%', top: '30%', itemGap: 5 }"
+                      :series-data="legendData1"
+                      :beilv="beilv"
+                      :height="226"
+                    />
+                  </div>
+                  <div
+                    class="div-box"
+                    :style="{
+                      textAlign: 'center',
+                      padding: 8 * beilv + 'px',
+                      paddingTop: 15 * beilv + 'px',
+                    }"
+                  >
+                    <span v-html="titleLeftSVG" />
+                    <span style="color: #01CFCC; line-height: 18px;" :style="{ fontSize: 15 * beilv + 'px' }">
+                      辅材库存一览
+                    </span>
+                    <div style="transform: rotateY(180deg); display: inline-block;" v-html="titleLeftSVG" />
+                    <new-pie
+                      :id="'pie-chart2'"
+                      :show-center-title="true"
+                      :legend-config="{ left: '0%', top: '30%', itemGap: 5 }"
+                      :series-data="legendData2"
+                      :beilv="beilv"
+                      :height="226"
+                    />
+                    <!-- <new-bar
+                    :name-list="clNameList"
+                    :data-list="clDataList"
+                    :height="226"
+                    :beilv="beilv"
+                  />
+                  <div class="barDiv" :style="{width: 355* beilv + 'px'}" /> -->
+                  </div>
+                  <div
+                    class="div-box"
+                    :style="{ textAlign: 'center', padding: 8 * beilv + 'px', paddingTop: 15 * beilv + 'px' }"
+                  >
+                    <span v-html="titleLeftSVG" />
+                    <span style="color: #01CFCC; line-height: 18px;" :style="{ fontSize: 15 * beilv + 'px' }">
+                      备件库存一览
+                    </span>
+                    <div style="transform: rotateY(180deg); display: inline-block;" v-html="titleLeftSVG" />
+                    <new-pie
+                      :id="'pie-chart3'"
+                      :show-center-title="true"
+                      :legend-config="{ left: '0%', top: '30%', itemGap: 5 }"
+                      :series-data="legendData3"
+                      :beilv="beilv"
+                      :height="226"
+                    />
+                  </div>
+                </div>
+              </base-container>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import baseContainer from './components/baseContainer'
+import baseTable from './components/baseTable'
+import newPie from './components/newPie'
+// import newBar from './components/newBar'
+import storageCockpitArea from './components/storageCockpitArea'
+// import LineChart1 from './components/LineChart'
+// import LineChart2 from './components/LineChart'
+// import LinearBarChart from './components/linearBarChart'
+import { mapGetters } from 'vuex'
+import screenfull from 'screenfull'
+// import BaseVideo from './components/baseVideo.vue'
+import axios from '@/utils/request'
+import moment from 'moment'
+
+const legendData1 = [
+  {
+    name: '2.0-1128*1716',
+    icon: 'circle',
+    value: 128
+  },
+  {
+    name: '2.0-1128*2251',
+    icon: 'circle',
+    value: 225
+  },
+  {
+    name: '2.0-1128*2272',
+    icon: 'circle',
+    value: 24
+  },
+  {
+    name: '3.2-1128*1716',
+    icon: 'circle',
+    value: 77
+  },
+  {
+    name: '3.2-1128*1716',
+    icon: 'circle',
+    value: 93
+  }
+]
+const legendData2 = [
+  {
+    name: '丝印类',
+    icon: 'circle',
+    value: 128
+  },
+  {
+    name: '磨边类',
+    icon: 'circle',
+    value: 104
+  },
+  {
+    name: '镀膜类',
+    icon: 'circle',
+    value: 80
+  },
+  {
+    name: '包装类',
+    icon: 'circle',
+    value: 77
+  }
+]
+const legendData3 = [
+  {
+    name: '磨边机备件',
+    icon: 'circle',
+    value: 128
+  },
+  {
+    name: '打孔机备件',
+    icon: 'circle',
+    value: 96
+  },
+  {
+    name: '丝印机备件',
+    icon: 'circle',
+    value: 201
+  },
+  {
+    name: '固化机备件',
+    icon: 'circle',
+    value: 77
+  },
+  {
+    name: '钢化机备件',
+    icon: 'circle',
+    value: 66
+  }
+]
+const clDataList = [
+  {
+    topColor: 'rgba(59, 76, 118, 0.2)',
+    bottomColor: '#49FBD6',
+    name: '库存',
+    data: [64, 91, 55, 65, 37, 77]
+  }
+]
+const clNameList = ['A', 'B', 'C', 'D', 'E', 'F']
+const titleLeftSVG = `<svg
+                    width="56px"
+                    height="13px"
+                    viewBox="0 0 56 13"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlns:xlink="http://www.w3.org/1999/xlink"
+                  >
+                    <title>left</title>
+                    <g id="2MES。2-6蓝底-7、8白底" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                      <g id="2-5质量管理" transform="translate(-419.000000, -808.000000)" fill="#31A6AE">
+                        <g id="编组-16备份-7" transform="translate(360.000000, 513.000000)">
+                          <g id="编组-20备份" transform="translate(24.000000, 277.000000)">
+                            <g id="编组-13备份" transform="translate(35.000000, 16.000000)">
+                              <g
+                                id="编组-2备份"
+                                transform="translate(28.000000, 8.500000) scale(1, -1) translate(-28.000000, -8.500000) translate(0.000000, 2.000000)"
+                              >
+                                <polygon
+                                  id="路径-11"
+                                  points="47.1645736 7.79376563e-14 43 0 52.2664792 13 56 13"
+                                ></polygon>
+                                <polygon
+                                  id="路径-11备份"
+                                  opacity="0.8"
+                                  points="36.1645736 7.79376563e-14 32 0 41.2664792 13 45 13"
+                                ></polygon>
+                                <polygon
+                                  id="路径-11备份-3"
+                                  opacity="0.4"
+                                  points="14.1645736 7.79376563e-14 10 0 19.2664792 13 23 13"
+                                ></polygon>
+                                <polygon
+                                  id="路径-11备份-2"
+                                  opacity="0.601434"
+                                  points="25.1645736 7.79376563e-14 21 0 30.2664792 13 34 13"
+                                ></polygon>
+                                <polygon
+                                  id="路径-11备份-4"
+                                  opacity="0.201434"
+                                  points="4.16457365 7.79376563e-14 5.06480115e-16 0 9.26647921 13 13 13"
+                                ></polygon>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </svg>`
+export default {
+  name: 'ProductionMonitoringCockpit',
+  components: {
+    baseContainer,
+    baseTable,
+    storageCockpitArea,
+    newPie
+    // newBar
+    // LineChart1,
+    // LineChart2,
+    // LinearBarChart
+    // BaseVideo
+  },
+  data() {
+    return {
+      legendData1,
+      legendData2,
+      legendData3,
+      clNameList,
+      clDataList,
+      inAndOutOfEachLine: {
+        tableProps: [
+          { prop: 'test1', label: '作业号', align: 'center' },
+          { prop: 'test2', label: '执行叉车', align: 'center' },
+          { prop: 'test3', label: '成品编码', align: 'center' },
+          { prop: 'test4', label: '成品规格', align: 'center' },
+          { prop: 'test5', label: '库位', align: 'center' }
+        ],
+        total: 0,
+        list: [
+          {
+            test1: 'RQ5055348178',
+            test2: '1-01',
+            test3: 'CP5651696263',
+            test4: '3.2-1033*2089',
+            test5: '成品库D-D区-15'
+          },
+          {
+            test1: 'RQ3722771932',
+            test2: '1-02',
+            test3: 'CP4140258231',
+            test4: '2.0-1128*2272',
+            test5: '成品库B-A区-13'
+          },
+          {
+            test1: 'RQ1342208728',
+            test2: '2-03',
+            test3: 'CP5284407553',
+            test4: '2.0-1128*1716',
+            test5: '成品库A-B区-9'
+          }
+        ]
+      },
+      OutOfEachLine: {
+        tableProps: [
+          { prop: 'test1', label: '作业号', align: 'center' },
+          { prop: 'test2', label: 'ERP订单', align: 'center' },
+          { prop: 'test3', label: '成品编码', align: 'center' },
+          { prop: 'test4', label: '成品规格', align: 'center' },
+          { prop: 'test5', label: '库位', align: 'center' }
+        ],
+        total: 0,
+        list: [
+          {
+            test1: 'CQ3727367714',
+            test2: 'TCP231',
+            test3: 'CP3212128336',
+            test4: '3.2-1128*1716',
+            test5: '成品库C-C区-4'
+          },
+          {
+            test1: 'CQ7080508785',
+            test2: 'TCP186',
+            test3: 'CP2760242729',
+            test4: '3.2-1128*1718',
+            test5: '成品库D-D区-1'
+          },
+          {
+            test1: 'CQ8843212447',
+            test2: 'TCP67',
+            test3: 'CP1569191519',
+            test4: '3.2-1032*1747',
+            test5: '成品库C-B区-12'
+          }
+        ]
+      },
+      orderProcessList: [],
+      beilv: 1,
+      titleLeftSVG,
+      isFullScreen: false,
+      plInput: {},
+      plOutput: {},
+      plRate: {},
+      loadTable: false,
+      standardCategory: null
+    }
+  },
+  computed: {
+    ...mapGetters(['sidebar'])
+  },
+  watch: {
+    isFullScreen: function(val) {
+      if (val) {
+        this.beilv = document.body.offsetWidth / 1920
+      } else {
+        this.beilv = document.getElementById('container').offsetWidth / 1920
+      }
+    },
+    'sidebar.opened': function(val) {
+      console.log(val)
+      if (!this.isFullScreen) {
+        setTimeout(() => {
+          this.beilv = document.getElementById('container').offsetWidth / 1920
+        }, 300)
+      }
+    }
+  },
+  created() {
+    this.init()
+  },
+  mounted() {
+    this.beilv = document.getElementById('container').offsetWidth / 1920
+    window.addEventListener('resize', () => {
+      if (this.isFullScreen) {
+        this.beilv = document.body.offsetWidth / 1920
+      } else {
+        this.beilv = document.getElementById('container').offsetWidth / 1920
+      }
+    })
+  },
+  methods: {
+    change() {
+      this.isFullScreen = screenfull.isFullscreen
+    },
+
+    init() {
+      if (screenfull.enabled) {
+        screenfull.on('change', this.change)
+      }
+    },
+
+    destroy() {
+      if (screenfull.enabled) {
+        screenfull.off('change', this.change)
+      }
+    },
+
+    changeFullScreen() {
+      if (!screenfull.enabled) {
+        this.$message({
+          message: 'you browser can not work',
+          type: 'warning'
+        })
+        return false
+      }
+      screenfull.toggle(this.$refs.container)
+    },
+
+    /**
+     * 当切换当天、一周、一个月数据时
+     * @param {string} chartId - '投入数量图', '产出数量图', '投入产出比'
+     * @param {string} optValue - '0','1','2'
+     */
+    handleChangeOptions(chartId, optValue) {
+      let startTime
+      let endTime
+      const url = '/analysis/factory-monitor/pdlNumTime'
+      const method = 'post'
+      switch (optValue) {
+        case '0': {
+          const baseTime = moment().set({ hour: 0, minute: 0, second: 0 })
+          startTime = baseTime.format('YYYY-MM-DDTHH:mm:ss')
+          endTime = baseTime.set({ hour: 23, minute: 59, second: 59 }).format('YYYY-MM-DDTHH:mm:ss')
+          break
+        }
+        case '1': {
+          startTime = moment()
+            .subtract(1, 'week')
+            .set({ hour: 0, minute: 0, second: 0 })
+            .format('YYYY-MM-DDTHH:mm:ss')
+          endTime = moment().format('YYYY-MM-DDTHH:mm:ss')
+          break
+        }
+        case '2': {
+          startTime = moment()
+            .subtract(1, 'month')
+            .set({ hour: 0, minute: 0, second: 0 })
+            .format('YYYY-MM-DDTHH:mm:ss')
+          endTime = moment().format('YYYY-MM-DDTHH:mm:ss')
+          break
+        }
+      }
+
+      return axios({
+        url,
+        method,
+        data: {
+          startTime,
+          endTime
+        }
+      }).then(res => {
+        console.log('res', res)
+        switch (chartId) {
+          case '投入数量图':
+            this.plInput = {}
+            res.data.forEach(item => {
+              if (!this.standardCategory) {
+                this.standardCategory = item.series
+              }
+
+              item.data.forEach((category, index) => {
+                if (!isNaN(Number(category.time))) {
+                  category.time = +category.time
+                }
+                if (this.plInput[item.pdName]) {
+                  this.$set(this.plInput[item.pdName], [category.time], category.in)
+                } else {
+                  this.$set(this.plInput, [item.pdName], { [category.time]: category.in })
+                }
+              })
+            })
+            /** 填充 key */
+            this.fillKey(this.plInput, this.standardCategory)
+            this.standardCategory = null
+            break
+          case '产出数量图':
+            this.plOutput = {}
+            res.data.forEach(item => {
+              if (!this.standardCategory) {
+                this.standardCategory = item.series
+              }
+
+              item.data.forEach((category, index) => {
+                if (!isNaN(Number(category.time))) {
+                  category.time = +category.time
+                }
+                if (this.plOutput[item.pdName]) {
+                  this.$set(this.plOutput[item.pdName], [category.time], category.out)
+                } else {
+                  this.$set(this.plOutput, [item.pdName], { [category.time]: category.out })
+                }
+              })
+            })
+            /** 填充 key */
+            this.fillKey(this.plOutput, this.standardCategory)
+            this.standardCategory = null
+            break
+          case '投入产出比':
+            this.plRate = {}
+            res.data.forEach(item => {
+              if (!this.standardCategory) {
+                this.standardCategory = item.series
+              }
+
+              item.data.forEach((category, index) => {
+                if (!isNaN(Number(category.time))) {
+                  category.time = +category.time
+                }
+                if (this.plRate[item.pdName]) {
+                  this.$set(this.plRate[item.pdName], [category.time], category.rate)
+                } else {
+                  this.$set(this.plRate, [item.pdName], { [category.time]: category.rate })
+                }
+              })
+            })
+            /** 填充 key */
+            this.fillKey(this.plRate, this.standardCategory)
+            this.standardCategory = null
+            break
+          case 'all':
+            res.data.forEach(item => {
+              /** 保存x轴的标准分类，因为数据会有缺失，标准分类用于校验哪些数据缺失 */
+              if (!this.standardCategory) {
+                this.standardCategory = item.series
+              }
+              /** if valid */
+              if (item.data.length) {
+                /** handle data */
+                item.data.forEach((category, index) => {
+                  if (!isNaN(Number(category.time))) {
+                    category.time = +category.time
+                  }
+
+                  if (this.plInput[item.pdName]) {
+                    this.$set(this.plInput[item.pdName], [category.time], category.in)
+                  } else {
+                    this.$set(this.plInput, [item.pdName], { [category.time]: category.in })
+                  }
+
+                  if (this.plOutput[item.pdName]) {
+                    this.$set(this.plOutput[item.pdName], [category.time], category.out)
+                  } else {
+                    this.$set(this.plOutput, [item.pdName], { [category.time]: category.out })
+                  }
+
+                  if (this.plRate[item.pdName]) {
+                    this.$set(this.plRate[item.pdName], [category.time], category.rate)
+                  } else {
+                    this.$set(this.plRate, [item.pdName], { [category.time]: category.rate })
+                  }
+                })
+              }
+            })
+
+            /** 填充 key */
+            this.fillKey(this.plInput, this.standardCategory)
+            this.fillKey(this.plOutput, this.standardCategory)
+            this.fillKey(this.plRate, this.standardCategory)
+
+            this.loadTable = true
+            this.standardCategory = null
+            break
+        }
+      })
+    },
+
+    fillKey(obj, keyList) {
+      for (const [legend, child] of Object.entries(obj)) {
+        /** 数量相等，就不继续执行了 */
+        if (Object.keys(child).length === keyList) return
+        const newChild = {}
+        keyList.forEach(key => {
+          if (!isNaN(Number(key))) {
+            key = +key
+          }
+
+          if (child[key] === undefined) {
+            newChild[key] = null
+          } else {
+            newChild[key] = child[key]
+          }
+        })
+        obj[legend] = newChild
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.visual-container {
+  width: 100%;
+  min-width: 960px;
+  background: url('../../assets/img/编组 6@2x.png') no-repeat;
+  background-size: cover;
+  .container-title {
+    width: 100%;
+    background: url('../../assets/img/OperationalOverview/title (2).png') no-repeat;
+    background-size: 100% 100%;
+    color: #fff;
+    padding-left: 41%;
+    .title-button {
+      color: #00fff0;
+      position: absolute;
+    }
+  }
+  .container-main {
+    padding: 16px 8px;
+  }
+}
+.inTest {
+  background: url('../../assets/img/OperationalOverview/矩形@2x.png') no-repeat;
+  background-size: 100% 100%;
+}
+.outTest {
+  background: url('../../assets/img/OperationalOverview/矩形@2x(1).png') no-repeat;
+  background-size: 100% 100%;
+}
+.leftText {
+  display: inline-block;
+  width: 40%;
+  text-align: right;
+}
+.rightText {
+  color: rgba(255, 255, 255, 0.6);
+}
+.div-box-left{
+  display: flex;
+  flex-flow: row wrap;
+  align-content: space-between;
+  position: absolute;
+  height: 100%;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow:hidden;
+}
+.div-box-main {
+  display: flex;
+  flex-flow: row wrap;
+  align-content: space-between;
+  margin: calc(16px * var(--beilv));
+  gap: calc(16px * var(--beilv));
+  padding-top: 4em;
+  position: absolute;
+  height: 95%;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow:hidden;
+}
+.div-box {
+  background: transparent;
+  box-shadow: inset 0 0 16px 1px rgba(255, 255, 255, 0.2);
+  width: 100%;
+  border-radius: 4px;
+}
+.barDiv {
+  height: 40px;
+  opacity: 0.5;
+  position: absolute;
+  bottom: 40px;
+  left: 55px;
+  transform: skewX(-30deg);
+  background: linear-gradient(180deg, rgba(59, 76, 118, 0) 0%, #49fbd6 100%);
+}
+.now-team-title {
+  margin: 0;
+  margin-top: -1em;
+  font-size: 1.2em;
+  line-height: 2em;
+  color: #fff;
+}
+.main-title {
+  text-align: center;
+}
+.now-secondary-title {
+  margin: 0;
+  font-size: 1em;
+  line-height: 2em;
+  color: #fff;
+}
+.now-team-content {
+  font-size: 3em;
+  line-height: 1em;
+  color: #52fff1;
+  text-align: center;
+}
+::v-deep .el-progress-bar__inner {
+  background-color: unset;
+  background-image: linear-gradient(to right, #4573fe, #47f8dc);
+}
+</style>
+
+<style lang="scss">
+.visual-container {
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+    background-color: transparent;
+  }
+
+  ::-webkit-scrollbar-track-piece {
+    background: #1b2b3d;
+  }
+
+  ::-webkit-scrollbar-corner {
+    background: #1b2b3d;
+  }
+
+  ::-webkit-scrollbar-track {
+    width: 6px;
+    background: #1b2b3d;
+    -webkit-border-radius: 2em;
+    -moz-border-radius: 2em;
+    border-radius: 2em;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: rgba($color: #5bc4be, $alpha: 0.7);
+    background-clip: padding-box;
+    min-height: 28px;
+    -webkit-border-radius: 2em;
+    -moz-border-radius: 2em;
+    border-radius: 2em;
+    transition: background-color 0.3s;
+    cursor: pointer;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: rgba($color: #5bc4be, $alpha: 1);
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.h-full {
+  height: calc(100vh - 110px * var(--beilv));
+}
+
+.flex-col {
+  flex-direction: column;
+
+  .el-col {
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
+}
+
+.custom-progress-bar >>> .el-progress-bar__outer {
+  background-color: #1d304b;
+}
+</style>

src/views/wmsBasicData/goodsAreaData.vue

@@ -43,7 +43,7 @@ import BaseTable from '@/components/BaseTable'
 import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
 import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
 import i18n from '@/lang'
-import { getHWList } from '@/utils/wmsDic'
+import { getStoreList, getKQList } from '@/utils/wmsDic'
 import moment from 'moment'
 /**
  * 表格表头配置项 TypeScript接口注释
@@ -201,8 +201,9 @@ export default {
         const obj = {}
         const sj = Math.floor(Math.random() * 720 + 10)
         obj.createTime = moment().subtract(sj, 'days').subtract(sj, 'hour').subtract(sj, 'minutes').subtract(sj, 'seconds').format('YYYY-MM-DD hh:mm:ss')
-        obj.name2 = getHWList()
-        obj.name1 = obj.name2[2] + '区'
+        obj.store = getStoreList()
+        obj.name1 = (obj.store === '辅材库' || obj.store === '备件库') ? '' : getKQList() + '区'
+        obj.name2 = obj.store + (obj.name1 ? '-' + obj.name1 : '') + '-' + (obj.store === '备件库' ? (parseInt(Math.random() * 19 + 1) + '-' + parseInt(Math.random() * 2 + 1)) : parseInt(Math.random() * 16))
         obj.name3 = obj.name2
         obj.name4 = parseInt(Math.random() * 2) ? '有货' : '无货'
         obj.name5 = parseInt(Math.random() * 2) ? 'Y' : 'N'

src/views/wmsBasicData/warehouseData.vue

@@ -179,7 +179,7 @@ export default {
         const sj = Math.floor(Math.random() * 720 + 10)
         obj.createTime = moment().subtract(sj, 'days').subtract(sj, 'hour').subtract(sj, 'minutes').subtract(sj, 'seconds').format('YYYY-MM-DD hh:mm:ss')
         obj.name1 = getStoreList()
-        obj.name2 = getKQList() + '区'
+        obj.name2 = (obj.name1 === '辅材库' || obj.name1 === '备件库') ? '' : getKQList() + '区'
         obj.name3 = '成品仓'
         obj.name4 = 'TCP' + sj
         temp.push(obj)

src/views/wmsHome/index.vue

@@ -1,21 +1,25 @@
 <template>
-  <div class="choicepart-container">
+  <div id="container" class="choicepart-container">
     <div class="choicepat-navbar">
       <navbar :showhome="false" :show-title="true" />
     </div>
-    <div class="choicepart-box">
+    <div class="choicepart-box" :style="{ width: 1585 * beilv + 'px' }">
       <div
         v-for="(item, index) in moduleList"
         :key="item.path"
         class="choicepart-item"
+        :style="{ width: 180 * beilv + 'px', height: 223 * beilv + 'px', margin: 40 * beilv + 'px' }"
         @click="handelClick(item, index)"
       >
         <div class="choicepart-item-border">
-          <img :src="require(`../../assets/img/choicepart/${item.name}.png`)" alt="">
+          <img :src="require(`../../assets/img/choicepart/${item.name}.png`)" alt="" :style="{ width: 90 * beilv + 'px', height: 90 * beilv + 'px', top: 35 * beilv + 'px', left: 50 * beilv + 'px' }">
         </div>
-        <div class="choicepart-item-title" :title="item.meta.title">{{ item.meta.title }}</div>
+        <div class="choicepart-item-title" :title="item.meta.title" :style="{ height: 40 * beilv + 'px', lineHeight: 40 * beilv + 'px', fontSize: 16 * beilv + 'px' }">{{ item.meta.title }}</div>
       </div>
     </div>
+    <div class="bottom-img">
+      <img :src="require('../../assets/img/choicepart/choicepart-back-u.png')" alt="">
+    </div>
   </div>
 </template>
 
@@ -28,11 +32,25 @@ export default {
   components: { Navbar },
   data() {
     return {
+      beilv: 1,
       moduleList: []
     }
   },
   mounted() {
+    this.beilv = document.getElementById('container').offsetWidth / 1920
+    window.addEventListener('resize', () => {
+      if (this.isFullScreen) {
+        this.beilv = document.body.offsetWidth / 1920
+      } else {
+        this.beilv = document.getElementById('container').offsetWidth / 1920
+      }
+    })
     this.getModuleList()
+    const path = location.href
+    if (path.indexOf('?') !== -1) {
+      const param = path.split('?')
+      sessionStorage.setItem('param', window.btoa(JSON.stringify(param[1])))
+    }
   },
   methods: {
     getModuleList() {
@@ -70,41 +88,38 @@ export default {
 .choicepart-container {
   min-width: 100%;
   min-height: 100vh;
-  // background: linear-gradient(-45deg, rgb(25, 25, 200), rgb(0, 100, 200));
   background: url('../../assets/img/choicepart/choicepart-back.png') repeat;
   background-size: cover;
   overflow-x: auto;
   .choicepart-box {
-    width: 1585px;
+    // width: 1585px;
     margin: 0 auto;
     padding-top: 25vh;
     .choicepart-item {
       display: inline-block;
-      width: 184px;
-      height: 223px;
-      margin: 40px;
+      // width: 180px;
+      // height: 223px;
+      // margin: 40px;
       background: url('../../assets/img/choicepart/choice-item-back.png') no-repeat;
       background-size: 100% 100%;
-      // border: 1px dashed #fff;
-      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
       top: 0;
       border-radius: 5px;
       overflow: hidden;
       cursor: pointer;
       position: relative;
       img {
-        width: 104px;
-        height: 99px;
+        // width: 90px;
+        // height: 90px;
         position: absolute;
-        top: 32px;
-        left: 43px;
+        // top: 32px;
+        // left: 43px;
       }
       .choicepart-item-border {
         height: 100%;
         border-radius: 5px;
         padding: 0 5px;
-        line-height: 32px;
-        font-size: 28px;
+        // line-height: 32px;
+        // font-size: 28px;
         font-weight: lighter;
         color: #2c6bd8;
         overflow: hidden;
@@ -120,9 +135,9 @@ export default {
         right: 2px;
         text-align: center;
         color: #fff;
-        font-size: 16px;
-        line-height: 40px;
-        height: 40px;
+        // font-size: 16px;
+        // line-height: 40px;
+        // height: 40px;
         letter-spacing: 2px;
         background-color: rgba($color: #0b58ff, $alpha: 0.45);
       }
@@ -140,6 +155,13 @@ export default {
     right: 0;
     z-index: 10;
   }
+  .bottom-img {
+    img {
+      width: 100%;
+      position: fixed;
+      bottom: 0;
+    }
+  }
 }
 ::-webkit-scrollbar-track-piece {
   //滚动条凹槽的颜色，还可以设置边框属性

src/views/wmsInStore/acceptGoods.vue

@@ -50,7 +50,7 @@ const tableProps = [
   },
   {
     prop: 'internalControlCode',
-    label: '成品内控码'
+    label: '成品内控码/商品条码'
   },
   {
     prop: 'customerCode',
@@ -67,10 +67,6 @@ const tableProps = [
   {
     prop: 'batch',
     label: '批次'
-  },
-  {
-    prop: 'packCode',
-    label: '包装机号'
   }
 ]
 const tableBtn = [
@@ -92,7 +88,7 @@ export default {
         {
           type: 'input',
           label: '关键字',
-          placeholder: '托盘号或成品内控码',
+          placeholder: '托盘号或成品内控码/商品条码',
           param: 'name',
           width: 300
         },
@@ -133,8 +129,8 @@ export default {
         obj.trayID = getTrayList()
         obj.internalControlCode = getProductList()
         obj.customerCode = getCustomerCodeList()
-        obj.num = parseInt(Math.random() * 1000)
         obj.productDpec = getProductSpecList()
+        obj.num = obj.productDpec.substring(0, 1) === '3' ? parseInt(Math.random() * 100 + 100) : parseInt(Math.random() * 100 + 200)
         obj.batch = getBatchList()
         obj.packCode = getPackList()
         temp.push(obj)

src/views/wmsInStore/components/accetpGoodsAdd.vue

@@ -5,11 +5,11 @@
       :visible.sync="dialogVisible"
       width="50%"
     >
-      <el-form ref="formList" label-position="right" label-width="80px" :model="formList">
+      <el-form ref="formList" label-position="right" label-width="140px" :model="formList">
         <el-form-item label="托盘号" prop="trayID">
           <el-input v-model="formList.trayID" />
         </el-form-item>
-        <el-form-item label="成品内控码" prop="internalControlCode">
+        <el-form-item label="成品内控码/商品条码" prop="internalControlCode">
           <el-input v-model="formList.internalControlCode" />
         </el-form-item>
         <el-form-item label="客户标签号" prop="customerCode">
@@ -24,9 +24,6 @@
         <el-form-item label="批次" prop="batch">
           <el-input v-model="formList.batch" />
         </el-form-item>
-        <el-form-item label="包装机号" prop="packCode">
-          <el-input v-model="formList.packCode" />
-        </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="resetForm('formList')">取 消</el-button>
@@ -53,8 +50,7 @@ export default {
         customerCode: '',
         productDpec: '',
         num: '',
-        batch: '',
-        packCode: ''
+        batch: ''
       }
     }
   },
@@ -70,7 +66,6 @@ export default {
           this.formList.productDpec = val.productDpec
           this.formList.num = val.num
           this.formList.batch = val.batch
-          this.formList.packCode = val.packCode
         })
       }
       this.dialogVisible = true

src/views/wmsInStore/components/inStoreDocumentsAdd.vue

@@ -5,14 +5,14 @@
       :visible.sync="dialogVisible"
       width="50%"
     >
-      <el-form ref="formList" label-position="right" label-width="80px" :model="formList">
+      <el-form ref="formList" label-position="right" label-width="140px" :model="formList">
         <el-form-item label="入库单号" prop="receiptNo">
           <el-input v-model="formList.receiptNo" />
         </el-form-item>
         <el-form-item label="托盘号" prop="trayID">
           <el-input v-model="formList.trayID" />
         </el-form-item>
-        <el-form-item label="成品内控码" prop="internalControlCode">
+        <el-form-item label="成品内控码/商品条码" prop="internalControlCode">
           <el-input v-model="formList.internalControlCode" />
         </el-form-item>
         <el-form-item label="客户标签号" prop="customerCode">
@@ -27,9 +27,6 @@
         <el-form-item label="批次" prop="batch">
           <el-input v-model="formList.batch" />
         </el-form-item>
-        <el-form-item label="包装机号" prop="packCode">
-          <el-input v-model="formList.packCode" />
-        </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="resetForm('formList')">取 消</el-button>
@@ -57,8 +54,7 @@ export default {
         customerCode: '',
         productDpec: '',
         num: '',
-        batch: '',
-        packCode: ''
+        batch: ''
       }
     }
   },
@@ -75,7 +71,6 @@ export default {
           this.formList.productDpec = val.productDpec
           this.formList.num = val.num
           this.formList.batch = val.batch
-          this.formList.packCode = val.packCode
         })
       }
       this.dialogVisible = true

src/views/wmsInStore/inStoreDocuments.vue

@@ -52,9 +52,13 @@ const tableProps = [
     prop: 'trayID',
     label: '托盘号'
   },
+  {
+    prop: 'type',
+    label: '类型'
+  },
   {
     prop: 'internalControlCode',
-    label: '成品内控码'
+    label: '成品内控码/商品条码'
   },
   {
     prop: 'customerCode',
@@ -71,10 +75,6 @@ const tableProps = [
   {
     prop: 'batch',
     label: '批次'
-  },
-  {
-    prop: 'packCode',
-    label: '包装机号'
   }
 ]
 const tableBtn = [
@@ -96,7 +96,7 @@ export default {
         {
           type: 'input',
           label: '关键字',
-          placeholder: '入库单号,托盘号或成品内控码',
+          placeholder: '入库单号,托盘号或成品内控码/商品条码',
           param: 'name',
           width: 300
         },
@@ -132,13 +132,17 @@ export default {
     getList() {
       const temp = []
       const num = 20
+      const typeList = ['成品', '辅料', '备件']
       for (let i = 0; i < num; i++) {
         const obj = {}
+        const sj = parseInt(Math.random() * 3 + 1)
+        console.log(sj)
         obj.receiptNo = getReceiptNoList()
         obj.trayID = getTrayList()
-        obj.internalControlCode = getProductList()
+        obj.type = typeList[sj - 1]
+        obj.internalControlCode = sj === 1 ? getProductList() : ''
         obj.customerCode = getCustomerCodeList()
-        obj.num = parseInt(Math.random() * 1000)
+        obj.num = parseInt(Math.random() * 180 + 100)
         obj.productDpec = getProductSpecList()
         obj.batch = getBatchList()
         obj.packCode = getPackList()

src/views/wmsOutStore/outStoreDocuments.vue

@@ -134,7 +134,7 @@ export default {
         obj.outboundOrderNo = getOutboundNoList()
         obj.customerName = getCompTyleList()
         obj.shipmentCacheArea = getHCQList()
-        obj.num = parseInt(Math.random() * 1000)
+        obj.num = parseInt(Math.random() * 40 + 20) + '（箱）'
         obj.spec = getProductSpecList()
         const sj = Math.floor(Math.random() * 100)
         obj.deliveryTime = moment().add(sj, 'days').add(sj, 'hour').add(sj, 'minutes').add(sj, 'seconds').format('YYYY-MM-DD hh:mm:ss')

src/views/wmsOutStore/outStoreOperation.vue

@@ -34,7 +34,7 @@ import Pagination from '@/components/Pagination'
 import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
 import { tableHeight } from '@/utils/index'
 import outStoreDocumentsAdd from './components/outStoreDocumentsAdd.vue'
-import { getOperationCode2List, getOutboundNoList, getHWList, getHCQList, getTimeArr, getDriverCodeList } from '@/utils/wmsDic'
+import { getOperationCode2List, getOutboundNoList, getStoreList, getTimeArr, getDriverCodeList } from '@/utils/wmsDic'
 const tableProps = [
   {
     prop: 'operationCode',
@@ -110,7 +110,7 @@ export default {
         current: 1,
         size: 20
       },
-      tableH: tableHeight(275),
+      tableH: tableHeight(290),
       tableProps,
       list: [],
       listLoading: false,
@@ -122,29 +122,45 @@ export default {
   },
   mounted() {
     window.addEventListener('resize', () => {
-      this.tableH = tableHeight(275)
+      this.tableH = tableHeight(290)
     })
     this.getList()
   },
   methods: {
     getList() {
       const temp = []
-      const num = 20
+      const temp2 = []
+      const num = 17
       for (let i = 0; i < num; i++) {
         const obj = {}
         const timeArrList = getTimeArr()
-        obj.operationCode = getOperationCode2List()
+        obj.operationCode = 'CQ1510433590'
         obj.outboundOrderNo = getOutboundNoList()
-        obj.goodsArea = getHWList()
-        obj.shipmentCacheArea = getHCQList()
+        obj.store = getStoreList()
+        obj.goodsArea = '成品库C-C区-' + (i + 8)
+        obj.shipmentCacheArea = 'HCQC' + (2631 - i)
         obj.startTime = timeArrList[0]
         obj.endTime = timeArrList[1]
         obj.driverCode = getDriverCodeList()
         temp.push(obj)
       }
-      this.list = temp
+      const arr = ['备件库-13-2', '辅材库-14', '备件库-13-4']
+      for (let i = 0; i < 3; i++) {
+        const obj = {}
+        const timeArrList = getTimeArr()
+        obj.operationCode = getOperationCode2List()
+        obj.outboundOrderNo = getOutboundNoList()
+        obj.store = getStoreList()
+        obj.goodsArea = arr[i]
+        obj.shipmentCacheArea = 'HCQC' + (2897 - i)
+        obj.startTime = timeArrList[0]
+        obj.endTime = timeArrList[1]
+        obj.driverCode = getDriverCodeList()
+        temp2.push(obj)
+      }
+      this.list = temp.concat(temp2)
       console.log(this.list)
-      this.total = num
+      this.total = 20
     },
     btnClick(val) {
       console.log(val)

src/views/wmsStatisticalReports/inventoryReport.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <head-form :form-config="headFormConfig" @headBtnClick="btnClick" />
-    <div style="text-align:right">
+    <div style="text-align:left">
       <span>合计： 265395</span>
     </div>
     <base-table
@@ -26,7 +26,7 @@ import HeadForm from '@/components/basicData/HeadForm'
 import BaseTable from '@/components/BaseTable'
 import Pagination from '@/components/Pagination'
 import { tableHeight } from '@/utils/index'
-import { getReceiptNoList, getProductSpecList, getMaterialCodeList, getGoodsList } from '@/utils/wmsDic'
+import { getReceiptNoList, getProductSpecList, getMaterialCodeList } from '@/utils/wmsDic'
 import moment from 'moment'
 const tableProps = [
   {
@@ -37,10 +37,6 @@ const tableProps = [
     prop: 'type',
     label: '类型'
   },
-  {
-    prop: 'productName',
-    label: '品名'
-  },
   {
     prop: 'spec',
     label: '规格'
@@ -115,7 +111,6 @@ export default {
         const obj = {}
         obj.orderCode = getReceiptNoList()
         obj.type = '深加工玻璃'
-        obj.productName = getGoodsList()
         const sj = Math.floor(Math.random() * 100)
         obj.spec = getProductSpecList()
         obj.materialCode = getMaterialCodeList()

src/views/wmsStatisticalReports/outStoreReport.vue

@@ -9,7 +9,7 @@
 <template>
   <div class="app-container">
     <head-form :form-config="headFormConfig" @headBtnClick="btnClick" />
-    <div style="text-align:right">
+    <div style="text-align:left">
       <span>合计： 265395</span>
     </div>
     <base-table
@@ -34,7 +34,7 @@ import HeadForm from '@/components/basicData/HeadForm'
 import BaseTable from '@/components/BaseTable'
 import Pagination from '@/components/Pagination'
 import { tableHeight } from '@/utils/index'
-import { getOutboundNoList, getProductSpecList, getMaterialCodeList, getGoodsList } from '@/utils/wmsDic'
+import { getOutboundNoList, getProductSpecList, getMaterialCodeList } from '@/utils/wmsDic'
 import moment from 'moment'
 const tableProps = [
   {
@@ -45,10 +45,6 @@ const tableProps = [
     prop: 'type',
     label: '类型'
   },
-  {
-    prop: 'productName',
-    label: '品名'
-  },
   {
     prop: 'spec',
     label: '规格'
@@ -123,7 +119,6 @@ export default {
         const obj = {}
         obj.orderCode = getOutboundNoList()
         obj.type = '深加工玻璃'
-        obj.productName = getGoodsList()
         const sj = Math.floor(Math.random() * 5)
         obj.spec = getProductSpecList()
         obj.materialCode = getMaterialCodeList()

src/views/wmsSystemSettings/roleManagement.vue

@@ -61,12 +61,10 @@ const tableProps = [{
   align: 'center'
 }, {
   prop: 'name',
-  label: i18n.t('roleManage.roleName'),
-  align: 'center'
+  label: i18n.t('roleManage.roleName')
 }, {
   prop: 'enabled',
-  label: i18n.t('roleManage.status'),
-  align: 'center'
+  label: i18n.t('roleManage.status')
 },
 // {
 //   prop: 'category',
@@ -76,8 +74,7 @@ const tableProps = [{
 // },
 {
   prop: 'remark',
-  label: i18n.t('roleManage.remark'),
-  align: 'center'
+  label: i18n.t('roleManage.remark')
 }]
 import AddForm from './AddForm'
 import EditForm from './EditForm'