diff --git a/.env.development b/.env.development
index af9ba00..7ef0d37 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 若依管理系统
+VITE_APP_TITLE = 区间测速
 
 # 开发环境配置
 VITE_APP_ENV = 'development'
diff --git a/.env.production b/.env.production
index cbabf89..bc68043 100644
--- a/.env.production
+++ b/.env.production
@@ -1,5 +1,5 @@
 # 页面标题
-VITE_APP_TITLE = 若依管理系统
+VITE_APP_TITLE = 区间测速
 
 # 生产环境配置
 VITE_APP_ENV = 'production'
diff --git a/.gitignore b/.gitignore
index 78a752d..9830310 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 .DS_Store
 node_modules/
 dist/
+.history/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
@@ -8,6 +9,7 @@ yarn-error.log*
 
 tests/**/coverage/
 tests/e2e/reports
+
 selenium-debug.log
 
 # Editor directories and files
@@ -19,5 +21,6 @@ selenium-debug.log
 *.sln
 *.local
 
+
 package-lock.json
 yarn.lock
diff --git a/index.html b/index.html
index d20d02e..19187b4 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
   <meta name="renderer" content="webkit">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
   <link rel="icon" href="/favicon.ico">
-  <title>若依管理系统</title>
+  <title>区间测速</title>
   <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
   <style>
     html,
diff --git a/package.json b/package.json
index 881702c..66ccb69 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "@vueuse/core": "13.3.0",
     "axios": "1.9.0",
     "clipboard": "2.0.11",
+    "dayjs": "^1.11.18",
     "echarts": "5.6.0",
     "element-plus": "2.10.7",
     "file-saver": "2.0.5",
@@ -31,6 +32,8 @@
     "nprogress": "0.2.0",
     "pinia": "3.0.2",
     "splitpanes": "4.0.4",
+    "video.js": "^8.23.4",
+    "videojs-contrib-hls": "^5.15.0",
     "vue": "3.5.16",
     "vue-cropper": "1.1.1",
     "vue-router": "4.5.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7cc8a03..d99d2b3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,6 +23,9 @@ importers:
       clipboard:
         specifier: 2.0.11
         version: 2.0.11
+      dayjs:
+        specifier: ^1.11.18
+        version: 1.11.18
       echarts:
         specifier: 5.6.0
         version: 5.6.0
@@ -53,6 +56,12 @@ importers:
       splitpanes:
         specifier: 4.0.4
         version: 4.0.4(vue@3.5.16)
+      video.js:
+        specifier: ^8.23.4
+        version: 8.23.4
+      videojs-contrib-hls:
+        specifier: ^5.15.0
+        version: 5.15.0
       vue:
         specifier: 3.5.16
         version: 3.5.16
@@ -106,6 +115,10 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  '@babel/runtime@7.28.4':
+    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/types@7.28.2':
     resolution: {integrity: sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==}
     engines: {node: '>=6.9.0'}
@@ -461,6 +474,19 @@ packages:
   '@types/web-bluetooth@0.0.21':
     resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
 
+  '@videojs/http-streaming@3.17.2':
+    resolution: {integrity: sha512-VBQ3W4wnKnVKb/limLdtSD2rAd5cmHN70xoMf4OmuDd0t2kfJX04G+sfw6u2j8oOm2BXYM9E1f4acHruqKnM1g==}
+    engines: {node: '>=8', npm: '>=5'}
+    peerDependencies:
+      video.js: ^8.19.0
+
+  '@videojs/vhs-utils@4.1.1':
+    resolution: {integrity: sha512-5iLX6sR2ownbv4Mtejw6Ax+naosGvoT9kY+gcuHzANyUZZ+4NpeNdKMUhb6ag0acYej1Y7cmr/F2+4PrggMiVA==}
+    engines: {node: '>=8', npm: '>=5'}
+
+  '@videojs/xhr@2.7.0':
+    resolution: {integrity: sha512-giab+EVRanChIupZK7gXjHy90y3nncA2phIOyG3Ne5fvpiMJzvqYwiTOnEVW2S4CoYcuKJkomat7bMXA/UoUZQ==}
+
   '@vitejs/plugin-vue@5.2.4':
     resolution: {integrity: sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -551,6 +577,10 @@ packages:
   '@vueuse/shared@9.13.0':
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
 
+  '@xmldom/xmldom@0.8.11':
+    resolution: {integrity: sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==}
+    engines: {node: '>=10.0.0'}
+
   abbrev@2.0.0:
     resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -560,6 +590,12 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  aes-decrypter@1.0.3:
+    resolution: {integrity: sha512-rsx8pfx7wJsn+ziYbpJ8XA5c93hKAtBCrfydxJqJCMT+qfjipd/B5wC2xHtBcoxyvlqJcpeAo3K55t0lXOn9yQ==}
+
+  aes-decrypter@4.0.2:
+    resolution: {integrity: sha512-lc+/9s6iJvuaRe5qDlMTpCFjnwpkeOXp8qP3oiZ5jsj1MRg+SBVUmmICrhxHvc8OELSmc+fEyyxAuppY6hrWzw==}
+
   ansi-regex@2.1.1:
     resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
     engines: {node: '>=0.10.0'}
@@ -634,6 +670,9 @@ packages:
   axios@1.9.0:
     resolution: {integrity: sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==}
 
+  babel-runtime@6.26.0:
+    resolution: {integrity: sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==}
+
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -748,6 +787,10 @@ packages:
     resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
     engines: {node: '>=0.10.0'}
 
+  core-js@2.6.12:
+    resolution: {integrity: sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==}
+    deprecated: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
+
   cors@2.8.5:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
@@ -786,8 +829,8 @@ packages:
     resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
     engines: {node: '>= 0.4'}
 
-  dayjs@1.11.14:
-    resolution: {integrity: sha512-E8fIdSxUlyqSA8XYGnNa3IkIzxtEmFjI+JU/6ic0P1zmSqyL6HyG5jHnpPjRguDNiaHLpfvHKWFiohNsJLqcJQ==}
+  dayjs@1.11.18:
+    resolution: {integrity: sha512-zFBQ7WFRvVRhKcWoUh+ZA1g2HVgUbsZm9sbddh8EC5iv93sui8DVVz1Npvz+r6meo9VKfa8NyLWBsQK1VvIKPA==}
 
   debug@2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
@@ -847,6 +890,9 @@ packages:
   dom-serializer@1.4.1:
     resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
 
+  dom-walk@0.1.2:
+    resolution: {integrity: sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==}
+
   domelementtype@1.3.1:
     resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==}
 
@@ -930,6 +976,10 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
+  es5-shim@4.6.7:
+    resolution: {integrity: sha512-jg21/dmlrNQI7JyyA2w7n+yifSxBng0ZralnSfVZjoCawgNTCnS+yBCyVM9DL5itm7SUnDGgv7hcq2XCZX4iRQ==}
+    engines: {node: '>=0.4.0'}
+
   esbuild@0.25.9:
     resolution: {integrity: sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g==}
     engines: {node: '>=18'}
@@ -1090,6 +1140,12 @@ packages:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
     hasBin: true
 
+  global@4.3.2:
+    resolution: {integrity: sha512-/4AybdwIDU4HkCUbJkZdWpe4P6vuw/CUtu+0I1YlLIPe7OlUO7KNJ+q/rO70CW2/NW6Jc6I62++Hzsf5Alu6rQ==}
+
+  global@4.4.0:
+    resolution: {integrity: sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==}
+
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
@@ -1173,6 +1229,9 @@ packages:
   immutable@5.1.3:
     resolution: {integrity: sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==}
 
