ewewe

.husky/commit-msg

@@ -1,8 +0,0 @@
-#!/bin/sh
-
-# shellcheck source=./_/husky.sh
-. "$(dirname "$0")/_/husky.sh"
-
-PATH="/usr/local/bin:$PATH"
-
-npx --no-install commitlint --edit "$1"

.husky/common.sh

@@ -1,9 +0,0 @@
-#!/bin/sh
-command_exists () {
-  command -v "$1" >/dev/null 2>&1
-}
-
-# Workaround for Windows 10, Git Bash and Yarn
-if command_exists winpty && test -t 1; then
-  exec < /dev/tty
-fi

.husky/pre-commit

@@ -1,10 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-. "$(dirname "$0")/common.sh"
-
-[ -n "$CI" ] && exit 0
-
-PATH="/usr/local/bin:$PATH"
-
-# Format and submit code according to lintstagedrc.js configuration
-pnpm exec lint-staged

package.json

@@ -37,35 +37,6 @@
     "test:gzip": "npx http-server dist --cors --gzip -c-1",
     "type:check": "vue-tsc --noEmit --skipLibCheck"
   },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "prettier --write",
-      "eslint --fix"
-    ],
-    "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": [
-      "prettier --write--parser json"
-    ],
-    "package.json": [
-      "prettier --write"
-    ],
-    "*.vue": [
-      "prettier --write",
-      "eslint --fix",
-      "stylelint --fix"
-    ],
-    "*.{scss,less,styl,html}": [
-      "prettier --write",
-      "stylelint --fix"
-    ],
-    "*.md": [
-      "prettier --write"
-    ]
-  },
-  "config": {
-    "commitizen": {
-      "path": "node_modules/cz-git"
-    }
-  },
   "dependencies": {
     "@ant-design/icons-vue": "^6.1.0",
     "@iconify/iconify": "^3.1.1",
@@ -138,8 +109,6 @@
     "cross-env": "^7.0.3",
     "cz-git": "^1.6.1",
     "czg": "^1.6.1",
-    "husky": "^8.0.3",
-    "lint-staged": "13.2.3",
     "prettier": "^2.8.8",
     "prettier-plugin-packagejson": "^2.4.6",
     "rimraf": "^5.0.1",

pnpm-lock.yaml

@@ -216,12 +216,6 @@ importers:
       czg:
         specifier: ^1.6.1
         version: 1.8.0
-      husky:
-        specifier: ^8.0.3
-        version: 8.0.3
-      lint-staged:
-        specifier: 13.2.3
-        version: 13.2.3
       prettier:
         specifier: ^2.8.8
         version: 2.8.8
@@ -242,7 +236,7 @@ importers:
         version: 1.2.1
       vite:
         specifier: ^4.4.0
-        version: 4.5.1(@types/node@20.5.1)(less@4.2.0)(sass@1.69.5)
+        version: 4.5.1(@types/node@20.5.1)
       vite-plugin-mock:
         specifier: ^2.9.6
         version: 2.9.8(mockjs@1.1.0)(vite@4.5.1)
@@ -3231,7 +3225,7 @@ packages:
       chokidar: 3.5.3
       fast-glob: 3.3.2
       magic-string: 0.30.5
-      vite: 4.5.1(@types/node@20.5.1)(less@4.2.0)(sass@1.69.5)
+      vite: 4.5.1(@types/node@20.5.1)
     transitivePeerDependencies:
       - rollup
 
@@ -3534,14 +3528,6 @@ packages:
       - supports-color
     dev: true
 
-  /aggregate-error@3.1.0:
-    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
-    engines: {node: '>=8'}
-    dependencies:
-      clean-stack: 2.2.0
-      indent-string: 4.0.0
-    dev: true
-
   /ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
     dependencies:
@@ -3580,6 +3566,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       type-fest: 0.21.3
+    dev: false
 
   /ansi-regex@2.1.1:
     resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
@@ -3910,7 +3897,7 @@ packages:
   /axios@1.6.2:
     resolution: {integrity: sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==}
     dependencies:
-      follow-redirects: 1.15.3(debug@4.3.4)
+      follow-redirects: 1.15.3
       form-data: 4.0.0
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
@@ -4312,11 +4299,6 @@ packages:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  /chalk@5.2.0:
-    resolution: {integrity: sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==}
-    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
-    dev: true
-
   /chalk@5.3.0:
     resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
@@ -4405,18 +4387,6 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /clean-stack@2.2.0:
-    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /cli-cursor@3.1.0:
-    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
-    engines: {node: '>=8'}
-    dependencies:
-      restore-cursor: 3.1.0
-    dev: true
-
   /cli-tableau@2.0.1:
     resolution: {integrity: sha512-he+WTicka9cl0Fg/y+YyxcN6/bfQ/1O3QmgxRXDhABKqLzvoOSM4fMzp39uMyLBulAFuywD2N7UaoQE7WaADxQ==}
     engines: {node: '>=8.10.0'}
@@ -4424,22 +4394,6 @@ packages:
       chalk: 3.0.0
     dev: true
 
-  /cli-truncate@2.1.0:
-    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
-    engines: {node: '>=8'}
-    dependencies:
-      slice-ansi: 3.0.0
-      string-width: 4.2.3
-    dev: true
-
-  /cli-truncate@3.1.0:
-    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      slice-ansi: 5.0.0
-      string-width: 5.1.2
-    dev: true
-
   /cliui@6.0.0:
     resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
     dependencies:
@@ -6382,6 +6336,16 @@ packages:
     resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
     dev: true
 
+  /follow-redirects@1.15.3:
+    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dev: false
+
   /follow-redirects@1.15.3(debug@4.3.4):
     resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
     engines: {node: '>=4.0'}
@@ -6392,6 +6356,7 @@ packages:
         optional: true
     dependencies:
       debug: 4.3.4
+    dev: true
 
   /for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
@@ -7003,12 +6968,6 @@ packages:
     engines: {node: '>=14.18.0'}
     dev: true
 
-  /husky@8.0.3:
-    resolution: {integrity: sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dev: true
-
   /iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
@@ -7249,11 +7208,6 @@ packages:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
 
-  /is-fullwidth-code-point@4.0.0:
-    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
-    engines: {node: '>=12'}
-    dev: true
-
   /is-generator-fn@2.1.0:
     resolution: {integrity: sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==}
     engines: {node: '>=6'}
@@ -8382,11 +8336,6 @@ packages:
       immediate: 3.0.6
     dev: false
 
-  /lilconfig@2.1.0:
-    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
-    engines: {node: '>=10'}
-    dev: true
-
   /lilconfig@3.0.0:
     resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
     engines: {node: '>=14'}
@@ -8395,52 +8344,10 @@ packages:
   /lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  /lint-staged@13.2.3:
-    resolution: {integrity: sha512-zVVEXLuQIhr1Y7R7YAWx4TZLdvuzk7DnmrsTNL0fax6Z3jrpFcas+vKbzxhhvp6TA55m1SQuWkpzI1qbfDZbAg==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      chalk: 5.2.0
-      cli-truncate: 3.1.0
-      commander: 10.0.1
-      debug: 4.3.4
-      execa: 7.2.0
-      lilconfig: 2.1.0
-      listr2: 5.0.8
-      micromatch: 4.0.5
-      normalize-path: 3.0.0
-      object-inspect: 1.13.1
-      pidtree: 0.6.0
-      string-argv: 0.3.2
-      yaml: 2.3.4
-    transitivePeerDependencies:
-      - enquirer
-      - supports-color
-    dev: true
-
   /listenercount@1.0.1:
     resolution: {integrity: sha512-3mk/Zag0+IJxeDrxSgaDPy4zZ3w05PRZeJNnlWhzFz5OkX49J4krc+A8X2d2M69vGMBEX0uyl8M+W+8gH+kBqQ==}
     dev: false
 
-  /listr2@5.0.8:
-    resolution: {integrity: sha512-mC73LitKHj9w6v30nLNGPetZIlfpUniNSsxxrbaPcWOjDb92SHPzJPi/t+v1YC/lxKz/AJ9egOjww0qUuFxBpA==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    peerDependencies:
-      enquirer: '>= 2.3.0 < 3'
-    peerDependenciesMeta:
-      enquirer:
-        optional: true
-    dependencies:
-      cli-truncate: 2.1.0
-      colorette: 2.0.20
-      log-update: 4.0.0
-      p-map: 4.0.0
-      rfdc: 1.3.0
-      rxjs: 7.8.1
-      through: 2.3.8
-      wrap-ansi: 7.0.0
-    dev: true
-
   /load-tsconfig@0.2.5:
     resolution: {integrity: sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -8574,16 +8481,6 @@ packages:
     engines: {node: '>=0.8.6'}
     dev: true
 
-  /log-update@4.0.0:
-    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
-    engines: {node: '>=10'}
-    dependencies:
-      ansi-escapes: 4.3.2
-      cli-cursor: 3.1.0
-      slice-ansi: 4.0.0
-      wrap-ansi: 6.2.0
-    dev: true
-
   /loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
@@ -9331,13 +9228,6 @@ packages:
     dependencies:
       p-limit: 3.1.0
 
-  /p-map@4.0.0:
-    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      aggregate-error: 3.1.0
-    dev: true
-
   /p-try@2.2.0:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
@@ -9498,12 +9388,6 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
-  /pidtree@0.6.0:
-    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
-    engines: {node: '>=0.10'}
-    hasBin: true
-    dev: true
-
   /pidusage@2.0.21:
     resolution: {integrity: sha512-cv3xAQos+pugVX+BfXpHsbyz/dLzX+lr44zNMsYiGxUw+kV5sgQCIcLd1z+0vq+KyC7dJ+/ts2PsfgWfSC3WXA==}
     engines: {node: '>=8'}
@@ -10505,14 +10389,6 @@ packages:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  /restore-cursor@3.1.0:
-    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
-    engines: {node: '>=8'}
-    dependencies:
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-    dev: true
-
   /ret@0.1.15:
     resolution: {integrity: sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==}
     engines: {node: '>=0.12'}
@@ -10522,10 +10398,6 @@ packages:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  /rfdc@1.3.0:
-    resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
-    dev: true
-
   /rimraf@2.7.1:
     resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
     hasBin: true
@@ -10633,12 +10505,6 @@ packages:
     resolution: {integrity: sha512-Arc4hUN896vjkqCYrUXquBFtRZdv1PfLbTYP71efP6butxyQ0kWpiNJyAgsxscmQg1cqvHY32/UCBzXedTpU2g==}
     dev: true
 
-  /rxjs@7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
-    dependencies:
-      tslib: 2.6.2
-    dev: true
-
   /safe-array-concat@1.0.1:
     resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
     engines: {node: '>=0.4'}
@@ -10836,15 +10702,6 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /slice-ansi@3.0.0:
-    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      ansi-styles: 4.3.0
-      astral-regex: 2.0.0
-      is-fullwidth-code-point: 3.0.0
-    dev: true
-
   /slice-ansi@4.0.0:
     resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
     engines: {node: '>=10'}
@@ -10854,14 +10711,6 @@ packages:
       is-fullwidth-code-point: 3.0.0
     dev: true
 
-  /slice-ansi@5.0.0:
-    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      ansi-styles: 6.2.1
-      is-fullwidth-code-point: 4.0.0
-    dev: true
-
   /smart-buffer@4.2.0:
     resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
     engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
@@ -11994,6 +11843,7 @@ packages:
   /type-fest@0.21.3:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
     engines: {node: '>=10'}
+    dev: false
 
   /type-fest@0.6.0:
     resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
@@ -12393,7 +12243,7 @@ packages:
       fast-glob: 3.3.2
       mockjs: 1.1.0
       path-to-regexp: 6.2.1
-      vite: 4.5.1(@types/node@20.5.1)(less@4.2.0)(sass@1.69.5)
+      vite: 4.5.1(@types/node@20.5.1)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -12421,7 +12271,7 @@ packages:
     dependencies:
       cheerio: 1.0.0-rc.12
       typescript: 5.3.3
-      vite: 4.5.1(@types/node@20.5.1)(less@4.2.0)(sass@1.69.5)
+      vite: 4.5.1(@types/node@20.5.1)
     dev: false
 
   /vite-plugin-svg-icons@2.0.1(vite@4.5.1):
@@ -12478,6 +12328,41 @@ packages:
       fsevents: 2.3.3
     dev: false
 
+  /vite@4.5.1(@types/node@20.5.1):
+    resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 20.5.1
+      esbuild: 0.18.20
+      postcss: 8.4.32
+      rollup: 3.29.4
+    optionalDependencies:
+      fsevents: 2.3.3
+
   /vite@4.5.1(@types/node@20.5.1)(less@4.2.0)(sass@1.69.5):
     resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -12809,6 +12694,7 @@ packages:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
+    dev: false
 
   /wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}

src/views/vent/common/basicCard.vue

@@ -1,90 +1,90 @@
 <template>
-    <div class="basicCard">
-        <div class="card-box" v-for="(item, index) in cardContentLists" :key="index">
-            <img class="card-box-img" :src="item.imgSrc" alt="">
-            <div class="card-box-item">
-                <div class="item-labels">{{ item.label }}</div>
-                <div class="item-vals">{{ item.val }}</div>
-            </div>
-        </div>
-
+  <div class="basicCard">
+    <div class="card-box" v-for="(item, index) in cardContentLists" :key="index">
+      <img class="card-box-img" :src="item.imgSrc" alt="" //>
+      <div class="card-box-item">
+        <div class="item-labels">{{ item.label }}</div>
+        <div class="item-vals">{{ item.val }}</div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script setup lang="ts">
-import { ref, reactive,defineProps,watch } from 'vue'
-
-
-let props=defineProps({
-    cardContentList:{
-        type:Array,
-        default:()=>{
-            return []
-        }
-    }
-})
-let cardContentLists=ref<any[]>([])
+  import { ref, reactive, defineProps, watch } from 'vue';
 
+  let props = defineProps({
+    cardContentList: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+  });
+  let cardContentLists = ref<any[]>([]);
 
-watch(()=>props.cardContentList,(newV,oldV)=>{
-    console.log(newV,'工作面卡片-----')
-    cardContentLists.value=newV
-    
-},{immediate:true,deep:true})
+  watch(
+    () => props.cardContentList,
+    (newV, oldV) => {
+      console.log(newV, '工作面卡片-----');
+      cardContentLists.value = newV;
+    },
+    { immediate: true, deep: true },
+  );
 </script>
 
 <style lang="less" scoped>
-@font-face {
-    font-family: 'douyuFont';
+  @font-face {
+    font-family: douyuFont;
     src: url('../../../assets/font/douyuFont.otf');
-}
-.basicCard {
+  }
+
+  .basicCard {
+    display: flex;
     position: relative;
+    align-items: center;
+    justify-content: space-between;
     width: 100%;
     height: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: rgba(41, 49, 53, .8);
     overflow-x: auto;
+    background-color: rgb(41 49 53 / 80%);
 
     .card-box {
-        width: 416px;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex-shrink: 0;
-        border-left: 2px solid;
-        border-image: linear-gradient(to bottom, transparent, rgba(2, 70, 136, 1), transparent) 1 1 1;
+      display: flex;
+      flex-shrink: 0;
+      align-items: center;
+      justify-content: center;
+      width: 416px;
+      height: 100%;
+      border-left: 2px solid;
+      border-image: linear-gradient(to bottom, transparent, rgb(2 70 136 / 100%), transparent) 1 1 1;
 
-        &:first-child {
-            border: none;
-        }
+      &:first-child {
+        border: none;
+      }
 
-        .card-box-img {
-            width: 94px;
-            height: 94px;
+      .card-box-img {
+        width: 94px;
+        height: 94px;
+      }
 
-        }
-
-        .card-box-item {
-            height: 94px;
-            margin-left: 10px;
-            display: flex;
-            flex-direction: column;
-            justify-content: space-around;
-
-            .item-labels {
-                color: #fff
-            }
+      .card-box-item {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-around;
+        height: 94px;
+        margin-left: 10px;
 
-            .item-vals {
-                font-family: 'douyuFont';
-                font-size: 20px;
-                color: #02bbe9;
-            }
+        .item-labels {
+          color: #fff;
         }
 
+        .item-vals {
+          color: #02bbe9;
+          font-family: douyuFont;
+          font-size: 20px;
+        }
+      }
     }
-}</style>
+  }
+</style>

src/views/vent/common/basicEchartLine.vue

@@ -5,153 +5,173 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted, nextTick, defineProps } from 'vue'
-import * as echarts from 'echarts';
+  import { ref, reactive, onMounted, nextTick, defineProps } from 'vue';
+  import * as echarts from 'echarts';
 
+  let props = defineProps({
+    //距离边缘的距离
+    gridV: {
+      type: Object,
+      default: () => {
+        return {
+          top: '8%',
+          left: '3%',
+          right: '3%',
+          bottom: '10%',
+        };
+      },
+    },
+  });
 
-let props = defineProps({
-  //距离边缘的距离
-  gridV: {
-    type: Object,
-    default: () => {
-      return {
-        top: '8%',
-        left: '3%',
-        right: '3%',
-        bottom: '10%'
-      }
-    }
-  }
-})
-
-//获取don元素节点
-let line = ref()
-
-function getOption() {
-  nextTick(() => {
-    let myChart = echarts.init(line.value);
-    let option = {
+  //获取don元素节点
+  let line = ref();
 
-      tooltip: {
-                trigger: 'axis',
-                axisPointer: {
-                  type:'line',
-                    lineStyle: {
-                        color: {
-                            type: 'solid',
-                            x: 0,
-                            y: 0,
-                            x2: 0,
-                            y2: 1,
-                            colorStops: [{
-                                offset: 0,
-                                color: 'rgba(31, 179, 247,0)'
-                            }, {
-                                offset: 0.5,
-                                color: 'rgba(31, 179, 247,1)',
-                            }, {
-                                offset: 1,
-                                color: 'rgba(31, 179, 247,0)'
-                            }],
-                            global: false
-                        }
-                    },
-                },
+  function getOption() {
+    nextTick(() => {
+      let myChart = echarts.init(line.value);
+      let option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'line',
+            lineStyle: {
+              color: {
+                type: 'solid',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: 'rgba(31, 179, 247,0)',
+                  },
+                  {
+                    offset: 0.5,
+                    color: 'rgba(31, 179, 247,1)',
+                  },
+                  {
+                    offset: 1,
+                    color: 'rgba(31, 179, 247,0)',
+                  },
+                ],
+                global: false,
+              },
             },
-      grid: props.gridV,
-      xAxis: [{//x轴
-        type: 'category',//数据类型为不连续数据
-        boundaryGap: false,//坐标轴两边是否留白
-        axisLine: { //坐标轴轴线相关设置。数学上的x轴
-          show: true,
-          lineStyle: {
-            color: 'rgba(100, 99, 99,.5)',
-            type: 'dashed'
           },
         },
-        axisLabel: {
-          fontSize: 14,
-          // margin: 10,
-          textStyle: {
-            color: '#b3b8cc',
+        grid: props.gridV,
+        xAxis: [
+          {
+            //x轴
+            type: 'category', //数据类型为不连续数据
+            boundaryGap: false, //坐标轴两边是否留白
+            axisLine: {
+              //坐标轴轴线相关设置。数学上的x轴
+              show: true,
+              lineStyle: {
+                color: 'rgba(100, 99, 99,.5)',
+                type: 'dashed',
+              },
+            },
+            axisLabel: {
+              fontSize: 14,
+              // margin: 10,
+              textStyle: {
+                color: '#b3b8cc',
+              },
+            },
+            axisTick: { show: true }, //刻度点数轴
+            splitLine: {
+              show: false,
+            },
+            data: ['12.1', '12.2', '12.3', '12.4', '12.5', '12.6', '12.7'],
           },
-        },
-        axisTick: { show: true, },//刻度点数轴
-        splitLine: {
-          show: false,
-        },
-        data: ['12.1', '12.2', '12.3', '12.4', '12.5', '12.6', '12.7'],
-      }],
-      yAxis: [{//y轴的相关设置
-        type: 'value',//y轴数据类型为连续的数据
-        min: 0,//y轴上的刻度最小值
-        // splitNumber: 7,//y轴上的刻度段数
-        splitLine: {
-          show: true,
-          lineStyle: {
-            color: 'rgba(100, 99, 99,.5)',
-            type: 'dashed'
-          }
-        },
-        axisLine: {//y轴的相关设置
-          show: false,
-        },
-        axisLabel: {
-          show: true,
-          margin: 20,
-          textStyle: {
-            color: '#b3b8cc',
+        ],
+        yAxis: [
+          {
+            //y轴的相关设置
+            type: 'value', //y轴数据类型为连续的数据
+            min: 0, //y轴上的刻度最小值
+            // splitNumber: 7,//y轴上的刻度段数
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: 'rgba(100, 99, 99,.5)',
+                type: 'dashed',
+              },
+            },
+            axisLine: {
+              //y轴的相关设置
+              show: false,
+            },
+            axisLabel: {
+              show: true,
+              margin: 20,
+              textStyle: {
+                color: '#b3b8cc',
+              },
+            },
+            axisTick: { show: true }, //刻度点数轴
           },
-        },
-        axisTick: { show: true, },  //刻度点数轴
-      }],
-      series: [{
-        name: '',
-        type: 'line',//统计图类型为折线图
-        smooth: true, //是否平滑曲线显示
-        symbolSize: 0,//数据点的大小，[0,0]//b表示宽度和高度
-        lineStyle: {//线条的相关设置
-          normal: {
-            color: "#3deaff"   // 线条颜色
-          }
-        },
-        areaStyle: { //区域填充样式
-          normal: {
-            //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
-            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-              { offset: 0, color: 'rgba(61,234,255, 0.9)' },
-              { offset: 0.7, color: 'rgba(61,234,255, 0)' }
-            ], false),
-
-            shadowColor: 'rgba(53,142,215, 0.9)', //阴影颜色
-            shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
-          }
-        },
-        data: [90, 105, 84, 125, 110, 92, 98]
-      }]
-    };
-    myChart.setOption(option);
-    window.onresize = function () {
-      myChart.resize();
-    };
-  });
-}
+        ],
+        series: [
+          {
+            name: '',
+            type: 'line', //统计图类型为折线图
+            smooth: true, //是否平滑曲线显示
+            symbolSize: 0, //数据点的大小，[0,0]//b表示宽度和高度
+            lineStyle: {
+              //线条的相关设置
+              normal: {
+                color: '#3deaff', // 线条颜色
+              },
+            },
+            areaStyle: {
+              //区域填充样式
+              normal: {
+                //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+                color: new echarts.graphic.LinearGradient(
+                  0,
+                  0,
+                  0,
+                  1,
+                  [
+                    { offset: 0, color: 'rgba(61,234,255, 0.9)' },
+                    { offset: 0.7, color: 'rgba(61,234,255, 0)' },
+                  ],
+                  false,
+                ),
 
-onMounted(() => {
-  getOption()
-})
+                shadowColor: 'rgba(53,142,215, 0.9)', //阴影颜色
+                shadowBlur: 20, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+              },
+            },
+            data: [90, 105, 84, 125, 110, 92, 98],
+          },
+        ],
+      };
+      myChart.setOption(option);
+      window.onresize = function () {
+        myChart.resize();
+      };
+    });
+  }
 
