six
This commit is contained in:
parent
5a07571cfe
commit
ef1e3179be
214
package-lock.json
generated
214
package-lock.json
generated
|
|
@ -15,6 +15,8 @@
|
||||||
"core-js": "^3.8.3",
|
"core-js": "^3.8.3",
|
||||||
"echarts": "^5.5.1",
|
"echarts": "^5.5.1",
|
||||||
"element-plus": "^2.8.3",
|
"element-plus": "^2.8.3",
|
||||||
|
"marked": "^15.0.6",
|
||||||
|
"openai": "^4.83.0",
|
||||||
"sass": "^1.79.2",
|
"sass": "^1.79.2",
|
||||||
"sass-loader": "^16.0.1",
|
"sass-loader": "^16.0.1",
|
||||||
"svg-sprite-loader": "^6.0.11",
|
"svg-sprite-loader": "^6.0.11",
|
||||||
|
|
@ -2378,11 +2380,19 @@
|
||||||
"version": "22.5.5",
|
"version": "22.5.5",
|
||||||
"resolved": "https://registry.npmmirror.com/@types/node/-/node-22.5.5.tgz",
|
"resolved": "https://registry.npmmirror.com/@types/node/-/node-22.5.5.tgz",
|
||||||
"integrity": "sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==",
|
"integrity": "sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==",
|
||||||
"devOptional": true,
|
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"undici-types": "~6.19.2"
|
"undici-types": "~6.19.2"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@types/node-fetch": {
|
||||||
|
"version": "2.6.12",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@types/node-fetch/-/node-fetch-2.6.12.tgz",
|
||||||
|
"integrity": "sha512-8nneRWKCg3rMtF69nLQJnOYUcbafYeFSjqkw3jCRLsqkWFlHaoQrr5mXmofFGOx3DKn7UfmBMyov8ySvLRVldA==",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/node": "*",
|
||||||
|
"form-data": "^4.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@types/node-forge": {
|
"node_modules/@types/node-forge": {
|
||||||
"version": "1.3.11",
|
"version": "1.3.11",
|
||||||
"resolved": "https://registry.npmmirror.com/@types/node-forge/-/node-forge-1.3.11.tgz",
|
"resolved": "https://registry.npmmirror.com/@types/node-forge/-/node-forge-1.3.11.tgz",
|
||||||
|
|
@ -3372,6 +3382,17 @@
|
||||||
"integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
|
"integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
|
||||||
"devOptional": true
|
"devOptional": true
|
||||||
},
|
},
|
||||||
|
"node_modules/abort-controller": {
|
||||||
|
"version": "3.0.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/abort-controller/-/abort-controller-3.0.0.tgz",
|
||||||
|
"integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
|
||||||
|
"dependencies": {
|
||||||
|
"event-target-shim": "^5.0.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=6.5"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/accepts": {
|
"node_modules/accepts": {
|
||||||
"version": "1.3.8",
|
"version": "1.3.8",
|
||||||
"resolved": "https://registry.npmmirror.com/accepts/-/accepts-1.3.8.tgz",
|
"resolved": "https://registry.npmmirror.com/accepts/-/accepts-1.3.8.tgz",
|
||||||
|
|
@ -3427,6 +3448,17 @@
|
||||||
"node": ">= 10.0.0"
|
"node": ">= 10.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/agentkeepalive": {
|
||||||
|
"version": "4.6.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
|
||||||
|
"integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
|
||||||
|
"dependencies": {
|
||||||
|
"humanize-ms": "^1.2.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 8.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/ajv": {
|
"node_modules/ajv": {
|
||||||
"version": "6.12.6",
|
"version": "6.12.6",
|
||||||
"resolved": "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz",
|
"resolved": "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz",
|
||||||
|
|
@ -5969,6 +6001,14 @@
|
||||||
"node": ">=4.0.0"
|
"node": ">=4.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/event-target-shim": {
|
||||||
|
"version": "5.0.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/event-target-shim/-/event-target-shim-5.0.1.tgz",
|
||||||
|
"integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/eventemitter3": {
|
"node_modules/eventemitter3": {
|
||||||
"version": "4.0.7",
|
"version": "4.0.7",
|
||||||
"resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-4.0.7.tgz",
|
"resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-4.0.7.tgz",
|
||||||
|
|
@ -6352,6 +6392,23 @@
|
||||||
"node": ">= 6"
|
"node": ">= 6"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/form-data-encoder": {
|
||||||
|
"version": "1.7.2",
|
||||||
|
"resolved": "https://registry.npmmirror.com/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
|
||||||
|
"integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A=="
|
||||||
|
},
|
||||||
|
"node_modules/formdata-node": {
|
||||||
|
"version": "4.4.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/formdata-node/-/formdata-node-4.4.1.tgz",
|
||||||
|
"integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
|
||||||
|
"dependencies": {
|
||||||
|
"node-domexception": "1.0.0",
|
||||||
|
"web-streams-polyfill": "4.0.0-beta.3"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 12.20"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/forwarded": {
|
"node_modules/forwarded": {
|
||||||
"version": "0.2.0",
|
"version": "0.2.0",
|
||||||
"resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
|
"resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
|
||||||
|
|
@ -7074,6 +7131,14 @@
|
||||||
"node": ">=10.17.0"
|
"node": ">=10.17.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/humanize-ms": {
|
||||||
|
"version": "1.2.1",
|
||||||
|
"resolved": "https://registry.npmmirror.com/humanize-ms/-/humanize-ms-1.2.1.tgz",
|
||||||
|
"integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
|
||||||
|
"dependencies": {
|
||||||
|
"ms": "^2.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/iconv-lite": {
|
"node_modules/iconv-lite": {
|
||||||
"version": "0.4.24",
|
"version": "0.4.24",
|
||||||
"resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz",
|
"resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz",
|
||||||
|
|
@ -8164,6 +8229,17 @@
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/marked": {
|
||||||
|
"version": "15.0.6",
|
||||||
|
"resolved": "https://registry.npmmirror.com/marked/-/marked-15.0.6.tgz",
|
||||||
|
"integrity": "sha512-Y07CUOE+HQXbVDCGl3LXggqJDbXDP2pArc2C1N1RRMN0ONiShoSsIInMd5Gsxupe7fKLpgimTV+HOJ9r7bA+pg==",
|
||||||
|
"bin": {
|
||||||
|
"marked": "bin/marked.js"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 18"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/mdn-data": {
|
"node_modules/mdn-data": {
|
||||||
"version": "2.0.14",
|
"version": "2.0.14",
|
||||||
"resolved": "https://registry.npmmirror.com/mdn-data/-/mdn-data-2.0.14.tgz",
|
"resolved": "https://registry.npmmirror.com/mdn-data/-/mdn-data-2.0.14.tgz",
|
||||||
|
|
@ -8485,8 +8561,7 @@
|
||||||
"node_modules/ms": {
|
"node_modules/ms": {
|
||||||
"version": "2.1.3",
|
"version": "2.1.3",
|
||||||
"resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
|
"resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
|
||||||
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
|
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
|
||||||
"dev": true
|
|
||||||
},
|
},
|
||||||
"node_modules/multicast-dns": {
|
"node_modules/multicast-dns": {
|
||||||
"version": "7.2.5",
|
"version": "7.2.5",
|
||||||
|
|
@ -8615,11 +8690,28 @@
|
||||||
"tslib": "^2.0.3"
|
"tslib": "^2.0.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/node-domexception": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/node-domexception/-/node-domexception-1.0.0.tgz",
|
||||||
|
"integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/jimmywarting"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://paypal.me/jimmywarting"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=10.5.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/node-fetch": {
|
"node_modules/node-fetch": {
|
||||||
"version": "2.7.0",
|
"version": "2.7.0",
|
||||||
"resolved": "https://registry.npmmirror.com/node-fetch/-/node-fetch-2.7.0.tgz",
|
"resolved": "https://registry.npmmirror.com/node-fetch/-/node-fetch-2.7.0.tgz",
|
||||||
"integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
|
"integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
|
||||||
"dev": true,
|
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"whatwg-url": "^5.0.0"
|
"whatwg-url": "^5.0.0"
|
||||||
},
|
},
|
||||||
|
|
@ -8911,6 +9003,48 @@
|
||||||
"url": "https://github.com/sponsors/sindresorhus"
|
"url": "https://github.com/sponsors/sindresorhus"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/openai": {
|
||||||
|
"version": "4.83.0",
|
||||||
|
"resolved": "https://registry.npmmirror.com/openai/-/openai-4.83.0.tgz",
|
||||||
|
"integrity": "sha512-fmTsqud0uTtRKsPC7L8Lu55dkaTwYucqncDHzVvO64DKOpNTuiYwjbR/nVgpapXuYy8xSnhQQPUm+3jQaxICgw==",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/node": "^18.11.18",
|
||||||
|
"@types/node-fetch": "^2.6.4",
|
||||||
|
"abort-controller": "^3.0.0",
|
||||||
|
"agentkeepalive": "^4.2.1",
|
||||||
|
"form-data-encoder": "1.7.2",
|
||||||
|
"formdata-node": "^4.3.2",
|
||||||
|
"node-fetch": "^2.6.7"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"openai": "bin/cli"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"ws": "^8.18.0",
|
||||||
|
"zod": "^3.23.8"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"ws": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"zod": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/openai/node_modules/@types/node": {
|
||||||
|
"version": "18.19.75",
|
||||||
|
"resolved": "https://registry.npmmirror.com/@types/node/-/node-18.19.75.tgz",
|
||||||
|
"integrity": "sha512-UIksWtThob6ZVSyxcOqCLOUNg/dyO1Qvx4McgeuhrEtHTLFTf7BBhEazaE4K806FGTPtzd/2sE90qn4fVr7cyw==",
|
||||||
|
"dependencies": {
|
||||||
|
"undici-types": "~5.26.4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/openai/node_modules/undici-types": {
|
||||||
|
"version": "5.26.5",
|
||||||
|
"resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-5.26.5.tgz",
|
||||||
|
"integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
|
||||||
|
},
|
||||||
"node_modules/opener": {
|
"node_modules/opener": {
|
||||||
"version": "1.5.2",
|
"version": "1.5.2",
|
||||||
"resolved": "https://registry.npmmirror.com/opener/-/opener-1.5.2.tgz",
|
"resolved": "https://registry.npmmirror.com/opener/-/opener-1.5.2.tgz",
|
||||||
|
|
@ -12034,8 +12168,7 @@
|
||||||
"node_modules/tr46": {
|
"node_modules/tr46": {
|
||||||
"version": "0.0.3",
|
"version": "0.0.3",
|
||||||
"resolved": "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz",
|
"resolved": "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz",
|
||||||
"integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
|
"integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
|
||||||
"dev": true
|
|
||||||
},
|
},
|
||||||
"node_modules/traverse": {
|
"node_modules/traverse": {
|
||||||
"version": "0.6.10",
|
"version": "0.6.10",
|
||||||
|
|
@ -12186,8 +12319,7 @@
|
||||||
"node_modules/undici-types": {
|
"node_modules/undici-types": {
|
||||||
"version": "6.19.8",
|
"version": "6.19.8",
|
||||||
"resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-6.19.8.tgz",
|
"resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-6.19.8.tgz",
|
||||||
"integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
|
"integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
|
||||||
"devOptional": true
|
|
||||||
},
|
},
|
||||||
"node_modules/unicode-canonical-property-names-ecmascript": {
|
"node_modules/unicode-canonical-property-names-ecmascript": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
|
|
@ -12635,11 +12767,18 @@
|
||||||
"defaults": "^1.0.3"
|
"defaults": "^1.0.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/web-streams-polyfill": {
|
||||||
|
"version": "4.0.0-beta.3",
|
||||||
|
"resolved": "https://registry.npmmirror.com/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
|
||||||
|
"integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 14"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/webidl-conversions": {
|
"node_modules/webidl-conversions": {
|
||||||
"version": "3.0.1",
|
"version": "3.0.1",
|
||||||
"resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
|
"resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
|
||||||
"integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
|
"integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
|
||||||
"dev": true
|
|
||||||
},
|
},
|
||||||
"node_modules/webpack": {
|
"node_modules/webpack": {
|
||||||
"version": "5.94.0",
|
"version": "5.94.0",
|
||||||
|
|
@ -12734,6 +12873,27 @@
|
||||||
"url": "https://github.com/sponsors/sindresorhus"
|
"url": "https://github.com/sponsors/sindresorhus"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/webpack-bundle-analyzer/node_modules/ws": {
|
||||||
|
"version": "7.5.10",
|
||||||
|
"resolved": "https://registry.npmmirror.com/ws/-/ws-7.5.10.tgz",
|
||||||
|
"integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
|
||||||
|
"dev": true,
|
||||||
|
"engines": {
|
||||||
|
"node": ">=8.3.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"bufferutil": "^4.0.1",
|
||||||
|
"utf-8-validate": "^5.0.2"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"bufferutil": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"utf-8-validate": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/webpack-chain": {
|
"node_modules/webpack-chain": {
|
||||||
"version": "6.5.1",
|
"version": "6.5.1",
|
||||||
"resolved": "https://registry.npmmirror.com/webpack-chain/-/webpack-chain-6.5.1.tgz",
|
"resolved": "https://registry.npmmirror.com/webpack-chain/-/webpack-chain-6.5.1.tgz",
|
||||||
|
|
@ -12936,27 +13096,6 @@
|
||||||
"url": "https://opencollective.com/webpack"
|
"url": "https://opencollective.com/webpack"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/webpack-dev-server/node_modules/ws": {
|
|
||||||
"version": "8.18.0",
|
|
||||||
"resolved": "https://registry.npmmirror.com/ws/-/ws-8.18.0.tgz",
|
|
||||||
"integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
|
|
||||||
"dev": true,
|
|
||||||
"engines": {
|
|
||||||
"node": ">=10.0.0"
|
|
||||||
},
|
|
||||||
"peerDependencies": {
|
|
||||||
"bufferutil": "^4.0.1",
|
|
||||||
"utf-8-validate": ">=5.0.2"
|
|
||||||
},
|
|
||||||
"peerDependenciesMeta": {
|
|
||||||
"bufferutil": {
|
|
||||||
"optional": true
|
|
||||||
},
|
|
||||||
"utf-8-validate": {
|
|
||||||
"optional": true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/webpack-merge": {
|
"node_modules/webpack-merge": {
|
||||||
"version": "5.10.0",
|
"version": "5.10.0",
|
||||||
"resolved": "https://registry.npmmirror.com/webpack-merge/-/webpack-merge-5.10.0.tgz",
|
"resolved": "https://registry.npmmirror.com/webpack-merge/-/webpack-merge-5.10.0.tgz",
|
||||||
|
|
@ -13037,7 +13176,6 @@
|
||||||
"version": "5.0.0",
|
"version": "5.0.0",
|
||||||
"resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-5.0.0.tgz",
|
"resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-5.0.0.tgz",
|
||||||
"integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
|
"integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
|
||||||
"dev": true,
|
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"tr46": "~0.0.3",
|
"tr46": "~0.0.3",
|
||||||
"webidl-conversions": "^3.0.0"
|
"webidl-conversions": "^3.0.0"
|
||||||
|
|
@ -13151,16 +13289,16 @@
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/ws": {
|
"node_modules/ws": {
|
||||||
"version": "7.5.10",
|
"version": "8.18.0",
|
||||||
"resolved": "https://registry.npmmirror.com/ws/-/ws-7.5.10.tgz",
|
"resolved": "https://registry.npmmirror.com/ws/-/ws-8.18.0.tgz",
|
||||||
"integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
|
"integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
|
||||||
"dev": true,
|
"devOptional": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=8.3.0"
|
"node": ">=10.0.0"
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"bufferutil": "^4.0.1",
|
"bufferutil": "^4.0.1",
|
||||||
"utf-8-validate": "^5.0.2"
|
"utf-8-validate": ">=5.0.2"
|
||||||
},
|
},
|
||||||
"peerDependenciesMeta": {
|
"peerDependenciesMeta": {
|
||||||
"bufferutil": {
|
"bufferutil": {
|
||||||
|
|
|
||||||
|
|
@ -14,6 +14,8 @@
|
||||||
"core-js": "^3.8.3",
|
"core-js": "^3.8.3",
|
||||||
"echarts": "^5.5.1",
|
"echarts": "^5.5.1",
|
||||||
"element-plus": "^2.8.3",
|
"element-plus": "^2.8.3",
|
||||||
|
"marked": "^15.0.6",
|
||||||
|
"openai": "^4.83.0",
|
||||||
"sass": "^1.79.2",
|
"sass": "^1.79.2",
|
||||||
"sass-loader": "^16.0.1",
|
"sass-loader": "^16.0.1",
|
||||||
"svg-sprite-loader": "^6.0.11",
|
"svg-sprite-loader": "^6.0.11",
|
||||||
|
|
|
||||||
18
src/main.js
18
src/main.js
|
|
@ -1,4 +1,4 @@
|
||||||
import { createApp } from 'vue'
|
import {createApp, ref} from 'vue'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
import router from './router'
|
import router from './router'
|
||||||
import store from './store'
|
import store from './store'
|
||||||
|
|
@ -14,4 +14,18 @@ axios.defaults.withCredentials=true
|
||||||
|
|
||||||
// 意思是携带cookie信息,保持session的一致性
|
// 意思是携带cookie信息,保持session的一致性
|
||||||
|
|
||||||
createApp(App).use(store).use(router).use(ElementPlus).use(SvgIcon).mount('#app');
|
|
||||||
|
const editableTabs = ref([
|
||||||
|
{
|
||||||
|
title: '首页',
|
||||||
|
name: 'home'
|
||||||
|
}
|
||||||
|
])
|
||||||
|
const editableTabsValue = ref('')
|
||||||
|
|
||||||
|
// 挂载到全局属性
|
||||||
|
|
||||||
|
const app=createApp(App);
|
||||||
|
app.config.globalProperties.$editableTabs = editableTabs;
|
||||||
|
app.config.globalProperties.$editableTabsValue = editableTabsValue;
|
||||||
|
app.use(store).use(router).use(ElementPlus).use(SvgIcon).mount('#app');
|
||||||
|
|
|
||||||
|
|
@ -75,6 +75,21 @@ const routes = [
|
||||||
name: '审核美甲师',
|
name: '审核美甲师',
|
||||||
component: () => import('../views/employee/verify/index.vue'),
|
component: () => import('../views/employee/verify/index.vue'),
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/nocontractemployee',
|
||||||
|
name: '未签约美甲师',
|
||||||
|
component: () => import('../views/employee/NoContract/index.vue'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/ai',
|
||||||
|
name: 'AI',
|
||||||
|
component: () => import('../views/AI/index.vue'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/contractemployee',
|
||||||
|
name: '签约美甲师',
|
||||||
|
component: () => import('../views/employee/contract/index.vue'),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/qiangdan',
|
path: '/qiangdan',
|
||||||
name: '抢单',
|
name: '抢单',
|
||||||
|
|
@ -91,8 +106,13 @@ const routes = [
|
||||||
component: () => import('../views/order/index')
|
component: () => import('../views/order/index')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/orderReservation',
|
path: '/userReservation',
|
||||||
name: '上门预约',
|
name: '上门预约',
|
||||||
|
component: () => import('../views/order/useRreservation/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/orderReservation',
|
||||||
|
name: '个人预约详情',
|
||||||
component: () => import('../views/order/reservation/index.vue')
|
component: () => import('../views/order/reservation/index.vue')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,8 @@ import axios from 'axios';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// let baseUrl='http://localhost:8081/api/';
|
let baseUrl='http://localhost:8081/api/';
|
||||||
let baseUrl='http://154.8.193.216:1107/api/';
|
let baseUrl2='http://154.8.193.216:1107/api/';
|
||||||
// 创建axios实例
|
// 创建axios实例
|
||||||
const httpService = axios.create({
|
const httpService = axios.create({
|
||||||
// url前缀-'http:xxx.xxx'
|
// url前缀-'http:xxx.xxx'
|
||||||
|
|
@ -98,10 +98,14 @@ export function fileUpload(url, params = {}) {
|
||||||
export function getServerUrl(){
|
export function getServerUrl(){
|
||||||
return baseUrl;
|
return baseUrl;
|
||||||
}
|
}
|
||||||
|
export function getServerUrl2(){
|
||||||
|
return baseUrl2;
|
||||||
|
}
|
||||||
export default {
|
export default {
|
||||||
get,
|
get,
|
||||||
post,
|
post,
|
||||||
fileUpload,
|
fileUpload,
|
||||||
getServerUrl
|
getServerUrl,
|
||||||
|
getServerUrl2
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
104
src/util/marked.js
Normal file
104
src/util/marked.js
Normal file
|
|
@ -0,0 +1,104 @@
|
||||||
|
import {marked} from 'marked';
|
||||||
|
const parseMarkdown = (content) => {
|
||||||
|
return marked.parse(content) // 使用 marked 解析 Markdown
|
||||||
|
}
|
||||||
|
|
||||||
|
const menua=[
|
||||||
|
{
|
||||||
|
path: 'home',
|
||||||
|
name: '首页',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'user',
|
||||||
|
name: '用户管理',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'business',
|
||||||
|
name: '商家列表',
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'businesVerify',
|
||||||
|
name: '审核商家入驻',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'businessProduct',
|
||||||
|
name: '商家商品',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'product',
|
||||||
|
name: '商品列表',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'productCategory',
|
||||||
|
name: '商品分类',
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: 'message',
|
||||||
|
name: '消息通知',
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: 'permission',
|
||||||
|
name: '星级评优',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'employee',
|
||||||
|
name: '美甲师列表',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'employeeVerify',
|
||||||
|
name: '审核美甲师认证',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'nocontractemployee',
|
||||||
|
name: '未签约美甲师',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'contractemployee',
|
||||||
|
name: '签约美甲师',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'qiangdan',
|
||||||
|
name: '抢单',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'modifyPassword',
|
||||||
|
name: '修改密码',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'order',
|
||||||
|
name: '订单列表',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'userReservation',
|
||||||
|
name: '上门预约',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'orderReservation',
|
||||||
|
name: '到店服务',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'personal',
|
||||||
|
name: '个人中心',
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: 'rating',
|
||||||
|
name: '评价操作',
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'profile',
|
||||||
|
name: '详情',
|
||||||
|
|
||||||
|
}]
|
||||||
|
|
||||||
|
|
||||||
|
export function getMenu(temp){
|
||||||
|
const t=menua.filter(tab=>tab.path==temp)
|
||||||
|
return t[0].name
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -30,3 +30,10 @@ export function verifyPerson(){
|
||||||
}
|
}
|
||||||
//console.log(ax.value)
|
//console.log(ax.value)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export function getBusinessID(){
|
||||||
|
let JS=window.sessionStorage.getItem("BUSINESS_STATE");
|
||||||
|
const id=JSON.parse(JS).id
|
||||||
|
return id;
|
||||||
|
}
|
||||||
269
src/views/AI/index.vue
Normal file
269
src/views/AI/index.vue
Normal file
|
|
@ -0,0 +1,269 @@
|
||||||
|
<template>
|
||||||
|
欢迎使用DeepSeek的拓展AI
|
||||||
|
<div class="chat-container" >
|
||||||
|
<!-- 消息展示区域 -->
|
||||||
|
<div class="message-list" ref="messageContainer">
|
||||||
|
<div
|
||||||
|
v-for="(message, index) in messages"
|
||||||
|
:key="index"
|
||||||
|
class="message-item"
|
||||||
|
:class="[message.sender]"
|
||||||
|
>
|
||||||
|
<div class="avatar" style="margin-right: 10px" v-if="message.sender=='admin'">
|
||||||
|
<img :src="message.avatar" />
|
||||||
|
</div>
|
||||||
|
<div class="message-bubble" >
|
||||||
|
<div class="message-content" v-html="parseMarkdown(message.content)"></div>
|
||||||
|
<div class="message-time">{{ formatTime(message.timestamp) }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="avatar" style="margin-left: 10px" v-if="message.sender=='user'">
|
||||||
|
<img :src="message.avatar" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 消息输入区域 -->
|
||||||
|
<div class="input-area">
|
||||||
|
<input
|
||||||
|
v-model="newMessage"
|
||||||
|
type="text"
|
||||||
|
placeholder="输入消息..."
|
||||||
|
@keyup.enter="sendMessage"
|
||||||
|
/>
|
||||||
|
<button @click="sendMessage">发送</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive, onMounted, nextTick, computed } from 'vue'
|
||||||
|
import {OpenAI} from "openai";
|
||||||
|
import { marked } from 'marked'
|
||||||
|
import {ElLoading} from "element-plus"; // 引入 marked 库
|
||||||
|
|
||||||
|
const loading=ref(false)
|
||||||
|
const parseMarkdown = (content) => {
|
||||||
|
return marked.parse(content) // 使用 marked 解析 Markdown
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const avatar1=ref( 'https://wx4.sinaimg.cn/mw690/005ZDPezgy1hw85hfnk2sj30w50u0q7q.jpg') // 管理员头像
|
||||||
|
const avatar2=ref( 'https://ww1.sinaimg.cn/mw690/0089PUyVly1hvw18p2uo4j30sg0stn0w.jpg') // 管理员头像
|
||||||
|
|
||||||
|
// 消息数据
|
||||||
|
const messages = reactive([
|
||||||
|
{
|
||||||
|
content: '您好，有什么可以帮您？',
|
||||||
|
sender: 'admin',
|
||||||
|
avatar: avatar1,
|
||||||
|
timestamp: new Date()
|
||||||
|
}
|
||||||
|
])
|
||||||
|
|
||||||
|
const newMessage = ref('')
|
||||||
|
const messageContainer = ref(null)
|
||||||
|
|
||||||
|
// 发送消息
|
||||||
|
const sendMessage = () => {
|
||||||
|
if (!newMessage.value.trim()) return
|
||||||
|
|
||||||
|
// 用户消息
|
||||||
|
messages.push({
|
||||||
|
content: newMessage.value,
|
||||||
|
sender: 'user',
|
||||||
|
avatar: avatar2,
|
||||||
|
timestamp: new Date()
|
||||||
|
})
|
||||||
|
ai(newMessage.value)
|
||||||
|
setTimeout(() => {
|
||||||
|
openFullScreen(true)
|
||||||
|
//AI自动回复
|
||||||
|
}, 500)
|
||||||
|
// 模拟管理员回复（1秒后自动回复）
|
||||||
|
// setTimeout(() => {
|
||||||
|
// messages.push({
|
||||||
|
// content: '已收到您的消息，我们会尽快处理！',
|
||||||
|
// sender: 'admin',
|
||||||
|
// timestamp: new Date()
|
||||||
|
// })
|
||||||
|
// scrollToBottom()
|
||||||
|
// }, 1000)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// scrollToBottom()
|
||||||
|
newMessage.value = ''
|
||||||
|
scrollToBottom()
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const openai = new OpenAI({
|
||||||
|
baseURL: 'https://api.deepseek.com',
|
||||||
|
apiKey: 'sk-d06e4f2cbe4342bdb2e2c8e0d12a5c25',
|
||||||
|
dangerouslyAllowBrowser: true
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
const ai =async(temp)=>{
|
||||||
|
console.log(JSON.stringify(temp))
|
||||||
|
const completion = await openai.chat.completions.create({
|
||||||
|
messages: [{ role: "system", content: JSON.stringify(temp) }],
|
||||||
|
model: "deepseek-chat",
|
||||||
|
});
|
||||||
|
console.log(completion.choices[0].message.content);
|
||||||
|
|
||||||
|
messages.push({
|
||||||
|
content: completion.choices[0].message.content,
|
||||||
|
sender: 'admin',
|
||||||
|
avatar: avatar1,
|
||||||
|
timestamp: new Date()
|
||||||
|
})
|
||||||
|
openFullScreen(false)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 时间格式化
|
||||||
|
const formatTime = (date) => {
|
||||||
|
return date.toLocaleTimeString('zh-CN', {
|
||||||
|
hour: '2-digit',
|
||||||
|
minute: '2-digit'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const openFullScreen = (temp) => {
|
||||||
|
const loading = ElLoading.service({
|
||||||
|
lock: true,
|
||||||
|
text: '加载中，可能等待较长时间...',
|
||||||
|
background: 'rgba(0, 0, 0, 0.7)',
|
||||||
|
})
|
||||||
|
if (!temp){
|
||||||
|
loading.close()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 自动滚动到底部
|
||||||
|
const scrollToBottom = () => {
|
||||||
|
nextTick(() => {
|
||||||
|
if (messageContainer.value) {
|
||||||
|
messageContainer.value.scrollTop = messageContainer.value.scrollHeight
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.chat-container {
|
||||||
|
width: 100%;
|
||||||
|
margin: 20px auto;
|
||||||
|
border: 1px solid #e0e0e0;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-list {
|
||||||
|
height: 400px;
|
||||||
|
padding: 20px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-item {
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-item.user {
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-item.user avatar {
|
||||||
|
order: 2; /* 用户头像在右侧 */
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-item.user .message-bubble {
|
||||||
|
background: #67c23a;
|
||||||
|
color: white;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-item.admin avatar {
|
||||||
|
order: 1; /* 管理员头像在左侧 */
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-item.admin .message-bubble {
|
||||||
|
background: white;
|
||||||
|
border: 1px solid #e0e0e0;
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar img {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-bubble {
|
||||||
|
max-width: 70%;
|
||||||
|
padding: 12px 16px;
|
||||||
|
border-radius: 12px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-content {
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-content >>> pre {
|
||||||
|
background: #f5f5f5;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-content >>> code {
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
background: #f5f5f5;
|
||||||
|
padding: 2px 4px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-time {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #666;
|
||||||
|
margin-top: 4px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-area {
|
||||||
|
display: flex;
|
||||||
|
padding: 20px;
|
||||||
|
background: white;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-area input {
|
||||||
|
flex: 1;
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #e0e0e0;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-area button {
|
||||||
|
padding: 10px 20px;
|
||||||
|
background: #409eff;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-area button:hover {
|
||||||
|
background: #66b1ff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -114,8 +114,8 @@ const handleConfirm=async()=>{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.avatar {
|
.avatar {
|
||||||
width: 178px;
|
width: 50px;
|
||||||
height: 178px;
|
height: 50px;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
223
src/views/employee/NoContract/index.vue
Normal file
223
src/views/employee/NoContract/index.vue
Normal file
|
|
@ -0,0 +1,223 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<el-card>
|
||||||
|
<el-row :gutter="20" class="header">
|
||||||
|
<el-col :span="7">
|
||||||
|
<el-input placeholder="请输入美甲师ID..." clearable v-model="query" ></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-button type="button" :icon="Search" @click="initEmployeeList">搜索</el-button>
|
||||||
|
|
||||||
|
</el-row>
|
||||||
|
<el-table :data="tempData" stripe style="width: 100%;" showOverflowTooltip>
|
||||||
|
<el-table-column prop="id" label="#ID" width="80" />
|
||||||
|
<el-table-column prop="manicuristName" label="用户昵称" width="200" />
|
||||||
|
<el-table-column prop="manicuristAvatar" label="头像" width="200">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<img :src="scope.row.manicuristAvatar" width="50" height="50"/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="性别" prop="gender">
|
||||||
|
<template #default="scope">
|
||||||
|
<div v-if="scope.row.gender==0">女</div>
|
||||||
|
<div v-else>男</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="商家" prop="businessId"/>
|
||||||
|
<el-table-column label="签约状态" prop="businessId">
|
||||||
|
<template #default="scope">
|
||||||
|
<div v-if="scope.row.businessId>0">已签约</div>
|
||||||
|
<div v-else style="color: red">未签约</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="phone" label="手机号" width="120px"/>
|
||||||
|
<el-table-column prop="email" label="邮箱" width="180px"/>
|
||||||
|
<el-table-column prop="rating" label="评分" width="200px">
|
||||||
|
<template v-slot="scope" style="height: 100px">
|
||||||
|
<div class="demo-rate-block">
|
||||||
|
<el-rate v-model="scope.row.rating" :colors="colors"/>
|
||||||
|
{{scope.row.rating}}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="createTime" label="注册日期" width="200"/>
|
||||||
|
<el-table-column prop="updateTime" label="最后登录日期" width="200"/>
|
||||||
|
<el-table-column prop="action" fixed="right" label="操作" min-width="120">
|
||||||
|
<template v-slot="scope" >
|
||||||
|
<!-- <el-button @click="handleRouter(scope.row.id)" type="primary" :icon="DocumentAdd" >审核美甲师</el-button>-->
|
||||||
|
<!-- <el-button type="success" size="small" @click="handleDialogValue(scope.row.id)">-->
|
||||||
|
<!-- 详情-->
|
||||||
|
<!-- </el-button>-->
|
||||||
|
<!-- <el-button type="primary" size="small" :icon="Edit" @click="handleUpdateDialogValue(scope.row.id)"></el-button>-->
|
||||||
|
<el-button type="danger" size="small" :icon="Delete" @click="handleMessage(scope.row.id)">签约</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
v-model:currentPage="queryForm.current"
|
||||||
|
layout="total, prev, pager, next, jumper"
|
||||||
|
:total="total"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
/>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import {Search,DocumentAdd,Delete,Edit} from '@element-plus/icons-vue'
|
||||||
|
import {ref, watch} from 'vue'
|
||||||
|
import axios from "@/util/axios";
|
||||||
|
import {getBusinessID} from "@/util/time";
|
||||||
|
import { ElMessage,ElMessageBox } from "element-plus";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const queryForm=ref({
|
||||||
|
current:1,
|
||||||
|
pageSize:10
|
||||||
|
})
|
||||||
|
const query=ref();
|
||||||
|
const total=ref(0)
|
||||||
|
const tableData =ref([])
|
||||||
|
|
||||||
|
|
||||||
|
const qianButton=ref({
|
||||||
|
businessId: "",
|
||||||
|
id: ""
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const handleMessage=(ids)=>{
|
||||||
|
// console.log(ids)
|
||||||
|
ElMessageBox.confirm(
|
||||||
|
'您确定要签约这个美甲师吗？',
|
||||||
|
'系统提示',
|
||||||
|
{
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.then(async() => {
|
||||||
|
qianButton.value.id=ids;
|
||||||
|
qianButton.value.businessId=getBusinessID()
|
||||||
|
let res=await axios.post("manicurist/update",qianButton.value)
|
||||||
|
if(res.data.code==0){
|
||||||
|
ElMessage({
|
||||||
|
type: 'success',
|
||||||
|
message: '签约成功',
|
||||||
|
})
|
||||||
|
initEmployeeList();
|
||||||
|
}else{
|
||||||
|
ElMessage({
|
||||||
|
type: 'error',
|
||||||
|
message: res.data.description,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const tempData=ref([])
|
||||||
|
|
||||||
|
const tempstore=()=>{
|
||||||
|
tempData.value.slice(0,0)
|
||||||
|
tempData.value=tableData.value.slice(0,10)
|
||||||
|
|
||||||
|
}
|
||||||
|
const initEmployeeList=async()=>{
|
||||||
|
if (!query.value){
|
||||||
|
const res=await axios.post("manicurist/queryAll");
|
||||||
|
// console.log(res.data)
|
||||||
|
tableData.value=res.data.data;
|
||||||
|
tableData.value.filter(item=>item.auditStatus==1)
|
||||||
|
const t=[]
|
||||||
|
tableData.value.filter(item=>{
|
||||||
|
if(item.businessId==0||item.businessId==null){
|
||||||
|
t.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
tableData.value=t
|
||||||
|
total.value=Number(tableData.value.length);
|
||||||
|
tempstore()
|
||||||
|
}else{
|
||||||
|
// const res = await axios.get("manicurist/queryById", {manicuristId: query.value});
|
||||||
|
|
||||||
|
// console.log(res.data)
|
||||||
|
|
||||||
|
const temp=tableData.value.filter(item=>item.id==query.value)
|
||||||
|
console.log(temp)
|
||||||
|
// temp.push(res.data.data)
|
||||||
|
tableData.value = temp;
|
||||||
|
total.value = 1;
|
||||||
|
tempstore()
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
initEmployeeList();
|
||||||
|
const handleSizeChange = (pageSize) => {
|
||||||
|
queryForm.value.current=1;
|
||||||
|
queryForm.value.pageSize=pageSize;
|
||||||
|
initEmployeeList();
|
||||||
|
}
|
||||||
|
const handleCurrentChange = (pageNum) => {
|
||||||
|
tempData.value=tableData.value.slice(pageNum*10-10,pageNum*10)
|
||||||
|
}
|
||||||
|
|
||||||
|
// =============================================
|
||||||
|
const colors = ref(['#99A9BF', '#F7BA2A', '#FF9900'])
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.header{
|
||||||
|
padding-bottom: 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
}
|
||||||
|
.el-pagination{
|
||||||
|
padding-top: 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-rate-block {
|
||||||
|
padding: 15px 0;
|
||||||
|
text-align: center;
|
||||||
|
border-right: solid 1px var(--el-border-color);
|
||||||
|
display: inline-block;
|
||||||
|
width: 49%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-rate-block:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-rate-block .demonstration {
|
||||||
|
display: block;
|
||||||
|
color: var(--el-text-color-secondary);
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
293
src/views/employee/contract/index.vue
Normal file
293
src/views/employee/contract/index.vue
Normal file
|
|
@ -0,0 +1,293 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<el-card>
|
||||||
|
<el-row :gutter="20" class="header">
|
||||||
|
<el-col :span="7">
|
||||||
|
<el-input placeholder="请输入美甲师ID..." clearable v-model="query" ></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-button type="button" :icon="Search" @click="initEmployeeList">搜索</el-button>
|
||||||
|
</el-row>
|
||||||
|
<el-table :data="tempData" stripe style="width: 100%;" showOverflowTooltip>
|
||||||
|
<el-table-column prop="id" label="#ID" width="80" />
|
||||||
|
<el-table-column prop="manicuristName" label="用户昵称" width="200" />
|
||||||
|
<el-table-column prop="manicuristAvatar" label="头像" width="200">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<img :src="scope.row.manicuristAvatar" width="50" height="50"/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="性别" prop="gender">
|
||||||
|
<template #default="scope">
|
||||||
|
<div v-if="scope.row.gender==0">女</div>
|
||||||
|
<div v-else>男</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="phone" label="手机号" width="120px"/>
|
||||||
|
<el-table-column prop="email" label="邮箱" width="180px"/>
|
||||||
|
<el-table-column prop="rating" label="评分" width="200px">
|
||||||
|
<template v-slot="scope" style="height: 100px">
|
||||||
|
<div class="demo-rate-block">
|
||||||
|
<el-rate v-model="scope.row.rating" :colors="colors"/>
|
||||||
|
{{scope.row.rating}}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="salary" label="余额" />
|
||||||
|
<el-table-column prop="manStatus" label="状态" >
|
||||||
|
<template v-slot="scope">
|
||||||
|
<el-switch
|
||||||
|
v-model="scope.row.manStatus"
|
||||||
|
@change="updateSwtich(scope.row)"
|
||||||
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
|
||||||
|
/>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="createTime" label="注册日期" width="200"/>
|
||||||
|
<el-table-column prop="updateTime" label="最后登录日期" width="200"/>
|
||||||
|
<el-table-column prop="action" fixed="right" label="操作" min-width="220">
|
||||||
|
<template v-slot="scope" >
|
||||||
|
<!-- <el-button @click="handleRouter(scope.row.id)" type="primary" :icon="DocumentAdd" >审核美甲师</el-button>-->
|
||||||
|
<el-button type="success" size="small" @click="handleDialogValue(scope.row.id)">
|
||||||
|
详情
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary" size="small" :icon="Edit" @click="handleUpdateDialogValue(scope.row.id)"></el-button>
|
||||||
|
<el-button type="danger" size="small" :icon="Delete" @click="handleDelete(scope.row.id)"></el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
v-model:currentPage="queryForm.current"
|
||||||
|
layout="total, prev, pager, next, jumper"
|
||||||
|
:total="total"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
/>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<Dialog v-model="edialogVisible" :id="id" :dialogTitle="dialogTitle"
|
||||||
|
@initEmployeeList="initEmployeeList"></Dialog>
|
||||||
|
|
||||||
|
<UpdateDialog v-model="edialogUpdateVisible" :id="id" :dialogTitle="dialogTitle"
|
||||||
|
@initEmployeeList="initEmployeeList"></UpdateDialog>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import {Search,DocumentAdd,Delete,Edit} from '@element-plus/icons-vue'
|
||||||
|
import {ref, watch} from 'vue'
|
||||||
|
import axios from "@/util/axios";
|
||||||
|
import Dialog from '@/views/employee/dialog/index.vue'
|
||||||
|
import {getBusinessID} from "@/util/time";
|
||||||
|
import UpdateDialog from '@/views/employee/updateDialog/index.vue'
|
||||||
|
import { ElMessage,ElMessageBox } from "element-plus";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const queryForm=ref({
|
||||||
|
current:1,
|
||||||
|
pageSize:10
|
||||||
|
})
|
||||||
|
const query=ref();
|
||||||
|
const total=ref(0)
|
||||||
|
const tableData =ref([])
|
||||||
|
|
||||||
|
|
||||||
|
const id=ref('')
|
||||||
|
const dialogTitle=ref('');
|
||||||
|
const edialogaddVisible=ref(false)
|
||||||
|
const edialogVisible=ref(false)
|
||||||
|
const edialogUpdateVisible=ref(false)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const tempUpdate=ref({
|
||||||
|
id: null,
|
||||||
|
phone: "",
|
||||||
|
manicuristName: "",
|
||||||
|
userStatus: null
|
||||||
|
|
||||||
|
})
|
||||||
|
const updateSwtich= async (item)=>{
|
||||||
|
tempUpdate.value.id=item.id
|
||||||
|
tempUpdate.value.phone=item.phone
|
||||||
|
tempUpdate.value.manicuristName=item.manicuristName
|
||||||
|
if (item.manStatus==false){
|
||||||
|
tempUpdate.value.manStatus=1
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
tempUpdate.value.manStatus=0
|
||||||
|
}
|
||||||
|
//console.log("1341234"+JSON.stringify(tempUpdate.value))
|
||||||
|
let result = await axios.post("manicurist/update", tempUpdate.value)
|
||||||
|
|
||||||
|
//console.log(result.data)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const handleDialogValue=(ids)=>{
|
||||||
|
id.value=ids;
|
||||||
|
dialogTitle.value="美甲师详情"
|
||||||
|
edialogVisible.value=true
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleUpdateDialogValue=(ids)=>{
|
||||||
|
// console.log(id)
|
||||||
|
id.value=ids;
|
||||||
|
// console.log(id.value)
|
||||||
|
dialogTitle.value="美甲师修改"
|
||||||
|
edialogUpdateVisible.value=true
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const handleDelete=(ids)=>{
|
||||||
|
// console.log(ids)
|
||||||
|
ElMessageBox.confirm(
|
||||||
|
'您确定要删除这条记录吗？',
|
||||||
|
'系统提示',
|
||||||
|
{
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.then(async() => {
|
||||||
|
let res=await axios.post('manicurist/deleteMan?id='+Number(ids))
|
||||||
|
if(res.data.code==0){
|
||||||
|
ElMessage({
|
||||||
|
type: 'success',
|
||||||
|
message: '删除成功',
|
||||||
|
})
|
||||||
|
initEmployeeList();
|
||||||
|
}else{
|
||||||
|
ElMessage({
|
||||||
|
type: 'error',
|
||||||
|
message: res.data.description,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
})
|
||||||
|
// initUserList();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const tempData=ref([])
|
||||||
|
|
||||||
|
const tempstore=()=>{
|
||||||
|
const temp=[]
|
||||||
|
tableData.value.map(item=>{
|
||||||
|
|
||||||
|
if(item.manStatus==0)
|
||||||
|
{
|
||||||
|
item.manStatus=true
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
item.manStatus=false
|
||||||
|
}
|
||||||
|
if (item.auditStatus==1)
|
||||||
|
{
|
||||||
|
temp.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
tableData.value=temp
|
||||||
|
|
||||||
|
// console.log(tableData.value)
|
||||||
|
tempData.value.slice(0,0)
|
||||||
|
tempData.value=tableData.value.slice(0,10)
|
||||||
|
|
||||||
|
//console.log(res.data.data)
|
||||||
|
|
||||||
|
}
|
||||||
|
const initEmployeeList=async()=>{
|
||||||
|
if (!query.value){
|
||||||
|
// let JS=window.sessionStorage.getItem("BUSINESS_STATE");
|
||||||
|
// const id=JSON.parse(JS).id
|
||||||
|
// console.log(id)
|
||||||
|
const res=await axios.post("manicurist/queryAll");
|
||||||
|
// console.log(res.data)
|
||||||
|
tableData.value=res.data.data
|
||||||
|
const t=[]
|
||||||
|
tableData.value.filter(item=>{
|
||||||
|
if(item.auditStatus==1&&item.businessId==getBusinessID()){
|
||||||
|
t.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
tableData.value=t
|
||||||
|
const num=Number(tableData.value.length)
|
||||||
|
|
||||||
|
// console.log("initEmployeeList"+JSON.stringify(t))
|
||||||
|
total.value=num;
|
||||||
|
tempstore();
|
||||||
|
}else{
|
||||||
|
const res = await axios.get("manicurist/queryById", {manicuristId: query.value});
|
||||||
|
// console.log(res.data)
|
||||||
|
const temp = []
|
||||||
|
temp.push(res.data.data)
|
||||||
|
tableData.value = temp;
|
||||||
|
total.value = 1;
|
||||||
|
tempstore();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
initEmployeeList();
|
||||||
|
|
||||||
|
const handleCurrentChange = (pageNum) => {
|
||||||
|
tempData.value=tableData.value.slice(pageNum*10-10,pageNum*10)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// =============================================
|
||||||
|
const colors = ref(['#99A9BF', '#F7BA2A', '#FF9900'])
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.header{
|
||||||
|
padding-bottom: 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
}
|
||||||
|
.el-pagination{
|
||||||
|
padding-top: 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-rate-block {
|
||||||
|
padding: 15px 0;
|
||||||
|
text-align: center;
|
||||||
|
border-right: solid 1px var(--el-border-color);
|
||||||
|
display: inline-block;
|
||||||
|
width: 49%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-rate-block:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-rate-block .demonstration {
|
||||||
|
display: block;
|
||||||
|
color: var(--el-text-color-secondary);
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -46,6 +46,14 @@
|
||||||
<div v-else>男</div>
|
<div v-else>男</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="商家" prop="businessId"/>
|
||||||
|
<el-table-column label="签约状态" prop="businessId">
|
||||||
|
<template #default="scope">
|
||||||
|
<div v-if="scope.row.businessId!==null||scope.row.businessId>0">已签约</div>
|
||||||
|
<div v-else style="color: red">未签约</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="phone" label="手机号" width="120px"/>
|
<el-table-column prop="phone" label="手机号" width="120px"/>
|
||||||
<el-table-column prop="email" label="邮箱" width="180px"/>
|
<el-table-column prop="email" label="邮箱" width="180px"/>
|
||||||
|
|
@ -252,6 +260,7 @@ const initEmployeeList=async()=>{
|
||||||
// console.log(res.data)
|
// console.log(res.data)
|
||||||
tableData.value=res.data.data;
|
tableData.value=res.data.data;
|
||||||
let num=tableData.value.filter(item=>item.auditStatus==1)
|
let num=tableData.value.filter(item=>item.auditStatus==1)
|
||||||
|
|
||||||
total.value=num.length;
|
total.value=num.length;
|
||||||
tempstore();
|
tempstore();
|
||||||
}else{
|
}else{
|
||||||
|
|
|
||||||
|
|
@ -32,7 +32,7 @@ const initBreadcrumbList = () => {
|
||||||
}
|
}
|
||||||
watch(route, () => {
|
watch(route, () => {
|
||||||
initBreadcrumbList();
|
initBreadcrumbList();
|
||||||
console.log(route.matched)
|
// console.log(route.matched)
|
||||||
//console.log("breadcrumbList"+JSON.stringify(breadcrumbList))
|
//console.log("breadcrumbList"+JSON.stringify(breadcrumbList))
|
||||||
}, {deep: true, immediate: true})
|
}, {deep: true, immediate: true})
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
68
src/views/layout/header/tabs.vue
Normal file
68
src/views/layout/header/tabs.vue
Normal file
|
|
@ -0,0 +1,68 @@
|
||||||
|
<template>
|
||||||
|
<el-tabs
|
||||||
|
v-model="editableTabsValue"
|
||||||
|
type="card"
|
||||||
|
class="demo-tabs"
|
||||||
|
closable
|
||||||
|
@tab-remove="removeTab"
|
||||||
|
@tab-change="changeTab"
|
||||||
|
>
|
||||||
|
<el-tab-pane
|
||||||
|
v-for="item in editableTabs"
|
||||||
|
:key="item.name"
|
||||||
|
:label="item.title"
|
||||||
|
:name="item.name"
|
||||||
|
>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {getCurrentInstance, ref} from 'vue';
|
||||||
|
import router from "@/router";
|
||||||
|
|
||||||
|
// 创建全局响应式引用
|
||||||
|
|
||||||
|
|
||||||
|
const { proxy } = getCurrentInstance();
|
||||||
|
|
||||||
|
// 访问全局数组
|
||||||
|
const editableTabs = proxy.$editableTabs;
|
||||||
|
const editableTabsValue = proxy.$editableTabsValue
|
||||||
|
|
||||||
|
const changeTab=(targetName)=>{
|
||||||
|
router.push('/'+targetName)
|
||||||
|
console.log(targetName)
|
||||||
|
}
|
||||||
|
|
||||||
|
const removeTab = (targetName) => {
|
||||||
|
// console.log(targetName)
|
||||||
|
const tabs = editableTabs.value
|
||||||
|
console.log(editableTabsValue.value)
|
||||||
|
let activeName = editableTabsValue.value
|
||||||
|
if (activeName === targetName) {
|
||||||
|
tabs.forEach((tab, index) => {
|
||||||
|
if (tab.name === targetName) {
|
||||||
|
const nextTab = tabs[index + 1] || tabs[index - 1]
|
||||||
|
if (nextTab) {
|
||||||
|
activeName = nextTab.name
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
editableTabsValue.value = activeName
|
||||||
|
editableTabs.value = tabs.filter((tab) => tab.name !== targetName)
|
||||||
|
if (editableTabs.value.length>1&&activeName!=editableTabsValue){
|
||||||
|
// console.log(editableTabs.value[0].name)
|
||||||
|
editableTabsValue.value = editableTabs.value[0].name
|
||||||
|
router.push('/'+editableTabs.value[0].name)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -36,14 +36,17 @@
|
||||||
<el-aside width="200px" class="sidebar-container"><Menu/></el-aside>
|
<el-aside width="200px" class="sidebar-container"><Menu/></el-aside>
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-header>
|
<el-header>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<Breadcrumb/>
|
<Breadcrumb/>
|
||||||
<div class="navbar-right">
|
<div class="navbar-right">
|
||||||
<Avatar/>
|
<Avatar/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main>
|
<el-main>
|
||||||
|
<Tabs/>
|
||||||
<router-view/>
|
<router-view/>
|
||||||
</el-main>
|
</el-main>
|
||||||
<el-footer><Footer/></el-footer>
|
<el-footer><Footer/></el-footer>
|
||||||
|
|
@ -57,10 +60,10 @@ import Menu from '@/views/layout/menu'
|
||||||
import Breadcrumb from '@/views/layout/header/breadcrumb'
|
import Breadcrumb from '@/views/layout/header/breadcrumb'
|
||||||
import Avatar from '@/views/layout/header/avatar'
|
import Avatar from '@/views/layout/header/avatar'
|
||||||
import Footer from "@/views/layout/footer/index"
|
import Footer from "@/views/layout/footer/index"
|
||||||
import modifyPassword from '@/views/modifyPassword/index'
|
import Tabs from "@/views/layout/header/tabs.vue";
|
||||||
import order from '@/views/order/index'
|
|
||||||
import smallType from '@/views/smallType/index.vue'
|
// main.js
|
||||||
import bigType from '@/views/bigType/index.vue'
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
@ -69,6 +72,13 @@ import bigType from '@/views/bigType/index.vue'
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.demo-tabs > .el-tabs__content {
|
||||||
|
padding: 32px;
|
||||||
|
color: #6b778c;
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
.navbar {
|
.navbar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,8 @@
|
||||||
class="el-menu-vertical-demo"
|
class="el-menu-vertical-demo"
|
||||||
default-active="home"
|
default-active="home"
|
||||||
text-color="#fff"
|
text-color="#fff"
|
||||||
|
|
||||||
|
@select="addTab"
|
||||||
router
|
router
|
||||||
>
|
>
|
||||||
|
|
||||||
|
|
@ -74,18 +76,18 @@
|
||||||
<el-icon><management /></el-icon>
|
<el-icon><management /></el-icon>
|
||||||
<span>订单管理</span>
|
<span>订单管理</span>
|
||||||
</template>
|
</template>
|
||||||
<el-menu-item index="orderReservation">
|
<el-menu-item index="userReservation">
|
||||||
<el-icon><tickets /></el-icon>
|
<el-icon><tickets /></el-icon>
|
||||||
<span>上门预约</span>
|
<span>上门预约</span>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
<el-menu-item index="order">
|
<el-menu-item index="orderReservation" >
|
||||||
<el-icon><tickets /></el-icon>
|
<el-icon><tickets /></el-icon>
|
||||||
<span>到店服务</span>
|
<span>到店服务</span>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
<!-- <el-menu-item index="order">-->
|
<el-menu-item index="order">
|
||||||
<!-- <el-icon><tickets /></el-icon>-->
|
<el-icon><tickets /></el-icon>
|
||||||
<!-- <span>订单列表</span>-->
|
<span>订单列表</span>
|
||||||
<!-- </el-menu-item>-->
|
</el-menu-item>
|
||||||
</el-sub-menu>
|
</el-sub-menu>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -129,6 +131,7 @@
|
||||||
</el-sub-menu>
|
</el-sub-menu>
|
||||||
</el-menu>
|
</el-menu>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- ===================================================================================-->
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<el-menu
|
<el-menu
|
||||||
active-text-color="#ffd04b"
|
active-text-color="#ffd04b"
|
||||||
|
|
@ -147,7 +150,7 @@
|
||||||
<el-icon><management /></el-icon>
|
<el-icon><management /></el-icon>
|
||||||
<span>订单管理</span>
|
<span>订单管理</span>
|
||||||
</template>
|
</template>
|
||||||
<el-menu-item index="orderReservation">
|
<el-menu-item index="userReservation">
|
||||||
<el-icon><tickets /></el-icon>
|
<el-icon><tickets /></el-icon>
|
||||||
<span>上门预约</span>
|
<span>上门预约</span>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
|
|
@ -179,11 +182,11 @@
|
||||||
<el-icon><tickets /></el-icon>
|
<el-icon><tickets /></el-icon>
|
||||||
<span>美甲师管理</span>
|
<span>美甲师管理</span>
|
||||||
</template>
|
</template>
|
||||||
<el-menu-item index="employee">
|
<el-menu-item index="nocontractemployee">
|
||||||
<el-icon><management /></el-icon>
|
<el-icon><management /></el-icon>
|
||||||
<span>美甲师列表</span>
|
<span>美甲师列表</span>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
<el-menu-item index="employeeVerify">
|
<el-menu-item index="contractemployee">
|
||||||
<el-icon><tickets /></el-icon>
|
<el-icon><tickets /></el-icon>
|
||||||
<span>签约美甲师</span>
|
<span>签约美甲师</span>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
|
|
@ -240,10 +243,37 @@ import
|
||||||
import { useStore } from 'vuex'
|
import { useStore } from 'vuex'
|
||||||
import axios from "@/util/axios";
|
import axios from "@/util/axios";
|
||||||
import {ElMessage} from "element-plus";
|
import {ElMessage} from "element-plus";
|
||||||
import {ref} from "vue";
|
import {getCurrentInstance, ref} from "vue";
|
||||||
import {verifyPerson} from "@/util/time";
|
import {verifyPerson} from "@/util/time";
|
||||||
|
import {useRoute} from "vue-router";
|
||||||
|
import {getMenu} from '@/util/marked'
|
||||||
const store=useStore();
|
const store=useStore();
|
||||||
const ax=ref(true)
|
const ax=ref(true)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const { proxy } = getCurrentInstance();
|
||||||
|
|
||||||
|
// 访问全局数组
|
||||||
|
const editableTabs = proxy.$editableTabs;
|
||||||
|
const editableTabsValue = proxy.$editableTabsValue
|
||||||
|
const route = useRoute();
|
||||||
|
|
||||||
|
const addTab = (key) => {
|
||||||
|
|
||||||
|
// console.log(route.matched[1].name)
|
||||||
|
// console.log(key)
|
||||||
|
editableTabs.value.push({
|
||||||
|
title: getMenu(key),
|
||||||
|
name: key
|
||||||
|
})
|
||||||
|
// console.log(editableTabsValue.value)
|
||||||
|
editableTabsValue.value = key
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// =================================================================================
|
||||||
const initax=()=>{
|
const initax=()=>{
|
||||||
ax.value=verifyPerson();
|
ax.value=verifyPerson();
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,22 @@
|
||||||
<template>
|
<template>
|
||||||
<el-card>
|
<el-card>
|
||||||
<el-row :gutter="20" class="header">
|
|
||||||
<el-col :span="7">
|
|
||||||
<el-input placeholder="请输入订单号..." clearable v-model="queryForm.orderNumber"></el-input>
|
|
||||||
</el-col>
|
|
||||||
<el-button type="button" :icon="Search" @click="initOrderList">搜索</el-button>
|
|
||||||
</el-row>
|
|
||||||
<el-table :data="tableData" stripe style="width: 100%" showOverflowTooltip>
|
<el-table :data="tableData" stripe style="width: 100%" showOverflowTooltip>
|
||||||
<el-table-column prop="id" label="#ID" width="60" fixed/>
|
<el-table-column prop="id" label="#ID" width="60" fixed/>
|
||||||
<el-table-column prop="orderNumber" label="订单号" width="220" fixed/>
|
<el-table-column prop="userId" label="用户ID" width="100" />
|
||||||
<el-table-column prop="userName" label="用户昵称" width="200"/>
|
<el-table-column prop="username" label="用户昵称" width="200"/>
|
||||||
<el-table-column prop="totalPrice" label="订单总价" width="100"/>
|
<el-table-column prop="businessId" label="商家ID" width="100"/>
|
||||||
<el-table-column prop="paymentStatus" label="订单状态" width="100"/>
|
<el-table-column prop="businessName" label="商家名称" width="150"/>
|
||||||
<el-table-column prop="createTime" label="订单创建日期" width="200"/>
|
<el-table-column prop="manicuristId" label="美甲师ID" width="100"/>
|
||||||
<el-table-column prop="updateTime" label="订单支付日期" width="200"/>
|
<el-table-column prop="manicuristName" label="美甲师名称" width="150"/>
|
||||||
<el-table-column prop="userName" label="收货人" width="80"/>
|
<el-table-column prop="orderId" label="订单ID" width="100"/>
|
||||||
|
<el-table-column prop="status" label="预约状态" width="100">
|
||||||
|
<template v-slot="scope" >
|
||||||
|
{{statusFormatter[scope.row.status]}}
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="appointmentTime" label="预约时间" width="200"/>
|
||||||
<el-table-column prop="phone" label="联系电话" width="150"/>
|
<el-table-column prop="phone" label="联系电话" width="150"/>
|
||||||
<el-table-column prop="notes" label="描述" width="400"/>
|
<el-table-column prop="notes" label="描述" width="400"/>
|
||||||
<!-- <el-table-column label="操作" width="300" fixed="right">-->
|
<!-- <el-table-column label="操作" width="300" fixed="right">-->
|
||||||
|
|
@ -27,8 +29,7 @@
|
||||||
<!-- </el-table-column>-->
|
<!-- </el-table-column>-->
|
||||||
</el-table>
|
</el-table>
|
||||||
<el-pagination
|
<el-pagination
|
||||||
v-model:currentPage="queryForm.current"
|
v-model:currentPage="current"
|
||||||
v-model:page-size="queryForm.pageSize"
|
|
||||||
:page-sizes="[10, 20, 30, 40,50]"
|
:page-sizes="[10, 20, 30, 40,50]"
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
:total="total"
|
:total="total"
|
||||||
|
|
@ -40,144 +41,118 @@
|
||||||
<Dialog v-model:="dialogVisible" :id="id"></Dialog>
|
<Dialog v-model:="dialogVisible" :id="id"></Dialog>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import {Search,Delete} from '@element-plus/icons-vue'
|
|
||||||
import { ref} from 'vue'
|
import { ref} from 'vue'
|
||||||
import axios from "@/util/axios";
|
import axios from "@/util/axios";
|
||||||
import Dialog from "@/views/order/dialog/index.vue";
|
import Dialog from "@/views/order/dialog/index.vue";
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
import {useRoute} from "vue-router";
|
||||||
|
|
||||||
|
const current=ref();
|
||||||
|
let params=useRoute().query
|
||||||
|
|
||||||
|
|
||||||
const claimStatusRef=ref([]);
|
// const handleDelete=(id)=>{
|
||||||
|
// ElMessageBox.confirm(
|
||||||
|
// '您确认要删除这个订单记录吗吗？',
|
||||||
|
// '系统提示',
|
||||||
|
// {
|
||||||
|
// confirmButtonText: '确认',
|
||||||
|
// cancelButtonText: '取消',
|
||||||
|
// type: 'warning',
|
||||||
|
// }
|
||||||
|
// )
|
||||||
|
// .then(async () => {
|
||||||
|
// let res=await axios.get("admin/delete/"+id)
|
||||||
|
// if (res.data.code==0){
|
||||||
|
// ElMessage({
|
||||||
|
// type: 'success',
|
||||||
|
// message: '删除成功',
|
||||||
|
// })
|
||||||
|
// initReservation();
|
||||||
|
// }else{
|
||||||
|
// ElMessage({
|
||||||
|
// type: 'error',
|
||||||
|
// message: res.data.msg,
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// })
|
||||||
|
// .catch(() => {
|
||||||
|
//
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const handleDelete=(id)=>{
|
// const handleOrderStatus=(id,status)=>{
|
||||||
ElMessageBox.confirm(
|
// ElMessageBox.confirm(
|
||||||
'您确认要删除这个订单记录吗吗？',
|
// '您确认要更新这个订单状态吗？',
|
||||||
'系统提示',
|
// '系统提示',
|
||||||
{
|
// {
|
||||||
confirmButtonText: '确认',
|
// confirmButtonText: '确认',
|
||||||
cancelButtonText: '取消',
|
// cancelButtonText: '取消',
|
||||||
type: 'warning',
|
// type: 'warning',
|
||||||
}
|
// }
|
||||||
)
|
// )
|
||||||
.then(async () => {
|
// .then(async () => {
|
||||||
let res=await axios.get("admin/delete/"+id)
|
// let res=await axios.post("admin/updateStatus",{id:id,status:status})
|
||||||
if (res.data.code==0){
|
// if (res.data.code==0){
|
||||||
ElMessage({
|
// ElMessage({
|
||||||
type: 'success',
|
// type: 'success',
|
||||||
message: '删除成功',
|
// message: '执行成功',
|
||||||
})
|
// })
|
||||||
initOrderList();
|
// initReservation();
|
||||||
}else{
|
// }else{
|
||||||
ElMessage({
|
// ElMessage({
|
||||||
type: 'error',
|
// type: 'error',
|
||||||
message: res.data.msg,
|
// message: res.data.msg,
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
})
|
// })
|
||||||
.catch(() => {
|
// .catch(() => {
|
||||||
|
//
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const handleOrderStatus=(id,status)=>{
|
|
||||||
ElMessageBox.confirm(
|
|
||||||
'您确认要更新这个订单状态吗？',
|
|
||||||
'系统提示',
|
|
||||||
{
|
|
||||||
confirmButtonText: '确认',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
}
|
|
||||||
)
|
|
||||||
.then(async () => {
|
|
||||||
let res=await axios.post("admin/updateStatus",{id:id,status:status})
|
|
||||||
if (res.data.code==0){
|
|
||||||
ElMessage({
|
|
||||||
type: 'success',
|
|
||||||
message: '执行成功',
|
|
||||||
})
|
|
||||||
initOrderList();
|
|
||||||
}else{
|
|
||||||
ElMessage({
|
|
||||||
type: 'error',
|
|
||||||
message: res.data.msg,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
const dialogVisible=ref(false)
|
const dialogVisible=ref(false)
|
||||||
|
|
||||||
|
const statusFormatter=['已确认 ','已完成','已取消']
|
||||||
const handleDialogValue=(orderId)=>{
|
|
||||||
id.value=orderId;
|
|
||||||
dialogVisible.value=true;
|
|
||||||
}
|
|
||||||
|
|
||||||
const id=ref(-1);
|
|
||||||
|
|
||||||
|
|
||||||
const queryForm=ref({
|
|
||||||
orderNumber:'',
|
|
||||||
current:1,
|
|
||||||
pageSize:10
|
|
||||||
})
|
|
||||||
const total=ref(0)
|
const total=ref(0)
|
||||||
const tableData =ref([])
|
const tableData =ref([])
|
||||||
const initOrderList=async()=>{
|
const initReservation=async()=>{
|
||||||
const res=await axios.post("orders/list/page",queryForm.value);
|
const res=await axios.post("appointments/query",{id: JSON.parse(params.product)});
|
||||||
//console.log(res.data.data)
|
|
||||||
// const temp=[];
|
console.log(JSON.parse(params.product))
|
||||||
// temp.push(res.data.data)
|
|
||||||
// console.log(res.data.data)
|
|
||||||
claimStatusRef.value.splice(0,claimStatusRef.value.length);
|
|
||||||
if(res.data.data){
|
if(res.data.data){
|
||||||
|
res.data.data.forEach(item=>{
|
||||||
tableData.value=res.data.data.records;
|
if(!item.serviceMode){
|
||||||
|
tableData.value.push(item)
|
||||||
tableData.value.forEach(item => {
|
|
||||||
if (item.claimStatus==0) {
|
|
||||||
claimStatusRef.value.push(item)
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
tableData.value=claimStatusRef.value
|
total.value=Number(tableData.value.length);
|
||||||
total.value=Number(claimStatusRef.value.length);
|
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
ElMessage.error(res.data.description);
|
ElMessage.error(res.data.description);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
initOrderList();
|
initReservation();
|
||||||
const handleSizeChange = (pageSize) => {
|
const handleSizeChange = (pageSize) => {
|
||||||
queryForm.value.current=1;
|
//queryForm.value.current=1;
|
||||||
queryForm.value.pageSize=pageSize;
|
//queryForm.value.pageSize=pageSize;
|
||||||
initOrderList();
|
initReservation();
|
||||||
}
|
}
|
||||||
const handleCurrentChange = (current) => {
|
const handleCurrentChange = (current) => {
|
||||||
queryForm.value.current=current;
|
//queryForm.value.current=current;
|
||||||
initOrderList();
|
initReservation();
|
||||||
}
|
}
|
||||||
|
|
||||||
const statusFormatter=(row)=>{
|
|
||||||
switch (row.status){
|
|
||||||
case 1:
|
|
||||||
return "待支付";
|
|
||||||
case 2:
|
|
||||||
return "待发货";
|
|
||||||
case 3:
|
|
||||||
return "退款/退货";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.header{
|
.header{
|
||||||
|
|
|
||||||
160
src/views/order/useRreservation/index.vue
Normal file
160
src/views/order/useRreservation/index.vue
Normal file
|
|
@ -0,0 +1,160 @@
|
||||||
|
<template>
|
||||||
|
<el-card>
|
||||||
|
<el-row :gutter="20" class="header">
|
||||||
|
<el-col :span="7">
|
||||||
|
<el-input placeholder="请输入用户昵称..." clearable v-model="queryForm.username"></el-input>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4">
|
||||||
|
<el-select
|
||||||
|
v-model="queryForm.userRole"
|
||||||
|
size="default"
|
||||||
|
placeholder="用户角色"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="(item,index) in options"
|
||||||
|
:key="item.indexOf()"
|
||||||
|
:label="item"
|
||||||
|
:value="index"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
<el-button type="button" :icon="Search" @click="initUserList" >搜索</el-button>
|
||||||
|
|
||||||
|
</el-row>
|
||||||
|
<el-table :data="tableData" stripe style="width: 100%;" showOverflowTooltip>
|
||||||
|
<el-table-column fixed prop="id" label="#ID" width="80" />
|
||||||
|
<el-table-column prop="username" label="用户昵称" width="150" />
|
||||||
|
<el-table-column prop="avatarUrl" label="头像" width="200">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<el-popover
|
||||||
|
placement="right-start"
|
||||||
|
:width="200"
|
||||||
|
trigger="hover"
|
||||||
|
:content="scope.row.avatarUrl"
|
||||||
|
>
|
||||||
|
<template #reference>
|
||||||
|
<img :src="scope.row.avatarUrl" width="50" height="50"/>
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="openId" label="openId" />
|
||||||
|
<el-table-column prop="phone" label="电话" width="120"/>
|
||||||
|
<el-table-column prop="email" label="email" width="200"/>
|
||||||
|
<el-table-column prop="userStatus" label="用户状态" width="200">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<el-switch
|
||||||
|
disabled
|
||||||
|
v-model="scope.row.userStatus"
|
||||||
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="userRole" label="用户角色" width="200">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<div v-if="scope.row.userRole===0">普通用户</div>
|
||||||
|
<div v-else-if="scope.row.userRole===1">管理员</div>
|
||||||
|
<div v-else-if="scope.row.userRole===2">商家</div>
|
||||||
|
<div v-else>美甲师</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="action" fixed="right" label="操作" min-width="100">
|
||||||
|
<template v-slot="scope" >
|
||||||
|
|
||||||
|
<el-button type="success" size="small" @click="handleValue(scope.row.id)">
|
||||||
|
上门预约
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
v-model:currentPage="queryForm.current"
|
||||||
|
v-model:page-size="queryForm.pageSize"
|
||||||
|
:page-sizes="[10, 20, 30, 40,50]"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="total"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
/>
|
||||||
|
<!-- {{total}}-->
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import {Search,Delete,Edit,DocumentAdd,Close,Check} from '@element-plus/icons-vue'
|
||||||
|
import {ref, watch} from 'vue'
|
||||||
|
import axios from "@/util/axios";
|
||||||
|
|
||||||
|
import { ElMessage,ElMessageBox } from "element-plus";
|
||||||
|
import {useRouter} from "vue-router"
|
||||||
|
|
||||||
|
const router=useRouter();
|
||||||
|
|
||||||
|
|
||||||
|
const queryForm=ref({
|
||||||
|
userRole:'',
|
||||||
|
username: '',
|
||||||
|
current:1,
|
||||||
|
pageSize:10
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
const options = [ '普通用户', '管理员', '商家', '美甲师']
|
||||||
|
const dialogTitle=ref('');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const handleValue=(ids)=>{
|
||||||
|
router.push({path:'/orderReservation',query:{id: JSON.stringify(ids)}})
|
||||||
|
}
|
||||||
|
|
||||||
|
const total=ref(0)
|
||||||
|
const tableData =ref([])
|
||||||
|
|
||||||
|
const initUserList=async()=>{
|
||||||
|
|
||||||
|
const res = await axios.post("user/list/page", queryForm.value);
|
||||||
|
|
||||||
|
if (res.data.data) {
|
||||||
|
tableData.value = res.data.data.records;
|
||||||
|
tableData.value.map(item=>{
|
||||||
|
if(item.userStatus==0)
|
||||||
|
{
|
||||||
|
item.userStatus=true
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
item.userStatus=false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
//console.log(res.data.data)
|
||||||
|
total.value = Number(res.data.data.total);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
ElMessage.error(res.data.description);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
initUserList();
|
||||||
|
const handleSizeChange = (pageSize) => {
|
||||||
|
queryForm.value.current=1;
|
||||||
|
queryForm.value.pageSize=pageSize;
|
||||||
|
initUserList();
|
||||||
|
}
|
||||||
|
const handleCurrentChange = (current1) => {
|
||||||
|
queryForm.value.current=current1;
|
||||||
|
initUserList();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.header{
|
||||||
|
padding-bottom: 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
}
|
||||||
|
.el-pagination{
|
||||||
|
padding-top: 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -25,54 +25,12 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
|
|
||||||
let tabIndex = 2
|
|
||||||
const editableTabsValue = ref('2')
|
|
||||||
const editableTabs = ref([
|
|
||||||
{
|
|
||||||
title: 'Tab 1',
|
|
||||||
name: '1',
|
|
||||||
content: 'Tab 1 content',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Tab 2',
|
|
||||||
name: '2',
|
|
||||||
content: 'Tab 2 content',
|
|
||||||
},
|
|
||||||
])
|
|
||||||
|
|
||||||
const addTab = (targetName) => {
|
|
||||||
const newTabName = `${++tabIndex}`
|
|
||||||
editableTabs.value.push({
|
|
||||||
title: 'New Tab',
|
|
||||||
name: newTabName,
|
|
||||||
content: 'New Tab content',
|
|
||||||
})
|
|
||||||
editableTabsValue.value = newTabName
|
|
||||||
}
|
|
||||||
const removeTab = (targetName) => {
|
|
||||||
const tabs = editableTabs.value
|
|
||||||
let activeName = editableTabsValue.value
|
|
||||||
if (activeName === targetName) {
|
|
||||||
tabs.forEach((tab, index) => {
|
|
||||||
if (tab.name === targetName) {
|
|
||||||
const nextTab = tabs[index + 1] || tabs[index - 1]
|
|
||||||
if (nextTab) {
|
|
||||||
activeName = nextTab.name
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
editableTabsValue.value = activeName
|
|
||||||
editableTabs.value = tabs.filter((tab) => tab.name !== targetName)
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.demo-tabs > .el-tabs__content {
|
|
||||||
padding: 32px;
|
|
||||||
color: #6b778c;
|
|
||||||
font-size: 32px;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -50,12 +50,12 @@
|
||||||
@change="updateSwtich(scope.row)"
|
@change="updateSwtich(scope.row)"
|
||||||
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
|
||||||
/>
|
/>
|
||||||
<!-- <div v-if="scope.row.userStatus===0" style="color: red">-->
|
<!-- <div v-if="scope.row.userStatus===0" style="color: red">-->
|
||||||
<!-- 禁用-->
|
<!-- 禁用-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<!-- <div style="color: lawngreen" v-else>-->
|
<!-- <div style="color: lawngreen" v-else>-->
|
||||||
<!-- 启用-->
|
<!-- 启用-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="userRole" label="用户角色" width="200">
|
<el-table-column prop="userRole" label="用户角色" width="200">
|
||||||
|
|
@ -67,9 +67,9 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="createTime" label="注册日期" width="200">
|
<el-table-column prop="createTime" label="注册日期" width="200">
|
||||||
<!-- <template v-slot="scope">-->
|
<!-- <template v-slot="scope">-->
|
||||||
<!-- {{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}-->
|
<!-- {{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}-->
|
||||||
<!-- </template>-->
|
<!-- </template>-->
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="updateTime" label="最后登录日期" width="200"/>
|
<el-table-column prop="updateTime" label="最后登录日期" width="200"/>
|
||||||
<el-table-column prop="action" fixed="right" label="操作" min-width="220">
|
<el-table-column prop="action" fixed="right" label="操作" min-width="220">
|
||||||
|
|
@ -92,7 +92,7 @@
|
||||||
@size-change="handleSizeChange"
|
@size-change="handleSizeChange"
|
||||||
@current-change="handleCurrentChange"
|
@current-change="handleCurrentChange"
|
||||||
/>
|
/>
|
||||||
<!-- {{total}}-->
|
<!-- {{total}}-->
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -167,13 +167,13 @@ const handleDialogValue=(ids)=>{
|
||||||
UdialogVisible.value=true
|
UdialogVisible.value=true
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleUpdateDialogValue=(ids)=>{
|
const handleUpdateDialogValue=(ids)=>{
|
||||||
|
|
||||||
id.value=ids;
|
id.value=ids;
|
||||||
|
|
||||||
dialogTitle.value="用户修改"
|
dialogTitle.value="用户修改"
|
||||||
UdialogUpdateVisible.value=true
|
UdialogUpdateVisible.value=true
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleAddDialogValue=()=>{
|
const handleAddDialogValue=()=>{
|
||||||
dialogTitle.value="用户添加"
|
dialogTitle.value="用户添加"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user