+  individual@2.0.0:
+    resolution: {integrity: sha512-pWt8hBCqJsUWI/HtcfWod7+N9SgAqyPEaF7JQjwzjn5vGrpg6aQ5qeAFQ7dx//UH4J1O+7xqew+gCeeFt6xN/g==}
+
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
@@ -1254,6 +1313,9 @@ packages:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
+  is-function@1.0.2:
+    resolution: {integrity: sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ==}
+
   is-generator-function@1.1.0:
     resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
     engines: {node: '>= 0.4'}
@@ -1430,6 +1492,12 @@ packages:
   lru-cache@10.4.3:
     resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
+  m3u8-parser@2.1.0:
+    resolution: {integrity: sha512-WbEpQ2FUaNGbJ0YanSeyj9D9ruu4FUvz+ZvebIzI2bSME+PUwcPXO1kKXZkjcPUAFruDikoOI5fWQNIA6JCCOQ==}
+
+  m3u8-parser@7.2.0:
+    resolution: {integrity: sha512-CRatFqpjVtMiMaKXxNvuI3I++vUumIXVVT/JpCpdU/FynV/ceVw1qpPyyBNindL+JlPMSesx+WX1QJaZEJSaMQ==}
+
   magic-string@0.26.7:
     resolution: {integrity: sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==}
     engines: {node: '>=12'}
@@ -1479,6 +1547,9 @@ packages:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
+  min-document@2.19.0:
+    resolution: {integrity: sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==}
+
   minimatch@9.0.1:
     resolution: {integrity: sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -1504,12 +1575,24 @@ packages:
   mlly@1.8.0:
     resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
 
+  mpd-parser@1.3.1:
+    resolution: {integrity: sha512-1FuyEWI5k2HcmhS1HkKnUAQV7yFPfXPht2DnRRGtoiiAAW+ESTbtEXIDpRkwdU+XyrQuwrIym7UkoPKsZ0SyFw==}
+    hasBin: true
+
   ms@2.0.0:
     resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
 
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
+  mux.js@4.3.2:
+    resolution: {integrity: sha512-g0q6DPdvb3yYcoK7ElBGobdSSrhY/RjPt19U7uUc733aqvc5bCS/aCvL9z+448y+IoCZnYDwyZfQBBXMSmGOaQ==}
+
+  mux.js@7.1.0:
+    resolution: {integrity: sha512-NTxawK/BBELJrYsZThEulyUMDVlLizKdxyAsMuzoCD1eFj97BVaA8D/CvKsKu6FOLYkFojN5CbM9h++ZTZtknA==}
+    engines: {node: '>=8', npm: '>=5'}
+    hasBin: true
+
   nanoid@3.3.11:
     resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -1575,6 +1658,9 @@ packages:
   parchment@1.1.4:
     resolution: {integrity: sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==}
 
+  parse-headers@2.0.6:
+    resolution: {integrity: sha512-Tz11t3uKztEW5FEVZnj1ox8GKblWn+PvHY9TmJV5Mll2uHEwRdR/5Li1OlXoECjLYkApdhWy44ocONwXLiKO5A==}
+
   pascalcase@0.1.1:
     resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
     engines: {node: '>=0.10.0'}
@@ -1616,6 +1702,15 @@ packages:
       typescript:
         optional: true
 
+  pkcs7@0.2.3:
+    resolution: {integrity: sha512-kJRwmADEQUg+qJyRgWLtpEL9q9cFjZschejTEK3GRjKvnsU9G5WWoe/wKqRgbBoqWdVSeTUKP6vIA3Y72M3rWA==}
+    engines: {node: ^0.10, npm: ^1.4.6}
+    hasBin: true
+
+  pkcs7@1.0.4:
+    resolution: {integrity: sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==}
+    hasBin: true
+
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
@@ -1660,6 +1755,14 @@ packages:
     resolution: {integrity: sha512-spBB5sgC4cv2YcW03f/IAUN1pgDJWNWD8FzkyY4mArLUMJW+KlQhlmUdKAHQuPfb00Jl5xIfImeOsf6YL8QK7Q==}
     engines: {node: '>=0.10.0'}
 
+  process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+
+  process@0.5.2:
+    resolution: {integrity: sha512-oNpcutj+nYX2FjdEW7PGltWhXulAnFlM0My/k48L90hARCOJtvBbQXc/6itV2jDvU5xAAtonP+r6wmQgCcbAUA==}
+    engines: {node: '>= 0.6.0'}
+
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
@@ -1694,6 +1797,9 @@ packages:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
 
+  regenerator-runtime@0.11.1:
+    resolution: {integrity: sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==}
+
   regex-not@1.0.2:
     resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
     engines: {node: '>=0.10.0'}
@@ -1733,6 +1839,9 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  rust-result@1.0.0:
+    resolution: {integrity: sha512-6cJzSBU+J/RJCF063onnQf0cDUOHs9uZI1oroSGnHOph+CQTIJ5Pp2hK5kEQq1+7yE/EEWfulSNXAQ2jikPthA==}
+
   rxjs@7.8.2:
     resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
 
@@ -1743,6 +1852,9 @@ packages:
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
+  safe-json-parse@4.0.0:
+    resolution: {integrity: sha512-RjZPPHugjK0TOzFrLZ8inw44s9bKox99/0AZW9o/BEQVrJfhI+fIHMErnPyRa89/yRXUUr93q+tiN6zhoVV4wQ==}
+
   safe-push-apply@1.0.0:
     resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
     engines: {node: '>= 0.4'}
@@ -2085,6 +2197,10 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
+  tsml@1.0.1:
+    resolution: {integrity: sha512-3KmepnH9SUsoOVtg013CRrL7c+AK7ECaquAsJdvu4288EDJuraqBlP4PDXT/rLEJ9YDn4jqLAzRJsnFPx+V6lg==}
+    deprecated: no longer maintained
+
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -2153,6 +2269,9 @@ packages:
     resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
     deprecated: Please see https://github.com/lydell/urix#deprecated
 
+  url-toolkit@2.2.5:
+    resolution: {integrity: sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg==}
+
   use@3.1.1:
     resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
     engines: {node: '>=0.10.0'}
@@ -2167,6 +2286,40 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
+  video.js@6.13.0:
+    resolution: {integrity: sha512-36/JR/GhPQSZj0o+GNbhcEYv/b0SkV9SQsjlodAnzMQYN0TA7VhmqrKPYMCi1NGRYu7S9W3OaFCFoUxkYfSVlg==}
+
+  video.js@8.23.4:
+    resolution: {integrity: sha512-qI0VTlYmKzEqRsz1Nppdfcaww4RSxZAq77z2oNSl3cNg2h6do5C8Ffl0KqWQ1OpD8desWXsCrde7tKJ9gGTEyQ==}
+
+  videojs-contrib-hls@5.15.0:
+    resolution: {integrity: sha512-18zbMYZ0XRBKTPEayA9bFTWWrqhT9b4G8+zf0czJLD7Epe5PcK1I/3dflTHQeQ5rwlWir+/XnFU3sMg/B2MMcw==}
+    engines: {node: '>= 0.10.12'}
+
+  videojs-contrib-media-sources@4.7.2:
+    resolution: {integrity: sha512-e6iCHWBFuV05EGo7v+pS9iepObXnJ9joms467gzi8ZjpKVb3ifha9M0Ja24Rd8JfvYpzjltsgDVtGFDvIg4hQQ==}
+
+  videojs-contrib-quality-levels@4.1.0:
+    resolution: {integrity: sha512-TfrXJJg1Bv4t6TOCMEVMwF/CoS8iENYsWNKip8zfhB5kTcegiFYezEA0eHAJPU64ZC8NQbxQgOwAsYU8VXbOWA==}
+    engines: {node: '>=16', npm: '>=8'}
+    peerDependencies:
+      video.js: ^8
+
+  videojs-font@2.1.0:
+    resolution: {integrity: sha512-zFqWpLrXf1q8NtYx5qtZhMC6SLUFScDmR6j+UGPogobxR21lvXShhnzcNNMdOxJUuFLiToJ/BPpFUQwX4xhpvA==}
+
+  videojs-font@4.2.0:
+    resolution: {integrity: sha512-YPq+wiKoGy2/M7ccjmlvwi58z2xsykkkfNMyIg4xb7EZQQNwB71hcSsB3o75CqQV7/y5lXkXhI/rsGAS7jfEmQ==}
+
+  videojs-ie8@1.1.2:
+    resolution: {integrity: sha512-0Zb2T4MLkpfZbeGMK/Z93b8Lrepr+rLFoHgQV1CoDeFqXvH7b+Vsd/VHoILGxQrgCSHFQ7mAODR6oyMjuiD4/g==}
+
+  videojs-vtt.js@0.12.6:
+    resolution: {integrity: sha512-XFXeGBQiljnElMhwCcZst0RDbZn2n8LU7ZScXryd3a00OaZsHAjdZu/7/RdSr7Z1jHphd45FnOvOQkGK4YrWCQ==}
+
+  videojs-vtt.js@0.15.5:
+    resolution: {integrity: sha512-yZbBxvA7QMYn15Lr/ZfhhLPrNpI/RmCSCqgIff57GC2gIrV5YfyzLfLyZMj0NnZSAz8syB4N0nHXpZg9MyrMOQ==}
+
   vite-plugin-compression@0.5.1:
     resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==}
     peerDependencies:
@@ -2252,6 +2405,9 @@ packages:
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
+  webwackify@0.1.6:
+    resolution: {integrity: sha512-pGcw1T3HpNnM/UTRQqqRkkkzythSLts05mB+7Gr00B+0VbL0m39dFL5g20rSIEUt9Wrpw+/8k+snxRlUFHhcqA==}
+
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -2281,6 +2437,13 @@ packages:
     resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
     engines: {node: '>=12'}
 
+  xhr@2.4.0:
+    resolution: {integrity: sha512-TUbBsdAuJbX8olk9hsDwGK8P1ri1XlV+PdEWkYw+HQQbpkiBR8PLgD1F3kQDPBs9l4Px34hP9rCYAZOCCAENbw==}
+
+  xtend@4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
+
   zrender@5.6.1:
     resolution: {integrity: sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==}
 
@@ -2296,6 +2459,8 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.2
 
+  '@babel/runtime@7.28.4': {}
+
   '@babel/types@7.28.2':
     dependencies:
       '@babel/helper-string-parser': 7.27.1
@@ -2518,6 +2683,28 @@ snapshots:
 
   '@types/web-bluetooth@0.0.21': {}
 
+  '@videojs/http-streaming@3.17.2(video.js@8.23.4)':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@videojs/vhs-utils': 4.1.1
+      aes-decrypter: 4.0.2
+      global: 4.4.0
+      m3u8-parser: 7.2.0
+      mpd-parser: 1.3.1
+      mux.js: 7.1.0
+      video.js: 8.23.4
+
+  '@videojs/vhs-utils@4.1.1':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      global: 4.4.0
+
+  '@videojs/xhr@2.7.0':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      global: 4.4.0
+      is-function: 1.0.2
+
   '@vitejs/plugin-vue@5.2.4(vite@6.3.5(@types/node@24.3.0)(sass-embedded@1.89.1))(vue@3.5.16)':
     dependencies:
       vite: 6.3.5(@types/node@24.3.0)(sass-embedded@1.89.1)
@@ -2667,10 +2854,23 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
+  '@xmldom/xmldom@0.8.11': {}
+
   abbrev@2.0.0: {}
 
   acorn@8.15.0: {}
 
+  aes-decrypter@1.0.3:
+    dependencies:
+      pkcs7: 0.2.3
+
+  aes-decrypter@4.0.2:
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@videojs/vhs-utils': 4.1.1
+      global: 4.4.0
+      pkcs7: 1.0.4
+
   ansi-regex@2.1.1: {}
 
   ansi-regex@5.0.1: {}
@@ -2730,6 +2930,11 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
+  babel-runtime@6.26.0:
+    dependencies:
+      core-js: 2.6.12
+      regenerator-runtime: 0.11.1
+
   balanced-match@1.0.2: {}
 
   base@0.11.2:
@@ -2870,6 +3075,8 @@ snapshots:
 
   copy-descriptor@0.1.1: {}
 
+  core-js@2.6.12: {}
+
   cors@2.8.5:
     dependencies:
       object-assign: 4.1.1
@@ -2920,7 +3127,7 @@ snapshots:
       es-errors: 1.3.0
       is-data-view: 1.0.2
 
-  dayjs@1.11.14: {}
+  dayjs@1.11.18: {}
 
   debug@2.6.9:
     dependencies:
@@ -2981,6 +3188,8 @@ snapshots:
       domhandler: 4.3.1
       entities: 2.2.0
 
+  dom-walk@0.1.2: {}
+
   domelementtype@1.3.1: {}
 
   domelementtype@2.3.0: {}
@@ -3034,7 +3243,7 @@ snapshots:
       '@types/lodash-es': 4.17.12
       '@vueuse/core': 9.13.0(vue@3.5.16)
       async-validator: 4.2.5
-      dayjs: 1.11.14
+      dayjs: 1.11.18
       escape-html: 1.0.3
       lodash: 4.17.21
       lodash-es: 4.17.21
@@ -3135,6 +3344,8 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
+  es5-shim@4.6.7: {}
+
   esbuild@0.25.9:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.25.9
@@ -3339,6 +3550,16 @@ snapshots:
       package-json-from-dist: 1.0.1
       path-scurry: 1.11.1
 
+  global@4.3.2:
+    dependencies:
+      min-document: 2.19.0
+      process: 0.5.2
+
+  global@4.4.0:
+    dependencies:
+      min-document: 2.19.0
+      process: 0.11.10
+
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1
@@ -3416,6 +3637,8 @@ snapshots:
 
   immutable@5.1.3: {}
 
+  individual@2.0.0: {}
+
   inherits@2.0.4: {}
 
   ini@1.3.8: {}
@@ -3501,6 +3724,8 @@ snapshots:
 
   is-fullwidth-code-point@3.0.0: {}
 
+  is-function@1.0.2: {}
+
   is-generator-function@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -3664,6 +3889,14 @@ snapshots:
 
   lru-cache@10.4.3: {}
 
+  m3u8-parser@2.1.0: {}
+
+  m3u8-parser@7.2.0:
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@videojs/vhs-utils': 4.1.1
+      global: 4.4.0
+
   magic-string@0.26.7:
     dependencies:
       sourcemap-codec: 1.4.8
@@ -3719,6 +3952,10 @@ snapshots:
     dependencies:
       mime-db: 1.52.0
 
+  min-document@2.19.0:
+    dependencies:
+      dom-walk: 0.1.2
+
   minimatch@9.0.1:
     dependencies:
       brace-expansion: 2.0.2
@@ -3745,10 +3982,24 @@ snapshots:
       pkg-types: 1.3.1
       ufo: 1.6.1
 
+  mpd-parser@1.3.1:
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@videojs/vhs-utils': 4.1.1
+      '@xmldom/xmldom': 0.8.11
+      global: 4.4.0
+
   ms@2.0.0: {}
 
   ms@2.1.3: {}
 
+  mux.js@4.3.2: {}
+
+  mux.js@7.1.0:
+    dependencies:
+      '@babel/runtime': 7.28.4
+      global: 4.4.0
+
   nanoid@3.3.11: {}
 
   nanomatch@1.2.13:
@@ -3823,6 +4074,8 @@ snapshots:
 
   parchment@1.1.4: {}
 
+  parse-headers@2.0.6: {}
+
   pascalcase@0.1.1: {}
 
   path-key@3.1.1: {}
@@ -3849,6 +4102,12 @@ snapshots:
       '@vue/devtools-api': 7.7.7
       vue: 3.5.16
 
+  pkcs7@0.2.3: {}
+
+  pkcs7@1.0.4:
+    dependencies:
+      '@babel/runtime': 7.28.4
+
   pkg-types@1.3.1:
     dependencies:
       confbox: 0.1.8
@@ -3905,6 +4164,10 @@ snapshots:
       posthtml-parser: 0.2.1
       posthtml-render: 1.4.0
 
+  process@0.11.10: {}
+
+  process@0.5.2: {}
+
   proto-list@1.2.4: {}
 
   proxy-from-env@1.1.0: {}
@@ -3956,6 +4219,8 @@ snapshots:
       get-proto: 1.0.1
       which-builtin-type: 1.2.1
 
+  regenerator-runtime@0.11.1: {}
+
   regex-not@1.0.2:
     dependencies:
       extend-shallow: 3.0.2
@@ -4012,6 +4277,10 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
+  rust-result@1.0.0:
+    dependencies:
+      individual: 2.0.0
+
   rxjs@7.8.2:
     dependencies:
       tslib: 2.8.1
@@ -4026,6 +4295,10 @@ snapshots:
 
   safe-buffer@5.2.1: {}
 
+  safe-json-parse@4.0.0:
+    dependencies:
+      rust-result: 1.0.0
+
   safe-push-apply@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -4399,6 +4672,8 @@ snapshots:
 
   tslib@2.8.1: {}
 
+  tsml@1.0.1: {}
+
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4
@@ -4515,6 +4790,8 @@ snapshots:
 
   urix@0.1.0: {}
 
+  url-toolkit@2.2.5: {}
+
   use@3.1.1: {}
 
   util-deprecate@1.0.2: {}
@@ -4523,6 +4800,71 @@ snapshots:
 
   vary@1.1.2: {}
 
+  video.js@6.13.0:
+    dependencies:
+      babel-runtime: 6.26.0
+      global: 4.3.2
+      safe-json-parse: 4.0.0
+      tsml: 1.0.1
+      videojs-font: 2.1.0
+      videojs-ie8: 1.1.2
+      videojs-vtt.js: 0.12.6
+      xhr: 2.4.0
+
+  video.js@8.23.4:
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@videojs/http-streaming': 3.17.2(video.js@8.23.4)
+      '@videojs/vhs-utils': 4.1.1
+      '@videojs/xhr': 2.7.0
+      aes-decrypter: 4.0.2
+      global: 4.4.0
+      m3u8-parser: 7.2.0
+      mpd-parser: 1.3.1
+      mux.js: 7.1.0
+      videojs-contrib-quality-levels: 4.1.0(video.js@8.23.4)
+      videojs-font: 4.2.0
+      videojs-vtt.js: 0.15.5
+
+  videojs-contrib-hls@5.15.0:
+    dependencies:
+      aes-decrypter: 1.0.3
+      global: 4.4.0
+      m3u8-parser: 2.1.0
+      mux.js: 4.3.2
+      url-toolkit: 2.2.5
+      video.js: 6.13.0
+      videojs-contrib-media-sources: 4.7.2
+      webwackify: 0.1.6
+
+  videojs-contrib-media-sources@4.7.2:
+    dependencies:
+      global: 4.4.0
+      mux.js: 4.3.2
+      video.js: 6.13.0
+      webwackify: 0.1.6
+
+  videojs-contrib-quality-levels@4.1.0(video.js@8.23.4):
+    dependencies:
+      global: 4.4.0
+      video.js: 8.23.4
+
+  videojs-font@2.1.0: {}
+
+  videojs-font@4.2.0: {}
+
+  videojs-ie8@1.1.2:
+    dependencies:
+      es5-shim: 4.6.7
+
+  videojs-vtt.js@0.12.6:
+    dependencies:
+      global: 4.4.0
+
+  videojs-vtt.js@0.15.5:
+    dependencies:
+      global: 4.4.0
+
   vite-plugin-compression@0.5.1(vite@6.3.5(@types/node@24.3.0)(sass-embedded@1.89.1)):
     dependencies:
       chalk: 4.1.2
@@ -4585,6 +4927,8 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
+  webwackify@0.1.6: {}
+
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -4642,6 +4986,15 @@ snapshots:
       string-width: 5.1.2
       strip-ansi: 7.1.0
 
+  xhr@2.4.0:
+    dependencies:
+      global: 4.3.2
+      is-function: 1.0.2
+      parse-headers: 2.0.6
+      xtend: 4.0.2
+
+  xtend@4.0.2: {}
+
   zrender@5.6.1:
     dependencies:
       tslib: 2.3.0
diff --git a/src/api/system/AppVersionRelease.js b/src/api/system/AppVersionRelease.js
new file mode 100644
index 0000000..5e45d2f
--- /dev/null
+++ b/src/api/system/AppVersionRelease.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询APP版本发布列表
+export function listAppVersionRelease(query) {
+  return request({
+    url: '/system/AppVersionRelease/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询APP版本发布详细
+export function getAppVersionRelease(id) {
+  return request({
+    url: '/system/AppVersionRelease/' + id,
+    method: 'get'
+  })
+}
+
+// 新增APP版本发布
+export function addAppVersionRelease(data) {
+  return request({
+    url: '/system/AppVersionRelease',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改APP版本发布
+export function updateAppVersionRelease(data) {
+  return request({
+    url: '/system/AppVersionRelease',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除APP版本发布
+export function delAppVersionRelease(id) {
+  return request({
+    url: '/system/AppVersionRelease/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/api/system/largeScreen.js b/src/api/system/largeScreen.js
new file mode 100644
index 0000000..16909c1
--- /dev/null
+++ b/src/api/system/largeScreen.js
@@ -0,0 +1,29 @@
+import request from '@/utils/request'
+
+// 部门查询
+export function deptList() {
+  return request({
+    url: '/system/statistics/deptList',
+    method: 'get'
+  })
+}
+
+// 大屏统计
+export function dashboard(data) {
+  return request({
+    url: '/system/statistics/dashboard',
+    method: 'get',
+    data: data,
+    params: data
+  })
+}
+
+// 大屏统计
+export function dailyTable(data) {
+  return request({
+    url: '/system/statistics/dailyTable',
+    method: 'get',
+    data: data,
+    params: data
+  })
+}
diff --git a/src/assets/images/login.png b/src/assets/images/login.png
new file mode 100644
index 0000000..c99d954
Binary files /dev/null and b/src/assets/images/login.png differ
diff --git a/src/assets/images/lower.png b/src/assets/images/lower.png
new file mode 100644
index 0000000..cf2c0b0
Binary files /dev/null and b/src/assets/images/lower.png differ
diff --git a/src/assets/images/upper.png b/src/assets/images/upper.png
new file mode 100644
index 0000000..ee0d8a7
Binary files /dev/null and b/src/assets/images/upper.png differ
diff --git a/src/assets/logo/logo.png b/src/assets/logo/logo.png
index e263760..22b4804 100644
Binary files a/src/assets/logo/logo.png and b/src/assets/logo/logo.png differ
diff --git a/src/assets/logo/logo1.png b/src/assets/logo/logo1.png
new file mode 100644
index 0000000..449671f
Binary files /dev/null and b/src/assets/logo/logo1.png differ
diff --git a/src/assets/logo/pic.png b/src/assets/logo/pic.png
new file mode 100644
index 0000000..f373b4e
Binary files /dev/null and b/src/assets/logo/pic.png differ
diff --git a/src/assets/styles/element-ui.css b/src/assets/styles/element-ui.css
new file mode 100644
index 0000000..2442d6f
--- /dev/null
+++ b/src/assets/styles/element-ui.css
@@ -0,0 +1,77 @@
+
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload input[type="file"] {
+  display: none !important;
+}
+
+.el-upload__input {
+  display: none;
+}
+
+.cell .el-tag {
+  margin-right: 0px;
+}
+
+.small-padding .cell {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.fixed-width .el-button--mini {
+  padding: 7px 10px;
+  width: 60px;
+}
+
+.status-col .cell {
+  padding: 0 10px;
+  text-align: center;
+}
+
+.status-col .cell .el-tag {
+  margin-right: 0px;
+}
+
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+
+.upload-container .el-upload {
+  width: 100%;
+}
+
+.upload-container .el-upload .el-upload-dragger {
+  width: 100%;
+  height: 200px;
+}
+
+.el-dropdown-menu a {
+  display: block;
+}
+
+.el-range-editor.el-input__inner {
+  display: inline-flex !important;
+}
+
+.el-range-separator {
+  box-sizing: content-box;
+}
+
+.el-menu--collapse
+> div
+> .el-submenu
+> .el-submenu__title
+.el-submenu__icon-arrow {
+  display: none;
+}
+
+.el-dropdown .el-dropdown-link {
+  color: var(--el-color-primary) !important;
+}
diff --git a/src/assets/styles/element-ui.css.map b/src/assets/styles/element-ui.css.map
new file mode 100644
index 0000000..f1f35a8
--- /dev/null
+++ b/src/assets/styles/element-ui.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["element-ui.scss","element-ui.css"],"names":[],"mappings":"AACA;EACE,2BAAA;ACAF;;ADKA;;EAEE,2BAAA;ACFF;;ADME;EACE,wBAAA;ACHJ;;ADOA;EACE,aAAA;ACJF;;ADQE;EACE,iBAAA;ACLJ;;ADUE;EACE,iBAAA;EACA,kBAAA;ACPJ;;ADYE;EACE,iBAAA;EACA,WAAA;ACTJ;;ADcE;EACE,eAAA;EACA,kBAAA;ACXJ;ADaI;EACE,iBAAA;ACXN;;ADiBA;EACE,eAAA;EACA,OAAA;EACA,kBAAA;EACA,cAAA;ACdF;;ADmBE;EACE,WAAA;AChBJ;ADkBI;EACE,WAAA;EACA,aAAA;AChBN;;ADuBE;EACE,cAAA;ACpBJ;;ADyBA;EACE,+BAAA;ACtBF;;AD0BA;EACE,uBAAA;ACvBF;;AD0BA;EAKE,aAAA;AC3BF;;AD8BA;EACE,yCAAA;AC3BF","file":"element-ui.css"}
\ No newline at end of file
diff --git a/src/assets/styles/element-ui.min.css b/src/assets/styles/element-ui.min.css
new file mode 100644
index 0000000..c3e3e95
--- /dev/null
+++ b/src/assets/styles/element-ui.min.css
@@ -0,0 +1 @@
+:root{--el-color-primary:#4D7BFF}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:400 !important}.el-upload input[type="file"]{display:none !important}.el-upload__input{display:none}.cell .el-tag{margin-right:0px}.small-padding .cell{padding-left:5px;padding-right:5px}.fixed-width .el-button--mini{padding:7px 10px;width:60px}.status-col .cell{padding:0 10px;text-align:center}.status-col .cell .el-tag{margin-right:0px}.el-dialog{transform:none;left:0;position:relative;margin:0 auto}.upload-container .el-upload{width:100%}.upload-container .el-upload .el-upload-dragger{width:100%;height:200px}.el-dropdown-menu a{display:block}.el-range-editor.el-input__inner{display:inline-flex !important}.el-range-separator{box-sizing:content-box}.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-dropdown .el-dropdown-link{color:var(--el-color-primary) !important}
diff --git a/src/assets/styles/element-ui.min.css.map b/src/assets/styles/element-ui.min.css.map
new file mode 100644
index 0000000..bb0ddc9
--- /dev/null
+++ b/src/assets/styles/element-ui.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["element-ui.scss"],"names":[],"mappings":"AACA,MACE,2BAAA,CAKF,8CAEE,0BAAA,CAIA,4BACE,uBAAA,CAIJ,kBACE,YAAA,CAIA,cACE,gBAAA,CAKF,qBACE,gBAAA,CACA,iBAAA,CAKF,8BACE,gBAAA,CACA,UAAA,CAKF,kBACE,cAAA,CACA,iBAAA,CAEA,0BACE,gBAAA,CAMN,WACE,cAAA,CACA,MAAA,CACA,iBAAA,CACA,aAAA,CAKA,6BACE,UAAA,CAEA,gDACE,UAAA,CACA,YAAA,CAOJ,oBACE,aAAA,CAKJ,iCACE,8BAAA,CAIF,oBACE,sBAAA,CAGF,8EAKE,YAAA,CAGF,+BACE,wCAAA","file":"element-ui.min.css"}
\ No newline at end of file
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 0f175f2..b091cc5 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -1,4 +1,9 @@
 // cover some element-ui styles
+:root {
+  --el-color-primary:#4D7BFF
+}
+
+
 
 .el-breadcrumb__inner,
 .el-breadcrumb__inner a {
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
new file mode 100644
index 0000000..3ef897b
--- /dev/null
+++ b/src/assets/styles/index.css
@@ -0,0 +1,1008 @@
+@charset "UTF-8";
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter-from,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform--move,
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all 0.5s;
+}
+
+.fade-transform-enter-from {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all 0.5s;
+}
+
+.breadcrumb-enter-from,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all 0.5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+
+:root {
+  --el-color-primary:#4D7BFF ;
+}
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload input[type=file] {
+  display: none !important;
+}
+
+.el-upload__input {
+  display: none;
+}
+
+.cell .el-tag {
+  margin-right: 0px;
+}
+
+.small-padding .cell {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.fixed-width .el-button--mini {
+  padding: 7px 10px;
+  width: 60px;
+}
+
+.status-col .cell {
+  padding: 0 10px;
+  text-align: center;
+}
+.status-col .cell .el-tag {
+  margin-right: 0px;
+}
+
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+
+.upload-container .el-upload {
+  width: 100%;
+}
+.upload-container .el-upload .el-upload-dragger {
+  width: 100%;
+  height: 200px;
+}
+
+.el-dropdown-menu a {
+  display: block;
+}
+
+.el-range-editor.el-input__inner {
+  display: inline-flex !important;
+}
+
+.el-range-separator {
+  box-sizing: content-box;
+}
+
+.el-menu--collapse > div > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
+  display: none;
+}
+
+.el-dropdown .el-dropdown-link {
+  color: var(--el-color-primary) !important;
+}
+
+:export {
+  menuText: #bfcbd9;
+  menuActiveText: #409eff;
+  menuBg: #222653;
+  menuHover: #222653;
+  menuLightBg: #ffffff;
+  menuLightHover: #f0f1f5;
+  menuLightText: #303133;
+  menuLightActiveText: #409EFF;
+  sideBarWidth: 200px;
+  blue: #222653;
+  lightBlue: #333c46;
+  red: #C03639;
+  pink: #E65D6E;
+  green: #30B08F;
+  tiffany: #4AB7BD;
+  yellow: #FEC171;
+  panGreen: #30B08F;
+  colorPrimary: #409EFF;
+  colorSuccess: #67C23A;
+  colorWarning: #E6A23C;
+  colorDanger: #F56C6C;
+  colorInfo: #909399;
+}
+
+:root {
+  /* 亮色模式变量 */
+  --sidebar-bg: #304156;
+  --sidebar-text: #bfcbd9;
+  --menu-hover: #263445;
+  --navbar-bg: #ffffff;
+  --navbar-text: #303133;
+  /* splitpanes default-theme 变量 */
+  --splitpanes-default-bg: #ffffff;
+}
+
+html.dark {
+  /* 默认通用 */
+  --el-bg-color: #141414;
+  --el-bg-color-overlay: #1d1e1f;
+  --el-text-color-primary: #ffffff;
+  --el-text-color-regular: #d0d0d0;
+  --el-border-color: #434343;
+  --el-border-color-light: #434343;
+  /* 侧边栏 */
+  --sidebar-bg: #141414;
+  --sidebar-text: #ffffff;
+  --menu-hover: #2d2d2d;
+  --menu-active-text: #409eff;
+  /* 顶部导航栏 */
+  --navbar-bg: #141414;
+  --navbar-text: #ffffff;
+  --navbar-hover: #141414;
+  /* 标签栏 */
+  --tags-bg: #141414;
+  --tags-item-bg: #1d1e1f;
+  --tags-item-border: #303030;
+  --tags-item-text: #d0d0d0;
+  --tags-item-hover: #2d2d2d;
+  --tags-close-hover: #64666a;
+  /* splitpanes 组件暗黑模式变量 */
+  --splitpanes-bg: #141414;
+  --splitpanes-border: #303030;
+  --splitpanes-splitter-bg: #1d1e1f;
+  --splitpanes-splitter-hover-bg: #2d2d2d;
+  /* blockquote 暗黑模式变量 */
+  --blockquote-bg: #1d1e1f;
+  --blockquote-border: #303030;
+  --blockquote-text: #d0d0d0;
+  /* Cron 时间表达式 模式变量 */
+  --cron-border: #303030;
+  /* splitpanes default-theme 暗黑模式变量 */
+  --splitpanes-default-bg: #141414;
+  /* 侧边栏菜单覆盖 */
+  /* 顶部栏栏菜单覆盖 */
+  /* 分割窗格覆盖 */
+  /* 表格样式覆盖 */
+  /* 树组件高亮样式覆盖 */
+  /* 下拉菜单样式覆盖 */
+  /* blockquote样式覆盖 */
+  /* 时间表达式标题样式覆盖 */
+}
+html.dark .sidebar-container .el-menu-item, html.dark .sidebar-container .menu-title {
+  color: var(--el-text-color-regular);
+}
+html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
+  background-color: var(--el-bg-color) !important;
+}
+html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):hover, html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
+  background-color: var(--navbar-hover) !important;
+}
+html.dark .splitpanes {
+  background-color: var(--splitpanes-bg);
+}
+html.dark .splitpanes .splitpanes__pane {
+  background-color: var(--splitpanes-bg);
+  border-color: var(--splitpanes-border);
+}
+html.dark .splitpanes .splitpanes__splitter {
+  background-color: var(--splitpanes-splitter-bg);
+  border-color: var(--splitpanes-border);
+}
+html.dark .splitpanes .splitpanes__splitter:hover {
+  background-color: var(--splitpanes-splitter-hover-bg);
+}
+html.dark .splitpanes .splitpanes__splitter:before, html.dark .splitpanes .splitpanes__splitter:after {
+  background-color: var(--splitpanes-border);
+}
+html.dark .el-table {
+  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
+  --el-table-header-text-color: var(--el-text-color-regular) !important;
+  --el-table-border-color: var(--el-border-color-light) !important;
+  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
+}
+html.dark .el-table .el-table__header-wrapper th, html.dark .el-table .el-table__fixed-header-wrapper th {
+  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
+  color: var(--el-text-color-regular, #515a6e);
+}
+html.dark .el-tree .el-tree-node.is-current > .el-tree-node__content {
+  background-color: var(--el-bg-color-overlay) !important;
+  color: var(--el-color-primary);
+}
+html.dark .el-tree .el-tree-node__content:hover {
+  background-color: var(--el-bg-color-overlay);
+}
+html.dark .el-dropdown-menu__item:not(.is-disabled):focus, html.dark .el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: var(--navbar-hover) !important;
+}
+html.dark blockquote {
+  background-color: var(--blockquote-bg) !important;
+  border-left-color: var(--blockquote-border) !important;
+  color: var(--blockquote-text) !important;
+}
+html.dark .popup-result .title {
+  background: var(--cron-border);
+}
+
+#app .main-container {
+  min-height: 100%;
+  transition: margin-left 0.28s;
+  margin-left: 200px;
+  position: relative;
+}
+#app .sidebarHide {
+  margin-left: 0 !important;
+}
+#app .sidebar-container {
+  transition: width 0.28s;
+  width: 200px !important;
+  height: 100%;
+  position: fixed;
+  font-size: 0px;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1001;
+  overflow: hidden;
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
+}
+#app .sidebar-container .horizontal-collapse-transition {
+  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+}
+#app .sidebar-container .scrollbar-wrapper {
+  overflow-x: hidden !important;
+}
+#app .sidebar-container .el-scrollbar__bar.is-vertical {
+  right: 0px;
+}
+#app .sidebar-container .el-scrollbar {
+  height: 100%;
+}
+#app .sidebar-container.has-logo .el-scrollbar {
+  height: calc(100% - 50px);
+}
+#app .sidebar-container .is-horizontal {
+  display: none;
+}
+#app .sidebar-container a {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+}
+#app .sidebar-container .svg-icon {
+  margin-right: 16px;
+}
+#app .sidebar-container .el-menu {
+  border: none;
+  height: 100%;
+  width: 100% !important;
+}
+#app .sidebar-container .el-menu-item, #app .sidebar-container .menu-title {
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+#app .sidebar-container .el-menu-item .el-menu-tooltip__trigger {
+  display: inline-block !important;
+}
+#app .sidebar-container .sub-menu-title-noDropdown:hover,
+#app .sidebar-container .el-sub-menu__title:hover {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+#app .sidebar-container .theme-dark .is-active > .el-sub-menu__title {
+  color: #f4f4f5 !important;
+}
+#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .el-sub-menu .el-menu-item {
+  min-width: 200px !important;
+}
+#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .el-sub-menu .el-menu-item:hover {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
+  background-color: #1f2d3d;
+}
+#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover {
+  background-color: #001528 !important;
+}
+#app .hideSidebar .sidebar-container {
+  width: 54px !important;
+}
+#app .hideSidebar .main-container {
+  margin-left: 54px;
+}
+#app .hideSidebar .sub-menu-title-noDropdown {
+  padding: 0 !important;
+  position: relative;
+}
+#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip {
+  padding: 0 !important;
+}
+#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon {
+  margin-left: 20px;
+}
+#app .hideSidebar .el-sub-menu {
+  overflow: hidden;
+}
+#app .hideSidebar .el-sub-menu > .el-sub-menu__title {
+  padding: 0 !important;
+}
+#app .hideSidebar .el-sub-menu > .el-sub-menu__title .svg-icon {
+  margin-left: 20px;
+}
+#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > span {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  visibility: hidden;
+  display: inline-block;
+}
+#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > i {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  visibility: hidden;
+  display: inline-block;
+}
+#app .el-menu--collapse .el-menu .el-sub-menu {
+  min-width: 200px !important;
+}
+#app .mobile .main-container {
+  margin-left: 0px;
+}
+#app .mobile .sidebar-container {
+  transition: transform 0.28s;
+  width: 200px !important;
+}
+#app .mobile.hideSidebar .sidebar-container {
+  pointer-events: none;
+  transition-duration: 0.3s;
+  transform: translate3d(-200px, 0, 0);
+}
+#app .withoutAnimation .main-container,
+#app .withoutAnimation .sidebar-container {
+  transition: none;
+}
+
+.el-menu--vertical > .el-menu .svg-icon {
+  margin-right: 16px;
+}
+.el-menu--vertical .nest-menu .el-sub-menu > .el-sub-menu__title:hover,
+.el-menu--vertical .el-menu-item:hover {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+.el-menu--vertical > .el-menu--popup {
+  max-height: 100vh;
+  overflow-y: auto;
+}
+.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
+  background: #d3dce6;
+}
+.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
+  width: 6px;
+}
+.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
+  background: #99a9bf;
+  border-radius: 20px;
+}
+
+.blue-btn {
+  background: #324157;
+}
+.blue-btn:hover {
+  color: #324157;
+}
+.blue-btn:hover:before, .blue-btn:hover:after {
+  background: #324157;
+}
+
+.light-blue-btn {
+  background: #333c46;
+}
+.light-blue-btn:hover {
+  color: #333c46;
+}
+.light-blue-btn:hover:before, .light-blue-btn:hover:after {
+  background: #333c46;
+}
+
+.red-btn {
+  background: #C03639;
+}
+.red-btn:hover {
+  color: #C03639;
+}
+.red-btn:hover:before, .red-btn:hover:after {
+  background: #C03639;
+}
+
+.pink-btn {
+  background: #E65D6E;
+}
+.pink-btn:hover {
+  color: #E65D6E;
+}
+.pink-btn:hover:before, .pink-btn:hover:after {
+  background: #E65D6E;
+}
+
+.green-btn {
+  background: #30B08F;
+}
+.green-btn:hover {
+  color: #30B08F;
+}
+.green-btn:hover:before, .green-btn:hover:after {
+  background: #30B08F;
+}
+
+.tiffany-btn {
+  background: #4AB7BD;
+}
+.tiffany-btn:hover {
+  color: #4AB7BD;
+}
+.tiffany-btn:hover:before, .tiffany-btn:hover:after {
+  background: #4AB7BD;
+}
+
+.yellow-btn {
+  background: #FEC171;
+}
+.yellow-btn:hover {
+  color: #FEC171;
+}
+.yellow-btn:hover:before, .yellow-btn:hover:after {
+  background: #FEC171;
+}
+
+.pan-btn {
+  font-size: 14px;
+  color: #fff;
+  padding: 14px 36px;
+  border-radius: 8px;
+  border: none;
+  outline: none;
+  transition: 600ms ease all;
+  position: relative;
+  display: inline-block;
+}
+.pan-btn:hover {
+  background: #fff;
+}
+.pan-btn:hover:before, .pan-btn:hover:after {
+  width: 100%;
+  transition: 600ms ease all;
+}
+.pan-btn:before, .pan-btn:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 2px;
+  width: 0;
+  transition: 400ms ease all;
+}
+.pan-btn::after {
+  right: inherit;
+  top: inherit;
+  left: 0;
+  bottom: 0;
+}
+
+.custom-button {
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  background: #fff;
+  color: #fff;
+  -webkit-appearance: none;
+  text-align: center;
+  box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  padding: 10px 15px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
+/**
+ * 通用css样式布局处理
+ * Copyright (c) 2019 ruoyi
+ */
+/** 基础通用 **/
+.pt5 {
+  padding-top: 5px;
+}
+
+.pr5 {
+  padding-right: 5px;
+}
+
+.pb5 {
+  padding-bottom: 5px;
+}
+
+.mt5 {
+  margin-top: 5px;
+}
+
+.mr5 {
+  margin-right: 5px;
+}
+
+.mb5 {
+  margin-bottom: 5px;
+}
+
+.mb8 {
+  margin-bottom: 8px;
+}
+
+.ml5 {
+  margin-left: 5px;
+}
+
+.mt10 {
+  margin-top: 10px;
+}
+
+.mr10 {
+  margin-right: 10px;
+}
+
+.mb10 {
+  margin-bottom: 10px;
+}
+
+.ml10 {
+  margin-left: 10px;
+}
+
+.mt20 {
+  margin-top: 20px;
+}
+
+.mr20 {
+  margin-right: 20px;
+}
+
+.mb20 {
+  margin-bottom: 20px;
+}
+
+.ml20 {
+  margin-left: 20px;
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+
+.el-form .el-form-item__label {
+  font-weight: 700;
+}
+
+.el-dialog:not(.is-fullscreen) {
+  margin-top: 6vh !important;
+}
+
+.el-dialog.is-align-center {
+  margin: auto !important;
+}
+
+.el-dialog.scrollbar .el-dialog__body {
+  overflow: auto;
+  overflow-x: hidden;
+  max-height: 70vh;
+  padding: 10px 20px 0;
+}
+
+.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
+  word-break: break-word;
+  background-color: #f8f8f9 !important;
+  color: #515a6e;
+  height: 40px !important;
+  font-size: 13px;
+}
+.el-table .el-table__body-wrapper .el-button [class*=el-icon-] + span {
+  margin-left: 1px;
+}
+
+/** 表单布局 **/
+.form-header {
+  font-size: 15px;
+  color: #6379bb;
+  border-bottom: 1px solid #ddd;
+  margin: 8px 10px 25px 10px;
+  padding-bottom: 5px;
+}
+
+/** 表格布局 **/
+.pagination-container {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 20px;
+  background-color: transparent !important;
+}
+
+/* 弹窗中的分页器 */
+.el-dialog .pagination-container {
+  position: static !important;
+  margin: 10px 0 0 0;
+  padding: 0 !important;
+}
+.el-dialog .pagination-container .el-pagination {
+  position: static;
+}
+
+/* 移动端适配 */
+@media (max-width: 768px) {
+  .pagination-container .el-pagination > .el-pagination__jump {
+    display: none !important;
+  }
+  .pagination-container .el-pagination > .el-pagination__sizes {
+    display: none !important;
+  }
+}
+/* tree border */
+.tree-border {
+  margin-top: 5px;
+  border: 1px solid var(--el-border-color-light, #e5e6e7);
+  background: var(--el-bg-color, #FFFFFF) none;
+  border-radius: 4px;
+  width: 100%;
+}
+
+.el-table .fixed-width .el-button--small {
+  padding-left: 0;
+  padding-right: 0;
+  width: inherit;
+}
+
+/** 表格更多操作下拉样式 */
+.el-table .el-dropdown-link {
+  cursor: pointer;
+  color: #409EFF;
+  margin-left: 10px;
+}
+
+.el-table .el-dropdown, .el-icon-arrow-down {
+  font-size: 12px;
+}
+
+.el-tree-node__content > .el-checkbox {
+  margin-right: 8px;
+}
+
+.list-group-striped > .list-group-item {
+  border-left: 0;
+  border-right: 0;
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.list-group {
+  padding-left: 0px;
+  list-style: none;
+}
+
+.list-group-item {
+  border-bottom: 1px solid #e7eaec;
+  border-top: 1px solid #e7eaec;
+  margin-bottom: -1px;
+  padding: 11px 0px;
+  font-size: 13px;
+}
+
+.pull-right {
+  float: right !important;
+}
+
+.el-card__header {
+  padding: 14px 15px 7px !important;
+  min-height: 40px;
+}
+
+.el-card__body {
+  padding: 15px 20px 20px 20px !important;
+}
+
+.card-box {
+  margin-bottom: 10px;
+}
+
+/* button color */
+.el-button--cyan.is-active,
+.el-button--cyan:active {
+  background: #20B2AA;
+  border-color: #20B2AA;
+  color: #FFFFFF;
+}
+
+.el-button--cyan:focus,
+.el-button--cyan:hover {
+  background: #48D1CC;
+  border-color: #48D1CC;
+  color: #FFFFFF;
+}
+
+.el-button--cyan {
+  background-color: #20B2AA;
+  border-color: #20B2AA;
+  color: #FFFFFF;
+}
+
+/* text color */
+.text-navy {
+  color: #1ab394;
+}
+
+.text-primary {
+  color: inherit;
+}
+
+.text-success {
+  color: #1c84c6;
+}
+
+.text-info {
+  color: #23c6c8;
+}
+
+.text-warning {
+  color: #f8ac59;
+}
+
+.text-danger {
+  color: #ed5565;
+}
+
+.text-muted {
+  color: #888888;
+}
+
+/* image */
+.img-circle {
+  border-radius: 50%;
+}
+
+.img-lg {
+  width: 120px;
+  height: 120px;
+}
+
+.avatar-upload-preview {
+  position: absolute;
+  top: 50%;
+  transform: translate(50%, -50%);
+  width: 200px;
+  height: 200px;
+  border-radius: 50%;
+  box-shadow: 0 0 4px #ccc;
+  overflow: hidden;
+}
+
+/* 拖拽列样式 */
+.sortable-ghost {
+  opacity: 0.8;
+  color: #fff !important;
+  background: #42b983 !important;
+}
+
+/* 表格右侧工具栏样式 */
+.top-right-btn {
+  margin-left: auto;
+}
+
+/* 分割面板样式 */
+.splitpanes.default-theme .splitpanes__pane {
+  background-color: var(--splitpanes-default-bg) !important;
+}
+
+body {
+  height: 100%;
+  margin: 0;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+}
+
+label {
+  font-weight: 700;
+}
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+#app {
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+.no-padding {
+  padding: 0px !important;
+}
+
+.padding-content {
+  padding: 4px 0;
+}
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+div:focus {
+  outline: none;
+}
+
+.fr {
+  float: right;
+}
+
+.fl {
+  float: left;
+}
+
+.pr-5 {
+  padding-right: 5px;
+}
+
+.pl-5 {
+  padding-left: 5px;
+}
+
+.block {
+  display: block;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.inlineBlock {
+  display: block;
+}
+
+.clearfix:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0;
+}
+
+aside {
+  background: #eef1f6;
+  padding: 8px 24px;
+  margin-bottom: 20px;
+  border-radius: 2px;
+  display: block;
+  line-height: 32px;
+  font-size: 16px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  color: #2c3e50;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+aside a {
+  color: #337ab7;
+  cursor: pointer;
+}
+aside a:hover {
+  color: rgb(32, 160, 255);
+}
+
+.app-container {
+  padding: 20px;
+}
+
+.components-container {
+  margin: 30px 50px;
+  position: relative;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.sub-navbar {
+  height: 50px;
+  line-height: 50px;
+  position: relative;
+  width: 100%;
+  text-align: right;
+  padding-right: 20px;
+  transition: 600ms ease position;
+  background: linear-gradient(90deg, rgb(32, 182, 249) 0%, rgb(32, 182, 249) 0%, rgb(33, 120, 241) 100%, rgb(33, 120, 241) 100%);
+}
+.sub-navbar .subtitle {
+  font-size: 20px;
+  color: #fff;
+}
+.sub-navbar.draft {
+  background: #d0d0d0;
+}
+.sub-navbar.deleted {
+  background: #d0d0d0;
+}
+
+.link-type,
+.link-type:focus {
+  color: #337ab7;
+  cursor: pointer;
+}
+.link-type:hover,
+.link-type:focus:hover {
+  color: rgb(32, 160, 255);
+}
+
+.filter-container {
+  padding-bottom: 10px;
+}
+.filter-container .filter-item {
+  display: inline-block;
+  vertical-align: middle;
+  margin-bottom: 10px;
+}
+
+:root {
+  --el-color-primary: #4D7BFF !important;
+}
+/*# sourceMappingURL=index.css.map */
\ No newline at end of file
diff --git a/src/assets/styles/index.css.map b/src/assets/styles/index.css.map
new file mode 100644
index 0000000..4d1ecc8
--- /dev/null
+++ b/src/assets/styles/index.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["index.css","transition.scss","element-ui.scss","variables.module.scss","sidebar.scss","btn.scss","ruoyi.scss","index.scss"],"names":[],"mappings":"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","file":"index.css"}
\ No newline at end of file
diff --git a/src/assets/styles/index.min.css b/src/assets/styles/index.min.css
new file mode 100644
index 0000000..c94c5dc
--- /dev/null
+++ b/src/assets/styles/index.min.css
@@ -0,0 +1,2 @@
+.fade-enter-active,.fade-leave-active{transition:opacity .28s}.fade-enter-from,.fade-leave-active{opacity:0}.fade-transform--move,.fade-transform-leave-active,.fade-transform-enter-active{transition:all .5s}.fade-transform-enter-from{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to{opacity:0;transform:translateX(30px)}.breadcrumb-enter-active,.breadcrumb-leave-active{transition:all .5s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(20px)}.breadcrumb-move{transition:all .5s}.breadcrumb-leave-active{position:absolute}:root{--el-color-primary:#4D7BFF }.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:400 !important}.el-upload input[type=file]{display:none !important}.el-upload__input{display:none}.cell .el-tag{margin-right:0px}.small-padding .cell{padding-left:5px;padding-right:5px}.fixed-width .el-button--mini{padding:7px 10px;width:60px}.status-col .cell{padding:0 10px;text-align:center}.status-col .cell .el-tag{margin-right:0px}.el-dialog{transform:none;left:0;position:relative;margin:0 auto}.upload-container .el-upload{width:100%}.upload-container .el-upload .el-upload-dragger{width:100%;height:200px}.el-dropdown-menu a{display:block}.el-range-editor.el-input__inner{display:inline-flex !important}.el-range-separator{box-sizing:content-box}.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-dropdown .el-dropdown-link{color:var(--el-color-primary) !important}:export{menuText:#bfcbd9;menuActiveText:#409eff;menuBg:#304156;menuHover:#263445;menuLightBg:#fff;menuLightHover:#f0f1f5;menuLightText:#303133;menuLightActiveText:#409eff;sideBarWidth:200px;blue:#324157;lightBlue:#333c46;red:#c03639;pink:#e65d6e;green:#30b08f;tiffany:#4ab7bd;yellow:#fec171;panGreen:#30b08f;colorPrimary:#409eff;colorSuccess:#67c23a;colorWarning:#e6a23c;colorDanger:#f56c6c;colorInfo:#909399}:root{--sidebar-bg: #304156;--sidebar-text: #bfcbd9;--menu-hover: #263445;--navbar-bg: #ffffff;--navbar-text: #303133;--splitpanes-default-bg: #ffffff}html.dark{--el-bg-color: #141414;--el-bg-color-overlay: #1d1e1f;--el-text-color-primary: #ffffff;--el-text-color-regular: #d0d0d0;--el-border-color: #434343;--el-border-color-light: #434343;--sidebar-bg: #141414;--sidebar-text: #ffffff;--menu-hover: #2d2d2d;--menu-active-text: #409eff;--navbar-bg: #141414;--navbar-text: #ffffff;--navbar-hover: #141414;--tags-bg: #141414;--tags-item-bg: #1d1e1f;--tags-item-border: #303030;--tags-item-text: #d0d0d0;--tags-item-hover: #2d2d2d;--tags-close-hover: #64666a;--splitpanes-bg: #141414;--splitpanes-border: #303030;--splitpanes-splitter-bg: #1d1e1f;--splitpanes-splitter-hover-bg: #2d2d2d;--blockquote-bg: #1d1e1f;--blockquote-border: #303030;--blockquote-text: #d0d0d0;--cron-border: #303030;--splitpanes-default-bg: #141414}html.dark .sidebar-container .el-menu-item,html.dark .sidebar-container .menu-title{color:var(--el-text-color-regular)}html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item{background-color:var(--el-bg-color) !important}html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):focus{background-color:var(--navbar-hover) !important}html.dark .splitpanes{background-color:var(--splitpanes-bg)}html.dark .splitpanes .splitpanes__pane{background-color:var(--splitpanes-bg);border-color:var(--splitpanes-border)}html.dark .splitpanes .splitpanes__splitter{background-color:var(--splitpanes-splitter-bg);border-color:var(--splitpanes-border)}html.dark .splitpanes .splitpanes__splitter:hover{background-color:var(--splitpanes-splitter-hover-bg)}html.dark .splitpanes .splitpanes__splitter:before,html.dark .splitpanes .splitpanes__splitter:after{background-color:var(--splitpanes-border)}html.dark .el-table{--el-table-header-bg-color: var(--el-bg-color-overlay) !important;--el-table-header-text-color: var(--el-text-color-regular) !important;--el-table-border-color: var(--el-border-color-light) !important;--el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important}html.dark .el-table .el-table__header-wrapper th,html.dark .el-table .el-table__fixed-header-wrapper th{background-color:var(--el-bg-color-overlay, #f8f8f9) !important;color:var(--el-text-color-regular, #515a6e)}html.dark .el-tree .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-bg-color-overlay) !important;color:var(--el-color-primary)}html.dark .el-tree .el-tree-node__content:hover{background-color:var(--el-bg-color-overlay)}html.dark .el-dropdown-menu__item:not(.is-disabled):focus,html.dark .el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--navbar-hover) !important}html.dark blockquote{background-color:var(--blockquote-bg) !important;border-left-color:var(--blockquote-border) !important;color:var(--blockquote-text) !important}html.dark .popup-result .title{background:var(--cron-border)}#app .main-container{min-height:100%;transition:margin-left .28s;margin-left:200px;position:relative}#app .sidebarHide{margin-left:0 !important}#app .sidebar-container{transition:width .28s;width:200px !important;height:100%;position:fixed;font-size:0px;top:0;bottom:0;left:0;z-index:1001;overflow:hidden;box-shadow:0px 0px 8px 0px rgba(0,0,0,.1)}#app .sidebar-container .horizontal-collapse-transition{transition:0s width ease-in-out,0s padding-left ease-in-out,0s padding-right ease-in-out}#app .sidebar-container .scrollbar-wrapper{overflow-x:hidden !important}#app .sidebar-container .el-scrollbar__bar.is-vertical{right:0px}#app .sidebar-container .el-scrollbar{height:100%}#app .sidebar-container.has-logo .el-scrollbar{height:calc(100% - 50px)}#app .sidebar-container .is-horizontal{display:none}#app .sidebar-container a{display:inline-block;width:100%;overflow:hidden}#app .sidebar-container .svg-icon{margin-right:16px}#app .sidebar-container .el-menu{border:none;height:100%;width:100% !important}#app .sidebar-container .el-menu-item,#app .sidebar-container .menu-title{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}#app .sidebar-container .el-menu-item .el-menu-tooltip__trigger{display:inline-block !important}#app .sidebar-container .sub-menu-title-noDropdown:hover,#app .sidebar-container .el-sub-menu__title:hover{background-color:rgba(0,0,0,.06) !important}#app .sidebar-container .theme-dark .is-active>.el-sub-menu__title{color:#f4f4f5 !important}#app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title,#app .sidebar-container .el-sub-menu .el-menu-item{min-width:200px !important}#app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title:hover,#app .sidebar-container .el-sub-menu .el-menu-item:hover{background-color:rgba(0,0,0,.06) !important}#app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item{background-color:#1f2d3d}#app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title:hover,#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover{background-color:#001528 !important}#app .hideSidebar .sidebar-container{width:54px !important}#app .hideSidebar .main-container{margin-left:54px}#app .hideSidebar .sub-menu-title-noDropdown{padding:0 !important;position:relative}#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip{padding:0 !important}#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon{margin-left:20px}#app .hideSidebar .el-sub-menu{overflow:hidden}#app .hideSidebar .el-sub-menu>.el-sub-menu__title{padding:0 !important}#app .hideSidebar .el-sub-menu>.el-sub-menu__title .svg-icon{margin-left:20px}#app .hideSidebar .el-menu--collapse .el-sub-menu>.el-sub-menu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .hideSidebar .el-menu--collapse .el-sub-menu>.el-sub-menu__title>i{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .el-menu--collapse .el-menu .el-sub-menu{min-width:200px !important}#app .mobile .main-container{margin-left:0px}#app .mobile .sidebar-container{transition:transform .28s;width:200px !important}#app .mobile.hideSidebar .sidebar-container{pointer-events:none;transition-duration:.3s;transform:translate3d(-200px, 0, 0)}#app .withoutAnimation .main-container,#app .withoutAnimation .sidebar-container{transition:none}.el-menu--vertical>.el-menu .svg-icon{margin-right:16px}.el-menu--vertical .nest-menu .el-sub-menu>.el-sub-menu__title:hover,.el-menu--vertical .el-menu-item:hover{background-color:rgba(0,0,0,.06) !important}.el-menu--vertical>.el-menu--popup{max-height:100vh;overflow-y:auto}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece{background:#d3dce6}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar{width:6px}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb{background:#99a9bf;border-radius:20px}.blue-btn{background:#324157}.blue-btn:hover{color:#324157}.blue-btn:hover:before,.blue-btn:hover:after{background:#324157}.light-blue-btn{background:#333c46}.light-blue-btn:hover{color:#333c46}.light-blue-btn:hover:before,.light-blue-btn:hover:after{background:#333c46}.red-btn{background:#c03639}.red-btn:hover{color:#c03639}.red-btn:hover:before,.red-btn:hover:after{background:#c03639}.pink-btn{background:#e65d6e}.pink-btn:hover{color:#e65d6e}.pink-btn:hover:before,.pink-btn:hover:after{background:#e65d6e}.green-btn{background:#30b08f}.green-btn:hover{color:#30b08f}.green-btn:hover:before,.green-btn:hover:after{background:#30b08f}.tiffany-btn{background:#4ab7bd}.tiffany-btn:hover{color:#4ab7bd}.tiffany-btn:hover:before,.tiffany-btn:hover:after{background:#4ab7bd}.yellow-btn{background:#fec171}.yellow-btn:hover{color:#fec171}.yellow-btn:hover:before,.yellow-btn:hover:after{background:#fec171}.pan-btn{font-size:14px;color:#fff;padding:14px 36px;border-radius:8px;border:none;outline:none;transition:600ms ease all;position:relative;display:inline-block}.pan-btn:hover{background:#fff}.pan-btn:hover:before,.pan-btn:hover:after{width:100%;transition:600ms ease all}.pan-btn:before,.pan-btn:after{content:"";position:absolute;top:0;right:0;height:2px;width:0;transition:400ms ease all}.pan-btn::after{right:inherit;top:inherit;left:0;bottom:0}.custom-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;color:#fff;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;padding:10px 15px;font-size:14px;border-radius:4px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.mb8{margin-bottom:8px}.ml5{margin-left:5px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.el-form .el-form-item__label{font-weight:700}.el-dialog:not(.is-fullscreen){margin-top:6vh !important}.el-dialog.is-align-center{margin:auto !important}.el-dialog.scrollbar .el-dialog__body{overflow:auto;overflow-x:hidden;max-height:70vh;padding:10px 20px 0}.el-table .el-table__header-wrapper th,.el-table .el-table__fixed-header-wrapper th{word-break:break-word;background-color:#f8f8f9 !important;color:#515a6e;height:40px !important;font-size:13px}.el-table .el-table__body-wrapper .el-button [class*=el-icon-]+span{margin-left:1px}.form-header{font-size:15px;color:#6379bb;border-bottom:1px solid #ddd;margin:8px 10px 25px 10px;padding-bottom:5px}.pagination-container{display:flex;justify-content:flex-end;margin-top:20px;background-color:rgba(0,0,0,0) !important}.el-dialog .pagination-container{position:static !important;margin:10px 0 0 0;padding:0 !important}.el-dialog .pagination-container .el-pagination{position:static}@media(max-width: 768px){.pagination-container .el-pagination>.el-pagination__jump{display:none !important}.pagination-container .el-pagination>.el-pagination__sizes{display:none !important}}.tree-border{margin-top:5px;border:1px solid var(--el-border-color-light, #e5e6e7);background:var(--el-bg-color, #FFFFFF) none;border-radius:4px;width:100%}.el-table .fixed-width .el-button--small{padding-left:0;padding-right:0;width:inherit}.el-table .el-dropdown-link{cursor:pointer;color:#409eff;margin-left:10px}.el-table .el-dropdown,.el-icon-arrow-down{font-size:12px}.el-tree-node__content>.el-checkbox{margin-right:8px}.list-group-striped>.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.list-group{padding-left:0px;list-style:none}.list-group-item{border-bottom:1px solid #e7eaec;border-top:1px solid #e7eaec;margin-bottom:-1px;padding:11px 0px;font-size:13px}.pull-right{float:right !important}.el-card__header{padding:14px 15px 7px !important;min-height:40px}.el-card__body{padding:15px 20px 20px 20px !important}.card-box{margin-bottom:10px}.el-button--cyan.is-active,.el-button--cyan:active{background:#20b2aa;border-color:#20b2aa;color:#fff}.el-button--cyan:focus,.el-button--cyan:hover{background:#48d1cc;border-color:#48d1cc;color:#fff}.el-button--cyan{background-color:#20b2aa;border-color:#20b2aa;color:#fff}.text-navy{color:#1ab394}.text-primary{color:inherit}.text-success{color:#1c84c6}.text-info{color:#23c6c8}.text-warning{color:#f8ac59}.text-danger{color:#ed5565}.text-muted{color:#888}.img-circle{border-radius:50%}.img-lg{width:120px;height:120px}.avatar-upload-preview{position:absolute;top:50%;transform:translate(50%, -50%);width:200px;height:200px;border-radius:50%;box-shadow:0 0 4px #ccc;overflow:hidden}.sortable-ghost{opacity:.8;color:#fff !important;background:#42b983 !important}.top-right-btn{margin-left:auto}.splitpanes.default-theme .splitpanes__pane{background-color:var(--splitpanes-default-bg) !important}body{height:100%;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}label{font-weight:700}html{height:100%;box-sizing:border-box}#app{height:100%}*,*:before,*:after{box-sizing:inherit}.no-padding{padding:0px !important}.padding-content{padding:4px 0}a:focus,a:active{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}.fr{float:right}.fl{float:left}.pr-5{padding-right:5px}.pl-5{padding-left:5px}.block{display:block}.pointer{cursor:pointer}.inlineBlock{display:block}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}aside{background:#eef1f6;padding:8px 24px;margin-bottom:20px;border-radius:2px;display:block;line-height:32px;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;color:#2c3e50;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}aside a{color:#337ab7;cursor:pointer}aside a:hover{color:#20a0ff}.app-container{padding:20px}.components-container{margin:30px 50px;position:relative}.text-center{text-align:center}.sub-navbar{height:50px;line-height:50px;position:relative;width:100%;text-align:right;padding-right:20px;transition:600ms ease position;background:linear-gradient(90deg, rgb(32, 182, 249) 0%, rgb(32, 182, 249) 0%, rgb(33, 120, 241) 100%, rgb(33, 120, 241) 100%)}.sub-navbar .subtitle{font-size:20px;color:#fff}.sub-navbar.draft{background:#d0d0d0}.sub-navbar.deleted{background:#d0d0d0}.link-type,.link-type:focus{color:#337ab7;cursor:pointer}.link-type:hover,.link-type:focus:hover{color:#20a0ff}.filter-container{padding-bottom:10px}.filter-container .filter-item{display:inline-block;vertical-align:middle;margin-bottom:10px}:root{--el-color-primary: #4D7BFF !important}
+/*# sourceMappingURL=index.min.css.map */
\ No newline at end of file
diff --git a/src/assets/styles/index.min.css.map b/src/assets/styles/index.min.css.map
new file mode 100644
index 0000000..ff85589
--- /dev/null
+++ b/src/assets/styles/index.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["transition.scss","element-ui.scss","variables.module.scss","sidebar.scss","btn.scss","ruoyi.scss","index.scss"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 87898e6..be8e9ae 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -177,3 +177,10 @@ aside {
     margin-bottom: 10px;
   }
 }
+
+
+:root {
+--el-color-primary: #4D7BFF !important;
+
+
+}
\ No newline at end of file
diff --git a/src/assets/styles/ruoyi.css b/src/assets/styles/ruoyi.css
index 3bced23..e1a6e8d 100644
--- a/src/assets/styles/ruoyi.css
+++ b/src/assets/styles/ruoyi.css
@@ -296,4 +296,22 @@
 .splitpanes.default-theme .splitpanes__pane {
   background-color: var(--splitpanes-default-bg) !important;
 }
+
+.el-dialog__header {
+  background: #F6F6F6;
+  padding: 10px 15px;
+  border-radius: 5px;
+}
+.el-dialog__header .el-dialog__title {
+  font-size: 16px;
+}
+
+.el-dialog {
+  padding: 0px;
+  padding-bottom: 15px;
+}
+
+.el-dialog__body {
+  padding: 15px 25px;
+}
 /*# sourceMappingURL=ruoyi.css.map */
\ No newline at end of file
diff --git a/src/assets/styles/ruoyi.css.map b/src/assets/styles/ruoyi.css.map
index c26c165..94ac97b 100644
--- a/src/assets/styles/ruoyi.css.map
+++ b/src/assets/styles/ruoyi.css.map
@@ -1 +1 @@
-{"version":3,"sources":["ruoyi.css","ruoyi.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;;EAAA;AAKA,WAAA;AACA;EACE,gBAAA;ADCF;;ACCA;EACE,kBAAA;ADEF;;ACAA;EACE,mBAAA;ADGF;;ACDA;EACE,eAAA;ADIF;;ACFA;EACE,iBAAA;ADKF;;ACHA;EACE,kBAAA;ADMF;;ACJA;EACE,kBAAA;ADOF;;ACLA;EACE,gBAAA;ADQF;;ACNA;EACE,gBAAA;ADSF;;ACPA;EACE,kBAAA;ADUF;;ACRA;EACE,mBAAA;ADWF;;ACTA;EACE,iBAAA;ADYF;;ACVA;EACE,gBAAA;ADaF;;ACXA;EACE,kBAAA;ADcF;;ACZA;EACE,mBAAA;ADeF;;ACbA;EACE,iBAAA;ADgBF;;ACbA;EACE,oBAAA;EACA,gBAAA;EACA,gBAAA;EACA,cAAA;ADgBF;;ACbA;EACE,gBAAA;ADgBF;;ACdA;EACE,0BAAA;ADiBF;;ACfA;EACE,uBAAA;ADkBF;;ACfA;EACE,cAAA;EACA,kBAAA;EACA,gBAAA;EACA,oBAAA;ADkBF;;ACbI;EACE,sBAAA;EACA,oCAAA;EACA,cAAA;EACA,uBAAA;EACA,eAAA;ADgBN;ACZI;EACE,gBAAA;ADcN;;ACTA,WAAA;AACA;EACE,eAAA;EACA,cAAA;EACA,6BAAA;EACA,0BAAA;EACA,mBAAA;ADYF;;ACTA,WAAA;AACA;EACE,aAAA;EACA,yBAAA;EACA,gBAAA;EACA,wCAAA;ADYF;;ACTA,YAAA;AACA;EACE,2BAAA;EACA,kBAAA;EACA,qBAAA;ADYF;ACVE;EACE,gBAAA;ADYJ;;ACRA,UAAA;AACA;EAGM;IACE,wBAAA;EDSN;ECPI;IACE,wBAAA;EDSN;AACF;ACJA,gBAAA;AACA;EACE,eAAA;EACA,uDAAA;EACA,4CAAA;EACA,kBAAA;EACA,WAAA;ADMF;;ACHA;EACE,eAAA;EACA,gBAAA;EACA,cAAA;ADMF;;ACHA,gBAAA;AACA;EACE,eAAA;EACA,cAAA;EACA,iBAAA;ADMF;;ACHA;EACE,eAAA;ADMF;;ACHA;EACE,iBAAA;ADMF;;ACHA;EACE,cAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;ADMF;;ACHA;EACE,iBAAA;EACA,gBAAA;ADMF;;ACHA;EACE,gCAAA;EACA,6BAAA;EACA,mBAAA;EACA,iBAAA;EACA,eAAA;ADMF;;ACHA;EACE,uBAAA;ADMF;;ACHA;EACE,iCAAA;EACA,gBAAA;ADMF;;ACHA;EACE,uCAAA;ADMF;;ACHA;EACE,mBAAA;ADMF;;ACHA,iBAAA;AACA;;EAEE,mBAAA;EACA,qBAAA;EACA,cAAA;ADMF;;ACHA;;EAEE,mBAAA;EACA,qBAAA;EACA,cAAA;ADMF;;ACHA;EACE,yBAAA;EACA,qBAAA;EACA,cAAA;ADMF;;ACHA,eAAA;AACA;EACE,cAAA;ADMF;;ACHA;EACE,cAAA;ADMF;;ACHA;EACE,cAAA;ADMF;;ACHA;EACE,cAAA;ADMF;;ACHA;EACE,cAAA;ADMF;;ACHA;EACE,cAAA;ADMF;;ACHA;EACE,cAAA;ADMF;;ACHA,UAAA;AACA;EACE,kBAAA;ADMF;;ACHA;EACE,YAAA;EACA,aAAA;ADMF;;ACHA;EACE,kBAAA;EACA,QAAA;EACA,+BAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,wBAAA;EACA,gBAAA;ADMF;;ACHA,UAAA;AACA;EACE,YAAA;EACA,sBAAA;EACA,8BAAA;ADMF;;ACHA,cAAA;AACA;EACE,iBAAA;ADMF;;ACHA,WAAA;AACA;EACE,yDAAA;ADMF","file":"ruoyi.css"}
\ No newline at end of file
+{"version":3,"sources":["ruoyi.css","ruoyi.scss"],"names":[],"mappings":"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","file":"ruoyi.css"}
\ No newline at end of file
diff --git a/src/assets/styles/ruoyi.min.css b/src/assets/styles/ruoyi.min.css
index 09262ec..5a3ea0e 100644
--- a/src/assets/styles/ruoyi.min.css
+++ b/src/assets/styles/ruoyi.min.css
@@ -1,2 +1,2 @@
-.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.mb8{margin-bottom:8px}.ml5{margin-left:5px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.el-form .el-form-item__label{font-weight:700}.el-dialog:not(.is-fullscreen){margin-top:6vh !important}.el-dialog.is-align-center{margin:auto !important}.el-dialog.scrollbar .el-dialog__body{overflow:auto;overflow-x:hidden;max-height:70vh;padding:10px 20px 0}.el-table .el-table__header-wrapper th,.el-table .el-table__fixed-header-wrapper th{word-break:break-word;background-color:#f8f8f9 !important;color:#515a6e;height:40px !important;font-size:13px}.el-table .el-table__body-wrapper .el-button [class*=el-icon-]+span{margin-left:1px}.form-header{font-size:15px;color:#6379bb;border-bottom:1px solid #ddd;margin:8px 10px 25px 10px;padding-bottom:5px}.pagination-container{display:flex;justify-content:flex-end;margin-top:20px;background-color:rgba(0,0,0,0) !important}.el-dialog .pagination-container{position:static !important;margin:10px 0 0 0;padding:0 !important}.el-dialog .pagination-container .el-pagination{position:static}@media(max-width: 768px){.pagination-container .el-pagination>.el-pagination__jump{display:none !important}.pagination-container .el-pagination>.el-pagination__sizes{display:none !important}}.tree-border{margin-top:5px;border:1px solid var(--el-border-color-light, #e5e6e7);background:var(--el-bg-color, #FFFFFF) none;border-radius:4px;width:100%}.el-table .fixed-width .el-button--small{padding-left:0;padding-right:0;width:inherit}.el-table .el-dropdown-link{cursor:pointer;color:#409eff;margin-left:10px}.el-table .el-dropdown,.el-icon-arrow-down{font-size:12px}.el-tree-node__content>.el-checkbox{margin-right:8px}.list-group-striped>.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.list-group{padding-left:0px;list-style:none}.list-group-item{border-bottom:1px solid #e7eaec;border-top:1px solid #e7eaec;margin-bottom:-1px;padding:11px 0px;font-size:13px}.pull-right{float:right !important}.el-card__header{padding:14px 15px 7px !important;min-height:40px}.el-card__body{padding:15px 20px 20px 20px !important}.card-box{margin-bottom:10px}.el-button--cyan.is-active,.el-button--cyan:active{background:#20b2aa;border-color:#20b2aa;color:#fff}.el-button--cyan:focus,.el-button--cyan:hover{background:#48d1cc;border-color:#48d1cc;color:#fff}.el-button--cyan{background-color:#20b2aa;border-color:#20b2aa;color:#fff}.text-navy{color:#1ab394}.text-primary{color:inherit}.text-success{color:#1c84c6}.text-info{color:#23c6c8}.text-warning{color:#f8ac59}.text-danger{color:#ed5565}.text-muted{color:#888}.img-circle{border-radius:50%}.img-lg{width:120px;height:120px}.avatar-upload-preview{position:absolute;top:50%;transform:translate(50%, -50%);width:200px;height:200px;border-radius:50%;box-shadow:0 0 4px #ccc;overflow:hidden}.sortable-ghost{opacity:.8;color:#fff !important;background:#42b983 !important}.top-right-btn{margin-left:auto}.splitpanes.default-theme .splitpanes__pane{background-color:var(--splitpanes-default-bg) !important}
+.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.mb8{margin-bottom:8px}.ml5{margin-left:5px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.el-form .el-form-item__label{font-weight:700}.el-dialog:not(.is-fullscreen){margin-top:6vh !important}.el-dialog.is-align-center{margin:auto !important}.el-dialog.scrollbar .el-dialog__body{overflow:auto;overflow-x:hidden;max-height:70vh;padding:10px 20px 0}.el-table .el-table__header-wrapper th,.el-table .el-table__fixed-header-wrapper th{word-break:break-word;background-color:#f8f8f9 !important;color:#515a6e;height:40px !important;font-size:13px}.el-table .el-table__body-wrapper .el-button [class*=el-icon-]+span{margin-left:1px}.form-header{font-size:15px;color:#6379bb;border-bottom:1px solid #ddd;margin:8px 10px 25px 10px;padding-bottom:5px}.pagination-container{display:flex;justify-content:flex-end;margin-top:20px;background-color:rgba(0,0,0,0) !important}.el-dialog .pagination-container{position:static !important;margin:10px 0 0 0;padding:0 !important}.el-dialog .pagination-container .el-pagination{position:static}@media(max-width: 768px){.pagination-container .el-pagination>.el-pagination__jump{display:none !important}.pagination-container .el-pagination>.el-pagination__sizes{display:none !important}}.tree-border{margin-top:5px;border:1px solid var(--el-border-color-light, #e5e6e7);background:var(--el-bg-color, #FFFFFF) none;border-radius:4px;width:100%}.el-table .fixed-width .el-button--small{padding-left:0;padding-right:0;width:inherit}.el-table .el-dropdown-link{cursor:pointer;color:#409eff;margin-left:10px}.el-table .el-dropdown,.el-icon-arrow-down{font-size:12px}.el-tree-node__content>.el-checkbox{margin-right:8px}.list-group-striped>.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.list-group{padding-left:0px;list-style:none}.list-group-item{border-bottom:1px solid #e7eaec;border-top:1px solid #e7eaec;margin-bottom:-1px;padding:11px 0px;font-size:13px}.pull-right{float:right !important}.el-card__header{padding:14px 15px 7px !important;min-height:40px}.el-card__body{padding:15px 20px 20px 20px !important}.card-box{margin-bottom:10px}.el-button--cyan.is-active,.el-button--cyan:active{background:#20b2aa;border-color:#20b2aa;color:#fff}.el-button--cyan:focus,.el-button--cyan:hover{background:#48d1cc;border-color:#48d1cc;color:#fff}.el-button--cyan{background-color:#20b2aa;border-color:#20b2aa;color:#fff}.text-navy{color:#1ab394}.text-primary{color:inherit}.text-success{color:#1c84c6}.text-info{color:#23c6c8}.text-warning{color:#f8ac59}.text-danger{color:#ed5565}.text-muted{color:#888}.img-circle{border-radius:50%}.img-lg{width:120px;height:120px}.avatar-upload-preview{position:absolute;top:50%;transform:translate(50%, -50%);width:200px;height:200px;border-radius:50%;box-shadow:0 0 4px #ccc;overflow:hidden}.sortable-ghost{opacity:.8;color:#fff !important;background:#42b983 !important}.top-right-btn{margin-left:auto}.splitpanes.default-theme .splitpanes__pane{background-color:var(--splitpanes-default-bg) !important}.el-dialog__header{background:#f6f6f6;padding:10px 15px;border-radius:5px}.el-dialog__header .el-dialog__title{font-size:16px}.el-dialog{padding:0px;padding-bottom:15px}.el-dialog__body{padding:15px 25px}
 /*# sourceMappingURL=ruoyi.min.css.map */
\ No newline at end of file
diff --git a/src/assets/styles/ruoyi.min.css.map b/src/assets/styles/ruoyi.min.css.map
index 756069d..0b818c4 100644
--- a/src/assets/styles/ruoyi.min.css.map
+++ b/src/assets/styles/ruoyi.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["ruoyi.scss"],"names":[],"mappings":"AAMA,KACE,eAAA,CAEF,KACE,iBAAA,CAEF,KACE,kBAAA,CAEF,KACE,cAAA,CAEF,KACE,gBAAA,CAEF,KACE,iBAAA,CAEF,KACE,iBAAA,CAEF,KACE,eAAA,CAEF,MACE,eAAA,CAEF,MACE,iBAAA,CAEF,MACE,kBAAA,CAEF,MACE,gBAAA,CAEF,MACE,eAAA,CAEF,MACE,iBAAA,CAEF,MACE,kBAAA,CAEF,MACE,gBAAA,CAGF,0CACE,mBAAA,CACA,eAAA,CACA,eAAA,CACA,aAAA,CAGF,8BACE,eAAA,CAEF,+BACE,yBAAA,CAEF,2BACE,sBAAA,CAGF,sCACE,aAAA,CACA,iBAAA,CACA,eAAA,CACA,mBAAA,CAKE,oFACE,qBAAA,CACA,mCAAA,CACA,aAAA,CACA,sBAAA,CACA,cAAA,CAIF,oEACE,eAAA,CAMN,aACE,cAAA,CACA,aAAA,CACA,4BAAA,CACA,yBAAA,CACA,kBAAA,CAIF,sBACE,YAAA,CACA,wBAAA,CACA,eAAA,CACA,yCAAA,CAIF,iCACE,0BAAA,CACA,iBAAA,CACA,oBAAA,CAEA,gDACE,eAAA,CAKJ,yBAGM,0DACE,uBAAA,CAEF,2DACE,uBAAA,CAAA,CAOR,aACE,cAAA,CACA,sDAAA,CACA,2CAAA,CACA,iBAAA,CACA,UAAA,CAGF,yCACE,cAAA,CACA,eAAA,CACA,aAAA,CAIF,4BACE,cAAA,CACA,aAAA,CACA,gBAAA,CAGF,2CACE,cAAA,CAGF,oCACE,gBAAA,CAGF,qCACE,aAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CAGF,YACE,gBAAA,CACA,eAAA,CAGF,iBACE,+BAAA,CACA,4BAAA,CACA,kBAAA,CACA,gBAAA,CACA,cAAA,CAGF,YACE,sBAAA,CAGF,iBACE,gCAAA,CACA,eAAA,CAGF,eACE,sCAAA,CAGF,UACE,kBAAA,CAIF,mDAEE,kBAAA,CACA,oBAAA,CACA,UAAA,CAGF,8CAEE,kBAAA,CACA,oBAAA,CACA,UAAA,CAGF,iBACE,wBAAA,CACA,oBAAA,CACA,UAAA,CAIF,WACE,aAAA,CAGF,cACE,aAAA,CAGF,cACE,aAAA,CAGF,WACE,aAAA,CAGF,cACE,aAAA,CAGF,aACE,aAAA,CAGF,YACE,UAAA,CAIF,YACE,iBAAA,CAGF,QACE,WAAA,CACA,YAAA,CAGF,uBACE,iBAAA,CACA,OAAA,CACA,8BAAA,CACA,WAAA,CACA,YAAA,CACA,iBAAA,CACA,uBAAA,CACA,eAAA,CAIF,gBACE,UAAA,CACA,qBAAA,CACA,6BAAA,CAIF,eACE,gBAAA,CAIF,4CACE,wDAAA","file":"ruoyi.min.css"}
\ No newline at end of file
+{"version":3,"sources":["ruoyi.scss"],"names":[],"mappings":"AAMA,KACE,eAAA,CAEF,KACE,iBAAA,CAEF,KACE,kBAAA,CAEF,KACE,cAAA,CAEF,KACE,gBAAA,CAEF,KACE,iBAAA,CAEF,KACE,iBAAA,CAEF,KACE,eAAA,CAEF,MACE,eAAA,CAEF,MACE,iBAAA,CAEF,MACE,kBAAA,CAEF,MACE,gBAAA,CAEF,MACE,eAAA,CAEF,MACE,iBAAA,CAEF,MACE,kBAAA,CAEF,MACE,gBAAA,CAGF,0CACE,mBAAA,CACA,eAAA,CACA,eAAA,CACA,aAAA,CAGF,8BACE,eAAA,CAEF,+BACE,yBAAA,CAEF,2BACE,sBAAA,CAGF,sCACE,aAAA,CACA,iBAAA,CACA,eAAA,CACA,mBAAA,CAKE,oFACE,qBAAA,CACA,mCAAA,CACA,aAAA,CACA,sBAAA,CACA,cAAA,CAIF,oEACE,eAAA,CAMN,aACE,cAAA,CACA,aAAA,CACA,4BAAA,CACA,yBAAA,CACA,kBAAA,CAIF,sBACE,YAAA,CACA,wBAAA,CACA,eAAA,CACA,yCAAA,CAIF,iCACE,0BAAA,CACA,iBAAA,CACA,oBAAA,CAEA,gDACE,eAAA,CAKJ,yBAGM,0DACE,uBAAA,CAEF,2DACE,uBAAA,CAAA,CAOR,aACE,cAAA,CACA,sDAAA,CACA,2CAAA,CACA,iBAAA,CACA,UAAA,CAGF,yCACE,cAAA,CACA,eAAA,CACA,aAAA,CAIF,4BACE,cAAA,CACA,aAAA,CACA,gBAAA,CAGF,2CACE,cAAA,CAGF,oCACE,gBAAA,CAGF,qCACE,aAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CAGF,YACE,gBAAA,CACA,eAAA,CAGF,iBACE,+BAAA,CACA,4BAAA,CACA,kBAAA,CACA,gBAAA,CACA,cAAA,CAGF,YACE,sBAAA,CAGF,iBACE,gCAAA,CACA,eAAA,CAGF,eACE,sCAAA,CAGF,UACE,kBAAA,CAIF,mDAEE,kBAAA,CACA,oBAAA,CACA,UAAA,CAGF,8CAEE,kBAAA,CACA,oBAAA,CACA,UAAA,CAGF,iBACE,wBAAA,CACA,oBAAA,CACA,UAAA,CAIF,WACE,aAAA,CAGF,cACE,aAAA,CAGF,cACE,aAAA,CAGF,WACE,aAAA,CAGF,cACE,aAAA,CAGF,aACE,aAAA,CAGF,YACE,UAAA,CAIF,YACE,iBAAA,CAGF,QACE,WAAA,CACA,YAAA,CAGF,uBACE,iBAAA,CACA,OAAA,CACA,8BAAA,CACA,WAAA,CACA,YAAA,CACA,iBAAA,CACA,uBAAA,CACA,eAAA,CAIF,gBACE,UAAA,CACA,qBAAA,CACA,6BAAA,CAIF,eACE,gBAAA,CAIF,4CACE,wDAAA,CAEF,mBACC,kBAAA,CACA,iBAAA,CACA,iBAAA,CACA,qCACC,cAAA,CAGF,WACE,WAAA,CACA,mBAAA,CAEF,iBACE,iBAAA","file":"ruoyi.min.css"}
\ No newline at end of file
diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss
index f039894..73290e4 100644
--- a/src/assets/styles/ruoyi.scss
+++ b/src/assets/styles/ruoyi.scss
@@ -291,3 +291,18 @@
 .splitpanes.default-theme .splitpanes__pane {
   background-color: var(--splitpanes-default-bg) !important;
 }
+.el-dialog__header{
+ background: #F6F6F6;
+ padding:10px 15px;
+ border-radius: 5px;
+ .el-dialog__title{
+  font-size: 16px;
+ }
+}
+.el-dialog{
+  padding: 0px;
+  padding-bottom: 15px;
+}
+.el-dialog__body{
+  padding: 15px 25px;
+}
\ No newline at end of file
diff --git a/src/assets/styles/sidebar.css b/src/assets/styles/sidebar.css
new file mode 100644
index 0000000..13b71f9
--- /dev/null
+++ b/src/assets/styles/sidebar.css
@@ -0,0 +1,299 @@
+@charset "UTF-8";
+:export {
+  menuText: #bfcbd9;
+  menuActiveText: #409eff;
+  menuBg: #222653;
+  menuHover: #222653;
+  menuLightBg: #ffffff;
+  menuLightHover: #f0f1f5;
+  menuLightText: #303133;
+  menuLightActiveText: #409EFF;
+  sideBarWidth: 200px;
+  blue: #324157;
+  lightBlue: #333c46;
+  red: #C03639;
+  pink: #E65D6E;
+  green: #30B08F;
+  tiffany: #4AB7BD;
+  yellow: #FEC171;
+  panGreen: #30B08F;
+  colorPrimary: #409EFF;
+  colorSuccess: #67C23A;
+  colorWarning: #E6A23C;
+  colorDanger: #F56C6C;
+  colorInfo: #909399;
+}
+
+:root {
+  /* 亮色模式变量 */
+  --sidebar-bg: #222653;
+  --sidebar-text: #bfcbd9;
+  --menu-hover: #222653;
+  --navbar-bg: #ffffff;
+  --navbar-text: #303133;
+  /* splitpanes default-theme 变量 */
+  --splitpanes-default-bg: #ffffff;
+}
+
+html.dark {
+  /* 默认通用 */
+  --el-bg-color: #141414;
+  --el-bg-color-overlay: #1d1e1f;
+  --el-text-color-primary: #ffffff;
+  --el-text-color-regular: #d0d0d0;
+  --el-border-color: #434343;
+  --el-border-color-light: #434343;
+  /* 侧边栏 */
+  --sidebar-bg: #141414;
+  --sidebar-text: #ffffff;
+  --menu-hover: #2d2d2d;
+  --menu-active-text: #409eff;
+  /* 顶部导航栏 */
+  --navbar-bg: #141414;
+  --navbar-text: #ffffff;
+  --navbar-hover: #141414;
+  /* 标签栏 */
+  --tags-bg: #141414;
+  --tags-item-bg: #1d1e1f;
+  --tags-item-border: #303030;
+  --tags-item-text: #d0d0d0;
+  --tags-item-hover: #2d2d2d;
+  --tags-close-hover: #64666a;
+  /* splitpanes 组件暗黑模式变量 */
+  --splitpanes-bg: #141414;
+  --splitpanes-border: #303030;
+  --splitpanes-splitter-bg: #1d1e1f;
+  --splitpanes-splitter-hover-bg: #2d2d2d;
+  /* blockquote 暗黑模式变量 */
+  --blockquote-bg: #1d1e1f;
+  --blockquote-border: #303030;
+  --blockquote-text: #d0d0d0;
+  /* Cron 时间表达式 模式变量 */
+  --cron-border: #303030;
+  /* splitpanes default-theme 暗黑模式变量 */
+  --splitpanes-default-bg: #141414;
+  /* 侧边栏菜单覆盖 */
+  /* 顶部栏栏菜单覆盖 */
+  /* 分割窗格覆盖 */
+  /* 表格样式覆盖 */
+  /* 树组件高亮样式覆盖 */
+  /* 下拉菜单样式覆盖 */
+  /* blockquote样式覆盖 */
+  /* 时间表达式标题样式覆盖 */
+}
+html.dark .sidebar-container .el-menu-item, html.dark .sidebar-container .menu-title {
+  color: var(--el-text-color-regular);
+}
+html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
+  background-color: var(--el-bg-color) !important;
+}
+html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):hover, html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
+  background-color: var(--navbar-hover) !important;
+}
+html.dark .splitpanes {
+  background-color: var(--splitpanes-bg);
+}
+html.dark .splitpanes .splitpanes__pane {
+  background-color: var(--splitpanes-bg);
+  border-color: var(--splitpanes-border);
+}
+html.dark .splitpanes .splitpanes__splitter {
+  background-color: var(--splitpanes-splitter-bg);
+  border-color: var(--splitpanes-border);
+}
+html.dark .splitpanes .splitpanes__splitter:hover {
+  background-color: var(--splitpanes-splitter-hover-bg);
+}
+html.dark .splitpanes .splitpanes__splitter:before, html.dark .splitpanes .splitpanes__splitter:after {
+  background-color: var(--splitpanes-border);
+}
+html.dark .el-table {
+  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
+  --el-table-header-text-color: var(--el-text-color-regular) !important;
+  --el-table-border-color: var(--el-border-color-light) !important;
+  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
+}
+html.dark .el-table .el-table__header-wrapper th, html.dark .el-table .el-table__fixed-header-wrapper th {
+  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
+  color: var(--el-text-color-regular, #515a6e);
+}
+html.dark .el-tree .el-tree-node.is-current > .el-tree-node__content {
+  background-color: var(--el-bg-color-overlay) !important;
+  color: var(--el-color-primary);
+}
+html.dark .el-tree .el-tree-node__content:hover {
+  background-color: var(--el-bg-color-overlay);
+}
+html.dark .el-dropdown-menu__item:not(.is-disabled):focus, html.dark .el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: var(--navbar-hover) !important;
+}
+html.dark blockquote {
+  background-color: var(--blockquote-bg) !important;
+  border-left-color: var(--blockquote-border) !important;
+  color: var(--blockquote-text) !important;
+}
+html.dark .popup-result .title {
+  background: var(--cron-border);
+}
+
+#app .main-container {
+  min-height: 100%;
+  transition: margin-left 0.28s;
+  margin-left: 200px;
+  position: relative;
+}
+#app .sidebarHide {
+  margin-left: 0 !important;
+}
+#app .sidebar-container {
+  transition: width 0.28s;
+  width: 200px !important;
+  height: 100%;
+  position: fixed;
+  font-size: 0px;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1001;
+  overflow: hidden;
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
+}
+#app .sidebar-container .horizontal-collapse-transition {
+  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+}
+#app .sidebar-container .scrollbar-wrapper {
+  overflow-x: hidden !important;
+}
+#app .sidebar-container .el-scrollbar__bar.is-vertical {
+  right: 0px;
+}
+#app .sidebar-container .el-scrollbar {
+  height: 100%;
+}
+#app .sidebar-container.has-logo .el-scrollbar {
+  height: calc(100% - 50px);
+}
+#app .sidebar-container .is-horizontal {
+  display: none;
+}
+#app .sidebar-container a {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+}
+#app .sidebar-container .svg-icon {
+  margin-right: 16px;
+}
+#app .sidebar-container .el-menu {
+  border: none;
+  height: 100%;
+  width: 100% !important;
+}
+#app .sidebar-container .el-menu-item, #app .sidebar-container .menu-title {
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+#app .sidebar-container .el-menu-item .el-menu-tooltip__trigger {
+  display: inline-block !important;
+}
+#app .sidebar-container .sub-menu-title-noDropdown:hover,
+#app .sidebar-container .el-sub-menu__title:hover {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+#app .sidebar-container .theme-dark .is-active > .el-sub-menu__title {
+  color: #f4f4f5 !important;
+}
+#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .el-sub-menu .el-menu-item {
+  min-width: 200px !important;
+}
+#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .el-sub-menu .el-menu-item:hover {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
+  background-color: #222653;
+}
+#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover {
+  background-color: #222653 !important;
+}
+#app .hideSidebar .sidebar-container {
+  width: 54px !important;
+}
+#app .hideSidebar .main-container {
+  margin-left: 54px;
+}
+#app .hideSidebar .sub-menu-title-noDropdown {
+  padding: 0 !important;
+  position: relative;
+}
+#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip {
+  padding: 0 !important;
+}
+#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon {
+  margin-left: 20px;
+}
+#app .hideSidebar .el-sub-menu {
+  overflow: hidden;
+}
+#app .hideSidebar .el-sub-menu > .el-sub-menu__title {
+  padding: 0 !important;
+}
+#app .hideSidebar .el-sub-menu > .el-sub-menu__title .svg-icon {
+  margin-left: 20px;
+}
+#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > span {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  visibility: hidden;
+  display: inline-block;
+}
+#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > i {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  visibility: hidden;
+  display: inline-block;
+}
+#app .el-menu--collapse .el-menu .el-sub-menu {
+  min-width: 200px !important;
+}
+#app .mobile .main-container {
+  margin-left: 0px;
+}
+#app .mobile .sidebar-container {
+  transition: transform 0.28s;
+  width: 200px !important;
+}
+#app .mobile.hideSidebar .sidebar-container {
+  pointer-events: none;
+  transition-duration: 0.3s;
+  transform: translate3d(-200px, 0, 0);
+}
+#app .withoutAnimation .main-container,
+#app .withoutAnimation .sidebar-container {
+  transition: none;
+}
+
+.el-menu--vertical > .el-menu .svg-icon {
+  margin-right: 16px;
+}
+.el-menu--vertical .nest-menu .el-sub-menu > .el-sub-menu__title:hover,
+.el-menu--vertical .el-menu-item:hover {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+.el-menu--vertical > .el-menu--popup {
+  max-height: 100vh;
+  overflow-y: auto;
+}
+.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
+  background: #d3dce6;
+}
+.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
+  width: 6px;
+}
+.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
+  background: #99a9bf;
+  border-radius: 20px;
+}
+/*# sourceMappingURL=sidebar.css.map */
\ No newline at end of file
diff --git a/src/assets/styles/sidebar.css.map b/src/assets/styles/sidebar.css.map
new file mode 100644
index 0000000..fca2da2
--- /dev/null
+++ b/src/assets/styles/sidebar.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["sidebar.css","variables.module.scss","sidebar.scss"],"names":[],"mappings":"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","file":"sidebar.css"}
\ No newline at end of file
diff --git a/src/assets/styles/sidebar.min.css b/src/assets/styles/sidebar.min.css
new file mode 100644
index 0000000..f1bf11d
--- /dev/null
+++ b/src/assets/styles/sidebar.min.css
@@ -0,0 +1,2 @@
+:export{menuText:#bfcbd9;menuActiveText:#409eff;menuBg:#222653;menuHover:#222653;menuLightBg:#fff;menuLightHover:#f0f1f5;menuLightText:#303133;menuLightActiveText:#409eff;sideBarWidth:200px;blue:#324157;lightBlue:#333c46;red:#c03639;pink:#e65d6e;green:#30b08f;tiffany:#4ab7bd;yellow:#fec171;panGreen:#30b08f;colorPrimary:#409eff;colorSuccess:#67c23a;colorWarning:#e6a23c;colorDanger:#f56c6c;colorInfo:#909399}:root{--sidebar-bg: #222653;--sidebar-text: #bfcbd9;--menu-hover: #222653;--navbar-bg: #ffffff;--navbar-text: #303133;--splitpanes-default-bg: #ffffff}html.dark{--el-bg-color: #141414;--el-bg-color-overlay: #1d1e1f;--el-text-color-primary: #ffffff;--el-text-color-regular: #d0d0d0;--el-border-color: #434343;--el-border-color-light: #434343;--sidebar-bg: #141414;--sidebar-text: #ffffff;--menu-hover: #2d2d2d;--menu-active-text: #409eff;--navbar-bg: #141414;--navbar-text: #ffffff;--navbar-hover: #141414;--tags-bg: #141414;--tags-item-bg: #1d1e1f;--tags-item-border: #303030;--tags-item-text: #d0d0d0;--tags-item-hover: #2d2d2d;--tags-close-hover: #64666a;--splitpanes-bg: #141414;--splitpanes-border: #303030;--splitpanes-splitter-bg: #1d1e1f;--splitpanes-splitter-hover-bg: #2d2d2d;--blockquote-bg: #1d1e1f;--blockquote-border: #303030;--blockquote-text: #d0d0d0;--cron-border: #303030;--splitpanes-default-bg: #141414}html.dark .sidebar-container .el-menu-item,html.dark .sidebar-container .menu-title{color:var(--el-text-color-regular)}html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item{background-color:var(--el-bg-color) !important}html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):focus{background-color:var(--navbar-hover) !important}html.dark .splitpanes{background-color:var(--splitpanes-bg)}html.dark .splitpanes .splitpanes__pane{background-color:var(--splitpanes-bg);border-color:var(--splitpanes-border)}html.dark .splitpanes .splitpanes__splitter{background-color:var(--splitpanes-splitter-bg);border-color:var(--splitpanes-border)}html.dark .splitpanes .splitpanes__splitter:hover{background-color:var(--splitpanes-splitter-hover-bg)}html.dark .splitpanes .splitpanes__splitter:before,html.dark .splitpanes .splitpanes__splitter:after{background-color:var(--splitpanes-border)}html.dark .el-table{--el-table-header-bg-color: var(--el-bg-color-overlay) !important;--el-table-header-text-color: var(--el-text-color-regular) !important;--el-table-border-color: var(--el-border-color-light) !important;--el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important}html.dark .el-table .el-table__header-wrapper th,html.dark .el-table .el-table__fixed-header-wrapper th{background-color:var(--el-bg-color-overlay, #f8f8f9) !important;color:var(--el-text-color-regular, #515a6e)}html.dark .el-tree .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-bg-color-overlay) !important;color:var(--el-color-primary)}html.dark .el-tree .el-tree-node__content:hover{background-color:var(--el-bg-color-overlay)}html.dark .el-dropdown-menu__item:not(.is-disabled):focus,html.dark .el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--navbar-hover) !important}html.dark blockquote{background-color:var(--blockquote-bg) !important;border-left-color:var(--blockquote-border) !important;color:var(--blockquote-text) !important}html.dark .popup-result .title{background:var(--cron-border)}#app .main-container{min-height:100%;transition:margin-left .28s;margin-left:200px;position:relative}#app .sidebarHide{margin-left:0 !important}#app .sidebar-container{transition:width .28s;width:200px !important;height:100%;position:fixed;font-size:0px;top:0;bottom:0;left:0;z-index:1001;overflow:hidden;box-shadow:0px 0px 8px 0px rgba(0,0,0,.1)}#app .sidebar-container .horizontal-collapse-transition{transition:0s width ease-in-out,0s padding-left ease-in-out,0s padding-right ease-in-out}#app .sidebar-container .scrollbar-wrapper{overflow-x:hidden !important}#app .sidebar-container .el-scrollbar__bar.is-vertical{right:0px}#app .sidebar-container .el-scrollbar{height:100%}#app .sidebar-container.has-logo .el-scrollbar{height:calc(100% - 50px)}#app .sidebar-container .is-horizontal{display:none}#app .sidebar-container a{display:inline-block;width:100%;overflow:hidden}#app .sidebar-container .svg-icon{margin-right:16px}#app .sidebar-container .el-menu{border:none;height:100%;width:100% !important}#app .sidebar-container .el-menu-item,#app .sidebar-container .menu-title{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}#app .sidebar-container .el-menu-item .el-menu-tooltip__trigger{display:inline-block !important}#app .sidebar-container .sub-menu-title-noDropdown:hover,#app .sidebar-container .el-sub-menu__title:hover{background-color:rgba(0,0,0,.06) !important}#app .sidebar-container .theme-dark .is-active>.el-sub-menu__title{color:#f4f4f5 !important}#app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title,#app .sidebar-container .el-sub-menu .el-menu-item{min-width:200px !important}#app .sidebar-container .nest-menu .el-sub-menu>.el-sub-menu__title:hover,#app .sidebar-container .el-sub-menu .el-menu-item:hover{background-color:rgba(0,0,0,.06) !important}#app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item{background-color:#222653}#app .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title:hover,#app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover{background-color:#222653 !important}#app .hideSidebar .sidebar-container{width:54px !important}#app .hideSidebar .main-container{margin-left:54px}#app .hideSidebar .sub-menu-title-noDropdown{padding:0 !important;position:relative}#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip{padding:0 !important}#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon{margin-left:20px}#app .hideSidebar .el-sub-menu{overflow:hidden}#app .hideSidebar .el-sub-menu>.el-sub-menu__title{padding:0 !important}#app .hideSidebar .el-sub-menu>.el-sub-menu__title .svg-icon{margin-left:20px}#app .hideSidebar .el-menu--collapse .el-sub-menu>.el-sub-menu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .hideSidebar .el-menu--collapse .el-sub-menu>.el-sub-menu__title>i{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .el-menu--collapse .el-menu .el-sub-menu{min-width:200px !important}#app .mobile .main-container{margin-left:0px}#app .mobile .sidebar-container{transition:transform .28s;width:200px !important}#app .mobile.hideSidebar .sidebar-container{pointer-events:none;transition-duration:.3s;transform:translate3d(-200px, 0, 0)}#app .withoutAnimation .main-container,#app .withoutAnimation .sidebar-container{transition:none}.el-menu--vertical>.el-menu .svg-icon{margin-right:16px}.el-menu--vertical .nest-menu .el-sub-menu>.el-sub-menu__title:hover,.el-menu--vertical .el-menu-item:hover{background-color:rgba(0,0,0,.06) !important}.el-menu--vertical>.el-menu--popup{max-height:100vh;overflow-y:auto}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece{background:#d3dce6}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar{width:6px}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb{background:#99a9bf;border-radius:20px}
+/*# sourceMappingURL=sidebar.min.css.map */
\ No newline at end of file
diff --git a/src/assets/styles/sidebar.min.css.map b/src/assets/styles/sidebar.min.css.map
new file mode 100644
index 0000000..93af40e
--- /dev/null
+++ b/src/assets/styles/sidebar.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["variables.module.scss","sidebar.scss"],"names":[],"mappings":"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","file":"sidebar.min.css"}
\ No newline at end of file
diff --git a/src/assets/styles/variables.module.css b/src/assets/styles/variables.module.css
new file mode 100644
index 0000000..df56862
--- /dev/null
+++ b/src/assets/styles/variables.module.css
@@ -0,0 +1,138 @@
+@charset "UTF-8";
+:export {
+  menuText: #bfcbd9;
+  menuActiveText: #409eff;
+  menuBg: #222653;
+  menuHover: #222653;
+  menuLightBg: #ffffff;
+  menuLightHover: #f0f1f5;
+  menuLightText: #303133;
+  menuLightActiveText: #409EFF;
+  sideBarWidth: 200px;
+  blue: #324157;
+  lightBlue: #333c46;
+  red: #C03639;
+  pink: #E65D6E;
+  green: #30B08F;
+  tiffany: #4AB7BD;
+  yellow: #FEC171;
+  panGreen: #30B08F;
+  colorPrimary: #409EFF;
+  colorSuccess: #67C23A;
+  colorWarning: #E6A23C;
+  colorDanger: #F56C6C;
+  colorInfo: #909399;
+}
+
+:root {
+  /* 亮色模式变量 */
+  --sidebar-bg: #222653;
+  --sidebar-text: #bfcbd9;
+  --menu-hover: #222653;
+  --navbar-bg: #ffffff;
+  --navbar-text: #303133;
+  /* splitpanes default-theme 变量 */
+  --splitpanes-default-bg: #ffffff;
+}
+
+html.dark {
+  /* 默认通用 */
+  --el-bg-color: #141414;
+  --el-bg-color-overlay: #1d1e1f;
+  --el-text-color-primary: #ffffff;
+  --el-text-color-regular: #d0d0d0;
+  --el-border-color: #434343;
+  --el-border-color-light: #434343;
+  /* 侧边栏 */
+  --sidebar-bg: #141414;
+  --sidebar-text: #ffffff;
+  --menu-hover: #2d2d2d;
+  --menu-active-text: #409eff;
+  /* 顶部导航栏 */
+  --navbar-bg: #141414;
+  --navbar-text: #ffffff;
+  --navbar-hover: #141414;
+  /* 标签栏 */
+  --tags-bg: #141414;
+  --tags-item-bg: #1d1e1f;
+  --tags-item-border: #303030;
+  --tags-item-text: #d0d0d0;
+  --tags-item-hover: #2d2d2d;
+  --tags-close-hover: #64666a;
+  /* splitpanes 组件暗黑模式变量 */
+  --splitpanes-bg: #141414;
+  --splitpanes-border: #303030;
+  --splitpanes-splitter-bg: #1d1e1f;
+  --splitpanes-splitter-hover-bg: #2d2d2d;
+  /* blockquote 暗黑模式变量 */
+  --blockquote-bg: #1d1e1f;
+  --blockquote-border: #303030;
+  --blockquote-text: #d0d0d0;
+  /* Cron 时间表达式 模式变量 */
+  --cron-border: #303030;
+  /* splitpanes default-theme 暗黑模式变量 */
+  --splitpanes-default-bg: #141414;
+  /* 侧边栏菜单覆盖 */
+  /* 顶部栏栏菜单覆盖 */
+  /* 分割窗格覆盖 */
+  /* 表格样式覆盖 */
+  /* 树组件高亮样式覆盖 */
+  /* 下拉菜单样式覆盖 */
+  /* blockquote样式覆盖 */
+  /* 时间表达式标题样式覆盖 */
+}
+html.dark .sidebar-container .el-menu-item, html.dark .sidebar-container .menu-title {
+  color: var(--el-text-color-regular);
+}
+html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
+  background-color: var(--el-bg-color) !important;
+}
+html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):hover, html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
+  background-color: var(--navbar-hover) !important;
+}
+html.dark .splitpanes {
+  background-color: var(--splitpanes-bg);
+}
+html.dark .splitpanes .splitpanes__pane {
+  background-color: var(--splitpanes-bg);
+  border-color: var(--splitpanes-border);
+}
+html.dark .splitpanes .splitpanes__splitter {
+  background-color: var(--splitpanes-splitter-bg);
+  border-color: var(--splitpanes-border);
+}
+html.dark .splitpanes .splitpanes__splitter:hover {
+  background-color: var(--splitpanes-splitter-hover-bg);
+}
+html.dark .splitpanes .splitpanes__splitter:before, html.dark .splitpanes .splitpanes__splitter:after {
+  background-color: var(--splitpanes-border);
+}
+html.dark .el-table {
+  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
+  --el-table-header-text-color: var(--el-text-color-regular) !important;
+  --el-table-border-color: var(--el-border-color-light) !important;
+  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
+}
+html.dark .el-table .el-table__header-wrapper th, html.dark .el-table .el-table__fixed-header-wrapper th {
+  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
+  color: var(--el-text-color-regular, #515a6e);
+}
+html.dark .el-tree .el-tree-node.is-current > .el-tree-node__content {
+  background-color: var(--el-bg-color-overlay) !important;
+  color: var(--el-color-primary);
+}
+html.dark .el-tree .el-tree-node__content:hover {
+  background-color: var(--el-bg-color-overlay);
+}
+html.dark .el-dropdown-menu__item:not(.is-disabled):focus, html.dark .el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: var(--navbar-hover) !important;
+}
+html.dark blockquote {
+  background-color: var(--blockquote-bg) !important;
+  border-left-color: var(--blockquote-border) !important;
+  color: var(--blockquote-text) !important;
+}
+html.dark .popup-result .title {
+  background: var(--cron-border);
+}
+/*# sourceMappingURL=variables.module.css.map */
\ No newline at end of file
diff --git a/src/assets/styles/variables.module.css.map b/src/assets/styles/variables.module.css.map
new file mode 100644
index 0000000..988ff3f
--- /dev/null
+++ b/src/assets/styles/variables.module.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["variables.module.css","variables.module.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACwChB;EACE,iBA9BS;EA+BT,uBA9Be;EA+Bf,eA9BO;EA+BP,kBA9BU;EA+BV,oBA5BY;EA6BZ,uBA5Be;EA6Bf,sBA5Bc;EA6Bd,4BA5BoB;EA6BpB,mBAzBa;EA2Bb,aAlDK;EAmDL,kBAlDW;EAmDX,YAlDI;EAmDJ,aAlDK;EAmDL,cAlDM;EAmDN,gBAlDQ;EAmDR,eAlDO;EAmDP,iBAlDS;EAoDT,qBA1BgB;EA2BhB,qBA1BgB;EA2BhB,qBA1BgB;EA2BhB,oBA1Be;EA2Bf,kBA1Ba;ADdf;;AC4CA;EACE,WAAA;EACA,qBAAA;EACA,uBAAA;EACA,qBAAA;EAEA,oBAAA;EACA,sBAAA;EAEA,gCAAA;EACA,gCAAA;AD3CF;;ACgDA;EACE,SAAA;EACA,sBAAA;EACA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,0BAAA;EACA,gCAAA;EAEA,QAAA;EACA,qBAAA;EACA,uBAAA;EACA,qBAAA;EACA,2BAAA;EAEA,UAAA;EACA,oBAAA;EACA,sBAAA;EACA,uBAAA;EAEA,QAAA;EACA,kBAAA;EACA,uBAAA;EACA,2BAAA;EACA,yBAAA;EACA,0BAAA;EACA,2BAAA;EAEA,wBAAA;EACA,wBAAA;EACA,4BAAA;EACA,iCAAA;EACA,uCAAA;EAEA,sBAAA;EACA,wBAAA;EACA,4BAAA;EACA,0BAAA;EAEA,oBAAA;EACA,sBAAA;EAEA,oCAAA;EACA,gCAAA;EAEA,YAAA;EAWA,aAAA;EAYA,WAAA;EAwBA,WAAA;EAeA,cAAA;EAYA,aAAA;EAKA,mBAAA;EAOA,gBAAA;ADpIF;ACgDI;EACE,mCAAA;AD9CN;ACgDI;EAEE,+CAAA;AD/CN;ACuDQ;EAEE,gDAAA;ADtDV;AC6DE;EACE,sCAAA;AD3DJ;AC6DI;EACE,sCAAA;EACA,sCAAA;AD3DN;AC8DI;EACE,+CAAA;EACA,sCAAA;AD5DN;AC8DM;EACE,qDAAA;AD5DR;AC+DM;EAEE,0CAAA;AD9DR;ACoEE;EACE,iEAAA;EACA,qEAAA;EACA,gEAAA;EACA,oEAAA;ADlEJ;ACqEM;EACE,gEAAA;EACA,4CAAA;ADnER;AC0EI;EACE,uDAAA;EACA,8BAAA;ADxEN;AC2EI;EACE,4CAAA;ADzEN;AC8EE;EACE,gDAAA;AD5EJ;ACgFE;EACE,iDAAA;EACA,sDAAA;EACA,wCAAA;AD9EJ;ACkFE;EACE,8BAAA;ADhFJ","file":"variables.module.css"}
\ No newline at end of file
diff --git a/src/assets/styles/variables.module.min.css b/src/assets/styles/variables.module.min.css
new file mode 100644
index 0000000..daeaea8
--- /dev/null
+++ b/src/assets/styles/variables.module.min.css
@@ -0,0 +1,2 @@
+:export{menuText:#bfcbd9;menuActiveText:#409eff;menuBg:#222653;menuHover:#222653;menuLightBg:#fff;menuLightHover:#f0f1f5;menuLightText:#303133;menuLightActiveText:#409eff;sideBarWidth:200px;blue:#324157;lightBlue:#333c46;red:#c03639;pink:#e65d6e;green:#30b08f;tiffany:#4ab7bd;yellow:#fec171;panGreen:#30b08f;colorPrimary:#409eff;colorSuccess:#67c23a;colorWarning:#e6a23c;colorDanger:#f56c6c;colorInfo:#909399}:root{--sidebar-bg: #222653;--sidebar-text: #bfcbd9;--menu-hover: #222653;--navbar-bg: #ffffff;--navbar-text: #303133;--splitpanes-default-bg: #ffffff}html.dark{--el-bg-color: #141414;--el-bg-color-overlay: #1d1e1f;--el-text-color-primary: #ffffff;--el-text-color-regular: #d0d0d0;--el-border-color: #434343;--el-border-color-light: #434343;--sidebar-bg: #141414;--sidebar-text: #ffffff;--menu-hover: #2d2d2d;--menu-active-text: #409eff;--navbar-bg: #141414;--navbar-text: #ffffff;--navbar-hover: #141414;--tags-bg: #141414;--tags-item-bg: #1d1e1f;--tags-item-border: #303030;--tags-item-text: #d0d0d0;--tags-item-hover: #2d2d2d;--tags-close-hover: #64666a;--splitpanes-bg: #141414;--splitpanes-border: #303030;--splitpanes-splitter-bg: #1d1e1f;--splitpanes-splitter-hover-bg: #2d2d2d;--blockquote-bg: #1d1e1f;--blockquote-border: #303030;--blockquote-text: #d0d0d0;--cron-border: #303030;--splitpanes-default-bg: #141414}html.dark .sidebar-container .el-menu-item,html.dark .sidebar-container .menu-title{color:var(--el-text-color-regular)}html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item{background-color:var(--el-bg-color) !important}html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):focus{background-color:var(--navbar-hover) !important}html.dark .splitpanes{background-color:var(--splitpanes-bg)}html.dark .splitpanes .splitpanes__pane{background-color:var(--splitpanes-bg);border-color:var(--splitpanes-border)}html.dark .splitpanes .splitpanes__splitter{background-color:var(--splitpanes-splitter-bg);border-color:var(--splitpanes-border)}html.dark .splitpanes .splitpanes__splitter:hover{background-color:var(--splitpanes-splitter-hover-bg)}html.dark .splitpanes .splitpanes__splitter:before,html.dark .splitpanes .splitpanes__splitter:after{background-color:var(--splitpanes-border)}html.dark .el-table{--el-table-header-bg-color: var(--el-bg-color-overlay) !important;--el-table-header-text-color: var(--el-text-color-regular) !important;--el-table-border-color: var(--el-border-color-light) !important;--el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important}html.dark .el-table .el-table__header-wrapper th,html.dark .el-table .el-table__fixed-header-wrapper th{background-color:var(--el-bg-color-overlay, #f8f8f9) !important;color:var(--el-text-color-regular, #515a6e)}html.dark .el-tree .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-bg-color-overlay) !important;color:var(--el-color-primary)}html.dark .el-tree .el-tree-node__content:hover{background-color:var(--el-bg-color-overlay)}html.dark .el-dropdown-menu__item:not(.is-disabled):focus,html.dark .el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--navbar-hover) !important}html.dark blockquote{background-color:var(--blockquote-bg) !important;border-left-color:var(--blockquote-border) !important;color:var(--blockquote-text) !important}html.dark .popup-result .title{background:var(--cron-border)}
+/*# sourceMappingURL=variables.module.min.css.map */
\ No newline at end of file
diff --git a/src/assets/styles/variables.module.min.css.map b/src/assets/styles/variables.module.min.css.map
new file mode 100644
index 0000000..18ed319
--- /dev/null
+++ b/src/assets/styles/variables.module.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["variables.module.scss"],"names":[],"mappings":"AAwCA,QACE,gBA9BS,CA+BT,sBA9Be,CA+Bf,cA9BO,CA+BP,iBA9BU,CA+BV,gBA5BY,CA6BZ,sBA5Be,CA6Bf,qBA5Bc,CA6Bd,2BA5BoB,CA6BpB,kBAzBa,CA2Bb,YAlDK,CAmDL,iBAlDW,CAmDX,WAlDI,CAmDJ,YAlDK,CAmDL,aAlDM,CAmDN,eAlDQ,CAmDR,cAlDO,CAmDP,gBAlDS,CAoDT,oBA1BgB,CA2BhB,oBA1BgB,CA2BhB,oBA1BgB,CA2BhB,mBA1Be,CA2Bf,iBA1Ba,CA8Bf,MAEE,qBAAA,CACA,uBAAA,CACA,qBAAA,CAEA,oBAAA,CACA,sBAAA,CAGA,gCAAA,CAKF,UAEE,sBAAA,CACA,8BAAA,CACA,gCAAA,CACA,gCAAA,CACA,0BAAA,CACA,gCAAA,CAGA,qBAAA,CACA,uBAAA,CACA,qBAAA,CACA,2BAAA,CAGA,oBAAA,CACA,sBAAA,CACA,uBAAA,CAGA,kBAAA,CACA,uBAAA,CACA,2BAAA,CACA,yBAAA,CACA,0BAAA,CACA,2BAAA,CAGA,wBAAA,CACA,4BAAA,CACA,iCAAA,CACA,uCAAA,CAGA,wBAAA,CACA,4BAAA,CACA,0BAAA,CAGA,sBAAA,CAGA,gCAAA,CAIE,oFACE,kCAAA,CAEF,yJAEE,8CAAA,CAQE,0IAEE,+CAAA,CAOR,sBACE,qCAAA,CAEA,wCACE,qCAAA,CACA,qCAAA,CAGF,4CACE,8CAAA,CACA,qCAAA,CAEA,kDACE,oDAAA,CAGF,qGAEE,yCAAA,CAMN,oBACE,iEAAA,CACA,qEAAA,CACA,gEAAA,CACA,oEAAA,CAGE,wGACE,+DAAA,CACA,2CAAA,CAOJ,mEACE,sDAAA,CACA,6BAAA,CAGF,gDACE,2CAAA,CAKJ,oHACE,+CAAA,CAIF,qBACE,gDAAA,CACA,qDAAA,CACA,uCAAA,CAIF,+BACE,6BAAA","file":"variables.module.min.css"}
\ No newline at end of file
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 8764e13..6b8366f 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -11,8 +11,8 @@ $panGreen: #30B08F;
 // 默认主题变量
 $menuText: #bfcbd9;
 $menuActiveText: #409eff;