+  onMounted(() => {
+    getOption();
+  });
 </script>
 
 <style lang="less" scoped>
-.basicEchartLine {
-  position: relative;
-  width: 100%;
-  height: 100%;
-
-  .echart-box {
+  .basicEchartLine {
+    position: relative;
     width: 100%;
     height: 100%;
+
+    .echart-box {
+      width: 100%;
+      height: 100%;
+    }
   }
-}
-</style>
+</style>

src/views/vent/common/basicSensor.vue

@@ -2,7 +2,7 @@
   <div class="basicSensor">
     <div class="sensor-title">{{ sensorTitle }}</div>
     <div class="sensor-content">
-      <div class="sensor-content-item" v-for="(items,ind) in sensorList" :key="ind">
+      <div class="sensor-content-item" v-for="(items, ind) in sensorList" :key="ind">
         <div class="content-item-bg"></div>
         <span>{{ items.name }}</span>
         <span>{{ items.status }}</span>
@@ -13,93 +13,94 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, defineProps } from 'vue'
-
-let props = defineProps({
-  //标题
-  sensorTitle: {
-    type: String,
-    default: () => {
-      return '烟雾传感器'
-    }
-  }
-})
-
-let sensorList=reactive([
-  {id:0,name:'上仓皮带1515',status:'无烟',times:'2023-11-07 16:53:48'},
-  {id:1,name:'上仓皮带1515',status:'无烟',times:'2023-11-07 16:53:48'},
-  {id:2,name:'上仓皮带1515',status:'无烟',times:'2023-11-07 16:53:48'},
-  {id:0,name:'上仓皮带1515',status:'无烟',times:'2023-11-07 16:53:48'},
-  {id:1,name:'上仓皮带1515',status:'无烟',times:'2023-11-07 16:53:48'},
-  {id:2,name:'上仓皮带1515',status:'无烟',times:'2023-11-07 16:53:48'},
-  {id:0,name:'上仓皮带1515',status:'无烟',times:'2023-11-07 16:53:48'},
-  {id:1,name:'上仓皮带1515',status:'无烟',times:'2023-11-07 16:53:48'},
-  {id:2,name:'上仓皮带1515',status:'无烟',times:'2023-11-07 16:53:48'},
-])
+  import { ref, reactive, defineProps } from 'vue';
 
