diff --git a/.eslintrc.js b/.eslintrc.js
index 715fb3a..41ddf89 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,3 +1,10 @@
+/*
+ * @Author: Do not edit
+ * @Date: 2023-12-27 16:41:40
+ * @LastEditTime: 2023-12-28 13:39:09
+ * @LastEditors: DY
+ * @Description:
+ */
 module.exports = {
   root: true,
   env: {
@@ -12,6 +19,7 @@ module.exports = {
   },
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'vue/multi-word-component-names': 'off'
   }
 }
diff --git a/package-lock.json b/package-lock.json
index 493f260..8ff08f9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,10 @@
       "name": "mes-pad",
       "version": "0.1.0",
       "dependencies": {
+        "axios": "^1.6.5",
         "core-js": "^3.8.3",
+        "element-ui": "^2.15.14",
+        "vant": "^2.13.2",
         "vue": "^2.6.14",
         "vue-router": "^3.5.1",
         "vuex": "^3.6.2"
@@ -26,7 +29,7 @@
         "eslint-plugin-import": "^2.25.3",
         "eslint-plugin-node": "^11.1.0",
         "eslint-plugin-promise": "^5.1.0",
-        "eslint-plugin-vue": "^8.0.3",
+        "eslint-plugin-vue": "^7.0.0",
         "less": "^4.0.0",
         "less-loader": "^8.0.0",
         "lint-staged": "^11.1.2",
@@ -1767,7 +1770,6 @@
       "version": "7.23.6",
       "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.23.6.tgz",
       "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
-      "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -2391,11 +2393,20 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@vant/icons": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/@vant/icons/-/icons-3.0.2.tgz",
+      "integrity": "sha512-4OlRVMd0uiDtD9hgSISZW8hB95vU0fFtc41tQchRIyiXkR0tS+DydZOLb8/bQkithrNWhW7Uud38MbKjlJ9lJw=="
+    },
+    "node_modules/@vant/popperjs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
+    },
     "node_modules/@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.4.0",
       "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz",
-      "integrity": "sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA==",
-      "dev": true
+      "integrity": "sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA=="
     },
     "node_modules/@vue/babel-helper-vue-transform-on": {
       "version": "1.1.5",
@@ -3573,6 +3584,19 @@
         "lodash": "^4.17.14"
       }
     },
+    "node_modules/async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
+      "dependencies": {
+        "babel-runtime": "6.x"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/at-least-node": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
@@ -3614,6 +3638,21 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/axios": {
+      "version": "1.6.5",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.5.tgz",
+      "integrity": "sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==",
+      "dependencies": {
+        "follow-redirects": "^1.15.4",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/babel-helper-vue-jsx-merge-props": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
+    },
     "node_modules/babel-loader": {
       "version": "8.3.0",
       "resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.3.0.tgz",
@@ -3695,6 +3734,27 @@
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
+    "node_modules/babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmmirror.com/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+      "dependencies": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      }
+    },
+    "node_modules/babel-runtime/node_modules/core-js": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmmirror.com/core-js/-/core-js-2.6.12.tgz",
+      "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.",
+      "hasInstallScript": true
+    },
+    "node_modules/babel-runtime/node_modules/regenerator-runtime": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -4234,6 +4294,17 @@
       "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
       "dev": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "8.3.0",
       "resolved": "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz",
@@ -4796,7 +4867,6 @@
       "version": "1.5.2",
       "resolved": "https://registry.npmmirror.com/deepmerge/-/deepmerge-1.5.2.tgz",
       "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4968,6 +5038,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
@@ -5136,6 +5214,22 @@
       "integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==",
       "dev": true
     },
+    "node_modules/element-ui": {
+      "version": "2.15.14",
+      "resolved": "https://registry.npmmirror.com/element-ui/-/element-ui-2.15.14.tgz",
+      "integrity": "sha512-2v9fHL0ZGINotOlRIAJD5YuVB8V7WKxrE9Qy7dXhRipa035+kF7WuU/z+tEmLVPBcJ0zt8mOu1DKpWcVzBK8IA==",
+      "dependencies": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      },
+      "peerDependencies": {
+        "vue": "^2.5.17"
+      }
+    },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -5643,38 +5737,21 @@
       }
     },
     "node_modules/eslint-plugin-vue": {
-      "version": "8.7.1",
-      "resolved": "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-8.7.1.tgz",
-      "integrity": "sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-7.0.0.tgz",
+      "integrity": "sha512-SFcM8ZMdVRUQKrAryl6Q5razrJtloATUOKTZoK/8yvQig1c1L3VRoMLL9AXiV3VNsKXolkk6yeMIiqGf33/Iew==",
       "dev": true,
       "dependencies": {
-        "eslint-utils": "^3.0.0",
+        "eslint-utils": "^2.1.0",
         "natural-compare": "^1.4.0",
-        "nth-check": "^2.0.1",
-        "postcss-selector-parser": "^6.0.9",
-        "semver": "^7.3.5",
-        "vue-eslint-parser": "^8.0.1"
+        "semver": "^7.3.2",
+        "vue-eslint-parser": "^7.1.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": ">=8.10"
       },
       "peerDependencies": {
-        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-vue/node_modules/eslint-utils": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmmirror.com/eslint-utils/-/eslint-utils-3.0.0.tgz",
-      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^2.0.0"
-      },
-      "engines": {
-        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
-      },
-      "peerDependencies": {
-        "eslint": ">=5"
+        "eslint": "^6.2.0 || ^7.0.0"
       }
     },
     "node_modules/eslint-plugin-vue/node_modules/lru-cache": {
@@ -6490,10 +6567,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.3",
-      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.3.tgz",
-      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
-      "dev": true,
+      "version": "1.15.4",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.4.tgz",
+      "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw==",
       "engines": {
         "node": ">=4.0"
       },
@@ -6512,6 +6588,19 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
@@ -8544,7 +8633,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -8553,7 +8641,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -8890,6 +8977,11 @@
         "node": ">=10"
       }
     },
+    "node_modules/normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA=="
+    },
     "node_modules/npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -10063,6 +10155,11 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/prr/-/prr-1.0.1.tgz",
@@ -10240,8 +10337,7 @@
     "node_modules/regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-      "dev": true
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/regenerator-transform": {
       "version": "0.15.2",
@@ -10359,6 +10455,11 @@
       "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
       "dev": true
     },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz",
@@ -11434,6 +11535,14 @@
         "node": ">= 10.13.0"
       }
     },
+    "node_modules/throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmmirror.com/through/-/through-2.3.8.tgz",
@@ -11758,6 +11867,21 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "node_modules/vant": {
+      "version": "2.13.2",
+      "resolved": "https://registry.npmmirror.com/vant/-/vant-2.13.2.tgz",
+      "integrity": "sha512-anZbbLqXCq+rUJk10D67mn+V/1/i9tfOTdoR+64B0e+0BzV3KFgpHBF76noLa+yX9i/L+8DeL560WMk0GEN38g==",
+      "dependencies": {
+        "@babel/runtime": "7.x",
+        "@vant/icons": "^3.0.2",
+        "@vant/popperjs": "^1.1.0",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+        "vue-lazyload": "1.2.3"
+      },
+      "peerDependencies": {
+        "vue": ">= 2.6.0"
+      }
+    },
     "node_modules/vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",
@@ -11777,110 +11901,72 @@
       }
     },
     "node_modules/vue-eslint-parser": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
-      "integrity": "sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==",
+      "version": "7.11.0",
+      "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz",
+      "integrity": "sha512-qh3VhDLeh773wjgNTl7ss0VejY9bMMa0GoDG2fQVyDzRFdiU3L7fw74tWZDHNQXdZqxO3EveQroa9ct39D2nqg==",
       "dev": true,
       "dependencies": {
-        "debug": "^4.3.2",
-        "eslint-scope": "^7.0.0",
-        "eslint-visitor-keys": "^3.1.0",
-        "espree": "^9.0.0",
+        "debug": "^4.1.1",
+        "eslint-scope": "^5.1.1",
+        "eslint-visitor-keys": "^1.1.0",
+        "espree": "^6.2.1",
         "esquery": "^1.4.0",
         "lodash": "^4.17.21",
-        "semver": "^7.3.5"
+        "semver": "^6.3.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": ">=8.10"
       },
       "peerDependencies": {
-        "eslint": ">=6.0.0"
+        "eslint": ">=5.0.0"
       }
     },