-$menuBg: #304156;
-$menuHover: #263445;
+$menuBg: #222653;
+$menuHover: #222653;
 
 // 浅色主题theme-light
 $menuLightBg: #ffffff;
@@ -27,9 +27,9 @@ $sideBarWidth: 200px;
 // 菜单暗色变量
 $base-menu-color: #bfcbd9;
 $base-menu-color-active: #f4f4f5;
-$base-menu-background: #304156;
-$base-sub-menu-background: #1f2d3d;
-$base-sub-menu-hover: #001528;
+$base-menu-background: #222653;
+$base-sub-menu-background: #222653;
+$base-sub-menu-hover: #222653;
 
 // 组件变量
 $--color-primary: #409EFF;
diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
index c13e5e9..9d77849 100644
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@@ -34,7 +34,7 @@ function getBreadcrumb() {
   }
   // 判断是否为首页
   if (!isDashboard(matched[0])) {
-    matched = [{ path: "/index", meta: { title: "首页" } }].concat(matched)
+    // matched = [{ path: "/index", meta: { title: "首页" } }].concat(matched)
   }
   levelList.value = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
 }
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 0bb8b7e..e5efdba 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -2,9 +2,18 @@
   <section class="app-main">
     <router-view v-slot="{ Component, route }">
       <transition name="fade-transform" mode="out-in">
