bookstore-final

admin
lin 8 months ago
commit b9379d46ed

24
.gitignore vendored

@ -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?

@ -0,0 +1,3 @@
{
"recommendations": ["Vue.volar"]
}

@ -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

@ -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).

@ -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>

895
package-lock.json generated

@ -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"
}
}
}
}

@ -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"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 KiB

@ -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>

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

@ -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>

After

Width:  |  Height:  |  Size: 496 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

@ -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']
}
]
}
})

@ -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())

@ -0,0 +1,5 @@
import axios from "axios"
const request = axios.create({
timeout:20000
})
export default request

@ -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

@ -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);
},
},
});

@ -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']
}]
}
})

@ -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
}
}
})

@ -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;
}
}

@ -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>

@ -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>

@ -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>

@ -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>

@ -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="请输入ISBN"></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>

@ -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; // ID
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>

@ -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>

@ -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; // ID
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>

@ -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>

@ -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>

@ -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',
},
},
})

@ -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"

@ -0,0 +1 @@
dir/a/s/b>LIST.TXT
Loading…
Cancel
Save