+  let props = defineProps({
+    //标题
+    sensorTitle: {
+      type: String,
+      default: () => {
+        return '烟雾传感器';
+      },
+    },
+  });
 
+  let sensorList = reactive([
+    { id: 0, name: '上仓皮带1515', status: '无烟', times: '2023-11-07 16:53:48' },
+    { id: 1, name: '上仓皮带1515', status: '无烟', times: '2023-11-07 16:53:48' },
+    { id: 2, name: '上仓皮带1515', status: '无烟', times: '2023-11-07 16:53:48' },
+    { id: 0, name: '上仓皮带1515', status: '无烟', times: '2023-11-07 16:53:48' },
+    { id: 1, name: '上仓皮带1515', status: '无烟', times: '2023-11-07 16:53:48' },
+    { id: 2, name: '上仓皮带1515', status: '无烟', times: '2023-11-07 16:53:48' },
+    { id: 0, name: '上仓皮带1515', status: '无烟', times: '2023-11-07 16:53:48' },
+    { id: 1, name: '上仓皮带1515', status: '无烟', times: '2023-11-07 16:53:48' },
+    { id: 2, name: '上仓皮带1515', status: '无烟', times: '2023-11-07 16:53:48' },
+  ]);
 </script>
 
 <style lang="less" scoped>
