commit b9379d46ed074b9d7599e6f8b40af1d786f8a7ab
Author: lin <2760273940@qq.com>
Date:   Tue Dec 24 11:21:35 2024 +0800

    bookstore-final

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..a7cea0b
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/LIST.TXT b/LIST.TXT
new file mode 100644
index 0000000..ce49926
--- /dev/null
+++ b/LIST.TXT
@@ -0,0 +1,58 @@
+D:\workplace\Vue.js\final work\.gitignore
+D:\workplace\Vue.js\final work\.idea
+D:\workplace\Vue.js\final work\.vscode
+D:\workplace\Vue.js\final work\index.html
+D:\workplace\Vue.js\final work\LIST.TXT
+D:\workplace\Vue.js\final work\logo.png
+D:\workplace\Vue.js\final work\node_modules
+D:\workplace\Vue.js\final work\package-lock.json
+D:\workplace\Vue.js\final work\package.json
+D:\workplace\Vue.js\final work\public
+D:\workplace\Vue.js\final work\README.md
+D:\workplace\Vue.js\final work\src
+D:\workplace\Vue.js\final work\vite.config.js
+D:\workplace\Vue.js\final work\yarn.lock
+D:\workplace\Vue.js\final work\新建文本文档 (3).bat
+D:\workplace\Vue.js\final work\.idea\.gitignore
+D:\workplace\Vue.js\final work\.idea\final work.iml
+D:\workplace\Vue.js\final work\.idea\libraries
+D:\workplace\Vue.js\final work\.idea\misc.xml
+D:\workplace\Vue.js\final work\.idea\modules.xml
+D:\workplace\Vue.js\final work\.idea\vcs.xml
+D:\workplace\Vue.js\final work\.idea\workspace.xml
+D:\workplace\Vue.js\final work\.idea\libraries\212206253.xml
+D:\workplace\Vue.js\final work\.vscode\extensions.json
+D:\workplace\Vue.js\final work\public\arrow.png
+D:\workplace\Vue.js\final work\public\logo.png
+D:\workplace\Vue.js\final work\public\user.png
+D:\workplace\Vue.js\final work\public\vite.svg
+D:\workplace\Vue.js\final work\public\箭头.png
+D:\workplace\Vue.js\final work\src\App.vue
+D:\workplace\Vue.js\final work\src\assets
+D:\workplace\Vue.js\final work\src\components
+D:\workplace\Vue.js\final work\src\express.js
+D:\workplace\Vue.js\final work\src\main.js
+D:\workplace\Vue.js\final work\src\request.js
+D:\workplace\Vue.js\final work\src\router
+D:\workplace\Vue.js\final work\src\store
+D:\workplace\Vue.js\final work\src\style.css
+D:\workplace\Vue.js\final work\src\view
+D:\workplace\Vue.js\final work\src\assets\arrow.png
+D:\workplace\Vue.js\final work\src\assets\vue.svg
+D:\workplace\Vue.js\final work\src\router\router.js
+D:\workplace\Vue.js\final work\src\store\expressStore.ts
+D:\workplace\Vue.js\final work\src\store\user.js
+D:\workplace\Vue.js\final work\src\store\user.ts
+D:\workplace\Vue.js\final work\src\view\index.vue
+D:\workplace\Vue.js\final work\src\view\logo.png
+D:\workplace\Vue.js\final work\src\view\user
+D:\workplace\Vue.js\final work\src\view\user\212206253叶卓林.zip
+D:\workplace\Vue.js\final work\src\view\user\Elist.vue
+D:\workplace\Vue.js\final work\src\view\user\ExpressForm.vue
+D:\workplace\Vue.js\final work\src\view\user\ExpressList.vue
+D:\workplace\Vue.js\final work\src\view\user\Get.vue
+D:\workplace\Vue.js\final work\src\view\user\login.vue
+D:\workplace\Vue.js\final work\src\view\user\MyInfo.vue
+D:\workplace\Vue.js\final work\src\view\user\register.vue
+D:\workplace\Vue.js\final work\src\view\user\Send.vue
+D:\workplace\Vue.js\final work\src\view\user\test.vue
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..1511959
--- /dev/null
+++ b/README.md
@@ -0,0 +1,5 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8388c4b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000..e69de29
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..8fe5267
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,895 @@
+{
+  "name": "bookstore",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "bookstore",
+      "version": "0.0.0",
+      "dependencies": {
+        "axios": "^1.7.9",
+        "element-plus": "^2.8.8",
+        "pinia": "2.0.27",
+        "pinia-plugin-persist": "^1.0.0",
+        "vue": "^3.4.37",
+        "vue-router": "^4.2.1"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^5.1.2",
+        "vite": "^5.4.1"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.24.8",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz",
+      "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
+      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.25.6",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.25.6.tgz",
+      "integrity": "sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.25.6"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.25.6",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.25.6.tgz",
+      "integrity": "sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.24.8",
+        "@babel/helper-validator-identifier": "^7.24.7",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
+      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@element-plus/icons-vue": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz",
+      "integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.8",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.6.8.tgz",
+      "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.8"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.12",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.6.12.tgz",
+      "integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.8"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.8.tgz",
+      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@popperjs/core": {
+      "name": "@sxzz/popperjs-es",
+      "version": "2.11.7",
+      "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.21.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.2.tgz",
+      "integrity": "sha512-6UUxd0+SKomjdzuAcp+HAmxw1FlGBnl1v2yEPSabtx4lBfdXHDVsW7+lQkgz9cNFJGY3AWR7+V8P5BqkD9L9nA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.13",
+      "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.13.tgz",
+      "integrity": "sha512-lfx+dftrEZcdBPczf9d0Qv0x+j/rfNCMuC6OcfXmO8gkfeNAY88PgKUbvG56whcN23gc27yenwF6oJZXGFpYxg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-5.1.3.tgz",
+      "integrity": "sha512-3xbWsKEKXYlmX82aOHufFQVnkbMC/v8fLpWwh6hWOUrK5fbbtBh9Q/WWse27BFgSy2/e2c0fz5Scgya9h2GLhw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.1.tgz",
+      "integrity": "sha512-WdjF+NSgFYdWttHevHw5uaJFtKPalhmxhlu2uREj8cLP0uyKKIR60/JvSZNTp0x+NSd63iTiORQTx3+tt55NWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.1",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.1.tgz",
+      "integrity": "sha512-Ao23fB1lINo18HLCbJVApvzd9OQe8MgmQSgyY5+umbWj2w92w9KykVmJ4Iv2US5nak3ixc2B+7Km7JTNhQ8kSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.1",
+        "@vue/shared": "3.5.1"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.1.tgz",
+      "integrity": "sha512-DFizMNH8eDglLhlfwJ0+ciBsztaYe3fY/zcZjrqL1ljXvUw/UpC84M1d7HpBTCW68SNqZyIxrs1XWmf+73Y65w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/compiler-core": "3.5.1",
+        "@vue/compiler-dom": "3.5.1",
+        "@vue/compiler-ssr": "3.5.1",
+        "@vue/shared": "3.5.1",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.11",
+        "postcss": "^8.4.44",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.1.tgz",
+      "integrity": "sha512-C1hpSHQgRM8bg+5XWWD7CkFaVpSn9wZHCLRd10AmxqrH17d4EMP6+XcZpwBOM7H1jeStU5naEapZZWX0kso1tQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.1",
+        "@vue/shared": "3.5.1"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.1.tgz",
+      "integrity": "sha512-aFE1nMDfbG7V+U5vdOk/NXxH/WX78XuAfX59vWmCM7Ao4lieoc83RkzOAWun61sQXlzNZ4IgROovFBHg+Iz1+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.1"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.1.tgz",
+      "integrity": "sha512-Ce92CCholNRHR3ZtzpRp/7CDGIPFxQ7ElXt9iH91ilK5eOrUv3Z582NWJesuM3aYX71BujVG5/4ypUxigGNxjA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.1",
+        "@vue/shared": "3.5.1"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.1.tgz",
+      "integrity": "sha512-B/fUJfBLp5PwE0EWNfBYnA4JUea8Yufb3wN8fN0/HzaqBdkiRHh4sFHOjWqIY8GS75gj//8VqeEqhcU6yUjIkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.1",
+        "@vue/runtime-core": "3.5.1",
+        "@vue/shared": "3.5.1",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.1.tgz",
+      "integrity": "sha512-C5V/fjQTitgVaRNH5wCoHynaWysjZ+VH68drNsAvQYg4ArHsZUQNz0nHoEWRj41nzqkVn2RUlnWaEOTl2o1Ppg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.1",
+        "@vue/shared": "3.5.1"
+      },
+      "peerDependencies": {
+        "vue": "3.5.1"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.1.tgz",
+      "integrity": "sha512-NdcTRoO4KuW2RSFgpE2c+E/R/ZHaRzWPxAGxhmxZaaqLh6nYCXx7lc9a88ioqOCxCaV2SFJmujkxbUScW7dNsQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vueuse/core": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-9.13.0.tgz",
+      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.13.0",
+        "@vueuse/shared": "9.13.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.13.0.tgz",
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.13.0.tgz",
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+      "license": "MIT",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.7.9",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.7.9.tgz",
+      "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/element-plus": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.8.8.tgz",
+      "integrity": "sha512-MLAH1x2PGTnOT7Iwqh9ASgfZhvgqQqrdbxuJH0w2fGjzE4ZjryyLQj24HXoQO7Zon66U3lrYxbdLI57M6OX0qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "@element-plus/icons-vue": "^2.3.1",
+        "@floating-ui/dom": "^1.0.1",
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+        "@types/lodash": "^4.14.182",
+        "@types/lodash-es": "^4.17.6",
+        "@vueuse/core": "^9.1.0",
+        "async-validator": "^4.2.5",
+        "dayjs": "^1.11.13",
+        "escape-html": "^1.0.3",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lodash-unified": "^1.0.2",
+        "memoize-one": "^6.0.0",
+        "normalize-wheel-es": "^1.2.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.1.tgz",
+      "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-unified": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/lodash-unified/-/lodash-unified-1.0.3.tgz",
+      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/lodash-es": "*",
+        "lodash": "*",
+        "lodash-es": "*"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.11",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.11.tgz",
+      "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "license": "MIT"
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/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==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/normalize-wheel-es": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.0.tgz",
+      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
+      "license": "ISC"
+    },
+    "node_modules/pinia": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.0.27.tgz",
+      "integrity": "sha512-nOnXP0OFeL8R4WjAHsterU+11vptda643gH02xKNtSCDPiRzVfRYodOLihLDoa0gL1KKuQKV+KOzEgdt3YvqEw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.4.5",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia-plugin-persist": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/pinia-plugin-persist/-/pinia-plugin-persist-1.0.0.tgz",
+      "integrity": "sha512-M4hBBd8fz/GgNmUPaaUsC29y1M09lqbXrMAHcusVoU8xlQi1TqgkWnnhvMikZwr7Le/hVyMx8KUcumGGrR6GVw==",
+      "license": "MIT",
+      "dependencies": {
+        "vue-demi": "^0.12.1"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0",
+        "pinia": "^2.0.0",
+        "vue": "^2.0.0 || >=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia-plugin-persist/node_modules/vue-demi": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.12.5.tgz",
+      "integrity": "sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.45",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.4.45.tgz",
+      "integrity": "sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.1",
+        "source-map-js": "^1.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/rollup": {
+      "version": "4.21.2",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.21.2.tgz",
+      "integrity": "sha512-e3TapAgYf9xjdLvKQCkQTnbTKd4a6jwlpQSJJFokHGaX2IVjoEqkIIhiQfqsi0cdwlOD+tQGuOd5AJkc5RngBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.21.2",
+        "@rollup/rollup-android-arm64": "4.21.2",
+        "@rollup/rollup-darwin-arm64": "4.21.2",
+        "@rollup/rollup-darwin-x64": "4.21.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.21.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.21.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.21.2",
+        "@rollup/rollup-linux-arm64-musl": "4.21.2",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.21.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.21.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.21.2",
+        "@rollup/rollup-linux-x64-gnu": "4.21.2",
+        "@rollup/rollup-linux-x64-musl": "4.21.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.21.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.21.2",
+        "@rollup/rollup-win32-x64-msvc": "4.21.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.3",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-5.4.3.tgz",
+      "integrity": "sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.1.tgz",
+      "integrity": "sha512-k4UNnbPOEskodSxMtv+B9GljdB0C9ubZDOmW6vnXVGIfMqmEsY2+ohasjGguhGkMkrcP/oOrbH0dSD41x5JQFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.1",
+        "@vue/compiler-sfc": "3.5.1",
+        "@vue/runtime-dom": "3.5.1",
+        "@vue/server-renderer": "3.5.1",
+        "@vue/shared": "3.5.1"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.4.5.tgz",
+      "integrity": "sha512-4fKZygS8cH1yCyuabAXGUAsyi1b2/o/OKgu/RUb+znIYOxPRxdkytJEx+0wGcpBE1pX6vUgh5jwWOKRGvuA/7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..7366697
--- /dev/null
+++ b/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "bookstore",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.7.9",
+    "element-plus": "^2.8.8",
+    "pinia": "2.0.27",
+    "pinia-plugin-persist": "^1.0.0",
+    "vue": "^3.4.37",
+    "vue-router": "^4.2.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.1.2",
+    "vite": "^5.4.1"
+  }
+}
diff --git a/public/arrow.png b/public/arrow.png
new file mode 100644
index 0000000..0e785e3
Binary files /dev/null and b/public/arrow.png differ
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..a392e75
Binary files /dev/null and b/public/logo.png differ
diff --git a/public/user.png b/public/user.png
new file mode 100644
index 0000000..29f4716
Binary files /dev/null and b/public/user.png differ
diff --git a/public/vite.svg b/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/public/绠ご.png b/public/绠ご.png
new file mode 100644
index 0000000..7319cb0
Binary files /dev/null and b/public/绠ご.png differ
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..6d0546f
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,15 @@
+<template>
+  <router-view></router-view>
+</template>
+
+<script lang="ts" setup>
+</script>
+
+<style>
+/* 鍏ㄥ眬鏍峰紡 */
+body {
+  margin: 0;
+  padding: 0;
+  font-family: Arial, sans-serif;
+}
+</style>
\ No newline at end of file
diff --git a/src/assets/goods.png b/src/assets/goods.png
new file mode 100644
index 0000000..43a9a9e
Binary files /dev/null and b/src/assets/goods.png differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..a392e75
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/assets/merchant.png b/src/assets/merchant.png
new file mode 100644
index 0000000..cbca6d3
Binary files /dev/null and b/src/assets/merchant.png differ
diff --git a/src/assets/orders.png b/src/assets/orders.png
new file mode 100644
index 0000000..c01a189
Binary files /dev/null and b/src/assets/orders.png differ
diff --git a/src/assets/users.png b/src/assets/users.png
new file mode 100644
index 0000000..d10395c
Binary files /dev/null and b/src/assets/users.png differ
diff --git a/src/assets/vue.svg b/src/assets/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/src/assets/澶村儚.png b/src/assets/澶村儚.png
new file mode 100644
index 0000000..0e785e3
Binary files /dev/null and b/src/assets/澶村儚.png differ
diff --git a/src/express.js b/src/express.js
new file mode 100644
index 0000000..70c60ea
--- /dev/null
+++ b/src/express.js
@@ -0,0 +1,39 @@
+import { defineStore } from 'pinia'
+import ExpressList from './view/user/ExpressList.vue'
+
+export const expressStore = defineStore('express', {
+  state: () => {
+    return{
+      ExpressList:[{
+        express_no: "",
+        s_datatime: "",
+        senderCity: "",
+        senderName: "",
+        receiverCity: "",
+        receiverName: "",
+      }]
+    }
+  },
+  getters: {},
+  actions: {
+    add(item){
+      this.ExpressList.push(item)
+    },
+    modify(item,index){
+      this.expressList[index]=item
+    },
+    deleteByIndex(index){
+      this.expressList.splice(index,1)
+    }
+  },
+  persist: {
+    enabled: true,
+    strategies: [
+      {
+        key: 'express',
+        storage: localStorage,
+        paths: ['expressList']
+      }
+    ]
+  }
+})
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..d882592
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,12 @@
+import { createApp } from 'vue'
+import App from '../src/components/managerLayout/index.vue'
+import router from './router/router'
+import ElementPlus from 'element-plus'
+import { createPinia } from 'pinia'
+import 'element-plus/dist/index.css'
+
+const app = createApp(App)
+app.use(router)
+app.use(ElementPlus)
+app.mount('#app')
+app.use(createPinia())
diff --git a/src/request.js b/src/request.js
new file mode 100644
index 0000000..f7efd62
--- /dev/null
+++ b/src/request.js
@@ -0,0 +1,5 @@
+import axios from "axios"
+const request = axios.create({
+    timeout:20000
+})
+export default request
\ No newline at end of file
diff --git a/src/router/router.js b/src/router/router.js
new file mode 100644
index 0000000..2c237fc
--- /dev/null
+++ b/src/router/router.js
@@ -0,0 +1,81 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import Login from '../view/user/login.vue'
+import Register from '../view/user/register.vue'
+import Index from '../view/index.vue'
+import MyInfo from '../view/user/myInfo.vue'
+import accopass from '../view/user/accopass.vue'
+import merchant from '../view/user/merchant.vue'
+import client from '../view/user/client.vue'
+import books from '../view/user/books.vue'
+import bookinfo from '../view/user/bookinfo.vue'
+import orders from '../view/user/orders.vue'
+
+const routes = [
+  {
+    path: '/',
+    redirect: '/login'
+  },
+  {
+    path: '/login',
+    name: 'Login',
+    component: Login
+  },
+  {
+    path: '/register',
+    name: 'Register',
+    component: Register
+  },
+  {
+    path: '/index',
+    name: 'Index',
+    component: Index,
+    children: [
+      {
+        path: '',
+        redirect: 'myinfo'  // 榛樿閲嶅畾鍚戝埌 myinfo
+      },
+      {
+        path: '/myinfo',  // 瀛愯矾鐢变笉闇�瑕佷互 / 寮�澶�
+        name: 'MyInfo',
+        component: MyInfo
+      },
+      {
+        path: '/accopass',  // 瀛愯矾鐢变笉闇�瑕佷互 / 寮�澶�
+        name: 'accopass',
+        component: accopass
+      },
+      {
+        path: '/merchant',  // 瀛愯矾鐢变笉闇�瑕佷互 / 寮�澶�
+        name: 'merchant',
+        component: merchant
+      },
+      {
+        path: '/client',  // 瀛愯矾鐢变笉闇�瑕佷互 / 寮�澶�
+        name: 'client',
+        component: client
+      },
+      {
+        path: '/books',  // 瀛愯矾鐢变笉闇�瑕佷互 / 寮�澶�
+        name: 'books',
+        component: books
+      },
+      {
+        path: '/bookinfo',  // 瀛愯矾鐢变笉闇�瑕佷互 / 寮�澶�
+        name: 'bookinfo',
+        component: bookinfo
+      },
+      {
+        path: '/orders',  // 瀛愯矾鐢变笉闇�瑕佷互 / 寮�澶�
+        name: 'orders',
+        component: orders
+      }
+    ]
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes
+})
+
+export default router
diff --git a/src/store/expressStore.ts b/src/store/expressStore.ts
new file mode 100644
index 0000000..c9ae013
--- /dev/null
+++ b/src/store/expressStore.ts
@@ -0,0 +1,14 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { ExpressForm } from '@/types'; // 鍋囪浣犳湁涓�涓被鍨嬪畾涔夋枃浠�
+
+export const useExpressStore = defineStore('express', {
+  state: () => ({
+    expressForms: ref<ExpressForm[]>([]),
+  }),
+  actions: {
+    addExpress(form: ExpressForm) {
+      this.expressForms.value.push(form);
+    },
+  },
+});
\ No newline at end of file
diff --git a/src/store/user.js b/src/store/user.js
new file mode 100644
index 0000000..11b8794
--- /dev/null
+++ b/src/store/user.js
@@ -0,0 +1,25 @@
+import{
+    defineStore
+}from "pinia";
+
+export const userStore=defineStore('user',{
+    state:()=>{
+        return{
+            loginState:false
+        }
+    },
+    getters:{},
+    actions:{
+        setLoginState(state){
+            this.$disposeloginState=state
+        }
+    },
+    persist:{
+        enabled:true,
+        strategies:[{
+            key:'user',
+            Storage:localStorage,
+            paths:['loginState']
+    }]
+    }
+})
\ No newline at end of file
diff --git a/src/store/user.ts b/src/store/user.ts
new file mode 100644
index 0000000..e90d31f
--- /dev/null
+++ b/src/store/user.ts
@@ -0,0 +1,13 @@
+// src/stores/user.ts
+import { defineStore } from 'pinia'
+
+export const useUserStore = defineStore('user', {
+  state: () => ({
+    user: null
+  }),
+  actions: {
+    setUser(user) {
+      this.user = user
+    }
+  }
+})
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..bb131d6
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,79 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/src/view/index.vue b/src/view/index.vue
new file mode 100644
index 0000000..e3e80a8
--- /dev/null
+++ b/src/view/index.vue
@@ -0,0 +1,165 @@
+<template>
+  <el-container class="layout-container-demo" style="height: 100vh; width: 100%">
+    <!-- 渚ц竟 -->
+    <el-aside width="200px">
+      <el-scrollbar>
+        <el-menu :default-openeds="['2', '3']">
+          <el-sub-menu index="1">
+            <template #title>
+              <el-icon><img class="sign" src=".././assets/logo.png" alt="" /></el-icon>鎴戠殑淇℃伅
+            </template>
+            <el-menu-item index="1-1">
+              <router-link to="/myInfo">
+                <span>鎴戠殑璧勬枡</span>
+              </router-link>
+            </el-menu-item>
+            <el-menu-item index="1-2">
+              <router-link to="/accopass">
+                <span>淇敼瀵嗙爜</span>
+              </router-link>
+            </el-menu-item>
+          </el-sub-menu>
+          <el-sub-menu index="2">
+            <template #title>
+              <el-icon><img class="sign" src=".././assets/merchant.png" alt="" /></el-icon>鍟嗗璧勬枡
+            </template>
+            <el-menu-item index="2-2">
+              <router-link to="/merchant">
+                <span>鍟嗗淇℃伅</span>
+              </router-link>
+            </el-menu-item>
+          </el-sub-menu>
+          <el-sub-menu index="3">
+            <template #title>
+              <el-icon><img class="sign" src=".././assets/users.png" alt="" /></el-icon>鐢ㄦ埛璧勬枡
+            </template>
+            <el-menu-item index="3-1">
+              <router-link to="/client">
+                <span>鐢ㄦ埛淇℃伅</span>
+              </router-link>
+            </el-menu-item>
+          </el-sub-menu>
+          <el-sub-menu index="4">
+            <template #title>
+              <el-icon><img class="sign" src=".././assets/goods.png" alt="" /></el-icon>鍟嗗搧绠＄悊
+            </template>
+            <el-menu-item index="4-1">
+              <router-link to="/bookinfo">
+              <span>涔︾睄淇℃伅</span>
+              </router-link>
+            </el-menu-item>
+            <el-menu-item index="4-2">
+              <router-link to="/books">
+                <span>鎵�鏈変功绫�</span>
+              </router-link>
+            </el-menu-item>
+          </el-sub-menu>
+          <el-sub-menu index="5">
+            <template #title>
+              <el-icon><img class="sign" src=".././assets/orders.png" alt="" /></el-icon>璁㈠崟绠＄悊
+            </template>
+            <el-menu-item index="5-1">
+              <router-link to="/orders">
+                <span>鎵�鏈夎鍗�</span>
+              </router-link>
+            </el-menu-item>
+          </el-sub-menu>
+        </el-menu>
+      </el-scrollbar>
+    </el-aside>
+
+    <!-- 椤堕儴 -->
+    <el-container>
+      <el-header style="text-align: right; font-size: 12px; width: 100%">
+        <span class="title">娆㈣繋浣跨敤鍚庡彴绠＄悊绯荤粺</span>
+      </el-header>
+
+      <!-- 涓昏鍐呭鍖哄煙 -->
+      <el-main>
+        <router-view></router-view>  <!-- 鐢ㄤ簬鏄剧ず璺敱缁勪欢 -->
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { Menu as IconMenu, Message, Setting } from '@element-plus/icons-vue'
+
+const item = {
+  date: '2016-05-02',
+  name: 'Tom',
+  address: 'No. 189, Grove St, Los Angeles',
+}
+const tableData = ref(Array.from({ length: 20 }).fill(item))
+</script>
+
+<style scoped>
+.layout-container-demo .el-menu {
+  border-right: none;
+  background-color: #68d868;  /* 璁剧疆鑿滃崟鐨勮儗鏅鑹� */
+}
+
+.layout-container-demo .el-menu-item {
+  background-color: #48ac48;  /* 璁剧疆鑿滃崟椤圭殑鑳屾櫙棰滆壊 */
+}
+
+.layout-container-demo {
+  height: 100vh;
+  width: 100%;
+}
+
+.layout-container-demo .el-header {
+  position: relative;
+  background-color: green;
+  color: #68d868 !important;
+  width: 100%;
+}
+
+.layout-container-demo .el-aside {
+  color: darkseagreen;
+  background: #68d868;
+  position: relative;
+  height: 100%;
+}
+
+.layout-container-demo .el-menu {
+  border-right: none;
+}
+
+.layout-container-demo .el-main {
+  padding: 20px;  /* 娣诲姞涓�浜涘唴杈硅窛鏉ヤ繚鎸佸唴瀹逛笉闈犺繎杈圭紭 */
+  height: 100%;
+  overflow-y: auto;  /* 濡傛灉鍐呭杩囧锛屽惎鐢ㄦ粴鍔ㄦ潯 */
+}
+
+.layout-container-demo .toolbar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  right: 20px;
+}
+
+.sign {
+  width: 20px;
+  height: 20px;
+  vertical-align: middle;
+}
+
+.layout-container-demo .el-menu-item.is-active {
+  background-color: #55c755;  /* 璁剧疆閫変腑鐘舵�佹椂鑿滃崟椤圭殑鑳屾櫙棰滆壊 */
+}
+
+.layout-container-demo .el-menu-item:hover {
+  background-color: #55c755;  /* 璁剧疆鑿滃崟椤� hover 鏃剁殑鑳屾櫙棰滆壊 */
+}
+
+.layout-container-demo .el-menu-item.is-opened {
+  background-color: #55c755; /* 璁剧疆灞曞紑鍚庡瓙鑿滃崟鐨勮儗鏅壊锛堥�変腑鐘舵�侊級 */
+}
+
+.title {
+  font-size: 45px;
+}
+</style>
diff --git a/src/view/user/MyInfo.vue b/src/view/user/MyInfo.vue
new file mode 100644
index 0000000..5d29c6d
--- /dev/null
+++ b/src/view/user/MyInfo.vue
@@ -0,0 +1,195 @@
+<template>
+  <div class="container">
+    <el-row class="top">
+      <el-col :span="20" class="col">涓汉淇℃伅</el-col>
+    </el-row>
+
+    <el-row class="body">
+      <el-col :span="6" class="avatar-col">
+        <el-image
+            class="user-img"
+            :src="userImgSrc"
+            @error="handleImageError"
+            fit="cover"
+        ></el-image>
+        <el-button class="upload-btn" type="text" @click="triggerFileUpload">鏇存崲澶村儚</el-button>
+      </el-col>
+
+      <el-col :span="14" class="form-col">
+        <el-text class="phone">{{ phoneNumber }}</el-text>
+        <el-form label-width="auto" class="user-form" style="max-width: 600px">
+          <el-form-item label="鏄电О">
+            <el-input v-model="form.nickname" placeholder="璇疯緭鍏ユ樀绉�"></el-input>
+          </el-form-item>
+          <el-form-item label="鎬у埆">
+            <el-select v-model="form.sex" placeholder="閫夋嫨鎬у埆">
+              <el-option label="鐢�" value="鐢�"></el-option>
+              <el-option label="濂�" value="濂�"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="鐢熸棩">
+            <el-date-picker
+                v-model="form.birthday"
+                type="date"
+                placeholder="Pick a day"
+                style="width: 100%"
+            />
+          </el-form-item>
+          <el-form-item label="鍦板尯">
+            <el-input v-model="form.region" placeholder="璇疯緭鍏ュ湴鍖�"></el-input>
+          </el-form-item>
+          <el-form-item label="鐢佃瘽鍙风爜">
+            <el-input v-model="form.phoneNumber" type="tel" placeholder="璇疯緭鍏ョ數璇濆彿鐮�"></el-input>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button type="primary" class="save-btn" @click="saveForm">淇濆瓨</el-button>
+          </el-form-item>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+
+const userImgSrc = ref('/user.png'); // 榛樿澶村儚
+const form = ref({
+  nickname: '',
+  sex: '',
+  birthday: null,
+  region: '',
+  profileImage: null,
+  phoneNumber: '' // 鏂板鐢佃瘽鍙风爜瀛楁
+});
+
+// 浠� localStorage 涓鍙栬〃鍗曟暟鎹�
+onMounted(() => {
+  const storedForm = localStorage.getItem('userInfo');
+  if (storedForm) {
+    const parsedForm = JSON.parse(storedForm);
+    form.value = parsedForm;
+    userImgSrc.value = parsedForm.profileImage || '/user.png';
+  }
+});
+
+// 澶勭悊鏂囦欢涓婁紶
+const handleFileUpload = (event) => {
+  const file = event.target.files[0];
+  if (file) {
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      userImgSrc.value = e.target.result;
+      form.value.profileImage = e.target.result;
+    };
+    reader.readAsDataURL(file);
+  }
+};
+
+// 鎵嬪姩瑙﹀彂鏂囦欢涓婁紶
+const triggerFileUpload = () => {
+  const fileInput = document.querySelector('input[type="file"]');
+  fileInput?.click();
+};
+
+// 淇濆瓨琛ㄥ崟鏁版嵁
+const saveForm = () => {
+  localStorage.setItem('userInfo', JSON.stringify(form.value));
+  ElMessage({
+    message: '淇濆瓨鎴愬姛',
+    type: 'success'
+  });
+};
+
+// 澶勭悊澶村儚鍔犺浇澶辫触
+const handleImageError = () => {
+  userImgSrc.value = '/user.png'; // 浣跨敤榛樿澶村儚
+};
+</script>
+
+<style scoped>
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 30px;
+  background-color: #f4f7f6;
+  min-height: 100vh;
+}
+
+.top {
+  margin-bottom: 30px;
+  text-align: center;
+  font-size: 24px;
+  font-weight: 600;
+}
+
+.col {
+  font-size: 30px;
+  text-align: center;
+}
+
+.body {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 30px;
+}
+
+.avatar-col {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.user-img {
+  width: 120px;
+  height: 120px;
+  border-radius: 50%;
+  margin-bottom: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.upload-btn {
+  font-size: 12px;
+  color: #409eff;
+  margin-top: 10px;
+}
+
+.form-col {
+  flex: 1;
+  background-color: white;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.phone {
+  margin-top: 10px;
+  font-size: 14px;
+  color: #666;
+}
+
+.user-form .el-form-item {
+  margin-bottom: 15px;
+}
+
+.user-form .el-input, .user-form .el-select, .user-form .el-date-picker {
+  border-radius: 8px;
+}
+
+.save-btn {
+  width: 100%;
+  padding: 10px 0;
+  font-size: 16px;
+}
+
+.el-button--primary {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+</style>
diff --git a/src/view/user/accopass.vue b/src/view/user/accopass.vue
new file mode 100644
index 0000000..234f91a
--- /dev/null
+++ b/src/view/user/accopass.vue
@@ -0,0 +1,129 @@
+<template>
+  <div class="change-password-container">
+    <h2>淇敼瀵嗙爜</h2>
+    <form @submit.prevent="changePassword">
+      <div class="form-group">
+        <label for="oldPassword">褰撳墠瀵嗙爜</label>
+        <input
+            v-model="oldPassword"
+            type="password"
+            id="oldPassword"
+            placeholder="璇疯緭鍏ュ綋鍓嶅瘑鐮�"
+            required
+        />
+      </div>
+
+      <div class="form-group">
+        <label for="newPassword">鏂板瘑鐮�</label>
+        <input
+            v-model="newPassword"
+            type="password"
+            id="newPassword"
+            placeholder="璇疯緭鍏ユ柊瀵嗙爜"
+            required
+        />
+      </div>
+
+      <div class="form-group">
+        <label for="confirmPassword">纭鏂板瘑鐮�</label>
+        <input
+            v-model="confirmPassword"
+            type="password"
+            id="confirmPassword"
+            placeholder="纭鏂板瘑鐮�"
+            required
+        />
+      </div>
+
+      <button type="submit" :disabled="isLoading">鎻愪氦</button>
+
+      <div v-if="error" class="error-message">{{ error }}</div>
+      <div v-if="successMessage" class="success-message">{{ successMessage }}</div>
+    </form>
+  </div>
+</template>
+
+<script>
+
+</script>
+
+<style scoped>
+.change-password-container {
+  max-width: 400px;
+  margin: 50px auto;
+  padding: 40px;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+h2 {
+  text-align: center;
+  font-size: 24px;
+  color: #333;
+  font-weight: bold;
+  margin-bottom: 30px;
+}
+
+.form-group {
+  margin-bottom: 20px;
+}
+
+label {
+  display: block;
+  font-size: 14px;
+  color: #555;
+  margin-bottom: 8px;
+}
+
+input {
+  width: 100%;
+  padding: 12px 16px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  font-size: 14px;
+  color: #333;
+  background-color: #f9f9f9;
+  transition: all 0.3s ease;
+}
+
+input:focus {
+  border-color: #4CAF50;
+  background-color: #fff;
+  outline: none;
+}
+
+button {
+  width: 100%;
+  padding: 12px;
+  background-color: #4CAF50;
+  color: white;
+  border: none;
+  border-radius: 8px;
+  font-size: 16px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+button:hover {
+  background-color: #45a049;
+}
+
+button:disabled {
+  background-color: #ddd;
+  cursor: not-allowed;
+}
+
+.error-message {
+  color: #e74c3c;
+  font-size: 14px;
+  margin-top: 15px;
+}
+
+.success-message {
+  color: #2ecc71;
+  font-size: 14px;
+  margin-top: 15px;
+}
+
+</style>
diff --git a/src/view/user/bookinfo.vue b/src/view/user/bookinfo.vue
new file mode 100644
index 0000000..2db06ce
--- /dev/null
+++ b/src/view/user/bookinfo.vue
@@ -0,0 +1,207 @@
+<template>
+  <div class="book-management-container">
+    <!-- 鎼滅储妗� -->
+    <div class="search-bar">
+      <el-input
+          v-model="searchQuery"
+          placeholder="杈撳叆涔﹀悕鎼滅储"
+          suffix-icon="el-icon-search"
+          clearable
+          @input="handleSearch"
+          style="width: 300px;"
+      />
+    </div>
+
+    <!-- 涔︾睄淇℃伅灞曠ず -->
+    <div class="book-list">
+      <el-row :gutter="20">
+        <!-- 寰幆涔︾睄鏁版嵁锛屽睍绀轰功绫嶄俊鎭� -->
+        <el-col :span="8" v-for="book in filteredBooks" :key="book.id">
+          <el-card :body-style="{ padding: '20px' }">
+            <!-- 涔︾睄鍥剧墖 -->
+            <div class="book-image">
+              <img :src="book.imageUrl" alt="涔︾睄鍥剧墖" />
+            </div>
+            <!-- 涔︾睄淇℃伅 -->
+            <div class="book-info">
+              <h3>{{ book.title }}</h3>
+              <p><strong>浠锋牸锛�</strong>锟{ book.price }}</p>
+              <p><strong>搴撳瓨锛�</strong>{{ book.stock }} 鏈�</p>
+              <p><strong>浠嬬粛锛�</strong>{{ book.description }}</p>
+            </div>
+            <!-- 缂栬緫鎸夐挳 -->
+            <el-button @click="editBook(book)" type="primary" size="small" style="margin-top: 10px; width: 100%">
+              缂栬緫
+            </el-button>
+          </el-card>
+        </el-col>
+      </el-row>
+    </div>
+
+    <!-- 鎼滅储鏃犵粨鏋滄椂鐨勬彁绀� -->
+    <div v-if="filteredBooks.length === 0" class="no-results">
+      <p>娌℃湁鎵惧埌鐩稿叧涔︾睄</p>
+    </div>
+
+    <!-- 缂栬緫涔︾睄鐨勫脊绐� -->
+    <el-dialog
+        title="缂栬緫涔︾睄"
+        :visible.sync="dialogVisible"
+        width="400px"
+        @close="resetForm"
+    >
+      <el-form :model="editingBook" label-width="120px">
+        <el-form-item label="涔﹀悕" prop="title" :rules="[{ required: true, message: '涔﹀悕涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="editingBook.title" placeholder="璇疯緭鍏ヤ功鍚�"></el-input>
+        </el-form-item>
+        <el-form-item label="浠锋牸" prop="price" :rules="[{ required: true, message: '浠锋牸涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="editingBook.price" placeholder="璇疯緭鍏ヤ环鏍�"></el-input>
+        </el-form-item>
+        <el-form-item label="搴撳瓨" prop="stock" :rules="[{ required: true, message: '搴撳瓨涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="editingBook.stock" placeholder="璇疯緭鍏ュ簱瀛�"></el-input>
+        </el-form-item>
+        <el-form-item label="浠嬬粛" prop="description" :rules="[{ required: true, message: '浠嬬粛涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="editingBook.description" placeholder="璇疯緭鍏ヤ功绫嶄粙缁�" type="textarea"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="resetForm">鍙栨秷</el-button>
+        <el-button type="primary" @click="saveBook">淇濆瓨</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch, onMounted } from 'vue';
+import { ElButton, ElInput, ElDialog, ElForm, ElFormItem, ElMessage, ElCard, ElRow, ElCol } from 'element-plus';
+
+// 鍋囨暟鎹�
+const dummyBooks = [
+  { id: 1, title: '涔︾睄 A', price: '20.00', stock: 100, description: '杩欐槸涔︾睄A鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookA.jpg' },
+  { id: 2, title: '涔︾睄 B', price: '25.00', stock: 50, description: '杩欐槸涔︾睄B鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookB.jpg' },
+  { id: 3, title: '涔︾睄 C', price: '18.00', stock: 200, description: '杩欐槸涔︾睄C鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookC.jpg' },
+  { id: 4, title: '涔︾睄 D', price: '22.00', stock: 150, description: '杩欐槸涔︾睄D鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookD.jpg' },
+  { id: 5, title: '涔︾睄 E', price: '28.00', stock: 75, description: '杩欐槸涔︾睄E鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookE.jpg' },
+  { id: 6, title: '涔︾睄 F', price: '30.00', stock: 120, description: '杩欐槸涔︾睄F鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookF.jpg' },
+  { id: 7, title: '涔︾睄 G', price: '26.00', stock: 90, description: '杩欐槸涔︾睄G鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookG.jpg' },
+  { id: 8, title: '涔︾睄 H', price: '24.00', stock: 80, description: '杩欐槸涔︾睄H鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookH.jpg' },
+  { id: 9, title: '涔︾睄 I', price: '15.00', stock: 300, description: '杩欐槸涔︾睄I鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookI.jpg' },
+  { id: 10, title: '涔︾睄 J', price: '19.00', stock: 250, description: '杩欐槸涔︾睄J鐨勪粙缁嶅唴瀹�', imageUrl: '/images/bookJ.jpg' },
+];
+
+const books = ref([...dummyBooks]); // 鍏ㄩ儴涔︾睄鏁版嵁
+const filteredBooks = ref([...dummyBooks]); // 褰撳墠鏄剧ず鐨勬暟鎹紙鏍规嵁鎼滅储杩囨护锛�
+const searchQuery = ref(''); // 鎼滅储妗嗙殑鍐呭
+const dialogVisible = ref(false); // 缂栬緫瀵硅瘽妗嗙殑鍙鎬�
+const editingBook = ref({}); // 缂栬緫鐨勪功绫嶅璞�
+
+// 鎼滅储澶勭悊
+const handleSearch = () => {
+  filteredBooks.value = books.value.filter((book) =>
+      book.title.toLowerCase().includes(searchQuery.value.toLowerCase())
+  );
+};
+
+// 缂栬緫涔︾睄
+const editBook = (book) => {
+  editingBook.value = { ...book }; // 鍏嬮殕褰撳墠涔︾睄鏁版嵁
+  dialogVisible.value = true;
+};
+
+// 淇濆瓨涔︾睄淇℃伅
+const saveBook = () => {
+  const index = books.value.findIndex((book) => book.id === editingBook.value.id);
+  if (index !== -1) {
+    books.value[index] = { ...editingBook.value }; // 鏇存柊涔︾睄淇℃伅
+    ElMessage.success('涔︾睄淇℃伅宸蹭繚瀛�');
+  } else {
+    ElMessage.error('鎵句笉鍒拌涔︾睄');
+  }
+  dialogVisible.value = false;
+  handleSearch(); // 閲嶆柊搴旂敤鎼滅储杩囨护
+};
+
+// 閲嶇疆琛ㄥ崟鏁版嵁
+const resetForm = () => {
+  editingBook.value = {};
+  dialogVisible.value = false;
+};
+
+onMounted(() => {
+  handleSearch(); // 鍒濆鍖栨椂鏍规嵁榛樿鎼滅储缁撴灉鏄剧ず鏁版嵁
+});
+
+// 鐩戝惉鎼滅储妗嗙殑鍙樺寲
+watch(searchQuery, handleSearch);
+</script>
+
+<style scoped>
+.book-management-container {
+  margin: 20px;
+  background-color: #f7f7f7;
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.search-bar {
+  margin-bottom: 20px;
+  display: flex;
+  justify-content: flex-start; /* 宸﹀榻� */
+  align-items: center;
+}
+
+.book-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  justify-content: flex-start; /* 纭繚鎺掑垪鏂瑰紡涓轰粠宸﹀埌鍙� */
+  overflow-y: auto;  /* 濡傛灉瓒呭嚭楂樺害浼氭粴鍔� */
+  max-height: 80vh;  /* 鏈�澶ч珮搴︼紝閬垮厤杩囬珮瀵艰嚧椤甸潰杩囬暱 */
+}
+
+.book-image img {
+  width: 100%;
+  height: 200px;
+  object-fit: cover;
+  border-radius: 8px;
+}
+
+.book-info {
+  margin-top: 10px;
+}
+
+.no-results {
+  text-align: center;
+  margin-top: 50px;
+  color: #ccc;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+
+.el-button {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+
+.el-dialog {
+  min-width: 400px;
+}
+
+.el-form-item {
+  margin-bottom: 20px;
+}
+
+.el-input,
+.el-select {
+  width: 100%;
+}
+
+.el-card {
+  border-radius: 12px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/src/view/user/books.vue b/src/view/user/books.vue
new file mode 100644
index 0000000..5c46494
--- /dev/null
+++ b/src/view/user/books.vue
@@ -0,0 +1,231 @@
+<template>
+  <div class="book-container">
+    <!-- 鎼滅储鏍� -->
+    <div class="search-bar">
+      <el-input
+          v-model="searchQuery"
+          placeholder="鎼滅储涔︾睄锛堜功鍚嶃�佷綔鑰咃級"
+          suffix-icon="el-icon-search"
+          @input="handleSearch"
+          clearable
+          style="width: 300px;"
+      />
+      <el-button type="primary" @click="openAddDialog" style="margin-left: 10px;">鏂板涔︾睄</el-button>
+    </div>
+
+    <!-- 涔︾睄淇℃伅灞曠ず -->
+    <el-table :data="currentPageBooks" stripe style="width: 100%">
+      <el-table-column label="涔﹀悕" prop="title"></el-table-column>
+      <el-table-column label="浣滆��" prop="author"></el-table-column>
+      <el-table-column label="ISBN" prop="isbn"></el-table-column>
+      <el-table-column label="浠锋牸" prop="price"></el-table-column>
+      <el-table-column label="鐘舵��" prop="status"></el-table-column>
+      <el-table-column label="鎿嶄綔">
+        <template #default="{ row }">
+          <el-button @click="editBook(row)" type="text" size="small">缂栬緫</el-button>
+          <el-button @click="deleteBook(row)" type="text" size="small" class="delete-btn">鍒犻櫎</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 鍒嗛〉 -->
+    <el-pagination
+        v-if="totalBooks > 10"
+        :current-page="currentPage"
+        :page-size="pageSize"
+        :total="totalBooks"
+        layout="prev, pager, next, jumper"
+        @current-change="handlePageChange"
+    ></el-pagination>
+
+    <!-- 澧炲姞涔︾睄鐨勮〃鍗� -->
+    <el-dialog
+        :visible.sync="dialogVisible"
+        title="鏂板/缂栬緫涔︾睄"
+        @close="resetForm"
+    >
+      <el-form :model="newBook" label-width="120px">
+        <el-form-item label="涔﹀悕" prop="title" :rules="[{ required: true, message: '涔﹀悕涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newBook.title" placeholder="璇疯緭鍏ヤ功鍚�"></el-input>
+        </el-form-item>
+        <el-form-item label="浣滆��" prop="author" :rules="[{ required: true, message: '浣滆�呬笉鑳戒负绌�', trigger: 'blur' }]">
+          <el-input v-model="newBook.author" placeholder="璇疯緭鍏ヤ綔鑰�"></el-input>
+        </el-form-item>
+        <el-form-item label="ISBN" prop="isbn" :rules="[{ required: true, message: 'ISBN涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newBook.isbn" placeholder="璇疯緭鍏SBN"></el-input>
+        </el-form-item>
+        <el-form-item label="浠锋牸" prop="price" :rules="[{ required: true, message: '浠锋牸涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newBook.price" placeholder="璇疯緭鍏ヤ环鏍�"></el-input>
+        </el-form-item>
+        <el-form-item label="鐘舵��" prop="status" :rules="[{ required: true, message: '鐘舵�佷笉鑳戒负绌�', trigger: 'blur' }]">
+          <el-select v-model="newBook.status" placeholder="璇烽�夋嫨鐘舵��">
+            <el-option label="涓婃灦" value="涓婃灦"></el-option>
+            <el-option label="涓嬫灦" value="涓嬫灦"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="resetForm">鍙栨秷</el-button>
+        <el-button type="primary" @click="saveBook">淇濆瓨</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue';
+import { ElTable, ElTableColumn, ElButton, ElPagination, ElDialog, ElForm, ElFormItem, ElInput, ElSelect, ElOption, ElMessage } from 'element-plus';
+
+// 鍋囨暟鎹�
+const dummyBooks = [
+  { id: 1, title: '涔︾睄 A', author: '浣滆�� A', isbn: '978-1-23456-789-0', price: '20.00', status: '涓婃灦' },
+  { id: 2, title: '涔︾睄 B', author: '浣滆�� B', isbn: '978-1-23456-789-1', price: '25.00', status: '涓嬫灦' },
+  { id: 3, title: '涔︾睄 C', author: '浣滆�� C', isbn: '978-1-23456-789-2', price: '18.00', status: '涓婃灦' },
+  { id: 4, title: '涔︾睄 D', author: '浣滆�� D', isbn: '978-1-23456-789-3', price: '22.00', status: '涓嬫灦' },
+  { id: 5, title: '涔︾睄 E', author: '浣滆�� E', isbn: '978-1-23456-789-4', price: '30.00', status: '涓婃灦' },
+  { id: 6, title: '涔︾睄 F', author: '浣滆�� F', isbn: '978-1-23456-789-5', price: '15.00', status: '涓嬫灦' },
+  { id: 7, title: '涔︾睄 G', author: '浣滆�� G', isbn: '978-1-23456-789-6', price: '28.00', status: '涓婃灦' },
+  { id: 8, title: '涔︾睄 H', author: '浣滆�� H', isbn: '978-1-23456-789-7', price: '17.00', status: '涓嬫灦' },
+  { id: 9, title: '涔︾睄 I', author: '浣滆�� I', isbn: '978-1-23456-789-8', price: '19.00', status: '涓婃灦' },
+  { id: 10, title: '涔︾睄 J', author: '浣滆�� J', isbn: '978-1-23456-789-9', price: '24.00', status: '涓嬫灦' },
+  { id: 11, title: '涔︾睄 K', author: '浣滆�� K', isbn: '978-1-23456-789-10', price: '21.00', status: '涓婃灦' },
+  { id: 12, title: '涔︾睄 L', author: '浣滆�� L', isbn: '978-1-23456-789-11', price: '27.00', status: '涓嬫灦' },
+  { id: 13, title: '涔︾睄 M', author: '浣滆�� M', isbn: '978-1-23456-789-12', price: '20.00', status: '涓婃灦' },
+  { id: 14, title: '涔︾睄 N', author: '浣滆�� N', isbn: '978-1-23456-789-13', price: '18.00', status: '涓嬫灦' },
+  { id: 15, title: '涔︾睄 O', author: '浣滆�� O', isbn: '978-1-23456-789-14', price: '22.00', status: '涓婃灦' },
+];
+
+const books = ref([...dummyBooks]); // 鍏ㄩ儴涔︾睄鏁版嵁
+const currentPageBooks = ref([]); // 褰撳墠椤垫樉绀虹殑鏁版嵁
+const currentPage = ref(1); // 褰撳墠椤垫暟
+const pageSize = ref(10); // 姣忛〉鏄剧ず涔︾睄鐨勬暟閲�
+const totalBooks = ref(books.value.length); // 涔︾睄鎬绘暟
+const searchQuery = ref(''); // 鎼滅储杈撳叆妗嗙殑鍐呭
+const dialogVisible = ref(false); // 鏄惁鏄剧ず鏂板涔︾睄鐨勫璇濇
+const newBook = ref({
+  id: null,
+  title: '',
+  author: '',
+  isbn: '',
+  price: '',
+  status: '涓婃灦',
+});
+
+// 鍒濆鍖栦功绫嶆暟鎹�
+const fetchBooks = () => {
+  // 鏍规嵁鎼滅储鏌ヨ杩涜杩囨护
+  const filteredBooks = books.value.filter((book) => {
+    return (
+        book.title.includes(searchQuery.value) || book.author.includes(searchQuery.value)
+    );
+  });
+
+  // 鍒嗛〉澶勭悊
+  const startIndex = (currentPage.value - 1) * pageSize.value;
+  const endIndex = currentPage.value * pageSize.value;
+  currentPageBooks.value = filteredBooks.slice(startIndex, endIndex);
+  totalBooks.value = filteredBooks.length;
+};
+
+// 鎼滅储澶勭悊
+const handleSearch = () => {
+  currentPage.value = 1; // 閲嶇疆椤电爜涓虹涓�椤�
+  fetchBooks(); // 鏍规嵁鎼滅储鏌ヨ鏇存柊鏁版嵁
+};
+
+// 鍒嗛〉鍒囨崲
+const handlePageChange = (page) => {
+  currentPage.value = page;
+  fetchBooks();
+};
+
+// 鏂板涔︾睄
+const openAddDialog = () => {
+  resetForm();
+  dialogVisible.value = true;
+};
+
+// 淇濆瓨涔︾睄
+const saveBook = () => {
+  if (newBook.value.id === null) {
+    // 鏂板涔︾睄
+    newBook.value.id = books.value.length + 1;
+    books.value.push(newBook.value);
+  } else {
+    // 缂栬緫涔︾睄
+    const index = books.value.findIndex((book) => book.id === newBook.value.id);
+    if (index !== -1) {
+      books.value[index] = { ...newBook.value };
+    }
+  }
+
+  ElMessage.success('鎿嶄綔鎴愬姛');
+  dialogVisible.value = false;
+  fetchBooks(); // 鍒锋柊涔︾睄鍒楄〃
+};
+
+// 缂栬緫涔︾睄
+const editBook = (book) => {
+  newBook.value = { ...book };
+  dialogVisible.value = true;
+};
+
+// 鍒犻櫎涔︾睄
+const deleteBook = (book) => {
+  const index = books.value.findIndex((b) => b.id === book.id);
+  if (index !== -1) {
+    books.value.splice(index, 1);
+  }
+
+  ElMessage.success('鍒犻櫎鎴愬姛');
+  fetchBooks(); // 鍒锋柊涔︾睄鍒楄〃
+};
+
+// 閲嶇疆琛ㄥ崟
+const resetForm = () => {
+  newBook.value = {
+    id: null,
+    title: '',
+    author: '',
+    isbn: '',
+    price: '',
+    status: '涓婃灦',
+  };
+};
+
+// 鍒濆鍖栧垎椤垫暟鎹�
+onMounted(() => {
+  fetchBooks();
+});
+
+// 鐩戝惉鎼滅储妗�
+watch(searchQuery, fetchBooks);
+</script>
+
+<style scoped>
+.book-container {
+  margin: 20px;
+}
+
+.search-bar {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+
+.delete-btn {
+  color: red;
+  font-size: 14px;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.delete-btn:hover {
+  text-decoration: underline;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/src/view/user/client.vue b/src/view/user/client.vue
new file mode 100644
index 0000000..ff3f401
--- /dev/null
+++ b/src/view/user/client.vue
@@ -0,0 +1,192 @@
+<template>
+  <div class="user-container">
+    <!-- 鏂板鐢ㄦ埛鎸夐挳 -->
+    <el-button type="primary" @click="openAddDialog" style="margin-bottom: 20px;">鏂板鐢ㄦ埛</el-button>
+
+    <!-- 鐢ㄦ埛淇℃伅灞曠ず -->
+    <el-table :data="currentPageUsers" stripe style="width: 100%">
+      <el-table-column label="鐢ㄦ埛鍚�" prop="username"></el-table-column>
+      <el-table-column label="閭" prop="email"></el-table-column>
+      <el-table-column label="鐢佃瘽" prop="phone"></el-table-column>
+      <el-table-column label="鐘舵��" prop="status"></el-table-column>
+      <el-table-column label="鎿嶄綔">
+        <template #default="{ row }">
+          <el-button @click="editUser(row)" type="text" size="small">缂栬緫</el-button>
+          <el-button @click="deleteUser(row)" type="text" size="small" class="delete-btn">鍒犻櫎</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 鍒嗛〉 -->
+    <el-pagination
+        v-if="totalUsers > 10"
+        :current-page="currentPage"
+        :page-size="pageSize"
+        :total="totalUsers"
+        layout="prev, pager, next, jumper"
+        @current-change="handlePageChange"
+    ></el-pagination>
+
+    <!-- 澧炲姞鐢ㄦ埛鐨勮〃鍗� -->
+    <el-dialog
+        :visible.sync="dialogVisible"
+        title="鏂板/缂栬緫鐢ㄦ埛"
+        @close="resetForm"
+    >
+      <el-form :model="newUser" label-width="120px">
+        <el-form-item label="鐢ㄦ埛鍚�" prop="username" :rules="[{ required: true, message: '鐢ㄦ埛鍚嶄笉鑳戒负绌�', trigger: 'blur' }]">
+          <el-input v-model="newUser.username" placeholder="璇疯緭鍏ョ敤鎴峰悕"></el-input>
+        </el-form-item>
+        <el-form-item label="閭" prop="email" :rules="[{ required: true, message: '閭涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newUser.email" placeholder="璇疯緭鍏ラ偖绠�"></el-input>
+        </el-form-item>
+        <el-form-item label="鐢佃瘽" prop="phone" :rules="[{ required: true, message: '鐢佃瘽涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newUser.phone" placeholder="璇疯緭鍏ョ數璇�"></el-input>
+        </el-form-item>
+        <el-form-item label="鐘舵��" prop="status" :rules="[{ required: true, message: '鐘舵�佷笉鑳戒负绌�', trigger: 'blur' }]">
+          <el-select v-model="newUser.status" placeholder="璇烽�夋嫨鐘舵��">
+            <el-option label="婵�娲�" value="婵�娲�"></el-option>
+            <el-option label="鍐荤粨" value="鍐荤粨"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="resetForm">鍙栨秷</el-button>
+        <el-button type="primary" @click="saveUser">淇濆瓨</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue';
+import { ElTable, ElTableColumn, ElButton, ElPagination, ElDialog, ElForm, ElFormItem, ElInput, ElSelect, ElOption, ElMessage } from 'element-plus';
+
+// 鍋囨暟鎹�
+const dummyUsers = [
+  { id: 1, username: '鐢ㄦ埛 A', email: 'usera@example.com', phone: '1234567890', status: '婵�娲�' },
+  { id: 2, username: '鐢ㄦ埛 B', email: 'userb@example.com', phone: '2345678901', status: '鍐荤粨' },
+  { id: 3, username: '鐢ㄦ埛 C', email: 'userc@example.com', phone: '3456789012', status: '婵�娲�' },
+  { id: 4, username: '鐢ㄦ埛 D', email: 'userd@example.com', phone: '4567890123', status: '鍐荤粨' },
+  { id: 5, username: '鐢ㄦ埛 E', email: 'usere@example.com', phone: '5678901234', status: '婵�娲�' },
+  { id: 6, username: '鐢ㄦ埛 F', email: 'userf@example.com', phone: '6789012345', status: '鍐荤粨' },
+  { id: 7, username: '鐢ㄦ埛 G', email: 'userg@example.com', phone: '7890123456', status: '婵�娲�' },
+  { id: 8, username: '鐢ㄦ埛 H', email: 'userh@example.com', phone: '8901234567', status: '鍐荤粨' },
+  { id: 9, username: '鐢ㄦ埛 I', email: 'useri@example.com', phone: '9012345678', status: '婵�娲�' },
+  { id: 10, username: '鐢ㄦ埛 J', email: 'userj@example.com', phone: '0123456789', status: '鍐荤粨' },
+  { id: 11, username: '鐢ㄦ埛 K', email: 'userk@example.com', phone: '1234567891', status: '婵�娲�' },
+  { id: 12, username: '鐢ㄦ埛 L', email: 'userl@example.com', phone: '2345678902', status: '鍐荤粨' },
+  { id: 13, username: '鐢ㄦ埛 M', email: 'userm@example.com', phone: '3456789013', status: '婵�娲�' },
+  { id: 14, username: '鐢ㄦ埛 N', email: 'usern@example.com', phone: '4567890124', status: '鍐荤粨' },
+  { id: 15, username: '鐢ㄦ埛 O', email: 'usero@example.com', phone: '5678901235', status: '婵�娲�' },
+];
+
+const users = ref([...dummyUsers]); // 鍏ㄩ儴鐢ㄦ埛鏁版嵁
+const currentPageUsers = ref([]); // 褰撳墠椤垫樉绀虹殑鏁版嵁
+const currentPage = ref(1); // 褰撳墠椤垫暟
+const pageSize = ref(10); // 姣忛〉鏄剧ず鐢ㄦ埛鐨勬暟閲�
+const totalUsers = ref(users.value.length); // 鐢ㄦ埛鎬绘暟
+const dialogVisible = ref(false); // 鏄惁鏄剧ず鏂板鐢ㄦ埛鐨勫璇濇
+const newUser = ref({
+  id: null,
+  username: '',
+  email: '',
+  phone: '',
+  status: '婵�娲�',
+});
+
+// 鍒濆鍖栫敤鎴锋暟鎹�
+const fetchUsers = () => {
+  const startIndex = (currentPage.value - 1) * pageSize.value;
+  const endIndex = currentPage.value * pageSize.value;
+  const pageData = users.value.slice(startIndex, endIndex);
+
+  currentPageUsers.value = pageData;
+  totalUsers.value = users.value.length; // 鏇存柊鐢ㄦ埛鐨勬�绘暟
+};
+
+// 椤甸潰鍔犺浇鏃惰幏鍙栫敤鎴锋暟鎹�
+onMounted(() => {
+  fetchUsers();
+});
+
+// 鐩戞帶鐢ㄦ埛鐨勬暟閲忥紝鍔ㄦ�佽皟鏁村垎椤甸〉鏁�
+watch(totalUsers, () => {
+  fetchUsers(); // 鏁版嵁鍙樺寲鏃堕噸鏂板姞杞藉綋鍓嶉〉鏁版嵁
+});
+
+// 鍒嗛〉鍒囨崲
+const handlePageChange = (page) => {
+  currentPage.value = page;
+  fetchUsers();
+};
+
+// 鎵撳紑鏂板鐢ㄦ埛鐨勫璇濇
+const openAddDialog = () => {
+  newUser.value = { id: null, username: '', email: '', phone: '', status: '婵�娲�' }; // 娓呯┖琛ㄥ崟
+  dialogVisible.value = true;
+};
+
+// 澧炲姞鐢ㄦ埛
+const saveUser = () => {
+  if (newUser.value.username && newUser.value.email && newUser.value.phone && newUser.value.status) {
+    const newId = users.value.length + 1;  // 鐢ㄤ簬妯℃嫙鏂板鐨勭敤鎴稩D
+    newUser.value.id = newId;
+
+    // 灏嗘柊鐨勭敤鎴锋坊鍔犲埌鐢ㄦ埛鏁扮粍涓�
+    users.value.push({ ...newUser.value });
+
+    // 鍏抽棴瀵硅瘽妗�
+    dialogVisible.value = false;
+
+    // 鎻愮ず淇℃伅
+    ElMessage.success('鐢ㄦ埛淇℃伅淇濆瓨鎴愬姛');
+    fetchUsers(); // 鍒锋柊鐢ㄦ埛鍒楄〃
+    resetForm(); // 閲嶇疆琛ㄥ崟
+  } else {
+    ElMessage.error('璇峰～鍐欏畬鏁翠俊鎭�');
+  }
+};
+
+// 缂栬緫鐢ㄦ埛
+const editUser = (row) => {
+  newUser.value = { ...row };  // 灏嗙敤鎴蜂俊鎭紶閫掔粰琛ㄥ崟
+  dialogVisible.value = true;  // 鎵撳紑瀵硅瘽妗�
+};
+
+// 鍒犻櫎鐢ㄦ埛
+const deleteUser = (row) => {
+  users.value = users.value.filter((user) => user.id !== row.id); // 鍒犻櫎鐢ㄦ埛
+  ElMessage.success('鐢ㄦ埛鍒犻櫎鎴愬姛');
+  fetchUsers(); // 鍒锋柊鐢ㄦ埛鍒楄〃
+};
+
+// 閲嶇疆琛ㄥ崟
+const resetForm = () => {
+  newUser.value = {
+    id: null,
+    username: '',
+    email: '',
+    phone: '',
+    status: '婵�娲�',
+  };
+};
+</script>
+
+<style scoped>
+.user-container {
+  margin: 20px;
+}
+
+.delete-btn {
+  color: red;
+  font-size: 14px;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.delete-btn:hover {
+  text-decoration: underline;
+}
+</style>
diff --git a/src/view/user/login.vue b/src/view/user/login.vue
new file mode 100644
index 0000000..adbf78f
--- /dev/null
+++ b/src/view/user/login.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="login-container">
+    <el-form :model="form" label-width="100px" class="login-form">
+      <el-form-item label="鐢ㄦ埛鍚�">
+        <el-input v-model="form.username" />
+      </el-form-item>
+      <el-form-item label="瀵嗙爜">
+        <el-input v-model="form.password" type="password" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="handleLogin">鐧诲綍</el-button>
+      </el-form-item>
+    </el-form>
+    <div class="register-link">
+      <el-link type="primary" @click="handleRegister()">杩樻病鏈夎处鍙凤紵鍘绘敞鍐�</el-link>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessage, ElMessageBox } from 'element-plus'
+
+const form = reactive({
+  username: '',
+  password: ''
+})
+
+const router = useRouter()
+
+const handleLogin = async () => {
+  // 妫�鏌ョ敤鎴峰悕鍜屽瘑鐮佹槸鍚︿负绌�
+  if (!form.username || !form.password) {
+    ElMessage.error('鐢ㄦ埛鍚嶅拰瀵嗙爜涓嶈兘涓虹┖');
+    return;
+  }
+
+  try {
+    // 浠� localStorage 涓鍙栫敤鎴锋暟鎹�
+    const users = JSON.parse(localStorage.getItem('users') || '[]');
+
+    // 鏌ユ壘鍖归厤鐨勭敤鎴�
+    const user = users.find(u => u.username === form.username && u.password === form.password);
+
+    if (user) {
+      ElMessage.success('鐧诲綍鎴愬姛');
+      router.push('/index');
+    } else {
+      ElMessageBox.alert('鐢ㄦ埛鍚嶆垨瀵嗙爜閿欒', '鐧诲綍澶辫触', {
+        confirmButtonText: '纭畾',
+        type: 'error'
+      });
+    }
+  } catch (error) {
+    console.error('Error:', error);
+    ElMessageBox.alert('鐧诲綍澶辫触锛岃绋嶅悗鍐嶈瘯', '鐧诲綍澶辫触', {
+      confirmButtonText: '纭畾',
+      type: 'error'
+    });
+  }
+}
+
+const handleRegister = () => {
+  router.push({ path: "/register" })
+}
+</script>
+
+<style>
+.login-form {
+  width: 400px;
+  margin: 0 auto;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  background-color: #f5f5f5;
+}
+
+.login-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  flex-direction: column; /* 浣垮唴瀹瑰瀭鐩村眳涓� */
+  background-image: url(/public/logo.png);
+  background-size: cover;
+  background-position: center;
+}
+
+.register-link {
+  margin-top: 20px; /* 璋冩暣娉ㄥ唽閾炬帴涓庤〃鍗曠殑璺濈 */
+}
+</style>
\ No newline at end of file
diff --git a/src/view/user/merchant.vue b/src/view/user/merchant.vue
new file mode 100644
index 0000000..a956245
--- /dev/null
+++ b/src/view/user/merchant.vue
@@ -0,0 +1,193 @@
+<template>
+  <div class="merchant-container">
+    <!-- 鏂板鍟嗗鎸夐挳 -->
+    <el-button type="primary" @click="openAddDialog" style="margin-bottom: 20px;">鏂板鍟嗗</el-button>
+
+    <!-- 鍟嗗淇℃伅灞曠ず -->
+
+    <el-table :data="currentPageMerchants" stripe style="width: 100%">
+      <el-table-column label="鍟嗗鍚嶇О" prop="name"></el-table-column>
+      <el-table-column label="鍟嗗鍦板潃" prop="address"></el-table-column>
+      <el-table-column label="鑱旂郴鏂瑰紡" prop="phone"></el-table-column>
+      <el-table-column label="鍟嗗鐘舵��" prop="status"></el-table-column>
+      <el-table-column label="鎿嶄綔">
+        <template #default="{ row }">
+          <el-button @click="editMerchant(row)" type="text" size="small">缂栬緫</el-button>
+          <el-button @click="deleteMerchant(row)" type="text" size="small" class="delete-btn">鍒犻櫎</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 鍒嗛〉 -->
+    <el-pagination
+        v-if="totalMerchants > 10"
+        :current-page="currentPage"
+        :page-size="pageSize"
+        :total="totalMerchants"
+        layout="prev, pager, next, jumper"
+        @current-change="handlePageChange"
+    ></el-pagination>
+
+    <!-- 澧炲姞鍟嗗鐨勮〃鍗� -->
+    <el-dialog
+        :visible.sync="dialogVisible"
+        title="鏂板/缂栬緫鍟嗗"
+        @close="resetForm"
+    >
+      <el-form :model="newMerchant" label-width="120px">
+        <el-form-item label="鍟嗗鍚嶇О" prop="name" :rules="[{ required: true, message: '鍟嗗鍚嶇О涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newMerchant.name" placeholder="璇疯緭鍏ュ晢瀹跺悕绉�"></el-input>
+        </el-form-item>
+        <el-form-item label="鍟嗗鍦板潃" prop="address" :rules="[{ required: true, message: '鍟嗗鍦板潃涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newMerchant.address" placeholder="璇疯緭鍏ュ晢瀹跺湴鍧�"></el-input>
+        </el-form-item>
+        <el-form-item label="鑱旂郴鏂瑰紡" prop="phone" :rules="[{ required: true, message: '鑱旂郴鏂瑰紡涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newMerchant.phone" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"></el-input>
+        </el-form-item>
+        <el-form-item label="鍟嗗鐘舵��" prop="status" :rules="[{ required: true, message: '鍟嗗鐘舵�佷笉鑳戒负绌�', trigger: 'blur' }]">
+          <el-select v-model="newMerchant.status" placeholder="璇烽�夋嫨鍟嗗鐘舵��">
+            <el-option label="姝ｅ父" value="姝ｅ父"></el-option>
+            <el-option label="鏆傚仠" value="鏆傚仠"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="resetForm">鍙栨秷</el-button>
+        <el-button type="primary" @click="saveMerchant">淇濆瓨</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue';
+import { ElTable, ElTableColumn, ElButton, ElPagination, ElDialog, ElForm, ElFormItem, ElInput, ElSelect, ElOption, ElMessage } from 'element-plus';
+
+// 鍋囨暟鎹�
+const dummyMerchants = [
+  { id: 1, name: '鍟嗗 A', address: '鍦板潃 A', phone: '1234567890', status: '姝ｅ父' },
+  { id: 2, name: '鍟嗗 B', address: '鍦板潃 B', phone: '2345678901', status: '鏆傚仠' },
+  { id: 3, name: '鍟嗗 C', address: '鍦板潃 C', phone: '3456789012', status: '姝ｅ父' },
+  { id: 4, name: '鍟嗗 D', address: '鍦板潃 D', phone: '4567890123', status: '鏆傚仠' },
+  { id: 5, name: '鍟嗗 E', address: '鍦板潃 E', phone: '5678901234', status: '姝ｅ父' },
+  { id: 6, name: '鍟嗗 F', address: '鍦板潃 F', phone: '6789012345', status: '姝ｅ父' },
+  { id: 7, name: '鍟嗗 G', address: '鍦板潃 G', phone: '7890123456', status: '鏆傚仠' },
+  { id: 8, name: '鍟嗗 H', address: '鍦板潃 H', phone: '8901234567', status: '姝ｅ父' },
+  { id: 9, name: '鍟嗗 I', address: '鍦板潃 I', phone: '9012345678', status: '鏆傚仠' },
+  { id: 10, name: '鍟嗗 J', address: '鍦板潃 J', phone: '0123456789', status: '姝ｅ父' },
+  { id: 11, name: '鍟嗗 K', address: '鍦板潃 K', phone: '1234567891', status: '鏆傚仠' },
+  { id: 12, name: '鍟嗗 L', address: '鍦板潃 L', phone: '2345678902', status: '姝ｅ父' },
+  { id: 13, name: '鍟嗗 M', address: '鍦板潃 M', phone: '3456789013', status: '鏆傚仠' },
+  { id: 14, name: '鍟嗗 N', address: '鍦板潃 N', phone: '4567890124', status: '姝ｅ父' },
+  { id: 15, name: '鍟嗗 O', address: '鍦板潃 O', phone: '5678901235', status: '鏆傚仠' },
+];
+
+const merchants = ref([...dummyMerchants]); // 鍏ㄩ儴鍟嗗鏁版嵁
+const currentPageMerchants = ref([]); // 褰撳墠椤垫樉绀虹殑鏁版嵁
+const currentPage = ref(1); // 褰撳墠椤垫暟
+const pageSize = ref(10); // 姣忛〉鏄剧ず鍟嗗鐨勬暟閲�
+const totalMerchants = ref(merchants.value.length); // 鍟嗗鎬绘暟
+const dialogVisible = ref(false); // 鏄惁鏄剧ず鏂板鍟嗗鐨勫璇濇
+const newMerchant = ref({
+  id: null,
+  name: '',
+  address: '',
+  phone: '',
+  status: '姝ｅ父',
+});
+
+// 鍒濆鍖栧晢瀹舵暟鎹�
+const fetchMerchants = () => {
+  const startIndex = (currentPage.value - 1) * pageSize.value;
+  const endIndex = currentPage.value * pageSize.value;
+  const pageData = merchants.value.slice(startIndex, endIndex);
+
+  currentPageMerchants.value = pageData;
+  totalMerchants.value = merchants.value.length; // 鏇存柊鍟嗗鐨勬�绘暟
+};
+
+// 椤甸潰鍔犺浇鏃惰幏鍙栧晢瀹舵暟鎹�
+onMounted(() => {
+  fetchMerchants();
+});
+
+// 鐩戞帶鍟嗗鐨勬暟閲忥紝鍔ㄦ�佽皟鏁村垎椤甸〉鏁�
+watch(totalMerchants, () => {
+  fetchMerchants(); // 鏁版嵁鍙樺寲鏃堕噸鏂板姞杞藉綋鍓嶉〉鏁版嵁
+});
+
+// 鍒嗛〉鍒囨崲
+const handlePageChange = (page) => {
+  currentPage.value = page;
+  fetchMerchants();
+};
+
+// 鎵撳紑鏂板鍟嗗鐨勫璇濇
+const openAddDialog = () => {
+  newMerchant.value = {id: null, name: '', address: '', phone: '', status: '姝ｅ父'}; // 娓呯┖琛ㄥ崟
+  dialogVisible.value = true;
+};
+
+// 澧炲姞鍟嗗
+const saveMerchant = () => {
+  if (newMerchant.value.name && newMerchant.value.address && newMerchant.value.phone && newMerchant.value.status) {
+    const newId = merchants.value.length + 1;  // 鐢ㄤ簬妯℃嫙鏂板鐨勫晢瀹禝D
+    newMerchant.value.id = newId;
+
+    // 灏嗘柊鐨勫晢瀹舵坊鍔犲埌鍟嗗鏁扮粍涓�
+    merchants.value.push({...newMerchant.value});
+
+    // 鍏抽棴瀵硅瘽妗�
+    dialogVisible.value = false;
+
+    // 鎻愮ず淇℃伅
+    ElMessage.success('鍟嗗淇℃伅淇濆瓨鎴愬姛');
+    fetchMerchants(); // 鍒锋柊鍟嗗鍒楄〃
+    resetForm(); // 閲嶇疆琛ㄥ崟
+  } else {
+    ElMessage.error('璇峰～鍐欏畬鏁翠俊鎭�');
+  }
+};
+
+// 缂栬緫鍟嗗
+const editMerchant = (row) => {
+  newMerchant.value = {...row};  // 灏嗗晢瀹朵俊鎭紶閫掔粰琛ㄥ崟
+  dialogVisible.value = true;  // 鎵撳紑瀵硅瘽妗�
+};
+
+// 鍒犻櫎鍟嗗
+const deleteMerchant = (row) => {
+  merchants.value = merchants.value.filter((merchant) => merchant.id !== row.id); // 鍒犻櫎鍟嗗
+  ElMessage.success('鍟嗗鍒犻櫎鎴愬姛');
+  fetchMerchants(); // 鍒锋柊鍟嗗鍒楄〃
+};
+
+// 閲嶇疆琛ㄥ崟
+const resetForm = () => {
+  newMerchant.value = {
+    id: null,
+    name: '',
+    address: '',
+    phone: '',
+    status: '姝ｅ父',
+  };
+};
+</script>
+
+<style scoped>
+.merchant-container {
+  margin: 20px;
+}
+
+.delete-btn {
+  color: red;
+  font-size: 14px;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.delete-btn:hover {
+  text-decoration: underline;
+}
+</style>
diff --git a/src/view/user/orders.vue b/src/view/user/orders.vue
new file mode 100644
index 0000000..4261d88
--- /dev/null
+++ b/src/view/user/orders.vue
@@ -0,0 +1,244 @@
+<template>
+  <div class="order-container">
+    <!-- 鎼滅储鏍� -->
+    <div class="search-bar">
+      <el-input
+          v-model="searchQuery"
+          placeholder="鎼滅储璁㈠崟锛堣鍗曞彿銆侀【瀹㈠鍚嶏級"
+          suffix-icon="el-icon-search"
+          @input="handleSearch"
+          clearable
+          style="width: 300px;"
+      />
+      <el-button type="primary" @click="openAddDialog" style="margin-left: 10px;">鏂板璁㈠崟</el-button>
+    </div>
+
+    <!-- 璁㈠崟淇℃伅灞曠ず -->
+    <el-table :data="currentPageOrders" stripe style="width: 100%">
+      <el-table-column label="璁㈠崟鍙�" prop="orderId"></el-table-column>
+      <el-table-column label="椤惧濮撳悕" prop="customerName"></el-table-column>
+      <el-table-column label="鍟嗗搧" prop="product"></el-table-column>
+      <el-table-column label="鏁伴噺" prop="quantity"></el-table-column>
+      <el-table-column label="鎬婚噾棰�" prop="totalAmount"></el-table-column>
+      <el-table-column label="鐘舵��" prop="status"></el-table-column>
+      <el-table-column label="鎿嶄綔">
+        <template #default="{ row }">
+          <el-button @click="editOrder(row)" type="text" size="small">缂栬緫</el-button>
+          <el-button @click="deleteOrder(row)" type="text" size="small" class="delete-btn">鍒犻櫎</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 鍒嗛〉 -->
+    <el-pagination
+        v-if="totalOrders > 10"
+        :current-page="currentPage"
+        :page-size="pageSize"
+        :total="totalOrders"
+        layout="prev, pager, next, jumper"
+        @current-change="handlePageChange"
+    ></el-pagination>
+
+    <!-- 澧炲姞璁㈠崟鐨勮〃鍗� -->
+    <el-dialog :visible.sync="dialogVisible" title="鏂板/缂栬緫璁㈠崟" @close="resetForm">
+      <el-form :model="newOrder" label-width="120px">
+        <el-form-item label="璁㈠崟鍙�" prop="orderId" :rules="[{ required: true, message: '璁㈠崟鍙蜂笉鑳戒负绌�', trigger: 'blur' }]">
+          <el-input v-model="newOrder.orderId" placeholder="璇疯緭鍏ヨ鍗曞彿"></el-input>
+        </el-form-item>
+        <el-form-item label="椤惧濮撳悕" prop="customerName" :rules="[{ required: true, message: '椤惧濮撳悕涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newOrder.customerName" placeholder="璇疯緭鍏ラ【瀹㈠鍚�"></el-input>
+        </el-form-item>
+        <el-form-item label="鍟嗗搧" prop="product" :rules="[{ required: true, message: '鍟嗗搧涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newOrder.product" placeholder="璇疯緭鍏ュ晢鍝佸悕绉�"></el-input>
+        </el-form-item>
+        <el-form-item label="鏁伴噺" prop="quantity" :rules="[{ required: true, message: '鏁伴噺涓嶈兘涓虹┖', trigger: 'blur' }]">
+          <el-input v-model="newOrder.quantity" placeholder="璇疯緭鍏ユ暟閲�" type="number"></el-input>
+        </el-form-item>
+        <el-form-item label="鎬婚噾棰�" prop="totalAmount" :rules="[{ required: true, message: '鎬婚噾棰濅笉鑳戒负绌�', trigger: 'blur' }]">
+          <el-input v-model="newOrder.totalAmount" placeholder="璇疯緭鍏ユ�婚噾棰�" type="number"></el-input>
+        </el-form-item>
+        <el-form-item label="鐘舵��" prop="status" :rules="[{ required: true, message: '鐘舵�佷笉鑳戒负绌�', trigger: 'blur' }]">
+          <el-select v-model="newOrder.status" placeholder="璇烽�夋嫨鐘舵��">
+            <el-option label="寰呬粯娆�" value="寰呬粯娆�"></el-option>
+            <el-option label="宸插彂璐�" value="宸插彂璐�"></el-option>
+            <el-option label="宸插畬鎴�" value="宸插畬鎴�"></el-option>
+            <el-option label="宸插彇娑�" value="宸插彇娑�"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="resetForm">鍙栨秷</el-button>
+        <el-button type="primary" @click="saveOrder">淇濆瓨</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue';
+import { ElTable, ElTableColumn, ElButton, ElPagination, ElDialog, ElForm, ElFormItem, ElInput, ElSelect, ElOption, ElMessage } from 'element-plus';
+
+// 鍋囨暟鎹�
+const dummyOrders = [
+  { orderId: '1001', customerName: '寮犱笁', product: '涔︾睄 A', quantity: 2, totalAmount: 40.00, status: '寰呬粯娆�' },
+  { orderId: '1002', customerName: '鏉庡洓', product: '涔︾睄 B', quantity: 1, totalAmount: 25.00, status: '宸插彂璐�' },
+  { orderId: '1003', customerName: '鐜嬩簲', product: '涔︾睄 C', quantity: 3, totalAmount: 54.00, status: '宸插畬鎴�' },
+  { orderId: '1004', customerName: '璧靛叚', product: '涔︾睄 D', quantity: 1, totalAmount: 22.00, status: '宸插彇娑�' },
+  { orderId: '1005', customerName: '瀛欎竷', product: '涔︾睄 E', quantity: 2, totalAmount: 60.00, status: '寰呬粯娆�' },
+  { orderId: '1006', customerName: '鍛ㄥ叓', product: '涔︾睄 F', quantity: 4, totalAmount: 60.00, status: '宸插彂璐�' },
+  { orderId: '1007', customerName: '鍚翠節', product: '涔︾睄 G', quantity: 1, totalAmount: 28.00, status: '宸插畬鎴�' },
+  { orderId: '1008', customerName: '閮戝崄', product: '涔︾睄 H', quantity: 5, totalAmount: 85.00, status: '寰呬粯娆�' },
+  { orderId: '1009', customerName: '閽变竴', product: '涔︾睄 I', quantity: 1, totalAmount: 19.00, status: '宸插彂璐�' },
+  { orderId: '1010', customerName: '闄堜簩', product: '涔︾睄 J', quantity: 3, totalAmount: 72.00, status: '宸插畬鎴�' },
+  { orderId: '1001', customerName: '寮犱笁', product: '涔︾睄 A', quantity: 2, totalAmount: 40.00, status: '寰呬粯娆�' },
+  { orderId: '1001', customerName: '寮犱笁', product: '涔︾睄 A', quantity: 2, totalAmount: 40.00, status: '寰呬粯娆�' },
+  { orderId: '1001', customerName: '寮犱笁', product: '涔︾睄 A', quantity: 2, totalAmount: 40.00, status: '寰呬粯娆�' },
+  { orderId: '1001', customerName: '寮犱笁', product: '涔︾睄 A', quantity: 2, totalAmount: 40.00, status: '寰呬粯娆�' },
+  { orderId: '1001', customerName: '寮犱笁', product: '涔︾睄 A', quantity: 2, totalAmount: 40.00, status: '寰呬粯娆�' },
+
+  // 鏇村璁㈠崟...
+];
+
+const orders = ref([...dummyOrders]); // 鍏ㄩ儴璁㈠崟鏁版嵁
+const currentPageOrders = ref([]); // 褰撳墠椤垫樉绀虹殑璁㈠崟鏁版嵁
+const currentPage = ref(1); // 褰撳墠椤垫暟
+const pageSize = ref(10); // 姣忛〉鏄剧ず璁㈠崟鏁伴噺
+const totalOrders = ref(orders.value.length); // 璁㈠崟鎬绘暟
+const searchQuery = ref(''); // 鎼滅储杈撳叆妗嗙殑鍐呭
+const dialogVisible = ref(false); // 鏄惁鏄剧ず鏂板璁㈠崟鐨勫璇濇
+const newOrder = ref({
+  orderId: '',
+  customerName: '',
+  product: '',
+  quantity: 1,
+  totalAmount: 0,
+  status: '寰呬粯娆�',
+});
+
+// 鍒濆鍖栬鍗曟暟鎹�
+const fetchOrders = () => {
+  const filteredOrders = orders.value.filter((order) => {
+    return (
+        order.orderId.includes(searchQuery.value) || order.customerName.includes(searchQuery.value)
+    );
+  });
+
+  // 鍒嗛〉澶勭悊
+  const startIndex = (currentPage.value - 1) * pageSize.value;
+  const endIndex = currentPage.value * pageSize.value;
+  currentPageOrders.value = filteredOrders.slice(startIndex, endIndex);
+  totalOrders.value = filteredOrders.length;
+};
+
+// 鎼滅储澶勭悊
+const handleSearch = () => {
+  currentPage.value = 1; // 閲嶇疆椤电爜涓虹涓�椤�
+  fetchOrders(); // 鏍规嵁鎼滅储鏌ヨ鏇存柊鏁版嵁
+};
+
+// 鍒嗛〉鍒囨崲
+const handlePageChange = (page) => {
+  currentPage.value = page;
+  fetchOrders();
+};
+
+// 鏂板璁㈠崟
+const openAddDialog = () => {
+  resetForm();
+  dialogVisible.value = true;
+};
+
+// 淇濆瓨璁㈠崟
+const saveOrder = () => {
+  if (!newOrder.value.orderId) {
+    ElMessage.error('璁㈠崟鍙蜂笉鑳戒负绌�');
+    return;
+  }
+
+  if (newOrder.value.orderId && !newOrder.value.orderId.startsWith('100')) {
+    ElMessage.error('璁㈠崟鍙锋牸寮忎笉姝ｇ‘');
+    return;
+  }
+
+  // 鏂板璁㈠崟
+  if (!newOrder.value.id) {
+    newOrder.value.id = orders.value.length + 1;
+    orders.value.push(newOrder.value);
+  } else {
+    // 缂栬緫璁㈠崟
+    const index = orders.value.findIndex((order) => order.orderId === newOrder.value.orderId);
+    if (index !== -1) {
+      orders.value[index] = { ...newOrder.value };
+    }
+  }
+
+  ElMessage.success('鎿嶄綔鎴愬姛');
+  dialogVisible.value = false;
+  fetchOrders(); // 鍒锋柊璁㈠崟鍒楄〃
+};
+
+// 缂栬緫璁㈠崟
+const editOrder = (order) => {
+  newOrder.value = { ...order };
+  dialogVisible.value = true;
+};
+
+// 鍒犻櫎璁㈠崟
+const deleteOrder = (order) => {
+  const index = orders.value.findIndex((o) => o.orderId === order.orderId);
+  if (index !== -1) {
+    orders.value.splice(index, 1);
+  }
+
+  ElMessage.success('鍒犻櫎鎴愬姛');
+  fetchOrders(); // 鍒锋柊璁㈠崟鍒楄〃
+};
+
+// 閲嶇疆琛ㄥ崟
+const resetForm = () => {
+  newOrder.value = {
+    orderId: '',
+    customerName: '',
+    product: '',
+    quantity: 1,
+    totalAmount: 0,
+    status: '寰呬粯娆�',
+  };
+};
+
+// 鍒濆鍖栧垎椤垫暟鎹�
+onMounted(() => {
+  fetchOrders();
+});
+
+// 鐩戝惉鎼滅储妗�
+watch(searchQuery, fetchOrders);
+</script>
+
+<style scoped>
+.order-container {
+  margin: 20px;
+}
+
+.search-bar {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+
+.delete-btn {
+  color: red;
+  font-size: 14px;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.delete-btn:hover {
+  text-decoration: underline;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/src/view/user/register.vue b/src/view/user/register.vue
new file mode 100644
index 0000000..c36ad1c
--- /dev/null
+++ b/src/view/user/register.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="register-container">
+    <el-form :model="form" label-width="100px" class="register-form">
+      <el-form-item label="鐢ㄦ埛鍚�">
+        <el-input v-model="form.username" />
+      </el-form-item>
+      <el-form-item label="瀵嗙爜">
+        <el-input v-model="form.password" type="password" />
+      </el-form-item>
+      <el-form-item label="纭瀵嗙爜">
+        <el-input v-model="form.confirmPassword" type="password" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="handleRegister">娉ㄥ唽</el-button>
+      </el-form-item>
+    </el-form>
+    <div class="login-link">
+      <el-link type="primary" @click="handleLogin">宸叉湁璐﹀彿锛熷幓鐧诲綍</el-link>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import axios from 'axios'
+
+const form = reactive({
+  username: '',
+  password: '',
+  confirmPassword: ''
+})
+
+const router = useRouter()
+
+const handleRegister = async () => {
+  // 妫�鏌ョ敤鎴峰悕銆佸瘑鐮佸拰纭瀵嗙爜鏄惁涓虹┖
+  if (!form.username || !form.password || !form.confirmPassword) {
+    ElMessage.error('鎵�鏈夊瓧娈甸兘涓嶈兘涓虹┖');
+    return;
+  }
+
+  // 妫�鏌ュ瘑鐮佸拰纭瀵嗙爜鏄惁涓�鑷�
+  if (form.password !== form.confirmPassword) {
+    ElMessage.error('瀵嗙爜鍜岀‘璁ゅ瘑鐮佷笉涓�鑷�');
+    return;
+  }
+
+  try {
+    // 浠� localStorage 涓鍙栫幇鏈夌殑鐢ㄦ埛鏁版嵁
+    let users = JSON.parse(localStorage.getItem('users') || '[]');
+
+    // 妫�鏌ョ敤鎴峰悕鏄惁宸插瓨鍦�
+    const existingUser = users.find(user => user.username === form.username);
+    if (existingUser) {
+      ElMessage.error('鐢ㄦ埛鍚嶅凡瀛樺湪');
+      return;
+    }
+
+    // 娣诲姞鏂扮敤鎴�
+    const newUser = {
+      username: form.username,
+      password: form.password
+    };
+    users.push(newUser);
+
+    // 灏嗘洿鏂板悗鐨勭敤鎴锋暟鎹繚瀛樺洖 localStorage
+    localStorage.setItem('users', JSON.stringify(users));
+
+    ElMessage.success('娉ㄥ唽鎴愬姛');
+    router.push('/login');
+  } catch (error) {
+    console.error('Error:', error);
+    ElMessage.error('娉ㄥ唽澶辫触锛岃绋嶅悗鍐嶈瘯');
+  }
+}
+
+const handleLogin = () => {
+  router.push('/login')
+}
+</script>
+
+<style>
+.register-form{
+  width: 400px;
+  margin: 0 auto;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  background-color: #f5f5f5;
+}
+.register-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  flex-direction: column; /* 浣垮唴瀹瑰瀭鐩村眳涓� */
+  background-image: url(/public/logo.png);
+  background-size: cover;
+  background-position: center;
+}
+
+.login-link {
+  margin-top: 20px; /* 璋冩暣鐧诲綍閾炬帴涓庤〃鍗曠殑璺濈 */
+}
+</style>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..49b60f8
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': '/src',
+    },
+  },
+})
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..16a811a
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,490 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@babel/helper-string-parser@^7.24.8":
+  version "7.24.8"
+  resolved "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz"
+  integrity sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==
+
+"@babel/helper-validator-identifier@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz"
+  integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==
+
+"@babel/parser@^7.25.3":
+  version "7.25.6"
+  resolved "https://registry.npmmirror.com/@babel/parser/-/parser-7.25.6.tgz"
+  integrity sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==
+  dependencies:
+    "@babel/types" "^7.25.6"
+
+"@babel/types@^7.25.6":
+  version "7.25.6"
+  resolved "https://registry.npmmirror.com/@babel/types/-/types-7.25.6.tgz"
+  integrity sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==
+  dependencies:
+    "@babel/helper-string-parser" "^7.24.8"
+    "@babel/helper-validator-identifier" "^7.24.7"
+    to-fast-properties "^2.0.0"
+
+"@ctrl/tinycolor@^3.4.1":
+  version "3.6.1"
+  resolved "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz"
+  integrity sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==
+
+"@element-plus/icons-vue@^2.3.1":
+  version "2.3.1"
+  resolved "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz"
+  integrity sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==
+
+"@esbuild/win32-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz"
+  integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
+
+"@floating-ui/core@^1.6.0":
+  version "1.6.8"
+  resolved "https://registry.npmmirror.com/@floating-ui/core/-/core-1.6.8.tgz"
+  integrity sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==
+  dependencies:
+    "@floating-ui/utils" "^0.2.8"
+
+"@floating-ui/dom@^1.0.1":
+  version "1.6.12"
+  resolved "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.6.12.tgz"
+  integrity sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==
+  dependencies:
+    "@floating-ui/core" "^1.6.0"
+    "@floating-ui/utils" "^0.2.8"
+
+"@floating-ui/utils@^0.2.8":
+  version "0.2.8"
+  resolved "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.8.tgz"
+  integrity sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==
+
+"@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+
+"@popperjs/core@npm:@sxzz/popperjs-es@^2.11.7":
+  version "2.11.7"
+  resolved "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz"
+  integrity sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==
+
+"@rollup/rollup-win32-x64-msvc@4.21.2":
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.2.tgz"
+  integrity sha512-6UUxd0+SKomjdzuAcp+HAmxw1FlGBnl1v2yEPSabtx4lBfdXHDVsW7+lQkgz9cNFJGY3AWR7+V8P5BqkD9L9nA==
+
+"@types/estree@1.0.5":
+  version "1.0.5"
+  resolved "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz"
+  integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
+
+"@types/lodash-es@*", "@types/lodash-es@^4.17.6":
+  version "4.17.12"
+  resolved "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz"
+  integrity sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*", "@types/lodash@^4.14.182":
+  version "4.17.13"
+  resolved "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.13.tgz"
+  integrity sha512-lfx+dftrEZcdBPczf9d0Qv0x+j/rfNCMuC6OcfXmO8gkfeNAY88PgKUbvG56whcN23gc27yenwF6oJZXGFpYxg==
+
+"@types/web-bluetooth@^0.0.16":
+  version "0.0.16"
+  resolved "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz"
+  integrity sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==
+
+"@vitejs/plugin-vue@^5.1.2":
+  version "5.1.3"
+  resolved "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-5.1.3.tgz"
+  integrity sha512-3xbWsKEKXYlmX82aOHufFQVnkbMC/v8fLpWwh6hWOUrK5fbbtBh9Q/WWse27BFgSy2/e2c0fz5Scgya9h2GLhw==
+
+"@vue/compiler-core@3.5.1":
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.1.tgz"
+  integrity sha512-WdjF+NSgFYdWttHevHw5uaJFtKPalhmxhlu2uREj8cLP0uyKKIR60/JvSZNTp0x+NSd63iTiORQTx3+tt55NWQ==
+  dependencies:
+    "@babel/parser" "^7.25.3"
+    "@vue/shared" "3.5.1"
+    entities "^4.5.0"
+    estree-walker "^2.0.2"
+    source-map-js "^1.2.0"
+
+"@vue/compiler-dom@3.5.1":
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.1.tgz"
+  integrity sha512-Ao23fB1lINo18HLCbJVApvzd9OQe8MgmQSgyY5+umbWj2w92w9KykVmJ4Iv2US5nak3ixc2B+7Km7JTNhQ8kSQ==
+  dependencies:
+    "@vue/compiler-core" "3.5.1"
+    "@vue/shared" "3.5.1"
+
+"@vue/compiler-sfc@3.5.1":
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.1.tgz"
+  integrity sha512-DFizMNH8eDglLhlfwJ0+ciBsztaYe3fY/zcZjrqL1ljXvUw/UpC84M1d7HpBTCW68SNqZyIxrs1XWmf+73Y65w==
+  dependencies:
+    "@babel/parser" "^7.25.3"
+    "@vue/compiler-core" "3.5.1"
+    "@vue/compiler-dom" "3.5.1"
+    "@vue/compiler-ssr" "3.5.1"
+    "@vue/shared" "3.5.1"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.11"
+    postcss "^8.4.44"
+    source-map-js "^1.2.0"
+
+"@vue/compiler-ssr@3.5.1":
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.1.tgz"
+  integrity sha512-C1hpSHQgRM8bg+5XWWD7CkFaVpSn9wZHCLRd10AmxqrH17d4EMP6+XcZpwBOM7H1jeStU5naEapZZWX0kso1tQ==
+  dependencies:
+    "@vue/compiler-dom" "3.5.1"
+    "@vue/shared" "3.5.1"
+
+"@vue/devtools-api@^6.4.5", "@vue/devtools-api@^6.6.4":
+  version "6.6.4"
+  resolved "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz"
+  integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
+
+"@vue/reactivity@3.5.1":
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.1.tgz"
+  integrity sha512-aFE1nMDfbG7V+U5vdOk/NXxH/WX78XuAfX59vWmCM7Ao4lieoc83RkzOAWun61sQXlzNZ4IgROovFBHg+Iz1+Q==
+  dependencies:
+    "@vue/shared" "3.5.1"
+
+"@vue/runtime-core@3.5.1":
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.1.tgz"
+  integrity sha512-Ce92CCholNRHR3ZtzpRp/7CDGIPFxQ7ElXt9iH91ilK5eOrUv3Z582NWJesuM3aYX71BujVG5/4ypUxigGNxjA==
+  dependencies:
+    "@vue/reactivity" "3.5.1"
+    "@vue/shared" "3.5.1"
+
+"@vue/runtime-dom@3.5.1":
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.1.tgz"
+  integrity sha512-B/fUJfBLp5PwE0EWNfBYnA4JUea8Yufb3wN8fN0/HzaqBdkiRHh4sFHOjWqIY8GS75gj//8VqeEqhcU6yUjIkA==
+  dependencies:
+    "@vue/reactivity" "3.5.1"
+    "@vue/runtime-core" "3.5.1"
+    "@vue/shared" "3.5.1"
+    csstype "^3.1.3"
+
+"@vue/server-renderer@3.5.1":
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.1.tgz"
+  integrity sha512-C5V/fjQTitgVaRNH5wCoHynaWysjZ+VH68drNsAvQYg4ArHsZUQNz0nHoEWRj41nzqkVn2RUlnWaEOTl2o1Ppg==
+  dependencies:
+    "@vue/compiler-ssr" "3.5.1"
+    "@vue/shared" "3.5.1"
+
+"@vue/shared@3.5.1":
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.1.tgz"
+  integrity sha512-NdcTRoO4KuW2RSFgpE2c+E/R/ZHaRzWPxAGxhmxZaaqLh6nYCXx7lc9a88ioqOCxCaV2SFJmujkxbUScW7dNsQ==
+
+"@vueuse/core@^9.1.0":
+  version "9.13.0"
+  resolved "https://registry.npmmirror.com/@vueuse/core/-/core-9.13.0.tgz"
+  integrity sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==
+  dependencies:
+    "@types/web-bluetooth" "^0.0.16"
+    "@vueuse/metadata" "9.13.0"
+    "@vueuse/shared" "9.13.0"
+    vue-demi "*"
+
+"@vueuse/metadata@9.13.0":
+  version "9.13.0"
+  resolved "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.13.0.tgz"
+  integrity sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==
+
+"@vueuse/shared@9.13.0":
+  version "9.13.0"
+  resolved "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.13.0.tgz"
+  integrity sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==
+  dependencies:
+    vue-demi "*"
+
+async-validator@^4.2.5:
+  version "4.2.5"
+  resolved "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz"
+  integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+axios@^1.7.9:
+  version "1.7.9"
+  resolved "https://registry.npmmirror.com/axios/-/axios-1.7.9.tgz"
+  integrity sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==
+  dependencies:
+    follow-redirects "^1.15.6"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
+combined-stream@^1.0.8:
+  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"
+
+csstype@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz"
+  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
+
+dayjs@^1.11.13:
+  version "1.11.13"
+  resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz"
+  integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+element-plus@^2.8.8:
+  version "2.8.8"
+  resolved "https://registry.npmmirror.com/element-plus/-/element-plus-2.8.8.tgz"
+  integrity sha512-MLAH1x2PGTnOT7Iwqh9ASgfZhvgqQqrdbxuJH0w2fGjzE4ZjryyLQj24HXoQO7Zon66U3lrYxbdLI57M6OX0qw==
+  dependencies:
+    "@ctrl/tinycolor" "^3.4.1"
+    "@element-plus/icons-vue" "^2.3.1"
+    "@floating-ui/dom" "^1.0.1"
+    "@popperjs/core" "npm:@sxzz/popperjs-es@^2.11.7"
+    "@types/lodash" "^4.14.182"
+    "@types/lodash-es" "^4.17.6"
+    "@vueuse/core" "^9.1.0"
+    async-validator "^4.2.5"
+    dayjs "^1.11.13"
+    escape-html "^1.0.3"
+    lodash "^4.17.21"
+    lodash-es "^4.17.21"
+    lodash-unified "^1.0.2"
+    memoize-one "^6.0.0"
+    normalize-wheel-es "^1.2.0"
+
+entities@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
+esbuild@^0.21.3:
+  version "0.21.5"
+  resolved "https://registry.npmmirror.com/esbuild/-/esbuild-0.21.5.tgz"
+  integrity sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==
+  optionalDependencies:
+    "@esbuild/aix-ppc64" "0.21.5"
+    "@esbuild/android-arm" "0.21.5"
+    "@esbuild/android-arm64" "0.21.5"
+    "@esbuild/android-x64" "0.21.5"
+    "@esbuild/darwin-arm64" "0.21.5"
+    "@esbuild/darwin-x64" "0.21.5"
+    "@esbuild/freebsd-arm64" "0.21.5"
+    "@esbuild/freebsd-x64" "0.21.5"
+    "@esbuild/linux-arm" "0.21.5"
+    "@esbuild/linux-arm64" "0.21.5"
+    "@esbuild/linux-ia32" "0.21.5"
+    "@esbuild/linux-loong64" "0.21.5"
+    "@esbuild/linux-mips64el" "0.21.5"
+    "@esbuild/linux-ppc64" "0.21.5"
+    "@esbuild/linux-riscv64" "0.21.5"
+    "@esbuild/linux-s390x" "0.21.5"
+    "@esbuild/linux-x64" "0.21.5"
+    "@esbuild/netbsd-x64" "0.21.5"
+    "@esbuild/openbsd-x64" "0.21.5"
+    "@esbuild/sunos-x64" "0.21.5"
+    "@esbuild/win32-arm64" "0.21.5"
+    "@esbuild/win32-ia32" "0.21.5"
+    "@esbuild/win32-x64" "0.21.5"
+
+escape-html@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
+estree-walker@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
+follow-redirects@^1.15.6:
+  version "1.15.9"
+  resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.9.tgz"
+  integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
+
+form-data@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmmirror.com/form-data/-/form-data-4.0.1.tgz"
+  integrity sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+lodash-es@*, lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
+lodash-unified@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/lodash-unified/-/lodash-unified-1.0.3.tgz"
+  integrity sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==
+
+lodash@*, lodash@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+magic-string@^0.30.11:
+  version "0.30.11"
+  resolved "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.11.tgz"
+  integrity sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+
+memoize-one@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz"
+  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+  version "2.1.35"
+  resolved "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+nanoid@^3.3.7:
+  version "3.3.7"
+  resolved "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.7.tgz"
+  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
+
+normalize-wheel-es@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz"
+  integrity sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==
+
+picocolors@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.0.tgz"
+  integrity sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==
+
+pinia-plugin-persist@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/pinia-plugin-persist/-/pinia-plugin-persist-1.0.0.tgz"
+  integrity sha512-M4hBBd8fz/GgNmUPaaUsC29y1M09lqbXrMAHcusVoU8xlQi1TqgkWnnhvMikZwr7Le/hVyMx8KUcumGGrR6GVw==
+  dependencies:
+    vue-demi "^0.12.1"
+
+pinia@^2.0.0, pinia@2.0.27:
+  version "2.0.27"
+  resolved "https://registry.npmmirror.com/pinia/-/pinia-2.0.27.tgz"
+  integrity sha512-nOnXP0OFeL8R4WjAHsterU+11vptda643gH02xKNtSCDPiRzVfRYodOLihLDoa0gL1KKuQKV+KOzEgdt3YvqEw==
+  dependencies:
+    "@vue/devtools-api" "^6.4.5"
+    vue-demi "*"
+
+postcss@^8.4.43, postcss@^8.4.44:
+  version "8.4.45"
+  resolved "https://registry.npmmirror.com/postcss/-/postcss-8.4.45.tgz"
+  integrity sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.0.1"
+    source-map-js "^1.2.0"
+
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
+rollup@^4.20.0:
+  version "4.21.2"
+  resolved "https://registry.npmmirror.com/rollup/-/rollup-4.21.2.tgz"
+  integrity sha512-e3TapAgYf9xjdLvKQCkQTnbTKd4a6jwlpQSJJFokHGaX2IVjoEqkIIhiQfqsi0cdwlOD+tQGuOd5AJkc5RngBw==
+  dependencies:
+    "@types/estree" "1.0.5"
+  optionalDependencies:
+    "@rollup/rollup-android-arm-eabi" "4.21.2"
+    "@rollup/rollup-android-arm64" "4.21.2"
+    "@rollup/rollup-darwin-arm64" "4.21.2"
+    "@rollup/rollup-darwin-x64" "4.21.2"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.21.2"
+    "@rollup/rollup-linux-arm-musleabihf" "4.21.2"
+    "@rollup/rollup-linux-arm64-gnu" "4.21.2"
+    "@rollup/rollup-linux-arm64-musl" "4.21.2"
+    "@rollup/rollup-linux-powerpc64le-gnu" "4.21.2"
+    "@rollup/rollup-linux-riscv64-gnu" "4.21.2"
+    "@rollup/rollup-linux-s390x-gnu" "4.21.2"
+    "@rollup/rollup-linux-x64-gnu" "4.21.2"
+    "@rollup/rollup-linux-x64-musl" "4.21.2"
+    "@rollup/rollup-win32-arm64-msvc" "4.21.2"
+    "@rollup/rollup-win32-ia32-msvc" "4.21.2"
+    "@rollup/rollup-win32-x64-msvc" "4.21.2"
+    fsevents "~2.3.2"
+
+source-map-js@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.0.tgz"
+  integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
+
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz"
+  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
+
+vite@^5.0.0, vite@^5.4.1:
+  version "5.4.3"
+  resolved "https://registry.npmmirror.com/vite/-/vite-5.4.3.tgz"
+  integrity sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==
+  dependencies:
+    esbuild "^0.21.3"
+    postcss "^8.4.43"
+    rollup "^4.20.0"
+  optionalDependencies:
+    fsevents "~2.3.3"
+
+vue-demi@*:
+  version "0.14.10"
+  resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.10.tgz"
+  integrity sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==
+
+vue-demi@^0.12.1:
+  version "0.12.5"
+  resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.12.5.tgz"
+  integrity sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==
+
+vue-router@^4.2.1:
+  version "4.4.5"
+  resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.4.5.tgz"
+  integrity sha512-4fKZygS8cH1yCyuabAXGUAsyi1b2/o/OKgu/RUb+znIYOxPRxdkytJEx+0wGcpBE1pX6vUgh5jwWOKRGvuA/7Q==
+  dependencies:
+    "@vue/devtools-api" "^6.6.4"
+
+"vue@^2.0.0 || >=3.0.0", "vue@^2.6.14 || ^3.2.0", "vue@^3.0.0-0 || ^2.6.0", vue@^3.2.0, vue@^3.2.25, vue@^3.4.37, vue@3.5.1:
+  version "3.5.1"
+  resolved "https://registry.npmmirror.com/vue/-/vue-3.5.1.tgz"
+  integrity sha512-k4UNnbPOEskodSxMtv+B9GljdB0C9ubZDOmW6vnXVGIfMqmEsY2+ohasjGguhGkMkrcP/oOrbH0dSD41x5JQFw==
+  dependencies:
+    "@vue/compiler-dom" "3.5.1"
+    "@vue/compiler-sfc" "3.5.1"
+    "@vue/runtime-dom" "3.5.1"
+    "@vue/server-renderer" "3.5.1"
+    "@vue/shared" "3.5.1"
diff --git a/鏂板缓鏂囨湰鏂囨。 (3).bat b/鏂板缓鏂囨湰鏂囨。 (3).bat
new file mode 100644
index 0000000..ede4f22
--- /dev/null
+++ b/鏂板缓鏂囨湰鏂囨。 (3).bat	
@@ -0,0 +1 @@
+dir/a/s/b>LIST.TXT
\ No newline at end of file