-        <keep-alive :include="tagsViewStore.cachedViews">
-          <component v-if="!route.meta.link" :is="Component" :key="route.path"/>
-        </keep-alive>
+        <el-scrollbar height="calc(100vh - 50px)" >
+          <keep-alive
+            :include="tagsViewStore.cachedViews"
+            class="appmancontainer"
+          >
+            <component
+              v-if="!route.meta.link"
+              :is="Component"
+              :key="route.path"
+            />
+          </keep-alive>
+        </el-scrollbar>
       </transition>
     </router-view>
     <iframe-toggle />
@@ -13,24 +22,24 @@
 </template>
 
 <script setup>
-import copyright from "./Copyright/index"
-import iframeToggle from "./IframeToggle/index"
-import useTagsViewStore from '@/store/modules/tagsView'
+import copyright from "./Copyright/index";
+import iframeToggle from "./IframeToggle/index";
+import useTagsViewStore from "@/store/modules/tagsView";
 
-const route = useRoute()
-const tagsViewStore = useTagsViewStore()
+const route = useRoute();
+const tagsViewStore = useTagsViewStore();
 
 onMounted(() => {
-  addIframe()
-})
+  addIframe();
+});
 
 watchEffect(() => {
-  addIframe()
-})
+  addIframe();
+});
 
 function addIframe() {
   if (route.meta.link) {
-    useTagsViewStore().addIframeView(route)
+    useTagsViewStore().addIframeView(route);
   }
 }
 </script>
@@ -38,12 +47,15 @@ function addIframe() {
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+
   width: 100%;
   position: relative;
   overflow: hidden;
-}
 
+}
+.appmancontainer {
+  min-width: 1000px;
+}
 .app-main:has(.copyright) {
   padding-bottom: 36px;
 }
