Merge branch 'master' of http://101.133.214.75:3000/xf15575941817/PC_FiveFollowing

package-lock.json

@@ -1221,6 +1221,11 @@
       "integrity": "sha1-K1o6s/kYzKSKjHVMCBaOPwPrphs=",
       "dev": true
     },
+    "@popperjs/core": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npm.taobao.org/@popperjs/core/download/@popperjs/core-2.9.2.tgz?cache=0&sync_timestamp=1617290324040&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40popperjs%2Fcore%2Fdownload%2F%40popperjs%2Fcore-2.9.2.tgz",
+      "integrity": "sha1-rep7aVPLs0ZRdmsFSEaOdDxqI1M="
+    },
     "@simonwep/pickr": {
       "version": "1.8.1",
       "resolved": "https://registry.nlark.com/@simonwep/pickr/download/@simonwep/pickr-1.8.1.tgz?cache=0&sync_timestamp=1620897267612&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40simonwep%2Fpickr%2Fdownload%2F%40simonwep%2Fpickr-1.8.1.tgz",
@@ -3270,7 +3275,7 @@
     },
     "camelcase-keys": {
       "version": "2.1.0",
-      "resolved": "https://registry.nlark.com/camelcase-keys/download/camelcase-keys-2.1.0.tgz?cache=0&sync_timestamp=1624608993530&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcamelcase-keys%2Fdownload%2Fcamelcase-keys-2.1.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/camelcase-keys/download/camelcase-keys-2.1.0.tgz",
       "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
       "dev": true,
       "requires": {
@@ -3280,7 +3285,7 @@
       "dependencies": {
         "camelcase": {
           "version": "2.1.1",
-          "resolved": "https://registry.npm.taobao.org/camelcase/download/camelcase-2.1.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/camelcase/download/camelcase-2.1.1.tgz?cache=0&sync_timestamp=1603921799543&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcamelcase%2Fdownload%2Fcamelcase-2.1.1.tgz",
           "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
           "dev": true
         }
@@ -4394,6 +4399,11 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "dayjs": {
+      "version": "1.10.6",
+      "resolved": "https://registry.nlark.com/dayjs/download/dayjs-1.10.6.tgz?cache=0&sync_timestamp=1625557310646&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fdayjs%2Fdownload%2Fdayjs-1.10.6.tgz",
+      "integrity": "sha1-KIsqqC8thBimydTfWJjAc3rQKmM="
+    },
     "debug": {
       "version": "4.3.1",
       "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.3.1.tgz?cache=0&sync_timestamp=1607566551397&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.3.1.tgz",
@@ -4895,6 +4905,21 @@
       "integrity": "sha1-2+3WNz9ZWuEKE9FGtmvs5MGvpb0=",
       "dev": true
     },
+    "element-plus": {
+      "version": "1.0.2-beta.54",
+      "resolved": "https://registry.nlark.com/element-plus/download/element-plus-1.0.2-beta.54.tgz?cache=0&sync_timestamp=1625208049455&other_urls=https%3A%2F%2Fregistry.nlark.com%2Felement-plus%2Fdownload%2Felement-plus-1.0.2-beta.54.tgz",
+      "integrity": "sha1-cO2j/A70wooc3Gv/7I+cNO+DzBY=",
+      "requires": {
+        "@popperjs/core": "^2.4.4",
+        "@types/lodash": "^4.14.161",
+        "async-validator": "^3.4.0",
+        "dayjs": "1.x",
+        "lodash": "^4.17.20",
+        "mitt": "^2.1.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
     "element-ui": {
       "version": "2.15.3",
       "resolved": "https://registry.nlark.com/element-ui/download/element-ui-2.15.3.tgz?cache=0&sync_timestamp=1624954513817&other_urls=https%3A%2F%2Fregistry.nlark.com%2Felement-ui%2Fdownload%2Felement-ui-2.15.3.tgz",
@@ -4999,7 +5024,7 @@
     },
     "env-paths": {
       "version": "2.2.1",
-      "resolved": "https://registry.nlark.com/env-paths/download/env-paths-2.2.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/env-paths/download/env-paths-2.2.1.tgz",
       "integrity": "sha1-QgOZ1BbOH76bwKB8Yvpo1n/Q+PI=",
       "dev": true
     },
@@ -5925,7 +5950,7 @@
     },
     "fs-minipass": {
       "version": "2.1.0",
-      "resolved": "https://registry.npm.taobao.org/fs-minipass/download/fs-minipass-2.1.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/fs-minipass/download/fs-minipass-2.1.0.tgz?cache=0&sync_timestamp=1579628584498&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffs-minipass%2Fdownload%2Ffs-minipass-2.1.0.tgz",
       "integrity": "sha1-f1A2/b8SxjwWkZDL5BmchSJx+fs=",
       "dev": true,
       "requires": {
@@ -5987,13 +6012,13 @@
       "dependencies": {
         "ansi-regex": {
           "version": "2.1.1",
-          "resolved": "https://registry.nlark.com/ansi-regex/download/ansi-regex-2.1.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz?cache=0&sync_timestamp=1618552978881&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-regex%2Fdownload%2Fansi-regex-2.1.1.tgz",
           "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
           "dev": true
         },
         "is-fullwidth-code-point": {
           "version": "1.0.0",
-          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-1.0.0.tgz?cache=0&sync_timestamp=1618552489864&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-fullwidth-code-point%2Fdownload%2Fis-fullwidth-code-point-1.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-1.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-fullwidth-code-point%2Fdownload%2Fis-fullwidth-code-point-1.0.0.tgz",
           "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
           "dev": true,
           "requires": {
@@ -6002,7 +6027,7 @@
         },
         "string-width": {
           "version": "1.0.2",
-          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-1.0.2.tgz?cache=0&sync_timestamp=1618558751438&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstring-width%2Fdownload%2Fstring-width-1.0.2.tgz",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-1.0.2.tgz?cache=0&sync_timestamp=1618558856477&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstring-width%2Fdownload%2Fstring-width-1.0.2.tgz",
           "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
           "dev": true,
           "requires": {
@@ -6013,7 +6038,7 @@
         },
         "strip-ansi": {
           "version": "3.0.1",
-          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1618553320591&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1618553351145&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
           "dev": true,
           "requires": {
@@ -6146,7 +6171,7 @@
     },
     "globule": {
       "version": "1.3.2",
-      "resolved": "https://registry.npm.taobao.org/globule/download/globule-1.3.2.tgz",
+      "resolved": "https://registry.npm.taobao.org/globule/download/globule-1.3.2.tgz?cache=0&sync_timestamp=1591641966255&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglobule%2Fdownload%2Fglobule-1.3.2.tgz",
       "integrity": "sha1-2L3Z6eTu+PluJFmZpd7n612FKcQ=",
       "dev": true,
       "requires": {
@@ -6213,7 +6238,7 @@
       "dependencies": {
         "ansi-regex": {
           "version": "2.1.1",
-          "resolved": "https://registry.nlark.com/ansi-regex/download/ansi-regex-2.1.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz?cache=0&sync_timestamp=1618552978881&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-regex%2Fdownload%2Fansi-regex-2.1.1.tgz",
           "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
           "dev": true
         }
@@ -7329,7 +7354,7 @@
     },
     "js-base64": {
       "version": "2.6.4",
-      "resolved": "https://registry.nlark.com/js-base64/download/js-base64-2.6.4.tgz?cache=0&sync_timestamp=1621703447855&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fjs-base64%2Fdownload%2Fjs-base64-2.6.4.tgz",
+      "resolved": "https://registry.npm.taobao.org/js-base64/download/js-base64-2.6.4.tgz",
       "integrity": "sha1-9OaGxd4eofhn28rT1G2WlCjfmMQ=",
       "dev": true
     },
@@ -7600,7 +7625,7 @@
       "dependencies": {
         "parse-json": {
           "version": "2.2.0",
-          "resolved": "https://registry.npm.taobao.org/parse-json/download/parse-json-2.2.0.tgz?cache=0&sync_timestamp=1610966646988&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-json%2Fdownload%2Fparse-json-2.2.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/parse-json/download/parse-json-2.2.0.tgz?cache=0&sync_timestamp=1610966667117&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-json%2Fdownload%2Fparse-json-2.2.0.tgz",
           "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
           "dev": true,
           "requires": {
@@ -7835,7 +7860,7 @@
     },
     "map-obj": {
       "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/map-obj/download/map-obj-1.0.1.tgz?cache=0&sync_timestamp=1617771232226&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmap-obj%2Fdownload%2Fmap-obj-1.0.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/map-obj/download/map-obj-1.0.1.tgz?cache=0&sync_timestamp=1617771296262&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmap-obj%2Fdownload%2Fmap-obj-1.0.1.tgz",
       "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
       "dev": true
     },
@@ -7883,7 +7908,7 @@
     },
     "meow": {
       "version": "3.7.0",
-      "resolved": "https://registry.nlark.com/meow/download/meow-3.7.0.tgz",
+      "resolved": "https://registry.nlark.com/meow/download/meow-3.7.0.tgz?cache=0&sync_timestamp=1620227920685&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmeow%2Fdownload%2Fmeow-3.7.0.tgz",
       "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
       "dev": true,
       "requires": {
@@ -8115,6 +8140,11 @@
         "through2": "^2.0.0"
       }
     },
+    "mitt": {
+      "version": "2.1.0",
+      "resolved": "https://registry.nlark.com/mitt/download/mitt-2.1.0.tgz?cache=0&sync_timestamp=1624481394885&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmitt%2Fdownload%2Fmitt-2.1.0.tgz",
+      "integrity": "sha1-90BXfCMXbGIFsSGylzUU6t4bIjA="
+    },
     "mixin-deep": {
       "version": "1.3.2",
       "resolved": "https://registry.npm.taobao.org/mixin-deep/download/mixin-deep-1.3.2.tgz",
@@ -8313,7 +8343,7 @@
     },
     "node-gyp": {
       "version": "7.1.2",
-      "resolved": "https://registry.nlark.com/node-gyp/download/node-gyp-7.1.2.tgz",
+      "resolved": "https://registry.npm.taobao.org/node-gyp/download/node-gyp-7.1.2.tgz?cache=0&sync_timestamp=1617410095989&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-gyp%2Fdownload%2Fnode-gyp-7.1.2.tgz",
       "integrity": "sha1-IagQrrsYcSAlHDvOyXmvFYexiK4=",
       "dev": true,
       "requires": {
@@ -8331,7 +8361,7 @@
       "dependencies": {
         "lru-cache": {
           "version": "6.0.0",
-          "resolved": "https://registry.npm.taobao.org/lru-cache/download/lru-cache-6.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/lru-cache/download/lru-cache-6.0.0.tgz?cache=0&sync_timestamp=1594427519396&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flru-cache%2Fdownload%2Flru-cache-6.0.0.tgz",
           "integrity": "sha1-bW/mVw69lqr5D8rR2vo7JWbbOpQ=",
           "dev": true,
           "requires": {
@@ -8349,7 +8379,7 @@
         },
         "semver": {
           "version": "7.3.5",
-          "resolved": "https://registry.npm.taobao.org/semver/download/semver-7.3.5.tgz?cache=0&sync_timestamp=1616463603361&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.3.5.tgz",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-7.3.5.tgz?cache=0&sync_timestamp=1616463550093&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.3.5.tgz",
           "integrity": "sha1-C2Ich5NI2JmOSw5L6Us/EuYBjvc=",
           "dev": true,
           "requires": {
@@ -8358,7 +8388,7 @@
         },
         "which": {
           "version": "2.0.2",
-          "resolved": "https://registry.npm.taobao.org/which/download/which-2.0.2.tgz?cache=0&sync_timestamp=1605134855909&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwhich%2Fdownload%2Fwhich-2.0.2.tgz",
+          "resolved": "https://registry.npm.taobao.org/which/download/which-2.0.2.tgz",
           "integrity": "sha1-fGqN0KY2oDJ+ELWckobu6T8/UbE=",
           "dev": true,
           "requires": {
@@ -8455,19 +8485,19 @@
       "dependencies": {
         "ansi-regex": {
           "version": "2.1.1",
-          "resolved": "https://registry.nlark.com/ansi-regex/download/ansi-regex-2.1.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz?cache=0&sync_timestamp=1618552978881&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-regex%2Fdownload%2Fansi-regex-2.1.1.tgz",
           "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
           "dev": true
         },
         "ansi-styles": {
           "version": "2.2.1",
-          "resolved": "https://registry.nlark.com/ansi-styles/download/ansi-styles-2.2.1.tgz?cache=0&sync_timestamp=1618995547052&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fansi-styles%2Fdownload%2Fansi-styles-2.2.1.tgz",
+          "resolved": "https://registry.nlark.com/ansi-styles/download/ansi-styles-2.2.1.tgz",
           "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
           "dev": true
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "https://registry.nlark.com/chalk/download/chalk-1.1.3.tgz?cache=0&sync_timestamp=1618995355917&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fchalk%2Fdownload%2Fchalk-1.1.3.tgz",
+          "resolved": "https://registry.nlark.com/chalk/download/chalk-1.1.3.tgz?cache=0&sync_timestamp=1618995384030&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fchalk%2Fdownload%2Fchalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -8491,13 +8521,13 @@
         },
         "path-key": {
           "version": "3.1.1",
-          "resolved": "https://registry.npm.taobao.org/path-key/download/path-key-3.1.1.tgz?cache=0&sync_timestamp=1617971613935&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpath-key%2Fdownload%2Fpath-key-3.1.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/path-key/download/path-key-3.1.1.tgz?cache=0&sync_timestamp=1617971691339&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpath-key%2Fdownload%2Fpath-key-3.1.1.tgz",
           "integrity": "sha1-WB9q3mWMu6ZaDTOA3ndTKVBU83U=",
           "dev": true
         },
         "shebang-command": {
           "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/shebang-command/download/shebang-command-2.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/shebang-command/download/shebang-command-2.0.0.tgz?cache=0&sync_timestamp=1590294659008&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fshebang-command%2Fdownload%2Fshebang-command-2.0.0.tgz",
           "integrity": "sha1-zNCvT4g1+9wmW4JGGq8MNmY/NOo=",
           "dev": true,
           "requires": {
@@ -8512,7 +8542,7 @@
         },
         "strip-ansi": {
           "version": "3.0.1",
-          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1618553320591&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1618553351145&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
           "dev": true,
           "requires": {
@@ -8521,13 +8551,13 @@
         },
         "supports-color": {
           "version": "2.0.0",
-          "resolved": "https://registry.nlark.com/supports-color/download/supports-color-2.0.0.tgz?cache=0&sync_timestamp=1622293579301&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&sync_timestamp=1618560959124&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz",
           "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
           "dev": true
         },
         "which": {
           "version": "2.0.2",
-          "resolved": "https://registry.npm.taobao.org/which/download/which-2.0.2.tgz?cache=0&sync_timestamp=1605134855909&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwhich%2Fdownload%2Fwhich-2.0.2.tgz",
+          "resolved": "https://registry.npm.taobao.org/which/download/which-2.0.2.tgz",
           "integrity": "sha1-fGqN0KY2oDJ+ELWckobu6T8/UbE=",
           "dev": true,
           "requires": {
@@ -8538,7 +8568,7 @@
     },
     "nopt": {
       "version": "5.0.0",
-      "resolved": "https://registry.npm.taobao.org/nopt/download/nopt-5.0.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/nopt/download/nopt-5.0.0.tgz?cache=0&sync_timestamp=1597649930270&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnopt%2Fdownload%2Fnopt-5.0.0.tgz",
       "integrity": "sha1-UwlCu1ilEvzK/lP+IQ8TolNV3Ig=",
       "dev": true,
       "requires": {
@@ -8626,7 +8656,7 @@
     },
     "number-is-nan": {
       "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/number-is-nan/download/number-is-nan-1.0.1.tgz?cache=0&sync_timestamp=1617776101309&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnumber-is-nan%2Fdownload%2Fnumber-is-nan-1.0.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/number-is-nan/download/number-is-nan-1.0.1.tgz",
       "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
       "dev": true
     },
@@ -10071,7 +10101,7 @@
       "dependencies": {
         "find-up": {
           "version": "1.1.2",
-          "resolved": "https://registry.npm.taobao.org/find-up/download/find-up-1.1.2.tgz",
+          "resolved": "https://registry.npm.taobao.org/find-up/download/find-up-1.1.2.tgz?cache=0&sync_timestamp=1597170240264&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-1.1.2.tgz",
           "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
           "dev": true,
           "requires": {
@@ -10090,7 +10120,7 @@
         },
         "path-type": {
           "version": "1.1.0",
-          "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-1.1.0.tgz?cache=0&sync_timestamp=1611752015315&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpath-type%2Fdownload%2Fpath-type-1.1.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-1.1.0.tgz?cache=0&sync_timestamp=1611752528858&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpath-type%2Fdownload%2Fpath-type-1.1.0.tgz",
           "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
           "dev": true,
           "requires": {
@@ -10107,7 +10137,7 @@
         },
         "read-pkg": {
           "version": "1.1.0",
-          "resolved": "https://registry.npm.taobao.org/read-pkg/download/read-pkg-1.1.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/read-pkg/download/read-pkg-1.1.0.tgz?cache=0&sync_timestamp=1616914810926&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fread-pkg%2Fdownload%2Fread-pkg-1.1.0.tgz",
           "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
           "dev": true,
           "requires": {
@@ -10145,7 +10175,7 @@
     },
     "redent": {
       "version": "1.0.0",
-      "resolved": "https://registry.nlark.com/redent/download/redent-1.0.0.tgz",
+      "resolved": "https://registry.nlark.com/redent/download/redent-1.0.0.tgz?cache=0&sync_timestamp=1620069780522&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fredent%2Fdownload%2Fredent-1.0.0.tgz",
       "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
       "dev": true,
       "requires": {
@@ -10155,7 +10185,7 @@
       "dependencies": {
         "strip-indent": {
           "version": "1.0.1",
-          "resolved": "https://registry.nlark.com/strip-indent/download/strip-indent-1.0.1.tgz?cache=0&sync_timestamp=1620053310624&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fstrip-indent%2Fdownload%2Fstrip-indent-1.0.1.tgz",
+          "resolved": "https://registry.nlark.com/strip-indent/download/strip-indent-1.0.1.tgz?cache=0&sync_timestamp=1620053263051&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fstrip-indent%2Fdownload%2Fstrip-indent-1.0.1.tgz",
           "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
           "dev": true,
           "requires": {
@@ -10312,7 +10342,7 @@
     },
     "repeating": {
       "version": "2.0.1",
-      "resolved": "https://registry.nlark.com/repeating/download/repeating-2.0.1.tgz",
+      "resolved": "https://registry.nlark.com/repeating/download/repeating-2.0.1.tgz?cache=0&sync_timestamp=1620068853953&other_urls=https%3A%2F%2Fregistry.nlark.com%2Frepeating%2Fdownload%2Frepeating-2.0.1.tgz",
       "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
       "dev": true,
       "requires": {
@@ -10513,7 +10543,7 @@
       "dependencies": {
         "camelcase": {
           "version": "5.3.1",
-          "resolved": "https://registry.npm.taobao.org/camelcase/download/camelcase-5.3.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/camelcase/download/camelcase-5.3.1.tgz?cache=0&sync_timestamp=1603921799543&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcamelcase%2Fdownload%2Fcamelcase-5.3.1.tgz",
           "integrity": "sha1-48mzFWnhBoEd8kL3FXJaH0xJQyA=",
           "dev": true
         },
@@ -10530,13 +10560,13 @@
         },
         "emoji-regex": {
           "version": "7.0.3",
-          "resolved": "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-7.0.3.tgz?cache=0&sync_timestamp=1614682707048&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Femoji-regex%2Fdownload%2Femoji-regex-7.0.3.tgz",
+          "resolved": "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-7.0.3.tgz?cache=0&sync_timestamp=1614682725186&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Femoji-regex%2Fdownload%2Femoji-regex-7.0.3.tgz",
           "integrity": "sha1-kzoEBShgyF6DwSJHnEdIqOTHIVY=",
           "dev": true
         },
         "find-up": {
           "version": "3.0.0",
-          "resolved": "https://registry.npm.taobao.org/find-up/download/find-up-3.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/find-up/download/find-up-3.0.0.tgz?cache=0&sync_timestamp=1597170240264&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-3.0.0.tgz",
           "integrity": "sha1-SRafHXmTQwZG2mHsxa41XCHJe3M=",
           "dev": true,
           "requires": {
@@ -10545,13 +10575,13 @@
         },
         "is-fullwidth-code-point": {
           "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz?cache=0&sync_timestamp=1618552489864&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-fullwidth-code-point%2Fdownload%2Fis-fullwidth-code-point-2.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-fullwidth-code-point%2Fdownload%2Fis-fullwidth-code-point-2.0.0.tgz",
           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
           "dev": true
         },
         "locate-path": {
           "version": "3.0.0",
-          "resolved": "https://registry.npm.taobao.org/locate-path/download/locate-path-3.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/locate-path/download/locate-path-3.0.0.tgz?cache=0&sync_timestamp=1597082033698&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flocate-path%2Fdownload%2Flocate-path-3.0.0.tgz",
           "integrity": "sha1-2+w7OrdZdYBxtY/ln8QYca8hQA4=",
           "dev": true,
           "requires": {
@@ -10561,7 +10591,7 @@
         },
         "p-locate": {
           "version": "3.0.0",
-          "resolved": "https://registry.npm.taobao.org/p-locate/download/p-locate-3.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/p-locate/download/p-locate-3.0.0.tgz?cache=0&sync_timestamp=1597081369770&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-locate%2Fdownload%2Fp-locate-3.0.0.tgz",
           "integrity": "sha1-Mi1poFwCZLJZl9n0DNiokasAZKQ=",
           "dev": true,
           "requires": {
@@ -10576,7 +10606,7 @@
         },
         "string-width": {
           "version": "3.1.0",
-          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-3.1.0.tgz?cache=0&sync_timestamp=1618558751438&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstring-width%2Fdownload%2Fstring-width-3.1.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-3.1.0.tgz?cache=0&sync_timestamp=1618558856477&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstring-width%2Fdownload%2Fstring-width-3.1.0.tgz",
           "integrity": "sha1-InZ74htirxCBV0MG9prFG2IgOWE=",
           "dev": true,
           "requires": {
@@ -10587,7 +10617,7 @@
         },
         "strip-ansi": {
           "version": "5.2.0",
-          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz?cache=0&sync_timestamp=1618553320591&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-5.2.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz?cache=0&sync_timestamp=1618553351145&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-5.2.0.tgz",
           "integrity": "sha1-jJpTb+tq/JYr36WxBKUJHBrZwK4=",
           "dev": true,
           "requires": {
@@ -10596,7 +10626,7 @@
         },
         "wrap-ansi": {
           "version": "5.1.0",
-          "resolved": "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-5.1.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-5.1.0.tgz?cache=0&sync_timestamp=1618558923406&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwrap-ansi%2Fdownload%2Fwrap-ansi-5.1.0.tgz",
           "integrity": "sha1-H9H2cjXVttD+54EFYAG/tpTAOwk=",
           "dev": true,
           "requires": {
@@ -10607,7 +10637,7 @@
         },
         "yargs": {
           "version": "13.3.2",
-          "resolved": "https://registry.nlark.com/yargs/download/yargs-13.3.2.tgz?cache=0&sync_timestamp=1620086465147&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fyargs%2Fdownload%2Fyargs-13.3.2.tgz",
+          "resolved": "https://registry.nlark.com/yargs/download/yargs-13.3.2.tgz?cache=0&sync_timestamp=1620086581476&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fyargs%2Fdownload%2Fyargs-13.3.2.tgz",
           "integrity": "sha1-rX/+/sGqWVZayRX4Lcyzipwxot0=",
           "dev": true,
           "requires": {
@@ -10625,7 +10655,7 @@
         },
         "yargs-parser": {
           "version": "13.1.2",
-          "resolved": "https://registry.nlark.com/yargs-parser/download/yargs-parser-13.1.2.tgz?cache=0&sync_timestamp=1624233514145&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fyargs-parser%2Fdownload%2Fyargs-parser-13.1.2.tgz",
+          "resolved": "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-13.1.2.tgz",
           "integrity": "sha1-Ew8JcC667vJlDVTObj5XBvek+zg=",
           "dev": true,
           "requires": {
@@ -11473,7 +11503,7 @@
     },
     "strip-bom": {
       "version": "2.0.0",
-      "resolved": "https://registry.npm.taobao.org/strip-bom/download/strip-bom-2.0.0.tgz?cache=0&sync_timestamp=1618599587805&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-bom%2Fdownload%2Fstrip-bom-2.0.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/strip-bom/download/strip-bom-2.0.0.tgz",
       "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
       "dev": true,
       "requires": {
@@ -11618,7 +11648,7 @@
     },
     "tar": {
       "version": "6.1.0",
-      "resolved": "https://registry.npm.taobao.org/tar/download/tar-6.1.0.tgz?cache=0&sync_timestamp=1610045450553&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftar%2Fdownload%2Ftar-6.1.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/tar/download/tar-6.1.0.tgz?cache=0&sync_timestamp=1610045993977&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftar%2Fdownload%2Ftar-6.1.0.tgz",
       "integrity": "sha1-0XJOm8wEuXexjVxXOzM6IgcimoM=",
       "dev": true,
       "requires": {
@@ -13140,19 +13170,19 @@
       "dependencies": {
         "ansi-regex": {
           "version": "3.0.0",
-          "resolved": "https://registry.nlark.com/ansi-regex/download/ansi-regex-3.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-3.0.0.tgz?cache=0&sync_timestamp=1618552978881&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-regex%2Fdownload%2Fansi-regex-3.0.0.tgz",
           "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
           "dev": true
         },
         "is-fullwidth-code-point": {
           "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz?cache=0&sync_timestamp=1618552489864&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-fullwidth-code-point%2Fdownload%2Fis-fullwidth-code-point-2.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-fullwidth-code-point%2Fdownload%2Fis-fullwidth-code-point-2.0.0.tgz",
           "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
           "dev": true
         },
         "string-width": {
           "version": "2.1.1",
-          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-2.1.1.tgz?cache=0&sync_timestamp=1618558751438&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstring-width%2Fdownload%2Fstring-width-2.1.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-2.1.1.tgz?cache=0&sync_timestamp=1618558856477&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstring-width%2Fdownload%2Fstring-width-2.1.1.tgz",
           "integrity": "sha1-q5Pyeo3BPSjKyBXEYhQ6bZASrp4=",
           "dev": true,
           "requires": {
@@ -13162,7 +13192,7 @@
         },
         "strip-ansi": {
           "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-4.0.0.tgz?cache=0&sync_timestamp=1618553320591&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-4.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-4.0.0.tgz?cache=0&sync_timestamp=1618553351145&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-4.0.0.tgz",
           "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
           "dev": true,
           "requires": {

package.json

@@ -12,6 +12,7 @@
     "ant-design-vue": "^2.0.0-rc.7",
     "axios": "^0.21.1",
     "core-js": "^3.6.5",
+    "element-plus": "^1.0.2-beta.54",
     "element-ui": "^2.15.3",
     "js-cookie": "^2.2.1",
     "vue": "^3.0.0",

src/assets/css/index.css

@@ -116,6 +116,28 @@ header {
     border: 1px solid green
 }
 
+/* el-select 下拉框 样式 */
+.el-input__inner{
+    margin-top: 0.2rem;
+    width: 2rem !important;
+    height: 0.375rem !important;
+    background-color: transparent !important;
+    color: #4BF4F9 !important;
+    font-size: 0.18rem !important;
+}
+.el-input__suffix{
+    line-height: 1rem !important;
+}
+.el-input--suffix .el-input__inner{
+    border: 1px #4BF4F9 solid !important;
+    border-radius: 0px !important;
+}
+.el-input__prefix, .el-input__suffix{
+    top: -0.30rem !important;
+}
+/* el-select 下拉框 样式 */
+
+
 .panel.statisBottom {
     height: calc(100% - 60% - 0.225rem);
     border: 1px solid blue

src/main.js

@@ -4,12 +4,19 @@ import App from './App.vue'
 import 'ant-design-vue/dist/antd.css';
 import UCore from './utils/UCore.js'
 import './assets/css/index.css';
+
 // import store from './store'
 import router from './router';
 // import { makeRoute } from './router'
+
 import axios from 'axios';
 const app = createApp(App);
+
+
 app.use(router);
+import ElementPlus from 'element-plus'
+import 'element-plus/lib/theme-chalk/index.css'
+app.use(ElementPlus)
 app.config.globalProperties.$UCore = UCore;
 app.config.globalProperties.$axios = axios;
 app.use(Antd).mount('#app');

src/router/index.js

@@ -16,35 +16,13 @@ let routes = [
     },
     // ming router end
 
-    // 站点详情页面
-    {
-        path: '/Site_details',
-        name: 'site_details',
-        meta: { title: '站点详情', name: "测试站点一", type: "menu" },
-        component: () =>
-            import('../views/index/Site_details.vue'),
-    },
-    // 编辑器页面
-    {
-        path: '/CircuitEdit',
-        name: 'CircuitEdit',
-        meta: { title: '编辑器', name: "编辑器", type: "menu" },
-        component: () =>
-            import('../views/CircuitEdit.vue'),
-    },
-    // 预览页页面
-    {
-        path: '/CircuitPreview',
-        name: 'CircuitPreview',
-        meta: { title: '预览', name: "预览", type: "menu" },
-        component: () =>
-            import('../views/CircuitPreview.vue'),
-    },
+
+
     //数据管理页面
     {
         path: '/Data_mage',
         name: 'data_mage',
-        meta: { title: '数据管理', name: "数据管理", type: "index" },
+        meta: { title: '数据管理', name: "智慧用电监控平台 ", type: "index" },
         component: () =>
             import('../views/index/Data_mage.vue'),
     },
@@ -52,7 +30,7 @@ let routes = [
     {
         path: '/Power_quality',
         name: 'power_quality',
-        meta: { title: '电能质量', name: "电能质量", type: "index" },
+        meta: { title: '电能质量', name: "智慧用电监控平台  ", type: "index" },
         component: () =>
             import('../views/index/Power_quality.vue'),
     },
@@ -60,10 +38,62 @@ let routes = [
     {
         path: '/System_mage',
         name: 'system_mage',
-        meta: { title: '系统管理', name: "系统管理", type: "index" },
+        meta: { title: '系统管理', name: "智慧用电监控平台   ", type: "index" },
         component: () =>
             import('../views/index/System_mage.vue'),
-    }
+    },
+
+
+    //概览页面站点详情页面
+    {
+        path: '/Overview',
+        name: 'overview',
+        meta: { title: '概览', name: "测试站点一", type: "menu" },
+        component: () =>
+            import('../views/site/Overview.vue'),
+    },
+    //配电系统图页面
+    {
+        path: '/Power_diagram',
+        name: 'power_diagram',
+        meta: { title: '配电系统图', name: "测试站点一", type: "menu" },
+        component: () =>
+            import('../views/site/Power_diagram.vue'),
+    },
+    //设备监控页面
+    {
+        path: '/Device_motore',
+        name: 'device_motore',
+        meta: { title: '设备监控', name: "测试站点一", type: "menu" },
+        component: () =>
+            import('../views/site/Device_motore.vue'),
+    },
+    //事件告警页面
+    {
+        path: '/Event_alarm',
+        name: 'event_alarm',
+        meta: { title: '事件告警', name: "测试站点一", type: "menu" },
+        component: () =>
+            import('../views/site/Event_alarm.vue'),
+    },
+    
+    // 编辑器页面
+    {
+        path: '/CircuitEdit',
+        name: 'CircuitEdit',
+        meta: { title: '编辑器', name: "编辑器", type: "" },
+        component: () =>
+            import('../views/CircuitEdit.vue'),
+    },
+    // 预览页页面
+    {
+        path: '/CircuitPreview',
+        name: 'CircuitPreview',
+        meta: { title: '预览', name: "预览", type: "" },
+        component: () =>
+            import('../views/CircuitPreview.vue'),
+    },
+    
 
 
 ]

src/views/home/index.vue

@@ -19,7 +19,7 @@
         </div> -->
         </div>
         <div class="column">
-          <div class="map" style="" @click="Site_details()"></div>
+          <div class="map" style="" @click="Overview()"></div>
         </div>
         <div class="column">
           <div class="panel deviceSum">
@@ -53,8 +53,8 @@ export default {
   name: "index",
   components: {statisTop,statisBottom,pieChart},
   methods:{
-    Site_details(){
-      this.$router.push({ path: '/Site_details'});//, query: { title: title }
+    Overview(){
+      this.$router.push({ path: '/Overview'});//, query: { title: title }
     }
   }
 };

src/views/index.vue

@@ -1,10 +1,11 @@
 <template>
   <header>
     <div id="header">
+      <!-- 主页路由菜单 开始 -->
       <div class="router-index" v-if="!home">
         <router-link
-          class="router-link"
-          :class="title == route.meta.name ? 'router-link2' : 'router-link1'"
+          class="router-left"
+          :class="title == route.meta.title ? 'router_left2' : 'router_left1'"
           v-for="route in router"
           :key="route"
           :to="route.path"
@@ -13,31 +14,51 @@
           <span>{{ route.meta.title }}</span>
         </router-link>
       </div>
+      <!-- 主页路由菜单 结束 -->
+      <!-- 站点路由菜单 开始 -->
       <div class="router-menu" v-if="home">
-        <div>
-          <span>当前站点:</span>
-          <el-select v-model="value" placeholder="请选择">
+        <div class="select">
+          <span>当前站点：</span>
+          <el-select v-model="value" @change="el_select" placeholder="请选择">
             <el-option
-              v-for="item in options"
-              :key="item.value"
+              v-for="(item, index) in options"
+              :key="index"
               :label="item.label"
               :value="item.value"
             >
             </el-option>
           </el-select>
         </div>
-        <router-link
-          class="router-link"
-          :class="title == route.meta.name ? 'router-link2' : 'router-link1'"
-          v-for="route in router"
-          :key="route"
-          :to="route.path"
-          v-show="route.meta.type === 'menu'"
-        >
-          <span>{{ route.meta.title }}</span>
-        </router-link>
+        <div class="site_one" style="display: flex">
+          <router-link
+            class="router-left"
+            :class="title == route.meta.title ? 'router_left2' : 'router_left1'"
+            v-for="route in router.slice(4, 6)"
+            :key="route"
+            :to="route.path"
+            v-show="route.meta.type === 'menu'"
+          >
+            <span>{{ route.meta.title }}</span>
+          </router-link>
+        </div>
+        <div class="site_two" style="display: flex">
+          <router-link
+            class="router-rigth"
+            :class="
+              title == route.meta.title ? 'router_rigth2' : 'router_rigth1'
+            "
+            v-for="route in router.slice(6, 8)"
+            :key="route"
+            :to="route.path"
+            v-show="route.meta.type === 'menu'"
+          >
+            <span>{{ route.meta.title }}</span>
+          </router-link>
+        </div>
       </div>
-      <div class="title">{{ title }}</div>
+      <!-- 站点路由菜单 结束 -->
+
+      <div class="title">{{ name }}</div>
       <div class="rigth">
         <div class="showTime">2021-06-28 16:32:32</div>
         <router-link class="home" to="/" v-if="home"></router-link>
@@ -57,28 +78,25 @@ export default {
   data() {
     return {
       title: "",
+      name: "",
       router: [],
       home: false,
       options: [
         {
-          value: "选项1",
-          label: "黄金糕",
+          value: 1,
+          label: "测试站点一",
         },
         {
-          value: "选项2",
-          label: "双皮奶",
+          value: 2,
+          label: "测试站点二",
         },
         {
-          value: "选项3",
-          label: "蚵仔煎",
+          value: 3,
+          label: "测试站点三",
         },
         {
-          value: "选项4",
-          label: "龙须面",
-        },
-        {
-          value: "选项5",
-          label: "北京烤鸭",
+          value: 4,
+          label: "测试站点四",
         },
       ],
       value: "",
@@ -88,14 +106,32 @@ export default {
   mounted() {
     this.router = this.$router.options.routes;
   },
-  methods: {},
+  methods: {
+    el_select(val) {
+      console.log(val);
+      for (let i = 0; i < this.options.length; i++) {
+        if (this.options[i].value == val) {
+          this.name = this.options[i].label;
+        }
+      }
+    },
+  },
   watch: {
     $route: function () {
-        console.log("aaaaaaaaaaaaa")
-      this.title = this.$route.meta.name;
-      this.$route.meta.type === "menu"
-        ? (this.home = true)
-        : (this.home = false);
+      var title = this.$route.meta.title;
+      var name = this.$route.meta.name;
+      var type = this.$route.meta.type;
+
+      this.title = title;
+      this.name = name;
+      if (type === "index" || name.indexOf("站点") == 2) {
+        for (let i = 0; i < this.options.length; i++) {
+          if (this.options[i].label == name) {
+            this.value = this.options[i].value;
+          }
+        }
+      }
+      type === "menu" ? (this.home = true) : (this.home = false);
     },
   },
 };
@@ -108,7 +144,7 @@ export default {
     height: 100%;
     line-height: 1rem;
     margin-left: 1rem;
-    .router-link {
+    .router-left {
       width: 1.525rem;
       height: 0.5rem;
       display: block;
@@ -117,34 +153,42 @@ export default {
       margin: 0.125rem;
       font-size: 0.225rem;
     }
-    .router-link:hover {
+    .router-left:hover {
       background: url(./../assets/images/router_left2.png) no-repeat;
       background-size: cover;
       color: #fac112;
     }
-    .router-link1 {
+    .router_left1 {
       background: url(./../assets/images/router_left1.png) no-repeat;
       color: #00f4fd;
       background-size: cover;
     }
-    .router-link2 {
+    .router_left2 {
       background: url(./../assets/images/router_left2.png) no-repeat;
       color: #fac112;
       background-size: cover;
     }
-    .router-link3 {
-      background: url(./../assets/images/router_right1.png) no-repeat;
-      color: #00f4fd;
-      background-size: cover;
-    }
   }
+
   .router-menu {
     position: absolute;
     display: flex;
     height: 100%;
     line-height: 1rem;
-    margin-left: 1rem;
-    .router-link {
+    margin-left: 0.5rem;
+    .select {
+      display: flex;
+      span {
+        // position: absolute;
+        font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
+        color: #00f4fd;
+        font-weight: 400;
+        font-size: 0.225rem;
+        height: 100%;
+        line-height: 0.75rem;
+      }
+    }
+    .router-left {
       width: 1.525rem;
       height: 0.5rem;
       display: block;
@@ -153,26 +197,54 @@ export default {
       margin: 0.125rem;
       font-size: 0.225rem;
     }
-    .router-link:hover {
+    .router-left:hover {
       background: url(./../assets/images/router_left2.png) no-repeat;
       background-size: cover;
       color: #fac112;
     }
-    .router-link1 {
+    .router_left1 {
       background: url(./../assets/images/router_left1.png) no-repeat;
       color: #00f4fd;
       background-size: cover;
     }
-    .router-link2 {
+    .router_left2 {
       background: url(./../assets/images/router_left2.png) no-repeat;
       color: #fac112;
       background-size: cover;
     }
-    .router-link3 {
+
+    .site_one {
+      margin-left: 1.5rem;
+    }
+    .site_two {
+      position: absolute;
+      margin-left: 14.9rem;
+    }
+
+    .router-rigth {
+      width: 1.525rem;
+      height: 0.5rem;
+      display: block;
+      text-align: center;
+      line-height: 0.5rem;
+      margin: 0.125rem;
+      font-size: 0.225rem;
+    }
+    .router-rigth:hover {
+      background: url(./../assets/images/router_right2.png) no-repeat;
+      background-size: cover;
+      color: #fac112;
+    }
+    .router_rigth1 {
       background: url(./../assets/images/router_right1.png) no-repeat;
       color: #00f4fd;
       background-size: cover;
     }
+    .router_rigth2 {
+      background: url(./../assets/images/router_right2.png) no-repeat;
+      color: #fac112;
+      background-size: cover;
+    }
   }
   .title {
     font-size: 0.5rem;
@@ -252,4 +324,31 @@ export default {
     }
   }
 }
+</style>
+<style>
+.el-popper__arrow::before {
+  border-top-color: transparent !important;
+  border-left-color: transparent !important;
+  background: rgba(0, 244, 253, 1) !important;
+}
+.el-select__popper {
+  border: 1px solid rgba(0, 244, 253, 1) !important;
+  /* background: rgba(0,244,253,0.5) !important; */
+  /* background: rgba(6, 68, 83, 0.8) !important; */
+  background-color: #082333 !important;
+}
+.el-select-dropdown__item.selected {
+  color: rgba(0, 244, 253, 1) !important;
+}
+.el-select-dropdown__item {
+  color: #fff !important;
+  padding: 0 20px !important;
+  text-align: center !important;
+}
+.el-select-dropdown__item:hover {
+  background: rgba(0, 244, 253, 0.2) !important;
+}
+.el-scrollbar__view {
+  background: rgba(0, 244, 253, 0) !important;
+}
 </style>

src/views/site/Device_motore.vue

@@ -0,0 +1,310 @@
+<template>
+  <section class="mainbox">
+    <div class="Site-details">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="实时数据" name="first">
+          <el-tabs
+            v-model="ac_content"
+            @tab-click="handleClick"
+            class="ac-content"
+          >
+            <el-tab-pane
+              label="模拟量"
+              name="model"
+              style="display: flex"
+              class="model"
+            >
+              <div>
+                <div
+                  v-for="arr in array.slice(0, 16)"
+                  :key="arr"
+                  class="display"
+                >
+                  <div>{{ arr.name }}</div>
+                  <div>{{ arr.value }}</div>
+                </div>
+              </div>
+              <div>
+                <div
+                  v-for="arr in array.slice(16, 30)"
+                  :key="arr"
+                  class="display"
+                >
+                  <div>{{ arr.name }}</div>
+                  <div>{{ arr.value }}</div>
+                </div>
+              </div>
+              <div>
+                <div
+                  v-for="arr in array.slice(30, 46)"
+                  :key="arr"
+                  class="display"
+                >
+                  <div>{{ arr.name }}</div>
+                  <div>{{ arr.value }}</div>
+                </div>
+              </div>
+              <div>
+                <div v-for="arr in array.slice(46)" :key="arr" class="display">
+                  <div>{{ arr.name }}</div>
+                  <div>{{ arr.value }}</div>
+                </div>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="状态量" name="states" class="states">
+              <div class="display">
+                <div>
+                    <div class="name">
+                        外接遥信1状态：
+                    </div>
+                    <div class="state_ON">
+                        
+                    </div>
+                </div>
+                <div></div>
+                <div>
+                    <div class="name">
+                        测温点T4超温：
+                    </div>
+                    <div class="state_ON">
+
+                    </div>
+                </div>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+          <el-button type="primary" class="primary">刷新</el-button>
+        </el-tab-pane>
+        <el-tab-pane label="历史趋势" name="second" style="top: 1px"
+          >历史趋势</el-tab-pane
+        >
+        <el-tab-pane label="数据报表" name="third" style="top: 2px"
+          >数据报表</el-tab-pane
+        >
+        <el-tab-pane label="运行状态统计" name="fourth" style="top: 3px"
+          >运行状态统计</el-tab-pane
+        >
+      </el-tabs>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      activeName: "first",
+      ac_content: "model",
+      array: [
+        { name: "A相电压：", value: "236.94V" },
+        { name: "B相电压：", value: "237.94V" },
+        { name: "C相电压：", value: "237.82V" },
+        { name: "回路电压：", value: "236.94V" },
+        { name: "A相电流：", value: "0A" },
+        { name: "B相电流：", value: "0A" },
+        { name: "C相电流：", value: "0A" },
+        { name: "剩余电流（漏电流）：", value: "0mA" },
+        { name: "外接温度1：", value: "-273℃" },
+        { name: "外接温度2：", value: "-273℃" },
+        { name: "外接温度3：", value: "-273℃" },
+        { name: "外接温度4：", value: "-273℃" },
+        { name: "频率：", value: "49.97Hz" },
+        { name: "AB线电压：", value: "411.06V" },
+        { name: "BC线电压：", value: "412.48V" },
+        { name: "CA线电压：", value: "410.66V" },
+
+        { name: "A相有功功率：", value: "0kW" },
+        { name: "A相无功功率：", value: "0kVar" },
+        { name: "A相功率因数：", value: 0 },
+        { name: "B相有功功率：", value: "0kW" },
+        { name: "B相无功功率：", value: "0kVar" },
+        { name: "B相功率因数：", value: "0" },
+        { name: "C相有功功率：", value: "0kW" },
+        { name: "C相无功功率：", value: "0kVar" },
+        { name: "C相功率因数：", value: "0" },
+        { name: "总有功功率：", value: "0kW" },
+        { name: "总无功功率：", value: "0kVar" },
+        { name: "功率因数：", value: "0" },
+        { name: "实时需量：", value: "0kW" },
+        { name: "昨日最大有功需量：", value: "0.12kW" },
+
+        { name: "昨日Pmax发生时间：", value: "1057" },
+        { name: "负序电流：", value: "0.075A" },
+        { name: "零序电流：", value: "0.05A" },
+        { name: "负序电压不平衡度：", value: "0.37%" },
+        { name: "零序电压不平衡度：", value: "0.12%" },
+        { name: "A相电压畸变率：", value: "1.59%" },
+        { name: "B相电压畸变率：", value: "1.75%" },
+        { name: "C相电压畸变率：", value: "1.6%" },
+        { name: "Ia总谐波电流：", value: "0A" },
+        { name: "Ib总谐波电流：", value: "0A" },
+        { name: "Ic总谐波电流：", value: "0A" },
+        { name: "设备温度：", value: "33.1℃" },
+        { name: "设备信号强度：", value: "29" },
+        { name: "电压暂升次数：", value: "102次" },
+        { name: "电压暂降次数：", value: "6次" },
+        { name: "电压中断次数：", value: "6次" },
+
+        { name: "母线停电次数：", value: "1次" },
+        { name: "设备复位次数：", value: "0次" },
+        { name: "正有功电度：", value: "8.27.0001kWh" },
+        { name: "负有功电度：", value: "3.4kWh" },
+        { name: "正无功电度：", value: "410.2kWh" },
+        { name: "负无功电度：", value: "37kWh" },
+        { name: "尖段正向有功：", value: "0kWh" },
+        { name: "尖段反向有功：", value: "0kWh" },
+        { name: "峰段正向有功：", value: "652.8kWh" },
+        { name: "峰段反向有功：", value: "3.2kWh" },
+        { name: "平段正向有功：", value: "0kWh" },
+        { name: "平段反向有功：", value: "0kWh" },
+        { name: "谷段正向有功：", value: "157.2kWh" },
+        { name: "谷段反向有功：", value: "0.2kWh" },
+      ],
+    };
+  },
+  name: "site_details",
+  components: {},
+  mounted() {},
+  methods: {
+    handleClick(tab, event) {
+      // console.log(tab, event);
+      // console.log(tab.props.name)
+      for (let i in event.path) {
+        if (event.path[i].className === "el-tabs__nav is-top") {
+          var childNodes = event.path[i].childNodes;
+          for (let i in childNodes) {
+            if (childNodes[i].className === "el-tabs__active-bar is-top") {
+              childNodes[i].style.left = tab.index + "px";
+            }
+          }
+        }
+      }
+    },
+  },
+};
+</script>
+
+<style>
+.Site-details {
+  width: 98%;
+  height: 670px;
+  /* opacity: 0.2; */
+  background-color: rgba(0, 244, 253, 0.1);
+  border: 1px solid rgba(0, 244, 253, 0.1);
+  margin: 0 auto;
+  margin-top: 5px;
+}
+
+.el-tabs__nav-scroll {
+  margin: 0 auto;
+}
+.el-tabs__item {
+  width: 130px !important;
+  height: 40px !important;
+  color: #ffffff !important;
+  text-align: center;
+  padding: 0 !important;
+  /* padding: 0 1px !important; */
+  border-right: 1px rgba(0, 244, 253, 0.1) solid;
+}
+.el-tabs__item.is-active {
+  color: rgba(0, 244, 253, 1) !important;
+}
+.el-tabs__active-bar {
+  width: 130px !important;
+  top: 0;
+  background: #4bf4f9;
+}
+.el-tabs__nav-wrap::after {
+  height: 1px !important;
+  background-color: rgba(0, 244, 253, 0.1) !important;
+}
+
+.ac-content {
+  height: 100%;
+}
+.ac-content .el-tabs__header {
+  width: 260px;
+  margin: 0 auto;
+}
+.ac-content .el-tabs__item.is-active {
+  background: rgba(6, 68, 83, 1) !important;
+}
+.ac-content .el-tabs__active-bar {
+  width: 130px !important;
+  top: 0;
+  background: transparent;
+}
+.ac-content .el-tabs__item {
+  border: 1px rgba(0, 244, 253, 0.1) solid;
+}
+.primary {
+  position: absolute;
+  top: 0;
+  right: 10px;
+  width: 72px !important;
+  min-height: 34px !important;
+  line-height: 8px;
+}
+
+.ac-content .model > div {
+  width: 25%;
+  height: 570px;
+}
+.ac-content .model .display {
+  display: flex;
+}
+.ac-content .model .display div:nth-child(1) {
+  height: 36px;
+  line-height: 36px;
+  border-bottom: 1px solid rgba(0, 244, 253, 0.1);
+  text-align: right;
+  width: 50%;
+  color: rgba(255, 255, 255, 1);
+}
+.ac-content .model .display div:nth-child(2) {
+  height: 36px;
+  line-height: 36px;
+  border-bottom: 1px solid rgba(0, 244, 253, 0.1);
+  width: 50%;
+  text-align: left;
+  padding-left: 0.7rem;
+  color: rgba(1, 201, 208, 1);
+}
+
+.ac-content .states .display {
+  display: flex;
+  color: rgba(1, 201, 208, 1);
+  font-size: 15px;
+  font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
+  font-weight: 400;
+}
+.ac-content .states .display div:nth-child(1) {
+  border-bottom: 1px solid rgba(0, 244, 253, 0.1);
+  width: 45%;
+  height: 36px;
+  line-height: 36px;
+  text-align: right;
+}
+.ac-content .states .display div:nth-child(2) {
+  border-bottom: 1px solid rgba(0, 244, 253, 0.1);
+  /* border: 1px solid red; */
+  width: 15%;
+  height: 36px;
+}
+.ac-content .states .display div:nth-child(3) {
+  border-bottom: 1px solid rgba(0, 244, 253, 0.1);
+  width: 45%;
+  height: 36px;
+  line-height: 36px;
+}
+.ac-content .states .display .state_ON{
+    width: 44px;
+    height: 24px;
+    /* background: url('./../../../assets/images/state_ON.png') no-repeat; */
+    /* background-size: cover; */
+}
+.ac-content .states .display .state_OFF{
+    width: 44px;
+    height: 24px;
+}
+</style>

src/views/index/Site_details.vue → src/views/site/Event_alarm.vue

@@ -8,7 +8,7 @@ export default {
   data() {
     return {};
   },
-  name: "site_details",
+  name: "event_alarm",
   components: {},
   mounted() {},
   methods: {},

src/views/site/Overview.vue

@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <section class="mainbox"></section>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {};
+  },
+  name: "overview",
+  components: {},
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style>
+</style>

src/views/site/Power_diagram.vue

@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <section class="mainbox"></section>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {};
+  },
+  name: "power_diagram",
+  components: {},
+  mounted() {},
+  methods: {},
+};
+</script>
+
+<style>
+</style>