Compare commits
2 Commits
feature/fu
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
cc36e9fede | ||
|
|
5f67bf9122 |
@@ -2,9 +2,9 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link href="/favicon.svg" rel="icon" type="image/svg+xml" />
|
<link href="./public/mixue.png" rel="icon" type="image/png" />
|
||||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||||
<title>backmanagerweb</title>
|
<title>蜜雪冰城管理系统</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|||||||
355
package-lock.json
generated
355
package-lock.json
generated
@@ -9,8 +9,7 @@
|
|||||||
"version": "0.0.0",
|
"version": "0.0.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@element-plus/icons-vue": "^2.3.2",
|
"@element-plus/icons-vue": "^2.3.2",
|
||||||
"axios": "^1.18.0",
|
"element-china-area-data": "^5.0.2",
|
||||||
"element-china-area-data": "^6.1.0",
|
|
||||||
"element-plus": "^2.14.1",
|
"element-plus": "^2.14.1",
|
||||||
"vue": "^3.5.34",
|
"vue": "^3.5.34",
|
||||||
"vue-router": "4"
|
"vue-router": "4"
|
||||||
@@ -554,7 +553,7 @@
|
|||||||
},
|
},
|
||||||
"node_modules/@vue/devtools-api": {
|
"node_modules/@vue/devtools-api": {
|
||||||
"version": "6.6.4",
|
"version": "6.6.4",
|
||||||
"resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
|
"resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
|
||||||
"integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
|
"integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
@@ -646,73 +645,18 @@
|
|||||||
"vue": "^3.5.0"
|
"vue": "^3.5.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/agent-base": {
|
|
||||||
"version": "6.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
|
|
||||||
"integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"debug": "4"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 6.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/async-validator": {
|
"node_modules/async-validator": {
|
||||||
"version": "4.2.5",
|
"version": "4.2.5",
|
||||||
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
|
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
|
||||||
"integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
|
"integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/asynckit": {
|
"node_modules/china-area-data": {
|
||||||
"version": "0.4.0",
|
"version": "5.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
|
"resolved": "https://registry.npmmirror.com/china-area-data/-/china-area-data-5.0.1.tgz",
|
||||||
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
|
"integrity": "sha512-BQDPpiv5Nn+018ekcJK2oSD9PAD+E1bvXB0wgabc//dFVS/KvRqCgg0QOEUt3vBkx9XzB5a9BmkJCEZDBxVjVw==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/axios": {
|
|
||||||
"version": "1.18.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/axios/-/axios-1.18.0.tgz",
|
|
||||||
"integrity": "sha512-E32NzpYKp++W7XRe52rHiXV2ehxmh3wbdgO7MHeFM+vqxLBYHzt0ElkiImtOBxtOmyp0yoC8C6uESVV84Y2/hw==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"follow-redirects": "^1.16.0",
|
|
||||||
"form-data": "^4.0.5",
|
|
||||||
"https-proxy-agent": "^5.0.1",
|
|
||||||
"proxy-from-env": "^2.1.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/call-bind-apply-helpers": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"es-errors": "^1.3.0",
|
|
||||||
"function-bind": "^1.1.2"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/china-division": {
|
|
||||||
"version": "2.7.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/china-division/-/china-division-2.7.0.tgz",
|
|
||||||
"integrity": "sha512-4uUPAT+1WfqDh5jytq7omdCmHNk3j+k76zEG/2IqaGcYB90c2SwcixttcypdsZ3T/9tN1TTpBDoeZn+Yw/qBEA==",
|
|
||||||
"license": "MIT"
|
|
||||||
},
|
|
||||||
"node_modules/combined-stream": {
|
|
||||||
"version": "1.0.8",
|
|
||||||
"resolved": "https://registry.npmjs.org/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": {
|
"node_modules/csstype": {
|
||||||
"version": "3.2.3",
|
"version": "3.2.3",
|
||||||
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
|
||||||
@@ -725,32 +669,6 @@
|
|||||||
"integrity": "sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==",
|
"integrity": "sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/debug": {
|
|
||||||
"version": "4.4.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
|
|
||||||
"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"ms": "^2.1.3"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=6.0"
|
|
||||||
},
|
|
||||||
"peerDependenciesMeta": {
|
|
||||||
"supports-color": {
|
|
||||||
"optional": true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/delayed-stream": {
|
|
||||||
"version": "1.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
|
|
||||||
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.4.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/detect-libc": {
|
"node_modules/detect-libc": {
|
||||||
"version": "2.1.2",
|
"version": "2.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
|
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
|
||||||
@@ -761,27 +679,14 @@
|
|||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/dunder-proto": {
|
|
||||||
"version": "1.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
|
|
||||||
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"call-bind-apply-helpers": "^1.0.1",
|
|
||||||
"es-errors": "^1.3.0",
|
|
||||||
"gopd": "^1.2.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/element-china-area-data": {
|
"node_modules/element-china-area-data": {
|
||||||
"version": "6.1.0",
|
"version": "5.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/element-china-area-data/-/element-china-area-data-6.1.0.tgz",
|
"resolved": "https://registry.npmmirror.com/element-china-area-data/-/element-china-area-data-5.0.2.tgz",
|
||||||
"integrity": "sha512-IkpcjwQv2A/2AxFiSoaISZ+oMw1rZCPUSOg5sOCwT5jKc96TaawmKZeY81xfxXsO0QbKxU5LLc6AirhG52hUmg==",
|
"integrity": "sha512-vLQuvOKJy/uiX7MRHEk3x/j09hipuIl6DJ/C4XFUG7D7Pj3O47sy+Y6aAArM6k9v8cD9UX6e+yz2S4J+IPnZ8g==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"china-division": "^2.7.0"
|
"china-area-data": "^5.0.1",
|
||||||
|
"lodash-es": "^4.17.15"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/element-plus": {
|
"node_modules/element-plus": {
|
||||||
@@ -822,51 +727,6 @@
|
|||||||
"url": "https://github.com/fb55/entities?sponsor=1"
|
"url": "https://github.com/fb55/entities?sponsor=1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/es-define-property": {
|
|
||||||
"version": "1.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
|
|
||||||
"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/es-errors": {
|
|
||||||
"version": "1.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
|
|
||||||
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/es-object-atoms": {
|
|
||||||
"version": "1.1.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
|
|
||||||
"integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"es-errors": "^1.3.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/es-set-tostringtag": {
|
|
||||||
"version": "2.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
|
|
||||||
"integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"es-errors": "^1.3.0",
|
|
||||||
"get-intrinsic": "^1.2.6",
|
|
||||||
"has-tostringtag": "^1.0.2",
|
|
||||||
"hasown": "^2.0.2"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/estree-walker": {
|
"node_modules/estree-walker": {
|
||||||
"version": "2.0.2",
|
"version": "2.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
|
||||||
@@ -891,42 +751,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/follow-redirects": {
|
|
||||||
"version": "1.16.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.16.0.tgz",
|
|
||||||
"integrity": "sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==",
|
|
||||||
"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.6",
|
|
||||||
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz",
|
|
||||||
"integrity": "sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"asynckit": "^0.4.0",
|
|
||||||
"combined-stream": "^1.0.8",
|
|
||||||
"es-set-tostringtag": "^2.1.0",
|
|
||||||
"hasown": "^2.0.4",
|
|
||||||
"mime-types": "^2.1.35"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 6"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/fsevents": {
|
"node_modules/fsevents": {
|
||||||
"version": "2.3.3",
|
"version": "2.3.3",
|
||||||
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
||||||
@@ -942,116 +766,6 @@
|
|||||||
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/function-bind": {
|
|
||||||
"version": "1.1.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
|
|
||||||
"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
|
|
||||||
"license": "MIT",
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/sponsors/ljharb"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/get-intrinsic": {
|
|
||||||
"version": "1.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
|
|
||||||
"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"call-bind-apply-helpers": "^1.0.2",
|
|
||||||
"es-define-property": "^1.0.1",
|
|
||||||
"es-errors": "^1.3.0",
|
|
||||||
"es-object-atoms": "^1.1.1",
|
|
||||||
"function-bind": "^1.1.2",
|
|
||||||
"get-proto": "^1.0.1",
|
|
||||||
"gopd": "^1.2.0",
|
|
||||||
"has-symbols": "^1.1.0",
|
|
||||||
"hasown": "^2.0.2",
|
|
||||||
"math-intrinsics": "^1.1.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/sponsors/ljharb"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/get-proto": {
|
|
||||||
"version": "1.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
|
|
||||||
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"dunder-proto": "^1.0.1",
|
|
||||||
"es-object-atoms": "^1.0.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/gopd": {
|
|
||||||
"version": "1.2.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
|
|
||||||
"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/sponsors/ljharb"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/has-symbols": {
|
|
||||||
"version": "1.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
|
|
||||||
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/sponsors/ljharb"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/has-tostringtag": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"has-symbols": "^1.0.3"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
},
|
|
||||||
"funding": {
|
|
||||||
"url": "https://github.com/sponsors/ljharb"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/hasown": {
|
|
||||||
"version": "2.0.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
|
|
||||||
"integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"function-bind": "^1.1.2"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/https-proxy-agent": {
|
|
||||||
"version": "5.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
|
|
||||||
"integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"agent-base": "6",
|
|
||||||
"debug": "4"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 6"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/lightningcss": {
|
"node_modules/lightningcss": {
|
||||||
"version": "1.32.0",
|
"version": "1.32.0",
|
||||||
"resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
|
"resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
|
||||||
@@ -1345,48 +1059,12 @@
|
|||||||
"@jridgewell/sourcemap-codec": "^1.5.5"
|
"@jridgewell/sourcemap-codec": "^1.5.5"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/math-intrinsics": {
|
|
||||||
"version": "1.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
|
|
||||||
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">= 0.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/memoize-one": {
|
"node_modules/memoize-one": {
|
||||||
"version": "6.0.0",
|
"version": "6.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
|
||||||
"integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
|
"integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/mime-db": {
|
|
||||||
"version": "1.52.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/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.npmjs.org/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/ms": {
|
|
||||||
"version": "2.1.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
|
|
||||||
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
|
|
||||||
"license": "MIT"
|
|
||||||
},
|
|
||||||
"node_modules/nanoid": {
|
"node_modules/nanoid": {
|
||||||
"version": "3.3.12",
|
"version": "3.3.12",
|
||||||
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
|
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
|
||||||
@@ -1458,15 +1136,6 @@
|
|||||||
"node": "^10 || ^12 || >=14"
|
"node": "^10 || ^12 || >=14"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/proxy-from-env": {
|
|
||||||
"version": "2.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
|
|
||||||
"integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=10"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/rolldown": {
|
"node_modules/rolldown": {
|
||||||
"version": "1.0.3",
|
"version": "1.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.3.tgz",
|
||||||
@@ -1642,7 +1311,7 @@
|
|||||||
},
|
},
|
||||||
"node_modules/vue-router": {
|
"node_modules/vue-router": {
|
||||||
"version": "4.6.4",
|
"version": "4.6.4",
|
||||||
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.6.4.tgz",
|
"resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz",
|
||||||
"integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
|
"integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|||||||
@@ -10,8 +10,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@element-plus/icons-vue": "^2.3.2",
|
"@element-plus/icons-vue": "^2.3.2",
|
||||||
"axios": "^1.18.0",
|
"element-china-area-data": "^5.0.2",
|
||||||
"element-china-area-data": "^6.1.0",
|
|
||||||
"element-plus": "^2.14.1",
|
"element-plus": "^2.14.1",
|
||||||
"vue": "^3.5.34",
|
"vue": "^3.5.34",
|
||||||
"vue-router": "4"
|
"vue-router": "4"
|
||||||
|
|||||||
@@ -1,22 +0,0 @@
|
|||||||
// api/afterSales.js —— 售后管理接口
|
|
||||||
import request from '../utils/request'
|
|
||||||
|
|
||||||
export function getAfterSalesList(params) {
|
|
||||||
return request.get('/after-sales', {params})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getAfterSalesDetail(id) {
|
|
||||||
return request.get(`/after-sales/${id}`)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function createAfterSales(data) {
|
|
||||||
return request.post('/after-sales', data)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function updateAfterSales(id, data) {
|
|
||||||
return request.put(`/after-sales/${id}`, data)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function deleteAfterSales(id) {
|
|
||||||
return request.delete(`/after-sales/${id}`)
|
|
||||||
}
|
|
||||||
@@ -1,22 +1,41 @@
|
|||||||
// api/contract.js —— 合同管理接口
|
import axios from 'axios'
|
||||||
import request from '../utils/request'
|
import { mockContractAPI } from './mock/contract'
|
||||||
|
|
||||||
export function getContractList(params) {
|
// 开关：true 用 mock，false 用真实接口
|
||||||
return request.get('/contracts', {params})
|
const USE_MOCK = true
|
||||||
|
|
||||||
|
// axios 实例
|
||||||
|
const request = axios.create({
|
||||||
|
baseURL: '/api',
|
||||||
|
timeout: 5000
|
||||||
|
})
|
||||||
|
|
||||||
|
// 获取合同列表
|
||||||
|
export const getContractList = (params) => {
|
||||||
|
if (USE_MOCK) return mockContractAPI.getList(params)
|
||||||
|
return request.get('/contracts', { params }).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getContractDetail(id) {
|
// 获取合同详情
|
||||||
return request.get(`/contracts/${id}`)
|
export const getContractDetail = (id) => {
|
||||||
|
if (USE_MOCK) return mockContractAPI.getDetail(id)
|
||||||
|
return request.get(`/contracts/${id}`).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function createContract(data) {
|
// 新增合同
|
||||||
return request.post('/contracts', data)
|
export const createContract = (data) => {
|
||||||
|
if (USE_MOCK) return mockContractAPI.create(data)
|
||||||
|
return request.post('/contracts', data).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function updateContract(id, data) {
|
// 更新合同
|
||||||
return request.put(`/contracts/${id}`, data)
|
export const updateContract = (id, data) => {
|
||||||
|
if (USE_MOCK) return mockContractAPI.update(id, data)
|
||||||
|
return request.put(`/contracts/${id}`, data).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function deleteContract(id) {
|
// 删除合同
|
||||||
return request.delete(`/contracts/${id}`)
|
export const deleteContractAPI = (id) => {
|
||||||
|
if (USE_MOCK) return mockContractAPI.delete(id)
|
||||||
|
return request.delete(`/contracts/${id}`).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,22 +1,41 @@
|
|||||||
// api/customer.js —— 客户管理接口
|
import axios from 'axios'
|
||||||
import request from '../utils/request'
|
import { mockCustomerAPI } from './mock/customer'
|
||||||
|
|
||||||
export function getCustomerList(params) {
|
// 开关：true 用 mock，false 用真实接口
|
||||||
return request.get('/customers', {params})
|
const USE_MOCK = true
|
||||||
|
|
||||||
|
// axios 实例
|
||||||
|
const request = axios.create({
|
||||||
|
baseURL: '/api',
|
||||||
|
timeout: 5000
|
||||||
|
})
|
||||||
|
|
||||||
|
// 获取客户列表
|
||||||
|
export const getCustomerList = (params) => {
|
||||||
|
if (USE_MOCK) return mockCustomerAPI.getList(params)
|
||||||
|
return request.get('/customers', { params }).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getCustomerDetail(id) {
|
// 获取客户详情
|
||||||
return request.get(`/customers/${id}`)
|
export const getCustomerDetail = (id) => {
|
||||||
|
if (USE_MOCK) return mockCustomerAPI.getDetail(id)
|
||||||
|
return request.get(`/customers/${id}`).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function createCustomer(data) {
|
// 新增客户
|
||||||
return request.post('/customers', data)
|
export const createCustomer = (data) => {
|
||||||
|
if (USE_MOCK) return mockCustomerAPI.create(data)
|
||||||
|
return request.post('/customers', data).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function updateCustomer(id, data) {
|
// 更新客户
|
||||||
return request.put(`/customers/${id}`, data)
|
export const updateCustomer = (id, data) => {
|
||||||
|
if (USE_MOCK) return mockCustomerAPI.update(id, data)
|
||||||
|
return request.put(`/customers/${id}`, data).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function deleteCustomer(id) {
|
// 删除客户
|
||||||
return request.delete(`/customers/${id}`)
|
export const deleteCustomerAPI = (id) => {
|
||||||
|
if (USE_MOCK) return mockCustomerAPI.delete(id)
|
||||||
|
return request.delete(`/customers/${id}`).then(r => r.data)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,22 +0,0 @@
|
|||||||
// api/employee.js —— 员工管理接口
|
|
||||||
import request from '../utils/request'
|
|
||||||
|
|
||||||
export function getEmployeeList(params) {
|
|
||||||
return request.get('/employees', {params})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getEmployeeDetail(id) {
|
|
||||||
return request.get(`/employees/${id}`)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function createEmployee(data) {
|
|
||||||
return request.post('/employees', data)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function updateEmployee(id, data) {
|
|
||||||
return request.put(`/employees/${id}`, data)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function deleteEmployee(id) {
|
|
||||||
return request.delete(`/employees/${id}`)
|
|
||||||
}
|
|
||||||
151
src/api/mock/contract.js
Normal file
151
src/api/mock/contract.js
Normal file
@@ -0,0 +1,151 @@
|
|||||||
|
// 模拟合同数据
|
||||||
|
const mockContracts = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
contract_no: 'HT-2025-001',
|
||||||
|
contract_name: '蜜雪冰城加盟合同',
|
||||||
|
type: '加盟合同',
|
||||||
|
party_a: '蜜雪冰城股份有限公司',
|
||||||
|
party_b: '张三',
|
||||||
|
sign_date: '2025-01-15',
|
||||||
|
start_date: '2025-02-01',
|
||||||
|
end_date: '2028-01-31',
|
||||||
|
amount: 300000,
|
||||||
|
status: '生效中',
|
||||||
|
remark: '三年期加盟合同',
|
||||||
|
create_time: '2025-01-15 10:30:00'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
contract_no: 'HT-2025-002',
|
||||||
|
contract_name: '原材料供货合同',
|
||||||
|
type: '供货合同',
|
||||||
|
party_a: '蜜雪冰城股份有限公司',
|
||||||
|
party_b: '李四',
|
||||||
|
sign_date: '2025-03-10',
|
||||||
|
start_date: '2025-04-01',
|
||||||
|
end_date: '2026-03-31',
|
||||||
|
amount: 50000,
|
||||||
|
status: '生效中',
|
||||||
|
remark: '年度供货协议',
|
||||||
|
create_time: '2025-03-10 09:15:00'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
contract_no: 'HT-2024-010',
|
||||||
|
contract_name: '门店租赁合同',
|
||||||
|
type: '租赁合同',
|
||||||
|
party_a: '蜜雪冰城股份有限公司',
|
||||||
|
party_b: '王五',
|
||||||
|
sign_date: '2024-06-20',
|
||||||
|
start_date: '2024-07-01',
|
||||||
|
end_date: '2025-06-30',
|
||||||
|
amount: 120000,
|
||||||
|
status: '已到期',
|
||||||
|
remark: '已续签',
|
||||||
|
create_time: '2024-06-20 14:20:00'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
contract_no: 'HT-2025-003',
|
||||||
|
contract_name: '设备维护服务合同',
|
||||||
|
type: '服务合同',
|
||||||
|
party_a: '蜜雪冰城股份有限公司',
|
||||||
|
party_b: '赵六',
|
||||||
|
sign_date: '2025-05-01',
|
||||||
|
start_date: '2025-05-15',
|
||||||
|
end_date: '2026-05-14',
|
||||||
|
amount: 15000,
|
||||||
|
status: '待审批',
|
||||||
|
remark: '',
|
||||||
|
create_time: '2025-05-01 11:00:00'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
// 模拟网络延迟
|
||||||
|
const delay = (ms = 300) => new Promise(r => setTimeout(r, ms))
|
||||||
|
|
||||||
|
// Mock API
|
||||||
|
export const mockContractAPI = {
|
||||||
|
// 获取列表
|
||||||
|
async getList(params = {}) {
|
||||||
|
await delay()
|
||||||
|
let result = [...mockContracts]
|
||||||
|
|
||||||
|
// 关键词搜索
|
||||||
|
if (params.keyword) {
|
||||||
|
const keyword = params.keyword.toLowerCase()
|
||||||
|
result = result.filter(item =>
|
||||||
|
item.contract_no.toLowerCase().includes(keyword) ||
|
||||||
|
item.contract_name.toLowerCase().includes(keyword) ||
|
||||||
|
item.party_b.toLowerCase().includes(keyword)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 合同类型筛选
|
||||||
|
if (params.type) {
|
||||||
|
result = result.filter(item => item.type === params.type)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 日期范围筛选（按签订日期）
|
||||||
|
if (params.startDate && params.endDate) {
|
||||||
|
const start = new Date(params.startDate)
|
||||||
|
const end = new Date(params.endDate)
|
||||||
|
result = result.filter(item => {
|
||||||
|
const signDate = new Date(item.sign_date)
|
||||||
|
return signDate >= start && signDate <= end
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 状态筛选
|
||||||
|
if (params.status) {
|
||||||
|
result = result.filter(item => item.status === params.status)
|
||||||
|
}
|
||||||
|
|
||||||
|
return { code: 200, data: result, total: result.length }
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取详情
|
||||||
|
async getDetail(id) {
|
||||||
|
await delay()
|
||||||
|
const contract = mockContracts.find(item => item.id === id)
|
||||||
|
if (contract) {
|
||||||
|
return { code: 200, data: contract }
|
||||||
|
}
|
||||||
|
return { code: 404, message: '合同不存在' }
|
||||||
|
},
|
||||||
|
|
||||||
|
// 新增
|
||||||
|
async create(data) {
|
||||||
|
await delay()
|
||||||
|
const newContract = {
|
||||||
|
id: Date.now(),
|
||||||
|
...data,
|
||||||
|
create_time: new Date().toISOString().replace('T', ' ').slice(0, 19)
|
||||||
|
}
|
||||||
|
mockContracts.push(newContract)
|
||||||
|
return { code: 200, data: newContract, message: '新增成功' }
|
||||||
|
},
|
||||||
|
|
||||||
|
// 更新
|
||||||
|
async update(id, data) {
|
||||||
|
await delay()
|
||||||
|
const index = mockContracts.findIndex(item => item.id === id)
|
||||||
|
if (index !== -1) {
|
||||||
|
mockContracts[index] = { ...mockContracts[index], ...data }
|
||||||
|
return { code: 200, data: mockContracts[index], message: '更新成功' }
|
||||||
|
}
|
||||||
|
return { code: 404, message: '合同不存在' }
|
||||||
|
},
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
async delete(id) {
|
||||||
|
await delay()
|
||||||
|
const index = mockContracts.findIndex(item => item.id === id)
|
||||||
|
if (index !== -1) {
|
||||||
|
mockContracts.splice(index, 1)
|
||||||
|
return { code: 200, message: '删除成功' }
|
||||||
|
}
|
||||||
|
return { code: 404, message: '合同不存在' }
|
||||||
|
}
|
||||||
|
}
|
||||||
144
src/api/mock/customer.js
Normal file
144
src/api/mock/customer.js
Normal file
@@ -0,0 +1,144 @@
|
|||||||
|
// 模拟客户数据
|
||||||
|
const mockCustomers = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
name: '张三',
|
||||||
|
phone: '13800138001',
|
||||||
|
province: '广东省',
|
||||||
|
city: '深圳市',
|
||||||
|
district: '南山区',
|
||||||
|
address: '科技园路1号',
|
||||||
|
email: 'zhangsan@example.com',
|
||||||
|
customer_type: 'VIP',
|
||||||
|
create_time: '2025-01-15 10:30:00'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
name: '李四',
|
||||||
|
phone: '13800138002',
|
||||||
|
province: '浙江省',
|
||||||
|
city: '杭州市',
|
||||||
|
district: '西湖区',
|
||||||
|
address: '文三路100号',
|
||||||
|
email: 'lisi@example.com',
|
||||||
|
customer_type: 'Normal',
|
||||||
|
create_time: '2025-02-20 14:20:00'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
name: '王五',
|
||||||
|
phone: '13800138003',
|
||||||
|
province: '四川省',
|
||||||
|
city: '成都市',
|
||||||
|
district: '武侯区',
|
||||||
|
address: '天府大道200号',
|
||||||
|
email: 'wangwu@example.com',
|
||||||
|
customer_type: 'VIP',
|
||||||
|
create_time: '2025-03-10 09:15:00'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
name: '赵六',
|
||||||
|
phone: '13800138004',
|
||||||
|
province: '湖南省',
|
||||||
|
city: '长沙市',
|
||||||
|
district: '岳麓区',
|
||||||
|
address: '麓山南路100号',
|
||||||
|
email: 'zhaoliu@example.com',
|
||||||
|
customer_type: 'Normal',
|
||||||
|
create_time: '2025-04-05 16:45:00'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
// 模拟网络延迟
|
||||||
|
const delay = (ms = 300) => new Promise(r => setTimeout(r, ms))
|
||||||
|
|
||||||
|
// Mock API
|
||||||
|
export const mockCustomerAPI = {
|
||||||
|
// 获取列表
|
||||||
|
async getList(params = {}) {
|
||||||
|
await delay()
|
||||||
|
let result = [...mockCustomers]
|
||||||
|
|
||||||
|
// 关键词搜索
|
||||||
|
if (params.keyword) {
|
||||||
|
const keyword = params.keyword.toLowerCase()
|
||||||
|
const searchField = params.searchField || '1'
|
||||||
|
|
||||||
|
if (searchField === '2') {
|
||||||
|
// 编号：精确匹配
|
||||||
|
result = result.filter(item => String(item.id) === keyword)
|
||||||
|
} else if (searchField === '1') {
|
||||||
|
// 姓名：模糊匹配
|
||||||
|
result = result.filter(item => item.name.includes(keyword))
|
||||||
|
} else if (searchField === '3') {
|
||||||
|
// 电话：模糊匹配
|
||||||
|
result = result.filter(item => item.phone.includes(keyword))
|
||||||
|
} else if (searchField === '4') {
|
||||||
|
// 邮箱：模糊匹配
|
||||||
|
result = result.filter(item => item.email.includes(keyword))
|
||||||
|
} else {
|
||||||
|
// 默认：模糊匹配所有字段
|
||||||
|
result = result.filter(item =>
|
||||||
|
String(item.id).includes(keyword) ||
|
||||||
|
item.name.includes(keyword) ||
|
||||||
|
item.phone.includes(keyword) ||
|
||||||
|
item.email.includes(keyword)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 客户类型筛选
|
||||||
|
if (params.customer_type) {
|
||||||
|
result = result.filter(item => item.customer_type === params.customer_type)
|
||||||
|
}
|
||||||
|
|
||||||
|
return { code: 200, data: result, total: result.length }
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取详情
|
||||||
|
async getDetail(id) {
|
||||||
|
await delay()
|
||||||
|
const customer = mockCustomers.find(item => item.id === id)
|
||||||
|
if (customer) {
|
||||||
|
return { code: 200, data: customer }
|
||||||
|
}
|
||||||
|
return { code: 404, message: '客户不存在' }
|
||||||
|
},
|
||||||
|
|
||||||
|
// 新增
|
||||||
|
async create(data) {
|
||||||
|
await delay()
|
||||||
|
// 生成自增 ID
|
||||||
|
const maxId = mockCustomers.length > 0 ? Math.max(...mockCustomers.map(item => item.id)) : 0
|
||||||
|
const newCustomer = {
|
||||||
|
id: maxId + 1,
|
||||||
|
...data,
|
||||||
|
create_time: new Date().toISOString().replace('T', ' ').slice(0, 19)
|
||||||
|
}
|
||||||
|
mockCustomers.push(newCustomer)
|
||||||
|
return { code: 200, data: newCustomer, message: '新增成功' }
|
||||||
|
},
|
||||||
|
|
||||||
|
// 更新
|
||||||
|
async update(id, data) {
|
||||||
|
await delay()
|
||||||
|
const index = mockCustomers.findIndex(item => item.id === id)
|
||||||
|
if (index !== -1) {
|
||||||
|
mockCustomers[index] = { ...mockCustomers[index], ...data }
|
||||||
|
return { code: 200, data: mockCustomers[index], message: '更新成功' }
|
||||||
|
}
|
||||||
|
return { code: 404, message: '客户不存在' }
|
||||||
|
},
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
async delete(id) {
|
||||||
|
await delay()
|
||||||
|
const index = mockCustomers.findIndex(item => item.id === id)
|
||||||
|
if (index !== -1) {
|
||||||
|
mockCustomers.splice(index, 1)
|
||||||
|
return { code: 200, message: '删除成功' }
|
||||||
|
}
|
||||||
|
return { code: 404, message: '客户不存在' }
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
// api/product.js —— 产品管理接口
|
|
||||||
import request from '../utils/request'
|
|
||||||
|
|
||||||
export function getProductList(params) {
|
|
||||||
return request.get('/products', {params})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getProductDetail(id) {
|
|
||||||
return request.get(`/products/${id}`)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function createProduct(data) {
|
|
||||||
return request.post('/products', data)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function updateProduct(id, data) {
|
|
||||||
return request.put(`/products/${id}`, data)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function deleteProduct(id) {
|
|
||||||
return request.delete(`/products/${id}`)
|
|
||||||
}
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
// api/user.js —— 用户相关接口
|
|
||||||
import request from '../utils/request'
|
|
||||||
|
|
||||||
// 登录
|
|
||||||
export function login(data) {
|
|
||||||
return request.post('/user/login', data)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取当前用户信息
|
|
||||||
export function getUserInfo() {
|
|
||||||
return request.get('/user/info')
|
|
||||||
}
|
|
||||||
|
|
||||||
// 登出
|
|
||||||
export function logout() {
|
|
||||||
return request.post('/user/logout')
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改密码
|
|
||||||
export function changePassword(data) {
|
|
||||||
return request.put('/user/password', data)
|
|
||||||
}
|
|
||||||
|
|
||||||
// ========== 用户管理 CRUD（管理员） ==========
|
|
||||||
export function getUserList(params) {
|
|
||||||
return request.get('/users', {params})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getUserDetail(id) {
|
|
||||||
return request.get(`/users/${id}`)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function createUser(data) {
|
|
||||||
return request.post('/users', data)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function updateUser(id, data) {
|
|
||||||
return request.put(`/users/${id}`, data)
|
|
||||||
}
|
|
||||||
|
|
||||||
export function deleteUser(id) {
|
|
||||||
return request.delete(`/users/${id}`)
|
|
||||||
}
|
|
||||||
@@ -67,7 +67,6 @@ import {reactive, ref} from 'vue'
|
|||||||
import {ElMessage} from 'element-plus'
|
import {ElMessage} from 'element-plus'
|
||||||
import {Lock, User} from '@element-plus/icons-vue'
|
import {Lock, User} from '@element-plus/icons-vue'
|
||||||
import {useRouter} from 'vue-router'
|
import {useRouter} from 'vue-router'
|
||||||
import {login} from '../api/user'
|
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
@@ -94,22 +93,11 @@ const handleLogin = async () => {
|
|||||||
try {
|
try {
|
||||||
await loginFormRef.value.validate()
|
await loginFormRef.value.validate()
|
||||||
loading.value = true
|
loading.value = true
|
||||||
const res = await login({
|
await new Promise((r) => setTimeout(r, 800))
|
||||||
username: loginForm.username,
|
ElMessage.success('登录成功（模拟）')
|
||||||
password: loginForm.password,
|
|
||||||
})
|
|
||||||
// 保存 token 和用户信息
|
|
||||||
localStorage.setItem('token', res.data.token)
|
|
||||||
localStorage.setItem('userInfo', JSON.stringify(res.data.userInfo))
|
|
||||||
if (loginForm.remember) {
|
|
||||||
localStorage.setItem('rememberUser', loginForm.username)
|
|
||||||
} else {
|
|
||||||
localStorage.removeItem('rememberUser')
|
|
||||||
}
|
|
||||||
ElMessage.success('登录成功')
|
|
||||||
router.push('/panel')
|
router.push('/panel')
|
||||||
} catch {
|
} catch {
|
||||||
// 校验失败或 API 错误，拦截器已弹提示
|
// 校验失败，element-plus 会自动显示红色提示
|
||||||
} finally {
|
} finally {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,277 +1,492 @@
|
|||||||
|
<script setup>
|
||||||
|
import { ref, reactive, computed, onMounted } from 'vue'
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
import { Search } from '@element-plus/icons-vue'
|
||||||
|
import {
|
||||||
|
getContractList,
|
||||||
|
createContract,
|
||||||
|
updateContract,
|
||||||
|
deleteContractAPI
|
||||||
|
} from '../api/contract'
|
||||||
|
|
||||||
|
const search = ref('')
|
||||||
|
const select = ref('1')
|
||||||
|
const dateRange = ref([])
|
||||||
|
const loading = ref(false)
|
||||||
|
const searchResults = ref([])
|
||||||
|
const showSearchResults = ref(false)
|
||||||
|
const showAddForm = ref(false)
|
||||||
|
const isEditMode = ref(false)
|
||||||
|
const currentContractId = ref(null)
|
||||||
|
const showDetailDialog = ref(false)
|
||||||
|
const currentDetail = ref(null)
|
||||||
|
|
||||||
|
const form = reactive({
|
||||||
|
contract_no: '',
|
||||||
|
contract_name: '',
|
||||||
|
customer_id: '',
|
||||||
|
contract_content: '',
|
||||||
|
employee_id: '',
|
||||||
|
effective_date: '',
|
||||||
|
expiry_date: '',
|
||||||
|
amount: 0,
|
||||||
|
status: '待审批',
|
||||||
|
remark: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
fetchData()
|
||||||
|
})
|
||||||
|
|
||||||
|
// 获取合同列表
|
||||||
|
const fetchData = async () => {
|
||||||
|
loading.value = true
|
||||||
|
const res = await getContractList()
|
||||||
|
searchResults.value = res.data
|
||||||
|
showSearchResults.value = true
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理搜索
|
||||||
|
const handleSearch = async () => {
|
||||||
|
// 如果在表单页面，先关闭表单
|
||||||
|
if (showAddForm.value) {
|
||||||
|
cancelAdd()
|
||||||
|
}
|
||||||
|
|
||||||
|
loading.value = true
|
||||||
|
|
||||||
|
let keyword = search.value
|
||||||
|
if (select.value === '1' && keyword && !keyword.startsWith('HT')) {
|
||||||
|
keyword = 'HT' + keyword
|
||||||
|
}
|
||||||
|
|
||||||
|
const params = {
|
||||||
|
keyword,
|
||||||
|
searchField: select.value,
|
||||||
|
startDate: dateRange.value?.[0],
|
||||||
|
endDate: dateRange.value?.[1]
|
||||||
|
}
|
||||||
|
|
||||||
|
const res = await getContractList(params)
|
||||||
|
searchResults.value = res.data
|
||||||
|
showSearchResults.value = true
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 日期变更处理
|
||||||
|
const handleDateChange = () => {
|
||||||
|
handleSearch()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 重置搜索
|
||||||
|
const resetSearch = () => {
|
||||||
|
search.value = ''
|
||||||
|
select.value = '1'
|
||||||
|
dateRange.value = []
|
||||||
|
fetchData()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增合同
|
||||||
|
const addContract = () => {
|
||||||
|
resetForm()
|
||||||
|
showAddForm.value = true
|
||||||
|
showSearchResults.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 编辑合同
|
||||||
|
const editContract = (row) => {
|
||||||
|
isEditMode.value = true
|
||||||
|
currentContractId.value = row.id
|
||||||
|
Object.assign(form, {
|
||||||
|
contract_no: row.contract_no,
|
||||||
|
contract_name: row.contract_name,
|
||||||
|
customer_id: row.customer_id,
|
||||||
|
contract_content: row.contract_content,
|
||||||
|
employee_id: row.employee_id,
|
||||||
|
effective_date: row.effective_date,
|
||||||
|
expiry_date: row.expiry_date,
|
||||||
|
amount: row.amount,
|
||||||
|
status: row.status,
|
||||||
|
remark: row.remark
|
||||||
|
})
|
||||||
|
showAddForm.value = true
|
||||||
|
showSearchResults.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 保存合同
|
||||||
|
const saveContract = async () => {
|
||||||
|
if (isEditMode.value) {
|
||||||
|
await updateContract(currentContractId.value, { ...form })
|
||||||
|
ElMessage.success('更新成功')
|
||||||
|
} else {
|
||||||
|
await createContract({ ...form })
|
||||||
|
ElMessage.success('新增成功')
|
||||||
|
}
|
||||||
|
cancelAdd()
|
||||||
|
fetchData()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除合同
|
||||||
|
const deleteContract = (id) => {
|
||||||
|
ElMessageBox.confirm('确定删除该合同吗？', '提示', {
|
||||||
|
type: 'warning'
|
||||||
|
}).then(async () => {
|
||||||
|
await deleteContractAPI(id)
|
||||||
|
ElMessage.success('删除成功')
|
||||||
|
fetchData()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 取消
|
||||||
|
const cancelAdd = () => {
|
||||||
|
resetForm()
|
||||||
|
showAddForm.value = false
|
||||||
|
showSearchResults.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// 重置表单
|
||||||
|
const resetForm = () => {
|
||||||
|
Object.assign(form, {
|
||||||
|
contract_no: '',
|
||||||
|
contract_name: '',
|
||||||
|
customer_id: '',
|
||||||
|
contract_content: '',
|
||||||
|
employee_id: '',
|
||||||
|
effective_date: '',
|
||||||
|
expiry_date: '',
|
||||||
|
amount: 0,
|
||||||
|
status: '待审批',
|
||||||
|
remark: ''
|
||||||
|
})
|
||||||
|
isEditMode.value = false
|
||||||
|
currentContractId.value = null
|
||||||
|
}
|
||||||
|
|
||||||
|
// 双击查看详情
|
||||||
|
const showDetail = (row) => {
|
||||||
|
currentDetail.value = row
|
||||||
|
showDetailDialog.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关闭详情弹窗
|
||||||
|
const closeDetail = () => {
|
||||||
|
showDetailDialog.value = false
|
||||||
|
currentDetail.value = null
|
||||||
|
}
|
||||||
|
|
||||||
|
// 状态样式
|
||||||
|
const getStatusType = (status) => {
|
||||||
|
const map = {
|
||||||
|
'生效中': 'success',
|
||||||
|
'已到期': 'danger',
|
||||||
|
'待审批': 'warning',
|
||||||
|
'已终止': 'info'
|
||||||
|
}
|
||||||
|
return map[status] || 'info'
|
||||||
|
}
|
||||||
|
|
||||||
|
// 日期快捷选项
|
||||||
|
const dateShortcuts = [
|
||||||
|
{
|
||||||
|
text: '最近一周',
|
||||||
|
value: () => {
|
||||||
|
const end = new Date()
|
||||||
|
const start = new Date()
|
||||||
|
start.setTime(start.getTime() - 7 * 24 * 3600 * 1000)
|
||||||
|
return [start, end]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '最近一个月',
|
||||||
|
value: () => {
|
||||||
|
const end = new Date()
|
||||||
|
const start = new Date()
|
||||||
|
start.setTime(start.getTime() - 30 * 24 * 3600 * 1000)
|
||||||
|
return [start, end]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: '最近三个月',
|
||||||
|
value: () => {
|
||||||
|
const end = new Date()
|
||||||
|
const start = new Date()
|
||||||
|
start.setTime(start.getTime() - 90 * 24 * 3600 * 1000)
|
||||||
|
return [start, end]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
// 格式化日期
|
||||||
|
const formatDate = (date) => {
|
||||||
|
if (!date) return ''
|
||||||
|
return date
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="page-container">
|
<div class="contract-container">
|
||||||
<!-- 搜索栏 -->
|
<!-- 搜索栏区域 -->
|
||||||
<div class="search-bar">
|
<div class="contract-search">
|
||||||
<el-input v-model="search.contract_no" placeholder="合同编号" clearable style="width: 180px" @keyup.enter="handleSearch" />
|
<!-- 第一行：搜索框 + 按钮 -->
|
||||||
<el-input v-model="search.customer_name" placeholder="客户名称" clearable style="width: 180px" @keyup.enter="handleSearch" />
|
<div class="search-row">
|
||||||
<el-input v-model="search.employee_name" placeholder="业务员" clearable style="width: 180px" @keyup.enter="handleSearch" />
|
<el-input v-model="search" style="max-width: 500px" placeholder="请输入搜索关键词"
|
||||||
<el-select v-model="search.status" placeholder="合同状态" clearable style="width: 130px">
|
class="contract-search-with-select" @keyup.enter="handleSearch">
|
||||||
<el-option label="草稿" value="草稿" />
|
<template #prepend>
|
||||||
<el-option label="生效" value="生效" />
|
<el-select v-model="select" placeholder="请选择" style="width: 115px">
|
||||||
<el-option label="完成" value="完成" />
|
<el-option label="编号" value="1" />
|
||||||
<el-option label="作废" value="作废" />
|
<el-option label="名称" value="2" />
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-button type="primary" :icon="Search" @click="handleSearch">搜索</el-button>
|
</template>
|
||||||
<el-button @click="resetSearch">重置</el-button>
|
<template #append>
|
||||||
<el-button color="#E60012" @click="openAdd">新增合同</el-button>
|
<el-button :icon="Search" @click="handleSearch" />
|
||||||
|
</template>
|
||||||
|
</el-input>
|
||||||
|
|
||||||
|
<div class="search-buttons">
|
||||||
|
<el-button type="success" @click="addContract">新增合同</el-button>
|
||||||
|
<el-button type="default" @click="resetSearch">重置</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 第二行：筛选条件 -->
|
||||||
|
<div class="filter-row">
|
||||||
|
<span class="filter-label">筛选条件：</span>
|
||||||
|
|
||||||
|
<el-date-picker
|
||||||
|
v-model="dateRange"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="生效日期"
|
||||||
|
end-placeholder="到期日期"
|
||||||
|
style="margin-left: 10px;"
|
||||||
|
@change="handleDateChange"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 表格 -->
|
<!-- 合同列表 -->
|
||||||
<el-table :data="tableData" border v-loading="loading" stripe>
|
<div v-if="showSearchResults" class="contract-list">
|
||||||
<el-table-column prop="id" label="ID" width="60" />
|
<div v-if="loading" class="loading-container">
|
||||||
<el-table-column prop="contract_no" label="合同编号" width="130" />
|
<el-skeleton :rows="5" animated />
|
||||||
<el-table-column prop="contract_name" label="合同名称" min-width="150" show-overflow-tooltip />
|
</div>
|
||||||
<el-table-column prop="customer_name" label="客户" width="100" />
|
|
||||||
<el-table-column prop="employee_name" label="业务员" width="100" />
|
|
||||||
<el-table-column prop="amount" label="金额" width="100">
|
|
||||||
<template #default="{ row }">{{ row.amount != null ? '¥' + row.amount : '-' }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="effective_date" label="生效日期" width="110">
|
|
||||||
<template #default="{ row }">{{ row.effective_date?.slice(0, 10) || '-' }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="expiry_date" label="到期日期" width="110">
|
|
||||||
<template #default="{ row }">{{ row.expiry_date?.slice(0, 10) || '-' }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="status" label="状态" width="80">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-tag :type="statusType(row.status)">{{ row.status }}</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="remark" label="备注" width="120" show-overflow-tooltip />
|
|
||||||
<el-table-column label="操作" width="150" fixed="right">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-button link type="primary" @click="openEdit(row)">编辑</el-button>
|
|
||||||
<el-button link type="danger" @click="handleDelete(row.id)">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<!-- 分页 -->
|
<div v-else-if="searchResults.length === 0" class="empty-container">
|
||||||
<div class="pagination-bar">
|
<el-empty description="暂无合同数据" />
|
||||||
<el-pagination
|
</div>
|
||||||
v-model:current-page="pagination.page"
|
|
||||||
v-model:page-size="pagination.pageSize"
|
<div v-else>
|
||||||
:total="pagination.total"
|
<div class="list-header">
|
||||||
:page-sizes="[10, 20, 50]"
|
<span class="total-count">共找到 {{ searchResults.length }} 条合同</span>
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
</div>
|
||||||
@size-change="fetchList"
|
|
||||||
@current-change="fetchList"
|
<el-table :data="searchResults" border style="width: 100%" @row-dblclick="showDetail" row-class-name="clickable-row">
|
||||||
/>
|
<el-table-column prop="id" label="ID" width="60" />
|
||||||
|
<el-table-column prop="contract_no" label="合同编号" width="130" />
|
||||||
|
<el-table-column prop="contract_name" label="合同名称" min-width="180" />
|
||||||
|
<el-table-column prop="customer_id" label="客户ID" width="80" />
|
||||||
|
<el-table-column prop="employee_id" label="业务员ID" width="90" />
|
||||||
|
<el-table-column prop="amount" label="金额" width="110">
|
||||||
|
<template #default="{ row }">
|
||||||
|
¥{{ row.amount?.toLocaleString() }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="status" label="状态" width="80">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag :type="getStatusType(row.status)">{{ row.status }}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="effective_date" label="生效日期" width="110" />
|
||||||
|
<el-table-column prop="expiry_date" label="到期日期" width="110" />
|
||||||
|
<el-table-column label="操作" width="140" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button link type="primary" @click="editContract(row)">编辑</el-button>
|
||||||
|
<el-button link type="danger" @click="deleteContract(row.id)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 新增/编辑弹窗 -->
|
<!-- 新增/编辑表单 -->
|
||||||
<el-dialog v-model="dialogVisible" :title="isEdit ? '编辑合同' : '新增合同'" width="650px" destroy-on-close>
|
<div v-if="showAddForm" class="contract-form" style="margin-top: 20px;">
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="90px" label-position="top">
|
<el-divider content-position="left">{{ isEditMode ? '编辑合同' : '新增合同' }}</el-divider>
|
||||||
<el-row :gutter="16">
|
<el-form :model="form" label-width="auto" style="max-width: 700px;" label-position="top">
|
||||||
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="合同名称" prop="contract_name">
|
<el-form-item label="合同编号">
|
||||||
|
<el-input v-model="form.contract_no" placeholder="如: HT-001" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="合同名称">
|
||||||
<el-input v-model="form.contract_name" placeholder="请输入合同名称" />
|
<el-input v-model="form.contract_name" placeholder="请输入合同名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="合同编号">
|
<el-form-item label="客户ID">
|
||||||
<el-input v-model="form.contract_no" placeholder="请输入编号" />
|
<el-input v-model="form.customer_id" style="width: 100%;" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="业务员ID">
|
||||||
|
<el-input v-model="form.employee_id" style="width: 100%;" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row :gutter="16">
|
|
||||||
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="关联客户" prop="customer_id">
|
|
||||||
<el-select v-model="form.customer_id" filterable placeholder="选择客户" style="width:100%">
|
|
||||||
<el-option v-for="c in customerOptions" :key="c.id" :label="c.name" :value="c.id" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="业务员">
|
|
||||||
<el-select v-model="form.employee_id" filterable placeholder="选择业务员" clearable style="width:100%">
|
|
||||||
<el-option v-for="e in employeeOptions" :key="e.id" :label="e.name" :value="e.id" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="金额">
|
|
||||||
<el-input-number v-model="form.amount" :min="0" :precision="2" controls-position="right" style="width:100%" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="生效日期">
|
<el-form-item label="生效日期">
|
||||||
<el-date-picker v-model="form.effective_date" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" style="width:100%" />
|
<el-date-picker v-model="form.effective_date" type="date" style="width: 100%;" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="12">
|
||||||
<el-form-item label="到期日期">
|
<el-form-item label="到期日期">
|
||||||
<el-date-picker v-model="form.expiry_date" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" style="width:100%" />
|
<el-date-picker v-model="form.expiry_date" type="date" style="width: 100%;" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-form-item label="合同状态">
|
|
||||||
<el-select v-model="form.status" style="width: 200px">
|
<el-row :gutter="20">
|
||||||
<el-option label="草稿" value="草稿" />
|
<el-col :span="12">
|
||||||
<el-option label="生效" value="生效" />
|
<el-form-item label="合同金额">
|
||||||
<el-option label="完成" value="完成" />
|
<el-input-number v-model="form.amount" :min="0" :step="1000" style="width: 100%;" />
|
||||||
<el-option label="作废" value="作废" />
|
</el-form-item>
|
||||||
</el-select>
|
</el-col>
|
||||||
</el-form-item>
|
<el-col :span="12">
|
||||||
<el-form-item label="合同内容">
|
<el-form-item label="状态">
|
||||||
<el-input v-model="form.contract_content" type="textarea" :rows="3" placeholder="合同条款/内容" />
|
<el-select v-model="form.status" style="width: 100%;">
|
||||||
|
<el-option label="待审批" value="待审批" />
|
||||||
|
<el-option label="生效中" value="生效中" />
|
||||||
|
<el-option label="已到期" value="已到期" />
|
||||||
|
<el-option label="已终止" value="已终止" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-form-item label="合同内容/条款">
|
||||||
|
<el-input v-model="form.contract_content" type="textarea" :rows="4" placeholder="请输入合同内容" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="备注">
|
<el-form-item label="备注">
|
||||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注信息" />
|
<el-input v-model="form.remark" type="textarea" :rows="2" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="saveContract">保存</el-button>
|
||||||
|
<el-button @click="cancelAdd">取消</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 合同详情弹窗 -->
|
||||||
|
<el-dialog v-model="showDetailDialog" title="合同详情" width="650px" @close="closeDetail">
|
||||||
|
<div v-if="currentDetail" class="detail-content">
|
||||||
|
<el-descriptions :column="2" border>
|
||||||
|
<el-descriptions-item label="合同编号">{{ currentDetail.contract_no }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="合同名称" :span="2">{{ currentDetail.contract_name }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="客户ID">{{ currentDetail.customer_id }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="业务员ID">{{ currentDetail.employee_id }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="合同金额" :span="2">
|
||||||
|
<span class="amount-text">¥{{ currentDetail.amount?.toLocaleString() }}</span>
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="状态">
|
||||||
|
<el-tag :type="getStatusType(currentDetail.status)">{{ currentDetail.status }}</el-tag>
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="生效日期">{{ currentDetail.effective_date }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="到期日期" :span="2">{{ currentDetail.expiry_date }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="合同内容" :span="2">
|
||||||
|
<div class="content-text">{{ currentDetail.contract_content || '无' }}</div>
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="备注" :span="2">
|
||||||
|
{{ currentDetail.remark || '无' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
<el-button @click="closeDetail">关闭</el-button>
|
||||||
<el-button type="primary" :loading="submitLoading" @click="handleSubmit">确定</el-button>
|
<el-button type="primary" @click="closeDetail(); editContract(currentDetail)">编辑</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import {ref, reactive, onMounted} from 'vue'
|
|
||||||
import {Search} from '@element-plus/icons-vue'
|
|
||||||
import {ElMessage, ElMessageBox} from 'element-plus'
|
|
||||||
import {getContractList, createContract, updateContract, deleteContract} from '../api/contract'
|
|
||||||
import {getCustomerList} from '../api/customer'
|
|
||||||
import {getEmployeeList} from '../api/employee'
|
|
||||||
|
|
||||||
const search = reactive({contract_no: '', customer_name: '', employee_name: '', status: ''})
|
|
||||||
const loading = ref(false)
|
|
||||||
const tableData = ref([])
|
|
||||||
const pagination = reactive({page: 1, pageSize: 10, total: 0})
|
|
||||||
|
|
||||||
const dialogVisible = ref(false)
|
|
||||||
const isEdit = ref(false)
|
|
||||||
const editId = ref(null)
|
|
||||||
const submitLoading = ref(false)
|
|
||||||
const formRef = ref(null)
|
|
||||||
|
|
||||||
// 下拉选项
|
|
||||||
const customerOptions = ref([])
|
|
||||||
const employeeOptions = ref([])
|
|
||||||
|
|
||||||
const form = reactive({
|
|
||||||
contract_name: '', contract_no: '', customer_id: null, employee_id: null,
|
|
||||||
amount: null, effective_date: '', expiry_date: '', status: '生效',
|
|
||||||
contract_content: '', remark: '',
|
|
||||||
})
|
|
||||||
|
|
||||||
const rules = {
|
|
||||||
contract_name: [{required: true, message: '请输入合同名称', trigger: 'blur'}],
|
|
||||||
customer_id: [{required: true, message: '请选择客户', trigger: 'change'}],
|
|
||||||
}
|
|
||||||
|
|
||||||
const statusType = (s) => ({'草稿': 'info', '生效': 'success', '完成': '', '作废': 'danger'}[s] || 'info')
|
|
||||||
|
|
||||||
const fetchList = async () => {
|
|
||||||
loading.value = true
|
|
||||||
try {
|
|
||||||
const params = {page: pagination.page, pageSize: pagination.pageSize, ...search}
|
|
||||||
Object.keys(params).forEach(k => { if (!params[k]) delete params[k] })
|
|
||||||
const res = await getContractList(params)
|
|
||||||
tableData.value = res.data.list
|
|
||||||
pagination.total = res.data.total
|
|
||||||
} catch {} finally { loading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
// 加载下拉选项
|
|
||||||
const loadOptions = async () => {
|
|
||||||
try {
|
|
||||||
const [cRes, eRes] = await Promise.all([
|
|
||||||
getCustomerList({pageSize: 100}),
|
|
||||||
getEmployeeList({pageSize: 100}),
|
|
||||||
])
|
|
||||||
customerOptions.value = cRes.data.list
|
|
||||||
employeeOptions.value = eRes.data.list
|
|
||||||
} catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSearch = () => { pagination.page = 1; fetchList() }
|
|
||||||
const resetSearch = () => {
|
|
||||||
Object.assign(search, {contract_no: '', customer_name: '', employee_name: '', status: ''})
|
|
||||||
handleSearch()
|
|
||||||
}
|
|
||||||
|
|
||||||
const openAdd = () => {
|
|
||||||
isEdit.value = false
|
|
||||||
editId.value = null
|
|
||||||
Object.assign(form, {
|
|
||||||
contract_name: '', contract_no: '', customer_id: null, employee_id: null,
|
|
||||||
amount: null, effective_date: '', expiry_date: '', status: '生效',
|
|
||||||
contract_content: '', remark: '',
|
|
||||||
})
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const openEdit = (row) => {
|
|
||||||
isEdit.value = true
|
|
||||||
editId.value = row.id
|
|
||||||
Object.assign(form, {
|
|
||||||
contract_name: row.contract_name || '',
|
|
||||||
contract_no: row.contract_no || '',
|
|
||||||
customer_id: row.customer_id,
|
|
||||||
employee_id: row.employee_id,
|
|
||||||
amount: row.amount,
|
|
||||||
effective_date: row.effective_date?.slice(0, 10) || '',
|
|
||||||
expiry_date: row.expiry_date?.slice(0, 10) || '',
|
|
||||||
status: row.status || '生效',
|
|
||||||
contract_content: row.contract_content || '',
|
|
||||||
remark: row.remark || '',
|
|
||||||
})
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSubmit = async () => {
|
|
||||||
if (!formRef.value) return
|
|
||||||
await formRef.value.validate()
|
|
||||||
submitLoading.value = true
|
|
||||||
try {
|
|
||||||
const payload = {...form}
|
|
||||||
if (!payload.employee_id) payload.employee_id = null
|
|
||||||
if (!payload.amount) payload.amount = null
|
|
||||||
if (isEdit.value) {
|
|
||||||
await updateContract(editId.value, payload)
|
|
||||||
ElMessage.success('更新成功')
|
|
||||||
} else {
|
|
||||||
await createContract(payload)
|
|
||||||
ElMessage.success('新增成功')
|
|
||||||
}
|
|
||||||
dialogVisible.value = false
|
|
||||||
fetchList()
|
|
||||||
} catch {} finally { submitLoading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleDelete = async (id) => {
|
|
||||||
try {
|
|
||||||
await ElMessageBox.confirm('确定删除该合同？', '提示', {type: 'warning'})
|
|
||||||
await deleteContract(id)
|
|
||||||
ElMessage.success('删除成功')
|
|
||||||
fetchList()
|
|
||||||
} catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => { fetchList(); loadOptions() })
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.page-container {
|
.contract-container {
|
||||||
background: #fff;
|
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
border-radius: 8px;
|
|
||||||
}
|
}
|
||||||
.search-bar {
|
|
||||||
|
.contract-search {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 15px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-buttons {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
margin-bottom: 16px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
.pagination-bar {
|
|
||||||
margin-top: 16px;
|
.filter-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
align-items: center;
|
||||||
|
margin-top: 15px;
|
||||||
|
padding-top: 15px;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
}
|
}
|
||||||
</style>
|
|
||||||
|
.filter-label {
|
||||||
|
color: #606266;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-header {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.total-count {
|
||||||
|
color: #909399;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-container, .empty-container {
|
||||||
|
padding: 40px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clickable-row {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail-content {
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.amount-text {
|
||||||
|
font-weight: 600;
|
||||||
|
color: #e6a23c;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-text {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
line-height: 1.6;
|
||||||
|
max-height: 120px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,268 +1,261 @@
|
|||||||
<template>
|
|
||||||
<div class="page-container">
|
|
||||||
<!-- 搜索栏 -->
|
|
||||||
<div class="search-bar">
|
|
||||||
<el-input
|
|
||||||
v-model="search.name"
|
|
||||||
placeholder="搜索客户姓名"
|
|
||||||
clearable
|
|
||||||
style="width: 200px"
|
|
||||||
@keyup.enter="handleSearch"
|
|
||||||
/>
|
|
||||||
<el-input
|
|
||||||
v-model="search.phone"
|
|
||||||
placeholder="搜索电话"
|
|
||||||
clearable
|
|
||||||
style="width: 200px"
|
|
||||||
@keyup.enter="handleSearch"
|
|
||||||
/>
|
|
||||||
<el-select v-model="search.customer_type" placeholder="客户类型" clearable style="width: 150px">
|
|
||||||
<el-option label="地区总代理" value="VIP" />
|
|
||||||
<el-option label="普通代理" value="Normal" />
|
|
||||||
</el-select>
|
|
||||||
<el-button type="primary" :icon="Search" @click="handleSearch">搜索</el-button>
|
|
||||||
<el-button @click="resetSearch">重置</el-button>
|
|
||||||
<el-button color="#E60012" @click="openAdd">新增客户</el-button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 表格 -->
|
|
||||||
<el-table :data="tableData" border v-loading="loading" stripe>
|
|
||||||
<el-table-column prop="id" label="ID" width="60" />
|
|
||||||
<el-table-column prop="name" label="姓名" width="100" />
|
|
||||||
<el-table-column prop="phone" label="电话" width="130" />
|
|
||||||
<el-table-column label="地区" width="200">
|
|
||||||
<template #default="{ row }">
|
|
||||||
{{ [row.province, row.city, row.district].filter(Boolean).join(' / ') || '-' }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="address" label="详细地址" min-width="150" show-overflow-tooltip />
|
|
||||||
<el-table-column prop="email" label="邮箱" width="160" show-overflow-tooltip />
|
|
||||||
<el-table-column prop="customer_type" label="类型" width="100">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-tag :type="row.customer_type === 'VIP' ? 'danger' : 'info'">
|
|
||||||
{{ row.customer_type === 'VIP' ? '总代理' : '普通代理' }}
|
|
||||||
</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="remark" label="备注" width="120" show-overflow-tooltip />
|
|
||||||
<el-table-column label="操作" width="150" fixed="right">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-button link type="primary" @click="openEdit(row)">编辑</el-button>
|
|
||||||
<el-button link type="danger" @click="handleDelete(row.id)">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<!-- 分页 -->
|
|
||||||
<div class="pagination-bar">
|
|
||||||
<el-pagination
|
|
||||||
v-model:current-page="pagination.page"
|
|
||||||
v-model:page-size="pagination.pageSize"
|
|
||||||
:total="pagination.total"
|
|
||||||
:page-sizes="[10, 20, 50]"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
@size-change="fetchList"
|
|
||||||
@current-change="fetchList"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 新增/编辑弹窗 -->
|
|
||||||
<el-dialog
|
|
||||||
v-model="dialogVisible"
|
|
||||||
:title="isEdit ? '编辑客户' : '新增客户'"
|
|
||||||
width="600px"
|
|
||||||
destroy-on-close
|
|
||||||
>
|
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px" label-position="top">
|
|
||||||
<el-form-item label="姓名" prop="name">
|
|
||||||
<el-input v-model="form.name" placeholder="请输入姓名" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="电话">
|
|
||||||
<el-input v-model="form.phone" placeholder="请输入电话" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="地区">
|
|
||||||
<el-cascader
|
|
||||||
v-model="form.region"
|
|
||||||
:options="regionData"
|
|
||||||
:props="{ expandTrigger: 'hover' }"
|
|
||||||
placeholder="请选择省/市/区"
|
|
||||||
clearable
|
|
||||||
style="width: 100%"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="详细地址">
|
|
||||||
<el-input v-model="form.address" placeholder="请输入详细地址" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="邮箱">
|
|
||||||
<el-input v-model="form.email" placeholder="请输入邮箱" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="客户类型">
|
|
||||||
<el-radio-group v-model="form.customer_type">
|
|
||||||
<el-radio value="VIP">地区总代理</el-radio>
|
|
||||||
<el-radio value="Normal">普通代理</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注">
|
|
||||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注信息" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<template #footer>
|
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
|
||||||
<el-button type="primary" :loading="submitLoading" @click="handleSubmit">确定</el-button>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {ref, reactive, onMounted} from 'vue'
|
|
||||||
import {Search} from '@element-plus/icons-vue'
|
|
||||||
import {ElMessage, ElMessageBox} from 'element-plus'
|
|
||||||
import {regionData} from 'element-china-area-data'
|
|
||||||
import {getCustomerList, createCustomer, updateCustomer, deleteCustomer} from '../api/customer'
|
|
||||||
|
|
||||||
// 搜索
|
import { Search } from '@element-plus/icons-vue'
|
||||||
const search = reactive({name: '', phone: '', customer_type: ''})
|
import { ref, onMounted, reactive } from 'vue'
|
||||||
const loading = ref(false)
|
import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
|
||||||
const tableData = ref([])
|
import { ElMessage } from 'element-plus'
|
||||||
const pagination = reactive({page: 1, pageSize: 10, total: 0})
|
import {
|
||||||
|
getCustomerList,
|
||||||
// 弹窗
|
createCustomer,
|
||||||
const dialogVisible = ref(false)
|
updateCustomer,
|
||||||
const isEdit = ref(false)
|
deleteCustomerAPI
|
||||||
const editId = ref(null)
|
} from '../api/customer'
|
||||||
const submitLoading = ref(false)
|
|
||||||
const formRef = ref(null)
|
|
||||||
|
|
||||||
const form = reactive({
|
const form = reactive({
|
||||||
name: '', phone: '', region: [], address: '', email: '', customer_type: 'Normal', remark: '',
|
id: '',
|
||||||
|
name: '', // 姓名，默认为空字符串
|
||||||
|
phone: '', // 电话，默认为空字符串
|
||||||
|
region: [], // 地区，默认为空数组（省市区三级代码）
|
||||||
|
address: '', // 详细地址，默认为空字符串
|
||||||
|
email: '', // 电子邮箱，默认为空字符串
|
||||||
|
customer_type: 'Normal' // 客户类型，默认选中"普通客户"
|
||||||
})
|
})
|
||||||
|
|
||||||
const rules = {
|
const search = ref('')
|
||||||
name: [{required: true, message: '请输入客户姓名', trigger: 'blur'}],
|
const select = ref('1')
|
||||||
}
|
const searchResults = ref([])
|
||||||
|
const showSearchResults = ref(false) //是否显示搜索结果
|
||||||
|
const showAddForm = ref(false) //是否显示新增表单
|
||||||
|
const isEditMode = ref(false) //是否为编辑模式
|
||||||
|
const currentCustomerId = ref(null) //当前编辑的客户的ID
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
// 获取列表
|
onMounted(() => {
|
||||||
const fetchList = async () => {
|
fetchData()
|
||||||
loading.value = true
|
})
|
||||||
try {
|
|
||||||
const params = {
|
//获取用户列表
|
||||||
page: pagination.page,
|
const fetchData = async () => {
|
||||||
pageSize: pagination.pageSize,
|
loading.value = true;
|
||||||
...search,
|
const res = await getCustomerList()
|
||||||
}
|
searchResults.value = res.data
|
||||||
// 清空空值
|
showSearchResults.value = true
|
||||||
Object.keys(params).forEach(k => { if (!params[k]) delete params[k] })
|
|
||||||
const res = await getCustomerList(params)
|
|
||||||
tableData.value = res.data.list
|
|
||||||
pagination.total = res.data.total
|
|
||||||
} catch {} finally {
|
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleSearch = () => {
|
//搜索
|
||||||
pagination.page = 1
|
const handleSearch = async () => {
|
||||||
fetchList()
|
loading.value = true
|
||||||
|
const res = await getCustomerList({ keyword: search.value, searchField: select.value })
|
||||||
|
searchResults.value = res.data
|
||||||
|
showSearchResults.value = true
|
||||||
|
loading.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
const resetSearch = () => {
|
// 清空表单
|
||||||
search.name = ''
|
const resetForm = () => {
|
||||||
search.phone = ''
|
form.id = ''
|
||||||
search.customer_type = ''
|
form.name = ''
|
||||||
handleSearch()
|
form.phone = ''
|
||||||
|
form.region = []
|
||||||
|
form.address = ''
|
||||||
|
form.email = ''
|
||||||
|
form.customer_type = 'Normal'
|
||||||
|
isEditMode.value = false
|
||||||
|
currentCustomerId.value = null
|
||||||
}
|
}
|
||||||
|
|
||||||
// 打开新增
|
// 显示新增表单
|
||||||
const openAdd = () => {
|
const addCustomer = () => {
|
||||||
isEdit.value = false
|
resetForm()
|
||||||
editId.value = null
|
showAddForm.value = true
|
||||||
Object.assign(form, {name: '', phone: '', region: [], address: '', email: '', customer_type: 'Normal', remark: ''})
|
showSearchResults.value = false
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 打开编辑
|
//编辑
|
||||||
const openEdit = (row) => {
|
const editCustomer = (row) => {
|
||||||
isEdit.value = true
|
isEditMode.value = true
|
||||||
editId.value = row.id
|
currentCustomerId.value = row.id
|
||||||
Object.assign(form, {
|
form.name = row.name
|
||||||
name: row.name || '',
|
form.phone = row.phone
|
||||||
phone: row.phone || '',
|
// 名称转回代码，让级联选择器显示
|
||||||
region: [],
|
form.region = [
|
||||||
address: row.address || '',
|
TextToCode[row.province]?.code || '',
|
||||||
email: row.email || '',
|
TextToCode[row.province]?.[row.city]?.code || '',
|
||||||
customer_type: row.customer_type || 'Normal',
|
TextToCode[row.province]?.[row.city]?.[row.district]?.code || ''
|
||||||
remark: row.remark || '',
|
]
|
||||||
})
|
form.address = row.address
|
||||||
dialogVisible.value = true
|
form.email = row.email
|
||||||
|
form.customer_type = row.customer_type
|
||||||
|
showAddForm.value = true
|
||||||
|
showSearchResults.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
// 提交
|
const saveCustomer = async () => {
|
||||||
const handleSubmit = async () => {
|
const formData = {
|
||||||
if (!formRef.value) return
|
name: form.name,
|
||||||
await formRef.value.validate()
|
phone: form.phone,
|
||||||
submitLoading.value = true
|
province: CodeToText[form.region[0]] || '',
|
||||||
try {
|
city: CodeToText[form.region[1]] || '',
|
||||||
// 从 region cascader 拆出省市区
|
district: CodeToText[form.region[2]] || '',
|
||||||
const [province, city, district] = form.region
|
address: form.address,
|
||||||
const payload = {
|
email: form.email,
|
||||||
name: form.name,
|
customer_type: form.customer_type
|
||||||
phone: form.phone || null,
|
|
||||||
province: province || null,
|
|
||||||
city: city || null,
|
|
||||||
district: district || null,
|
|
||||||
address: form.address || null,
|
|
||||||
email: form.email || null,
|
|
||||||
customer_type: form.customer_type,
|
|
||||||
remark: form.remark || null,
|
|
||||||
}
|
}
|
||||||
if (isEdit.value) {
|
if (isEditMode.value) {
|
||||||
await updateCustomer(editId.value, payload)
|
await updateCustomer(currentCustomerId.value, formData)
|
||||||
ElMessage.success('更新成功')
|
ElMessage.success('更新成功')
|
||||||
} else {
|
} else {
|
||||||
await createCustomer(payload)
|
await createCustomer(formData)
|
||||||
ElMessage.success('新增成功')
|
ElMessage.success('新增成功')
|
||||||
}
|
}
|
||||||
dialogVisible.value = false
|
|
||||||
fetchList()
|
cancelAdd()
|
||||||
} catch {} finally {
|
fetchData()
|
||||||
submitLoading.value = false
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 删除
|
// 删除
|
||||||
const handleDelete = async (id) => {
|
const deleteCustomer = async (id) => {
|
||||||
try {
|
ElMessageBox.confirm('确定删除该客户吗？', '提示', {
|
||||||
await ElMessageBox.confirm('确定删除该客户？', '提示', {type: 'warning'})
|
type: 'warning'
|
||||||
await deleteCustomer(id)
|
}).then(async () => {
|
||||||
ElMessage.success('删除成功')
|
await deleteCustomerAPI(id)
|
||||||
fetchList()
|
ElMessage.success('删除成功')
|
||||||
} catch {}
|
fetchData()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 取消
|
||||||
|
const cancelAdd = () => {
|
||||||
|
resetForm()
|
||||||
|
showAddForm.value = false
|
||||||
|
showSearchResults.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// 清空搜索
|
||||||
|
const clearSearch = () => {
|
||||||
|
search.value = ''
|
||||||
|
showSearchResults.value = false
|
||||||
|
showAddForm.value = false
|
||||||
|
fetchData()
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
fetchList()
|
|
||||||
})
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<template>
|
||||||
.page-container {
|
<div class="customer-container">
|
||||||
background: #fff;
|
<!-- 搜索栏区域 -->
|
||||||
padding: 20px;
|
<div class="customer-search">
|
||||||
border-radius: 8px;
|
<el-input v-model="search" style="max-width: 600px" placeholder="Please input"
|
||||||
}
|
class="customer-search-with-select" @keyup.enter="handleSearch">
|
||||||
|
<template #prepend>
|
||||||
|
<el-select v-model="select" placeholder="Select" style="width: 115px">
|
||||||
|
<el-option label="姓名" value="1" />
|
||||||
|
<el-option label="编号" value="2" />
|
||||||
|
<el-option label="电话" value="3" />
|
||||||
|
<el-option label="邮箱" value="4" />
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
<template #append>
|
||||||
|
<el-button :icon="Search" @click="handleSearch" />
|
||||||
|
</template>
|
||||||
|
</el-input>
|
||||||
|
|
||||||
.search-bar {
|
<el-button type="default" @click="clearSearch" style="margin-left:20px">
|
||||||
display: flex;
|
重置
|
||||||
gap: 10px;
|
</el-button>
|
||||||
margin-bottom: 16px;
|
<el-button color="#E60012" @click="addCustomer" style="margin-left: 20px">
|
||||||
flex-wrap: wrap;
|
新增客户
|
||||||
align-items: center;
|
</el-button>
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-bar {
|
</div>
|
||||||
margin-top: 16px;
|
|
||||||
display: flex;
|
<div v-if="showSearchResults" class="customer-list">
|
||||||
justify-content: flex-end;
|
<div v-if="loading" class="loading-container">
|
||||||
}
|
<el-skeleton :rows="5" animated />
|
||||||
</style>
|
</div>
|
||||||
|
|
||||||
|
<div v-else-if="searchResults.length === 0" class="empty-container">
|
||||||
|
<el-empty description="暂无数据" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div v-else class="customer-table">
|
||||||
|
<el-table :data="searchResults" v-loading="loading" border style="width: 100%">
|
||||||
|
<el-table-column prop="id" label="编号" width="80" />
|
||||||
|
<el-table-column prop="name" label="姓名" width="120" />
|
||||||
|
<el-table-column prop="phone" label="电话" width="150" />
|
||||||
|
<el-table-column label="地区" width="200">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ [row.province, row.city, row.district].filter(Boolean).join(' ') }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="address" label="详细地址" width="200" />
|
||||||
|
<el-table-column prop="email" label="电子邮箱" width="200" />
|
||||||
|
<el-table-column prop="remark" label="备注" width=""200 />
|
||||||
|
<el-table-column prop="customer_type" label="代理商类型" width="120">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag :type="row.customer_type === 'VIP' ? 'danger' : 'info'">
|
||||||
|
{{ row.customer_type === 'VIP' ? '地区总代理' : '加盟商' }}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="150" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button link type="primary" @click="editCustomer(row)">编辑</el-button>
|
||||||
|
<el-button link type="danger" @click="deleteCustomer(row.id)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<div style="margin-top: 10px; color: #909399; font-size: 14px;">
|
||||||
|
找到 {{ searchResults.length }} 条结果
|
||||||
|
<el-button link type="primary" @click="clearSearch">清空搜索</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 新增客户表单 -->
|
||||||
|
<div v-if="showAddForm" class="customer-info-label">
|
||||||
|
<el-divider content-position="left">{{ isEditMode ? '编辑客户信息' : '新增客户' }}</el-divider>
|
||||||
|
<el-form :model="form" label-width="auto" style="max-width: 600px" label-position="top">
|
||||||
|
<el-form-item label="姓名">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入姓名" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="电话">
|
||||||
|
<el-input v-model="form.phone" :controls="false" :min="0" :max="99999999999" :precision="0"
|
||||||
|
placeholder="请输入11位手机号" style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="地区">
|
||||||
|
<el-cascader v-model="form.region" :options="regionData" :props="{ expandTrigger: 'hover' }"
|
||||||
|
placeholder="请选择省/市/区" clearable style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="详细地址">
|
||||||
|
<el-input v-model="form.address" placeholder=" 请输入详细地址" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="电子邮箱">
|
||||||
|
<el-input v-model="form.email" placeholder=" 请输入邮箱地址" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="代理商类型">
|
||||||
|
<el-radio-group v-model="form.customer_type">
|
||||||
|
<el-radio value="VIP">地区总代理</el-radio>
|
||||||
|
<el-radio value="Normal">加盟商</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="saveCustomer">保存</el-button>
|
||||||
|
<el-button type="danger" @click="cancelAdd">取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
@@ -1,266 +1,11 @@
|
|||||||
<template>
|
|
||||||
<div class="page-container">
|
|
||||||
<!-- 搜索栏 -->
|
|
||||||
<div class="search-bar">
|
|
||||||
<el-input v-model="search.name" placeholder="员工姓名" clearable style="width: 200px" @keyup.enter="handleSearch" />
|
|
||||||
<el-input v-model="search.department" placeholder="部门" clearable style="width: 180px" @keyup.enter="handleSearch" />
|
|
||||||
<el-select v-model="search.status" placeholder="在职状态" clearable style="width: 130px">
|
|
||||||
<el-option label="在职" :value="1" />
|
|
||||||
<el-option label="离职" :value="0" />
|
|
||||||
</el-select>
|
|
||||||
<el-button type="primary" :icon="Search" @click="handleSearch">搜索</el-button>
|
|
||||||
<el-button @click="resetSearch">重置</el-button>
|
|
||||||
<el-button color="#E60012" @click="openAdd">新增员工</el-button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 表格 -->
|
|
||||||
<el-table :data="tableData" border v-loading="loading" stripe>
|
|
||||||
<el-table-column prop="id" label="ID" width="60" />
|
|
||||||
<el-table-column prop="name" label="姓名" width="90" />
|
|
||||||
<el-table-column prop="gender" label="性别" width="60" />
|
|
||||||
<el-table-column prop="age" label="年龄" width="60" />
|
|
||||||
<el-table-column prop="education" label="学历" width="80" />
|
|
||||||
<el-table-column prop="department" label="部门" width="100" />
|
|
||||||
<el-table-column prop="position" label="职务" width="100" />
|
|
||||||
<el-table-column prop="entry_date" label="入职日期" width="110">
|
|
||||||
<template #default="{ row }">{{ row.entry_date?.slice(0, 10) || '-' }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="salary" label="工资" width="90">
|
|
||||||
<template #default="{ row }">{{ row.salary != null ? '¥' + row.salary : '-' }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="phone" label="电话" width="120" />
|
|
||||||
<el-table-column prop="email" label="邮箱" width="160" show-overflow-tooltip />
|
|
||||||
<el-table-column prop="status" label="状态" width="70">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-tag :type="row.status === 1 ? 'success' : 'danger'">{{ row.status === 1 ? '在职' : '离职' }}</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="remark" label="备注" width="120" show-overflow-tooltip />
|
|
||||||
<el-table-column label="操作" width="150" fixed="right">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-button link type="primary" @click="openEdit(row)">编辑</el-button>
|
|
||||||
<el-button link type="danger" @click="handleDelete(row.id)">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<!-- 分页 -->
|
|
||||||
<div class="pagination-bar">
|
|
||||||
<el-pagination
|
|
||||||
v-model:current-page="pagination.page"
|
|
||||||
v-model:page-size="pagination.pageSize"
|
|
||||||
:total="pagination.total"
|
|
||||||
:page-sizes="[10, 20, 50]"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
@size-change="fetchList"
|
|
||||||
@current-change="fetchList"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 新增/编辑弹窗 -->
|
|
||||||
<el-dialog v-model="dialogVisible" :title="isEdit ? '编辑员工' : '新增员工'" width="650px" destroy-on-close>
|
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px" label-position="top">
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="姓名" prop="name">
|
|
||||||
<el-input v-model="form.name" placeholder="姓名" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="性别">
|
|
||||||
<el-select v-model="form.gender" placeholder="选择" style="width:100%">
|
|
||||||
<el-option label="男" value="男" />
|
|
||||||
<el-option label="女" value="女" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="年龄">
|
|
||||||
<el-input-number v-model="form.age" :min="18" :max="70" controls-position="right" style="width:100%" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="学历">
|
|
||||||
<el-select v-model="form.education" placeholder="选择" clearable style="width:100%">
|
|
||||||
<el-option label="高中" value="高中" />
|
|
||||||
<el-option label="专科" value="专科" />
|
|
||||||
<el-option label="本科" value="本科" />
|
|
||||||
<el-option label="硕士" value="硕士" />
|
|
||||||
<el-option label="博士" value="博士" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="部门">
|
|
||||||
<el-input v-model="form.department" placeholder="所属部门" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="职务">
|
|
||||||
<el-input v-model="form.position" placeholder="职务/岗位" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="入职日期">
|
|
||||||
<el-date-picker v-model="form.entry_date" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" style="width:100%" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="工资">
|
|
||||||
<el-input-number v-model="form.salary" :min="0" :precision="2" controls-position="right" style="width:100%" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="在职状态">
|
|
||||||
<el-select v-model="form.status" style="width:100%">
|
|
||||||
<el-option label="在职" :value="1" />
|
|
||||||
<el-option label="离职" :value="0" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="电话">
|
|
||||||
<el-input v-model="form.phone" placeholder="联系电话" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="邮箱">
|
|
||||||
<el-input v-model="form.email" placeholder="电子邮箱" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-form-item label="备注">
|
|
||||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注信息" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<template #footer>
|
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
|
||||||
<el-button type="primary" :loading="submitLoading" @click="handleSubmit">确定</el-button>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {ref, reactive, onMounted} from 'vue'
|
|
||||||
import {Search} from '@element-plus/icons-vue'
|
|
||||||
import {ElMessage, ElMessageBox} from 'element-plus'
|
|
||||||
import {getEmployeeList, createEmployee, updateEmployee, deleteEmployee} from '../api/employee'
|
|
||||||
|
|
||||||
const search = reactive({name: '', department: '', status: ''})
|
|
||||||
const loading = ref(false)
|
|
||||||
const tableData = ref([])
|
|
||||||
const pagination = reactive({page: 1, pageSize: 10, total: 0})
|
|
||||||
|
|
||||||
const dialogVisible = ref(false)
|
|
||||||
const isEdit = ref(false)
|
|
||||||
const editId = ref(null)
|
|
||||||
const submitLoading = ref(false)
|
|
||||||
const formRef = ref(null)
|
|
||||||
|
|
||||||
const defaultForm = () => ({
|
|
||||||
name: '', gender: '男', age: null, education: '', department: '',
|
|
||||||
entry_date: '', position: '', salary: null, phone: '', email: '',
|
|
||||||
status: 1, remark: '',
|
|
||||||
})
|
|
||||||
|
|
||||||
const form = reactive(defaultForm())
|
|
||||||
|
|
||||||
const rules = {
|
|
||||||
name: [{required: true, message: '请输入员工姓名', trigger: 'blur'}],
|
|
||||||
}
|
|
||||||
|
|
||||||
const fetchList = async () => {
|
|
||||||
loading.value = true
|
|
||||||
try {
|
|
||||||
const params = {page: pagination.page, pageSize: pagination.pageSize, ...search}
|
|
||||||
Object.keys(params).forEach(k => { if (params[k] === '' || params[k] === null) delete params[k] })
|
|
||||||
const res = await getEmployeeList(params)
|
|
||||||
tableData.value = res.data.list
|
|
||||||
pagination.total = res.data.total
|
|
||||||
} catch {} finally { loading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSearch = () => { pagination.page = 1; fetchList() }
|
|
||||||
const resetSearch = () => {
|
|
||||||
Object.assign(search, {name: '', department: '', status: ''})
|
|
||||||
handleSearch()
|
|
||||||
}
|
|
||||||
|
|
||||||
const openAdd = () => {
|
|
||||||
isEdit.value = false
|
|
||||||
editId.value = null
|
|
||||||
Object.assign(form, defaultForm())
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const openEdit = (row) => {
|
|
||||||
isEdit.value = true
|
|
||||||
editId.value = row.id
|
|
||||||
Object.assign(form, {
|
|
||||||
name: row.name || '', gender: row.gender || '男', age: row.age,
|
|
||||||
education: row.education || '', department: row.department || '',
|
|
||||||
entry_date: row.entry_date?.slice(0, 10) || '', position: row.position || '',
|
|
||||||
salary: row.salary, phone: row.phone || '', email: row.email || '',
|
|
||||||
status: row.status ?? 1, remark: row.remark || '',
|
|
||||||
})
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSubmit = async () => {
|
|
||||||
if (!formRef.value) return
|
|
||||||
await formRef.value.validate()
|
|
||||||
submitLoading.value = true
|
|
||||||
try {
|
|
||||||
const payload = {...form}
|
|
||||||
if (!payload.age) payload.age = null
|
|
||||||
if (!payload.entry_date) payload.entry_date = null
|
|
||||||
if (isEdit.value) {
|
|
||||||
await updateEmployee(editId.value, payload)
|
|
||||||
ElMessage.success('更新成功')
|
|
||||||
} else {
|
|
||||||
await createEmployee(payload)
|
|
||||||
ElMessage.success('新增成功')
|
|
||||||
}
|
|
||||||
dialogVisible.value = false
|
|
||||||
fetchList()
|
|
||||||
} catch {} finally { submitLoading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleDelete = async (id) => {
|
|
||||||
try {
|
|
||||||
await ElMessageBox.confirm('确定删除该员工？', '提示', {type: 'warning'})
|
|
||||||
await deleteEmployee(id)
|
|
||||||
ElMessage.success('删除成功')
|
|
||||||
fetchList()
|
|
||||||
} catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => { fetchList() })
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<h1>hello ,im 3</h1>
|
||||||
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.page-container {
|
|
||||||
background: #fff;
|
</style>
|
||||||
padding: 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
.search-bar {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.pagination-bar {
|
|
||||||
margin-top: 16px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,42 +1,13 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import {ref, computed} from 'vue'
|
import {ref} from 'vue'
|
||||||
import {useRoute, useRouter} from 'vue-router'
|
import {useRoute} from 'vue-router'
|
||||||
import {ElMessageBox} from 'element-plus'
|
|
||||||
|
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const router = useRouter()
|
|
||||||
|
|
||||||
const isCollapse = ref(false)
|
const isCollapse = ref(false)
|
||||||
const switchFold = () => {
|
const switchFold = () => {
|
||||||
isCollapse.value = !isCollapse.value
|
isCollapse.value = !isCollapse.value
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取当前用户信息
|
|
||||||
const userInfo = computed(() => {
|
|
||||||
try {
|
|
||||||
return JSON.parse(localStorage.getItem('userInfo') || '{}')
|
|
||||||
} catch {
|
|
||||||
return {}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const isAdmin = computed(() => userInfo.value.role === 'admin')
|
|
||||||
|
|
||||||
// 退出登录
|
|
||||||
const handleLogout = async () => {
|
|
||||||
try {
|
|
||||||
await ElMessageBox.confirm('确定退出登录？', '提示', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
})
|
|
||||||
localStorage.removeItem('token')
|
|
||||||
localStorage.removeItem('userInfo')
|
|
||||||
router.push('/login')
|
|
||||||
} catch {
|
|
||||||
// 取消
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -55,14 +26,11 @@ const handleLogout = async () => {
|
|||||||
<h1 class="logo-title">蜜雪冰城管理系统</h1>
|
<h1 class="logo-title">蜜雪冰城管理系统</h1>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
|
|
||||||
<!-- 右侧用户信息 + 退出 -->
|
<!-- 右侧退出 -->
|
||||||
<div class="header-right">
|
<el-menu-item index="/login" class="logout-item">
|
||||||
<span class="user-name">{{ userInfo.real_name || userInfo.username || '用户' }}</span>
|
<el-icon><SwitchButton/></el-icon>
|
||||||
<el-button type="danger" text @click="handleLogout">
|
<template #title>退出登录</template>
|
||||||
<el-icon><SwitchButton /></el-icon>
|
</el-menu-item>
|
||||||
退出登录
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</el-menu>
|
</el-menu>
|
||||||
</el-header>
|
</el-header>
|
||||||
|
|
||||||
@@ -95,18 +63,17 @@ const handleLogout = async () => {
|
|||||||
<template #title>售后管理</template>
|
<template #title>售后管理</template>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
|
|
||||||
<el-menu-item index="/panel/product">
|
<el-menu-item index="/panel/products">
|
||||||
<el-icon><Goods /></el-icon>
|
<el-icon><IceTea /></el-icon>
|
||||||
<template #title>产品管理</template>
|
<template #title>产品管理</template>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
|
|
||||||
<el-menu-item index="/panel/employee">
|
<el-menu-item index="/panel/employee">
|
||||||
<el-icon><UserFilled /></el-icon>
|
<el-icon><User /></el-icon>
|
||||||
<template #title>员工管理</template>
|
<template #title>员工管理</template>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
|
|
||||||
<!-- 用户管理仅管理员可见 -->
|
<el-menu-item index="/panel/user">
|
||||||
<el-menu-item v-if="isAdmin" index="/panel/user">
|
|
||||||
<el-icon><User /></el-icon>
|
<el-icon><User /></el-icon>
|
||||||
<template #title>用户管理</template>
|
<template #title>用户管理</template>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
@@ -144,14 +111,21 @@ const handleLogout = async () => {
|
|||||||
.header-menu {
|
.header-menu {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
border-bottom: none !important;
|
border-bottom: none !important;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-item {
|
.logo-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-item.is-active {
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-item.is-active::after {
|
||||||
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-img {
|
.logo-img {
|
||||||
@@ -168,17 +142,13 @@ const handleLogout = async () => {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-right {
|
.logout-item {
|
||||||
margin-left: auto;
|
margin-left: auto !important;
|
||||||
display: flex;
|
color: #909399;
|
||||||
align-items: center;
|
|
||||||
gap: 16px;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-name {
|
.logout-item:hover {
|
||||||
font-size: 14px;
|
color: #E60012 !important;
|
||||||
color: #606266;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========== 侧边栏 ========== */
|
/* ========== 侧边栏 ========== */
|
||||||
|
|||||||
@@ -1,213 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="page-container">
|
|
||||||
<!-- 搜索栏 -->
|
|
||||||
<div class="search-bar">
|
|
||||||
<el-input v-model="search.name" placeholder="产品名称" clearable style="width: 200px" @keyup.enter="handleSearch" />
|
|
||||||
<el-input v-model="search.type" placeholder="产品类型" clearable style="width: 180px" @keyup.enter="handleSearch" />
|
|
||||||
<el-input v-model="search.supplier" placeholder="供应商" clearable style="width: 180px" @keyup.enter="handleSearch" />
|
|
||||||
<el-button type="primary" :icon="Search" @click="handleSearch">搜索</el-button>
|
|
||||||
<el-button @click="resetSearch">重置</el-button>
|
|
||||||
<el-button color="#E60012" @click="openAdd">新增产品</el-button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 表格 -->
|
|
||||||
<el-table :data="tableData" border v-loading="loading" stripe>
|
|
||||||
<el-table-column prop="id" label="ID" width="60" />
|
|
||||||
<el-table-column prop="name" label="产品名称" min-width="150" show-overflow-tooltip />
|
|
||||||
<el-table-column prop="type" label="类型" width="100" />
|
|
||||||
<el-table-column prop="quantity" label="库存" width="80" />
|
|
||||||
<el-table-column prop="price" label="单价" width="90">
|
|
||||||
<template #default="{ row }">¥{{ row.price }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="unit" label="单位" width="60" />
|
|
||||||
<el-table-column prop="specification" label="规格" width="120" show-overflow-tooltip />
|
|
||||||
<el-table-column prop="supplier" label="供应商" width="130" show-overflow-tooltip />
|
|
||||||
<el-table-column prop="remark" label="备注" width="120" show-overflow-tooltip />
|
|
||||||
<el-table-column label="操作" width="150" fixed="right">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-button link type="primary" @click="openEdit(row)">编辑</el-button>
|
|
||||||
<el-button link type="danger" @click="handleDelete(row.id)">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<!-- 分页 -->
|
|
||||||
<div class="pagination-bar">
|
|
||||||
<el-pagination
|
|
||||||
v-model:current-page="pagination.page"
|
|
||||||
v-model:page-size="pagination.pageSize"
|
|
||||||
:total="pagination.total"
|
|
||||||
:page-sizes="[10, 20, 50]"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
@size-change="fetchList"
|
|
||||||
@current-change="fetchList"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 新增/编辑弹窗 -->
|
|
||||||
<el-dialog v-model="dialogVisible" :title="isEdit ? '编辑产品' : '新增产品'" width="600px" destroy-on-close>
|
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px" label-position="top">
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="产品名称" prop="name">
|
|
||||||
<el-input v-model="form.name" placeholder="产品名称" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="类型">
|
|
||||||
<el-input v-model="form.type" placeholder="产品类型" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="库存">
|
|
||||||
<el-input-number v-model="form.quantity" :min="0" controls-position="right" style="width:100%" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="单价">
|
|
||||||
<el-input-number v-model="form.price" :min="0" :precision="2" controls-position="right" style="width:100%" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="单位">
|
|
||||||
<el-input v-model="form.unit" placeholder="件" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="规格">
|
|
||||||
<el-input v-model="form.specification" placeholder="产品规格/型号" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="供应商">
|
|
||||||
<el-input v-model="form.supplier" placeholder="供应商名称" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-form-item label="备注">
|
|
||||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注信息" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<template #footer>
|
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
|
||||||
<el-button type="primary" :loading="submitLoading" @click="handleSubmit">确定</el-button>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import {ref, reactive, onMounted} from 'vue'
|
|
||||||
import {Search} from '@element-plus/icons-vue'
|
|
||||||
import {ElMessage, ElMessageBox} from 'element-plus'
|
|
||||||
import {getProductList, createProduct, updateProduct, deleteProduct} from '../api/product'
|
|
||||||
|
|
||||||
const search = reactive({name: '', type: '', supplier: ''})
|
|
||||||
const loading = ref(false)
|
|
||||||
const tableData = ref([])
|
|
||||||
const pagination = reactive({page: 1, pageSize: 10, total: 0})
|
|
||||||
|
|
||||||
const dialogVisible = ref(false)
|
|
||||||
const isEdit = ref(false)
|
|
||||||
const editId = ref(null)
|
|
||||||
const submitLoading = ref(false)
|
|
||||||
const formRef = ref(null)
|
|
||||||
|
|
||||||
const defaultForm = () => ({
|
|
||||||
name: '', type: '', quantity: 0, price: 0, unit: '件',
|
|
||||||
specification: '', supplier: '', remark: '',
|
|
||||||
})
|
|
||||||
|
|
||||||
const form = reactive(defaultForm())
|
|
||||||
|
|
||||||
const rules = {
|
|
||||||
name: [{required: true, message: '请输入产品名称', trigger: 'blur'}],
|
|
||||||
}
|
|
||||||
|
|
||||||
const fetchList = async () => {
|
|
||||||
loading.value = true
|
|
||||||
try {
|
|
||||||
const params = {page: pagination.page, pageSize: pagination.pageSize, ...search}
|
|
||||||
Object.keys(params).forEach(k => { if (!params[k]) delete params[k] })
|
|
||||||
const res = await getProductList(params)
|
|
||||||
tableData.value = res.data.list
|
|
||||||
pagination.total = res.data.total
|
|
||||||
} catch {} finally { loading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSearch = () => { pagination.page = 1; fetchList() }
|
|
||||||
const resetSearch = () => {
|
|
||||||
Object.assign(search, {name: '', type: '', supplier: ''})
|
|
||||||
handleSearch()
|
|
||||||
}
|
|
||||||
|
|
||||||
const openAdd = () => {
|
|
||||||
isEdit.value = false
|
|
||||||
editId.value = null
|
|
||||||
Object.assign(form, defaultForm())
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const openEdit = (row) => {
|
|
||||||
isEdit.value = true
|
|
||||||
editId.value = row.id
|
|
||||||
Object.assign(form, {
|
|
||||||
name: row.name || '', type: row.type || '', quantity: row.quantity ?? 0,
|
|
||||||
price: row.price ?? 0, unit: row.unit || '件', specification: row.specification || '',
|
|
||||||
supplier: row.supplier || '', remark: row.remark || '',
|
|
||||||
})
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSubmit = async () => {
|
|
||||||
if (!formRef.value) return
|
|
||||||
await formRef.value.validate()
|
|
||||||
submitLoading.value = true
|
|
||||||
try {
|
|
||||||
if (isEdit.value) {
|
|
||||||
await updateProduct(editId.value, {...form})
|
|
||||||
ElMessage.success('更新成功')
|
|
||||||
} else {
|
|
||||||
await createProduct({...form})
|
|
||||||
ElMessage.success('新增成功')
|
|
||||||
}
|
|
||||||
dialogVisible.value = false
|
|
||||||
fetchList()
|
|
||||||
} catch {} finally { submitLoading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleDelete = async (id) => {
|
|
||||||
try {
|
|
||||||
await ElMessageBox.confirm('确定删除该产品？', '提示', {type: 'warning'})
|
|
||||||
await deleteProduct(id)
|
|
||||||
ElMessage.success('删除成功')
|
|
||||||
fetchList()
|
|
||||||
} catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => { fetchList() })
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.page-container {
|
|
||||||
background: #fff;
|
|
||||||
padding: 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
.search-bar {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.pagination-bar {
|
|
||||||
margin-top: 16px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
11
src/components/products.vue
Normal file
11
src/components/products.vue
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<script setup>
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<h1>hello ,im 3</h1>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -1,237 +1,11 @@
|
|||||||
<template>
|
|
||||||
<div class="page-container">
|
|
||||||
<!-- 搜索栏 -->
|
|
||||||
<div class="search-bar">
|
|
||||||
<el-input v-model="search.customer_name" placeholder="客户名称" clearable style="width: 200px" @keyup.enter="handleSearch" />
|
|
||||||
<el-select v-model="search.handle_status" placeholder="处理状态" clearable style="width: 150px">
|
|
||||||
<el-option label="待处理" value="待处理" />
|
|
||||||
<el-option label="处理中" value="处理中" />
|
|
||||||
<el-option label="已完成" value="已完成" />
|
|
||||||
</el-select>
|
|
||||||
<el-button type="primary" :icon="Search" @click="handleSearch">搜索</el-button>
|
|
||||||
<el-button @click="resetSearch">重置</el-button>
|
|
||||||
<el-button color="#E60012" @click="openAdd">新增售后</el-button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 表格 -->
|
|
||||||
<el-table :data="tableData" border v-loading="loading" stripe>
|
|
||||||
<el-table-column prop="id" label="ID" width="60" />
|
|
||||||
<el-table-column prop="customer_name" label="客户" width="100" />
|
|
||||||
<el-table-column prop="feedback" label="反馈内容" min-width="200" show-overflow-tooltip />
|
|
||||||
<el-table-column prop="employee_name" label="处理人" width="100" />
|
|
||||||
<el-table-column prop="handle_method" label="处理方式" width="150" show-overflow-tooltip />
|
|
||||||
<el-table-column prop="handle_status" label="状态" width="100">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-tag :type="statusType(row.handle_status)">{{ row.handle_status }}</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="service_date" label="售后日期" width="110">
|
|
||||||
<template #default="{ row }">{{ row.service_date?.slice(0, 10) || '-' }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="remark" label="备注" width="120" show-overflow-tooltip />
|
|
||||||
<el-table-column label="操作" width="150" fixed="right">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-button link type="primary" @click="openEdit(row)">编辑</el-button>
|
|
||||||
<el-button link type="danger" @click="handleDelete(row.id)">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<!-- 分页 -->
|
|
||||||
<div class="pagination-bar">
|
|
||||||
<el-pagination
|
|
||||||
v-model:current-page="pagination.page"
|
|
||||||
v-model:page-size="pagination.pageSize"
|
|
||||||
:total="pagination.total"
|
|
||||||
:page-sizes="[10, 20, 50]"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
@size-change="fetchList"
|
|
||||||
@current-change="fetchList"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 新增/编辑弹窗 -->
|
|
||||||
<el-dialog v-model="dialogVisible" :title="isEdit ? '编辑售后' : '新增售后'" width="600px" destroy-on-close>
|
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="90px" label-position="top">
|
|
||||||
<el-form-item label="客户" prop="customer_id">
|
|
||||||
<el-select v-model="form.customer_id" filterable placeholder="选择客户" style="width:100%">
|
|
||||||
<el-option v-for="c in customerOptions" :key="c.id" :label="c.name" :value="c.id" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="反馈内容" prop="feedback">
|
|
||||||
<el-input v-model="form.feedback" type="textarea" :rows="3" placeholder="客户反馈内容" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="处理人">
|
|
||||||
<el-select v-model="form.employee_id" filterable placeholder="选择处理人" clearable style="width:100%">
|
|
||||||
<el-option v-for="e in employeeOptions" :key="e.id" :label="e.name" :value="e.id" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="处理状态">
|
|
||||||
<el-select v-model="form.handle_status" style="width:100%">
|
|
||||||
<el-option label="待处理" value="待处理" />
|
|
||||||
<el-option label="处理中" value="处理中" />
|
|
||||||
<el-option label="已完成" value="已完成" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-form-item label="售后日期">
|
|
||||||
<el-date-picker v-model="form.service_date" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" style="width:100%" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="处理方式">
|
|
||||||
<el-input v-model="form.handle_method" type="textarea" :rows="2" placeholder="处理方式/解决方案" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注">
|
|
||||||
<el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注信息" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<template #footer>
|
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
|
||||||
<el-button type="primary" :loading="submitLoading" @click="handleSubmit">确定</el-button>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {ref, reactive, onMounted} from 'vue'
|
|
||||||
import {Search} from '@element-plus/icons-vue'
|
|
||||||
import {ElMessage, ElMessageBox} from 'element-plus'
|
|
||||||
import {getAfterSalesList, createAfterSales, updateAfterSales, deleteAfterSales} from '../api/afterSales'
|
|
||||||
import {getCustomerList} from '../api/customer'
|
|
||||||
import {getEmployeeList} from '../api/employee'
|
|
||||||
|
|
||||||
const search = reactive({customer_name: '', handle_status: ''})
|
|
||||||
const loading = ref(false)
|
|
||||||
const tableData = ref([])
|
|
||||||
const pagination = reactive({page: 1, pageSize: 10, total: 0})
|
|
||||||
|
|
||||||
const dialogVisible = ref(false)
|
|
||||||
const isEdit = ref(false)
|
|
||||||
const editId = ref(null)
|
|
||||||
const submitLoading = ref(false)
|
|
||||||
const formRef = ref(null)
|
|
||||||
|
|
||||||
const customerOptions = ref([])
|
|
||||||
const employeeOptions = ref([])
|
|
||||||
|
|
||||||
const form = reactive({
|
|
||||||
customer_id: null, feedback: '', employee_id: null,
|
|
||||||
handle_method: '', handle_status: '待处理', service_date: '', remark: '',
|
|
||||||
})
|
|
||||||
|
|
||||||
const rules = {
|
|
||||||
customer_id: [{required: true, message: '请选择客户', trigger: 'change'}],
|
|
||||||
feedback: [{required: true, message: '请输入反馈内容', trigger: 'blur'}],
|
|
||||||
}
|
|
||||||
|
|
||||||
const statusType = (s) => ({'待处理': 'warning', '处理中': 'info', '已完成': 'success'}[s] || 'info')
|
|
||||||
|
|
||||||
const fetchList = async () => {
|
|
||||||
loading.value = true
|
|
||||||
try {
|
|
||||||
const params = {page: pagination.page, pageSize: pagination.pageSize, ...search}
|
|
||||||
Object.keys(params).forEach(k => { if (!params[k]) delete params[k] })
|
|
||||||
const res = await getAfterSalesList(params)
|
|
||||||
tableData.value = res.data.list
|
|
||||||
pagination.total = res.data.total
|
|
||||||
} catch {} finally { loading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadOptions = async () => {
|
|
||||||
try {
|
|
||||||
const [cRes, eRes] = await Promise.all([
|
|
||||||
getCustomerList({pageSize: 100}),
|
|
||||||
getEmployeeList({pageSize: 100}),
|
|
||||||
])
|
|
||||||
customerOptions.value = cRes.data.list
|
|
||||||
employeeOptions.value = eRes.data.list
|
|
||||||
} catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSearch = () => { pagination.page = 1; fetchList() }
|
|
||||||
const resetSearch = () => {
|
|
||||||
Object.assign(search, {customer_name: '', handle_status: ''})
|
|
||||||
handleSearch()
|
|
||||||
}
|
|
||||||
|
|
||||||
const openAdd = () => {
|
|
||||||
isEdit.value = false
|
|
||||||
editId.value = null
|
|
||||||
Object.assign(form, {
|
|
||||||
customer_id: null, feedback: '', employee_id: null,
|
|
||||||
handle_method: '', handle_status: '待处理', service_date: '', remark: '',
|
|
||||||
})
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const openEdit = (row) => {
|
|
||||||
isEdit.value = true
|
|
||||||
editId.value = row.id
|
|
||||||
Object.assign(form, {
|
|
||||||
customer_id: row.customer_id,
|
|
||||||
feedback: row.feedback || '',
|
|
||||||
employee_id: row.employee_id,
|
|
||||||
handle_method: row.handle_method || '',
|
|
||||||
handle_status: row.handle_status || '待处理',
|
|
||||||
service_date: row.service_date?.slice(0, 10) || '',
|
|
||||||
remark: row.remark || '',
|
|
||||||
})
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSubmit = async () => {
|
|
||||||
if (!formRef.value) return
|
|
||||||
await formRef.value.validate()
|
|
||||||
submitLoading.value = true
|
|
||||||
try {
|
|
||||||
const payload = {...form}
|
|
||||||
if (!payload.employee_id) payload.employee_id = null
|
|
||||||
if (!payload.service_date) payload.service_date = null
|
|
||||||
if (isEdit.value) {
|
|
||||||
await updateAfterSales(editId.value, payload)
|
|
||||||
ElMessage.success('更新成功')
|
|
||||||
} else {
|
|
||||||
await createAfterSales(payload)
|
|
||||||
ElMessage.success('新增成功')
|
|
||||||
}
|
|
||||||
dialogVisible.value = false
|
|
||||||
fetchList()
|
|
||||||
} catch {} finally { submitLoading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleDelete = async (id) => {
|
|
||||||
try {
|
|
||||||
await ElMessageBox.confirm('确定删除该售后记录？', '提示', {type: 'warning'})
|
|
||||||
await deleteAfterSales(id)
|
|
||||||
ElMessage.success('删除成功')
|
|
||||||
fetchList()
|
|
||||||
} catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => { fetchList(); loadOptions() })
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<h1>hello ,im 3</h1>
|
||||||
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.page-container {
|
|
||||||
background: #fff;
|
</style>
|
||||||
padding: 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
.search-bar {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.pagination-bar {
|
|
||||||
margin-top: 16px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,216 +1,11 @@
|
|||||||
<template>
|
|
||||||
<div class="page-container">
|
|
||||||
<!-- 搜索栏 -->
|
|
||||||
<div class="search-bar">
|
|
||||||
<el-input v-model="search.username" placeholder="用户名" clearable style="width: 200px" @keyup.enter="handleSearch" />
|
|
||||||
<el-select v-model="search.role" placeholder="角色" clearable style="width: 130px">
|
|
||||||
<el-option label="管理员" value="admin" />
|
|
||||||
<el-option label="普通用户" value="user" />
|
|
||||||
</el-select>
|
|
||||||
<el-select v-model="search.status" placeholder="状态" clearable style="width: 130px">
|
|
||||||
<el-option label="启用" :value="1" />
|
|
||||||
<el-option label="禁用" :value="0" />
|
|
||||||
</el-select>
|
|
||||||
<el-button type="primary" :icon="Search" @click="handleSearch">搜索</el-button>
|
|
||||||
<el-button @click="resetSearch">重置</el-button>
|
|
||||||
<el-button color="#E60012" @click="openAdd">新增用户</el-button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 表格 -->
|
|
||||||
<el-table :data="tableData" border v-loading="loading" stripe>
|
|
||||||
<el-table-column prop="id" label="ID" width="60" />
|
|
||||||
<el-table-column prop="username" label="用户名" width="120" />
|
|
||||||
<el-table-column prop="real_name" label="真实姓名" width="120" />
|
|
||||||
<el-table-column prop="role" label="角色" width="100">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-tag :type="row.role === 'admin' ? 'danger' : 'info'">
|
|
||||||
{{ row.role === 'admin' ? '管理员' : '普通用户' }}
|
|
||||||
</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="status" label="状态" width="80">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-tag :type="row.status === 1 ? 'success' : 'danger'">{{ row.status === 1 ? '启用' : '禁用' }}</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="created_at" label="创建时间" width="170">
|
|
||||||
<template #default="{ row }">{{ row.created_at?.slice(0, 19)?.replace('T', ' ') || '-' }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" width="200" fixed="right">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-button link type="primary" @click="openEdit(row)">编辑</el-button>
|
|
||||||
<el-button link type="warning" @click="resetPwd(row.id)">重置密码</el-button>
|
|
||||||
<el-button link type="danger" @click="handleDelete(row.id)">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<!-- 分页 -->
|
|
||||||
<div class="pagination-bar">
|
|
||||||
<el-pagination
|
|
||||||
v-model:current-page="pagination.page"
|
|
||||||
v-model:page-size="pagination.pageSize"
|
|
||||||
:total="pagination.total"
|
|
||||||
:page-sizes="[10, 20, 50]"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
@size-change="fetchList"
|
|
||||||
@current-change="fetchList"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 新增/编辑弹窗 -->
|
|
||||||
<el-dialog v-model="dialogVisible" :title="isEdit ? '编辑用户' : '新增用户'" width="500px" destroy-on-close>
|
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="90px" label-position="top">
|
|
||||||
<el-form-item label="用户名" prop="username">
|
|
||||||
<el-input v-model="form.username" placeholder="3-50个字符" :disabled="isEdit" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item v-if="!isEdit" label="密码" prop="password">
|
|
||||||
<el-input v-model="form.password" type="password" show-password placeholder="至少6位" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="真实姓名">
|
|
||||||
<el-input v-model="form.real_name" placeholder="真实姓名" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="角色">
|
|
||||||
<el-select v-model="form.role" style="width:100%">
|
|
||||||
<el-option label="管理员" value="admin" />
|
|
||||||
<el-option label="普通用户" value="user" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="状态">
|
|
||||||
<el-select v-model="form.status" style="width:100%">
|
|
||||||
<el-option label="启用" :value="1" />
|
|
||||||
<el-option label="禁用" :value="0" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
<template #footer>
|
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
|
||||||
<el-button type="primary" :loading="submitLoading" @click="handleSubmit">确定</el-button>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {ref, reactive, onMounted} from 'vue'
|
|
||||||
import {Search} from '@element-plus/icons-vue'
|
|
||||||
import {ElMessage, ElMessageBox} from 'element-plus'
|
|
||||||
import {getUserList, createUser, updateUser, deleteUser} from '../api/user'
|
|
||||||
|
|
||||||
const search = reactive({username: '', role: '', status: ''})
|
|
||||||
const loading = ref(false)
|
|
||||||
const tableData = ref([])
|
|
||||||
const pagination = reactive({page: 1, pageSize: 10, total: 0})
|
|
||||||
|
|
||||||
const dialogVisible = ref(false)
|
|
||||||
const isEdit = ref(false)
|
|
||||||
const editId = ref(null)
|
|
||||||
const submitLoading = ref(false)
|
|
||||||
const formRef = ref(null)
|
|
||||||
|
|
||||||
const form = reactive({
|
|
||||||
username: '', password: '', real_name: '', role: 'user', status: 1,
|
|
||||||
})
|
|
||||||
|
|
||||||
const rules = {
|
|
||||||
username: [{required: true, message: '请输入用户名', trigger: 'blur'}, {min: 3, max: 50, message: '3-50个字符', trigger: 'blur'}],
|
|
||||||
password: [{required: true, message: '请输入密码', trigger: 'blur'}, {min: 6, message: '至少6位', trigger: 'blur'}],
|
|
||||||
}
|
|
||||||
|
|
||||||
const fetchList = async () => {
|
|
||||||
loading.value = true
|
|
||||||
try {
|
|
||||||
const params = {page: pagination.page, pageSize: pagination.pageSize, ...search}
|
|
||||||
Object.keys(params).forEach(k => { if (params[k] === '' || params[k] === null) delete params[k] })
|
|
||||||
const res = await getUserList(params)
|
|
||||||
tableData.value = res.data.list
|
|
||||||
pagination.total = res.data.total
|
|
||||||
} catch {} finally { loading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSearch = () => { pagination.page = 1; fetchList() }
|
|
||||||
const resetSearch = () => {
|
|
||||||
Object.assign(search, {username: '', role: '', status: ''})
|
|
||||||
handleSearch()
|
|
||||||
}
|
|
||||||
|
|
||||||
const openAdd = () => {
|
|
||||||
isEdit.value = false
|
|
||||||
editId.value = null
|
|
||||||
Object.assign(form, {username: '', password: '', real_name: '', role: 'user', status: 1})
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const openEdit = (row) => {
|
|
||||||
isEdit.value = true
|
|
||||||
editId.value = row.id
|
|
||||||
Object.assign(form, {
|
|
||||||
username: row.username, password: '', real_name: row.real_name || '',
|
|
||||||
role: row.role, status: row.status,
|
|
||||||
})
|
|
||||||
dialogVisible.value = true
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleSubmit = async () => {
|
|
||||||
if (!formRef.value) return
|
|
||||||
await formRef.value.validate()
|
|
||||||
submitLoading.value = true
|
|
||||||
try {
|
|
||||||
if (isEdit.value) {
|
|
||||||
const payload = {real_name: form.real_name, role: form.role, status: form.status}
|
|
||||||
await updateUser(editId.value, payload)
|
|
||||||
ElMessage.success('更新成功')
|
|
||||||
} else {
|
|
||||||
await createUser({username: form.username, password: form.password, real_name: form.real_name, role: form.role, status: form.status})
|
|
||||||
ElMessage.success('新增成功')
|
|
||||||
}
|
|
||||||
dialogVisible.value = false
|
|
||||||
fetchList()
|
|
||||||
} catch {} finally { submitLoading.value = false }
|
|
||||||
}
|
|
||||||
|
|
||||||
const resetPwd = async (id) => {
|
|
||||||
try {
|
|
||||||
await ElMessageBox.confirm('将密码重置为 123456，确定？', '重置密码', {type: 'warning'})
|
|
||||||
await updateUser(id, {password: '123456'})
|
|
||||||
ElMessage.success('密码已重置为 123456')
|
|
||||||
} catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleDelete = async (id) => {
|
|
||||||
try {
|
|
||||||
await ElMessageBox.confirm('确定删除该用户？', '提示', {type: 'warning'})
|
|
||||||
await deleteUser(id)
|
|
||||||
ElMessage.success('删除成功')
|
|
||||||
fetchList()
|
|
||||||
} catch {}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => { fetchList() })
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<h1>hello ,im 3</h1>
|
||||||
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.page-container {
|
|
||||||
background: #fff;
|
</style>
|
||||||
padding: 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
.search-bar {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.pagination-bar {
|
|
||||||
margin-top: 16px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -5,8 +5,8 @@ import Panel from "./components/panel.vue";
|
|||||||
import Customer from "./components/customer.vue";
|
import Customer from "./components/customer.vue";
|
||||||
import Contract from "./components/contract.vue";
|
import Contract from "./components/contract.vue";
|
||||||
import Service from "./components/service.vue";
|
import Service from "./components/service.vue";
|
||||||
|
import Products from "./components/products.vue";
|
||||||
import Employee from "./components/employee.vue";
|
import Employee from "./components/employee.vue";
|
||||||
import Product from "./components/product.vue";
|
|
||||||
import User from "./components/user.vue";
|
import User from "./components/user.vue";
|
||||||
|
|
||||||
const routes = [
|
const routes = [
|
||||||
@@ -16,15 +16,14 @@ const routes = [
|
|||||||
path: "/panel",
|
path: "/panel",
|
||||||
component: Panel,
|
component: Panel,
|
||||||
redirect: "/panel/home",
|
redirect: "/panel/home",
|
||||||
meta: { requiresAuth: true },
|
|
||||||
children: [
|
children: [
|
||||||
{ path: "home", component: Home },
|
{ path: "home", component:Home},
|
||||||
{ path: "customer", component: Customer },
|
{ path: "customer", component: Customer },
|
||||||
{ path: "contract", component: Contract },
|
{ path: "contract", component: Contract },
|
||||||
{ path: "service", component: Service },
|
{ path: "service", component: Service },
|
||||||
|
{ path: "products", component: Products },
|
||||||
{ path: "employee", component: Employee },
|
{ path: "employee", component: Employee },
|
||||||
{ path: "product", component: Product },
|
{ path: "user", component: User }
|
||||||
{ path: "user", component: User },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
@@ -33,17 +32,4 @@ const router = createRouter({
|
|||||||
history: createWebHistory(),
|
history: createWebHistory(),
|
||||||
routes,
|
routes,
|
||||||
})
|
})
|
||||||
|
export default router;
|
||||||
// 路由守卫：未登录时跳转到登录页
|
|
||||||
router.beforeEach((to, from, next) => {
|
|
||||||
const token = localStorage.getItem('token')
|
|
||||||
if (to.path !== '/login' && !token) {
|
|
||||||
next('/login')
|
|
||||||
} else if (to.path === '/login' && token) {
|
|
||||||
next('/panel')
|
|
||||||
} else {
|
|
||||||
next()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
export default router;
|
|
||||||
@@ -1,54 +0,0 @@
|
|||||||
// utils/request.js —— axios 实例：自动带 token、统一错误处理
|
|
||||||
import axios from 'axios'
|
|
||||||
import {ElMessage} from 'element-plus'
|
|
||||||
import router from '../router'
|
|
||||||
|
|
||||||
const request = axios.create({
|
|
||||||
baseURL: '/api',
|
|
||||||
timeout: 10000,
|
|
||||||
})
|
|
||||||
|
|
||||||
// 请求拦截器：自动携带 token
|
|
||||||
request.interceptors.request.use(
|
|
||||||
(config) => {
|
|
||||||
const token = localStorage.getItem('token')
|
|
||||||
if (token) {
|
|
||||||
config.headers.Authorization = `Bearer ${token}`
|
|
||||||
}
|
|
||||||
return config
|
|
||||||
},
|
|
||||||
(error) => Promise.reject(error)
|
|
||||||
)
|
|
||||||
|
|
||||||
// 响应拦截器：统一错误提示
|
|
||||||
request.interceptors.response.use(
|
|
||||||
(res) => {
|
|
||||||
const {code, message} = res.data
|
|
||||||
// 后端 code === 0 或 code === 200 表示成功
|
|
||||||
if (code === 0 || code === 200) {
|
|
||||||
return res.data
|
|
||||||
}
|
|
||||||
ElMessage.error(message || '请求失败')
|
|
||||||
return Promise.reject(new Error(message))
|
|
||||||
},
|
|
||||||
(error) => {
|
|
||||||
if (error.response) {
|
|
||||||
const {status, data} = error.response
|
|
||||||
if (status === 401) {
|
|
||||||
ElMessage.error('登录已过期，请重新登录')
|
|
||||||
localStorage.removeItem('token')
|
|
||||||
localStorage.removeItem('userInfo')
|
|
||||||
router.push('/login')
|
|
||||||
} else if (status === 403) {
|
|
||||||
ElMessage.error(data?.message || '没有权限')
|
|
||||||
} else {
|
|
||||||
ElMessage.error(data?.message || '服务器错误')
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
ElMessage.error('网络异常，请检查连接')
|
|
||||||
}
|
|
||||||
return Promise.reject(error)
|
|
||||||
}
|
|
||||||
)
|
|
||||||
|
|
||||||
export default request
|
|
||||||
@@ -4,12 +4,4 @@ import vue from '@vitejs/plugin-vue'
|
|||||||
// https://vite.dev/config/
|
// https://vite.dev/config/
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
plugins: [vue()],
|
plugins: [vue()],
|
||||||
server: {
|
|
||||||
proxy: {
|
|
||||||
'/api': {
|
|
||||||
target: 'http://127.0.0.1:3000',
|
|
||||||
changeOrigin: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
})
|
})
|
||||||
|
|||||||
236
yarn.lock
236
yarn.lock
@@ -72,15 +72,10 @@
|
|||||||
resolved "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.8.tgz"
|
resolved "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.8.tgz"
|
||||||
integrity sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==
|
integrity sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==
|
||||||
|
|
||||||
"@rolldown/binding-linux-x64-gnu@1.0.3":
|
"@rolldown/binding-win32-x64-msvc@1.0.3":
|
||||||
version "1.0.3"
|
version "1.0.3"
|
||||||
resolved "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.3.tgz"
|
resolved "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.3.tgz"
|
||||||
integrity sha512-B8m6tD5+/N5FeNQFbKlLA/2yVq9ycQP1SeedyEYYKWBNR3ZQbkvIUcNnDNM03lO1l5F2roiiFJGgvoLLyZXtSg==
|
integrity sha512-eXB7CHuaQdqmJcc3koCNtNPmT/bj2gc999kUFgBxG8Ac0NdgXc4rkCHhqrgrhN3zddvvvrgzj1e90SuSfmyIXA==
|
||||||
|
|
||||||
"@rolldown/binding-linux-x64-musl@1.0.3":
|
|
||||||
version "1.0.3"
|
|
||||||
resolved "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.3.tgz"
|
|
||||||
integrity sha512-pSdpdUJHkuCxun9LE7jvgUB9qsRgaiyNNCX7m/AvHTcq67AiT/Yhoxvw5zPfhrM8k/BfP8ce/hMOpthKDpEUow==
|
|
||||||
|
|
||||||
"@rolldown/pluginutils@^1.0.0", "@rolldown/pluginutils@^1.0.1":
|
"@rolldown/pluginutils@^1.0.0", "@rolldown/pluginutils@^1.0.1":
|
||||||
version "1.0.1"
|
version "1.0.1"
|
||||||
@@ -155,7 +150,7 @@
|
|||||||
|
|
||||||
"@vue/devtools-api@^6.6.4":
|
"@vue/devtools-api@^6.6.4":
|
||||||
version "6.6.4"
|
version "6.6.4"
|
||||||
resolved "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz"
|
resolved "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz"
|
||||||
integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
|
integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
|
||||||
|
|
||||||
"@vue/reactivity@3.5.35":
|
"@vue/reactivity@3.5.35":
|
||||||
@@ -215,52 +210,15 @@
|
|||||||
resolved "https://registry.npmjs.org/@vueuse/shared/-/shared-14.3.0.tgz"
|
resolved "https://registry.npmjs.org/@vueuse/shared/-/shared-14.3.0.tgz"
|
||||||
integrity sha512-bZpge9eSXwa4ToSiqJ7j6KRwhAsneMFoSz3LMWKQDkqimm3D/tbFlrklrs/IOqC8tEcYmXQZJ6N0UrjhBirVCg==
|
integrity sha512-bZpge9eSXwa4ToSiqJ7j6KRwhAsneMFoSz3LMWKQDkqimm3D/tbFlrklrs/IOqC8tEcYmXQZJ6N0UrjhBirVCg==
|
||||||
|
|
||||||
agent-base@6:
|
|
||||||
version "6.0.2"
|
|
||||||
resolved "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz"
|
|
||||||
integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
|
|
||||||
dependencies:
|
|
||||||
debug "4"
|
|
||||||
|
|
||||||
async-validator@^4.2.5:
|
async-validator@^4.2.5:
|
||||||
version "4.2.5"
|
version "4.2.5"
|
||||||
resolved "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz"
|
resolved "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz"
|
||||||
integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
|
integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
|
||||||
|
|
||||||
asynckit@^0.4.0:
|
china-area-data@^5.0.1:
|
||||||
version "0.4.0"
|
version "5.0.1"
|
||||||
resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz"
|
resolved "https://registry.npmmirror.com/china-area-data/-/china-area-data-5.0.1.tgz"
|
||||||
integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
|
integrity sha512-BQDPpiv5Nn+018ekcJK2oSD9PAD+E1bvXB0wgabc//dFVS/KvRqCgg0QOEUt3vBkx9XzB5a9BmkJCEZDBxVjVw==
|
||||||
|
|
||||||
axios@^1.18.0:
|
|
||||||
version "1.18.0"
|
|
||||||
resolved "https://registry.npmjs.org/axios/-/axios-1.18.0.tgz"
|
|
||||||
integrity sha512-E32NzpYKp++W7XRe52rHiXV2ehxmh3wbdgO7MHeFM+vqxLBYHzt0ElkiImtOBxtOmyp0yoC8C6uESVV84Y2/hw==
|
|
||||||
dependencies:
|
|
||||||
follow-redirects "^1.16.0"
|
|
||||||
form-data "^4.0.5"
|
|
||||||
https-proxy-agent "^5.0.1"
|
|
||||||
proxy-from-env "^2.1.0"
|
|
||||||
|
|
||||||
call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
|
|
||||||
version "1.0.2"
|
|
||||||
resolved "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz"
|
|
||||||
integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
|
|
||||||
dependencies:
|
|
||||||
es-errors "^1.3.0"
|
|
||||||
function-bind "^1.1.2"
|
|
||||||
|
|
||||||
china-division@^2.7.0:
|
|
||||||
version "2.7.0"
|
|
||||||
resolved "https://registry.npmjs.org/china-division/-/china-division-2.7.0.tgz"
|
|
||||||
integrity sha512-4uUPAT+1WfqDh5jytq7omdCmHNk3j+k76zEG/2IqaGcYB90c2SwcixttcypdsZ3T/9tN1TTpBDoeZn+Yw/qBEA==
|
|
||||||
|
|
||||||
combined-stream@^1.0.8:
|
|
||||||
version "1.0.8"
|
|
||||||
resolved "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz"
|
|
||||||
integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
|
|
||||||
dependencies:
|
|
||||||
delayed-stream "~1.0.0"
|
|
||||||
|
|
||||||
csstype@^3.2.3:
|
csstype@^3.2.3:
|
||||||
version "3.2.3"
|
version "3.2.3"
|
||||||
@@ -272,38 +230,18 @@ dayjs@^1.11.20:
|
|||||||
resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.21.tgz"
|
resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.21.tgz"
|
||||||
integrity sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==
|
integrity sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==
|
||||||
|
|
||||||
debug@4:
|
|
||||||
version "4.4.3"
|
|
||||||
resolved "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz"
|
|
||||||
integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
|
|
||||||
dependencies:
|
|
||||||
ms "^2.1.3"
|
|
||||||
|
|
||||||
delayed-stream@~1.0.0:
|
|
||||||
version "1.0.0"
|
|
||||||
resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
|
|
||||||
integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
|
|
||||||
|
|
||||||
detect-libc@^2.0.3:
|
detect-libc@^2.0.3:
|
||||||
version "2.1.2"
|
version "2.1.2"
|
||||||
resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz"
|
resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz"
|
||||||
integrity sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==
|
integrity sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==
|
||||||
|
|
||||||
dunder-proto@^1.0.1:
|
element-china-area-data@^5.0.2:
|
||||||
version "1.0.1"
|
version "5.0.2"
|
||||||
resolved "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz"
|
resolved "https://registry.npmmirror.com/element-china-area-data/-/element-china-area-data-5.0.2.tgz"
|
||||||
integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
|
integrity sha512-vLQuvOKJy/uiX7MRHEk3x/j09hipuIl6DJ/C4XFUG7D7Pj3O47sy+Y6aAArM6k9v8cD9UX6e+yz2S4J+IPnZ8g==
|
||||||
dependencies:
|
dependencies:
|
||||||
call-bind-apply-helpers "^1.0.1"
|
china-area-data "^5.0.1"
|
||||||
es-errors "^1.3.0"
|
lodash-es "^4.17.15"
|
||||||
gopd "^1.2.0"
|
|
||||||
|
|
||||||
element-china-area-data@^6.1.0:
|
|
||||||
version "6.1.0"
|
|
||||||
resolved "https://registry.npmjs.org/element-china-area-data/-/element-china-area-data-6.1.0.tgz"
|
|
||||||
integrity sha512-IkpcjwQv2A/2AxFiSoaISZ+oMw1rZCPUSOg5sOCwT5jKc96TaawmKZeY81xfxXsO0QbKxU5LLc6AirhG52hUmg==
|
|
||||||
dependencies:
|
|
||||||
china-division "^2.7.0"
|
|
||||||
|
|
||||||
element-plus@^2.14.1:
|
element-plus@^2.14.1:
|
||||||
version "2.14.1"
|
version "2.14.1"
|
||||||
@@ -331,33 +269,6 @@ entities@^7.0.1:
|
|||||||
resolved "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz"
|
resolved "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz"
|
||||||
integrity sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==
|
integrity sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==
|
||||||
|
|
||||||
es-define-property@^1.0.1:
|
|
||||||
version "1.0.1"
|
|
||||||
resolved "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz"
|
|
||||||
integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
|
|
||||||
|
|
||||||
es-errors@^1.3.0:
|
|
||||||
version "1.3.0"
|
|
||||||
resolved "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz"
|
|
||||||
integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
|
|
||||||
|
|
||||||
es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
|
|
||||||
version "1.1.2"
|
|
||||||
resolved "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz"
|
|
||||||
integrity sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==
|
|
||||||
dependencies:
|
|
||||||
es-errors "^1.3.0"
|
|
||||||
|
|
||||||
es-set-tostringtag@^2.1.0:
|
|
||||||
version "2.1.0"
|
|
||||||
resolved "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz"
|
|
||||||
integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
|
|
||||||
dependencies:
|
|
||||||
es-errors "^1.3.0"
|
|
||||||
get-intrinsic "^1.2.6"
|
|
||||||
has-tostringtag "^1.0.2"
|
|
||||||
hasown "^2.0.2"
|
|
||||||
|
|
||||||
estree-walker@^2.0.2:
|
estree-walker@^2.0.2:
|
||||||
version "2.0.2"
|
version "2.0.2"
|
||||||
resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
|
resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
|
||||||
@@ -368,92 +279,10 @@ fdir@^6.5.0:
|
|||||||
resolved "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz"
|
resolved "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz"
|
||||||
integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
|
integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
|
||||||
|
|
||||||
follow-redirects@^1.16.0:
|
lightningcss-win32-x64-msvc@1.32.0:
|
||||||
version "1.16.0"
|
|
||||||
resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.16.0.tgz"
|
|
||||||
integrity sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==
|
|
||||||
|
|
||||||
form-data@^4.0.5:
|
|
||||||
version "4.0.6"
|
|
||||||
resolved "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz"
|
|
||||||
integrity sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==
|
|
||||||
dependencies:
|
|
||||||
asynckit "^0.4.0"
|
|
||||||
combined-stream "^1.0.8"
|
|
||||||
es-set-tostringtag "^2.1.0"
|
|
||||||
hasown "^2.0.4"
|
|
||||||
mime-types "^2.1.35"
|
|
||||||
|
|
||||||
function-bind@^1.1.2:
|
|
||||||
version "1.1.2"
|
|
||||||
resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz"
|
|
||||||
integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
|
|
||||||
|
|
||||||
get-intrinsic@^1.2.6:
|
|
||||||
version "1.3.0"
|
|
||||||
resolved "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz"
|
|
||||||
integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
|
|
||||||
dependencies:
|
|
||||||
call-bind-apply-helpers "^1.0.2"
|
|
||||||
es-define-property "^1.0.1"
|
|
||||||
es-errors "^1.3.0"
|
|
||||||
es-object-atoms "^1.1.1"
|
|
||||||
function-bind "^1.1.2"
|
|
||||||
get-proto "^1.0.1"
|
|
||||||
gopd "^1.2.0"
|
|
||||||
has-symbols "^1.1.0"
|
|
||||||
hasown "^2.0.2"
|
|
||||||
math-intrinsics "^1.1.0"
|
|
||||||
|
|
||||||
get-proto@^1.0.1:
|
|
||||||
version "1.0.1"
|
|
||||||
resolved "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz"
|
|
||||||
integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
|
|
||||||
dependencies:
|
|
||||||
dunder-proto "^1.0.1"
|
|
||||||
es-object-atoms "^1.0.0"
|
|
||||||
|
|
||||||
gopd@^1.2.0:
|
|
||||||
version "1.2.0"
|
|
||||||
resolved "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz"
|
|
||||||
integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
|
|
||||||
|
|
||||||
has-symbols@^1.0.3, has-symbols@^1.1.0:
|
|
||||||
version "1.1.0"
|
|
||||||
resolved "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz"
|
|
||||||
integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
|
|
||||||
|
|
||||||
has-tostringtag@^1.0.2:
|
|
||||||
version "1.0.2"
|
|
||||||
resolved "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz"
|
|
||||||
integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
|
|
||||||
dependencies:
|
|
||||||
has-symbols "^1.0.3"
|
|
||||||
|
|
||||||
hasown@^2.0.2, hasown@^2.0.4:
|
|
||||||
version "2.0.4"
|
|
||||||
resolved "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz"
|
|
||||||
integrity sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==
|
|
||||||
dependencies:
|
|
||||||
function-bind "^1.1.2"
|
|
||||||
|
|
||||||
https-proxy-agent@^5.0.1:
|
|
||||||
version "5.0.1"
|
|
||||||
resolved "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz"
|
|
||||||
integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
|
|
||||||
dependencies:
|
|
||||||
agent-base "6"
|
|
||||||
debug "4"
|
|
||||||
|
|
||||||
lightningcss-linux-x64-gnu@1.32.0:
|
|
||||||
version "1.32.0"
|
version "1.32.0"
|
||||||
resolved "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz"
|
resolved "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz"
|
||||||
integrity sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==
|
integrity sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==
|
||||||
|
|
||||||
lightningcss-linux-x64-musl@1.32.0:
|
|
||||||
version "1.32.0"
|
|
||||||
resolved "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz"
|
|
||||||
integrity sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==
|
|
||||||
|
|
||||||
lightningcss@^1.32.0:
|
lightningcss@^1.32.0:
|
||||||
version "1.32.0"
|
version "1.32.0"
|
||||||
@@ -474,7 +303,7 @@ lightningcss@^1.32.0:
|
|||||||
lightningcss-win32-arm64-msvc "1.32.0"
|
lightningcss-win32-arm64-msvc "1.32.0"
|
||||||
lightningcss-win32-x64-msvc "1.32.0"
|
lightningcss-win32-x64-msvc "1.32.0"
|
||||||
|
|
||||||
lodash-es@*, lodash-es@^4.18.1:
|
lodash-es@*, lodash-es@^4.17.15, lodash-es@^4.18.1:
|
||||||
version "4.18.1"
|
version "4.18.1"
|
||||||
resolved "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz"
|
resolved "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz"
|
||||||
integrity sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==
|
integrity sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==
|
||||||
@@ -496,33 +325,11 @@ magic-string@^0.30.21:
|
|||||||
dependencies:
|
dependencies:
|
||||||
"@jridgewell/sourcemap-codec" "^1.5.5"
|
"@jridgewell/sourcemap-codec" "^1.5.5"
|
||||||
|
|
||||||
math-intrinsics@^1.1.0:
|
|
||||||
version "1.1.0"
|
|
||||||
resolved "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz"
|
|
||||||
integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
|
|
||||||
|
|
||||||
memoize-one@^6.0.0:
|
memoize-one@^6.0.0:
|
||||||
version "6.0.0"
|
version "6.0.0"
|
||||||
resolved "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz"
|
resolved "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz"
|
||||||
integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
|
integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
|
||||||
|
|
||||||
mime-db@1.52.0:
|
|
||||||
version "1.52.0"
|
|
||||||
resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
|
|
||||||
integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
|
|
||||||
|
|
||||||
mime-types@^2.1.35:
|
|
||||||
version "2.1.35"
|
|
||||||
resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz"
|
|
||||||
integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
|
|
||||||
dependencies:
|
|
||||||
mime-db "1.52.0"
|
|
||||||
|
|
||||||
ms@^2.1.3:
|
|
||||||
version "2.1.3"
|
|
||||||
resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
|
|
||||||
integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
|
|
||||||
|
|
||||||
nanoid@^3.3.12:
|
nanoid@^3.3.12:
|
||||||
version "3.3.12"
|
version "3.3.12"
|
||||||
resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz"
|
resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz"
|
||||||
@@ -552,11 +359,6 @@ postcss@^8.5.15:
|
|||||||
picocolors "^1.1.1"
|
picocolors "^1.1.1"
|
||||||
source-map-js "^1.2.1"
|
source-map-js "^1.2.1"
|
||||||
|
|
||||||
proxy-from-env@^2.1.0:
|
|
||||||
version "2.1.0"
|
|
||||||
resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-2.1.0.tgz"
|
|
||||||
integrity sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==
|
|
||||||
|
|
||||||
rolldown@1.0.3:
|
rolldown@1.0.3:
|
||||||
version "1.0.3"
|
version "1.0.3"
|
||||||
resolved "https://registry.npmjs.org/rolldown/-/rolldown-1.0.3.tgz"
|
resolved "https://registry.npmjs.org/rolldown/-/rolldown-1.0.3.tgz"
|
||||||
@@ -614,7 +416,7 @@ vue-component-type-helpers@^3.3.1:
|
|||||||
|
|
||||||
vue-router@4:
|
vue-router@4:
|
||||||
version "4.6.4"
|
version "4.6.4"
|
||||||
resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.6.4.tgz"
|
resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz"
|
||||||
integrity sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==
|
integrity sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@vue/devtools-api" "^6.6.4"
|
"@vue/devtools-api" "^6.6.4"
|
||||||
|
|||||||
Reference in New Issue
Block a user