@@ -55,7 +67,7 @@ function addIframe() {
 .hasTagsView {
   .app-main {
     /* 84 = navbar + tags-view = 50 + 34 */
-    min-height: calc(100vh - 84px);
+    min-height: calc(100vh - 50px);
   }
 
   .fixed-header + .app-main {
@@ -86,4 +98,3 @@ function addIframe() {
   border-radius: 3px;
 }
 </style>
-
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index cab43c5..be2b36f 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,21 +1,46 @@
 <template>
   <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-    <breadcrumb v-if="!settingsStore.topNav" id="breadcrumb-container" class="breadcrumb-container" />
-    <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" />
+    <hamburger
+      id="hamburger-container"
+      :is-active="appStore.sidebar.opened"
+      class="hamburger-container"
+      @toggleClick="toggleSideBar"
+    />
+    <breadcrumb
+      v-if="!settingsStore.topNav"
+      id="breadcrumb-container"
+      class="breadcrumb-container"
+    />
+    <top-nav
+      v-if="settingsStore.topNav"
+      id="topmenu-container"
+      class="topmenu-container"
+    />
 
     <div class="right-menu">
-      <template v-if="appStore.device !== 'mobile'">
-        <header-search id="header-search" class="right-menu-item" />
+      <div class="right">
+        <div class="user">
+          <div style="text-align: right;">
+         
+            <span class="user-nickname"> {{ userStore.nickName }} </span>
+            <span class="typename">{{ deptName }}</span>
+          </div>
+          <img :src="userStore.avatar" class="user-avatar" />
+        </div>
+        <div class="signOut" @click="logout">退出登录</div>
+      </div>
 
-        <el-tooltip content="源码地址" effect="dark" placement="bottom">
+      <!-- <template v-if="appStore.device !== 'mobile'"> -->
+        <!-- <header-search id="header-search" class="right-menu-item" /> -->
+
+        <!-- <el-tooltip content="源码地址" effect="dark" placement="bottom">
           <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
         </el-tooltip>
 
         <el-tooltip content="文档地址" effect="dark" placement="bottom">
           <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
+        </el-tooltip> -->
+        <!-- 
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
         <el-tooltip content="主题模式" effect="dark" placement="bottom">
@@ -27,10 +52,14 @@
 
         <el-tooltip content="布局大小" effect="dark" placement="bottom">
           <size-select id="size-select" class="right-menu-item hover-effect" />
-        </el-tooltip>
-      </template>
+        </el-tooltip> -->
+      <!-- </template> -->
 
-      <el-dropdown @command="handleCommand" class="avatar-container right-menu-item hover-effect" trigger="hover">
+      <!-- <el-dropdown
+        @command="handleCommand"
+        class="avatar-container right-menu-item hover-effect"
+        trigger="hover"
+      >
         <div class="avatar-wrapper">
           <img :src="userStore.avatar" class="user-avatar" />
           <span class="user-nickname"> {{ userStore.nickName }} </span>
@@ -46,71 +75,80 @@
           </el-dropdown-menu>
         </template>
       </el-dropdown>
-      <div class="right-menu-item hover-effect setting" @click="setLayout" v-if="settingsStore.showSettings">
+      <div
+        class="right-menu-item hover-effect setting"
+        @click="setLayout"
+        v-if="settingsStore.showSettings"
+      >
         <svg-icon icon-class="more-up" />
-      </div>
+      </div> -->
     </div>
   </div>
 </template>
 
 <script setup>
-import { ElMessageBox } from 'element-plus'
-import Breadcrumb from '@/components/Breadcrumb'
-import TopNav from '@/components/TopNav'
-import Hamburger from '@/components/Hamburger'
-import Screenfull from '@/components/Screenfull'
-import SizeSelect from '@/components/SizeSelect'
-import HeaderSearch from '@/components/HeaderSearch'
-import RuoYiGit from '@/components/RuoYi/Git'
-import RuoYiDoc from '@/components/RuoYi/Doc'
-import useAppStore from '@/store/modules/app'
-import useUserStore from '@/store/modules/user'
-import useSettingsStore from '@/store/modules/settings'
-
-const appStore = useAppStore()
-const userStore = useUserStore()
-const settingsStore = useSettingsStore()
+import { ElMessageBox } from "element-plus";
+import Breadcrumb from "@/components/Breadcrumb";
+import TopNav from "@/components/TopNav";
+import Hamburger from "@/components/Hamburger";
+import Screenfull from "@/components/Screenfull";
+import SizeSelect from "@/components/SizeSelect";
+import HeaderSearch from "@/components/HeaderSearch";
+import RuoYiGit from "@/components/RuoYi/Git";
+import RuoYiDoc from "@/components/RuoYi/Doc";
+import useAppStore from "@/store/modules/app";
+import useUserStore from "@/store/modules/user";
+import useSettingsStore from "@/store/modules/settings";
 
+const appStore = useAppStore();
+const userStore = useUserStore();
+const settingsStore = useSettingsStore();
+const deptName=ref("")
+userStore.getInfo().then(r=>{
+  deptName.value=r.deptName;
+})
 function toggleSideBar() {
-  appStore.toggleSideBar()
+  appStore.toggleSideBar();
 }
 
 function handleCommand(command) {
   switch (command) {
     case "setLayout":
-      setLayout()
-      break
+      setLayout();
+      break;
     case "logout":
-      logout()
-      break
+      logout();
+      break;
     default:
-      break
+      break;
   }
 }
 
 function logout() {
-  ElMessageBox.confirm('确定注销并退出系统吗？', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(() => {
-    userStore.logOut().then(() => {
-      location.href = '/index'
+  ElMessageBox.confirm("确定注销并退出系统吗？", "提示", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  })
+    .then(() => {
+      userStore.logOut().then(() => {
+        location.href = "/index";
+      });
     })
-  }).catch(() => { })
+    .catch(() => {});
 }
 
-const emits = defineEmits(['setLayout'])
+const emits = defineEmits(["setLayout"]);
 function setLayout() {
-  emits('setLayout')
+  emits("setLayout");
 }
 
 function toggleTheme() {
-  settingsStore.toggleTheme()
+  settingsStore.toggleTheme();
 }
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .navbar {
   height: 50px;
   overflow: hidden;
@@ -144,11 +182,47 @@ function toggleTheme() {
     display: inline-block;
     vertical-align: top;
   }
-
+  .right {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    margin-right: 15px;
+    .signOut {
+      cursor: pointer;
+      font-size: 14px;
+      color:#1C4FAB ;
+    }
+    .user {
+      display: flex;
+      align-items: center;
+      border-right: 1px solid rgba(0, 0, 0, 0.1);
+      margin-right: 15px;
+      height: 100%;
+      img {
+        width: 35px;
+        height: 35px;
+        object-fit: cover;
+        border-radius: 38px;
+        margin: 0px 15px;
+      }
+      div {
+        color: #163171;
+        .user-nickname {
+          font-weight: 800;
+          font-size: 12px;
+          display: block;
+        }
+        .typename {
+          font-size: 12px;
+          opacity: 0.8;
+        }
+      }
+    }
+  }
   .right-menu {
     float: right;
     height: 100%;
-    line-height: 50px;
+    // line-height: 50px;
     display: flex;
 
     &:focus {
@@ -178,7 +252,7 @@ function toggleTheme() {
 
         svg {
           transition: transform 0.3s;
-          
+
           &:hover {
             transform: scale(1.15);
           }
@@ -202,7 +276,7 @@ function toggleTheme() {
           border-radius: 50%;
         }
 
-        .user-nickname{
+        .user-nickname {
           position: relative;
           left: 5px;
           bottom: 10px;
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index a529808..4d579c9 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -2,12 +2,12 @@
   <div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 v-else class="sidebar-title">{{ title }}</h1>
+        <img v-if="logo" :src="logo1" class="sidebar-logo" />
+        <!-- <h1 v-else class="sidebar-title">{{ title }}</h1> -->
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 class="sidebar-title">{{ title }}</h1>
+        <img v-if="logo" :src="logo" class="sidebar-logo sidebar-logoall"  />
+        <!-- <h1 class="sidebar-title">{{ title }}</h1> -->
       </router-link>
     </transition>
   </div>
@@ -15,6 +15,7 @@
 
 <script setup>
 import logo from '@/assets/logo/logo.png'
+import logo1 from '@/assets/logo/logo1.png'
 import useSettingsStore from '@/store/modules/settings'
 import variables from '@/assets/styles/variables.module.scss'
 
@@ -59,11 +60,12 @@ const getLogoTextColor = computed(() => {
 .sidebar-logo-container {
   position: relative;
   width: 100%;
-  height: 50px;
-  line-height: 50px;
+  // height: 50px;
+
   background: v-bind(getLogoBackground);
   text-align: center;
   overflow: hidden;
+  padding: 25px 0;
 
   & .sidebar-logo-link {
     height: 100%;
@@ -75,7 +77,10 @@ const getLogoTextColor = computed(() => {
       vertical-align: middle;
       margin-right: 12px;
     }
+     .sidebar-logoall{
+      width: auto;
 
+    }
     & .sidebar-title {
       display: inline-block;
       margin: 0;
@@ -92,6 +97,7 @@ const getLogoTextColor = computed(() => {
     .sidebar-logo {
       margin-right: 0px;
     }
+   
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 9acc406..46e2cfb 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -70,20 +70,29 @@ const activeMenu = computed(() => {
 
 <style lang="scss" scoped>
 .sidebar-container {
-  background-color: v-bind(getMenuBackground);
+  background-color: #222653;
+
   
   .scrollbar-wrapper {
-    background-color: v-bind(getMenuBackground);
+      background-color: #222653;
+
   }
 
-  .el-menu {
+  :deep(.el-menu) {
     border: none;
     height: 100%;
     width: 100% !important;
+    text-align: center;
     
     .el-menu-item, .el-sub-menu__title {
+      text-align: center;
+      // justify-content: center;
+      padding-left: 40px;
+      height: 40px;
+      line-height: 40px;
+     
       &:hover {
-        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
+        background-color: #4D7BFF !important;
       }
     }
 
@@ -91,8 +100,8 @@ const activeMenu = computed(() => {
       color: v-bind(getMenuTextColor);
       
       &.is-active {
-        color: var(--menu-active-text, #409eff);
-        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
+        color: #fff;
+        background-color: #4D7BFF !important;
       }
     }
 
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index ad2b8ca..0600ded 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -61,6 +61,7 @@ const route = useRoute()
 const router = useRouter()
 
 const visitedViews = computed(() => useTagsViewStore().visitedViews)
+
 const routes = computed(() => usePermissionStore().routes)
 const theme = computed(() => useSettingsStore().theme)
 const tagsIcon = computed(() => useSettingsStore().tagsIcon)
diff --git a/src/layout/index.vue b/src/layout/index.vue
index bb9db42..f8512ca 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -5,7 +5,7 @@
     <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
       <div :class="{ 'fixed-header': fixedHeader }">
         <navbar @setLayout="setLayout" />
-        <tags-view v-if="needTagsView" />
+        <!-- <tags-view v-if="needTagsView" /> -->
       </div>
       <app-main />
       <settings ref="settingRef" />
@@ -109,4 +109,5 @@ function setLayout() {
 .mobile .fixed-header {
   width: 100%;
 }
+
 </style>
\ No newline at end of file
diff --git a/src/permission.js b/src/permission.js
index 7e3b5bf..bfc42f5 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -40,7 +40,18 @@ router.beforeEach((to, from, next) => {
                 router.addRoute(route) // 动态添加可访问路由表
               }
             })
-            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
+            if(to.path=="/index"){
+              if(accessRoutes[0].path=="/"){
+                  next({path:accessRoutes[0].path+accessRoutes[0].children[0].path , replace: true }) 
+              }else{
+                   next({path:accessRoutes[0].path+"/"+accessRoutes[0].children[0].path , replace: true }) 
+              }
+           
+            }else{
+              next({ ...to, replace: true }) //  确保addRoutes已完成hack方法
+            }
+           
+           
           })
         }).catch(err => {
           useUserStore().logOut().then(() => {
diff --git a/src/router/index.js b/src/router/index.js
index 0d7394a..b57f779 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -26,6 +26,7 @@ import Layout from '@/layout'
 
 // 公共路由
 export const constantRoutes = [
+  
   {
     path: '/redirect',
     component: Layout,
@@ -71,6 +72,7 @@ export const constantRoutes = [
         path: '/index',
         component: () => import('@/views/index'),
         name: 'Index',
+        hidden: true,
         meta: { title: '首页', icon: 'dashboard', affix: true }
       }
     ]
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 36da015..142fce5 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -49,6 +49,9 @@ const usePermissionStore = defineStore(
             this.setDefaultRoutes(sidebarRoutes)
             this.setTopbarRoutes(defaultRoutes)
             resolve(rewriteRoutes)
+
+           
+
           })
         })
       }
diff --git a/src/store/modules/tagsView.js b/src/store/modules/tagsView.js
index 9d07f33..f709481 100644
--- a/src/store/modules/tagsView.js
+++ b/src/store/modules/tagsView.js
@@ -8,6 +8,7 @@ const useTagsViewStore = defineStore(
     }),
     actions: {
       addView(view) {
+        console.log(view)
         this.addVisitedView(view)
         this.addCachedView(view)
       },
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 40db6bc..c8cf83e 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -54,11 +54,11 @@ const useUserStore = defineStore(
             this.nickName = user.nickName
             this.avatar = avatar
             /* 初始密码提示 */
-            if(res.isDefaultModifyPwd) {
-              ElMessageBox.confirm('您的密码还是初始密码，请修改密码！',  '安全提示', {  confirmButtonText: '确定',  cancelButtonText: '取消',  type: 'warning' }).then(() => {
-                router.push({ name: 'Profile', params: { activeTab: 'resetPwd' } })
-              }).catch(() => {})
-            }
+            // if(res.isDefaultModifyPwd) {
+            //   ElMessageBox.confirm('您的密码还是初始密码，请修改密码！',  '安全提示', {  confirmButtonText: '确定',  cancelButtonText: '取消',  type: 'warning' }).then(() => {
+            //     router.push({ name: 'Profile', params: { activeTab: 'resetPwd' } })
+            //   }).catch(() => {})
+            // }
             /* 过期密码提示 */
             if(!res.isDefaultModifyPwd && res.isPasswordExpired) {
               ElMessageBox.confirm('您的密码已过期，请尽快修改密码！',  '安全提示', {  confirmButtonText: '确定',  cancelButtonText: '取消',  type: 'warning' }).then(() => {
diff --git a/src/views/index.vue b/src/views/index.vue
index 398cc66..fa3165e 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,1131 +1,17 @@
 <template>
   <div class="app-container home">
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>若依后台管理框架</h2>
-        <p>
-          一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
-        </p>
-        <p>
-          <b>当前版本:</b> <span>v{{ version }}</span>
-        </p>
-        <p>
-          <el-tag type="danger">&yen;免费开源</el-tag>
-        </p>
-        <p>
-          <el-button
-            type="primary"
-            icon="Cloudy"
-            plain
-            @click="goTarget('https://gitee.com/y_project/RuoYi-Vue')"
-            >访问码云</el-button
-          >
-          <el-button
-            icon="HomeFilled"
-            plain
-            @click="goTarget('http://ruoyi.vip')"
-            >访问主页</el-button
-          >
-        </p>
-      </el-col>
-
-      <el-col :sm="24" :lg="12" style="padding-left: 50px">
-        <el-row>
-          <el-col :span="12">
-            <h2>技术选型</h2>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="6">
-            <h4>后端技术</h4>
-            <ul>
-              <li>SpringBoot</li>
-              <li>Spring Security</li>
-              <li>JWT</li>
-              <li>MyBatis</li>
-              <li>Druid</li>
-              <li>Fastjson</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-          <el-col :span="6">
-            <h4>前端技术</h4>
-            <ul>
-              <li>Vue</li>
-              <li>Vuex</li>
-              <li>Element-ui</li>
-              <li>Axios</li>
-              <li>Sass</li>
-              <li>Quill</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-    <el-divider />
-    <el-row :gutter="20">
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <template v-slot:header>
-            <div class="clearfix">
-              <span>联系信息</span>
-            </div>
-          </template>
-          <div class="body">
-            <p>
-              <i class="el-icon-s-promotion"></i> 官网：<el-link
-                href="http://www.ruoyi.vip"
-                target="_blank"
-                >http://www.ruoyi.vip</el-link
-              >
-            </p>
-            <p>
-              <i class="el-icon-user-solid"></i> QQ群：<s> 满937441 </s> <s> 满887144332 </s>
-              <s> 满180251782 </s> <s> 满104180207 </s> <s> 满186866453 </s> <s> 满201396349 </s>
-              <s> 满101456076 </s> <s> 满101539465 </s> <s> 满264312783 </s> <s> 满167385320 </s> 
-              <s> 满104748341 </s> <s> 满160110482 </s> <s> 满170801498 </s> <s> 满108482800 </s> 
-              <s> 满101046199 </s> <s> 满136919097 </s> <s> 满143961921 </s> <s> 满174951577 </s> 
-              <s> 满161281055 </s> <s> 满138988063 </s> <s> 满151450850 </s> <s> 满224622315 </s>
-              <s> 满287842588 </s> <s> 满187944233 </s> <s> 满228578329 </s> <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=GsOo-OLz53J8y_9TPoO6XXSGNRTgbFxA&authKey=R7Uy%2Feq%2BZsoKNqHvRKhiXpypW7DAogoWapOawUGHokJSBIBIre2%2FoiAZeZBSLuBc&noverify=0&group_code=191164766" target="_blank">191164766</a>
-            </p>
-            <p>
-              <i class="el-icon-chat-dot-round"></i> 微信：<a
-                href="javascript:;"
-                >/ *若依</a
-              >
-            </p>
-            <p>
-              <i class="el-icon-money"></i> 支付宝：<a
-                href="javascript:;"
-                class="支付宝信息"
-                >/ *若依</a
-              >
-            </p>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <template v-slot:header>
-            <div class="clearfix">
-              <span>更新日志</span>
-            </div>
-          </template>
-          <el-collapse accordion>
-            <el-collapse-item title="v3.9.0 - 2025-05-28">
-              <ol>
-                <li>优化菜单搜索查询页</li>
-                <li>导航栏显示昵称&设置</li>
-                <li>菜单管理新增路由名称</li>
-                <li>添加底部版权信息&开关</li>
-                <li>分配角色禁用不允许勾选</li>
-                <li>Excel导入导出支持多图片</li>
-                <li>添加页签图标显示开关功能</li>
-                <li>上传组件新增拖动排序属性</li>
-                <li>显隐列组件支持全选/全不选</li>
-                <li>初始密码支持自定义修改策略</li>
-                <li>账号密码支持自定义更新周期</li>
-                <li>代码生成列表支持按时间排序</li>
-                <li>支持富文本复制粘贴图片上传至url</li>
-                <li>支持文件&图片组件自定义地址&参数</li>
-                <li>升级tomcat到最新版本9.0.105</li>
-                <li>升级oshi到最新版本6.8.1</li>
-                <li>升级fastjson到最新版2.0.57</li>
-                <li>升级commons.io到最新版本2.19.0</li>
-                <li>package.json移除runjs依赖</li>
-                <li>package.json移除eslint依赖</li>
-                <li>package.json移除vue-meta依赖</li>
-                <li>修复代码生成主子表校验必填失效问题</li>
-                <li>优化前端树结构性能问题</li>
-                <li>优化前端处理路由函数代码</li>
-                <li>优化文件上传组件新增类型</li>
-                <li>优化顶部菜单搜索栏为多层级显示</li>
-                <li>优化文件&图片上传组件新增disabled属性</li>
-                <li>优化空指针异常时无法获取错误信息问题</li>
-                <li>优化定时任务字符包含多个括号导致数据错误</li>
-                <li>优化登录&注册页表头使用VUE_APP_TITLE配置值</li>
-                <li>优化导出Excel日期格式双击离开后与设定的格式不一致问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.9 - 2024-12-30">
-              <ol>
-                <li>用户管理支持分栏拖动</li>
-                <li>修改主题样式本地读取</li>
-                <li>用户头像http(s)链接支持</li>
-                <li>用户管理过滤掉已禁用部门</li>
-                <li>支持自定义显示Excel属性列</li>
-                <li>操作日志记录DELETE请求参数</li>
-                <li>白名单支持对通配符路径匹配</li>
-                <li>校检文件名是否包含特殊字符</li>
-                <li>代码生成创建表屏蔽违规的字符</li>
-                <li>菜单面包屑导航支持多层级显示</li>
-                <li>Excel注解支持wrapText是否允许内容换行</li>
-                <li>代码生成新增配置是否允许文件覆盖到本地</li>
-                <li>修复角色禁用权限不失效问题</li>
-                <li>修复代码生成上级菜单显示问题</li>
-                <li>修复导出子列表对象只能在最后的问题</li>
-                <li>修复TopNav无法正确获取active的问题</li>
-                <li>修复默认关闭Tags-Views内链页面打不开</li>
-                <li>升级oshi到最新版本6.6.5</li>
-                <li>升级tomcat到最新版本9.0.96</li>
-                <li>升级fastjson到最新版2.0.53</li>
-                <li>升级logback到最新版本1.2.13</li>
-                <li>升级spring-framework到最新版本5.3.39</li>
-                <li>升级quill到最新版本2.0.2</li>
-                <li>升级axios到最新版本0.28.1</li>
-                <li>优化身份证脱敏正则</li>
-                <li>优化权限更新后同步缓存</li>
-                <li>优化查询时间范围日期格式</li>
-                <li>优化参数键值更换为多行文本</li>
-                <li>优化导入带标题文件关闭清理</li>
-                <li>优化上传图片带域名不增加前缀</li>
-                <li>优化特殊字符密码修改失败问题</li>
-                <li>优化无用户编号不校验数据权限</li>
-                <li>优化TopNav内链菜单点击没有高亮</li>
-                <li>优化菜单管理切换Mini布局错乱问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.8 - 2024-06-30">
-              <ol>
-                <li>菜单管理新增路由名称</li>
-                <li>新增数据脱敏过滤注解</li>
-                <li>用户密码新增非法字符验证</li>
-                <li>限制用户操作数据权限范围</li>
-                <li>代码生成新增创建表结构功能</li>
-                <li>定时任务白名单配置范围缩小</li>
-                <li>优化代码生成主子表关联查询方式</li>
-                <li>Excel注解新增属性comboReadDict</li>
-                <li>Excel注解ColumnType类型新增文本</li>
-                <li>新增国际化资源文件配置</li>
-                <li>升级oshi到最新版本6.6.1</li>
-                <li>升级druid到最新版本1.2.23</li>
-                <li>升级core-js到最新版本3.37.1</li>
-                <li>更新HttpUtils中的User-Agent</li>
-                <li>更新compressionPlugin到6.1.2以兼容node18+</li>
-                <li>升级spring-security到安全版本，防止漏洞风险</li>
-                <li>升级spring-framework到安全版本，防止漏洞风险</li>
-                <li>优化自定义XSS注解匹配方式</li>
-                <li>优化缓存监控键名列表排序显示</li>
-                <li>优化定时任务日志默认按时间排序</li>
-                <li>优化默认文件大小超过2G无效的问题</li>
-                <li>优化查表特殊字符使用反斜杠进行转义</li>
-                <li>优化定时任务cron表达式小时配置显示错误问题</li>
-                <li>优化多个自定数据权限使用in查询,避免多次拼接</li>
-                <li>优化导入Excel时设置dictType属性重复查缓存问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.7 - 2023-12-08">
-              <ol>
-                <li>操作日志记录部门名称</li>
-                <li>全局数据存储用户编号</li>
-                <li>新增编程式判断资源访问权限</li>
-                <li>操作日志列表新增IP地址查询</li>
-                <li>定时任务新增页去除状态选项</li>
-                <li>代码生成支持选择前端模板类型</li>
-                <li>显隐列组件支持复选框弹出类型</li>
-                <li>通用排序属性orderBy参数限制长度</li>
-                <li>Excel自定义数据处理器增加单元格/工作簿对象</li>
-                <li>升级oshi到最新版本6.4.8</li>
-                <li>升级druid到最新版本1.2.20</li>
-                <li>升级fastjson到最新版2.0.43</li>
-                <li>升级pagehelper到最新版1.4.7</li>
-                <li>升级commons.io到最新版本2.13.0</li>
-                <li>升级element-ui到最新版本2.15.14</li>
-                <li>修复五级路由缓存无效问题</li>
-                <li>修复外链带端口出现的异常</li>
-                <li>修复树模板父级编码变量错误</li>
-                <li>修复字典表详情页面搜索问题</li>
-                <li>修复内链iframe没有传递参数问题</li>
-                <li>修复自定义字典样式不生效的问题</li>
-                <li>修复字典缓存删除方法参数错误问题</li>
-                <li>修复Excel导入数据临时文件无法删除问题</li>
-                <li>修复未登录带参数访问成功后参数丢失问题</li>
-                <li>修复HeaderSearch组件跳转query参数丢失问题</li>
-                <li>修复代码生成导入后必填项与数据库不匹配问题</li>
-                <li>修复Excels导入时无法获取到dictType字典值问题</li>
-                <li>优化下载zip方法新增遮罩层</li>
-                <li>优化头像上传参数新增文件名称</li>
-                <li>优化字典标签支持自定义分隔符</li>
-                <li>优化菜单管理类型为按钮状态可选</li>
-                <li>优化前端防重复提交数据大小限制</li>
-                <li>优化TopNav菜单没有图标svg不显示</li>
-                <li>优化数字金额大写转换精度丢失问题</li>
-                <li>优化富文本Editor组件检验图片格式</li>
-                <li>优化页签在Firefox浏览器被遮挡的问题</li>
-                <li>优化个人中心/基本资料修改时数据显示问题</li>
-                <li>优化缓存监控图表支持跟随屏幕大小自适应调整</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.6 - 2023-06-30">
-              <ol>
-                <li>支持登录IP黑名单限制</li>
-                <li>新增监控页面图标显示</li>
-                <li>操作日志新增消耗时间属性</li>
-                <li>屏蔽定时任务bean违规的字符</li>
-                <li>日志管理使用索引提升查询性能</li>
-                <li>日志注解支持排除指定的请求参数</li>
-                <li>支持自定义隐藏属性列过滤子对象</li>
-                <li>升级oshi到最新版本6.4.3</li>
-                <li>升级druid到最新版本1.2.16</li>
-                <li>升级fastjson到最新版2.0.34</li>
-                <li>升级spring-boot到最新版本2.5.15</li>
-                <li>升级element-ui到最新版本2.15.13</li>
-                <li>移除apache/commons-fileupload依赖</li>
-                <li>修复页面切换时布局错乱的问题</li>
-                <li>修复匿名注解Anonymous空指针问题</li>
-                <li>修复路由跳转被阻止时内部产生报错信息问题</li>
-                <li>修复isMatchedIp的参数判断产生空指针的问题</li>
-                <li>修复用户多角色数据权限可能出现权限抬升的情况</li>
-                <li>修复开启TopNav后一级菜单路由参数设置无效问题</li>
-                <li>修复DictTag组件value没有匹配的值时则展示value</li>
-                <li>优化文件下载出现的异常</li>
-                <li>优化选择图标组件高亮回显</li>
-                <li>优化弹窗后导航栏偏移的问题</li>
-                <li>优化修改密码日志存储明文问题</li>
-                <li>优化页签栏关闭其他出现的异常问题</li>
-                <li>优化页签关闭左侧选项排除首页选项</li>
-                <li>优化关闭当前tab页跳转最右侧tab页</li>
-                <li>优化缓存列表清除操作提示不变的问题</li>
-                <li>优化字符未使用下划线不进行驼峰式处理</li>
-                <li>优化用户导入更新时需获取用户编号问题</li>
-                <li>优化侧边栏的平台标题与VUE_APP_TITLE保持同步</li>
-                <li>优化导出Excel时设置dictType属性重复查缓存问题</li>
-                <li>连接池Druid支持新的配置connectTimeout和socketTimeout</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.5 - 2023-01-01">
-              <ol>
-                <li>定时任务违规的字符</li>
-                <li>重置时取消部门选中</li>
-                <li>新增返回警告消息提示</li>
-                <li>忽略不必要的属性数据返回</li>
-                <li>修改参数键名时移除前缓存配置</li>
-                <li>导入更新用户数据前校验数据权限</li>
-                <li>兼容Excel下拉框内容过多无法显示的问题</li>
-                <li>升级echarts到最新版本5.4.0</li>
-                <li>升级core-js到最新版本3.25.3</li>
-                <li>升级oshi到最新版本6.4.0</li>
-                <li>升级kaptcha到最新版2.3.3</li>
-                <li>升级druid到最新版本1.2.15</li>
-                <li>升级fastjson到最新版2.0.20</li>
-                <li>升级pagehelper到最新版1.4.6</li>
-                <li>优化弹窗内容过多展示不全问题</li>
-                <li>优化swagger-ui静态资源使用缓存</li>
-                <li>开启TopNav没有子菜单隐藏侧边栏</li>
-                <li>删除fuse无效选项maxPatternLength</li>
-                <li>优化导出对象的子列表为空会出现[]问题</li>
-                <li>优化编辑头像时透明部分会变成黑色问题</li>
-                <li>优化小屏幕上修改头像界面布局错位的问题</li>
-                <li>修复代码生成勾选属性无效问题</li>
-                <li>修复文件上传组件格式验证问题</li>
-                <li>修复回显数据字典数组异常问题</li>
-                <li>修复sheet超出最大行数异常问题</li>
-                <li>修复Log注解GET请求记录不到参数问题</li>
-                <li>修复调度日志点击多次数据不变化的问题</li>
-                <li>修复主题颜色在Drawer组件不会加载问题</li>
-                <li>修复文件名包含特殊字符的文件无法下载问题</li>
-                <li>修复table中更多按钮切换主题色未生效修复问题</li>
-                <li>修复某些特性的环境生成代码变乱码TXT文件问题</li>
-                <li>修复代码生成图片/文件/单选时选择必填无法校验问题</li>
-                <li>修复某些特性的情况用户编辑对话框中角色和部门无法修改问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.4 - 2022-09-26">
-              <ol>
-                <li>数据逻辑删除不进行唯一验证</li>
-                <li>Excel注解支持导出对象的子列表方法</li>
-                <li>Excel注解支持自定义隐藏属性列</li>
-                <li>Excel注解支持backgroundColor属性设置背景色</li>
-                <li>支持配置密码最大错误次数/锁定时间</li>
-                <li>登录日志新增解锁账户功能</li>
-                <li>通用下载方法新增config配置选项</li>
-                <li>支持多权限字符匹配角色数据权限</li>
-                <li>页面内嵌iframe切换tab不刷新数据</li>
-                <li>操作日志记录支持排除敏感属性字段</li>
-                <li>修复多文件上传报错出现的异常问题</li>
-                <li>修复图片预览组件src属性为null值控制台报错问题</li>
-                <li>升级oshi到最新版本6.2.2</li>
-                <li>升级fastjson到最新版2.0.14</li>
-                <li>升级pagehelper到最新版1.4.3</li>
-                <li>升级core-js到最新版本3.25.2</li>
-                <li>升级element-ui到最新版本2.15.10</li>
-                <li>优化任务过期不执行调度</li>
-                <li>优化字典数据使用store存取</li>
-                <li>优化修改资料头像被覆盖的问题</li>
-                <li>优化修改用户登录账号重复验证</li>
-                <li>优化代码生成同步后值NULL问题</li>
-                <li>优化定时任务支持执行父类方法</li>
-                <li>优化用户个人信息接口防止修改部门</li>
-                <li>优化布局设置使用el-drawer抽屉显示</li>
-                <li>优化没有权限的用户编辑部门缺少数据</li>
-                <li>优化日志注解记录限制请求地址的长度</li>
-                <li>优化excel/scale属性导出单元格数值类型</li>
-                <li>优化日志操作中重置按钮时重复查询的问题</li>
-                <li>优化多个相同角色数据导致权限SQL重复问题</li>
-                <li>优化表格上右侧工具条（搜索按钮显隐&右侧样式凸出）</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.3 - 2022-06-27">
-              <ol>
-                <li>新增缓存列表菜单功能</li>
-                <li>代码生成树表新增(展开/折叠)</li>
-                <li>Excel注解支持color字体颜色</li>
-                <li>新增Anonymous匿名访问不鉴权注解</li>
-                <li>用户头像上传限制只能为图片格式</li>
-                <li>接口使用泛型使其看到响应属性字段</li>
-                <li>检查定时任务bean所在包名是否为白名单配置</li>
-                <li>添加页签openPage支持传递参数</li>
-                <li>用户缓存信息添加部门ancestors祖级列表</li>
-                <li>升级element-ui到最新版本2.15.8</li>
-                <li>升级oshi到最新版本6.1.6</li>
-                <li>升级druid到最新版本1.2.11</li>
-                <li>升级fastjson到最新版2.0.8</li>
-                <li>升级spring-boot到最新版本2.5.14</li>
-                <li>降级jsencrypt版本兼容IE浏览器</li>
-                <li>删除多余的salt字段</li>
-                <li>新增获取不带后缀文件名称方法</li>
-                <li>新增获取配置文件中的属性值方法</li>
-                <li>新增内容编码/解码方便插件集成使用</li>
-                <li>字典类型必须以字母开头，且只能为（小写字母，数字，下滑线）</li>
-                <li>优化设置分页参数默认值</li>
-                <li>优化对空字符串参数处理的过滤</li>
-                <li>优化显示顺序orderNum类型为整型</li>
-                <li>优化表单构建按钮不显示正则校验</li>
-                <li>优化字典数据回显样式下拉框显示值</li>
-                <li>优化R响应成功状态码与全局保持一致</li>
-                <li>优化druid开启wall过滤器出现的异常问题</li>
-                <li>优化用户管理左侧树型组件增加选中高亮保持</li>
-                <li>优化新增用户与角色信息&用户与岗位信息逻辑</li>
-                <li>优化默认不启用压缩文件缓存防止node_modules过大</li>
-                <li>修复字典数据显示不全问题</li>
-                <li>修复操作日志查询类型条件为0时会查到所有数据</li>
-                <li>修复Excel注解prompt/combo同时使用不生效问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.2 - 2022-04-01">
-              <ol>
-                <li>前端支持设置是否需要防止数据重复提交</li>
-                <li>开启TopNav没有子菜单情况隐藏侧边栏</li>
-                <li>侧边栏菜单名称过长悬停显示标题</li>
-                <li>用户访问控制时校验数据权限，防止越权</li>
-                <li>导出Excel时屏蔽公式，防止CSV注入风险</li>
-                <li>组件ImagePreview支持多图预览显示</li>
-                <li>组件ImageUpload支持多图同时选择上传</li>
-                <li>组件FileUpload支持多文件同时选择上传</li>
-                <li>服务监控新增运行参数信息显示</li>
-                <li>定时任务目标字符串过滤特殊字符</li>
-                <li>定时任务目标字符串验证包名白名单</li>
-                <li>代码生成列表图片支持预览</li>
-                <li>代码生成编辑修改打开新页签</li>
-                <li>代码生成新增Java类型Boolean</li>
-                <li>代码生成子表支持日期/字典配置</li>
-                <li>代码生成同步保留必填/类型选项</li>
-                <li>升级oshi到最新版本6.1.2</li>
-                <li>升级fastjson到最新版1.2.80</li>
-                <li>升级pagehelper到最新版1.4.1</li>
-                <li>升级spring-boot到最新版本2.5.11</li>
-                <li>升级spring-boot-mybatis到最新版2.2.2</li>
-                <li>添加遗漏的分页参数合理化属性</li>
-                <li>修改npm即将过期的注册源地址</li>
-                <li>修复分页组件请求两次问题</li>
-                <li>修复通用文件下载接口跨域问题</li>
-                <li>修复Xss注解字段值为空时的异常问题</li>
-                <li>修复选项卡点击右键刷新丢失参数问题</li>
-                <li>修复表单清除元素位置未垂直居中问题</li>
-                <li>修复服务监控中运行参数显示条件错误</li>
-                <li>修复导入Excel时字典字段类型为Long转义为空问题</li>
-                <li>修复登录超时刷新页面跳转登录页面还提示重新登录问题</li>
-                <li>优化加载字典缓存数据</li>
-                <li>优化IP地址获取到多个的问题</li>
-                <li>优化任务队列满时任务拒绝策略</li>
-                <li>优化文件上传兼容Weblogic环境</li>
-                <li>优化定时任务默认保存到内存中执行</li>
-                <li>优化部门修改缩放后出现的错位问题</li>
-                <li>优化Excel格式化不同类型的日期对象</li>
-                <li>优化菜单表关键字导致的插件报错问题</li>
-                <li>优化Oracle用户头像列为空时不显示问题</li>
-                <li>优化页面若未匹配到字典标签则返回原字典值</li>
-                <li>优化修复登录失效后多次请求提示多次弹窗问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.1 - 2022-01-01">
-              <ol>
-                <li>新增Vue3前端代码生成模板</li>
-                <li>新增图片预览组件</li>
-                <li>新增压缩插件实现打包Gzip</li>
-                <li>自定义xss校验注解实现</li>
-                <li>自定义文字复制剪贴指令</li>
-                <li>代码生成预览支持复制内容</li>
-                <li>路由支持单独配置菜单或角色权限</li>
-                <li>用户管理部门查询选择节点后分页参数初始</li>
-                <li>修复用户分配角色属性错误</li>
-                <li>修复打包后字体图标偶现的乱码问题</li>
-                <li>修复菜单管理重置表单出现的错误</li>
-                <li>修复版本差异导致的懒加载报错问题</li>
-                <li>修复Cron组件中周回显问题</li>
-                <li>修复定时任务多参数逗号分隔的问题</li>
-                <li>修复根据ID查询列表可能出现的主键溢出问题</li>
-                <li>修复tomcat配置参数已过期问题</li>
-                <li>升级clipboard到最新版本2.0.8</li>
-                <li>升级oshi到最新版本v5.8.6</li>
-                <li>升级fastjson到最新版1.2.79</li>
-                <li>升级spring-boot到最新版本2.5.8</li>
-                <li>升级log4j2到2.17.1，防止漏洞风险</li>
-                <li>优化下载解析blob异常提示</li>
-                <li>优化代码生成字典组重复问题</li>
-                <li>优化查询用户的角色组&岗位组代码</li>
-                <li>优化定时任务cron表达式小时设置24</li>
-                <li>优化用户导入提示溢出则显示滚动条</li>
-                <li>优化防重复提交标识组合为(key+url+header)</li>
-                <li>优化分页方法设置成通用方便灵活调用</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.0 - 2021-12-01">
-              <ol>
-                <li>新增配套并同步的Vue3前端版本</li>
-                <li>新增通用方法简化模态/缓存/下载/权限/页签使用</li>
-                <li>优化导出数据/使用通用下载方法</li>
-                <li>Excel注解支持自定义数据处理器</li>
-                <li>Excel注解支持导入导出标题信息</li>
-                <li>Excel导入支持@Excels注解</li>
-                <li>新增组件data-dict，简化数据字典使用</li>
-                <li>新增Jaxb依赖，防止jdk8以上出现的兼容错误</li>
-                <li>生产环境使用路由懒加载提升页面响应速度</li>
-                <li>修复五级以上菜单出现的404问题</li>
-                <li>防重提交注解支持配置间隔时间/提示消息</li>
-                <li>日志注解新增是否保存响应参数</li>
-                <li>任务屏蔽违规字符&参数忽略双引号中的逗号</li>
-                <li>升级SpringBoot到最新版本2.5.6</li>
-                <li>升级pagehelper到最新版1.4.0</li>
-                <li>升级spring-boot-mybatis到最新版2.2.0</li>
-                <li>升级oshi到最新版本v5.8.2</li>
-                <li>升级druid到最新版1.2.8</li>
-                <li>升级velocity到最新版本2.3</li>
-                <li>升级fastjson到最新版1.2.78</li>
-                <li>升级axios到最新版本0.24.0</li>
-                <li>升级dart-sass到版本1.32.13</li>
-                <li>升级core-js到最新版本3.19.1</li>
-                <li>升级jsencrypt到最新版本3.2.1</li>
-                <li>升级js-cookie到最新版本3.0.1</li>
-                <li>升级file-saver到最新版本2.0.5</li>
-                <li>升级sass-loader到最新版本10.1.1</li>
-                <li>升级element-ui到最新版本2.15.6</li>
-                <li>新增sendGet无参请求方法</li>
-                <li>禁用el-tag组件的渐变动画</li>
-                <li>代码生成点击预览重置激活tab</li>
-                <li>AjaxResult重写put方法，以方便链式调用</li>
-                <li>优化登录/验证码请求headers不设置token</li>
-                <li>优化用户个人信息接口防止修改用户名</li>
-                <li>优化Cron表达式生成器关闭时销毁避免缓存</li>
-                <li>优化注册成功提示消息类型success</li>
-                <li>优化aop语法，使用spring自动注入注解</li>
-                <li>优化记录登录信息，移除不必要的修改</li>
-                <li>优化mybatis全局默认的执行器</li>
-                <li>优化Excel导入图片可能出现的异常</li>
-                <li>修复代码生成模板主子表删除缺少事务</li>
-                <li>修复日志记录可能出现的转换异常</li>
-                <li>修复代码生成复选框字典遗漏问题</li>
-                <li>修复关闭xss功能导致可重复读RepeatableFilter失效</li>
-                <li>修复字符串无法被反转义问题</li>
-                <li>修复后端主子表代码模板方法名生成错误问题</li>
-                <li>修复xss过滤后格式出现的异常</li>
-                <li>修复swagger没有指定dataTypeClass导致启动出现warn日志</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.7.0 - 2021-09-13">
-              <ol>
-                <li>参数管理支持配置验证码开关</li>
-                <li>新增是否开启用户注册功能</li>
-                <li>定时任务支持在线生成cron表达式</li>
-                <li>菜单管理支持配置路由参数</li>
-                <li>支持自定义注解实现接口限流</li>
-                <li>Excel注解支持Image图片导入</li>
-                <li>自定义弹层溢出滚动样式</li>
-                <li>自定义可拖动弹窗宽度指令</li>
-                <li>自定义可拖动弹窗高度指令</li>
-                <li>修复任意账户越权问题</li>
-                <li>修改时检查用户数据权限范围</li>
-                <li>修复保存配置主题颜色失效问题</li>
-                <li>新增暗色菜单风格主题</li>
-                <li>菜单&部门新增展开/折叠功能</li>
-                <li>页签新增关闭左侧&添加图标</li>
-                <li>顶部菜单排除隐藏的默认路由</li>
-                <li>顶部菜单同步系统主题样式</li>
-                <li>跳转路由高亮相对应的菜单栏</li>
-                <li>代码生成主子表多选行数据</li>
-                <li>日期范围支持添加多组</li>
-                <li>升级element-ui到最新版本2.15.5</li>
-                <li>升级oshi到最新版本v5.8.0</li>
-                <li>升级commons.io到最新版本v2.11.0</li>
-                <li>定时任务屏蔽ldap远程调用</li>
-                <li>定时任务屏蔽http(s)远程调用</li>
-                <li>补充定时任务表字段注释</li>
-                <li>定时任务对检查异常进行事务回滚</li>
-                <li>启用父部门状态排除顶级节点</li>
-                <li>富文本新增上传文件大小限制</li>
-                <li>默认首页使用keep-alive缓存</li>
-                <li>修改代码生成字典回显样式</li>
-                <li>自定义分页合理化传入参数</li>
-                <li>修复字典组件值为整形不显示问题</li>
-                <li>修复定时任务日志执行状态显示</li>
-                <li>角色&菜单新增字段属性提示信息</li>
-                <li>修复角色分配用户页面参数类型错误提醒</li>
-                <li>优化布局设置动画特效</li>
-                <li>优化异常处理信息</li>
-                <li>优化错误token导致的解析异常</li>
-                <li>密码框新增显示切换密码图标</li>
-                <li>定时任务新增更多操作</li>
-                <li>更多操作按钮添加权限控制</li>
-                <li>导入用户样式优化</li>
-                <li>提取通用方法到基类控制器</li>
-                <li>优化使用权限工具获取用户信息</li>
-                <li>优化用户不能删除自己</li>
-                <li>优化XSS跨站脚本过滤</li>
-                <li>优化代码生成模板</li>
-                <li>验证码默认20s超时</li>
-                <li>BLOB下载时清除URL对象引用</li>
-                <li>代码生成导入表按创建时间排序</li>
-                <li>修复代码生成页面数据编辑保存之后总是跳转第一页的问题</li>
-                <li>修复带safari浏览器无法格式化utc日期格式yyyy-MM-dd'T'HH:mm:ss.SSS问题</li>
-                <li>多图上传组件移除多余的api地址&验证失败导致图片删除问题&无法删除相应图片修复</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.6.0 - 2021-07-12">
-              <ol>
-                <li>角色管理新增分配用户功能</li>
-                <li>用户管理新增分配角色功能</li>
-                <li>日志列表支持排序操作</li>
-                <li>优化参数&字典缓存操作</li>
-                <li>系统布局配置支持动态标题开关</li>
-                <li>菜单路由配置支持内链访问</li>
-                <li>默认访问后端首页新增提示语</li>
-                <li>富文本默认上传返回url类型</li>
-                <li>新增自定义弹窗拖拽指令</li>
-                <li>全局注册常用通用组件</li>
-                <li>全局挂载字典标签组件</li>
-                <li>ImageUpload组件支持多图片上传</li>
-                <li>FileUpload组件支持多文件上传</li>
-                <li>文件上传组件添加数量限制属性</li>
-                <li>富文本编辑组件添加类型属性</li>
-                <li>富文本组件工具栏配置视频</li>
-                <li>封装通用iframe组件</li>
-                <li>限制超级管理员不允许操作</li>
-                <li>用户信息长度校验限制</li>
-                <li>分页组件新增pagerCount属性</li>
-                <li>添加bat脚本执行应用</li>
-                <li>升级oshi到最新版本v5.7.4</li>
-                <li>升级element-ui到最新版本2.15.2</li>
-                <li>升级pagehelper到最新版1.3.1</li>
-                <li>升级commons.io到最新版本v2.10.0</li>
-                <li>升级commons.fileupload到最新版本v1.4</li>
-                <li>升级swagger到最新版本v3.0.0</li>
-                <li>修复关闭confirm提示框控制台报错问题</li>
-                <li>修复存在的SQL注入漏洞问题</li>
-                <li>定时任务屏蔽rmi远程调用</li>
-                <li>修复用户搜索分页变量错误</li>
-                <li>修复导出角色数据范围翻译缺少仅本人</li>
-                <li>修复表单构建选择下拉选择控制台报错问题</li>
-                <li>优化图片工具类读取文件</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.5.0 - 2021-05-25">
-              <ol>
-                <li>新增菜单导航显示风格TopNav（false为左侧导航菜单，true为顶部导航菜单）</li>
-                <li>布局设置支持保存&重置配置</li>
-                <li>修复树表数据显示不全&加载慢问题</li>
-                <li>新增IE浏览器版本过低提示页面</li>
-                <li>用户登录后记录最后登录IP&时间</li>
-                <li>页面导出按钮点击之后添加遮罩</li>
-                <li>富文本编辑器支持自定义上传地址</li>
-                <li>富文本编辑组件新增readOnly属性</li>
-                <li>页签TagsView新增关闭右侧功能</li>
-                <li>显隐列组件加载初始默认隐藏列</li>
-                <li>关闭头像上传窗口还原默认图片</li>
-                <li>个人信息添加手机&邮箱重复验证</li>
-                <li>代码生成模板导出按钮点击后添加遮罩</li>
-                <li>代码生成模板树表操作列添加新增按钮</li>
-                <li>代码生成模板修复主子表字段重名问题</li>
-                <li>升级fastjson到最新版1.2.76</li>
-                <li>升级druid到最新版本v1.2.6</li>
-                <li>升级mybatis到最新版3.5.6 阻止远程代码执行漏洞</li>
-                <li>升级oshi到最新版本v5.6.0</li>
-                <li>velocity剔除commons-collections版本，防止3.2.1版本的反序列化漏洞</li>
-                <li>数据监控页默认账户密码防止越权访问</li>
-                <li>修复firefox下表单构建拖拽会新打卡一个选项卡</li>
-                <li>修正后端导入表权限标识</li>
-                <li>修正前端操作日志&登录日志权限标识</li>
-                <li>设置Redis配置HashKey序列化</li>
-                <li>删除操作日志记录信息</li>
-                <li>上传媒体类型添加视频格式</li>
-                <li>修复请求形参未传值记录日志异常问题</li>
-                <li>优化xss校验json请求条件</li>
-                <li>树级结构更新子节点使用replaceFirst</li>
-                <li>优化ExcelUtil空值处理</li>
-                <li>日志记录过滤BindingResult对象，防止异常</li>
-                <li>修改主题后mini类型按钮无效问题</li>
-                <li>优化通用下载完成后删除节点</li>
-                <li>通用Controller添加响应返回消息</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.4.0 - 2021-02-22">
-              <ol>
-                <li>代码生成模板支持主子表</li>
-                <li>表格右侧工具栏组件支持显隐列</li>
-                <li>图片组件添加预览&移除功能</li>
-                <li>Excel注解支持Image图片导出</li>
-                <li>操作按钮组调整为朴素按钮样式</li>
-                <li>代码生成支持文件上传组件</li>
-                <li>代码生成日期控件区分范围</li>
-                <li>代码生成数据库文本类型生成表单文本域</li>
-                <li>用户手机邮箱&菜单组件修改允许空字符串</li>
-                <li>升级SpringBoot到最新版本2.2.13 提升启动速度</li>
-                <li>升级druid到最新版本v1.2.4</li>
-                <li>升级fastjson到最新版1.2.75</li>
-                <li>升级element-ui到最新版本2.15.0</li>
-                <li>修复IE11浏览器报错问题</li>
-                <li>优化多级菜单之间切换无法缓存的问题</li>
-                <li>修复四级菜单无法显示问题</li>
-                <li>修正侧边栏静态路由丢失问题</li>
-                <li>修复角色管理-编辑角色-功能权限显示异常</li>
-                <li>配置文件新增redis数据库索引属性</li>
-                <li>权限工具类增加admin判断</li>
-                <li>角色非自定义权限范围清空选择值</li>
-                <li>修复导入数据为负浮点数时丢失精度问题</li>
-                <li>移除path-to-regexp正则匹配插件</li>
-                <li>修复生成树表代码异常</li>
-                <li>修改ip字段长度防止ipv6地址长度不够</li>
-                <li>防止get请求参数值为false或0等特殊值会导致无法正确的传参</li>
-                <li>登录后push添加catch防止出现检查错误</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.3.0 - 2020-12-14">
-              <ol>
-                <li>新增缓存监控功能</li>
-                <li>支持主题风格配置</li>
-                <li>修复多级菜单之间切换无法缓存的问题</li>
-                <li>多级菜单自动配置组件</li>
-                <li>代码生成预览支持高亮显示</li>
-                <li>支持Get请求映射Params参数</li>
-                <li>删除用户和角色解绑关联</li>
-                <li>去除用户手机邮箱部门必填验证</li>
-                <li>Excel支持注解align对齐方式</li>
-                <li>Excel支持导入Boolean型数据</li>
-                <li>优化头像样式，鼠标移入悬停遮罩</li>
-                <li>代码生成预览提供滚动机制</li>
-                <li>代码生成删除多余的数字float类型</li>
-                <li>修正转换字符串的目标字符集属性</li>
-                <li>回显数据字典防止空值报错</li>
-                <li>日志记录增加过滤多文件场景</li>
-                <li>修改缓存Set方法可能导致嵌套的问题</li>
-                <li>移除前端一些多余的依赖</li>
-                <li>防止安全扫描YUI出现的风险提示</li>
-                <li>修改node-sass为dart-sass</li>
-                <li>升级SpringBoot到最新版本2.1.18</li>
-                <li>升级poi到最新版本4.1.2</li>
-                <li>升级oshi到最新版本v5.3.6</li>
-                <li>升级bitwalker到最新版本1.21</li>
-                <li>升级axios到最新版本0.21.0</li>
-                <li>升级element-ui到最新版本2.14.1</li>
-                <li>升级vue到最新版本2.6.12</li>
-                <li>升级vuex到最新版本3.6.0</li>
-                <li>升级vue-cli到版本4.5.9</li>
-                <li>升级vue-router到最新版本3.4.9</li>
-                <li>升级vue-cli到最新版本4.4.6</li>
-                <li>升级vue-cropper到最新版本0.5.5</li>
-                <li>升级clipboard到最新版本2.0.6</li>
-                <li>升级core-js到最新版本3.8.1</li>
-                <li>升级echarts到最新版本4.9.0</li>
-                <li>升级file-saver到最新版本2.0.4</li>
-                <li>升级fuse.js到最新版本6.4.3</li>
-                <li>升级js-beautify到最新版本1.13.0</li>
-                <li>升级js-cookie到最新版本2.2.1</li>
-                <li>升级path-to-regexp到最新版本6.2.0</li>
-                <li>升级quill到最新版本1.3.7</li>
-                <li>升级screenfull到最新版本5.0.2</li>
-                <li>升级sortablejs到最新版本1.10.2</li>
-                <li>升级vuedraggable到最新版本2.24.3</li>
-                <li>升级chalk到最新版本4.1.0</li>
-                <li>升级eslint到最新版本7.15.0</li>
-                <li>升级eslint-plugin-vue到最新版本7.2.0</li>
-                <li>升级lint-staged到最新版本10.5.3</li>
-                <li>升级runjs到最新版本4.4.2</li>
-                <li>升级sass-loader到最新版本10.1.0</li>
-                <li>升级script-ext-html-webpack-plugin到最新版本2.1.5</li>
-                <li>升级svg-sprite-loader到最新版本5.1.1</li>
-                <li>升级vue-template-compiler到最新版本2.6.12</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.2.1 - 2020-11-18">
-              <ol>
-                <li>阻止任意文件下载漏洞</li>
-                <li>代码生成支持上传控件</li>
-                <li>新增图片上传组件</li>
-                <li>调整默认首页</li>
-                <li>升级druid到最新版本v1.2.2</li>
-                <li>mapperLocations配置支持分隔符</li>
-                <li>权限信息调整</li>
-                <li>调整sql默认时间</li>
-                <li>解决代码生成没有bit类型的问题</li>
-                <li>升级pagehelper到最新版1.3.0</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.2.0 - 2020-10-10">
-              <ol>
-                <li>升级springboot版本到2.1.17 提升安全性</li>
-                <li>升级oshi到最新版本v5.2.5</li>
-                <li>升级druid到最新版本v1.2.1</li>
-                <li>升级jjwt到版本0.9.1</li>
-                <li>升级fastjson到最新版1.2.74</li>
-                <li>修改sass为node-sass，避免el-icon图标乱码</li>
-                <li>代码生成支持同步数据库</li>
-                <li>代码生成支持富文本控件</li>
-                <li>代码生成页面时不忽略remark属性</li>
-                <li>代码生成添加select必填选项</li>
-                <li>Excel导出类型NUMERIC支持精度浮点类型</li>
-                <li>Excel导出targetAttr优化获取值，防止get方法不规范</li>
-                <li>Excel注解支持自动统计数据总和</li>
-                <li>Excel注解支持设置BigDecimal精度&舍入规则</li>
-                <li>菜单&数据权限新增（展开/折叠 全选/全不选 父子联动）</li>
-                <li>允许用户分配到部门父节点</li>
-                <li>菜单新增是否缓存keep-alive</li>
-                <li>表格操作列间距调整</li>
-                <li>限制系统内置参数不允许删除</li>
-                <li>富文本组件优化，支持自定义高度&图片冲突问题</li>
-                <li>富文本工具栏样式对齐</li>
-                <li>导入excel整形值校验优化</li>
-                <li>修复页签关闭所有时固定标签路由不刷新问题</li>
-                <li>表单构建布局型组件新增按钮</li>
-                <li>左侧菜单文字过长显示省略号</li>
-                <li>修正根节点为子部门时，树状结构显示问题</li>
-                <li>修正调用目标字符串最大长度</li>
-                <li>修正菜单提示信息错误</li>
-                <li>修正定时任务执行一次权限标识</li>
-                <li>修正数据库字符串类型nvarchar</li>
-                <li>优化递归子节点</li>
-                <li>优化数据权限判断</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v3.1.0 - 2020-08-13">
-              <ol>
-                <li>表格工具栏右侧添加刷新&显隐查询组件</li>
-                <li>后端支持CORS跨域请求</li>
-                <li>代码生成支持选择上级菜单</li>
-                <li>代码生成支持自定义路径</li>
-                <li>代码生成支持复选框</li>
-                <li>Excel导出导入支持dictType字典类型</li>
-                <li>Excel支持分割字符串组内容</li>
-                <li>验证码类型支持（数组计算、字符验证）</li>
-                <li>升级vue-cli版本到4.4.4</li>
-                <li>修改 node-sass 为 dart-sass</li>
-                <li>表单类型为Integer/Long设置整形默认值</li>
-                <li>代码生成器默认mapper路径与默认mapperScan路径不一致</li>
-                <li>优化防重复提交拦截器</li>
-                <li>优化上级菜单不能选择自己</li>
-                <li>修复角色的权限分配后，未实时生效问题</li>
-                <li>修复在线用户日志记录类型</li>
-                <li>修复富文本空格和缩进保存后不生效问题</li>
-                <li>修复在线用户判断逻辑</li>
-                <li>唯一限制条件只返回单条数据</li>
-                <li>添加获取当前的环境配置方法</li>
-                <li>超时登录后页面跳转到首页</li>
-                <li>全局异常状态汉化拦截处理</li>
-                <li>HTML过滤器改为将html转义</li>
-                <li>检查字符支持小数点&降级改成异常提醒</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v3.0.0 - 2020-07-20">
-              <ol>
-                <li>单应用调整为多模块项目</li>
-                <li>升级element-ui版本到2.13.2</li>
-                <li>删除babel，提高编译速度。</li>
-                <li>新增菜单默认主类目</li>
-                <li>编码文件名修改为uuid方式</li>
-                <li>定时任务cron表达式验证</li>
-                <li>角色权限修改时已有权限未自动勾选异常修复</li>
-                <li>防止切换权限用户后登录出现404</li>
-                <li>Excel支持sort导出排序</li>
-                <li>创建用户不允许选择超级管理员角色</li>
-                <li>修复代码生成导入表结构出现异常页面不提醒问题</li>
-                <li>修复代码生成点击多次表修改数据不变化的问题</li>
-                <li>修复头像上传成功二次打开无法改变裁剪框大小和位置问题</li>
-                <li>修复布局为small者mini用户表单显示错位问题</li>
-                <li>修复热部署导致的强换异常问题</li>
-                <li>修改用户管理复选框宽度，防止部分浏览器出现省略号</li>
-                <li>IpUtils工具，清除Xss特殊字符，防止Xff注入攻击</li>
-                <li>生成domain 如果是浮点型 统一用BigDecimal</li>
-                <li>定时任务调整label-width，防止部署出现错位</li>
-                <li>调整表头固定列默认样式</li>
-                <li>代码生成模板调整，字段为String并且必填则加空串条件</li>
-                <li>代码生成字典Integer/Long使用parseInt</li>
-                <li>
-                  修复dict_sort不可update为0的问题&查询返回增加dict_sort升序排序
-                </li>
-                <li>修正岗位导出权限注解</li>
-                <li>禁止加密密文返回前端</li>
-                <li>修复代码生成页面中的查询条件创建时间未生效的问题</li>
-                <li>修复首页搜索菜单外链无法点击跳转问题</li>
-                <li>修复菜单管理选择图标，backspace删除时不过滤数据</li>
-                <li>用户管理部门分支节点不可检查&显示计数</li>
-                <li>数据范围过滤属性调整</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.3.0 - 2020-06-01">
-              <ol>
-                <li>升级fastjson到最新版1.2.70 修复高危安全漏洞</li>
-                <li>dev启动默认打开浏览器</li>
-                <li>vue-cli使用默认source-map</li>
-                <li>slidebar eslint报错优化</li>
-                <li>当tags-view滚动关闭右键菜单</li>
-                <li>字典管理添加缓存读取</li>
-                <li>参数管理支持缓存操作</li>
-                <li>支持一级菜单（和主页同级）在main区域显示</li>
-                <li>限制外链地址必须以http(s)开头</li>
-                <li>tagview & sidebar 主题颜色与element ui(全局)同步</li>
-                <li>修改数据源类型优先级，先根据方法，再根据类</li>
-                <li>支持是否需要设置token属性，自定义返回码消息。</li>
-                <li>swagger请求前缀加入配置。</li>
-                <li>登录地点设置内容过长则隐藏显示</li>
-                <li>修复定时任务执行一次按钮后不提示消息问题</li>
-                <li>修改上级部门（选择项排除本身和下级）</li>
-                <li>通用http发送方法增加参数 contentType 编码类型</li>
-                <li>更换IP地址查询接口</li>
-                <li>修复页签变量undefined</li>
-                <li>添加校验部门包含未停用的子部门</li>
-                <li>修改定时任务详情下次执行时间日期显示错误</li>
-                <li>角色管理查询设置默认排序字段</li>
-                <li>swagger添加enable参数控制是否启用</li>
-                <li>只对json类型请求构建可重复读取inputStream的request</li>
-                <li>修改代码生成字典字段int类型没有自动选中问题</li>
-                <li>vuex用户名取值修正</li>
-                <li>表格树模板去掉多余的)</li>
-                <li>代码生成序号修正</li>
-                <li>全屏情况下不调整上外边距</li>
-                <li>代码生成Date字段添加默认格式</li>
-                <li>用户管理角色选择权限控制</li>
-                <li>修复路由懒加载报错问题</li>
-                <li>模板sql.vm添加菜单状态</li>
-                <li>设置用户名称不能修改</li>
-                <li>dialog添加append-to-body属性，防止ie遮罩</li>
-                <li>菜单区分状态和显示隐藏功能</li>
-                <li>升级fastjson到最新版1.2.68 修复安全加固</li>
-                <li>修复代码生成如果选择字典类型缺失逗号问题</li>
-                <li>登录请求params更换为data，防止暴露url</li>
-                <li>日志返回时间格式处理</li>
-                <li>添加handle控制允许拖动的元素</li>
-                <li>布局设置点击扩大范围</li>
-                <li>代码生成列属性排序查询</li>
-                <li>代码生成列支持拖动排序</li>
-                <li>修复时间格式不支持ios问题</li>
-                <li>表单构建添加父级class，防止冲突</li>
-                <li>定时任务并发属性修正</li>
-                <li>角色禁用&菜单隐藏不查询权限</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.2.0 - 2020-03-18">
-              <ol>
-                <li>系统监控新增定时任务功能</li>
-                <li>添加一个打包Web工程bat</li>
-                <li>修复页签鼠标滚轮按下的时候，可以关闭不可关闭的tag</li>
-                <li>修复点击退出登录有时会无提示问题</li>
-                <li>修复防重复提交注解无效问题</li>
-                <li>修复通知公告批量删除异常问题</li>
-                <li>添加菜单时路由地址必填限制</li>
-                <li>代码生成字段描述可编辑</li>
-                <li>修复用户修改个人信息导致缓存不过期问题</li>
-                <li>个人信息创建时间获取正确属性值</li>
-                <li>操作日志详细显示正确类型</li>
-                <li>导入表单击行数据时选中对应的复选框</li>
-                <li>批量替换表前缀逻辑调整</li>
-                <li>固定重定向路径表达式</li>
-                <li>升级element-ui版本到2.13.0</li>
-                <li>操作日志排序调整</li>
-                <li>修复charts切换侧边栏或者缩放窗口显示bug</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.1.0 - 2020-02-24">
-              <ol>
-                <li>新增表单构建</li>
-                <li>代码生成支持树表结构</li>
-                <li>新增用户导入</li>
-                <li>修复动态加载路由页面刷新问题</li>
-                <li>修复地址开关无效问题</li>
-                <li>汉化错误提示页面</li>
-                <li>代码生成已知问题修改</li>
-                <li>修复多数据源下配置关闭出现异常处理</li>
-                <li>添加HTML过滤器，用于去除XSS漏洞隐患</li>
-                <li>修复上传头像控制台出现异常</li>
-                <li>修改用户管理分页不正确的问题</li>
-                <li>修复验证码记录提示错误</li>
-                <li>修复request.js缺少Message引用</li>
-                <li>修复表格时间为空出现的异常</li>
-                <li>添加Jackson日期反序列化时区配置</li>
-                <li>调整根据用户权限加载菜单数据树形结构</li>
-                <li>调整成功登录不恢复按钮，防止多次点击</li>
-                <li>修改用户个人资料同步缓存信息</li>
-                <li>修复页面同时出现el-upload和Editor不显示处理</li>
-                <li>修复在角色管理页修改菜单权限偶尔未选中问题</li>
-                <li>配置文件新增redis密码属性</li>
-                <li>设置mybatis全局的配置文件</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-
-            <el-collapse-item title="v2.0.0 - 2019-12-02">
-              <ol>
-                <li>新增代码生成</li>
-                <li>新增@RepeatSubmit注解，防止重复提交</li>
-                <li>新增菜单主目录添加/删除操作</li>
-                <li>日志记录过滤特殊对象，防止转换异常</li>
-                <li>修改代码生成路由脚本错误</li>
-                <li>用户上传头像实时同步缓存，无需重新登录</li>
-                <li>调整切换页签后不重新加载数据</li>
-                <li>添加jsencrypt实现参数的前端加密</li>
-                <li>系统退出删除用户缓存记录</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v1.1.0 - 2019-11-11">
-              <ol>
-                <li>新增在线用户管理</li>
-                <li>新增按钮组功能实现（批量删除、导出、清空）</li>
-                <li>新增查询条件重置按钮</li>
-                <li>新增Swagger全局Token配置</li>
-                <li>新增后端参数校验</li>
-                <li>修复字典管理页面的日期查询异常</li>
-                <li>修改时间函数命名防止冲突</li>
-                <li>去除菜单上级校验，默认为顶级</li>
-                <li>修复用户密码无法修改问题</li>
-                <li>修复菜单类型为按钮时不显示权限标识</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v1.0.0 - 2019-10-08">
-              <ol>
-                <li>若依前后端分离系统正式发布</li>
-              </ol>
-            </el-collapse-item>
-          </el-collapse>
-        </el-card>
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <template v-slot:header>
-            <div class="clearfix">
-              <span>捐赠支持</span>
-            </div>
-          </template>
-          <div class="body">
-            <img
-              src="@/assets/images/pay.png"
-              alt="donate"
-              style="width:100%"
-            />
-            <span style="display: inline-block; height: 30px; line-height: 30px"
-              >你可以请作者喝杯咖啡表示鼓励</span
-            >
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
+    <statisticalTable/>
   </div>
 </template>
 
 <script setup name="Index">
-const version = ref('3.9.0')
+import statisticalTable from "./system/statisticalTable/index.vue";
 
-function goTarget(url) {
-  window.open(url, '__blank')
-}
 </script>
 
 <style scoped lang="scss">
-.home {
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
+  .app-container{
+    background: #F6F6F6;
   }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-  .col-item {
-    margin-bottom: 20px;
-  }
-
-  ul {
-    padding: 0;
-    margin: 0;
-  }
-
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
-
-  ul {
-    list-style-type: none;
-  }
-
-  h4 {
-    margin-top: 0px;
-  }
-
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
-  }
-
-  p {
-    margin-top: 10px;
-
-    b {
-      font-weight: 700;
-    }
-  }
-
-  .update-log {
-    ol {
-      display: block;
-      list-style-type: decimal;
-      margin-block-start: 1em;
-      margin-block-end: 1em;
-      margin-inline-start: 0;
-      margin-inline-end: 0;
-      padding-inline-start: 40px;
-    }
-  }
-}
 </style>
 
diff --git a/src/views/login.vue b/src/views/login.vue
index 7c2f1b1..6e60e59 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,67 +1,70 @@
 <template>
-  <div class="login">
-    <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
-      <div class="title">
-       <img src="@/assets/images/loginbjtitle.png" />
-        <p class="desc">欢迎登录！很高兴再次见到你</p>
-      </div>
-     
-      <el-form-item prop="username">
-        <el-input
-          v-model="loginForm.username"
-          type="text"
-         
-          auto-complete="off"
-          placeholder="账号"
-        >
-          <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password">
-        <el-input
-          v-model="loginForm.password"
-          type="password"
-         
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter="handleLogin"
-        >
-          <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="code" v-if="captchaEnabled" >
-        <el-input
-          v-model="loginForm.code"
-          size="large"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: calc(100% - 160px)"
-          @keyup.enter="handleLogin"
-        >
-          <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>
-        </el-input>
-        <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
+  <div class="appbody">
+    <div class="login">
+      <img src="@/assets/images/login.png" class="left" />
+      <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
+        <div class="title">
+        <img src="@/assets/images/loginbjtitle.png" />
+          <p class="desc">欢迎登录！很高兴再次见到你</p>
         </div>
-      </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
-      <el-form-item style="width:100%;">
-        <el-button
-          :loading="loading"
-          size="large"
-          type="primary"
-          style="width:100%;"
-          @click.prevent="handleLogin"
-        >
-          <span v-if="!loading">登 录</span>
-          <span v-else>登 录 中...</span>
-        </el-button>
-        <div style="float: right;" v-if="register">
-          <router-link class="link-type" :to="'/register'">立即注册</router-link>
-        </div>
-      </el-form-item>
-    </el-form>
-   
+      
+        <el-form-item prop="username">
+          <el-input
+            v-model="loginForm.username"
+            type="text"
+          
+            auto-complete="off"
+            placeholder="账号"
+          >
+            <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="password">
+          <el-input
+            v-model="loginForm.password"
+            type="password"
+          
+            auto-complete="off"
+            placeholder="密码"
+            @keyup.enter="handleLogin"
+          >
+            <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="code" v-if="captchaEnabled" >
+          <el-input
+            v-model="loginForm.code"
+            size="large"
+            auto-complete="off"
+            placeholder="验证码"
+            style="width: calc(100% - 160px)"
+            @keyup.enter="handleLogin"
+          >
+            <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>
+          </el-input>
+          <div class="login-code">
+            <img :src="codeUrl" @click="getCode" class="login-code-img"/>
+          </div>
+        </el-form-item>
+        <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
+        <el-form-item style="width:100%;">
+          <el-button
+            :loading="loading"
+            size="large"
+            type="primary"
+            style="width:100%;"
+            @click.prevent="handleLogin"
+          >
+            <span v-if="!loading">登 录</span>
+            <span v-else>登 录 中...</span>
+          </el-button>
+          <div style="float: right;" v-if="register">
+            <router-link class="link-type" :to="'/register'">立即注册</router-link>
+          </div>
+        </el-form-item>
+      </el-form>
+    
+    </div>
   </div>
 </template>
 
@@ -165,11 +168,26 @@ getCookie()
 </script>
 
 <style lang='scss' scoped>
+.appbody{
+  background: #F1F5FD;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .login {
 
-  height: 100%;
-  background-image: url("../assets/images/loginbj.png");
-  background-size: 100% 100%;
+  width: 85%;
+
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .left{
+    width:calc(100% - 600px);
+    height: 700px;
+    object-fit: contain;
+  }
 }
 .title {
   margin: 0px auto 30px auto;
@@ -183,10 +201,7 @@ getCookie()
   width: 600px;
   padding: 60px 100px;
   z-index: 1;
-  position: fixed;
-  right: 5%;
-  top: 50%;
-  transform: translate(-50%,-50%);
+
   .title{
     text-align: center;
     img{
diff --git a/src/views/system/AppVersionRelease/index.vue b/src/views/system/AppVersionRelease/index.vue
new file mode 100644
index 0000000..7f312e4
--- /dev/null
+++ b/src/views/system/AppVersionRelease/index.vue
@@ -0,0 +1,338 @@
+<template>
+  <div class="app-container">
+    <!-- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="版本号(数字，用于比大小，如10010)" prop="versionCode">
+        <el-input
+          v-model="queryParams.versionCode"
+          placeholder="请输入版本号(数字，用于比大小，如10010)"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="版本名(展示用，如1.0.10)" prop="versionName">
+        <el-input
+          v-model="queryParams.versionName"
+          placeholder="请输入版本名(展示用，如1.0.10)"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="是否强制更新：0-否 1-是" prop="forceUpdate">
+        <el-input
+          v-model="queryParams.forceUpdate"
+          placeholder="请输入是否强制更新：0-否 1-是"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="发布时间" prop="releaseTime">
+        <el-date-picker clearable
+          v-model="queryParams.releaseTime"
+          type="date"
+          value-format="YYYY-MM-DD"
+          placeholder="请选择发布时间">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form> -->
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+          v-hasPermi="['system:AppVersionRelease:add']"
+        >新增</el-button>
+      </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['system:AppVersionRelease:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:AppVersionRelease:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="Download"
+          @click="handleExport"
+          v-hasPermi="['system:AppVersionRelease:export']"
+        >导出</el-button>
+      </el-col> -->
+      <!-- <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> -->
+    </el-row>
+
+    <el-table v-loading="loading" :data="AppVersionReleaseList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <!-- <el-table-column label="主键" align="center" prop="id" /> -->
+      <!-- <el-table-column label="APP类型(android/ios/other)" align="center" prop="appType" /> -->
+      <!-- <el-table-column label="版本号" align="center" prop="versionCode" /> -->
+      <el-table-column label="版本名" align="center" prop="versionName" />
+      <el-table-column label="升级类型" align="center" prop="type" >
+        <template #default="{row,$index}">
+          {{ row.type==1?'整包更新':"资源更新" }}
+        </template>
+      </el-table-column>
+      <!-- <el-table-column label="版本更新描述(支持多行)" align="center" prop="description" /> -->
+      <!-- <el-table-column label="资源地址(下载/拉取地址)" align="center" prop="resourceUrl" /> -->
+      <!-- <el-table-column label="是否强制更新：0-否 1-是" align="center" prop="forceUpdate" /> -->
+      <!-- <el-table-column label="状态：1-已发布 0-未发布/下架" align="center" prop="status" /> -->
+      <el-table-column label="发布时间" align="center" prop="releaseTime" width="180">
+        <template #default="scope">
+          <span>{{ parseTime(scope.row.releaseTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:AppVersionRelease:edit']">修改</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:AppVersionRelease:remove']">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    
+    <pagination
+      v-show="total>0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 添加或修改APP版本发布对话框 -->
+    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="AppVersionReleaseRef" :model="form" :rules="rules" >
+        <!-- <el-form-item label="版本号" prop="versionCode">
+          <el-input v-model="form.versionCode" placeholder="请输入版本号(数字，用于比大小，如10010)" />
+        </el-form-item> -->
+        <el-form-item label="版本名" prop="versionName">
+          <el-input v-model="form.versionName" :limit="1" placeholder="请输入版本名(展示用，如1.0.10)" />
+        </el-form-item>
+        
+         <el-form-item label="升级类型" prop="type">
+            <el-radio-group v-model="form.type" @change="form.resourceUrl=''">
+              <el-radio :value="1"> APK整包更新</el-radio>
+              <el-radio :value="2">WGT资源包更新</el-radio>
+            </el-radio-group>
+          </el-form-item>
+         <el-form-item label="资源地址" prop="resourceUrl" >
+          <file-upload v-model="form.resourceUrl" :fileSize="50" :fileType="form.type==1?['apk']:['wgt']"/>
+        </el-form-item>
+        <el-form-item label="更新内容" prop="description">
+          <el-input v-model="form.description" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+       
+       
+        <!-- <el-form-item label="是否强制更新：0-否 1-是" prop="forceUpdate">
+          <el-input v-model="form.forceUpdate" placeholder="请输入是否强制更新：0-否 1-是" />
+        </el-form-item> -->
+        <!-- <el-form-item label="发布时间" prop="releaseTime">
+          <el-date-picker clearable
+            v-model="form.releaseTime"
+            type="date"
+            value-format="YYYY-MM-DD"
+            placeholder="请选择发布时间">
+          </el-date-picker>
+        </el-form-item> -->
+        <!-- <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item> -->
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="AppVersionRelease">
+import { listAppVersionRelease, getAppVersionRelease, delAppVersionRelease, addAppVersionRelease, updateAppVersionRelease } from "@/api/system/AppVersionRelease"
+
+const { proxy } = getCurrentInstance()
+
+const AppVersionReleaseList = ref([])
+const open = ref(false)
+const loading = ref(true)
+const showSearch = ref(true)
+const ids = ref([])
+const single = ref(true)
+const multiple = ref(true)
+const total = ref(0)
+const title = ref("")
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    appType: null,
+    versionCode: null,
+    // versionName: '1.1.1',
+    // type: 1,
+    description: null,
+    resourceUrl: null,
+    forceUpdate: null,
+    status: null,
+    releaseTime: null,
+  },
+  rules: {
+    appType: [
+      { required: true, message: "APP类型(android/ios/other)不能为空", trigger: "change" }
+    ],
+    // versionCode: [
+    //   { required: true, message: "版本号(数字，用于比大小，如10010)不能为空", trigger: "blur" }
+    // ],
+    versionName: [
+      { required: true, message: "版本名(展示用，如1.0.10)不能为空", trigger: "blur" }
+    ],
+    type: [
+      { required: true, message: "升级类型：1-整包 2-热更新", trigger: "change" }
+    ],
+    resourceUrl: [
+      { required: true, message: "资源地址(下载/拉取地址)不能为空", trigger: "blur" }
+    ],
+    forceUpdate: [
+      { required: true, message: "是否强制更新：0-否 1-是不能为空", trigger: "blur" }
+    ],
+    status: [
+      { required: true, message: "状态：1-已发布 0-未发布/下架不能为空", trigger: "change" }
+    ],
+  }
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+/** 查询APP版本发布列表 */
+function getList() {
+  loading.value = true
+  listAppVersionRelease(queryParams.value).then(response => {
+    AppVersionReleaseList.value = response.rows
+    total.value = response.total
+    loading.value = false
+  })
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false
+  reset()
+}
+
+// 表单重置
+function reset() {
+  form.value = {
+    id: null,
+    appType: null,
+    versionCode: "0",
+    versionName: null,
+    type: null,
+    description: null,
+    resourceUrl: null,
+    forceUpdate: null,
+    status: null,
+    releaseTime: null,
+    remark: null
+  }
+  proxy.resetForm("AppVersionReleaseRef")
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef")
+  handleQuery()
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.id)
+  single.value = selection.length != 1
+  multiple.value = !selection.length
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset()
+  open.value = true
+  title.value = "添加APP版本发布"
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  reset()
+  const _id = row.id || ids.value
+  getAppVersionRelease(_id).then(response => {
+    form.value = response.data
+    open.value = true
+    title.value = "修改APP版本发布"
+  })
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["AppVersionReleaseRef"].validate(valid => {
+    if (valid) {
+      if (form.value.id != null) {
+        updateAppVersionRelease(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功")
+          open.value = false
+          getList()
+        })
+      } else {
+        addAppVersionRelease(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功")
+          open.value = false
+          getList()
+        })
+      }
+    }
+  })
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const _ids = row.id || ids.value
+  proxy.$modal.confirm('是否确认删除APP版本发布编号为"' + _ids + '"的数据项？').then(function() {
+    return delAppVersionRelease(_ids)
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess("删除成功")
+  }).catch(() => {})
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('system/AppVersionRelease/export', {
+    ...queryParams.value
+  }, `AppVersionRelease_${new Date().getTime()}.xlsx`)
+}
+
+getList()
+</script>
+
diff --git a/src/views/system/addUser/index.vue b/src/views/system/addUser/index.vue
index 36339a0..ad8dcbe 100644
--- a/src/views/system/addUser/index.vue
+++ b/src/views/system/addUser/index.vue
@@ -1,219 +1,243 @@
 <template>
   <div>
-  <div class="app-container">
-    <el-card>
-      <div class="cardbox">
-        <div class="top">
-          <div class="l">成员</div>
-          <div class="r">
-            <el-input
-              style="width: 240px"
-              placeholder="输入姓名/电话"
-              :suffix-icon="Search"
-              v-model="queryParams.userName"
-              @clear="listSearch"
-              @keydown="listSearch"
-              clearable
-            />
-            <el-date-picker
-              v-model="dateRange"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-              @clear="listSearch"
-              @change="listSearch"
-              show-confirm="true"
-            />
-            <el-button type="primary" @click="handleAdd" :icon="CirclePlus"
-              >添加成员</el-button
-            >
-          </div>
-        </div>
-        <splitpanes
-          :horizontal="appStore.device === 'mobile'"
-          class="container default-theme"
-        >
-          <pane size="16">
-            <div class="l">
-              <el-tree
-                :data="data"
-                :props="defaultProps"
-                class="tree"
-                :check-on-click-leaf="false"
-                :default-expand-all="true"
-              >
-                <template #default="{ node, data }">
-                  <div class="treeitem">
-                    <div
-                      class="icon"
-                      v-if="data.children && data.children.length"
-                    >
-                      <el-icon :size="10" class="iocnPlus"><Plus /></el-icon>
-                      <el-icon :size="10" class="iocnMinus"><Minus /></el-icon>
-                    </div>
-                    <div
-                      class="title"
-                      :class="{
-                        on: queryParams.deptId == data.deptId,
-                      }"
-                      @click.stop="screen(data)"
-                    >
-                      {{ node.label }}
-                    </div>
-                  </div>
-                </template>
-              </el-tree>
-            </div>
-          </pane>
-          <pane size="84">
+    <div class="app-container">
+      <el-card>
+        <div class="cardbox">
+          <div class="top">
+            <div class="l">成员</div>
             <div class="r">
-              <el-table
-                :data="tableData"
-                class="table"
-                border
-                v-loading="loading"
-                style="width: 100%"
-              >
-                <el-table-column
-                  type="index"
-                  label="序号"
-                  width="120"
-                  align="center"
-                >
-                  <template #default="{ row, $index }">
-                    {{
-                      (queryParams.pageNum - 1) * queryParams.pageSize +
-                      $index +
-                      1
-                    }}
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  label="用户编号"
-                  align="center"
-                  key="userId"
-                  prop="userId"
-                />
-                <el-table-column
-                  prop="userName"
-                  label="账号"
-                  width="120"
-                  align="center"
-                />
-                <el-table-column prop="nickName" label="姓名" />
-                <el-table-column prop="dept.deptName" label="部门名称" />
-                <!-- <el-table-column prop="dept.deptName" label="角色" /> -->
-                <el-table-column prop="remark" label="备注" />
-                <el-table-column
-                  prop="createTime"
-                  label="添加时间"
-                  sortable
-                  align="center"
-                  width="180"
-                />
-                <el-table-column
-                  fixed="right"
-                  label="操作"
-                  width="120"
-                  align="center"
-                >
-                  <template #default="scope">
-                    <el-button
-                      link
-                      type="primary"
-                      size="small"
-                      @click="handleUpdate(scope.row)"
-                    >
-                      编辑
-                    </el-button>
-                    <el-button
-                      link
-                      type="primary"
-                      size="small"
-                      @click="handleDelete(scope.row)"
-                      >删除</el-button
-                    >
-                  </template>
-                </el-table-column>
-              </el-table>
-              <pagination
-                v-show="total > 0"
-                :total="total"
-                v-model:page="queryParams.pageNum"
-                v-model:limit="queryParams.pageSize"
-                @pagination="getusertlist"
+              <el-input
+                style="width: 240px"
+                placeholder="输入姓名/电话"
+                :suffix-icon="Search"
+                v-model="queryParams.userName"
+                @clear="listSearch"
+                @keydown="listSearch"
+                clearable
               />
+              <el-date-picker
+                v-model="dateRange"
+                type="daterange"
+                value-format="YYYY-MM-DD"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                @clear="listSearch"
+                @change="listSearch"
+                show-confirm="true"
+              />
+              <el-button type="primary" @click="handleAdd" :icon="CirclePlus"
+                >添加成员</el-button
+              >
             </div>
-          </pane>
-        </splitpanes>
-      </div>
-    </el-card>
-  </div>
-  <!-- 添加弹框 -->
-  <el-dialog
-    v-model="dialogVisible"
-    width="500"
-    :title="form.id ? '编辑部门' : '添加部门'"
-    header-class="dialogheader"
-    :align-center="true"
-    center
-  >
-    <el-form :model="form" ref="formEl" label-width="auto" :rules="rules">
-      <el-form-item label="成员姓名" prop="nickName">
-        <el-input v-model="form.nickName" />
-      </el-form-item>
-      <el-form-item label="成员账号" prop="userName">
-        <el-input v-model="form.userName" autocomplete="off" />
-      </el-form-item>
-      <el-form-item
-        v-if="form.userId == undefined"
-        label="用户密码"
-        prop="password"
-      >
-        <el-input
-          v-model="form.password"
-          autocomplete="off"
-          placeholder="请输入用户密码"
-          type="password"
-          maxlength="20"
-          show-password
-        />
-      </el-form-item>
-      <el-form-item label="选择部门" prop="deptId">
-        <el-tree-select
-          v-model="form.deptId"
-          :data="data"
-          :props="{ value: 'deptId', label: 'deptName', children: 'children' }"
-          value-key="id"
-          placeholder="请选择归属部门"
-          clearable
-          check-strictly
-        />
-      </el-form-item>
-      <el-form-item label="选择角色" prop="roleIds">
-        <el-radio-group v-model="form.roleIds">
-          <el-radio
-            :key="item.roleId"
-            :value="item.roleId"
-            :disabled="item.status == 1"
-            v-for="item in roleOptions"
-            >{{ item.roleName }}</el-radio
+          </div>
+          <splitpanes
+            :horizontal="appStore.device === 'mobile'"
+            class="container default-theme"
           >
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="备注" prop="remark">
-        <el-input v-model="form.remark" type="textarea" />
-      </el-form-item>
-    </el-form>
+            <pane size="16">
+              <div class="l">
+                <el-tree
+                  :data="data"
+                  :props="defaultProps"
+                  class="tree"
+                  :check-on-click-leaf="false"
+                  :default-expand-all="true"
+                >
+                  <template #default="{ node, data }">
+                    <div class="treeitem">
+                      <div
+                        class="icon"
+                        v-if="data.children && data.children.length"
+                      >
+                        <el-icon :size="10" class="iocnPlus"><Plus /></el-icon>
+                        <el-icon :size="10" class="iocnMinus"
+                          ><Minus
+                        /></el-icon>
+                      </div>
+                      <div
+                        class="title"
+                        :class="{
+                          on: queryParams.deptId == data.deptId,
+                        }"
+                        @click.stop="screen(data)"
+                      >
+                        {{ node.label }}
+                      </div>
+                    </div>
+                  </template>
+                </el-tree>
+              </div>
+            </pane>
+            <pane size="84">
+              <div class="r">
+                <el-table
+                  :data="tableData"
+                  class="table"
+                  border
+                  v-loading="loading"
+                  style="width: 100%"
+                >
+                  <el-table-column
+                    type="index"
+                    label="序号"
+                    width="120"
+                    align="center"
+                  >
+                    <template #default="{ row, $index }">
+                      {{
+                        (queryParams.pageNum - 1) * queryParams.pageSize +
+                        $index +
+                        1
+                      }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                    label="用户编号"
+                    align="center"
+                    key="userId"
+                    prop="userId"
+                  />
+                  <el-table-column
+                    prop="userName"
+                    label="账号"
+                    width="120"
+                    align="center"
+                  />
+                  <el-table-column prop="nickName" label="姓名" />
+                  <el-table-column prop="dept.deptName" label="部门名称" />
+                  <!-- <el-table-column prop="dept.deptName" label="角色" /> -->
+                  <el-table-column prop="remark" label="备注" />
+                  <el-table-column
+                    prop="createTime"
+                    label="添加时间"
+                    sortable
+                    align="center"
+                    width="180"
+                  />
+                  <el-table-column
+                    fixed="right"
+                    label="操作"
+                    width="120"
+                    align="center"
+                  >
+                    <template #default="scope">
+                      <el-button
+                        link
+                        type="primary"
+                        size="small"
+                        @click="handleUpdate(scope.row)"
+                      >
+                        编辑
+                      </el-button>
+                      <el-button
+                        link
+                        type="primary"
+                        size="small"
+                        @click="remove(scope.row)"
+                        >删除</el-button
+                      >
+                    </template>
+                  </el-table-column>
+                </el-table>
+                <pagination
+                  v-show="total > 0"
+                  :total="total"
+                  v-model:page="queryParams.pageNum"
+                  v-model:limit="queryParams.pageSize"
+                  @pagination="getusertlist"
+                />
+              </div>
+            </pane>
+          </splitpanes>
+        </div>
+      </el-card>
+    </div>
+    <!-- 添加弹框 -->
+    <el-dialog
+      v-model="dialogVisible"
+      width="664"
+      :title="form.id ? '编辑部门' : '添加部门'"
+      header-class="dialogheader"
+      :align-center="true"
+      @close="resetForm(formEl)"
+      center
+    >
+      <el-form :model="form" ref="formEl" label-width="auto" :rules="rules">
+        <el-form-item label="成员姓名" prop="nickName">
+          <el-input v-model="form.nickName" placeholder="请填写成员姓名" />
+        </el-form-item>
+        <el-form-item label="成员账号" prop="userName">
+          <el-input
+            v-model="form.userName"
+            autocomplete="off"
+            placeholder="请填写成员成员账号"
+          />
+        </el-form-item>
+        <el-form-item
+          v-if="form.userId == undefined"
+          label="用户密码"
+          prop="password"
+        >
+          <el-input
+            v-model="form.password"
+            autocomplete="off"
+            placeholder="请输入用户密码"
+            type="password"
+            maxlength="20"
+            show-password
+          />
+        </el-form-item>
+        <el-form-item label="选择部门" prop="deptId">
+          <el-tree-select
+            v-model="form.deptId"
+            :data="data"
+            :props="{
+              value: 'deptId',
+              label: 'deptName',
+              children: 'children',
+            }"
+            value-key="id"
+            placeholder="请选择归属部门"
+            clearable
+            check-strictly
+          />
+        </el-form-item>
+        <el-form-item label="选择角色" prop="roleIds">
+          <el-radio-group v-model="form.roleIds">
+            <el-radio
+              :key="item.roleId"
+              :value="item.roleId"
+              :disabled="item.status == 1"
+              v-for="item in roleOptions"
+              >{{ item.roleName }}</el-radio
+            >
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input
+            v-model="form.remark"
+            type="textarea"
+            placeholder="请填写备注"
+          />
+        </el-form-item>
+      </el-form>
 
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="resetForm(formEl)">取消</el-button>
-        <el-button type="primary" @click="submitForm(formEl)"> 确认 </el-button>
-      </div>
-    </template>
-  </el-dialog>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="resetForm(formEl)" style="width: 100px"
+            >取消</el-button
+          >
+          <el-button
+            type="primary"
+            @click="submitForm(formEl)"
+            style="width: 100px"
+          >
+            确认
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
@@ -230,9 +254,8 @@ import {
 import { CirclePlus, Search, Plus, Minus } from "@element-plus/icons-vue";
 import { ref } from "vue";
 
-
 import { Splitpanes, Pane } from "splitpanes";
-import "splitpanes/dist/splitpanes.css"
+import "splitpanes/dist/splitpanes.css";
 import { ElMessageBox } from "element-plus";
 import useAppStore from "@/store/modules/app";
 const appStore = useAppStore();
@@ -354,16 +377,16 @@ const submitForm = async (formEl) => {
     }
   });
 };
-function remove(item) {
-  ElMessageBox.confirm("确定删除该部门？", "提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning",
-  })
+function remove(row) {
+  const userIds = row.userId || ids.value;
+  proxy.$modal
+    .confirm('是否确认删除用户编号为"' + userIds + '"的数据项？')
+    .then(function () {
+      return delUser(userIds);
+    })
     .then(() => {
-      delDept(item.deptId).then((r) => {
-        getthreedata(false);
-      });
+      getthreedata(false);
+      proxy.$modal.msgSuccess("删除成功");
     })
     .catch(() => {});
 }
@@ -385,8 +408,8 @@ function getusertlist() {
   loading.value = true;
   listUser(proxy.addDateRange(queryParams.value, dateRange.value)).then(
     (res) => {
-     
       loading.value = false;
+
       tableData.value = res.rows;
       total.value = res.total;
     }
@@ -416,11 +439,10 @@ function filterDisabledDept(deptList) {
   });
 }
 
-
-
 /** 新增按钮操作 */
 function handleAdd() {
   reset();
+
   getUser().then((response) => {
     postOptions.value = response.posts;
     roleOptions.value = response.roles;
@@ -476,13 +498,9 @@ function handleDelete(row) {
   proxy.$modal
     .confirm('是否确认删除用户编号为"' + userIds + '"的数据项？')
     .then(function () {
-      return delUser(userIds);
-    })
-    .then(() => {
-      getList();
+      getusertlist();
       proxy.$modal.msgSuccess("删除成功");
-    })
-    .catch(() => {});
+    });
 }
 onMounted(() => {
   getDeptTree();
@@ -493,6 +511,12 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
+.app-container {
+  background: #f6f6f6;
+}
+.app-container :deep(.el-card) {
+  box-shadow: initial !important;
+}
 .top {
   display: flex;
   align-items: center;
@@ -509,14 +533,13 @@ onMounted(() => {
   }
 }
 .cardbox {
-  height: calc(100vh - 84px - 30px - 30px - 30px);
+  height: calc(100vh - 128px);
 }
 
 .container {
   border-top: 1px solid #eee;
   height: calc(100% - 47px);
 
-
   .l {
     width: 100%;
     padding: 15px;
@@ -527,7 +550,7 @@ onMounted(() => {
       --el-tree-node-content-height: 35px;
       height: 100%;
       overflow: auto;
-       .el-tree-node.is-current > .el-tree-node__content{
+      .el-tree-node.is-current > .el-tree-node__content {
         color: inherit;
         background-color: inherit !important;
       }
diff --git a/src/views/system/departmentManagement/index.vue b/src/views/system/departmentManagement/index.vue
index e282dfb..2ff6c8e 100644
--- a/src/views/system/departmentManagement/index.vue
+++ b/src/views/system/departmentManagement/index.vue
@@ -64,6 +64,7 @@
             <el-table
               :data="tableData"
               class="table"
+              v-loading="loading"
               border
               style="width: 100%"
             >
@@ -134,17 +135,18 @@
   <!-- 添加弹框 -->
   <el-dialog
     v-model="dialogVisible"
-    width="500"
+    width="620"
     :title="form.id ? '编辑部门' : '添加部门'"
     header-class="dialogheader"
     :align-center="true"
+    @close="resetForm(formEl)"
     center
   >
     <el-form :model="form" ref="formEl" label-width="auto" :rules="rules">
       <el-form-item label="输入部门" prop="deptName">
         <el-input v-model="form.deptName" placeholder="输入部门名称" />
       </el-form-item>
-      <el-form-item label="选择部门类型" prop="deptLevel">
+      <el-form-item label="选择部门类型" prop="deptLevel" v-if="!form.id">
         <el-radio-group v-model="form.deptLevel" @change="elradiogroup">
           <el-radio :value="1">总队</el-radio>
           <el-radio :value="2">支队</el-radio>
@@ -161,6 +163,7 @@
           <el-option
             :label="item.deptName"
             :value="item.deptId"
+          
             v-for="item in Options"
           />
         </el-select>
@@ -175,8 +178,8 @@
     </el-form>
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="resetForm(formEl)">取消</el-button>
-        <el-button type="primary" @click="submitForm(formEl)"> 确认 </el-button>
+        <el-button @click="resetForm(formEl)" style="width:100px ;">取消</el-button>
+        <el-button type="primary" @click="submitForm(formEl)" style="width:100px ;"> 确认 </el-button>
       </div>
     </template>
   </el-dialog>
@@ -203,9 +206,10 @@ const appStore = useAppStore();
 const formEl = ref();
 const total = ref(0);
 const pageNum = ref(1);
-const pageSize = ref(18);
+const pageSize = ref(20);
 const name = ref("");
 const serchKey = ref("");
+const loading=ref(false)
 const form = ref({
   deptId: "",
   parentId: "",
@@ -244,6 +248,7 @@ function screen(item) {
 }
 
 const resetForm = (formEl) => {
+
   if (!formEl) return;
   dialogVisible.value = false;
   formEl.resetFields();
@@ -292,7 +297,7 @@ function remove(item) {
 // 左边数据
 function getthreedata(type = true) {
   listDepttree().then((res) => {
-    data.value = res.data;
+      data.value = res.data;
     if (res.data.length && type) {
       deptId.value = 0;
       name.value = res.data[0].deptName;
@@ -304,6 +309,7 @@ getthreedata();
 
 // 获取列表数据
 function getDeptlist() {
+  loading.value=true;
   getDept(deptId.value, {
     pageNum: pageNum.value,
     pageSize: pageSize.value,
@@ -311,6 +317,7 @@ function getDeptlist() {
   }).then((res) => {
     tableData.value = res.rows;
     total.value = res.total;
+      loading.value=false;
   });
 }
 // 编辑数据
@@ -347,6 +354,13 @@ function listSearch(e) {
 }
 </script>
 <style lang="scss" scoped>
+.app-container{
+  background: #F6F6F6;
+}
+.app-container :deep(.el-card){
+  box-shadow: initial !important;
+
+}
 .top {
   display: flex;
   align-items: center;
@@ -363,7 +377,7 @@ function listSearch(e) {
   }
 }
 .cardbox {
-  height: calc(100vh - 84px - 30px - 30px - 30px);
+  height: calc(100vh - 127px);
 }
 
 .container {
diff --git a/src/views/system/equipmentList/index.vue b/src/views/system/equipmentList/index.vue
index 7c6fa5e..e7b7062 100644
--- a/src/views/system/equipmentList/index.vue
+++ b/src/views/system/equipmentList/index.vue
@@ -1,245 +1,385 @@
 <template>
-  <div class="app-container">
-    <el-card>
-      <div class="cardbox">
-        <div class="top">
-          <div class="l">设备列表</div>
-          <div class="r">
-            <el-input
-              v-model="name"
-              style="width: 240px"
-              placeholder="输入部门名称/ID"
-              :suffix-icon="Search"
-            />
-            <el-date-picker
-              v-model="value1"
-              type="daterange"
-              range-separator="To"
-              start-placeholder="Start date"
-              end-placeholder="End date"
-            />
-            <el-button
-              type="primary"
-              @click="dialogVisible = true"
-              :icon="CirclePlus"
-              >添加设备</el-button
-            >
+  <div>
+    <div class="app-container">
+      <el-card>
+        <div class="cardbox">
+          <div class="top">
+            <div class="l">设备列表</div>
+            <div class="r">
+              <el-input
+                v-model="fname"
+                style="width: 240px"
+                placeholder="输入部门名称/ID"
+                :suffix-icon="Search"
+                clearable
+                @clear="listSearch"
+                @keydown="listSearch"
+              />
+              <el-date-picker
+                v-model="dateRange"
+                type="daterange"
+                value-format="YYYY-MM-DD"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                @clear="listSearch"
+                @change="listSearch"
+                show-confirm="true"
+              />
+              <el-button type="primary" @click="addequipment" :icon="CirclePlus"
+                >添加设备</el-button
+              >
+            </div>
           </div>
-        </div>
 
-        <div class="container">
-          <el-table
-            :data="tableData"
-            class="table"
-            border
-            style="width: 100%"
-            :preserve-expanded-content="true"
-          >
-            <el-table-column type="expand" align="center">
-              <template #default="props">
-                <div class="expandbox">
-                  <div class="box">
-                    <div class="ul">
-                      <div>布控球ID</div>
-                      <div>状态</div>
-                      <div>在线时长（小时）</div>
-                      <div>过车次数</div>
-                    </div>
-                    <div class="ul">
-                      <div>001</div>
-                      <div>在线</div>
-                      <div>16</div>
-                      <div>999</div>
-                    </div>
-                     <div class="ul">
-                      <div>001</div>
-                      <div>在线</div>
-                      <div>16</div>
-                      <div>999</div>
+          <div class="container">
+            <el-table
+              :data="tableData"
+              class="table"
+              border
+              v-loading="loading"
+              style="width: 100%"
+              :preserve-expanded-content="true"
+            >
+              <el-table-column type="expand" align="center">
+                <template #default="props">
+                  <div class="expandbox">
+                    <div class="box">
+                      <div class="ul">
+                        <div>布控球ID</div>
+                        <div>状态</div>
+                        <div>在线时长（小时）</div>
+                        <div>过车次数</div>
+                      </div>
+                      <div
+                        class="ul"
+                        v-for="value in props.row.processedDeviceList"
+                      >
+                        <div>{{ value.encoding }}</div>
+                        <div>{{ value.status == 2 ? "在线" : "离线" }}</div>
+                        <div>{{ value.onlivetime || 0 }}</div>
+                        <div>{{ value.number || 0 }}</div>
+                      </div>
                     </div>
                   </div>
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="name"
-              sortable
-              label="序号"
-              width="120"
-              align="center"
-            />
-             <el-table-column prop="address" label="关联部门" />
-            <el-table-column
-              prop="name"
-              label="设备数量"
-               width="120"
-              align="center"
-            />
-             <el-table-column
-              prop="name"
-              label="云音响imei"
-               width="120"
-              align="center"
-            />
+                </template>
+              </el-table-column>
               <el-table-column
-              prop="name"
-              label="联系人"
-              align="center"
-               width="120"
+                type="index"
+                label="序号"
+                width="120"
+                align="center"
+              >
+                <template #default="{ row, $index }">
+                  {{ (pageNum - 1) * pageSize + $index + 1 }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="fname" label="关联部门" />
+              <el-table-column
+                prop="numberDevices"
+                label="设备数量"
+                width="120"
+                align="center"
+              />
+              <el-table-column
+                prop="audio"
+                label="云音响imei"
+                
+                align="center"
+              />
+              <el-table-column
+                prop="contactName"
+                label="联系人"
+                align="center"
+                width="120"
+              />
+              <el-table-column
+                prop="contactPhone"
+                label="联系电话"
+                align="center"
+                width="120"
+              />
+
+              <el-table-column
+                prop="creatData"
+                label="添加时间"
+                align="center"
+                width="140"
+              />
+              <el-table-column
+                fixed="right"
+                label="操作"
+                width="120"
+                align="center"
+              >
+                <template #default="{ row }">
+                  <el-button
+                    link
+                    type="primary"
+                    size="small"
+                    @click="edit(row)"
+                  >
+                    编辑
+                  </el-button>
+                  <el-button
+                    link
+                    type="primary"
+                    size="small"
+                    @click="remove(row)"
+                    >删除</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
+            <pagination
+              v-show="total > 0"
+              :total="total"
+              v-model:page="pageNum"
+              v-model:limit="pageSize"
             />
-          
-            <el-table-column
-              prop="date"
-              label="添加时间"
-              align="center"
-              width="140"
-            />
-            <el-table-column
-              fixed="right"
-              label="操作"
-              width="120"
-              align="center"
-            >
-              <template #default>
-                <el-button
-                  link
-                  type="primary"
-                  size="small"
-                  @click="handleClick"
-                >
-                  编辑
-                </el-button>
-                <el-button link type="primary" size="small" @click="remove()"
-                  >删除</el-button
-                >
-              </template>
-            </el-table-column>
-          </el-table>
-          <pagination
-            v-show="total > 0"
-            :total="total"
-            v-model:page="pageNum"
-            v-model:limit="pageSize"
-          />
+          </div>
         </div>
-      </div>
-    </el-card>
+      </el-card>
+    </div>
+    <!-- 添加弹框 -->
+    <el-dialog
+      v-model="dialogVisible"
+      width="620"
+      :title="form.fid?'编辑设备':'添加设备'"
+      header-class="dialogheader"
+      :align-center="true"
+        @close="resetForm(formEl)"
+      center
+    >
+      <el-form :model="form" ref="formEl" label-width="auto" :rules="rules">
+        <el-form-item label="关联部门" prop="fid">
+          <el-tree-select
+            v-model="form.fid"
+            :data="data"
+            :props="{
+              value: 'deptId',
+              label: 'deptName',
+              children: 'children',
+            }"
+            value-key="id"
+            placeholder="选择部门"
+            clearable
+            
+            check-strictly
+          />
+        </el-form-item>
+        <el-form-item label="联系人" prop="contactName"  >
+          <el-input v-model="form.contactName" placeholder="填写联系人" />
+        </el-form-item>
+        <el-form-item label="联系电话" prop="contactPhone" >
+          <el-input v-model="form.contactPhone" placeholder="填写联系电话" />
+        </el-form-item>
+        <el-form-item label="布控球1 ID:" prop="startDeviceId" >
+          <el-input v-model="form.startDeviceId" placeholder="填写布控球1 ID" />
+        </el-form-item>
+        <el-form-item label="布控球2 ID:" prop="endDeviceId" >
+          <el-input v-model="form.endDeviceId" placeholder="填写布控球2 ID" />
+        </el-form-item>
+        <el-form-item label="云音响imei:" prop="audio" >
+          <el-input v-model="form.audio" placeholder="填写云音响imei" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="resetForm(formEl)" style="width:100px ;">取消</el-button>
+          <el-button type="primary" @click="submitForm(formEl)" style="width:100px ;">
+            确认
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
   </div>
-  <!-- 添加弹框 -->
-  <el-dialog
-    v-model="dialogVisible"
-    width="500"
-    title="添加部门"
-    header-class="dialogheader"
-    :align-center="true"
-    center
-  >
-    <el-form :model="form" ref="formEl" label-width="auto" :rules="rules">
-        <el-form-item label="关联部门">
-        <el-select v-model="form.region" placeholder="please select your zone">
-          <el-option label="Zone one" value="shanghai" />
-          <el-option label="Zone two" value="beijing" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="联系人" prop="name">
-        <el-input v-model="form.name" />
-      </el-form-item>
-       <el-form-item label="联系电话" prop="name">
-        <el-input v-model="form.name" />
-      </el-form-item>
-      <el-form-item label="布控球1 ID:" prop="name">
-        <el-input v-model="form.name" />
-      </el-form-item>
-       <el-form-item label="布控球2 ID:" prop="name">
-        <el-input v-model="form.name" />
-      </el-form-item>
-        <el-form-item label="云音响imei:" prop="name">
-        <el-input v-model="form.name" />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="resetForm(formEl)">取消</el-button>
-        <el-button type="primary" @click="submitForm(formEl)"> 确认 </el-button>
-      </div>
-    </template>
-  </el-dialog>
 </template>
 
 <script setup>
 import { CirclePlus, Search, Plus, Minus } from "@element-plus/icons-vue";
 import { ref } from "vue";
 
+
+import { listDepttree, delDept } from "@/api/system/SysSpeedingDept.js";
 import { ElMessageBox } from "element-plus";
-
+import {
+  listSpeedingAlertSettings,
+  addSpeedingAlertSettings,
+  delSpeedingAlertSettings,
+  updateSpeedingAlertSettings
+} from "@/api/system/SpeedingAlertSettings.js";
+const { proxy } = getCurrentInstance();
 const formEl = ref();
-const total = ref(90);
-const pageNum = ref(10);
-const pageSize = ref(1);
+const total = ref(0);
+const pageNum = ref(1);
+const pageSize = ref(20);
+const fname=ref("")
 const name = ref("");
-const form = ref({});
+const dateRange = ref([]);
+const form = ref({
+  contactName: "",
+  contactPhone: "",
+  startDeviceId: "",
+  endDeviceId: "",
+  audio: "",
+  fid: "",
+});
+const data = ref([]);
 const dialogVisible = ref(false);
-
-const tableData = [
-  {
-    date: "2016-05-03",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-  },
-  {
-    date: "2016-05-02",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-  },
-  {
-    date: "2016-05-04",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-  },
-  {
-    date: "2016-05-01",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-  },
-];
+const loading = ref(false);
+const tableData = ref([]);
 const rules = {
-  name: {
+  fid: {
     required: true,
-    message: "Please select Activity zone",
+    message: "请选择部门",
+    trigger: "change",
+  },
+  contactName: {
+    required: true,
+    message: "请填写联系人",
+    trigger: "change",
+  },
+  contactPhone: {
+    required: true,
+    message: "请填写联系电话",
+    trigger: "change",
+  },
+  startDeviceId: {
+    required: true,
+    message: "请填写布控球1ID",
+    trigger: "change",
+  },
+  endDeviceId: {
+    required: true,
+    message: "请填写布控球2ID",
+    trigger: "change",
+  },
+  audio: {
+    required: true,
+    message: "请填写云音响imei",
     trigger: "change",
   },
 };
 const resetForm = (formEl) => {
   if (!formEl) return;
+  reset()
   dialogVisible.value = false;
   formEl.resetFields();
+
 };
 const submitForm = async (formEl) => {
   if (!formEl) return;
   await formEl.validate((valid, fields) => {
     if (valid) {
+      if (form.value.id) {
+        updateSpeedingAlertSettings(form.value).then((r) => {
+          dialogVisible.value = false;
+          reset();
+           formEl.resetFields(); 
+          getusertlist();
+        });
+      } else {
+        addSpeedingAlertSettings(form.value).then((r) => {
+          dialogVisible.value = false;
+          fname.value="";
+          dateRange.value="";
+           
+          reset();
+           formEl.resetFields();
+          getusertlist();
+        });
+      }
+
       console.log("submit!");
     } else {
       console.log("error submit!", fields);
     }
   });
 };
-function remove() {
-  ElMessageBox.confirm("确定删除该部门？", "提示", {
+function remove(item) {
+  ElMessageBox.confirm("确定删除该套设备？", "提示", {
     confirmButtonText: "确定",
     cancelButtonText: "取消",
     type: "warning",
   })
     .then(() => {
-      userStore.logOut().then(() => {
-        location.href = "/index";
+      delSpeedingAlertSettings(item.id).then((r) => {
+        getusertlist();
+        proxy.$modal.msgSuccess("删除成功");
       });
     })
     .catch(() => {});
 }
+
+function reset() {
+  form.value = {
+    contactName: "",
+    contactPhone: "",
+    startDeviceId: "",
+    endDeviceId: "",
+    audio: "",
+    fid: "",
+  };
+}
+// 获取部门数据
+
+function getthreedata(type = true) {
+  listDepttree().then((res) => {
+    data.value = res.data;
+  });
+}
+// 搜索
+function listSearch(e) {
+  if ((e && e.keyCode && e.keyCode == 13) || !e || e.length) {
+    pageNum.value = 1;
+    getusertlist();
+  }
+}
+
+function edit(item) {
+  dialogVisible.value = true;
+  getthreedata();
+  form.value = {
+    id: item.id,
+    contactName: item.contactName,
+    contactPhone: item.contactPhone,
+    startDeviceId: item.startDeviceId,
+    endDeviceId: item.endDeviceId,
+    audio: item.audio,
+    fid: item.fid,
+  };
+}
+
+function addequipment() {
+  dialogVisible.value = true;
+  getthreedata();
+}
+/** 查询用户列表 */
+function getusertlist() {
+  loading.value = true;
+  let _dat={
+    pageNum:pageNum.value,
+    pageSize:pageSize.value,
+    fname:fname.value
+  }
+  listSpeedingAlertSettings(proxy.addDateRange(_dat, dateRange.value)).then((res) => {
+    loading.value = false;
+    tableData.value = res.rows;
+    total.value = res.total;
+  });
+}
+getusertlist();
 </script>
 
 <style lang="scss" scoped>
+.app-container{
+  background: #F6F6F6;
+}
+.app-container :deep(.el-card){
+  box-shadow: initial !important;
+
+}
 .top {
   display: flex;
   align-items: center;
@@ -256,7 +396,7 @@ function remove() {
   }
 }
 .cardbox {
-  height: calc(100vh - 84px - 30px - 30px - 30px);
+  height: calc(100vh - 128px);
 }
 
 .container {
@@ -275,26 +415,24 @@ function remove() {
       height: 17px;
     }
     .expandbox {
-        background: #f2f6ff;
-        margin: -8px 0;
-      .box{
-         margin: 0px 120px 0 48px;
-         border-left: 1px solid #E6E6E6;
-          border-right: 1px solid #E6E6E6;
-        .ul{
+      background: #f2f6ff;
+      margin: -8px 0;
+      .box {
+        // margin: 0px 120px 0 48px;
+        border-left: 1px solid #e6e6e6;
+        border-right: 1px solid #e6e6e6;
+        .ul {
           text-align: center;
           display: flex;
           justify-content: space-between;
           padding: 10px 15px;
-          border-bottom: 1px solid #E6E6E6;
-          div{
+          border-bottom: 1px solid #e6e6e6;
+          div {
             flex: 1;
             text-align: center;
           }
-         
         }
       }
-     
     }
   }
 }
diff --git a/src/views/system/fullScreenTable/index.vue b/src/views/system/fullScreenTable/index.vue
index 893d0f4..e8e6a86 100644
--- a/src/views/system/fullScreenTable/index.vue
+++ b/src/views/system/fullScreenTable/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="body">
     <div class="head">
       <div class="left">{{ time }}</div>
       <div class="center">
@@ -15,9 +15,9 @@
       </div>
       <div class="right">
         <div class="user">
-          <div>
+          <div style="text-align: right;">
             <span class="user-nickname"> {{ userStore.nickName }} </span>
-            <span class="typename">{{ userStore.nickName }}</span>
+            <span class="typename">{{ deptName }}</span>
           </div>
           <img :src="userStore.avatar" class="user-avatar" />
         </div>
@@ -28,10 +28,24 @@
   </div>
 </template>
 <script setup>
+import { useFullscreen } from '@vueuse/core'
+
+const { isFullscreen, enter, exit, toggle } = useFullscreen()
+
+
+
 import statisticalTable from "../statisticalTable/index.vue";
 import useUserStore from "@/store/modules/user";
 const userStore = useUserStore();
 import { ElMessageBox } from "element-plus";
+
+const deptName=ref("")
+userStore.getInfo().then(r=>{
+  deptName.value=r.deptName;
+})
+// if(!isFullscreen){
+//   document.querySelector("body").requestFullscreen()
+// }
 function logout() {
   ElMessageBox.confirm("确定注销并退出系统吗？", "提示", {
     confirmButtonText: "确定",
@@ -64,6 +78,11 @@ function formatTime() {
 }
 </script>
 <style lang="scss" scoped>
+.body{
+  background: #F6F6F6;
+  min-width: 1500px;
+  overflow: auto;
+}
 .head {
   background: linear-gradient(#4f8aff 0%, #1235ca 100%);
   display: flex;
@@ -71,12 +90,13 @@ function formatTime() {
   padding: 0px 15px;
   justify-content: space-between;
   height: 60px;
-  margin-bottom: 50px;
+  margin-bottom: 10px;
   color: #fff;
   .center {
     position: relative;
     & > img {
-      height: 130px;
+      height: 100px;
+      // width: 556px;
     }
     div {
       position: absolute;
@@ -86,10 +106,15 @@ function formatTime() {
       color: #fff;
       display: flex;
       align-items: center;
+      white-space: nowrap;
+      img{
+        width: 30px;
+      }
       p {
         margin: 0px 15px;
         font-weight: 500;
-        font-size: 28px;
+        font-size: 29px;
+        letter-spacing: 4px;
         color: #ffffff;
       }
     }
@@ -100,11 +125,13 @@ function formatTime() {
     height: 100%;
     .signOut {
       cursor: pointer;
+       font-size: 14px;
+     
     }
     .user {
       display: flex;
       align-items: center;
-      border-right: 1px solid #d8d8d8;
+      border-right: 1px solid rgba(255,255,255,0.4);
       margin-right: 15px;
       height: 100%;
       img {
@@ -115,6 +142,7 @@ function formatTime() {
         margin: 0px 15px;
       }
       div {
+        
         .user-nickname {
           font-weight: 800;
           font-size: 12px;
diff --git a/src/views/system/statisticalTable/index.vue b/src/views/system/statisticalTable/index.vue
index 9e21c5b..6f23bbd 100644
--- a/src/views/system/statisticalTable/index.vue
+++ b/src/views/system/statisticalTable/index.vue
@@ -3,52 +3,60 @@
     <el-form :model="queryParams" ref="queryRef" :inline="true" class="form">
       <div class="left">
         <el-form-item label="部门" prop="ipaddr">
-          <el-select
-            v-model="queryParams.ipaddr"
-            placeholder="青选择部门"
-            style="width: 320px"
-          >
-            <el-option
-              v-for="item in 3"
-              :key="item"
-              :label="item"
-              :value="item"
-            />
-          </el-select>
+          <el-tree-select
+            style="width: 250px"
+            v-model="form.deptId"
+            :data="departmentlist"
+            @change="change"
+            :props="{
+              value: 'deptId',
+              label: 'deptName',
+              children: 'children',
+            }"
+            value-key="deptId"
+            placeholder="请选择归属部门"
+            clearable
+            check-strictly
+          />
         </el-form-item>
         <el-form-item label="时间范围" prop="userName">
           <el-date-picker
-            style="width: 320px"
-            v-model="value2"
-            type="month"
+            style="width: 250px"
+            v-model="form.value"
+            type="daterange"
+            value-format="YYYY-MM-DD"
             placeholder="请选择时间"
+            range-separator="⇀"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
             :disabled-date="disabledDate"
             :shortcuts="shortcuts"
+            @change="change"
             :size="size"
           />
         </el-form-item>
       </div>
       <div class="right">
-        <el-form-item>
-          <el-button type="primary" icon="Search" @click="handleQuery"
+        <el-form-item style="margin-right: 0px">
+          <el-button type="primary" icon="Search" @click="change"
             >搜索</el-button
           >
           <el-button icon="Refresh" @click="resetQuery">重置</el-button>
         </el-form-item>
       </div>
     </el-form>
-    <el-row :gutter="10" class="rowbox">
+    <el-row :gutter="10" v-loading="loadingecharts" class="rowbox">
       <el-col :span="6">
         <el-card class="quantity">
-          <div class="num">32</div>
-          <div class="title">设备总套数</div>
+          <div class="num">{{ datainfo.device?.total || 0 }}</div>
+          <div class="title">设备总个数</div>
           <div class="ul">
             <div class="item">
-              <p>64</p>
+              <p>{{ datainfo.device?.online || 0 }}</p>
               <span>在线</span>
             </div>
             <div class="item">
-              <p>0</p>
+              <p>{{ datainfo.device?.offline || 0 }}</p>
               <span>离线</span>
             </div>
           </div>
@@ -56,15 +64,33 @@
       </el-col>
       <el-col :span="6">
         <el-card class="quantity">
-          <div class="num">32</div>
+          <div class="num">{{ datainfo.traffic?.passCount || 0 }}</div>
           <div class="title">过车数量</div>
           <div class="ul">
             <div class="item">
-              <p>64</p>
+              <p>
+                {{ datainfo.device?.yoy || 0 }}
+                <template v-if="datainfo.device?.yoytype != 0">
+                  <img
+                    v-if="datainfo.device?.yoytype > 0"
+                    src="@/assets/images/upper.png"
+                  />
+                  <img v-else src="@/assets/images/lower.png" />
+                </template>
+              </p>
               <span>同比</span>
             </div>
             <div class="item">
-              <p>0</p>
+              <p>
+                {{ datainfo.device?.mom || 0 }}
+                <template v-if="datainfo.device?.momtype != 0">
+                  <img
+                    v-if="datainfo.device?.momtype > 0"
+                    src="@/assets/images/upper.png"
+                  />
+                  <img v-else src="@/assets/images/lower.png" />
+                </template>
+              </p>
               <span>环比</span>
             </div>
           </div>
@@ -75,14 +101,18 @@
           <div class="earlyWarning">
             <div class="lfet">
               <div class="item">
-                <h3>1290</h3>
+                <h3>{{ datainfo.warning?.alertCount || 0 }}</h3>
                 <p>预警数量</p>
-                <div>预警比：<span>16%</span></div>
+                <div>
+                  预警比：<span>{{ datainfo.warning?.warningRatio || 0 }}</span>
+                </div>
               </div>
               <div class="item">
-                <h3>1290</h3>
-                <p>预警数量</p>
-                <div>预警比：<span>16%</span></div>
+                <h3>{{ datainfo.warning?.seizureCount || 0 }}</h3>
+                <p>查扣车辆</p>
+                <div>
+                  查扣比：<span>{{ datainfo.warning?.seizureRatio || 0 }}</span>
+                </div>
               </div>
             </div>
             <div id="echarts1" ref="echarts1"></div>
@@ -90,10 +120,10 @@
         </el-card>
       </el-col>
     </el-row>
-    <el-row :gutter="10" class="rowbox">
+    <el-row :gutter="10" v-loading="loadingecharts" class="rowbox">
       <el-col :span="6">
         <el-card class="cardtime">
-          <div class="title">最近7天执法时长统计</div>
+          <div class="title">执法时长统计</div>
           <div id="echarts2" ref="echarts2"></div>
         </el-card>
       </el-col>
@@ -107,19 +137,19 @@
             <div class="right">
               <div class="item">
                 <div class="title">超速10%以下</div>
-                <div class="num">629</div>
+                <div class="num">{{ datainfo.overspeed?.under10 || 0 }}</div>
               </div>
               <div class="item">
                 <div class="title">超速10%-20%</div>
-                <div class="num">629</div>
+                <div class="num">{{ datainfo.overspeed?.sto20 || 0 }}</div>
               </div>
               <div class="item">
                 <div class="title">超速20%-50%</div>
-                <div class="num">629</div>
+                <div class="num">{{ datainfo.overspeed?.eto50 || 0 }}</div>
               </div>
               <div class="item">
                 <div class="title">超速50%以上</div>
-                <div class="num">629</div>
+                <div class="num">{{ datainfo.overspeed?.over50 || 0 }}</div>
               </div>
             </div>
           </div>
@@ -127,7 +157,7 @@
       </el-col>
       <el-col :span="12">
         <el-card class="speeding">
-          <div class="title">最近7天车辆超速情况统计</div>
+          <div class="title">车辆超速情况统计</div>
           <div id="echarts4" ref="echarts4"></div>
         </el-card>
       </el-col>
@@ -135,111 +165,307 @@
     <el-card class="bottomdata">
       <div class="top">
         <div class="left">
-          <div class="on">大队设备使用情况</div>
-          <div>中队设备使用情况</div>
+          <!-- class="on" -->
+          <!-- <template v-if="userStore.deptLevel == 0">
+            <div>支队设备使用情况</div>
+            <div>大队设备使用情况</div>
+            <div>中队设备使用情况</div>
+          </template> -->
+
+          <template v-if="user.deptLevel == 1 || user.deptLevel == 0">
+            <div @click="settype(1)" :class="{ on: form2.deptLevel == 1 }">
+              支队设备使用情况
+            </div>
+            <div @click="settype(2)" :class="{ on: form2.deptLevel == 2 }">
+              大队设备使用情况
+            </div>
+            <div @click="settype(3)" :class="{ on: form2.deptLevel == 3 }">
+              中队设备使用情况
+            </div>
+          </template>
+          <template v-if="user.deptLevel == 2">
+            <div @click="settype(2)" :class="{ on: form2.deptLevel == 2 }">
+              大队设备使用情况
+            </div>
+            <div @click="settype(3)" :class="{ on: form2.deptLevel == 3 }">
+              中队设备使用情况
+            </div>
+          </template>
+          <!-- <template v-if="user.deptLevel == 3">
+            <div>中队设备使用情况</div>
+          </template> -->
         </div>
         <div class="right">
-            <div class="day">
-                 <div class="title">时间范围：</div>
+          <div class="day">
+            <div class="title">时间范围：</div>
             <el-date-picker
-              style="width: 320px"
-              v-model="value2"
-              type="month"
+              style="width: 250px"
+              v-model="form2.value"
+              type="daterange"
               placeholder="请选择时间"
+              value-format="YYYY-MM-DD"
+              range-separator="⇀"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
               :disabled-date="disabledDate"
               :shortcuts="shortcuts"
+              :size="size"
+              @change="change2"
             />
-            </div>
-           
-        
-         
-            <el-input
-              v-model="input2"
-              style="width: 240px"
-              placeholder="Please Input"
-              :suffix-icon="Search"
-            />
-         
+          </div>
 
-          <el-button type="primary" plain>导出Ecxle表格</el-button>
+          <div class="day">
+            <div class="title">部门：</div>
+            <el-tree-select
+              style="width: 250px"
+              v-model="form2.deptId"
+              :data="departmentlist"
+              @change="change2"
+              :props="{
+                value: 'deptId',
+                label: 'deptName',
+                children: 'children',
+              }"
+              value-key="deptId"
+              placeholder="请选择归属部门"
+              clearable
+              check-strictly
+            />
+          </div>
+
+          <el-button type="primary" plain @click="handleExport"
+            >导出Ecxle表格</el-button
+          >
+          <el-button type="primary" @click="change2">查询</el-button>
+          <el-button plain @click="recharge">重置</el-button>
         </div>
       </div>
-      <el-table :data="tableData" border style="width: 100%">
-        <el-table-column sortable  prop="date" label="Date" width="180" />
-        <el-table-column prop="name" label="Name" width="180" />
-        <el-table-column prop="address" label="Address" />
+      <el-table
+        v-loading="loading"
+        :data="Tableinfo"
+        border
+        style="width: 100%"
+      >
+        <el-table-column type="index" label="序号" width="120" align="center">
+          <template #default="{ row, $index }">
+            {{ $index + 1 }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="deptName" align="center" label="部门名称" />
+        <el-table-column
+          prop="deviceTotal"
+          align="center"
+          sortable
+          label="设备总个数"
+        />
+        <el-table-column
+          prop="deviceHours"
+          align="center"
+          sortable
+          label="设备使用总时长(小时)"
+          width="180px"
+        />
+        <el-table-column
+          prop="passTotal"
+          align="center"
+          sortable
+          label="筛查过车数量"
+        />
+        <el-table-column
+          prop="alertTotal"
+          align="center"
+          sortable
+          label="预警数量"
+        />
+        <el-table-column
+          prop="under10"
+          align="center"
+          sortable
+          label="超速10%以下"
+        />
+        <el-table-column
+          prop="sto20"
+          align="center"
+          sortable
+          label="超速10%-20%"
+        />
+        <el-table-column
+          prop="eto50"
+          align="center"
+          sortable
+          label="超速20%-50%"
+        />
+        <el-table-column
+          prop="over50"
+          align="center"
+          sortable
+          label="超速50%以上"
+        />
+
+        <el-table-column
+          prop="enforceTotal"
+          align="center"
+          label="执法数量"
+          sortable
+        />
       </el-table>
     </el-card>
   </div>
 </template>
 
 <script setup>
+import useUserStore from "@/store/modules/user";
+const userStore = useUserStore();
+const { proxy } = getCurrentInstance();
+import dayjs from 'dayjs';
 import * as echarts from "echarts";
 import { Right, Search } from "@element-plus/icons-vue";
 import { ref } from "vue";
-
+import { deptList, dashboard, dailyTable } from "@/api/system/largeScreen.js";
 const queryParams = ref({
   ipaddr: "",
   userName: "",
 });
+const user = ref({});
+const loading = ref(false);
+const loadingecharts = ref(false);
+userStore.getInfo().then((r) => {
+  console.log(r, 8888);
+  user.value = r;
+});
+let drawechar1;
+let drawechar2;
+let drawechar3;
+let drawechar4;
+
+const yesterday = dayjs().subtract(1, 'day').format('YYYY-MM-DD');
+const form = ref({
+  deptId: "",
+  value: [yesterday,yesterday],
+});
+const form2 = ref({
+  deptId: "",
+  deptLevel: "",
+  value: [yesterday, yesterday],
+});
 const echarts1 = ref("");
 const echarts2 = ref("");
 const echarts3 = ref("");
 const echarts4 = ref("");
-function resetQuery() {}
-function handleQuery() {}
+const departmentlist = ref([]);
+const datainfo = ref({});
+const Tableinfo = ref([]);
+function resetQuery() {
+  form.value = {
+    deptId: "",
+    value: [],
+  };
+  change();
+}
+function settype(type) {
+  if (form2.value.deptLevel != type) {
+    form2.value.deptLevel = type;
+  } else {
+    form2.value.deptLevel = "";
+  }
+  change2();
+}
+/** 导出按钮操作 */
+function handleExport() {
+  let _data = {
+    deptId: form2.value.deptId,
+    startDate: form2.value.value[0] || "",
+    endDate: form2.value.value[1] || "",
+    deptLevel: form2.value.deptLevel,
+  };
+  proxy.download(
+    "/system/statistics/dailyTable/export",
+    _data,
+    `AppVersionRelease_${new Date().getTime()}.xlsx`
+  );
+}
 const disabledDate = (time) => {
   return time.getTime() > Date.now();
 };
-const tableData = [
-  {
-    date: "2016-05-03",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-  },
-  {
-    date: "2016-05-02",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-  },
-  {
-    date: "2016-05-04",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-  },
-  {
-    date: "2016-05-01",
-    name: "Tom",
-    address: "No. 189, Grove St, Los Angeles",
-  },
-];
+
 const shortcuts = [
   {
     text: "昨天",
-    value: new Date(),
+    value: () => {
+      
+      return [ dayjs().subtract(1, 'day').format('YYYY-MM-DD'),  dayjs().subtract(1, 'day').format('YYYY-MM-DD')];
+    },
   },
   {
     text: "最近7天",
     value: () => {
-      const date = new Date();
-      date.setTime(date.getTime() - 3600 * 1000 * 24);
-      return date;
+
+      return [dayjs().subtract(8, 'day').format('YYYY-MM-DD'), dayjs().subtract(1, 'day').format('YYYY-MM-DD')];
     },
   },
   {
     text: "最近30天",
     value: () => {
-      const date = new Date();
-      date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
-      return date;
+     return [dayjs().subtract(31, 'day').format('YYYY-MM-DD'), dayjs().subtract(1, 'day').format('YYYY-MM-DD')];
+    },
+  },
+  {
+    text: "最近90天",
+    value: () => {
+      return [dayjs().subtract(91, 'day').format('YYYY-MM-DD'), dayjs().subtract(1, 'day').format('YYYY-MM-DD')];
     },
   },
 ];
 
+function change() {
+  getdata();
+}
+
+function getdata() {
+  loadingecharts.value = true;
+  let _data = {
+    deptId: form.value.deptId,
+    startDate: form.value.value[0] || "",
+    endDate: form.value.value[1] || "",
+  };
+  dashboard(_data).then((r) => {
+    datainfo.value = r.data;
+    loadingecharts.value = false;
+    init();
+  });
+}
+
+function recharge() {
+  form2.value = {
+    deptId: "",
+    value: [],
+    deptLevel: "",
+  };
+  change2();
+}
+function change2() {
+  gettable();
+}
+
+function gettable() {
+  loading.value = true;
+
+  let _data = {
+    deptId: form2.value.deptId,
+    startDate: form2.value.value[0] || "",
+    endDate: form2.value.value[1] || "",
+    deptLevel: form2.value.deptLevel,
+  };
+  dailyTable(_data).then((r) => {
+    Tableinfo.value = r.data;
+    loading.value = false;
+  });
+}
 // const usedmemoryInstance = echarts.init(usedmemory.value, "macarons");
 
 function init() {
-  const drawechar1 = echarts.init(echarts1.value, "macarons");
+  drawechar1 = echarts.init(echarts1.value, "macarons");
+
   drawechar1.setOption({
     tooltip: {
       trigger: "axis",
@@ -269,15 +495,16 @@ function init() {
       {
         type: "bar",
         barWidth: 24,
+
         data: [
           {
-            value: 200,
+            value: datainfo.value?.warning?.alertCount || 0,
             itemStyle: {
               color: "#FF8606",
             },
           },
           {
-            value: 500,
+            value: datainfo.value?.warning?.seizureCount || 0,
             itemStyle: {
               color: "#C307B6",
             },
@@ -287,12 +514,19 @@ function init() {
     ],
   });
 
-  const drawechar2 = echarts.init(echarts2.value, "macarons");
+  drawechar2 = echarts.init(echarts2.value, "macarons");
   drawechar2.setOption({
+    tooltip: {
+      trigger: "axis",
+      formatter: "{c}小时 ",
+      axisPointer: {
+        type: "shadow",
+      },
+    },
     color: ["#4D7BFF"],
     xAxis: {
       type: "category",
-      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+      data: datainfo.value.durationTrend?.map((r) => r.date) || [],
     },
     yAxis: {
       type: "value",
@@ -301,36 +535,47 @@ function init() {
       show: false,
     },
     dataZoom: [
-      {
-        type: "inside",
-      },
       {
         type: "slider",
+        zoomLock: true,
+        minValueSpan: datainfo.value.durationTrend[0]?.date || 0,
+        maxValueSpan: datainfo.value.durationTrend[6]?.date || 0,
+        brushSelect: false,
+        show: datainfo.value.durationTrend.length > 6 ? true : false,
+        height: 15,
+        bottom: 0,
       },
     ],
     grid: {
       top: 40,
-      right: 0,
-      bottom: 15,
+      right: 10,
+      bottom: datainfo.value.durationTrend.length > 6 ? 15 : 0,
       left: 0,
       containLabel: true,
     },
     series: [
       {
-        barWidth: 24,
-        data: [120, 200, 150, 80, 70, 110, 130],
+        barWidth: 20,
+        barGap: "50%",
+        barCategoryGap: "50%",
+        data: datainfo.value.durationTrend?.map((r) => r.hours) || [],
         type: "bar",
       },
     ],
   });
 
-  const drawechar3 = echarts.init(echarts3.value, "macarons");
+  drawechar3 = echarts.init(echarts3.value, "macarons");
   drawechar3.setOption({
+    color: ["#4D7BFF", "#FF8606", "#FF2A06", "#C307B6"],
     legend: {
       show: false,
     },
+    tooltip: {
+      trigger: "item",
+      formatter: "{b}: {c} ",
+    },
     grid: {
-      right: 0,
+      right: 10,
       left: 0,
     },
     series: [
@@ -347,23 +592,21 @@ function init() {
           position: "center",
         },
         data: [
-          { value: 1048, name: "Search Engine" },
-          { value: 735, name: "Direct" },
-          { value: 580, name: "Email" },
-          { value: 484, name: "Union Ads" },
-          { value: 300, name: "Video Ads" },
+          { value: datainfo.value.overspeed.under10, name: "超速10%以下" },
+          { value: datainfo.value.overspeed.sto20, name: "超速10%-20%" },
+          { value: datainfo.value.overspeed.eto50, name: "超速20%-50%" },
+          { value: datainfo.value.overspeed.over50, name: "超速50%以上" },
         ],
       },
     ],
   });
 
-  const drawechar4 = echarts.init(echarts4.value, "macarons");
+  drawechar4 = echarts.init(echarts4.value, "macarons");
   drawechar4.setOption({
     color: ["#4D7BFF", "#FF8606", "#FF2A06", "#C307B6"],
-
     xAxis: {
       type: "category",
-      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+      data: datainfo.value.overspeedTrend.map((r) => r.date),
     },
     yAxis: {
       type: "value",
@@ -378,61 +621,86 @@ function init() {
       },
     },
     dataZoom: [
-      {
-        type: "inside",
-      },
       {
         type: "slider",
+        zoomLock: true,
+        minValueSpan: datainfo.value.overspeedTrend[0]?.date || 0,
+        maxValueSpan: datainfo.value.overspeedTrend[6]?.date || 0,
+        brushSelect: false,
+        show: datainfo.value.overspeedTrend.length > 6 ? true : false,
+        height: 15,
+        bottom: 0,
       },
     ],
     grid: {
       top: 40,
       right: 0,
-      bottom: 15,
+      bottom: datainfo.value.overspeedTrend.length > 6 ? 15 : 0,
       left: 0,
       containLabel: true,
     },
     series: [
       {
-        barWidth: 15,
+        barWidth: 18,
         name: "超速10%以下",
-        data: [120, 200, 150, 80, 70, 110, 130],
+        data: datainfo.value.overspeedTrend.map((r) => r.under10),
         type: "bar",
       },
       {
         name: "超速10%-20%",
-        barWidth: 15,
-        data: [120, 200, 150, 80, 70, 110, 130],
+        barWidth: 18,
+        data: datainfo.value.overspeedTrend.map((r) => r.sto20),
         type: "bar",
       },
       {
         name: "超速20%-50%",
-        barWidth: 15,
-        data: [120, 200, 150, 80, 70, 110, 130],
+        barWidth: 18,
+        data: datainfo.value.overspeedTrend.map((r) => r.eto50),
         type: "bar",
       },
       {
         name: "超速50%以上",
-        barWidth: 15,
-        data: [120, 200, 150, 80, 70, 110, 130],
+        barWidth: 18,
+        data: datainfo.value.overspeedTrend.map((r) => r.over50),
         type: "bar",
       },
     ],
   });
 }
 nextTick(() => {
-  init();
+  // init();
+  change2();
+  change();
 });
 function resize() {
-  //  commandstatsIntance.resize()
-  //       usedmemoryInstance.resize()
+  drawechar1.resize();
+  drawechar2.resize();
+  drawechar3.resize();
+  drawechar4.resize();
 }
+
+onMounted(() => {
+  deptList().then((r) => {
+    departmentlist.value = r.data;
+  });
+  getdata();
+});
 window.addEventListener("resize", () => {
-  resize();
+  // resize();
 });
 </script>
 
 <style lang="scss" scoped>
+.app-container {
+  background: #f6f6f6;
+  min-width: 1500px;
+}
+.app-container :deep(.el-card) {
+  box-shadow: initial !important;
+  .el-card__body {
+    height: 100%;
+  }
+}
 .rowbox {
   margin-bottom: 10px;
 }
@@ -465,6 +733,14 @@ window.addEventListener("resize", () => {
         font-size: 22px;
         margin: 0px;
         margin-bottom: 5px;
+        position: relative;
+        img {
+          width: 12px;
+          height: 16px;
+          position: absolute;
+          top: 50%;
+          transform: translate(50%, -50%);
+        }
       }
       span {
         font-size: 14px;
@@ -519,6 +795,7 @@ window.addEventListener("resize", () => {
   }
 }
 .cardtime {
+  height: 100%;
   .title {
     font-weight: 600;
     font-size: 16px;
@@ -526,7 +803,7 @@ window.addEventListener("resize", () => {
   }
   #echarts2 {
     width: 100%;
-    height: 300px;
+    height: calc(100% - 20px);
   }
 }
 .cardtype {
@@ -540,7 +817,7 @@ window.addEventListener("resize", () => {
       color: #333333;
     }
     #echarts3 {
-      height: 290px;
+      height: calc(100% - 20px);
       width: 100%;
     }
   }
@@ -603,6 +880,7 @@ window.addEventListener("resize", () => {
 }
 .speeding {
   position: relative;
+  height: 100%;
   .title {
     font-weight: 600;
     font-size: 16px;
@@ -611,15 +889,19 @@ window.addEventListener("resize", () => {
   }
   #echarts4 {
     width: 100%;
-    height: 320px;
+    height: 100%;
   }
 }
+
 .bottomdata {
   .top {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-bottom: 15px;
+    :deep(.el-button) {
+      margin-left: 0px;
+    }
     .left {
       display: flex;
       align-items: center;
@@ -627,7 +909,13 @@ window.addEventListener("resize", () => {
       border-radius: 3px;
       overflow: hidden;
       div {
-        padding: 10px 15px;
+        padding: 7px 15px;
+        font-size: 13px;
+        border-left: 1px solid #d5d5d5;
+        cursor: pointer;
+        &:nth-of-type(1) {
+          border: none;
+        }
       }
       .on {
         background: #4d7bff;
@@ -638,7 +926,7 @@ window.addEventListener("resize", () => {
       display: flex;
       gap: 15px;
       align-items: center;
-      .day{
+      .day {
         display: flex;
         align-items: center;
       }
diff --git a/vite.config.js b/vite.config.js
index 159ed81..e3bb329 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,7 +1,7 @@
 import { defineConfig, loadEnv } from 'vite'
 import path from 'path'
 import createVitePlugins from './vite/plugins'
-const baseUrl = 'http://192.168.1.6:8566' // 后端接口
+const baseUrl = 'http://192.168.1.7:9005' // 后端接口
 // const baseUrl = 'https://api.huafurenjia.cn'
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {
@@ -41,7 +41,7 @@ export default defineConfig(({ mode, command }) => {
     },
     // vite 相关配置
     server: {
-      port: 80,
+      port: 8080,
       host: true,
       open: true,
       proxy: {