-    "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+    "node_modules/vue-eslint-parser/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
       "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
+      "bin": {
+        "acorn": "bin/acorn"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": ">=0.4.0"
       }
     },
     "node_modules/vue-eslint-parser/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
       "dev": true,
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": ">=4"
       }
     },
     "node_modules/vue-eslint-parser/node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmmirror.com/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmmirror.com/espree/-/espree-6.2.1.tgz",
+      "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
       "dev": true,
       "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
+        "acorn": "^7.1.1",
+        "acorn-jsx": "^5.2.0",
+        "eslint-visitor-keys": "^1.1.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/vue-eslint-parser/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/vue-eslint-parser/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/vue-eslint-parser/node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/vue-eslint-parser/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npmmirror.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },
+    "node_modules/vue-lazyload": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz",
+      "integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g=="
+    },
     "node_modules/vue-loader": {
       "version": "17.4.0",
       "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-17.4.0.tgz",
@@ -13063,7 +13149,8 @@
       "version": "7.21.0-placeholder-for-preset-env.2",
       "resolved": "https://registry.npmmirror.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
       "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@babel/plugin-syntax-async-generators": {
       "version": "7.8.4",
@@ -13854,7 +13941,6 @@
       "version": "7.23.6",
       "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.23.6.tgz",
       "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
-      "dev": true,
       "requires": {
         "regenerator-runtime": "^0.14.0"
       }
@@ -14407,11 +14493,20 @@
         "@types/node": "*"
       }
     },
+    "@vant/icons": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/@vant/icons/-/icons-3.0.2.tgz",
+      "integrity": "sha512-4OlRVMd0uiDtD9hgSISZW8hB95vU0fFtc41tQchRIyiXkR0tS+DydZOLb8/bQkithrNWhW7Uud38MbKjlJ9lJw=="
+    },
+    "@vant/popperjs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
+    },
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.4.0",
       "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz",
-      "integrity": "sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA==",
-      "dev": true
+      "integrity": "sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA=="
     },
     "@vue/babel-helper-vue-transform-on": {
       "version": "1.1.5",
@@ -14653,7 +14748,8 @@
       "version": "5.0.8",
       "resolved": "https://registry.npmmirror.com/@vue/cli-plugin-vuex/-/cli-plugin-vuex-5.0.8.tgz",
       "integrity": "sha512-HSYWPqrunRE5ZZs8kVwiY6oWcn95qf/OQabwLfprhdpFWAGtLStShjsGED2aDpSSeGAskQETrtR/5h7VqgIlBA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@vue/cli-service": {
       "version": "5.0.8",
@@ -15097,13 +15193,15 @@
       "version": "1.9.0",
       "resolved": "https://registry.npmmirror.com/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
       "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmmirror.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "acorn-walk": {
       "version": "8.3.1",
@@ -15172,7 +15270,8 @@
       "version": "3.5.2",
       "resolved": "https://registry.npmmirror.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
       "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ansi-colors": {
       "version": "4.1.3",
@@ -15352,6 +15451,19 @@
         "lodash": "^4.17.14"
       }
     },
+    "async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
+      "requires": {
+        "babel-runtime": "6.x"
+      }
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "at-least-node": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
@@ -15378,6 +15490,21 @@
       "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
       "dev": true
     },
+    "axios": {
+      "version": "1.6.5",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.5.tgz",
+      "integrity": "sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==",
+      "requires": {
+        "follow-redirects": "^1.15.4",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "babel-helper-vue-jsx-merge-props": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
+    },
     "babel-loader": {
       "version": "8.3.0",
       "resolved": "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.3.0.tgz",
@@ -15442,6 +15569,27 @@
         "@babel/helper-define-polyfill-provider": "^0.4.4"
       }
     },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmmirror.com/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+      "requires": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "core-js": {
+          "version": "2.6.12",
+          "resolved": "https://registry.npmmirror.com/core-js/-/core-js-2.6.12.tgz",
+          "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
+        },
+        "regenerator-runtime": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+          "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+        }
+      }
+    },
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -15892,6 +16040,14 @@
       "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
       "dev": true
     },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
     "commander": {
       "version": "8.3.0",
       "resolved": "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz",
@@ -16099,7 +16255,8 @@
       "version": "6.4.1",
       "resolved": "https://registry.npmmirror.com/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz",
       "integrity": "sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "css-loader": {
       "version": "6.8.1",
@@ -16285,7 +16442,8 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmmirror.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
       "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "csso": {
       "version": "4.2.0",
@@ -16331,8 +16489,7 @@
     "deepmerge": {
       "version": "1.5.2",
       "resolved": "https://registry.npmmirror.com/deepmerge/-/deepmerge-1.5.2.tgz",
-      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==",
-      "dev": true
+      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
     },
     "default-gateway": {
       "version": "6.0.3",
@@ -16461,6 +16618,11 @@
         "object-keys": "^1.1.1"
       }
     },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+    },
     "depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
@@ -16604,6 +16766,19 @@
       "integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==",
       "dev": true
     },
+    "element-ui": {
+      "version": "2.15.14",
+      "resolved": "https://registry.npmmirror.com/element-ui/-/element-ui-2.15.14.tgz",
+      "integrity": "sha512-2v9fHL0ZGINotOlRIAJD5YuVB8V7WKxrE9Qy7dXhRipa035+kF7WuU/z+tEmLVPBcJ0zt8mOu1DKpWcVzBK8IA==",
+      "requires": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      }
+    },
     "emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -17000,7 +17175,8 @@
       "version": "16.0.3",
       "resolved": "https://registry.npmmirror.com/eslint-config-standard/-/eslint-config-standard-16.0.3.tgz",
       "integrity": "sha512-x4fmJL5hGqNJKGHSjnLdgA6U6h1YW/G2dW9fA+cyVur4SK6lyue8+UgNKWlZtUDTXvgKDD/Oa3GQjmB5kjtVvg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-import-resolver-node": {
       "version": "0.3.9",
@@ -17181,31 +17357,21 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmmirror.com/eslint-plugin-promise/-/eslint-plugin-promise-5.2.0.tgz",
       "integrity": "sha512-SftLb1pUG01QYq2A/hGAWfDRXqYD82zE7j7TopDOyNdU+7SvvoXREls/+PRTY17vUXzXnZA/zfnyKgRH6x4JJw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-plugin-vue": {
-      "version": "8.7.1",
-      "resolved": "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-8.7.1.tgz",
-      "integrity": "sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-7.0.0.tgz",
+      "integrity": "sha512-SFcM8ZMdVRUQKrAryl6Q5razrJtloATUOKTZoK/8yvQig1c1L3VRoMLL9AXiV3VNsKXolkk6yeMIiqGf33/Iew==",
       "dev": true,
       "requires": {
-        "eslint-utils": "^3.0.0",
+        "eslint-utils": "^2.1.0",
         "natural-compare": "^1.4.0",
-        "nth-check": "^2.0.1",
-        "postcss-selector-parser": "^6.0.9",
-        "semver": "^7.3.5",
-        "vue-eslint-parser": "^8.0.1"
+        "semver": "^7.3.2",
+        "vue-eslint-parser": "^7.1.0"
       },
       "dependencies": {
-        "eslint-utils": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmmirror.com/eslint-utils/-/eslint-utils-3.0.0.tgz",
-          "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
-          "dev": true,
-          "requires": {
-            "eslint-visitor-keys": "^2.0.0"
-          }
-        },
         "lru-cache": {
           "version": "6.0.0",
           "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -17693,10 +17859,9 @@
       "dev": true
     },
     "follow-redirects": {
-      "version": "1.15.3",
-      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.3.tgz",
-      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
-      "dev": true
+      "version": "1.15.4",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.4.tgz",
+      "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw=="
     },
     "for-each": {
       "version": "0.3.3",
@@ -17707,6 +17872,16 @@
         "is-callable": "^1.1.3"
       }
     },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
     "forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
@@ -18168,7 +18343,8 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmmirror.com/icss-utils/-/icss-utils-5.1.0.tgz",
       "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "ieee754": {
       "version": "1.2.1",
@@ -19308,14 +19484,12 @@
     "mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
     },
     "mime-types": {
       "version": "2.1.35",
       "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "requires": {
         "mime-db": "1.52.0"
       }