-@font-face {
-  font-family: 'douyuFont';
-  src: url('../../../assets/font/douyuFont.otf');
-}
-
-.basicSensor {
-  position: relative;
-  width: 550px;
-  height: 100%;
-  padding: 10px 15px;
-  box-sizing: border-box;
-  overflow-y: auto;
-  background-color: rgba(41, 49, 53, .8);
-
-  .sensor-title {
-    height: 40px;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    color: #fff;
-    font-family: 'douyuFont';
-    font-size: 16px;
+  @font-face {
+    font-family: douyuFont;
+    src: url('../../../assets/font/douyuFont.otf');
   }
-  .sensor-content{
-    height: calc(100% - 40px);
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
+
+  .basicSensor {
+    position: relative;
+    box-sizing: border-box;
+    width: 550px;
+    height: 100%;
+    padding: 10px 15px;
     overflow-y: auto;
-    .sensor-content-item{
-      position: relative;
+    background-color: rgb(41 49 53 / 80%);
+
+    .sensor-title {
+      display: flex;
+      align-items: center;
       width: 100%;
-      height:32px;
+      height: 40px;
+      color: #fff;
+      font-family: douyuFont;
+      font-size: 16px;
+    }
+
+    .sensor-content {
       display: flex;
-      justify-content: space-around;
+      flex-direction: column;
       align-items: center;
-      flex-shrink: 0;
-      background: url('../../../assets/images/workPlaceWarn/work-bot.png') no-repeat center;
-      background-size: 100% 100%;
-      margin-bottom: 10px;
-      .content-item-bg{
-        position: absolute;
-        left: 8px;
-        top: 0;
-        height: 32px;
-        width: 168px;
-        background: url('../../../assets/images/workPlaceWarn/work-bot1.png') no-repeat center;
-        background-size: 100% 100%;
-      }
-      span{
+      justify-content: flex-start;
+      height: calc(100% - 40px);
+      overflow-y: auto;
+
+      .sensor-content-item {
         display: flex;
-        flex: 1;
-        justify-content: center;
+        position: relative;
+        flex-shrink: 0;
         align-items: center;
-        color: #fff;
+        justify-content: space-around;
+        width: 100%;
+        height: 32px;
+        margin-bottom: 10px;
+        background: url('../../../assets/images/workPlaceWarn/work-bot.png') no-repeat center;
+        background-size: 100% 100%;
+
+        .content-item-bg {
+          position: absolute;
+          top: 0;
+          left: 8px;
+          width: 168px;
+          height: 32px;
+          background: url('../../../assets/images/workPlaceWarn/work-bot1.png') no-repeat center;
+          background-size: 100% 100%;
+        }
+
+        span {
+          display: flex;
+          flex: 1;
+          align-items: center;
+          justify-content: center;
+          color: #fff;
+        }
       }
     }
-   
   }
-}
-</style>
+</style>

src/views/vent/common/basicWorkBtn.vue

@@ -1,110 +1,113 @@
 <template>
   <div class="basicWorkBtn">
-    <div :class="activeIndex == index ? 'btn-box1' : 'btn-box'" v-for="(item, index) in workBtnLists" :key="index"
-      @click="WorkBtnClick(index, item)">
+    <div
+      :class="activeIndex == index ? 'btn-box1' : 'btn-box'"
+      v-for="(item, index) in workBtnLists"
+      :key="index"
+      @click="WorkBtnClick(index, item)"
+    >
       <div class="work-btn-text">{{ item.name }}</div>
     </div>
-
   </div>
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, defineProps, watch } from 'vue'
-
-let props = defineProps({
-  workBtnList: {
-    type: Array,
-    default: () => {
-      return []
-    }
-  }
-})
-
-let workBtnLists = ref<any[]>([])
+  import { ref, reactive, defineProps, watch } from 'vue';
 
+  let props = defineProps({
+    workBtnList: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+  });
 
-let activeIndex = ref(0) //当前按钮激活索引
+  let workBtnLists = ref<any[]>([]);
 
-//选项切换
-function WorkBtnClick(index, item) {
-  console.log(index, 'index-----')
-  activeIndex.value = index
-}
+  let activeIndex = ref(0); //当前按钮激活索引
 
-watch(() => props.workBtnList, (newV, oldV) => {
-  console.log(newV, '按钮新数据--------')
-  workBtnLists.value = newV
-}, { immediate: true, deep: true })
+  //选项切换
+  function WorkBtnClick(index, item) {
+    console.log(index, 'index-----');
+    activeIndex.value = index;
+  }
 
+  watch(
+    () => props.workBtnList,
+    (newV, oldV) => {
+      console.log(newV, '按钮新数据--------');
+      workBtnLists.value = newV;
+    },
+    { immediate: true, deep: true },
+  );
 </script>
 
 <style lang="less" scoped>
-@font-face {
-  font-family: 'douyuFont';
-  src: url('../../../assets/font/douyuFont.otf');
-}
-
-.basicWorkBtn {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: flex-start;
-
-  .btn-box {
-    width: 203px;
-    height: 74px;
-    margin: 0px 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: url('../../../assets/images/workPlaceWarn/work-btn.png') no-repeat center;
-    background-size: 100% 100%;
-    cursor: pointer;
-
-    &:first-child {
-      margin-left: 0px;
-    }
-
-    &:last-child {
-      margin-right: 0px;
-    }
-
-    .work-btn-text {
-      font-family: 'douyuFont';
-      font-size: 18px;
-      color: #fff;
-    }
+  @font-face {
+    font-family: douyuFont;
+    src: url('../../../assets/font/douyuFont.otf');
   }
 
-  .btn-box1 {
+  .basicWorkBtn {
+    display: flex;
     position: relative;
-    width: 203px;
-    height: 92px;
-    margin: 0px 10px;
-
-
-    background: url('../../../assets/images/workPlaceWarn/work-btn-choice.png') no-repeat center;
-    background-size: 100% 100%;
-    cursor: pointer;
-
-    &:first-child {
-      margin-left: 0px;
-    }
-
-    &:last-child {
-      margin-right: 0px;
+    align-items: flex-start;
+    width: 100%;
+    height: 100%;
+
+    .btn-box {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 203px;
+      height: 74px;
+      margin: 0 10px;
+      background: url('../../../assets/images/workPlaceWarn/work-btn.png') no-repeat center;
+      background-size: 100% 100%;
+      cursor: pointer;
+
+      &:first-child {
+        margin-left: 0;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+
+      .work-btn-text {
+        color: #fff;
+        font-family: douyuFont;
+        font-size: 18px;
+      }
     }
 
-    .work-btn-text {
-      position: absolute;
-      left: 50%;
-      top: 26px;
-      transform: translate(-50%, 0);
-      font-family: 'douyuFont';
-      font-size: 18px;
-      color: #fff;
+    .btn-box1 {
+      position: relative;
+      width: 203px;
+      height: 92px;
+      margin: 0 10px;
+      background: url('../../../assets/images/workPlaceWarn/work-btn-choice.png') no-repeat center;
+      background-size: 100% 100%;
+      cursor: pointer;
+
+      &:first-child {
+        margin-left: 0;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+
+      .work-btn-text {
+        position: absolute;
+        top: 26px;
+        left: 50%;
+        transform: translate(-50%, 0);
+        color: #fff;
+        font-family: douyuFont;
+        font-size: 18px;
+      }
     }
   }
-}
-</style>
+</style>

src/views/vent/dust/dustHome/index.vue

@@ -216,6 +216,7 @@
 
         .right-f {
           width: 100%;
+          height: 100%;
         }
       }
     }

src/views/vent/fire/wokeFace/index.vue

@@ -1,92 +1,83 @@
 <template>
   <div class="workPlaceWarn">
-
     <div class="top-box-card">
-      <basicCard :cardContentList="cardContentList"></basicCard>
+      <basicCard :cardContentList="cardContentList" />
     </div>
     <div class="top-box-btn">
-      <basicWorkBtn :workBtnList="workBtnList"></basicWorkBtn>
+      <basicWorkBtn :workBtnList="workBtnList" />
     </div>
     <div class="center-box">
-      <basicEchartLine></basicEchartLine>
+      <basicEchartLine />
     </div>
     <div class="bot-box">
-      <div class="bot-box-card" v-for="(item,index) in botCardList" :key="index">
-        <basicSensor></basicSensor>
+      <div class="bot-box-card" v-for="(item, index) in botCardList" :key="index">
+        <basicSensor />
       </div>
     </div>
-
   </div>
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive } from 'vue'
-import { getAssetURL } from '../../../../utils/ui';
-import basicCard from '../../common/basicCard.vue'
-import basicWorkBtn from '../../common/basicWorkBtn.vue'
-import basicEchartLine from '../../common/basicEchartLine.vue'
-import basicSensor from '../../common/basicSensor.vue'
-
-
-
-
-
-let cardContentList = reactive([
-  { id: 0, imgSrc: getAssetURL('workPlaceWarn/temp.png'), label: '最高温度()', val: '18.1' },
-  { id: 1, imgSrc: getAssetURL('workPlaceWarn/smoke.png'), label: '烟雾', val: '无' },
-  { id: 2, imgSrc: getAssetURL('workPlaceWarn/dsnd.png'), label: '最高CO浓度()', val: '16.3' },
-  { id: 3, imgSrc: getAssetURL('workPlaceWarn/dspl.png'), label: '自动喷淋灭火装置', val: '打开' },
-
-])
-
-let workBtnList = reactive([
-  { id: 0, name: '行人侧' },
-  { id: 1, name: "非行人侧" }
-])
-
-let botCardList=reactive([
-  {id:0},
-  {id:1},
-  {id:2},
-  
-])
-
+  import { ref, reactive } from 'vue';
+  import { getAssetURL } from '../../../../utils/ui';
+  import basicCard from '../../common/basicCard.vue';
+  import basicWorkBtn from '../../common/basicWorkBtn.vue';
+  import basicEchartLine from '../../common/basicEchartLine.vue';
+  import basicSensor from '../../common/basicSensor.vue';
+
+  let cardContentList = reactive([
+    { id: 0, imgSrc: getAssetURL('workPlaceWarn/temp.png'), label: '最高温度()', val: '18.1' },
+    { id: 1, imgSrc: getAssetURL('workPlaceWarn/smoke.png'), label: '烟雾', val: '无' },
+    { id: 2, imgSrc: getAssetURL('workPlaceWarn/dsnd.png'), label: '最高CO浓度()', val: '16.3' },
+    {
+      id: 3,
+      imgSrc: getAssetURL('workPlaceWarn/dspl.png'),
+      label: '自动喷淋灭火装置',
+      val: '打开',
+    },
+  ]);
+
+  let workBtnList = reactive([
+    { id: 0, name: '行人侧' },
+    { id: 1, name: '非行人侧' },
+  ]);
+
+  let botCardList = reactive([{ id: 0 }, { id: 1 }, { id: 2 }]);
 </script>
 
 <style lang="less" scoped>
-.workPlaceWarn {
-  position: relative;
-  width: 100%;
-  height: calc(100vh - 98px);
-  padding: 15px 10px;
-  box-sizing: border-box;
-
-
-  .top-box-card {
-    height: 110px;
-    width: 100%;
-    margin-bottom: 15px;
-    // background-color: rgba(27, 35, 39, .8);
-  }
-
-  .top-box-btn {
-    height: 100px;
-    width: 100%;
-  }
-  .center-box{
+  .workPlaceWarn {
+    position: relative;
+    box-sizing: border-box;
     width: 100%;
-    height: 260px;
-    margin-bottom: 15px;
-    border: 1px solid #1e96cd;
+    height: calc(100vh - 98px);
+    padding: 15px 10px;
+
+    .top-box-card {
+      width: 100%;
+      height: 110px;
+      margin-bottom: 15px;
+      // background-color: rgba(27, 35, 39, .8);
+    }
+
+    .top-box-btn {
+      width: 100%;
+      height: 100px;
+    }
+
+    .center-box {
+      width: 100%;
+      height: 260px;
+      margin-bottom: 15px;
+      border: 1px solid #1e96cd;
+    }
+
+    .bot-box {
+      display: flex;
+      flex-shrink: 0;
+      justify-content: space-between;
+      height: calc(100% - 500px);
+      overflow-x: auto;
+    }
   }
-  .bot-box{
-    height: calc(100% - 500px);
-   
-    display: flex;
-    justify-content: space-between;
-    flex-shrink:0;
-    overflow-x: auto;
-  }
-
-}
-</style>
+</style>