@@ -19583,6 +19757,11 @@
       "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
       "dev": true
     },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA=="
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -20068,25 +20247,29 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmmirror.com/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz",
       "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-discard-duplicates": {
       "version": "5.1.0",
       "resolved": "https://registry.npmmirror.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
       "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-discard-empty": {
       "version": "5.1.1",
       "resolved": "https://registry.npmmirror.com/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz",
       "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-discard-overridden": {
       "version": "5.1.0",
       "resolved": "https://registry.npmmirror.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
       "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-loader": {
       "version": "6.2.1",
@@ -20191,7 +20374,8 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
       "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-modules-local-by-default": {
       "version": "4.0.3",
@@ -20226,7 +20410,8 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmmirror.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
       "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-normalize-display-values": {
       "version": "5.1.0",
@@ -20429,6 +20614,11 @@
         }
       }
     },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/prr/-/prr-1.0.1.tgz",
@@ -20577,8 +20767,7 @@
     "regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-      "dev": true
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "regenerator-transform": {
       "version": "0.15.2",
@@ -20674,6 +20863,11 @@
       "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz",
@@ -21567,6 +21761,11 @@
         }
       }
     },
+    "throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
+    },
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmmirror.com/through/-/through-2.3.8.tgz",
@@ -21830,6 +22029,18 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "vant": {
+      "version": "2.13.2",
+      "resolved": "https://registry.npmmirror.com/vant/-/vant-2.13.2.tgz",
+      "integrity": "sha512-anZbbLqXCq+rUJk10D67mn+V/1/i9tfOTdoR+64B0e+0BzV3KFgpHBF76noLa+yX9i/L+8DeL560WMk0GEN38g==",
+      "requires": {
+        "@babel/runtime": "7.x",
+        "@vant/icons": "^3.0.2",
+        "@vant/popperjs": "^1.1.0",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+        "vue-lazyload": "1.2.3"
+      }
+    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",
@@ -21846,76 +22057,42 @@
       }
     },
     "vue-eslint-parser": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
-      "integrity": "sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==",
+      "version": "7.11.0",
+      "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz",
+      "integrity": "sha512-qh3VhDLeh773wjgNTl7ss0VejY9bMMa0GoDG2fQVyDzRFdiU3L7fw74tWZDHNQXdZqxO3EveQroa9ct39D2nqg==",
       "dev": true,
       "requires": {
-        "debug": "^4.3.2",
-        "eslint-scope": "^7.0.0",
-        "eslint-visitor-keys": "^3.1.0",
-        "espree": "^9.0.0",
+        "debug": "^4.1.1",
+        "eslint-scope": "^5.1.1",
+        "eslint-visitor-keys": "^1.1.0",
+        "espree": "^6.2.1",
         "esquery": "^1.4.0",
         "lodash": "^4.17.21",
-        "semver": "^7.3.5"
+        "semver": "^6.3.0"
       },
       "dependencies": {
-        "eslint-scope": {
-          "version": "7.2.2",
-          "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-7.2.2.tgz",
-          "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-          "dev": true,
-          "requires": {
-            "esrecurse": "^4.3.0",
-            "estraverse": "^5.2.0"
-          }
+        "acorn": {
+          "version": "7.4.1",
+          "resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz",
+          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+          "dev": true
         },
         "eslint-visitor-keys": {
-          "version": "3.4.3",
-          "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-          "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+          "version": "1.3.0",
+          "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
           "dev": true
         },
         "espree": {
-          "version": "9.6.1",
-          "resolved": "https://registry.npmmirror.com/espree/-/espree-9.6.1.tgz",
-          "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+          "version": "6.2.1",
+          "resolved": "https://registry.npmmirror.com/espree/-/espree-6.2.1.tgz",
+          "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
           "dev": true,
           "requires": {
-            "acorn": "^8.9.0",
-            "acorn-jsx": "^5.3.2",
-            "eslint-visitor-keys": "^3.4.1"
+            "acorn": "^7.1.1",
+            "acorn-jsx": "^5.2.0",
+            "eslint-visitor-keys": "^1.1.0"
           }
-        },
-        "estraverse": {
-          "version": "5.3.0",
-          "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
-          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "semver": {
-          "version": "7.5.4",
-          "resolved": "https://registry.npmmirror.com/semver/-/semver-7.5.4.tgz",
-          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
         }
       }
     },
@@ -21925,6 +22102,11 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },
+    "vue-lazyload": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz",
+      "integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g=="
+    },
     "vue-loader": {
       "version": "17.4.0",
       "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-17.4.0.tgz",
@@ -22029,7 +22211,8 @@
     "vuex": {
       "version": "3.6.2",
       "resolved": "https://registry.npmmirror.com/vuex/-/vuex-3.6.2.tgz",
-      "integrity": "sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw=="
+      "integrity": "sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw==",
+      "requires": {}
     },
     "watchpack": {
       "version": "2.4.0",
@@ -22290,7 +22473,8 @@
           "version": "8.16.0",
           "resolved": "https://registry.npmmirror.com/ws/-/ws-8.16.0.tgz",
           "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==",
-          "dev": true
+          "dev": true,
+          "requires": {}
         }
       }
     },
@@ -22438,7 +22622,8 @@
       "version": "7.5.9",
       "resolved": "https://registry.npmmirror.com/ws/-/ws-7.5.9.tgz",
       "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "y18n": {
       "version": "5.0.8",
diff --git a/package.json b/package.json
index 7e9accd..61b989b 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^1.6.5",
     "core-js": "^3.8.3",
+    "element-ui": "^2.15.14",
+    "vant": "^2.13.2",
     "vue": "^2.6.14",
     "vue-router": "^3.5.1",
     "vuex": "^3.6.2"
@@ -26,7 +29,7 @@
     "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-vue": "^8.0.3",
+    "eslint-plugin-vue": "^7.0.0",
     "less": "^4.0.0",
     "less-loader": "^8.0.0",
     "lint-staged": "^11.1.2",
diff --git a/src/App.vue b/src/App.vue
index dc9190c..36abca1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,29 @@
+<!--
+ * @Author: Do not edit
+ * @Date: 2023-12-27 16:41:40
+ * @LastEditTime: 2024-01-07 22:29:50
+ * @LastEditors: DY
+ * @Description:
+-->
 <template>
   <div id="app">
-    <nav>
+    <!-- <nav>
       <router-link to="/">Home</router-link> |
       <router-link to="/about">About</router-link>
-    </nav>
+    </nav> -->
+    <!-- <HomeView v-if="!$route.meta.keepAlive" /> -->
     <router-view/>
   </div>
 </template>
 
+<script>
+// import HomeView from '@/views/HomeView.vue'
+
+export default {
+  // components: { HomeView }
+}
+</script>
+
 <style lang="less">
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
diff --git a/src/api/login.js b/src/api/login.js
new file mode 100644
index 0000000..89eb39b
--- /dev/null
+++ b/src/api/login.js
@@ -0,0 +1,37 @@
+/*
+ * @Author: Do not edit
+ * @Date: 2023-11-20 11:05:00
+ * @LastEditTime: 2024-01-09 09:50:55
+ * @LastEditors: DY
+ * @Description:
+ */
+import request from '@/utils/request'
+import { getRefreshToken } from '@/utils/auth'
+
+// 用户登陆
+export function loginUser (data) {
+  return request({
+    url: '/system/auth/login',
+    method: 'post',
+    data: data
+  })
+}
+
+// 使用租户名，获得租户编号
+export function getTenantIdByName (name) {
+  return request({
+    url: '/system/tenant/get-id-by-name',
+    method: 'get',
+    params: {
+      name
+    }
+  })
+}
+
+// 刷新访问令牌
+export function refreshToken () {
+  return request({
+    url: '/system/auth/refresh-token?refreshToken=' + getRefreshToken(),
+    method: 'post'
+  })
+}
diff --git a/src/api/quality.js b/src/api/quality.js
new file mode 100644
index 0000000..d8e3ef8
--- /dev/null
+++ b/src/api/quality.js
@@ -0,0 +1,71 @@
+/*
+ * @Author: Do not edit
+ * @Date: 2023-11-20 11:05:00
+ * @LastEditTime: 2024-01-10 11:20:45
+ * @LastEditors: DY
+ * @Description: 质量和报废
+ */
+import request from '@/utils/request'
+
+// 质量管理
+export function qualityManage (data) {
+  return request({
+    url: '/base/quality-inspection-record/qualityManage',
+    method: 'get',
+    params: data
+  })
+}
+
+// 报废管理
+export function createScrap (data) {
+  return request({
+    url: '/base/quality-scrap-log/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获得所有产线列表
+export function lineList (data) {
+  return request({
+    url: '/base/core-production-line/listAll',
+    method: 'get',
+    params: data
+  })
+}
+
+// 根据产线获得工段
+export function workshopSectionListByLine (data) {
+  return request({
+    url: '/base/core-workshop-section/listByParentId',
+    method: 'get',
+    params: data
+  })
+}
+
+// 获得所有工单列表
+export function workOrderList (data) {
+  return request({
+    url: '/base/core-work-order/listbyfilter',
+    method: 'get',
+    params: data
+  })
+}
+
+// 获得所有报废原因列表
+export function scrapDetList (data) {
+  return request({
+    url: '/base/quality-scrap-det/listAll',
+    method: 'get',
+    params: data
+  })
+}
+
+// 创建质量检查信息
+export function createInspection (data) {
+  return request({
+    url: '/base/quality-inspection-record/create',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/assets/bg.png b/src/assets/bg.png
new file mode 100644
index 0000000..d691dd2
Binary files /dev/null and b/src/assets/bg.png differ
diff --git a/src/assets/home.png b/src/assets/home.png
new file mode 100644
index 0000000..2a3ebb9
Binary files /dev/null and b/src/assets/home.png differ
diff --git a/src/assets/home_bg.png b/src/assets/home_bg.png
new file mode 100644
index 0000000..30becf5
Binary files /dev/null and b/src/assets/home_bg.png differ
diff --git a/src/assets/icon.png b/src/assets/icon.png
new file mode 100644
index 0000000..14cf060
Binary files /dev/null and b/src/assets/icon.png differ
diff --git a/src/assets/login-bg.png b/src/assets/login-bg.png
new file mode 100644
index 0000000..989c0ef
Binary files /dev/null and b/src/assets/login-bg.png differ
diff --git a/src/assets/modal.png b/src/assets/modal.png
new file mode 100644
index 0000000..3ff27d5
Binary files /dev/null and b/src/assets/modal.png differ
diff --git a/src/assets/mountain.png b/src/assets/mountain.png
new file mode 100644
index 0000000..260db9a
Binary files /dev/null and b/src/assets/mountain.png differ
diff --git a/src/assets/quality-bg.png b/src/assets/quality-bg.png
new file mode 100644
index 0000000..f8b178f
Binary files /dev/null and b/src/assets/quality-bg.png differ
diff --git a/src/assets/quality.png b/src/assets/quality.png
new file mode 100644
index 0000000..57a7784
Binary files /dev/null and b/src/assets/quality.png differ
diff --git a/src/assets/scrap.png b/src/assets/scrap.png
new file mode 100644
index 0000000..12d6e63
Binary files /dev/null and b/src/assets/scrap.png differ
diff --git a/src/assets/styles/login.scss b/src/assets/styles/login.scss
new file mode 100644
index 0000000..bd49c2f
--- /dev/null
+++ b/src/assets/styles/login.scss
@@ -0,0 +1,571 @@
+/* ===== PC DESIGN ===== */
+$W: 1080;
+$H: 1920;
+// $picW: 438;
+// $picH: 560;
+$picW: 1080;
+$picH: 1118;
+$formW: 420;
+$tabW: $formW / 2;
+// $rowH: 56;
+$rowH: 56;
+$buttonH: 50;
+
+// container
+$containerBgColor: #e6ebf2;
+$containerBgImage: '../assets/bg.png';
+// container-logo
+$logoWidth: 417px;
+$logoHeight: 64px;
+// $logoImage: '../assets/logo/login-logo.png';
+// $cnbmLogo: '../assets/logo/cnbm.png';
+// container-content
+$contentWidth: round($W / $H * 100) * 1vw;
+$contentHeight: round($picH / $W * 100) / 100 * $contentWidth;
+$contentBgColor: #ffffff;
+// container-content-pic
+$picWidth: round($picW / $H * 100) * 1vw;
+$picHeight: inherit;
+// $picImage: '../assets/images/pic.png';
+$picImage: '../assets/login-bg.png';
+// container-content-field
+$fieldWidth: $contentWidth - $picWidth;
+$fieldHeight: inherit;
+// container-content-field-form
+$formWidth: $formW * 1px;
+$tabWidth: $tabW * 1px;
+$rowHeight: $rowH * 1px;
+$buttonHeight: $buttonH * 1px;
+
+// 1080px 高度为基准的 1px
+$base1px: 0.15vh; // 1px / 1080px;
+
+// - - - - - 页面基础设置
+.container {
+	.login-code {
+		width: 33%;
+		height: 38px;
+		float: right;
+		img {
+			cursor: pointer;
+			width: 100%;
+			max-width: 100px;
+			height: auto;
+			vertical-align: middle;
+		}
+	}
+	// 元素
+	width: inherit;
+	height: inherit;
+	min-width: 1080px;
+	min-height: 620px;
+	background-color: $containerBgColor;
+	// background-image: url($containerBgImage);
+	background-size: cover;
+	// 定位
+	position: relative;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	// 文字
+	font-size: 14px;
+	font-family: Microsoft YaHei;
+	font-weight: 400;
+	.logo {
+		// 元素
+		width: $logoWidth;
+		height: $logoHeight;
+		// background-image: url($logoImage);
+		// background-size: contain;
+		// 定位
+		position: absolute;
+		top: 50px;
+		left: 50%;
+		margin-left: -$logoWidth/2;
+	}
+	.content {
+		// 元素
+		// width: $contentWidth;
+		// height: $contentHeight;
+		width: 100%;
+		height: 100%;
+		background-color: #ffffff;
+		// box-shadow: 0px calc(16 * 0.12vh) 40px rgba(0, 0, 0, 0.07);
+		// border-radius: 20px;
+		// 定位
+		position: relative;
+		display: flex;
+
+		.pic {
+			flex: 3;
+			width: 1px;
+			min-width: 800px;
+			// 元素
+			// width: $picWidth;
+			height: $picHeight;
+			// height: 10vh;
+			background-image: url($picImage);
+			background-repeat: no-repeat;
+			background-size: 100% 100%;
+			background-position: 0 0;
+			position: relative;
+			&::after {
+				content: '';
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				// background: #f003;
+				display: inline-block;
+			}
+		}
+		.field {
+			position: relative;
+			margin-top: 14vh;
+			flex: 2;
+			// width: 800px;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.pc-title {
+				width: 100%;
+				text-align: center;
+				clear: both;
+				position: relative;
+				top: calc(-32 * $base1px);
+				height: calc(128 * $base1px);
+
+				.title {
+					margin: 0;
+					margin-left: calc(18px * 0.12vh);
+					font-weight: 400;
+					user-select: none;
+					color: #000;
+					font-size: calc(28 * 0.12vh);
+					line-height: calc(40 * 0.12vh);
+					letter-spacing: calc(2 * 0.12vh);
+
+					.cnbm_logo {
+						height: calc(160 * 0.12vh);
+						width: calc(182 * 0.12vh);
+						position: relative;
+						top: calc(8 * 0.12vh);
+						right: calc(8 * 0.12vh);
+					}
+				}
+
+				.sub-title {
+					margin: 0;
+					margin-left: calc(28 * 0.12vh);
+					font-weight: 400;
+					user-select: none;
+					color: #000;
+					font-size: calc(28 * 0.12vh);
+					line-height: calc(48 * 0.12vh);
+					letter-spacing: 2px;
+				}
+			}
+
+			.mobile-title,
+			.mobile-switch {
+				display: none;
+			}
+
+			.form-cont {
+				// height: 560px;
+				flex: 1;
+				overflow: hidden;
+			}
+
+			.footer {
+				user-select: none;
+				// 元素
+				margin: calc(12 * 0.12vh) 0;
+				height: calc(16 * 0.12vh);
+				line-height: calc(16 * 0.12vh);
+				font-size: calc(12 * 0.12vh);
+				color: #8c8c8c;
+
+				a,
+				a:hover,
+				a:active {
+					color: inherit;
+					text-decoration: none;
+				}
+			}
+
+			.form {
+				margin-top: 0;
+				box-sizing: border-box;
+				width: 100%;
+
+				:deep(.el-tabs__content) {
+					padding: 20px 0 0;
+				}
+				:deep(.el-tabs__item) {
+					user-select: none;
+					// 元素
+					width: $tabWidth;
+					// height: $rowHeight;
+					height: calc(54 * 0.12vh);
+					padding: 0;
+					// 文字
+					line-height: $rowHeight;
+					color: #666666;
+					font-size: calc(14 * 0.12vh);
+					font-weight: 400;
+					text-align: center;
+				}
+				:deep(.el-tabs__item.is-active) {
+					font-weight: 500;
+					color: #2f53eb;
+				}
+				:deep(.el-tabs__active-bar) {
+					height: 3px;
+					border-radius: 2px;
+				}
+				// - - - input
+				:deep(.el-input__inner) {
+					// 元素
+					width: 100%;
+					// height: $rowHeight;
+					height: calc(72 * 0.12vh);
+					background: #f5f5f5;
+					border: 0;
+					border-radius: 28px;
+					// 文字
+					text-align: center;
+					line-height: 19px;
+					color: #262626;
+				}
+				.code:deep(.el-input__inner) {
+					padding: 0 24px;
+					// 文字
+					text-align: left;
+				}
+				:deep(.el-input__inner::-webkit-input-placeholder) {
+					/* WebKit browsers */
+					font-weight: 400;
+					color: #8c8c8c;
+				}
+				:deep(.el-input__inner:-moz-placeholder) {
+					/* Mozilla Firefox 4 to 18 */
+					font-weight: 400;
+					color: #8c8c8c;
+				}
+				:deep(.el-input__inner::-moz-placeholder) {
+					/* Mozilla Firefox 19+ */
+					font-weight: 400;
+					color: #8c8c8c;
+					opacity: 1;
+				}
+				:deep(.el-input__inner:-ms-input-placeholder) {
+					/* Internet Explorer 10+ */
+					font-weight: 400;
+					color: #8c8c8c !important;
+				}
+				:deep(.el-form-item) {
+					position: relative;
+					.button-code {
+						// 元素
+						height: $rowHeight;
+						box-sizing: border-box;
+						// 定位
+						position: absolute;
+						top: 0;
+						right: 20px;
+						z-index: 1;
+						// 文字
+						line-height: 20px;
+						font-size: 14px;
+						font-family: PingFang SC;
+						font-weight: 400;
+						color: #2f53eb;
+						span {
+							padding-left: 15px;
+							border-left: 2px solid #d9d9d9;
+						}
+					}
+				}
+				:deep(.el-form-item__error) {
+					padding-left: 24px;
+				}
+				.button {
+					width: 100%;
+					height: $buttonHeight;
+					background: rgba(24, 144, 255, 0.2);
+					border: 0;
+					border-radius: 24px;
+					margin-bottom: 20px;
+					// 文字
+					line-height: 26px;
+					font-size: calc(18 * 0.12vh);
+					color: #ffffff;
+				}
+				.button-active {
+					background: #2f53eb;
+					box-shadow: 0px 2px 8px rgba(0, 80, 184, 0.2);
+				}
+			}
+		}
+	}
+
+	.login-form {
+		* {
+			user-select: none;
+		}
+		// - - - input
+		:deep(.el-input__inner) {
+			// 元素
+			width: 420px;
+			height: calc(52 * 0.12vh);
+			// height: 66px;
+			color: #262626;
+			font-size: calc(14 * 0.12vh);
+		}
+		:deep(.el-checkbox__label) {
+			font-size: calc(14 * 0.12vh);
+			line-height: calc(12 * 0.12vh);
+		}
+	}
+}
+
+// - - - - - PC 最小尺寸设置
+@media screen and (min-width: 1920px) {
+	.container {
+		.content {
+			.field {
+				flex: initial;
+				// width: 800px;
+				width: 40vw;
+			}
+		}
+	}
+}
+
+@media screen and (min-height: 1024px) {
+	.container {
+		.content {
+			.field {
+				margin-top: 16vh;
+			}
+		}
+	}
+}
+
+@media screen and (max-height: 1024px) {
+	.container {
+		.content {
+			.field {
+				margin-top: 8vh;
+			}
+		}
+	}
+}
+
+
+
+@media screen and (min-width: 599px) and (max-width: 1366px) {
+	.container {
+		// min-width: 599px;
+		min-width: 42vw;
+
+		.content {
+			// width: 710px;
+			// height: 397px;
+			width: 100%;
+			height: 100%;
+			.pic {
+				// width: 314px;
+				display: none;
+			}
+			.field {
+				// margin-top: 6vh;
+				// width: calc(710px - 314px);
+				// left: 314px;
+				// justify-content: center;
+				width: 100%;
+
+				.pc-title {
+					h3 {
+						font-size: 2.4rem !important;
+					}
+				}
+
+				.form {
+					// width: 320px;
+					:deep(.el-input__inner) {
+						width: 320px;
+						height: 56px;
+					}
+					.button {
+						height: 50px;
+					}
+				}
+			}
+		}
+	}
+}
+
+// @media screen and (max-height: 1080px) {
+// 	.container {
+// 		.field {
+// 			transform: scale(0.74);
+// 		}
+// 	}
+// }
+
+/* ===== MOBILE DESIGN ===== */
+$mobileW: 375;
+$mobileH: 812;
+$mobileContentW: 327;
+$mobileContentH: 376;
+$mobileFormW: 280;
+$mobileRowH: 48;
+$mobileButtonH: 48;
+
+// container
+$mobileContainerBgImage: '../assets/images/bg-mobile.png';
+// container-content
+$mobileContentWidth: round($mobileContentW / $mobileW * 100) * 1vw;
+$mobileContentHeight: round($mobileContentH / $mobileW * 100) / 100 *
+	$mobileContentWidth;
+// container-content-field-form
+$mobileFormWidth: round($mobileFormW / $mobileW * 100) * 1vw;
+$mobileRowHeight: $mobileRowH * 1px;
+$mobileButtonHeight: $mobileButtonH * 1px;
+$iconBgImage: '../assets/images/icon.png';
+
+// - - - - - 移动端设置
+@media screen and (max-width: 599px) {
+	.container {
+		// 元素
+		background-image: url($mobileContainerBgImage);
+		min-width: 280px;
+		min-height: 568px;
+		// 文字
+		font-size: 14px;
+		font-family: PingFang SC;
+		font-weight: bold;
+		.logo {
+			display: none;
+		}
+
+		.pc-title {
+			display: none;
+		}
+
+		.content {
+			// 元素
+			width: $mobileContentWidth;
+			height: $mobileContentHeight;
+			min-width: 250px;
+			min-height: 340px;
+			// 定位
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			.pic {
+				display: none;
+			}
+			.field {
+				padding: 0;
+				// 元素
+				width: inherit;
+				min-height: inherit;
+				// 定位
+				left: 0;
+				display: flex;
+				flex-direction: column;
+
+				.mobile-title {
+					// 元素
+					margin: 0;
+					display: block;
+				}
+
+				.form {
+					margin: 0;
+					width: $mobileFormWidth;
+					// - - - tab
+					:deep(.el-tabs__header) {
+						display: none;
+					}
+					:deep(.el-tabs__content) {
+						padding: 0;
+					}
+					// - - - input
+					:deep(.el-input__inner) {
+						height: $mobileRowHeight;
+						line-height: 24px;
+						// 文字
+						text-align: center;
+						color: #262626;
+					}
+					:deep(.el-form-item) {
+						.button-code {
+							// 元素
+							height: $mobileRowHeight;
+						}
+					}
+					.button {
+						height: $mobileButtonHeight;
+						line-height: 24px;
+						color: #ffffff;
+					}
+				}
+
+				.login-form {
+					:deep(.el-input__inner) {
+						height: $mobileRowHeight;
+						line-height: 24px;
+						// 文字
+						text-align: center;
+						color: #262626;
+					}
+
+					:deep(#button-form-item) {
+						margin: 0 !important;
+						button {
+							// 元素
+							height: $mobileRowHeight;
+						}
+					}
+				}
+				.mobile-switch {
+					display: block;
+					line-height: 20px;
+					font-size: 14px;
+					font-weight: 400;
+					color: #595959;
+					margin: 0;
+					.icon {
+						width: 14px;
+						height: 14px;
+						display: inline-block;
+						background-image: url($iconBgImage);
+						background-size: cover;
+					}
+				}
+				.mobile-switch:hover {
+					cursor: pointer;
+				}
+			}
+		}
+
+		.footer {
+			// 元素
+			font-size: calc(12 * 0.12vh);
+			font-family: PingFang SC;
+			font-weight: 400;
+			line-height: 17px;
+			color: #333333;
+			opacity: 0.6;
+			// 定位
+			// position: absolute;
+			bottom: -calc(32 * 0.12vh);
+		}
+	}
+}
diff --git a/src/assets/transparent.png b/src/assets/transparent.png
new file mode 100644
index 0000000..a5332c6
Binary files /dev/null and b/src/assets/transparent.png differ
diff --git a/src/assets/xcac.png b/src/assets/xcac.png
new file mode 100644
index 0000000..94dc8ee
Binary files /dev/null and b/src/assets/xcac.png differ
diff --git a/src/main.js b/src/main.js
index f253456..f82c2ff 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,9 +1,25 @@
+/*
+ * @Author: Do not edit
+ * @Date: 2023-12-27 16:41:40
+ * @LastEditTime: 2024-01-09 17:50:38
+ * @LastEditors: DY
+ * @Description:
+ */
 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
+import Vant from 'vant'
+import 'vant/lib/index.css'
+import axios from 'axios'
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
 
 Vue.config.productionTip = false
+Vue.prototype.$http = axios
+
+Vue.use(Vant)
+Vue.use(ElementUI)
 
 new Vue({
   router,
diff --git a/src/router/index.js b/src/router/index.js
index c937ad9..b1b748e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,12 +1,28 @@
+/*
+ * @Author: Do not edit
+ * @Date: 2023-12-27 16:41:40
+ * @LastEditTime: 2024-01-09 13:58:18
+ * @LastEditors: DY
+ * @Description:
+ */
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import HomeView from '../views/HomeView.vue'
+import LoginView from '../views/Login.vue'
 
 Vue.use(VueRouter)
 
 const routes = [
   {
     path: '/',
+    name: 'login',
+    component: LoginView,
+    meta: {
+      keepAlive: true
+    }
+  },
+  {
+    path: '/home',
     name: 'home',
     component: HomeView
   },
@@ -17,6 +33,16 @@ const routes = [
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
     component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
+  },
+  {
+    path: '/quality',
+    name: 'quality',
+    component: () => import('../views/Quality.vue')
+  },
+  {
+    path: '/scrap',
+    name: 'scrap',
+    component: () => import('../views/Scrap.vue')
   }
 ]
 
diff --git a/src/utils/auth.js b/src/utils/auth.js
new file mode 100644
index 0000000..9314c9e
--- /dev/null
+++ b/src/utils/auth.js
@@ -0,0 +1,36 @@
+
+// ========== 租户相关 ==========
+
+const TenantIdKey = 'TENANT_ID'
+// const TenantNameKey = 'TENANT_NAME'
+
+export function setTenantId (username) {
+  localStorage.setItem(TenantIdKey, username)
+}
+
+export function getTenantId () {
+  return localStorage.getItem(TenantIdKey)
+}
+
+const AccessTokenKey = 'ACCESS_TOKEN'
+const RefreshTokenKey = 'REFRESH_TOKEN'
+
+// ========== Token 相关 ==========
+
+export function getAccessToken () {
+  return localStorage.getItem(AccessTokenKey)
+}
+
+export function getRefreshToken () {
+  return localStorage.getItem(RefreshTokenKey)
+}
+
+export function setToken (token) {
+  localStorage.setItem(AccessTokenKey, token.accessToken)
+  localStorage.setItem(RefreshTokenKey, token.refreshToken)
+}
+
+export function removeToken () {
+  localStorage.removeItem(AccessTokenKey)
+  localStorage.removeItem(RefreshTokenKey)
+}
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..980f8a1
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,108 @@
+/*
+ * @Author: Do not edit
+ * @Date: 2023-11-20 11:02:29
+ * @LastEditTime: 2024-01-10 17:31:37
+ * @LastEditors: DY
+ * @Description:
+ */
+import axios from 'axios'
+import { getTenantId, getAccessToken, getRefreshToken, setToken } from '@/utils/auth'
+import { refreshToken } from '@/api/login'
+
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+
+const service = axios.create({
+  // baseURL: 'http://192.168.0.33:48082/admin-api',
+  baseURL: 'http://192.168.0.33:48082/admin-api',
+  timeout: 30000,
+  withCredentials: false
+})
+
+// 是否显示重新登录
+export const isRelogin = { show: false }
+// 是否正在刷新中
+let isRefreshToken = false
+// 请求队列
+let requestList = []
+
+// request拦截器
+service.interceptors.request.use(config => {
+  // 设置租户
+  const tenantId = getTenantId()
+  config.headers['tenant-id'] = tenantId
+  // 是否需要设置 token
+  const isToken = (config.headers || {}).isToken === false
+  if (getAccessToken() && !isToken) {
+    config.headers.Authorization = 'Bearer ' + getAccessToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+  }
+  return config
+})
+
+// 响应拦截器
+service.interceptors.response.use(async res => {
+  // return Promise.reject(error)
+  // 访问令牌过期
+  if (res.data.code === 401) {
+    if (!isRefreshToken) {
+      isRefreshToken = true
+      // 1. 如果获取不到刷新令牌，则只能执行登出操作
+      if (!getRefreshToken()) {
+        return handleAuthorized()
+      }
+      // 2. 进行刷新访问令牌
+      try {
+        const refreshTokenRes = await refreshToken()
+        // 2.1 刷新成功，则回放队列的请求 + 当前请求
+        if (refreshTokenRes.data.code === 0) {
+          setToken(refreshTokenRes.data.data)
+          requestList.forEach(cb => cb())
+          return service(res.config)
+        } else {
+          return handleAuthorized()
+        }
+      } catch (e) { // 为什么需要 catch 异常呢？刷新失败时，请求因为 Promise.reject 触发异常。
+        // 2.2 刷新失败，只回放队列的请求
+        requestList.forEach(cb => cb())
+        // 提示是否要登出。即不回放当前请求！不然会形成递归
+        return handleAuthorized()
+      } finally {
+        requestList = []
+        isRefreshToken = false
+      }
+    } else {
+      // 添加到队列，等待刷新获取到新的令牌
+      return new Promise(resolve => {
+        requestList.push(() => {
+          res.config.headers.Authorization = 'Bearer ' + getAccessToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+          resolve(service(res.config))
+        })
+      })
+    }
+  } else {
+    return res
+  }
+  // if (res.dat)
+})
+
+function handleAuthorized () {
+  if (!isRelogin.show) {
+    isRelogin.show = true
+    this.$message.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
+      confirmButtonText: '重新登录',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }
+    ).then(() => {
+      isRelogin.show = false
+      this.$router.push({ path: '/' })
+      // store.dispatch('LogOut').then(() => {
+      //   location.href = getPath('/index');
+      // })
+    }).catch(() => {
+      isRelogin.show = false
+    })
+  }
+  return Promise.reject(new Error('无效的会话，或者会话已过期，请重新登录。'))
+}
+
+export default service
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index e8d96d7..b85465a 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,18 +1,82 @@
+<!--
+ * @Author: Do not edit
+ * @Date: 2023-12-27 16:41:40
+ * @LastEditTime: 2024-01-09 14:00:12
+ * @LastEditors: DY
+ * @Description: 首页
+-->
 <template>
   <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <div class="centerDiv">
+      <div class="img1" @click="toQuality">
+        <p class="title">质量收集器</p>
+      </div>
+      <div class="img" @click="toScrap">
+        <p class="title">报废管理</p>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-// @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
 
 export default {
   name: 'HomeView',
-  components: {
-    HelloWorld
+  data () {
+    return {
+    }
+  },
+  methods: {
+    toQuality () {
+      this.$router.push({
+        path: 'quality'
+      })
+    },
+    toScrap () {
+      this.$router.push({
+        path: 'scrap'
+      })
+    }
   }
 }
 </script>
+
+<style scoped>
+.title {
+  /* width: 175px;
+  height: 45px; */
+  font-size: 32px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  color: #000000;
+  line-height: 45px;
+  letter-spacing: 3px;
+  margin-top: 395px;
+}
+.img {
+  width: 428px;
+  height: 607px;
+  background-image: url('./../assets/scrap.png');
+  background-size: cover;
+}
+.img1 {
+  width: 428px;
+  height: 607px;
+  background-image: url('./../assets/quality.png');
+  background-size: cover;
+}
+.centerDiv {
+  display: flex;
+  justify-content: center;
+  flex-direction: row;
+  align-items: center;
+  height: 100vh;
+  gap: 18px;
+}
+.home {
+  background-image: url('./../assets/home_bg.png');
+  height: 100vh;
+  width: 100vw;
+  background-size: cover;
+}
+</style>
diff --git a/src/views/Login.vue b/src/views/Login.vue
new file mode 100644
index 0000000..c06c34d
--- /dev/null
+++ b/src/views/Login.vue
@@ -0,0 +1,182 @@
+<!--
+ * @Author: Do not edit
+ * @Date: 2023-12-28 11:21:53
+ * @LastEditTime: 2024-01-10 16:58:49
+ * @LastEditors: DY
+ * @Description: 登陆
+-->
+<template>
+  <div class="login">
+    <van-row type="flex" justify="space-around">
+      <van-col span="12">
+        <div class="left">
+          <div class="title">
+            <span>Wel</span>
+            <span style="color: white">come</span>
+            <p
+              style="
+                margin: 0;
+                font-size: 16px;
+                letter-spacing: 1px;
+                color: #26b9de;
+                opacity: 75%;
+              ">
+              <span
+                style="
+                  display: inline-block;
+                  height: 12px;
+                  width: 12px;
+                  margin-left: 8px;
+                  margin-right: 2px;
+                  border-radius: 100%;
+                  background: #26b9de;
+                "></span>
+              向世界先进水平挑战，为人类社会文明做贡献
+            </p>
+          </div>
+          <div>
+            <img class="modalImg" src="./../assets/modal.png" alt="">
+          </div>
+        </div>
+      </van-col>
+      <van-col span="12">
+        <div class="right">
+          <div>
+            <img class="xcacImg" src="./../assets/xcac.png" alt="">
+            <p class="xc">许昌安彩新能源科技有限公司</p>
+          </div>
+          <div class="form">
+            <van-form @submit="onSubmit">
+              <van-field
+                v-model="username"
+                name="username"
+                placeholder="用户名 / 手机号"
+                style="margin-bottom: 16px"
+                :rules="[{ required: true, message: '请填写用户名' }]"
+              />
+              <van-field
+                v-model="password"
+                type="password"
+                name="password"
+                placeholder="密码"
+                :rules="[{ required: true, message: '请填写密码' }]"
+              />
+              <div style="margin-top: 36px; border-radius: 3px">
+                <van-button block type="info" native-type="submit">提交</van-button>
+              </div>
+            </van-form>
+          </div>
+        </div>
+      </van-col>
+    </van-row>
+    <div class="mountain">
+      <p style="margin-top: 80px; color: #3196E7">{{'版权所有：中建材智能自动化有限公司版本' + '\u3000' +'版本：1.0'}}</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import { loginUser, getTenantIdByName } from '@/api/login'
+import { setTenantId, setToken } from '@/utils/auth'
+
+export default {
+  name: 'Login',
+  data () {
+    return {
+      username: 'admin',
+      password: 'admin123',
+      tenantName: '技术中心'
+    }
+  },
+  created () {
+    // 租户
+    getTenantIdByName(this.tenantName).then((res) => {
+      // 设置租户
+      const tenantId = res.data.data
+      if (tenantId && tenantId >= 0) {
+        setTenantId(tenantId)
+      }
+    })
+  },
+  methods: {
+    onSubmit (values) {
+      loginUser(values).then(res => {
+        console.log(res.data)
+        if (res.data.code === 0) {
+          setToken(res.data.data)
+          this.$router.push({
+            path: 'home'
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.form {
+  width: 332px;
+  margin: 45px auto;
+}
+.xc {
+  /* width: 342px;
+  height: 32px; */
+  font-size: 24px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  color: #FFFFFF;
+  line-height: 32px;
+  letter-spacing: 1px;
+  margin: 0;
+  text-align: center;
+}
+.xcacImg {
+  height: 46px;
+  width: 130px;
+  margin: 80px 148px 0;
+}
+.right {
+  background-image: url('./../assets/transparent.png');
+  height: 534px;
+  width: 458px;
+  margin-top: 121px;
+  margin-left: 40px;
+}
+.modalImg {
+  margin-top: 55px;
+  margin-left: 55px;
+  text-align: left;
+}
+.title {
+  /* width: 297px; */
+  /* height: 59px; */
+  padding-top: 122px;
+  padding-left: 115px;
+  text-align: left;
+  font-size: 66px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 600;
+  color: #1BD1FF;
+  line-height: 58px;
+}
+.left {
+  margin: 0;
+}
+.mountain {
+  background-image: url('./../assets/mountain.png');
+  height: 131px;
+  width: 100vw;
+  background-size: 100%;
+  position: absolute;
+  bottom: 0;
+  text-align: center;
+}
+.login {
+  background-image: url('./../assets/login-bg.png');
+  height: 100vh;
+  background-size: 100%;
+  position: relative;
+  text-align: left;
+}
+</style>
diff --git a/src/views/Quality.vue b/src/views/Quality.vue
new file mode 100644
index 0000000..144bf3e
--- /dev/null
+++ b/src/views/Quality.vue
@@ -0,0 +1,222 @@
+<!--
+ * @Author: Do not edit
+ * @Date: 2024-01-09 13:48:42
+ * @LastEditTime: 2024-01-10 17:56:00
+ * @LastEditors: DY
+ * @Description:
+-->
+<template>
+  <div class="quality">
+    <van-row type="flex" justify="space-between">
+      <van-col span="5" style="text-align: left">
+        <h2>质量管理器</h2>
+      </van-col>
+      <van-col span="4" style="text-align: right">
+        <img class="homeIcon" @click="toHome" src="./../assets/home.png" alt="">
+      </van-col>
+    </van-row>
+    <van-row gutter="20" style="margin-top: -20px;">
+      <van-col span="12">
+        <van-dropdown-menu >
+          <van-dropdown-item v-model="listQuery.productionLineId" :options="lineArray" @change="getSection()" />
+        </van-dropdown-menu>
+      </van-col>
+      <van-col span="12">
+        <van-dropdown-menu>
+          <van-dropdown-item v-model="listQuery.sectionId" :options="sectionArray" @change="getQuality()" />
+        </van-dropdown-menu>
+      </van-col>
+    </van-row>
+    <div class="count">
+      本班次合计数量：{{ count }}
+    </div>
+    <div class="content" v-for="(item, index) in typeList" :key="index">
+      <van-row type="flex" align="center" style="margin-left: -20px">
+        <van-col span="1">
+          <img style="width: 20px; height: 20px;" src="./../assets/icon.png" alt="">
+        </van-col>
+        <van-col span="8">
+          <p style="text-align: left; color: #276BFF">{{ item[0].typeName }}</p>
+        </van-col>
+      </van-row>
+      <van-row type="flex">
+        <van-col span="6" v-for="it in item" :key="it.id">
+          <div :class=" it.active ? 'flexActive' : 'flexItem'">
+            <!-- <div> -->
+              <div class="contain">
+              <div class="leftDiv">{{ it.count }}</div>
+              </div>
+            <!-- </div> -->
+            <!-- <div> -->
+              <div class="rightDiv" @click="addRecord(it)">{{ it.detContent }}</div>
+            <!-- </div> -->
+          </div>
+        </van-col>
+      </van-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { lineList, workshopSectionListByLine, qualityManage, createInspection } from '@/api/quality'
+
+export default {
+  name: 'Quality',
+  data () {
+    return {
+      lineArray: [],
+      sectionArray: [],
+      listQuery: {
+        productionLineId: '',
+        sectionId: ''
+      },
+      count: 0,
+      typeList: []
+    }
+  },
+  mounted () {
+    this.getLine()
+  },
+  methods: {
+    addRecord (value) {
+      const now = new Date() // 创建一个表示当前时间的Date对象
+      const formattedTime = `${now.getFullYear()}-${(now.getMonth() + 1).toString().padStart(2, '0')}-${now.getDate().toString().padStart(2, '0')} ${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}:${now.getSeconds().toString().padStart(2, '0')}`
+      // console.log(formattedTime)
+      createInspection({
+        ...this.listQuery,
+        inspectionDetId: value.detId,
+        checkTime: formattedTime
+      }).then(res => {
+        if (res.data.code === 0) {
+          this.$set(value, 'active', true)
+          value.count++
+          this.count++
+        }
+      })
+    },
+    toHome () {
+      this.$router.push({
+        path: 'home'
+      })
+    },
+    getQuality () {
+      qualityManage(this.listQuery).then(res => {
+        if (JSON.stringify(res.data.data) !== '{}') {
+          this.typeList = Object.values(res.data.data)
+          this.count = this.typeList[0][0].sunCount
+        } else {
+          this.typeList = []
+          this.count = 0
+        }
+      })
+    },
+    getLine () {
+      lineList().then(res => {
+        this.lineArray = res.data.data.map(item => {
+          return {
+            text: item.name,
+            value: item.id
+          }
+        })
+      })
+    },
+    getSection () {
+      workshopSectionListByLine({ id: this.listQuery.productionLineId }).then(res => {
+        this.sectionArray = res.data.data.map(item => {
+          return {
+            text: item.name,
+            value: item.id
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.flexItem {
+  display: flex;
+  margin-right: 20px;
+  width: 226px;
+  line-height: 72px;
+  box-shadow: 5px 6px 8px 0px rgba(206,212,226,0.72), inset 6px 0px 6px 0px #FFFFFF;
+  background-color: #FFFFFF;
+}
+.flexActive {
+  display: flex;
+  margin-right: 20px;
+  width: 226px;
+  line-height: 72px;
+  box-shadow: 5px 6px 8px 0px rgba(206,212,226,0.72), inset 6px 0px 6px 0px #FFFFFF;
+  background-color: #276BFF;
+}
+.rightDiv {
+  border-radius: 7px;
+  height: 72px;
+  line-height: 72px;
+  width: 140px;
+  /* background-color: #276BFF; */
+}
+.contain {
+  border-radius: 7px 36px 36px 7px;
+  height: 72px;
+  width: 80px;
+  line-height: 72px;
+  background-color: #FFFFFF;
+  /* margin: 5px 0 5px 0; */
+}
+.leftDiv {
+  border-radius: 7px 36px 36px 7px;
+  background-color: #276BFF;
+  height: 72px;
+  width: 77px;
+  line-height: 72px;
+  /* margin: 5px 0 5px 0; */
+}
+.content {
+  width: 100%;
+  /* height: 40px; */
+  /* display: flex; */
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+  background: #FFFFFF;
+  border-radius: 8px;
+  opacity: 0.7;
+  backdrop-filter: blur(50px);
+  line-height: 40px;
+  font-size: 18px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  color: #000000;
+  margin-top: 7px;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+}
+.count {
+  width: 100%;
+  height: 40px;
+  background: #FFFFFF;
+  border-radius: 8px;
+  opacity: 0.7;
+  backdrop-filter: blur(50px);
+  line-height: 40px;
+  font-size: 18px;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 600;
+  color: #000000;
+  margin-top: 7px;
+}
+.homeIcon {
+  width: 84px;
+  height: 84px;
+}
+.quality {
+  background-image: url('./../assets/quality-bg.png');
+  height: 100vh;
+  width: 100vw;
+  padding: 20px 20px;
+  box-sizing: border-box;
+}
+</style>
diff --git a/src/views/Scrap.vue b/src/views/Scrap.vue
new file mode 100644
index 0000000..dbfb3a1
--- /dev/null
+++ b/src/views/Scrap.vue
@@ -0,0 +1,134 @@
+<!--
+ * @Author: Do not edit
+ * @Date: 2024-01-09 13:49:03
+ * @LastEditTime: 2024-01-09 20:39:57
+ * @LastEditors: DY
+ * @Description:
+-->
+<template>
+  <div class="scrap">
+    <div style="float: right" type="primary" size="small" plain @click="goback()">
+      <img class="homeIcon" src="./../assets/home.png" alt="">
+    </div>
+    <h2>报废管理</h2>
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+      <el-form-item label="工单" prop="workOrderId">
+        <el-select v-model="ruleForm.workOrderId" filterable clearable placeholder="请选择工单" style="width: 100%; display: block">
+          <el-option v-for="(item, index) in workOrderList" :key="index" :label="item.name" :value="item.id"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="报废数量" prop="num">
+        <el-input-Number v-model="ruleForm.num" style="width: 100%; display: block"></el-input-Number>
+      </el-form-item>
+      <el-form-item label="报废原因" prop="detName">
+        <el-checkbox-group v-model="ruleForm.detName" style="width: 100%; display: block; text-align: left">
+          <el-checkbox v-for="(item, index) in scrapList" :key="index" :label="item.content" :name="item.id"></el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <el-form-item label="产线" prop="lineId">
+        <el-select v-model="ruleForm.lineId" filterable clearable placeholder="请选择产线" style="width: 100%; display: block">
+          <el-option v-for="(item, index) in lineArray" :key="index" :label="item.name" :value="item.id"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="时间" prop="logTime">
+        <el-date-picker type="datetime" placeholder="选择日期" value-format="yyyy-MM-dd HH:mm:ss" v-model="ruleForm.logTime" style="width: 100%;"></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="resetForm('ruleForm')">取消</el-button>
+        <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { workOrderList, scrapDetList, lineList, createScrap } from '@/api/quality'
+
+export default {
+  data () {
+    return {
+      ruleForm: {
+        workOrderId: '',
+        num: 0,
+        detId: '',
+        detName: [],
+        lineId: undefined,
+        logTime: new Date()
+      },
+      workOrderList: [],
+      lineArray: [],
+      scrapList: [],
+      rules: {
+        workOrderId: [
+          { required: true, message: '请选择工单', trigger: 'change' }
+        ],
+        num: [
+          { required: true, message: '请输入报废数量', trigger: 'blur' }
+        ],
+        detName: [
+          { required: true, message: '请选择报废原因', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  mounted () {
+    this.getDict()
+    this.ruleForm = {
+      workOrderId: '',
+      num: 0,
+      detId: '',
+      detName: [],
+      lineId: undefined,
+      logTime: new Date()
+    }
+  },
+  methods: {
+    goback () {
+      this.$router.go(-1)
+    },
+    async getDict () {
+      const workRes = await workOrderList()
+      this.workOrderList = workRes.data.data
+      await lineList().then(res => {
+        this.lineArray = res.data.data.map(item => {
+          return {
+            name: item.name,
+            id: item.id
+          }
+        })
+      })
+      const scrapRes = await scrapDetList()
+      this.scrapList = scrapRes.data.data
+    },
+    submitForm (formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.ruleForm.detId = this.ruleForm.detName.join(',')
+          createScrap(this.ruleForm).then(res => {
+            console.log(res.data)
+            if (res.data.code === 0) {
+              this.$message({
+                message: '提交成功！',
+                type: 'success'
+              })
+            }
+          })
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    resetForm (formName) {
+      this.$refs[formName].resetFields()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.scrap {
+  padding: 30px;
+  /* font-size: 20px; */
+}
+</style>
diff --git a/src/views/components/HomePage.vue b/src/views/components/HomePage.vue
new file mode 100644
index 0000000..a0a3d09
--- /dev/null
+++ b/src/views/components/HomePage.vue
@@ -0,0 +1,53 @@
+<!--
+ * @Author: Do not edit
+ * @Date: 2023-12-29 10:01:55
+ * @LastEditTime: 2024-01-07 22:26:39
+ * @LastEditors: DY
+ * @Description: 首页
+-->
+<template>
+  <div>
+    首页
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HomePage',
+  data () {
+    return {
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="less">
+.workDiv {
+  background-color: #F2F2F2;
+  font-size: 12px;
+  width: 90%;
+  padding: 5px 0 10px 10px;
+}
+.swipeDiv {
+  padding: 10px;
+  margin-bottom:20px;
+  text-align: left;
+  background-color: white;
+  border-radius: 10px;
+  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
+}
+.my-swipe .van-swipe-item {
+  // color: #fff;
+  // font-size: 20px;
+  // line-height: 150px;
+  margin: 0 10px;
+  text-align: left;
+  // background-color: #39a9ed;
+}
+.hello {
+  background-color: #F7F7F7;
+  height: 100%;
+  padding: 20px;
+}
+</style>
diff --git a/vue.config.js b/vue.config.js
index 910e297..2148497 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,25 @@
+/*
+ * @Author: Do not edit
+ * @Date: 2023-12-27 16:41:40
+ * @LastEditTime: 2024-01-09 10:20:47
+ * @LastEditors: DY
+ * @Description:
+ */
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
-  transpileDependencies: true
+  transpileDependencies: true,
+
+  // 配置代理服务器
+  devServer: {
+    // proxy: {
+    //   '/api': {
+    //     target: 'http://192.168.0.33:48082',
+    //     ws: true,
+    //     changeOrigin: true,
+    //     pathRewrite: {
+    //       '^/portapi': ''
+    //     }
+    //   }
+    // }
+  }
 })