上传代码
This commit is contained in:
24
CampusExpressDelivery/.gitignore
vendored
Normal file
24
CampusExpressDelivery/.gitignore
vendored
Normal file
@ -0,0 +1,24 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
5
CampusExpressDelivery/README.md
Normal file
5
CampusExpressDelivery/README.md
Normal file
@ -0,0 +1,5 @@
|
||||
# Vue 3 + TypeScript + Vite
|
||||
|
||||
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
||||
|
||||
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
|
||||
27
CampusExpressDelivery/SSL/xiaokuaisong.shop.key
Normal file
27
CampusExpressDelivery/SSL/xiaokuaisong.shop.key
Normal file
@ -0,0 +1,27 @@
|
||||
-----BEGIN RSA PRIVATE KEY-----
|
||||
MIIEogIBAAKCAQEA7gB1IUC1Utw3ghZ3Do2VJaBC+vAJUapVPCm4UuBZBvjziMnU
|
||||
feqhe1OPAkwUC1CDtuh5+xacknsheY6CrdfOV5qkMqCvg4opavcCWuj9d5wppO1U
|
||||
oBjsbYNUslYzwq2F3X0/N1sFUOQM56V69fIY+Kedos6FHsZD/ErX7yhDBY4H4Se2
|
||||
Q5NQjL12eWVys3Jn07ATTTAfVbsewJAxeMh58j51kVU0XhijemuibvtgiCSKMa4J
|
||||
TUM2+tldxC9Xfb4Et3xFTWdAJnp945oqWAzoDa9YszNGYJrs3TFJKsCxuXe8wBBT
|
||||
4iRLb+hcyVm8Wekax04HmJhl1NZhT+pg7mHnoQIDAQABAoIBAAQrkEHVdrvhgYw7
|
||||
KSnBTbPFoqjPkgU7HCBYTYtPtKWicO90lF9isCLHXngMhdUjK3Sl7wW5EiQfqdDt
|
||||
wCDMSUh4DGCZ98tQ7Vv7QSB/SLoq24CxGyCNQT7DvGUdzS1AAbqFWFlHpDCkN0zr
|
||||
hYuXyuvX8YNV1aep8wzhkZYmXSLErztMiFUvUYscIqQLkuVO8c0ydiA1ALPhvtB2
|
||||
Sv6PrEHeXMvi8ESTh/BMxrCHZZrDDodCMh0goY212UCAhBY/CG2z15s1GmgjdENt
|
||||
Fh88Ic5ZUTLq5BRM3tDRlErb/6/9lQLPxpfExPKC4eOyKHMpGvvPrzQUEWaUSlu2
|
||||
rzI6uQECgYEA/32Q7mYmvkIoAUmNPi7f8G65NKTVi6eUhkrbVKUksx78dqLg2Ay1
|
||||
156YJwA+VFdwnw3OkMlJYIhXXF7wQ6MvFB21wXkEkMQj/J/l3f/LoeVrR+Md2lyF
|
||||
M3P04zWkQoCRdTz9L3U08szlk7bj4RJxbLYxJ/0jJcO5H8afN1BkOSECgYEA7nn2
|
||||
h7jwvEZkTN1sAsYROQKssxBhZYQ4+M4wJ+QdGB4t6KNbO2PH+l1U8Mg2yFq++QRq
|
||||
uP9Q+qr89oTUYggmXzGseV5SeArMA5VN7py5Jg8L8eJGVEXALLXaC3ywTNY33A2C
|
||||
ff55HT7TRDoI638T4k7iYJ1VkfaDsexEgi8HXoECgYBK2H8fx98rt3e+wMxW3iaO
|
||||
afFpwawpaGNzX/SW/HYe30H4g0i5IigXTYenTUP1M1Rz0/iio8USOX7WOZ3LQr/k
|
||||
9bssPYaf3kXomPMfMPN3rxzZh2hUcuw2oY6pDSrcrItwO/iz8XMceff7aQWjBuMh
|
||||
hNIrs9WbF5Zg/6/e5Xcm4QKBgCAM9D05deFX9JMAD0wwIpBu85b9VJm4M4/85iv2
|
||||
VJKxO6pQiippNq9Ha+sQfYxf5drB5TYH2nJWGLlpEMI8JiwVGQEW1C6eBN1Wa6ru
|
||||
FVQwIYLYzmr1FObtaeixUWCCSe+hQTB9yvlLQEmjIx/DbIC16WbivmVnpDt9bZex
|
||||
imQBAoGARrA+XSwSytsdeM1JTIBwOhS8IprraxfVqhaqg7zneypy54Q3V9+inVeK
|
||||
rvVmEazUVtZsTg/J3uKxHv+LX+mFdwAV8lDElz/p1K1stMfsSUnNKLLDmRjrN586
|
||||
RBcp36sTnMVYikffNqxfowzymmvrJAKOny3sovZICzPkgzoPTm8=
|
||||
-----END RSA PRIVATE KEY-----
|
||||
62
CampusExpressDelivery/SSL/xiaokuaisong.shop.pem
Normal file
62
CampusExpressDelivery/SSL/xiaokuaisong.shop.pem
Normal file
@ -0,0 +1,62 @@
|
||||
-----BEGIN CERTIFICATE-----
|
||||
MIIGEjCCBPqgAwIBAgIQBbg2EGUqRzMeBv4XlQPfPzANBgkqhkiG9w0BAQsFADBu
|
||||
MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
|
||||
d3cuZGlnaWNlcnQuY29tMS0wKwYDVQQDEyRFbmNyeXB0aW9uIEV2ZXJ5d2hlcmUg
|
||||
RFYgVExTIENBIC0gRzIwHhcNMjUwMzEzMDAwMDAwWhcNMjUwNjEwMjM1OTU5WjAc
|
||||
MRowGAYDVQQDExF4aWFva3VhaXNvbmcuc2hvcDCCASIwDQYJKoZIhvcNAQEBBQAD
|
||||
ggEPADCCAQoCggEBAO4AdSFAtVLcN4IWdw6NlSWgQvrwCVGqVTwpuFLgWQb484jJ
|
||||
1H3qoXtTjwJMFAtQg7boefsWnJJ7IXmOgq3XzleapDKgr4OKKWr3Alro/XecKaTt
|
||||
VKAY7G2DVLJWM8Kthd19PzdbBVDkDOelevXyGPinnaLOhR7GQ/xK1+8oQwWOB+En
|
||||
tkOTUIy9dnllcrNyZ9OwE00wH1W7HsCQMXjIefI+dZFVNF4Yo3prom77YIgkijGu
|
||||
CU1DNvrZXcQvV32+BLd8RU1nQCZ6feOaKlgM6A2vWLMzRmCa7N0xSSrAsbl3vMAQ
|
||||
U+IkS2/oXMlZvFnpGsdOB5iYZdTWYU/qYO5h56ECAwEAAaOCAvwwggL4MB8GA1Ud
|
||||
IwQYMBaAFHjfkZBf7t6s9sV169VMVVPvJEq2MB0GA1UdDgQWBBQXPuvYOoWcOMyK
|
||||
b3LR/m5M+SEqOjAzBgNVHREELDAqghF4aWFva3VhaXNvbmcuc2hvcIIVd3d3Lnhp
|
||||
YW9rdWFpc29uZy5zaG9wMD4GA1UdIAQ3MDUwMwYGZ4EMAQIBMCkwJwYIKwYBBQUH
|
||||
AgEWG2h0dHA6Ly93d3cuZGlnaWNlcnQuY29tL0NQUzAOBgNVHQ8BAf8EBAMCBaAw
|
||||
HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMIGABggrBgEFBQcBAQR0MHIw
|
||||
JAYIKwYBBQUHMAGGGGh0dHA6Ly9vY3NwLmRpZ2ljZXJ0LmNvbTBKBggrBgEFBQcw
|
||||
AoY+aHR0cDovL2NhY2VydHMuZGlnaWNlcnQuY29tL0VuY3J5cHRpb25FdmVyeXdo
|
||||
ZXJlRFZUTFNDQS1HMi5jcnQwDAYDVR0TAQH/BAIwADCCAX8GCisGAQQB1nkCBAIE
|
||||
ggFvBIIBawFpAHcATnWjJ1yaEMM4W2zU3z9S6x3w4I4bjWnAsfpksWKaOd8AAAGV
|
||||
jmc97gAABAMASDBGAiEAoYWQ8iavGTLIH4jqUngz50C0ZjZAnlTxgg8/YwjsQUoC
|
||||
IQDgojkRl8fgVYI3jC0u/n8MNQEnoKTJI8Y9q3cAsm0+XgB3AHMgIg8IFor588Sm
|
||||
iwqyappKAO71d4WKCE0FANSlQkRZAAABlY5nPhAAAAQDAEgwRgIhAPR2D8STMyua
|
||||
aO386zeiuK50P3zUM7hXC6hkrRTq6HJaAiEAhNZWFG2XG93jldcd76I+o74Xl/3i
|
||||
OS+6IgavCD15cYQAdQDm0jFjQHeMwRBBBtdxuc7B0kD2loSG+7qHMh39HjeOUAAA
|
||||
AZWOZz4gAAAEAwBGMEQCIBDSrtuoMLTcOXWkLUd2wE1b/rOyJhrOpNzuyVSjiJl8
|
||||
AiA+lA9UqElkIXJ7dVbv6+9Y3OviuCpFlhcL0HChF+C0gzANBgkqhkiG9w0BAQsF
|
||||
AAOCAQEA0CZyVm1PtZh5EZoMu0vheFjgEeefq2qvqU5b0/aQaCXnLnBu694tBlL2
|
||||
YZz+L0Q2wnzjBMczoJFBROEyauvHT4rtq/xkyUOtLl9XB4jD+H0pNWwJ1m69m9ED
|
||||
7Tqam3PKTc4k7ICLRZtLTHk/3hW0EuAYpf8Ncm2Bqr8RHGVkQ4+5TyVuK3TzDrtG
|
||||
ICX1+k8JQxupEWHzmZkcCf5qd1m+yv/qzkCQ2bqe48zFqMx+1Nw2mc82VBp+TXup
|
||||
Gk9rNNStjj7+pDYNGBQDR35WXKgy1Nq8npqMLCZcFHLMld9hCfoRkjoYiINbCqBM
|
||||
dpfu6Ss9Ap9isZv9IqW33n0WY/8HVw==
|
||||
-----END CERTIFICATE-----
|
||||
-----BEGIN CERTIFICATE-----
|
||||
MIIEqjCCA5KgAwIBAgIQDeD/te5iy2EQn2CMnO1e0zANBgkqhkiG9w0BAQsFADBh
|
||||
MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
|
||||
d3cuZGlnaWNlcnQuY29tMSAwHgYDVQQDExdEaWdpQ2VydCBHbG9iYWwgUm9vdCBH
|
||||
MjAeFw0xNzExMjcxMjQ2NDBaFw0yNzExMjcxMjQ2NDBaMG4xCzAJBgNVBAYTAlVT
|
||||
MRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5j
|
||||
b20xLTArBgNVBAMTJEVuY3J5cHRpb24gRXZlcnl3aGVyZSBEViBUTFMgQ0EgLSBH
|
||||
MjCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAO8Uf46i/nr7pkgTDqnE
|
||||
eSIfCFqvPnUq3aF1tMJ5hh9MnO6Lmt5UdHfBGwC9Si+XjK12cjZgxObsL6Rg1njv
|
||||
NhAMJ4JunN0JGGRJGSevbJsA3sc68nbPQzuKp5Jc8vpryp2mts38pSCXorPR+sch
|
||||
QisKA7OSQ1MjcFN0d7tbrceWFNbzgL2csJVQeogOBGSe/KZEIZw6gXLKeFe7mupn
|
||||
NYJROi2iC11+HuF79iAttMc32Cv6UOxixY/3ZV+LzpLnklFq98XORgwkIJL1HuvP
|
||||
ha8yvb+W6JislZJL+HLFtidoxmI7Qm3ZyIV66W533DsGFimFJkz3y0GeHWuSVMbI
|
||||
lfsCAwEAAaOCAU8wggFLMB0GA1UdDgQWBBR435GQX+7erPbFdevVTFVT7yRKtjAf
|
||||
BgNVHSMEGDAWgBROIlQgGJXm427mD/r6uRLtBhePOTAOBgNVHQ8BAf8EBAMCAYYw
|
||||
HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMBIGA1UdEwEB/wQIMAYBAf8C
|
||||
AQAwNAYIKwYBBQUHAQEEKDAmMCQGCCsGAQUFBzABhhhodHRwOi8vb2NzcC5kaWdp
|
||||
Y2VydC5jb20wQgYDVR0fBDswOTA3oDWgM4YxaHR0cDovL2NybDMuZGlnaWNlcnQu
|
||||
Y29tL0RpZ2lDZXJ0R2xvYmFsUm9vdEcyLmNybDBMBgNVHSAERTBDMDcGCWCGSAGG
|
||||
/WwBAjAqMCgGCCsGAQUFBwIBFhxodHRwczovL3d3dy5kaWdpY2VydC5jb20vQ1BT
|
||||
MAgGBmeBDAECATANBgkqhkiG9w0BAQsFAAOCAQEAoBs1eCLKakLtVRPFRjBIJ9LJ
|
||||
L0s8ZWum8U8/1TMVkQMBn+CPb5xnCD0GSA6L/V0ZFrMNqBirrr5B241OesECvxIi
|
||||
98bZ90h9+q/X5eMyOD35f8YTaEMpdnQCnawIwiHx06/0BfiTj+b/XQih+mqt3ZXe
|
||||
xNCJqKexdiB2IWGSKcgahPacWkk/BAQFisKIFYEqHzV974S3FAz/8LIfD58xnsEN
|
||||
GfzyIDkH3JrwYZ8caPTf6ZX9M1GrISN8HnWTtdNCH2xEajRa/h9ZBXjUyFKQrGk2
|
||||
n2hcLrfZSbynEC/pSw/ET7H5nWwckjmAJ1l9fcnbqkU/pf6uMQmnfl0JQjJNSg==
|
||||
-----END CERTIFICATE-----
|
||||
10
CampusExpressDelivery/auto-imports.d.ts
vendored
Normal file
10
CampusExpressDelivery/auto-imports.d.ts
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
/* eslint-disable */
|
||||
/* prettier-ignore */
|
||||
// @ts-nocheck
|
||||
// noinspection JSUnusedGlobalSymbols
|
||||
// Generated by unplugin-auto-import
|
||||
// biome-ignore lint: disable
|
||||
export {}
|
||||
declare global {
|
||||
|
||||
}
|
||||
51
CampusExpressDelivery/components.d.ts
vendored
Normal file
51
CampusExpressDelivery/components.d.ts
vendored
Normal file
@ -0,0 +1,51 @@
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck
|
||||
// Generated by unplugin-vue-components
|
||||
// Read more: https://github.com/vuejs/core/pull/3399
|
||||
export {}
|
||||
|
||||
/* prettier-ignore */
|
||||
declare module 'vue' {
|
||||
export interface GlobalComponents {
|
||||
AAvatar: typeof import('ant-design-vue/es')['Avatar']
|
||||
ABreadcrumb: typeof import('ant-design-vue/es')['Breadcrumb']
|
||||
ABreadcrumbItem: typeof import('ant-design-vue/es')['BreadcrumbItem']
|
||||
AButton: typeof import('ant-design-vue/es')['Button']
|
||||
ACard: typeof import('ant-design-vue/es')['Card']
|
||||
AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider']
|
||||
ADescriptions: typeof import('ant-design-vue/es')['Descriptions']
|
||||
ADescriptionsItem: typeof import('ant-design-vue/es')['DescriptionsItem']
|
||||
ADivider: typeof import('ant-design-vue/es')['Divider']
|
||||
ADrawer: typeof import('ant-design-vue/es')['Drawer']
|
||||
ADropdown: typeof import('ant-design-vue/es')['Dropdown']
|
||||
AEmpty: typeof import('ant-design-vue/es')['Empty']
|
||||
AForm: typeof import('ant-design-vue/es')['Form']
|
||||
AFormItem: typeof import('ant-design-vue/es')['FormItem']
|
||||
AImage: typeof import('ant-design-vue/es')['Image']
|
||||
AInput: typeof import('ant-design-vue/es')['Input']
|
||||
AInputSearch: typeof import('ant-design-vue/es')['InputSearch']
|
||||
ALayout: typeof import('ant-design-vue/es')['Layout']
|
||||
ALayoutContent: typeof import('ant-design-vue/es')['LayoutContent']
|
||||
ALayoutHeader: typeof import('ant-design-vue/es')['LayoutHeader']
|
||||
ALayoutSider: typeof import('ant-design-vue/es')['LayoutSider']
|
||||
AList: typeof import('ant-design-vue/es')['List']
|
||||
AListItem: typeof import('ant-design-vue/es')['ListItem']
|
||||
AListItemMeta: typeof import('ant-design-vue/es')['ListItemMeta']
|
||||
AMenu: typeof import('ant-design-vue/es')['Menu']
|
||||
AMenuItem: typeof import('ant-design-vue/es')['MenuItem']
|
||||
AModal: typeof import('ant-design-vue/es')['Modal']
|
||||
APagination: typeof import('ant-design-vue/es')['Pagination']
|
||||
ARangePicker: typeof import('ant-design-vue/es')['RangePicker']
|
||||
ASelect: typeof import('ant-design-vue/es')['Select']
|
||||
ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
|
||||
ASpace: typeof import('ant-design-vue/es')['Space']
|
||||
ASpin: typeof import('ant-design-vue/es')['Spin']
|
||||
ASubMenu: typeof import('ant-design-vue/es')['SubMenu']
|
||||
ATable: typeof import('ant-design-vue/es')['Table']
|
||||
ATag: typeof import('ant-design-vue/es')['Tag']
|
||||
ATextarea: typeof import('ant-design-vue/es')['Textarea']
|
||||
AUpload: typeof import('ant-design-vue/es')['Upload']
|
||||
RouterLink: typeof import('vue-router')['RouterLink']
|
||||
RouterView: typeof import('vue-router')['RouterView']
|
||||
}
|
||||
}
|
||||
BIN
CampusExpressDelivery/dist.zip
Normal file
BIN
CampusExpressDelivery/dist.zip
Normal file
Binary file not shown.
13
CampusExpressDelivery/index.html
Normal file
13
CampusExpressDelivery/index.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>校快送</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
3952
CampusExpressDelivery/package-lock.json
generated
Normal file
3952
CampusExpressDelivery/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
30
CampusExpressDelivery/package.json
Normal file
30
CampusExpressDelivery/package.json
Normal file
@ -0,0 +1,30 @@
|
||||
{
|
||||
"name": "campusexpressdelivery",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vue-tsc -b && vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"ant-design-vue": "^4.2.6",
|
||||
"axios": "^1.7.7",
|
||||
"echarts": "^5.6.0",
|
||||
"element-plus": "^2.8.8",
|
||||
"pinia": "^2.2.6",
|
||||
"pinia-plugin-persistedstate": "^4.1.3",
|
||||
"vue": "^3.5.12",
|
||||
"vue-router": "^4.4.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^5.1.4",
|
||||
"sass-embedded": "^1.81.0",
|
||||
"typescript": "~5.6.2",
|
||||
"unplugin-auto-import": "^0.18.5",
|
||||
"unplugin-vue-components": "^0.27.4",
|
||||
"vite": "^5.4.10",
|
||||
"vue-tsc": "^2.1.8"
|
||||
}
|
||||
}
|
||||
1
CampusExpressDelivery/public/vite.svg
Normal file
1
CampusExpressDelivery/public/vite.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
13
CampusExpressDelivery/src/App.vue
Normal file
13
CampusExpressDelivery/src/App.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<a-config-provider :locale="zhCN">
|
||||
<router-view/>
|
||||
</a-config-provider>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import zhCN from "ant-design-vue/es/locale/zh_CN";
|
||||
import dayjs from 'dayjs';
|
||||
import 'dayjs/locale/zh-cn';
|
||||
|
||||
dayjs.locale('zh-cn');
|
||||
</script>
|
||||
31
CampusExpressDelivery/src/api/myAxios.ts
Normal file
31
CampusExpressDelivery/src/api/myAxios.ts
Normal file
@ -0,0 +1,31 @@
|
||||
// 创建实例时配置默认值
|
||||
import axios from "axios";
|
||||
import router from "../router";
|
||||
|
||||
//const viteEnv = import.meta.env;
|
||||
|
||||
const myAxios = axios.create({
|
||||
withCredentials: true,
|
||||
//baseURL:'http://39.101.78.35:6271/api'
|
||||
// baseURL:'http://localhost:9999'
|
||||
// baseURL:'http://39.101.78.35:6445/api'
|
||||
// baseURL:'https://xiaokuaisong.shop:6448/api'
|
||||
baseURL:'https://xiaokuaisong.shop/api'
|
||||
});
|
||||
|
||||
myAxios.interceptors.request.use(function (config) {
|
||||
return config;
|
||||
}, function (error) {
|
||||
return Promise.reject(error);
|
||||
});
|
||||
|
||||
myAxios.interceptors.response.use(function (response: any) {
|
||||
if (response.data.code === 40100) {
|
||||
router.replace('/')
|
||||
}
|
||||
return response.data;
|
||||
}, function (error) {
|
||||
return Promise.reject(error);
|
||||
});
|
||||
|
||||
export default myAxios;
|
||||
BIN
CampusExpressDelivery/src/assets/background.png
Normal file
BIN
CampusExpressDelivery/src/assets/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 MiB |
BIN
CampusExpressDelivery/src/assets/login/bgi.jpg
Normal file
BIN
CampusExpressDelivery/src/assets/login/bgi.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
BIN
CampusExpressDelivery/src/assets/login/hidePassword.png
Normal file
BIN
CampusExpressDelivery/src/assets/login/hidePassword.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
CampusExpressDelivery/src/assets/login/image.png
Normal file
BIN
CampusExpressDelivery/src/assets/login/image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
CampusExpressDelivery/src/assets/login/showPassword.png
Normal file
BIN
CampusExpressDelivery/src/assets/login/showPassword.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
CampusExpressDelivery/src/assets/logo.png
Normal file
BIN
CampusExpressDelivery/src/assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
48
CampusExpressDelivery/src/layout/ManageLayout.vue
Normal file
48
CampusExpressDelivery/src/layout/ManageLayout.vue
Normal file
@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<div id="manage">
|
||||
<a-layout has-sider>
|
||||
<a-layout-sider :style="{ width: '200px' }">
|
||||
<ManageSidebar/>
|
||||
</a-layout-sider>
|
||||
<a-layout>
|
||||
<a-layout-header :style="{ background: '#fff', padding: 0}">
|
||||
<ManageHeader/>
|
||||
</a-layout-header>
|
||||
<a-layout-content class="main">
|
||||
<router-view :key="key" class="main-card"/>
|
||||
</a-layout-content>
|
||||
</a-layout>
|
||||
</a-layout>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import ManageHeader from "./manage/ManageHeader.vue";
|
||||
import ManageSidebar from "./manage/ManageSidebar.vue";
|
||||
import {useRoute} from "vue-router";
|
||||
|
||||
const route = useRoute();
|
||||
|
||||
const key = () => {
|
||||
return route.path + Math.random();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
#manage {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
flex: 1;
|
||||
flex-basis: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
</style>
|
||||
171
CampusExpressDelivery/src/layout/manage/ManageHeader.vue
Normal file
171
CampusExpressDelivery/src/layout/manage/ManageHeader.vue
Normal file
@ -0,0 +1,171 @@
|
||||
<template>
|
||||
<div class="manage-header">
|
||||
<div class="header-left">
|
||||
<a-breadcrumb class="breadcrumb">
|
||||
<a-breadcrumb-item>校快送后台管理系统</a-breadcrumb-item>
|
||||
<a-breadcrumb-item class="routeName">{{ route.name }}</a-breadcrumb-item>
|
||||
</a-breadcrumb>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<!-- <div class="bell">-->
|
||||
<!-- <BellTwoTone/>-->
|
||||
<!-- </div>-->
|
||||
<div class="name">
|
||||
{{ store.loginUser.userRole === "notLogin" ? '未登录' : store.loginUser.userRole }}
|
||||
</div>
|
||||
<div class="user">
|
||||
<a-dropdown>
|
||||
<a-avatar :size="40" class="user-avatar" :src="store.loginUser.avatarUrl"/>
|
||||
<template #overlay>
|
||||
<a-menu>
|
||||
<a-menu-item @click="logout">
|
||||
<LogoutOutlined />
|
||||
退出登录
|
||||
</a-menu-item>
|
||||
<a-menu-item @click="showDrawer">
|
||||
<UserOutlined />
|
||||
个人中心
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a-drawer
|
||||
title="个人中心"
|
||||
:placement="placement"
|
||||
:closable="false"
|
||||
:open="open"
|
||||
@close="onClose"
|
||||
class="custom-class"
|
||||
>
|
||||
<a-avatar :size="64" :src="store.loginUser.avatarUrl"></a-avatar>
|
||||
|
||||
<div class="message">
|
||||
<p class="firstmessage">用户名：{{ store.loginUser.username }}</p>
|
||||
<p>账号ID：{{ store.loginUser.username }}</p>
|
||||
<p>注册时间：2024-06-20</p>
|
||||
<p>账号权限：{{store.loginUser.userRole}}</p>
|
||||
<p>联系方式：{{store.loginUser.phone}}</p>
|
||||
</div>
|
||||
|
||||
|
||||
</a-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import {useRoute, useRouter} from "vue-router";
|
||||
import {userStore} from "../../store/userStore.ts";
|
||||
import {UserOutlined,LogoutOutlined} from '@ant-design/icons-vue';
|
||||
import myAxios from "../../api/myAxios.ts";
|
||||
import {message} from "ant-design-vue";
|
||||
import { ref } from 'vue';
|
||||
import type { DrawerProps } from 'ant-design-vue';
|
||||
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const store = userStore()
|
||||
|
||||
|
||||
const placement = ref<DrawerProps['placement']>('right');
|
||||
const open = ref<boolean>(false);
|
||||
|
||||
const showDrawer = () => {
|
||||
open.value = true;
|
||||
};
|
||||
|
||||
const onClose = () => {
|
||||
open.value = false;
|
||||
};
|
||||
|
||||
/**
|
||||
* 登出
|
||||
*/
|
||||
const logout = async () => {
|
||||
const res: any = await myAxios.post("/user/logout", {})
|
||||
if (res.code === 0 && res.data) {
|
||||
// 清除用户角色
|
||||
store.$reset()
|
||||
await router.replace('/')
|
||||
message.success('登出成功');
|
||||
} else {
|
||||
message.error(`登出失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.manage-header {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
justify-content: space-between;
|
||||
background: #fff;
|
||||
border-bottom: 2px solid #ccced7;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.header-left {
|
||||
display: flex;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.header-left .breadcrumb {
|
||||
color: black;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.routeName {
|
||||
font-size: 13px;
|
||||
padding-top: 10px;
|
||||
font-weight: 400;
|
||||
|
||||
}
|
||||
.header-right {
|
||||
display: flex;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.header-right .bell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.header-right .name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.header-right .user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-avatar {
|
||||
cursor: pointer;
|
||||
//transition: all 0.5s;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.user-avatar:hover {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
.custom-class img{
|
||||
float: left;
|
||||
}
|
||||
.message {
|
||||
float: right;
|
||||
margin-right: 100px;
|
||||
}
|
||||
.firstmessage {
|
||||
margin-top: 0;
|
||||
}
|
||||
</style>
|
||||
91
CampusExpressDelivery/src/layout/manage/ManageSidebar.vue
Normal file
91
CampusExpressDelivery/src/layout/manage/ManageSidebar.vue
Normal file
@ -0,0 +1,91 @@
|
||||
<template>
|
||||
<a-menu
|
||||
v-model:selectedKeys="selectedKeys"
|
||||
mode="inline"
|
||||
theme="dark"
|
||||
style="max-height: 200vh; min-height: 100vh"
|
||||
@click="handleClick"
|
||||
>
|
||||
<a-menu-item key="/index">
|
||||
<PieChartOutlined />
|
||||
<span>首页</span>
|
||||
</a-menu-item>
|
||||
<a-sub-menu>
|
||||
<template #title>
|
||||
<span>
|
||||
<UserOutlined />
|
||||
<span>用户管理</span>
|
||||
</span>
|
||||
</template>
|
||||
<a-menu-item key="/userList">用户列表</a-menu-item>
|
||||
</a-sub-menu>
|
||||
<a-sub-menu>
|
||||
<template #title>
|
||||
<span>
|
||||
<UserOutlined />
|
||||
<span>快送员管理</span>
|
||||
</span>
|
||||
</template>
|
||||
<a-menu-item key="/errandList">快送员列表</a-menu-item>
|
||||
<a-menu-item key="/runList">订单列表</a-menu-item>
|
||||
</a-sub-menu>
|
||||
<a-sub-menu>
|
||||
<template #title>
|
||||
<span>
|
||||
<ShopOutlined />
|
||||
<span>店铺管理</span>
|
||||
</span>
|
||||
</template>
|
||||
<a-menu-item key="/businessManage">门店管理</a-menu-item>
|
||||
<a-menu-item key="/storeList">订单列表</a-menu-item>
|
||||
<a-menu-item key="/log">店铺操作日志</a-menu-item>
|
||||
</a-sub-menu>
|
||||
<a-sub-menu>
|
||||
<template #title>
|
||||
<span>
|
||||
<SettingOutlined />
|
||||
<span>系统管理</span>
|
||||
</span>
|
||||
</template>
|
||||
<a-menu-item key="/info">管理员公告管理</a-menu-item>
|
||||
<!-- <a-menu-item key="/businessInfoManage">商家公告管理</a-menu-item>-->
|
||||
<a-menu-item key="/category">分类管理</a-menu-item>
|
||||
<a-menu-item key="/carousel">轮播图管理</a-menu-item>
|
||||
</a-sub-menu>
|
||||
<a-menu-item key="/CustomerService">
|
||||
<AlipayOutlined />
|
||||
<span>人工客服</span>
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue";
|
||||
import {UserOutlined, ShopOutlined, SettingOutlined,AlipayOutlined,PieChartOutlined} from '@ant-design/icons-vue';
|
||||
import {useRoute, useRouter} from "vue-router";
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
// 选中侧边栏
|
||||
const selectedKeys = ref<string[]>(['/userList']);
|
||||
|
||||
onMounted(() => {
|
||||
setSelectedKey()
|
||||
})
|
||||
|
||||
// 根据路由设置当前选中侧边栏
|
||||
const setSelectedKey = () => {
|
||||
selectedKeys.value = [route.path];
|
||||
}
|
||||
|
||||
// 路由跳转
|
||||
const handleClick = (item: any) => {
|
||||
router.push(item.key)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
14
CampusExpressDelivery/src/main.ts
Normal file
14
CampusExpressDelivery/src/main.ts
Normal file
@ -0,0 +1,14 @@
|
||||
import {createApp} from 'vue'
|
||||
import './style.css'
|
||||
import App from './App.vue'
|
||||
import pinia from "./store";
|
||||
import router from "./router";
|
||||
|
||||
const app = createApp(App)
|
||||
// 配置路由
|
||||
app.use(router)
|
||||
// 配置pinia
|
||||
app.use(pinia)
|
||||
// 挂在实例
|
||||
app.mount('#app')
|
||||
|
||||
11
CampusExpressDelivery/src/router/index.ts
Normal file
11
CampusExpressDelivery/src/router/index.ts
Normal file
@ -0,0 +1,11 @@
|
||||
import {createRouter, createWebHashHistory} from "vue-router";
|
||||
import {routes} from "./routes";
|
||||
|
||||
// 创建路由实例并传递 `routes` 配置
|
||||
const router = createRouter({
|
||||
// 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
|
||||
history: createWebHashHistory(),
|
||||
routes, // `routes: routes` 的缩写
|
||||
})
|
||||
|
||||
export default router
|
||||
121
CampusExpressDelivery/src/router/routes.ts
Normal file
121
CampusExpressDelivery/src/router/routes.ts
Normal file
@ -0,0 +1,121 @@
|
||||
// 将路由规则 routes 导出
|
||||
export const routes = [
|
||||
// 全局路由(无需嵌套上左右整体布局)
|
||||
{
|
||||
path: '/',
|
||||
name: 'Login',
|
||||
component: () => import("../view/Login.vue")
|
||||
},
|
||||
{
|
||||
path: '/test',
|
||||
name: '全局测试页面',
|
||||
component: () => import("../view/Test.vue"),
|
||||
},
|
||||
// 管理端
|
||||
{
|
||||
path: '/manage',
|
||||
component: () => import("../layout/ManageLayout.vue"),
|
||||
children: [
|
||||
// 首页
|
||||
{
|
||||
path: '/index',
|
||||
name: '首页',
|
||||
component: () => import("../view/Index.vue"),
|
||||
},
|
||||
// 账户管理
|
||||
{
|
||||
path: '/userList',
|
||||
name: '用户列表',
|
||||
component: () => import("../view/user/UserList.vue"),
|
||||
},
|
||||
//快送员管理
|
||||
{
|
||||
path: '/errandList',
|
||||
name: '快送员列表',
|
||||
component: () => import("../view/errand/errandList.vue"),
|
||||
},
|
||||
{
|
||||
path: '/errandInfo',
|
||||
name: '快送员审核',
|
||||
component: () => import("../view/errand/errandInfo.vue"),
|
||||
},
|
||||
{
|
||||
path: '/runList',
|
||||
name: '快送员订单',
|
||||
component: () => import("../view/errand/runList.vue"),
|
||||
},
|
||||
{
|
||||
path: '/errandOrderList',
|
||||
name: '快送员订单列表',
|
||||
component: () => import("../view/errand/errandOrderList.vue"),
|
||||
},
|
||||
// 店铺管理
|
||||
{
|
||||
path: '/businessManage',
|
||||
name: '门店管理',
|
||||
component: () => import("../view/shop/business/BusinessManage.vue"),
|
||||
},
|
||||
{
|
||||
path: '/businessInfo',
|
||||
name: '门店详情',
|
||||
component: () => import("../view/shop/business/BusinessInfo.vue"),
|
||||
},
|
||||
{
|
||||
path: '/DishGroup',
|
||||
name: '菜品分组详情',
|
||||
component: () => import("../view/shop/business/DishGroup.vue"),
|
||||
},
|
||||
{
|
||||
path: '/Dish',
|
||||
name: '菜品详情',
|
||||
component: () => import("../view/shop/business/Dish.vue"),
|
||||
},
|
||||
{
|
||||
path: '/storeList',
|
||||
name: '店铺列表',
|
||||
component: () => import("../view/shop/order/StoreList.vue"),
|
||||
},
|
||||
{
|
||||
path: '/orderList',
|
||||
name: '订单列表',
|
||||
component: () => import("../view/shop/order/OrderList.vue"),
|
||||
},
|
||||
{
|
||||
path: '/orderDetail',
|
||||
name: '订单详情',
|
||||
component: () => import("../view/shop/order/OrderDetail.vue"),
|
||||
},
|
||||
{
|
||||
path: '/log',
|
||||
name: '门店操作日志',
|
||||
component: () => import("../view/shop/BusinessLog.vue"),
|
||||
},
|
||||
// 系统管理
|
||||
{
|
||||
path: '/info',
|
||||
name: '公告管理',
|
||||
component: () => import("../view/system/Info.vue"),
|
||||
},
|
||||
{
|
||||
path: '/businessInfoManage',
|
||||
name: '商家公告管理',
|
||||
component: () => import("../view/system/BusinessInfo.vue"),
|
||||
},
|
||||
{
|
||||
path: '/category',
|
||||
name: '分类管理',
|
||||
component: () => import("../view/system/Category.vue"),
|
||||
},
|
||||
{
|
||||
path: '/carousel',
|
||||
name: '轮播图管理',
|
||||
component: () => import("../view/system/Carousel/Carousel.vue"),
|
||||
},
|
||||
{
|
||||
path: '/CustomerService',
|
||||
name: '人工客服',
|
||||
component: () => import("../view/Service/CustomerService.vue"),
|
||||
}
|
||||
]
|
||||
},
|
||||
]
|
||||
10
CampusExpressDelivery/src/store/index.ts
Normal file
10
CampusExpressDelivery/src/store/index.ts
Normal file
@ -0,0 +1,10 @@
|
||||
import {createPinia} from 'pinia'
|
||||
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
|
||||
|
||||
const pinia = createPinia();
|
||||
pinia.use(piniaPluginPersistedstate)
|
||||
|
||||
|
||||
|
||||
|
||||
export default pinia
|
||||
32
CampusExpressDelivery/src/store/userStore.ts
Normal file
32
CampusExpressDelivery/src/store/userStore.ts
Normal file
@ -0,0 +1,32 @@
|
||||
import {defineStore} from 'pinia'
|
||||
import myAxios from "../api/myAxios";
|
||||
|
||||
export const userStore = defineStore('user', {
|
||||
// 推荐使用 完整类型推断的箭头函数
|
||||
state: () => {
|
||||
return {
|
||||
loginUser: {
|
||||
username: '未登录',
|
||||
avatarUrl: '',
|
||||
userRole: 'notLogin',
|
||||
phone:''
|
||||
}
|
||||
}
|
||||
}, persist: true,
|
||||
|
||||
actions: {
|
||||
// 获取登录用户信息
|
||||
async getLoginUser() {
|
||||
// 请求登录信息
|
||||
const res: any = await myAxios.get('/user/current');
|
||||
if (res.code === 0 && res.data) {
|
||||
console.log("56765765756567")
|
||||
this.updateUser(res.data)
|
||||
}
|
||||
},
|
||||
// 更新用户信息
|
||||
updateUser(payLoad: any) {
|
||||
this.loginUser = payLoad;
|
||||
}
|
||||
}
|
||||
})
|
||||
48
CampusExpressDelivery/src/style.css
Normal file
48
CampusExpressDelivery/src/style.css
Normal file
@ -0,0 +1,48 @@
|
||||
html {
|
||||
/* 滚动时采用平滑过渡 */
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 管理页面全局样式 */
|
||||
|
||||
.main-card {
|
||||
min-height: calc(100vh - 100px);
|
||||
}
|
||||
|
||||
.search-box {
|
||||
display: flex;
|
||||
background-color: white;
|
||||
height: auto;
|
||||
box-shadow: 0 0 1px 1px #dedede;
|
||||
border-radius: 5px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.middle-button {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.data-box {
|
||||
margin-top: 20px;
|
||||
padding: 20px;
|
||||
box-shadow: 0 0 1px 1px #dedede;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin: 20px 0 20px 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.txt {
|
||||
font-weight: 900;
|
||||
font-size: 500px;
|
||||
}
|
||||
11
CampusExpressDelivery/src/utils/TableConfig.ts
Normal file
11
CampusExpressDelivery/src/utils/TableConfig.ts
Normal file
@ -0,0 +1,11 @@
|
||||
// 时间处理
|
||||
import router from "../router";
|
||||
|
||||
export const formatTime = (row: any) => {
|
||||
let data = row.value;
|
||||
return data.slice(0, 16).replace('T', '~');
|
||||
}
|
||||
|
||||
export const backPage = () => {
|
||||
router.back()
|
||||
}
|
||||
338
CampusExpressDelivery/src/view/Index.vue
Normal file
338
CampusExpressDelivery/src/view/Index.vue
Normal file
@ -0,0 +1,338 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, watch } from 'vue'
|
||||
import BrokenLine from "./echarts/BrokenLine.vue";
|
||||
import myAxios from "../api/myAxios.ts";
|
||||
import { ElDatePicker,ElAlert} from 'element-plus'
|
||||
import 'element-plus/dist/index.css'
|
||||
const isLoading = ref(true)
|
||||
|
||||
const dailyTransactions = ref('')
|
||||
const fiscalRevenue = ref('')
|
||||
const value1:any = ref<[Date, Date] | null>(null)
|
||||
const defaultTime1 = new Date(2000, 1, 1, 12, 0, 0)
|
||||
|
||||
// 日期格式化函数
|
||||
const formatDate:any = (date: Date | null | undefined): string => {
|
||||
if (!date) return ""
|
||||
const year = date.getFullYear()
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0')
|
||||
const day = String(date.getDate()).padStart(2, '0')
|
||||
return `${year}-${month}-${day}`
|
||||
}
|
||||
|
||||
// 监听日期选择变化
|
||||
watch(value1, (newVal) => {
|
||||
let startTime = ""
|
||||
let endTime = ""
|
||||
if (newVal && newVal.length === 2) {
|
||||
startTime = formatDate(newVal[0])
|
||||
endTime = formatDate(newVal[1])
|
||||
}
|
||||
fetchRevenue(startTime, endTime)
|
||||
totalNumber(startTime, endTime)
|
||||
})
|
||||
|
||||
// 获取财政收入数据
|
||||
const fetchRevenue:any = async (startTime: string = "", endTime: string = "") => {
|
||||
try {
|
||||
const response:any = await myAxios.post('/orders/count', {
|
||||
businessId: "",
|
||||
businessName: "",
|
||||
businessState: 0,
|
||||
categoryId: 0,
|
||||
endTime: endTime,
|
||||
startTime: startTime,
|
||||
state: 0,
|
||||
type: "money"
|
||||
}, {
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
})
|
||||
if (response.code === 0) {
|
||||
fiscalRevenue.value = parseFloat(response.data).toFixed(2)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error fetching revenue:', error)
|
||||
}
|
||||
}
|
||||
|
||||
// 获取交易单量数据
|
||||
const totalNumber:any = async (startTime: string = "", endTime: string = "") => {
|
||||
try {
|
||||
const response:any = await myAxios.post('/orders/count', {
|
||||
businessId: "",
|
||||
businessName: "",
|
||||
businessState: 0,
|
||||
categoryId: 0,
|
||||
endTime: endTime,
|
||||
startTime: startTime,
|
||||
state: 0,
|
||||
type: "number"
|
||||
}, {
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
})
|
||||
if (response.code === 0) {
|
||||
dailyTransactions.value = response.data
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error fetching total number:', error)
|
||||
}
|
||||
}
|
||||
|
||||
const refundList = ref<string[]>([]) // 明确类型为字符串数组
|
||||
|
||||
const getReasonRefund = async () => {
|
||||
try {
|
||||
const response:any = await myAxios.post('/refund/list/reson', {}, { // 添加空请求体
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
})
|
||||
|
||||
if (response.code === 0) {
|
||||
console.log(response)
|
||||
// 确保数据是数组格式（根据你的接口返回结构调整）
|
||||
refundList.value = Array.isArray(response.data) ? response.data : []
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error('请求失败:', error)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
onMounted(async () => {
|
||||
try {
|
||||
await Promise.all([
|
||||
fetchRevenue(),
|
||||
totalNumber(),
|
||||
getReasonRefund()
|
||||
])
|
||||
} catch (error) {
|
||||
console.error('数据加载失败:', error)
|
||||
} finally {
|
||||
isLoading.value = false
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<template>
|
||||
|
||||
<a-spin v-if="isLoading" class="loading-spinner" />
|
||||
<div v-if="!isLoading">
|
||||
<div class="container">
|
||||
<div class="box">
|
||||
<div class="number">每日交易量</div>
|
||||
<div class="number">{{ dailyTransactions }}</div>
|
||||
<div class="number">食堂总共交易量为{{ dailyTransactions }}</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="number">财政收入</div>
|
||||
<div class="number">￥{{ fiscalRevenue }}</div>
|
||||
<div class="number">每日财政收入金额为￥{{ fiscalRevenue }}</div>
|
||||
</div>
|
||||
<div class="boxTime">
|
||||
<div class="boxTime-number">时间选择器</div>
|
||||
<el-date-picker
|
||||
v-model="value1"
|
||||
type="datetimerange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:default-time="defaultTime1"
|
||||
/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert-chart-container">
|
||||
<div class="alert-container">
|
||||
<div class="boxTime-number">退款原因申请</div>
|
||||
<template v-if="refundList.length === 0">
|
||||
<a-empty />
|
||||
</template>
|
||||
<template v-else>
|
||||
<div class="refund-list">
|
||||
<el-alert
|
||||
v-for="(item, index) in refundList"
|
||||
:key="index"
|
||||
:title="`退款原因 ${index + 1}`"
|
||||
type="error"
|
||||
:description="item"
|
||||
show-icon
|
||||
:closable="false"
|
||||
class="alert-item"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<div class="chart-container">
|
||||
<BrokenLine />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.container {
|
||||
overflow: auto;
|
||||
}
|
||||
.box {
|
||||
float: left;
|
||||
width: 30%;
|
||||
margin: 1%;
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
.boxTime {
|
||||
float: left;
|
||||
margin: 1%;
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
|
||||
border-radius: 15px;
|
||||
}
|
||||
.boxTime-number {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.number:first-child {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.number:nth-child(2) {
|
||||
font-size: 24px;
|
||||
color: #4CAF50; /* Green color for the revenue amount */
|
||||
}
|
||||
|
||||
.number:nth-child(3) {
|
||||
color: #4CAF50; /* Green color for the change since last week */
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.brokenLine {
|
||||
margin: 0 auto;
|
||||
width: 60%;
|
||||
height: 40%;
|
||||
}
|
||||
.ordermethod {
|
||||
width: 100%;
|
||||
height: 40%;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.el-alert {
|
||||
margin: 20px 0 0;
|
||||
}
|
||||
.el-alert:first-child {
|
||||
margin: 0;
|
||||
}
|
||||
.alertMessage {
|
||||
width: 50%;
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 15px;
|
||||
margin: 1%;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
/* 新增布局样式 */
|
||||
.alert-chart-container {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin: 1%;
|
||||
height: 500px;
|
||||
width: calc(100% - 2%); /* 补偿左右margin */
|
||||
}
|
||||
|
||||
.alert-container {
|
||||
flex: 0 0 30%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
|
||||
height: 500px;
|
||||
|
||||
.refund-list {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding-right: 8px;
|
||||
|
||||
.alert-item {
|
||||
margin-bottom: 10px;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 自定义滚动条样式 */
|
||||
.refund-list::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.refund-list::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.refund-list::-webkit-scrollbar-thumb {
|
||||
background: #888;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.refund-list::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
|
||||
.chart-container {
|
||||
flex: 1;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* 响应式调整 */
|
||||
@media (max-width: 1200px) {
|
||||
.alert-chart-container {
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.alert-container {
|
||||
flex: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.chart-container {
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.loading-spinner {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 9999;
|
||||
}
|
||||
</style>
|
||||
293
CampusExpressDelivery/src/view/Login.vue
Normal file
293
CampusExpressDelivery/src/view/Login.vue
Normal file
@ -0,0 +1,293 @@
|
||||
<template>
|
||||
<div id="login">
|
||||
<form>
|
||||
<div class="box" @submit.prevent>
|
||||
<h2>校快送后台管理系统</h2>
|
||||
<div class="input-box">
|
||||
<label>账号</label>
|
||||
<input type="text" placeholder="账号" v-model="userAccount"/>
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<label>密码</label>
|
||||
<div class="password-container">
|
||||
<input
|
||||
class="password"
|
||||
:type="showPassword ? 'text' : 'password'"
|
||||
placeholder="密码"
|
||||
v-model="userPassword"
|
||||
autocomplete="new-password"
|
||||
/>
|
||||
<div @click="togglePassword" class="password-toggle">
|
||||
<img
|
||||
src="../assets/login/hidePassword.png"
|
||||
v-show="!showPassword"
|
||||
alt="隐藏密码"
|
||||
/>
|
||||
<img
|
||||
src="../assets/login/showPassword.png"
|
||||
v-show="showPassword"
|
||||
alt="显示密码"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<div>
|
||||
<button @click="onLogin" @keyup.enter="onLogin" type="button">登录</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {useRouter} from 'vue-router'
|
||||
import {ref} from 'vue'
|
||||
import {userStore} from "../store/userStore.ts";
|
||||
import myAxios from "../api/myAxios";
|
||||
import {message} from "ant-design-vue";
|
||||
|
||||
const store = userStore()
|
||||
const router = useRouter()
|
||||
|
||||
//默认闭眼图标
|
||||
let showPassword = ref(false)
|
||||
const userAccount = ref('');
|
||||
const userPassword = ref('');
|
||||
|
||||
/**
|
||||
* 登录
|
||||
*/
|
||||
const onLogin = async () => {
|
||||
try {
|
||||
const res: any = await myAxios.post("/user/login", {
|
||||
appName: 'admin',
|
||||
userAccount: userAccount.value,
|
||||
userPassword: userPassword.value
|
||||
});
|
||||
|
||||
if (res.code === 0 && res?.data) {
|
||||
console.log(res);
|
||||
// 存储用户角色
|
||||
await store.getLoginUser();
|
||||
// 添加调试信息
|
||||
console.log('Redirecting to /index');
|
||||
//await router.replace('/index');
|
||||
router.push('/index');
|
||||
message.success('登录成功');
|
||||
} else {
|
||||
message.error(`登录失败：${res.description}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Login error:', error);
|
||||
message.error('登录失败，请稍后再试');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 切换密码显示/隐藏
|
||||
*/
|
||||
const togglePassword = () => {
|
||||
showPassword.value = !showPassword.value
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#login {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('../assets/background.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 350px;
|
||||
height: 350px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.5);
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.5);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.3);
|
||||
backdrop-filter: blur(10px);
|
||||
background: rgba(50, 50, 50, 0.2);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.box > h2 {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.box .input-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.box .input-box label {
|
||||
font-size: 13px;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.box .input-box input {
|
||||
letter-spacing: 1px;
|
||||
font-size: 14px;
|
||||
box-sizing: border-box;
|
||||
width: 250px;
|
||||
height: 35px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
outline: none;
|
||||
padding: 0 12px;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
/* 密码输入框容器 */
|
||||
.password-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.password-container .password {
|
||||
width: 100%;
|
||||
padding-right: 40px; /* 为图标留出空间 */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 禁用浏览器默认的密码显示功能 */
|
||||
.password::-ms-reveal,
|
||||
.password::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.password-toggle {
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.password-toggle img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.box .input-box input:focus {
|
||||
border: 1px solid rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.box .btn-box {
|
||||
width: 250px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.box .btn-box > a {
|
||||
outline: none;
|
||||
display: block;
|
||||
width: 250px;
|
||||
text-align: end;
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.box .btn-box > a:hover {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.box .btn-box > div {
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box .btn-box > div > button {
|
||||
outline: none;
|
||||
margin-top: 10px;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
border-radius: 5px;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.box .btn-box > div > button:nth-of-type(1) {
|
||||
width: 250px;
|
||||
height: 35px;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
border: 1px solid rgba(64, 149, 229, 0.7);
|
||||
background: rgba(64, 149, 229, 0.5);
|
||||
}
|
||||
|
||||
.box .btn-box > div > button:nth-of-type(2) {
|
||||
width: 120px;
|
||||
height: 35px;
|
||||
margin-left: 10px;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
border: 1px solid rgba(64, 149, 229, 0.7);
|
||||
background: rgba(64, 149, 229, 0.5);
|
||||
}
|
||||
|
||||
.box .btn-box > div > button:hover {
|
||||
border: 1px solid rgba(64, 149, 229, 0.7);
|
||||
background: rgba(64, 149, 229, 0.5);
|
||||
}
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
.container {
|
||||
width: 28%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1366px) {
|
||||
.container {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1280px) {
|
||||
.container {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.agileheader h1 {
|
||||
font-size: 41px;
|
||||
}
|
||||
|
||||
.container h2 {
|
||||
font-size: 27px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
.container {
|
||||
width: 49%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
17
CampusExpressDelivery/src/view/Service/CustomerService.vue
Normal file
17
CampusExpressDelivery/src/view/Service/CustomerService.vue
Normal file
@ -0,0 +1,17 @@
|
||||
<template>
|
||||
<div style="width: 100%; height: 100%;">
|
||||
<iframe
|
||||
:src="chatUrl"
|
||||
frameborder="0"
|
||||
style="width: 100%; height: 100%; border: none;"
|
||||
></iframe>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const chatUrl = "https://ccs.cloud.alipay.com/bench/online";
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/* 样式部分保持不变 */
|
||||
</style>
|
||||
3
CampusExpressDelivery/src/view/Test.vue
Normal file
3
CampusExpressDelivery/src/view/Test.vue
Normal file
@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<div>123</div>
|
||||
</template>
|
||||
202
CampusExpressDelivery/src/view/echarts/BrokenLine.vue
Normal file
202
CampusExpressDelivery/src/view/echarts/BrokenLine.vue
Normal file
@ -0,0 +1,202 @@
|
||||
<script setup lang="ts">
|
||||
import { onMounted, ref } from "vue";
|
||||
import * as echarts from "echarts";
|
||||
import myAxios from "../../api/myAxios.ts";
|
||||
|
||||
const main = ref();
|
||||
const orderData = ref<any[]>([]);
|
||||
|
||||
onMounted(() => {
|
||||
init();
|
||||
getNumberOrder();
|
||||
});
|
||||
|
||||
const getNumberOrder = async () => {
|
||||
try {
|
||||
const response:any = await myAxios.post(
|
||||
"/orders/list/numnber",
|
||||
{},
|
||||
{
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
if (response.code === 0 && Array.isArray(response.data)) {
|
||||
orderData.value = response.data.reverse(); // 反转数组顺序以匹配日期排列
|
||||
updateChart();
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error("请求失败:", error);
|
||||
}
|
||||
};
|
||||
|
||||
const init = () => {
|
||||
const myChart = echarts.init(main.value);
|
||||
// 初始空配置
|
||||
myChart.setOption(getChartOption());
|
||||
};
|
||||
|
||||
const updateChart = () => {
|
||||
const myChart = echarts.getInstanceByDom(main.value);
|
||||
if (myChart) {
|
||||
myChart.setOption(getChartOption());
|
||||
}
|
||||
};
|
||||
|
||||
const getChartOption = () => {
|
||||
// 提取数据并处理为图表需要的格式
|
||||
const dates = orderData.value.map((item) => item.date);
|
||||
const takeOutData = orderData.value.map((item) => parseInt(item.takeOutNum));
|
||||
const eatInData = orderData.value.map((item) => parseInt(item.eatInNum));
|
||||
const selfLiftData = orderData.value.map((item) => parseInt(item.selfLiftNum));
|
||||
|
||||
return {
|
||||
color: ["#80FFA5", "#00DDFF", "#37A2FF", "#FF0087", "#FFBF00"],
|
||||
title: {
|
||||
text: "订单数据趋势图",
|
||||
},
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
type: "cross",
|
||||
label: {
|
||||
backgroundColor: "#6a7985",
|
||||
},
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
data: ["外卖订单", "堂食订单", "自提订单"], // 修正中文名称
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {},
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
left: "3%",
|
||||
right: "4%",
|
||||
bottom: "3%",
|
||||
containLabel: true,
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: "category",
|
||||
boundaryGap: false,
|
||||
data: dates, // 动态日期数据
|
||||
},
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: "value",
|
||||
name: "订单数量",
|
||||
},
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: "外卖订单",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 0,
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(128, 255, 165)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(1, 191, 236)",
|
||||
},
|
||||
]),
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: takeOutData, // 动态数据
|
||||
},
|
||||
{
|
||||
name: "堂食订单",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 0,
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(0, 221, 255)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(77, 119, 255)",
|
||||
},
|
||||
]),
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: eatInData, // 动态数据
|
||||
},
|
||||
{
|
||||
name: "自提订单",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
smooth: true,
|
||||
lineStyle: {
|
||||
width: 0,
|
||||
},
|
||||
showSymbol: false,
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(255, 0, 135)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(135, 0, 157)",
|
||||
},
|
||||
]),
|
||||
},
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
data: selfLiftData, // 动态数据
|
||||
},
|
||||
],
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="echarts">
|
||||
<div style="width: 100%; height: 100%; margin-top: 1rem">
|
||||
<div ref="main" style="width: 100%; height: 100%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.echarts {
|
||||
width: 90%;
|
||||
height: 80%;
|
||||
border-radius: 12px;
|
||||
margin: 1rem;
|
||||
padding: 1rem;
|
||||
background-color: #ffffff;
|
||||
min-width: 0;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
</style>
|
||||
|
||||
80
CampusExpressDelivery/src/view/echarts/ordermethod.vue
Normal file
80
CampusExpressDelivery/src/view/echarts/ordermethod.vue
Normal file
@ -0,0 +1,80 @@
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue";
|
||||
import * as echarts from "echarts";
|
||||
|
||||
|
||||
const main = ref();
|
||||
onMounted(() => {
|
||||
init();
|
||||
});
|
||||
|
||||
const init = () => {
|
||||
const myChart = echarts.init(main.value);
|
||||
let option = {
|
||||
tooltip: {
|
||||
trigger: 'item'
|
||||
},
|
||||
legend: {
|
||||
top: '5%',
|
||||
left: 'center'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: 'Access From',
|
||||
type: 'pie',
|
||||
radius: ['40%', '70%'],
|
||||
avoidLabelOverlap: false,
|
||||
padAngle: 5,
|
||||
itemStyle: {
|
||||
borderRadius: 10
|
||||
},
|
||||
label: {
|
||||
show: false,
|
||||
position: 'center'
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: 40,
|
||||
fontWeight: 'bold'
|
||||
}
|
||||
},
|
||||
labelLine: {
|
||||
show: false
|
||||
},
|
||||
data: [
|
||||
{ value: 735, name: '跑腿类' },
|
||||
{ value: 580, name: '自提类' },
|
||||
{ value: 484, name: '外卖类' },
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
myChart.setOption(option);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="echarts">
|
||||
<div style="width: 100%; height: 100%; margin-top: 1rem">
|
||||
|
||||
<div ref="main" style="width: 100%; height: 100%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.echarts {
|
||||
width: 50%;
|
||||
height: 80%;
|
||||
border-radius: 12px;
|
||||
margin: 1rem;
|
||||
padding: 1rem;
|
||||
background-color: #ffffff;
|
||||
min-width: 0;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
</style>
|
||||
|
||||
180
CampusExpressDelivery/src/view/errand/errandInfo.vue
Normal file
180
CampusExpressDelivery/src/view/errand/errandInfo.vue
Normal file
@ -0,0 +1,180 @@
|
||||
<template>
|
||||
<a-card :loading="loading">
|
||||
<div >
|
||||
<a-descriptions size="default" bordered class="txt">
|
||||
<a-descriptions-item label="头像">
|
||||
<template v-slot>
|
||||
<a-avatar :src="errandInfo.errandAvatarUrl" style="width: 100px;height: 100px;"/>
|
||||
</template>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="用户名称">{{ errandInfo?.errandName }}</a-descriptions-item>
|
||||
<a-descriptions-item label="用户性别">
|
||||
<div v-if="errandInfo.gender === 1">
|
||||
<a-tag color="blue">男</a-tag>
|
||||
</div>
|
||||
<div v-else-if="errandInfo.gender === 0">
|
||||
<a-tag color="pink">女</a-tag>
|
||||
</div>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="联系方式">{{ errandInfo?.errandPhone }}</a-descriptions-item>
|
||||
<a-descriptions-item label="配送范围">{{ errandInfo?.distributionScope }}</a-descriptions-item>
|
||||
<a-descriptions-item label="银行卡号">{{ errandInfo?.bankCard }}</a-descriptions-item>
|
||||
<a-descriptions-item label="身份证正面">
|
||||
<template v-slot>
|
||||
<a-image :src="errandInfo.frontIdCard" style="width: 158.5px; height: 100px;"/>
|
||||
</template>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="身份证反面">
|
||||
<template v-slot>
|
||||
<a-image :src="errandInfo.backIdCard" style="width: 158.5px; height: 100px"/>
|
||||
</template>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="当前状态">
|
||||
<div v-if="errandInfo.state === 0">
|
||||
<a-tag color="orange">未审核</a-tag>
|
||||
</div>
|
||||
<div v-else-if="errandInfo.state === 1">
|
||||
<a-tag color="green">快送员正常</a-tag>
|
||||
</div>
|
||||
<div v-else-if="errandInfo.state === 2">
|
||||
<a-tag color="red">快送员驳回</a-tag>
|
||||
</div>
|
||||
</a-descriptions-item>
|
||||
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'businessAvatar'">
|
||||
<a-avatar :src="record.businessAvatar"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'license'">
|
||||
<a-image :src="record.license" style="width: 100px;height: 100px;"></a-image>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'frontIdCard'">
|
||||
<a-image :src="record.frontIdCard" style="width: 100px;height: 100px;"></a-image>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'backIdCard'">
|
||||
<a-image :src="record.backIdCard" style="width: 100px;height: 100px;"></a-image>
|
||||
</template>
|
||||
<template v-if="column.key === 'state'">
|
||||
<div v-if="record.state === 0">
|
||||
<a-tag color="orange">未审核</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 1">
|
||||
<a-tag color="green">已通过</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 2">
|
||||
<a-tag color="red">未通过</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
</a-descriptions>
|
||||
</div>
|
||||
<a-space>
|
||||
<div class="button-box">
|
||||
<a-button
|
||||
class="button-s"
|
||||
size="small"
|
||||
type="default"
|
||||
style="color: blue"
|
||||
@click="backPage">返回
|
||||
</a-button>
|
||||
<a-button
|
||||
class="button-s"
|
||||
size="small" v-if="state === 0"
|
||||
type="primary"
|
||||
style="color: white; margin-left: 15px"
|
||||
danger
|
||||
@click="update(2)">未通过
|
||||
</a-button>
|
||||
<a-button
|
||||
class="button-s"
|
||||
size="small" v-if="state === 0"
|
||||
type="primary"
|
||||
style="color: white; margin-left: 15px"
|
||||
@click="update(1)">通过
|
||||
</a-button>
|
||||
</div>
|
||||
</a-space>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {useRoute} from "vue-router";
|
||||
import {onMounted, ref} from "vue";
|
||||
import myAxios from "../../api/myAxios";
|
||||
import {backPage} from "../../utils/TableConfig";
|
||||
import {message} from "ant-design-vue";
|
||||
import router from "../../router";
|
||||
|
||||
const state = ref(0)
|
||||
const route = useRoute();
|
||||
const loading = ref(false);
|
||||
const errandInfo: any = ref({});
|
||||
const errandId = ref<string | null>(null);
|
||||
|
||||
|
||||
if (typeof route.query.id === 'string') {
|
||||
errandId.value = route.query.id;
|
||||
}
|
||||
|
||||
console.log(errandId.value);
|
||||
|
||||
onMounted(() => {
|
||||
if(errandId.value !== null) {
|
||||
getErrandVO(errandId.value);
|
||||
}
|
||||
});
|
||||
|
||||
const getErrandVO = async (id: string) => {
|
||||
loading.value = true;
|
||||
try {
|
||||
// 修改参数传递方式为query params
|
||||
const res: any = await myAxios.post('/errand/get/id', null, {
|
||||
params: {
|
||||
errandId1: id // 直接使用参数id
|
||||
}
|
||||
});
|
||||
|
||||
console.log(res)
|
||||
if (res.code === 0 && res.data) {
|
||||
errandInfo.value = res.data || {};
|
||||
state.value = res.data.state ?? 0;
|
||||
}else if(res.code===40000){
|
||||
message.error(res.description);
|
||||
router.go(-1)
|
||||
}else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Error fetching data:", error);
|
||||
message.error('请求过程中出现错误，请稍后再试');
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
const update = async (newState: number) => {
|
||||
try {
|
||||
// 构建请求体，仅包含'id'和'state'
|
||||
const requestBody = {
|
||||
id: errandId.value || '',
|
||||
state: newState,
|
||||
};
|
||||
|
||||
const res: any = await myAxios.post("/errand/update", requestBody, {
|
||||
headers: {
|
||||
'Content-Type': 'application/json', // 修改为JSON格式，如果你的后端接受JSON的话
|
||||
}
|
||||
});
|
||||
|
||||
if (res.code === 0) {
|
||||
message.success("已审核");
|
||||
state.value = newState; // 更新本地状态
|
||||
} else {
|
||||
message.error(`审核失败：${res.message}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("更新状态失败:", error);
|
||||
message.error('请求过程中出现错误');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
228
CampusExpressDelivery/src/view/errand/errandList.vue
Normal file
228
CampusExpressDelivery/src/view/errand/errandList.vue
Normal file
@ -0,0 +1,228 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<!-- 搜索框 -->
|
||||
<div class="search-box">
|
||||
<a-form layout="inline">
|
||||
<a-space>
|
||||
<a-form-item label="快送员名称">
|
||||
<a-input-search
|
||||
style="width: 300px"
|
||||
placeholder="请输入快送员名称"
|
||||
enter-button
|
||||
allow-clear
|
||||
@search="onSearch"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="状态">
|
||||
<a-select
|
||||
style="width: 200px;"
|
||||
placeholder="默认查询全部状态"
|
||||
allowClear
|
||||
v-model:value="searchParams.state"
|
||||
@change="handleChange"
|
||||
>
|
||||
<a-select-option value="">全部</a-select-option>
|
||||
<a-select-option value="0">未审核</a-select-option>
|
||||
<a-select-option value="1">已审核</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="手机号">
|
||||
<a-input-search
|
||||
style="width: 300px"
|
||||
placeholder="请输入手机号"
|
||||
enter-button
|
||||
allow-clear
|
||||
@search="onSearchPhone"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-space>
|
||||
</a-form>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 1500, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:pagination="false"
|
||||
:loading="loading"
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'errandAvatarUrl'">
|
||||
<a-avatar :src="record.errandAvatarUrl"/>
|
||||
</template>
|
||||
<template v-if="column.key === 'state'">
|
||||
<div v-if="record.state === 0">
|
||||
<a-tag color="orange">未审核</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 1">
|
||||
<a-tag color="green">已审核</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 2">
|
||||
<a-tag color="red">封禁</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-space>
|
||||
<a-button v-if="record.state === 0" size="small" type="link" @click="toInfoPage(record.id)">审核</a-button>
|
||||
<a-button v-else size="small"
|
||||
type="link"
|
||||
style="color: rgba(255, 141, 26, 1);"
|
||||
@click="toInfoPage(record.id)">查看
|
||||
</a-button>
|
||||
<a-button :disabled="record.state === 0" size="small" type="link" danger
|
||||
@click="doBan(record.id, record.state === 1)">
|
||||
{{ record.state === 1 ? '禁用' : '启用' }}
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<!-- 分页部分 -->
|
||||
<div class="pagination">
|
||||
<a-pagination v-model:current="searchParams.current"
|
||||
v-model:pageSize="searchParams.pageSize"
|
||||
show-quick-jumper
|
||||
show-size-changer
|
||||
:show-total="(total: any) => `共 ${total} 个快送员`"
|
||||
:total="total"
|
||||
@change="onChange"
|
||||
/>
|
||||
</div>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, ref } from "vue";
|
||||
import myAxios from "../../api/myAxios";
|
||||
import { formatTime } from "../../utils/TableConfig";
|
||||
import { message } from "ant-design-vue";
|
||||
import router from "../../router";
|
||||
|
||||
const tableData: any = ref([]);
|
||||
const loading = ref(false);
|
||||
// 分页
|
||||
const total: any = ref(0);
|
||||
// 请求参数
|
||||
const searchParams: any = ref({
|
||||
sortField: "createTime",
|
||||
sortOrder: "descend",
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
errandName: "",
|
||||
state: "", // 默认为空，表示查询所有状态
|
||||
errandPhone:""
|
||||
});
|
||||
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
customRender: ({ index }: any) => {
|
||||
return `${(searchParams.value.current - 1) * searchParams.value.pageSize + index + 1}`;
|
||||
}
|
||||
},
|
||||
{ title: '快送员名称', dataIndex: 'errandName', width: 100, fixed: 'left', align: 'center' },
|
||||
{ title: '快送员头像', key: 'errandAvatarUrl', width: 50, align: 'center' },
|
||||
{ title: '手机号', dataIndex: 'errandPhone', width: 150, align: 'center' },
|
||||
{ title: '状态', key: 'state', width: 70, align: 'center' },
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'createTime',
|
||||
key: 'createTime',
|
||||
width: 150,
|
||||
align: 'center',
|
||||
customRender: (row: any) => {
|
||||
return formatTime(row);
|
||||
}
|
||||
},
|
||||
{ title: '操作', key: '操作', fixed: 'right', width: 100, align: 'center' },
|
||||
];
|
||||
|
||||
/**
|
||||
* 页面加载时，请求数据
|
||||
*/
|
||||
onMounted(() => {
|
||||
getErrandList(1);
|
||||
});
|
||||
|
||||
/**
|
||||
* 获取快送员数据
|
||||
*/
|
||||
const getErrandList = async (current: number) => {
|
||||
searchParams.value.current = current;
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post("/errand/page", { ...searchParams.value });
|
||||
if (res.code === 0 && res.data) {
|
||||
tableData.value = res.data.records;
|
||||
total.value = parseInt(res.data.total);
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 操作
|
||||
*/
|
||||
const doBan = async (id: string, isBan: boolean) => {
|
||||
const res: any = await myAxios.post("/errand/update", { id: id, state: isBan ? 2 : 1 });
|
||||
if (res.code === 0 && res.data) {
|
||||
message.success(`操作成功`);
|
||||
await getErrandList(1);
|
||||
} else {
|
||||
message.error(`封禁商家失败：${res.message}`);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
const onSearch = (errandName: string) => {
|
||||
searchParams.value.errandName = errandName;
|
||||
searchParams.value.current = 1;
|
||||
getErrandList(1);
|
||||
};
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
const onSearchPhone = (errandPhone: string) => {
|
||||
searchParams.value.errandPhone = errandPhone;
|
||||
searchParams.value.current = 1;
|
||||
getErrandList(1);
|
||||
};
|
||||
/**
|
||||
* 分页
|
||||
*/
|
||||
const onChange = (pageNumber: number) => {
|
||||
searchParams.value.current = pageNumber;
|
||||
getErrandList(pageNumber);
|
||||
};
|
||||
|
||||
/**
|
||||
* 跳转到快送员信息
|
||||
*/
|
||||
const toInfoPage = (id: string) => {
|
||||
console.log(id); // 打印传递的ID值
|
||||
router.push({
|
||||
name: '快送员审核',
|
||||
// path: '/errandInfo',
|
||||
query: {
|
||||
id: String(id) // 确保ID值是字符串类型
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 当状态选择器值改变时触发
|
||||
*/
|
||||
const handleChange = () => {
|
||||
getErrandList(1);
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
371
CampusExpressDelivery/src/view/errand/errandOrderList.vue
Normal file
371
CampusExpressDelivery/src/view/errand/errandOrderList.vue
Normal file
@ -0,0 +1,371 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<a-button style="margin-bottom: 30px" type="primary" @click="back">返回</a-button>
|
||||
快送员订单
|
||||
<div class="data-box">
|
||||
<div style="display: flex;justify-content: space-around">
|
||||
<a-descriptions :column=3 style="width: 85%">
|
||||
<a-descriptions-item label="快送员姓名">{{ errandData?.errandName }}</a-descriptions-item>
|
||||
<a-descriptions-item label="配送单位">{{ errandData?.distributionScope }}</a-descriptions-item>
|
||||
<a-descriptions-item label="联系方式">{{ errandData?.errandPhone }}</a-descriptions-item>
|
||||
<a-descriptions-item label="银行卡号">{{ errandData?.bankCard }}</a-descriptions-item>
|
||||
<a-descriptions-item label="当前接单量">{{ errandData?.totalOrders }}</a-descriptions-item>
|
||||
<a-descriptions-item label="最大送单量">{{ errandData?.maxOrders }}</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
<div style="width: 15%;display: flex;white-space: nowrap">
|
||||
图片：
|
||||
<div style="width: 45%">
|
||||
<a-image :src="errandData.errandAvatarUrl"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-box" style="margin-top: 2%;display: inline-block;width: 100%">
|
||||
<div style="display: flex;justify-content: space-between;margin-bottom: 2%">
|
||||
<!-- 查询信息 -->
|
||||
<a-form layout="inline">
|
||||
<a-space>
|
||||
<a-input-search
|
||||
style="width: 400px"
|
||||
placeholder="请输入订单号"
|
||||
enter-button
|
||||
allow-clear
|
||||
@search="onSearch"
|
||||
/>
|
||||
<a-select
|
||||
v-model:value="searchParams.state"
|
||||
style="width: 120px"
|
||||
@change="getOrdersList(1)"
|
||||
>
|
||||
<a-select-option value="">全部</a-select-option>
|
||||
<a-select-option value="0">未支付</a-select-option>
|
||||
<a-select-option value="1">已支付</a-select-option>
|
||||
<a-select-option value="2">已退款</a-select-option>
|
||||
<a-select-option value="3">已取消</a-select-option>
|
||||
<a-select-option value="4">已出餐</a-select-option>
|
||||
<a-select-option value="5">已完成</a-select-option>
|
||||
</a-select>
|
||||
</a-space>
|
||||
</a-form>
|
||||
<a-space>
|
||||
<!-- 导出信息 -->
|
||||
<a-button type="primary" @click="download">EXCEL导出</a-button>
|
||||
<!--筛选时间-->
|
||||
<a-range-picker @change="searchTime" format="YYYY-MM-DD"/>
|
||||
</a-space>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 800, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:rowKey="(record: any) => record.id"
|
||||
:pagination=false
|
||||
:loading="loading"
|
||||
bordered
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'state'">
|
||||
<div v-if="record.state === 0">
|
||||
<a-tag color="purple">未支付</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 1">
|
||||
<a-tag color="blue">已支付</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 2">
|
||||
<a-tag color="red">已退款</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 3">
|
||||
<a-tag color="gray">已取消</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 4">
|
||||
<a-tag color="blue">已出餐</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 5">
|
||||
<a-tag color="green">已完成</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="column.key === 'totalPrice'">
|
||||
<a-tag color="purple">{{ record.totalPrice }}</a-tag>
|
||||
</template>
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-space>
|
||||
<a-button size="small"
|
||||
type="link"
|
||||
style="color: rgba(255, 141, 26, 1);"
|
||||
@click="router.push({path:'/orderDetail',query:{id:record.id}})">查看
|
||||
</a-button>
|
||||
<a-button v-if="[1, 4, 5].includes(record.state)"
|
||||
size="small"
|
||||
type="link"
|
||||
style="color: rgba(255, 141, 26, 1);"
|
||||
@click="modalOpen = true; recordId=record.orderNo">退款
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</div>
|
||||
<!--订单金额信息 -->
|
||||
<div style="margin: 20px 0 20px 0;float: left;">
|
||||
<span class="ant-pagination-total-text">总金额：{{ ordersCount }}元</span>
|
||||
</div>
|
||||
<!-- 分页部分 -->
|
||||
<div class="pagination">
|
||||
<a-pagination v-model:current="searchParams.current"
|
||||
v-model:pageSize="searchParams.pageSize"
|
||||
show-size-changer
|
||||
show-quick-jumper
|
||||
:total="total"
|
||||
:show-total="() => `共 ${total} 条订单`"
|
||||
@change="onChange"
|
||||
@showSizeChange="onShowSizeChange"
|
||||
/>
|
||||
</div>
|
||||
<!--退款弹出框-->
|
||||
<a-modal v-model:open="modalOpen" title="退款" destroyOnClose @ok="refund()">
|
||||
<span>确定退款吗</span>
|
||||
</a-modal>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
import {useRoute} from "vue-router";
|
||||
import {formatTime} from "../../utils/TableConfig";
|
||||
import router from "../../router";
|
||||
import myAxios from "../../api/myAxios.ts";
|
||||
|
||||
const route = useRoute();
|
||||
//订单信息
|
||||
const tableData: any = ref([])
|
||||
//店铺信息
|
||||
const errandData: any = ref({})
|
||||
//订单总金额
|
||||
const ordersCount: any = ref<Number>()
|
||||
//加载按钮
|
||||
const loading = ref(false)
|
||||
//弹出框开关
|
||||
const modalOpen = ref<boolean>(false);
|
||||
//退款id
|
||||
const recordId = ref<Number>();
|
||||
// 分页
|
||||
const total: any = ref(0);
|
||||
//查询条件
|
||||
const searchParams: any = ref({
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
orderId: null,
|
||||
searchTime: null,
|
||||
state: ''
|
||||
})
|
||||
|
||||
const columns: any = [
|
||||
{title: '订单号', dataIndex: 'id', key: 'id', width: 100, fixed: 'left', align: 'center'},
|
||||
{
|
||||
title: '下单时间', dataIndex: 'createTime', key: 'createTime', width: 100, align: 'center',
|
||||
customRender: (row: any) => {
|
||||
return formatTime(row)
|
||||
}
|
||||
},
|
||||
{title: '卖家昵称', dataIndex: 'userName', key: 'userName', width: 150, align: 'center'},
|
||||
{title: '支付状态', dataIndex: 'state', key: 'state', width: 150, align: 'center'},
|
||||
{title: '订单金额', dataIndex: 'totalPrice', key: 'totalPrice', width: 150, align: 'center'},
|
||||
{title: '操作', key: '操作', fixed: 'right', width: 80, align: 'center'},
|
||||
];
|
||||
|
||||
onMounted(() => {
|
||||
getOrdersList(1)
|
||||
getBusinessVO()
|
||||
getOrdersCount()
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取订单信息列表
|
||||
*/
|
||||
console.log(route.query.id)
|
||||
const getOrdersList = async (current: any) => {
|
||||
let errandId = route.query.id; //商家id
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post('/orders/list/page', {
|
||||
errandId: errandId,
|
||||
businessId: "",
|
||||
current: current,
|
||||
pageSize: searchParams.value.pageSize,
|
||||
id: searchParams.value.orderId,
|
||||
sortField: "createTime",
|
||||
sortOrder: "descend",
|
||||
state: searchParams.value.state,
|
||||
startTime: searchParams.value.searchTime == null ? '' : searchParams.value.searchTime[0],
|
||||
endTime: searchParams.value.searchTime == null ? '' : searchParams.value.searchTime[1]
|
||||
})
|
||||
if (res.code === 0 && res.data) {
|
||||
searchParams.value.current = current
|
||||
tableData.value = res.data.records;
|
||||
total.value = parseInt(res.data.total);
|
||||
loading.value = false;
|
||||
} else {
|
||||
console.log("没有获取订单")
|
||||
console.log(res.data)
|
||||
message.error(`获取数据失败：${res.description}`);
|
||||
back()
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取店铺信息
|
||||
*/
|
||||
const getBusinessVO = async () => {
|
||||
let errandId:any = route.query.id;
|
||||
if (!errandId) {
|
||||
console.error("商家ID未定义或为空");
|
||||
return;
|
||||
}
|
||||
|
||||
const formData = new URLSearchParams();
|
||||
formData.append('errandId1', errandId);
|
||||
|
||||
try {
|
||||
const res:any = await myAxios.post('/errand/get/id', formData.toString(), {
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded'
|
||||
}
|
||||
});
|
||||
|
||||
if (res.code === 0 && res.data) {
|
||||
console.log(res)
|
||||
errandData.value = res.data;
|
||||
} else {
|
||||
console.log(res)
|
||||
message.error(`获取数据失败：${res.description}`);
|
||||
back();
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('请求异常：', error);
|
||||
message.error('接口请求异常，请检查控制台');
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 获取该店铺收入
|
||||
*/
|
||||
const getOrdersCount = async () => {
|
||||
let errandId = route.query.id; //商家id
|
||||
const res: any = await myAxios.post('/orders/count', {
|
||||
"errandId": errandId,
|
||||
"type": "money",
|
||||
"state": 5
|
||||
})
|
||||
if (res.code === 0 && res.data) {
|
||||
console.log(res)
|
||||
ordersCount.value = res.data;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.description}`);
|
||||
back()
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 导出Excel表
|
||||
*/
|
||||
const download = async () => {
|
||||
let errandId = route.query.id //商家id
|
||||
const res: any = await myAxios.post('/orders/download/errand', {
|
||||
errandId: errandId,
|
||||
// 添加时间参数（与列表查询保持一致）
|
||||
startTime: searchParams.value.searchTime?.[0] || '',
|
||||
endTime: searchParams.value.searchTime?.[1] || '',
|
||||
// 保留其他必要参数
|
||||
current: searchParams.value.current,
|
||||
pageSize: searchParams.value.pageSize,
|
||||
sortField: "createTime",
|
||||
sortOrder: "descend"
|
||||
},
|
||||
{
|
||||
responseType: "blob"
|
||||
}
|
||||
)
|
||||
downloadCallback(res, '快送员订单信息表.xlsx')
|
||||
}
|
||||
|
||||
/**
|
||||
* 退款
|
||||
*/
|
||||
// const refund = async () => {
|
||||
// const res: any = await myAxios.get('/Alipay/test/refund', {orderNo: recordId.value})
|
||||
// if (res.code === 0 && res.data) {
|
||||
// message.success('退款成功');
|
||||
// modalOpen.value = false
|
||||
// await getOrdersList(1)
|
||||
// await getOrdersCount()
|
||||
// } else {
|
||||
// message.error(`退款失败：${res.description}`);
|
||||
// }
|
||||
// }
|
||||
const refund = async () => {
|
||||
const res: any = await myAxios.get(`/Alipay/test/refund?orderNo=${recordId.value}`);
|
||||
if (res.code === 0 && res.data) {
|
||||
message.success('退款成功');
|
||||
modalOpen.value = false;
|
||||
await getOrdersList(1);
|
||||
await getOrdersCount();
|
||||
} else {
|
||||
message.error(`退款失败：${res.description}`);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 查询
|
||||
*/
|
||||
const onSearch = async (ordersId: number) => {
|
||||
searchParams.value.orderId = ordersId
|
||||
await getOrdersList(1)
|
||||
}
|
||||
|
||||
/**
|
||||
* 查询时间
|
||||
*/
|
||||
const searchTime = async (dateTime: any) => {
|
||||
searchParams.value.searchTime = dateTime
|
||||
await getOrdersList(1)
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页
|
||||
*/
|
||||
const onShowSizeChange = (current: number, pageSize: number) => {
|
||||
searchParams.value.pageSize = pageSize;
|
||||
getOrdersList(current);
|
||||
}
|
||||
const onChange = (pageNumber: number) => {
|
||||
searchParams.value.current = pageNumber;
|
||||
getOrdersList(pageNumber);
|
||||
}
|
||||
|
||||
/**
|
||||
* 返回
|
||||
*/
|
||||
const back = () => {
|
||||
router.back()
|
||||
}
|
||||
|
||||
//生成下载文件
|
||||
const downloadCallback = (res: any, fileName: any) => {
|
||||
const blob = new Blob([res]);
|
||||
if ("download" in document.createElement("a")) {
|
||||
// 非IE下载
|
||||
const elink = document.createElement("a");
|
||||
elink.download = fileName;
|
||||
elink.style.display = "none";
|
||||
elink.href = URL.createObjectURL(blob);
|
||||
document.body.appendChild(elink);
|
||||
elink.click();
|
||||
URL.revokeObjectURL(elink.href); // 释放URL 对象
|
||||
document.body.removeChild(elink);
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
177
CampusExpressDelivery/src/view/errand/runList.vue
Normal file
177
CampusExpressDelivery/src/view/errand/runList.vue
Normal file
@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<!-- 搜索框 -->
|
||||
<div class="search-box">
|
||||
<a-form layout="inline">
|
||||
<a-space warp>
|
||||
<a-form-item
|
||||
label="快送员名"
|
||||
>
|
||||
<a-input allow-clear @change="change" @pressEnter="getBusinessList(1)"
|
||||
v-model:value="searchParams.errandName"
|
||||
placeholder="请输入快送员名"/>
|
||||
</a-form-item>
|
||||
<a-form-item label="配送范围">
|
||||
<a-select
|
||||
style="width: 200px;"
|
||||
placeholder="默认查询全部快送员"
|
||||
allowClear
|
||||
v-model:value="searchParams.distributionScope"
|
||||
@change="handleChange"
|
||||
>
|
||||
<a-select-option value='1公寓'>1公寓</a-select-option>
|
||||
<a-select-option value='2公寓'>2公寓</a-select-option>
|
||||
<a-select-option value='3公寓'>3公寓</a-select-option>
|
||||
<a-select-option value='4公寓'>4公寓</a-select-option>
|
||||
<a-select-option value='5公寓'>5公寓</a-select-option>
|
||||
<a-select-option value='6公寓'>6公寓</a-select-option>
|
||||
<a-select-option value='7公寓'>7公寓</a-select-option>
|
||||
<a-select-option value='8公寓'>8公寓</a-select-option>
|
||||
<a-select-option value='9公寓'>9公寓</a-select-option>
|
||||
<a-select-option value='10公寓'>10公寓</a-select-option>
|
||||
<a-select-option value='11公寓'>11公寓</a-select-option>
|
||||
<a-select-option value='12公寓'>12公寓</a-select-option>
|
||||
<a-select-option value='育才大厦'>育才大厦</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-button type="primary" @click="getBusinessList(1)">查询</a-button>
|
||||
<a-button @click="reset">重置</a-button>
|
||||
</a-space>
|
||||
</a-form>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 1000, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:pagination=false
|
||||
:loading="loading"
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'businessAvatar'">
|
||||
<a-avatar :src="record.errandAvatarUrl"/>
|
||||
</template>
|
||||
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-space>
|
||||
<a-button size="small"
|
||||
type="link"
|
||||
style="color: rgba(255, 141, 26, 1);"
|
||||
@click="router.push({path: '/errandOrderList',query: {id: record.id}})">查看
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<!-- 分页部分 -->
|
||||
<div class="pagination">
|
||||
<a-pagination v-model:current="searchParams.current"
|
||||
v-model:pageSize="searchParams.pageSize"
|
||||
show-quick-jumper
|
||||
show-size-changer
|
||||
:show-total="(total: any) => `共 ${total} 位快送员`"
|
||||
:total="total"
|
||||
@change="onChange"
|
||||
/>
|
||||
</div>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import myAxios from "../../api/myAxios";
|
||||
import {onMounted, ref} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
import router from "../../router";
|
||||
|
||||
//表单数据
|
||||
const tableData: any = ref([]);
|
||||
//加载按钮
|
||||
const loading = ref(false)
|
||||
// 分页
|
||||
const total: any = ref(0);
|
||||
//查询条件
|
||||
const searchParams: any = ref({
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
errandName: '',
|
||||
distributionScope: null
|
||||
})
|
||||
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
customRender: ({index}: any) => {
|
||||
return `${(searchParams.value.current - 1) * searchParams.value.pageSize + index + 1}`;
|
||||
}
|
||||
},
|
||||
{title: '图片', dataIndex: 'businessAvatar', key: 'businessAvatar', width: 50, align: 'center'},
|
||||
{title: '快送员名', dataIndex: 'errandName', key: 'errandName', width: 50, align: 'center'},
|
||||
{title: '当前接单量', dataIndex: 'totalOrders', key: 'totalOrders', width: 50, align: 'center'},
|
||||
{title: '最大接单量', dataIndex: 'maxOrders', key: 'maxOrders', width: 50, align: 'center'},
|
||||
{title: '配送范围', dataIndex: 'distributionScope', key: 'distributionScope', width: 50, align: 'center'},
|
||||
{title: '操作', key: '操作', fixed: 'right', width: 50, align: 'center'},
|
||||
];
|
||||
|
||||
onMounted(() => {
|
||||
getBusinessList(1)
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取商家信息列表
|
||||
*/
|
||||
const getBusinessList = async (current: number) => {
|
||||
searchParams.value.current = current
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post('/errand/page', {...searchParams.value})
|
||||
console.log(res)
|
||||
if (res.code === 0 && res.data) {
|
||||
tableData.value = res.data.records;
|
||||
total.value = parseInt(res.data.total);
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 选择用户身份
|
||||
*/
|
||||
const handleChange = (distributionScope: string) => {
|
||||
searchParams.value.distributionScope = distributionScope;
|
||||
getBusinessList(1)
|
||||
};
|
||||
|
||||
/**
|
||||
* 重置查询条件
|
||||
*/
|
||||
const reset = () => {
|
||||
searchParams.value.errandName = ''
|
||||
searchParams.value.distributionScope = null
|
||||
getBusinessList(1)
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页
|
||||
*/
|
||||
const onChange = (pageNumber: number) => {
|
||||
searchParams.value.current = pageNumber;
|
||||
getBusinessList(pageNumber);
|
||||
}
|
||||
|
||||
/**
|
||||
* 清除输入框的回调
|
||||
*/
|
||||
const change = (row: any) => {
|
||||
if (row.type === 'click') getBusinessList(1)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
169
CampusExpressDelivery/src/view/shop/BusinessLog.vue
Normal file
169
CampusExpressDelivery/src/view/shop/BusinessLog.vue
Normal file
@ -0,0 +1,169 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<!-- 搜索框 -->
|
||||
<div class="search-box">
|
||||
<a-form layout="inline">
|
||||
<a-space>
|
||||
<a-form-item label="手机号">
|
||||
<a-input-search
|
||||
style="width: 300px"
|
||||
placeholder="请输入手机号"
|
||||
enter-button
|
||||
allow-clear
|
||||
@search="onSearchByPhone"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-space>
|
||||
</a-form>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 1500, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:pagination=false
|
||||
:loading="loading"
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'businessAvatar'">
|
||||
<a-avatar v-if="record.business!=null" :src="record?.business.businessAvatar"/>
|
||||
<div v-else>
|
||||
<a-tag color="blue">Boss账号</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="column.key === 'businessName'">
|
||||
<div v-if="record.business!=null">{{ record?.business.businessName }}</div>
|
||||
<div v-else>
|
||||
<a-tag color="blue">Boss账 号</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="column.key === 'businessPhone'">
|
||||
<div v-if="record.business!=null">{{ record?.business.businessPhone }}</div>
|
||||
<div v-else>
|
||||
<a-tag color="blue">Boss账号</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="column.key === 'content'">
|
||||
<a-tag :color="getTagColor(record.content)">{{ record.content }}</a-tag>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<!-- 分页部分 -->
|
||||
<div class="pagination">
|
||||
<a-pagination v-model:current="searchParams.current"
|
||||
v-model:pageSize="searchParams.pageSize"
|
||||
show-quick-jumper
|
||||
show-size-changer
|
||||
:show-total="(total: any) => `共 ${total} 条数据`"
|
||||
:total="total"
|
||||
@change="onChange"
|
||||
/>
|
||||
</div>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue";
|
||||
import {formatTime} from "../../utils/TableConfig";
|
||||
import myAxios from "../../api/myAxios";
|
||||
import {message} from "ant-design-vue";
|
||||
|
||||
const getTagColor = (content: string) => {
|
||||
const blueOperations = ['修改菜品', '修改菜品分组'];
|
||||
const redOperations = [ '删除菜品', '删除菜品分组'];
|
||||
const greenOperations = ['添加菜品', '添加菜品分组'];
|
||||
|
||||
if (blueOperations.includes(content)) return 'blue';
|
||||
if (greenOperations.includes(content)) return 'green';
|
||||
if (redOperations.includes(content)) return 'red';
|
||||
return 'red'; // 其他操作保持红色
|
||||
};
|
||||
|
||||
const tableData: any = ref([]);
|
||||
const loading = ref(false)
|
||||
// 分页
|
||||
const total: any = ref(0);
|
||||
// 请求参数
|
||||
const searchParams: any = ref({
|
||||
sortField: "createTime",
|
||||
sortOrder: "descend",
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
businessPhone: '',
|
||||
startTime: '',
|
||||
endTime: ''
|
||||
})
|
||||
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
customRender: ({index}: any) => {
|
||||
return `${(searchParams.value.current - 1) * searchParams.value.pageSize + index + 1}`;
|
||||
}
|
||||
},
|
||||
{title: '门店名称', key: 'businessName', width: 100, align: 'center'},
|
||||
{title: '门店头像', key: 'businessAvatar', width: 50, align: 'center'},
|
||||
{title: '手机号', key: 'businessPhone', width: 150, align: 'center'},
|
||||
{title: '执行操作', key: 'content', width: 150, align: 'center'},
|
||||
{title: 'ip地址', dataIndex: 'ip', key: 'ip', width: 150, align: 'center'},
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'createTime',
|
||||
key: 'createTime',
|
||||
width: 150,
|
||||
align: 'center',
|
||||
customRender: (row: any) => {
|
||||
return formatTime(row)
|
||||
}
|
||||
},
|
||||
];
|
||||
|
||||
/**
|
||||
* 页面加载时，请求数据
|
||||
*/
|
||||
onMounted(() => {
|
||||
getBusinessLogList();
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取商家操作日志
|
||||
*/
|
||||
const getBusinessLogList = async () => {
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post("/log/business/logs", {...searchParams.value})
|
||||
if (res.code === 0 && res.data) {
|
||||
tableData.value = res.data.records;
|
||||
total.value = parseInt(res.data.total);
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据手机号搜索功能
|
||||
*/
|
||||
const onSearchByPhone = (businessPhone: number) => {
|
||||
searchParams.value.businessPhone = businessPhone;
|
||||
searchParams.value.current = 1;
|
||||
getBusinessLogList();
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页
|
||||
*/
|
||||
const onChange = (pageNumber: number) => {
|
||||
searchParams.value.current = pageNumber;
|
||||
getBusinessLogList();
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
155
CampusExpressDelivery/src/view/shop/business/BusinessInfo.vue
Normal file
155
CampusExpressDelivery/src/view/shop/business/BusinessInfo.vue
Normal file
@ -0,0 +1,155 @@
|
||||
<template>
|
||||
<a-card title="商家信息" :loading="loading">
|
||||
<div class="main-card" >
|
||||
<a-descriptions size="default" bordered class="txt">
|
||||
<a-descriptions-item label="头像">
|
||||
<template v-slot>
|
||||
<a-avatar :src="businessInfo.businessAvatar" style="width: 100px;height: 100px;"/>
|
||||
</template>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="店铺名称">{{ businessInfo?.businessName }}</a-descriptions-item>
|
||||
<a-descriptions-item label="店主姓名">{{ businessInfo?.shopkeeper }}</a-descriptions-item>
|
||||
<a-descriptions-item label="联系方式">{{ businessInfo?.businessPhone }}</a-descriptions-item>
|
||||
<a-descriptions-item label="店铺地址">{{ businessInfo.address }}</a-descriptions-item>
|
||||
<a-descriptions-item label="银行卡号">{{ businessInfo?.bankCard }}</a-descriptions-item>
|
||||
<a-descriptions-item label="营业执照">
|
||||
<template v-slot>
|
||||
<a-image :src="businessInfo.license" style="width: 158.5px; height: 100px;"/>
|
||||
</template>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="身份证正面">
|
||||
<template v-slot>
|
||||
<a-image :src="businessInfo.frontIdCard" style="width: 158.5px; height: 100px;"/>
|
||||
</template>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="身份证反面">
|
||||
<template v-slot>
|
||||
<a-image :src="businessInfo.backIdCard" style="width: 158.5px; height: 100px"/>
|
||||
</template>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="当前状态">
|
||||
<div v-if="businessInfo.state === 0">
|
||||
<a-tag color="orange">未审核</a-tag>
|
||||
</div>
|
||||
<div v-else-if="businessInfo.state === 1">
|
||||
<a-tag color="green">正常营业</a-tag>
|
||||
</div>
|
||||
<div v-else-if="businessInfo.state === 2">
|
||||
<a-tag color="red">暂定营业</a-tag>
|
||||
</div>
|
||||
</a-descriptions-item>
|
||||
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'businessAvatar'">
|
||||
<a-avatar :src="record.businessAvatar"/>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'license'">
|
||||
<a-image :src="record.license" style="width: 100px;height: 100px;"></a-image>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'frontIdCard'">
|
||||
<a-image :src="record.frontIdCard" style="width: 100px;height: 100px;"></a-image>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'backIdCard'">
|
||||
<a-image :src="record.backIdCard" style="width: 100px;height: 100px;"></a-image>
|
||||
</template>
|
||||
<template v-if="column.key === 'state'">
|
||||
<div v-if="record.state === 0">
|
||||
<a-tag color="orange">未审核</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 1">
|
||||
<a-tag color="green">已通过</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 2">
|
||||
<a-tag color="red">未通过</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
</a-descriptions>
|
||||
</div>
|
||||
<a-space>
|
||||
<div class="button-box">
|
||||
<a-button
|
||||
class="button-s"
|
||||
size="small"
|
||||
type="default"
|
||||
style="color: blue"
|
||||
@click="backPage">返回
|
||||
</a-button>
|
||||
<a-button
|
||||
class="button-s"
|
||||
size="small" v-if="state === 0"
|
||||
type="primary"
|
||||
style="color: white; margin-left: 15px"
|
||||
danger
|
||||
@click="update(2)">未通过
|
||||
</a-button>
|
||||
<a-button
|
||||
class="button-s"
|
||||
size="small" v-if="state === 0"
|
||||
type="primary"
|
||||
style="color: white; margin-left: 15px"
|
||||
@click="update(1)">通过
|
||||
</a-button>
|
||||
</div>
|
||||
</a-space>
|
||||
</a-card>
|
||||
<!-- 菜品列表展示区 -->
|
||||
<a-divider />
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {useRoute} from "vue-router";
|
||||
import {onMounted, ref} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
import myAxios from "../../../api/myAxios";
|
||||
import {backPage} from "../../../utils/TableConfig";
|
||||
|
||||
const state = ref(0)
|
||||
const route = useRoute();
|
||||
const loading = ref(false);
|
||||
const businessInfo: any = ref({});
|
||||
const businessId = route.query.businessId; //商家id
|
||||
|
||||
onMounted(() => {
|
||||
getBusinessVO();
|
||||
// listDishGroup();
|
||||
})
|
||||
|
||||
const getBusinessVO = async () => {
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.get('/business/getById', {params: {"id": businessId}})
|
||||
console.log(res)
|
||||
if (res.code === 0 && res.data) {
|
||||
businessInfo.value = res.data;
|
||||
state.value = res.data.state
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
backPage()
|
||||
}
|
||||
}
|
||||
|
||||
const update = async (state: number) => {
|
||||
const res: any = await myAxios.post("/business/update", {id: businessId, state: state})
|
||||
if (res.code === 0) {
|
||||
message.success("已审核")
|
||||
} else {
|
||||
message.error(`审核失败：${res.description}`);
|
||||
}
|
||||
backPage()
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.button-box {
|
||||
margin: 100px 0 500px 1100px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.button-s {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
</style>
|
||||
203
CampusExpressDelivery/src/view/shop/business/BusinessManage.vue
Normal file
203
CampusExpressDelivery/src/view/shop/business/BusinessManage.vue
Normal file
@ -0,0 +1,203 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<!-- 搜索框 -->
|
||||
<div class="search-box">
|
||||
<a-form layout="inline">
|
||||
<a-space>
|
||||
<a-form-item label="门店名称">
|
||||
<a-input-search
|
||||
style="width: 300px"
|
||||
placeholder="请输入门店名称"
|
||||
enter-button
|
||||
allow-clear
|
||||
@search="onSearch"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-space>
|
||||
</a-form>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 1500, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:pagination=false
|
||||
:loading="loading"
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'businessAvatar'">
|
||||
<a-avatar :src="record.businessAvatar"/>
|
||||
</template>
|
||||
<template v-if="column.key === 'state'">
|
||||
<div v-if="record.state === 0">
|
||||
<a-tag color="orange">未审核</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 1">
|
||||
<a-tag color="green">正常营业</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 2">
|
||||
<a-tag color="red">封禁</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-space>
|
||||
<a-button v-if="record.state === 0" size="small" type="link" @click="toInfoPage(record.id)">审核</a-button>
|
||||
<a-button v-else size="small"
|
||||
type="link"
|
||||
style="color: rgba(255, 141, 26, 1);"
|
||||
@click="toInfoPage(record.id)">查看
|
||||
</a-button>
|
||||
<a-button :disabled="record.state === 0" size="small" type="link" danger
|
||||
@click="doBan(record.id, record.state === 1)">
|
||||
{{ record.state === 1 ? '禁用' : '启用' }}
|
||||
</a-button>
|
||||
<a-button type="link"
|
||||
style="color: rgba(71, 214, 213);"
|
||||
@click="toDishGroupPage(record.id)">查看菜品
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<!-- 分页部分 -->
|
||||
<div class="pagination">
|
||||
<a-pagination v-model:current="searchParams.current"
|
||||
v-model:pageSize="searchParams.pageSize"
|
||||
show-quick-jumper
|
||||
show-size-changer
|
||||
:show-total="(total: any) => `共 ${total} 家店铺`"
|
||||
:total="total"
|
||||
@change="onChange"
|
||||
/>
|
||||
</div>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue";
|
||||
import myAxios from "../../../api/myAxios";
|
||||
import {formatTime} from "../../../utils/TableConfig";
|
||||
import {message} from "ant-design-vue";
|
||||
import router from "../../../router";
|
||||
|
||||
const tableData: any = ref([]);
|
||||
const loading = ref(false);
|
||||
// 分页
|
||||
const total: any = ref(0);
|
||||
// 请求参数
|
||||
const searchParams: any = ref({
|
||||
sortField: "createTime",
|
||||
sortOrder: "descend",
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
businessName: '',
|
||||
})
|
||||
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
customRender: ({index}: any) => {
|
||||
return `${(searchParams.value.current - 1) * searchParams.value.pageSize + index + 1}`;
|
||||
}
|
||||
},
|
||||
{title: '门店名称', dataIndex: 'businessName', width: 100, fixed: 'left', align: 'center'},
|
||||
{title: '门店头像', key: 'businessAvatar', width: 50, align: 'center'},
|
||||
{title: '手机号', dataIndex: 'businessPhone', width: 150, align: 'center'},
|
||||
{title: '状态', key: 'state', width: 70, align: 'center'},
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'createTime',
|
||||
key: 'createTime',
|
||||
width: 150,
|
||||
align: 'center',
|
||||
customRender: (row: any) => {
|
||||
return formatTime(row)
|
||||
}
|
||||
},
|
||||
{title: '操作', key: '操作', fixed: 'right', width: 100, align: 'center'},
|
||||
];
|
||||
|
||||
/**
|
||||
* 页面加载时，请求数据
|
||||
*/
|
||||
onMounted(() => {
|
||||
getBusinessList(1);
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取商家数据
|
||||
*/
|
||||
const getBusinessList = async (current: number) => {
|
||||
searchParams.value.current = current
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post("/business/list/page", {...searchParams.value})
|
||||
if (res.code === 0 && res.data) {
|
||||
tableData.value = res.data.records;
|
||||
total.value = parseInt(res.data.total);
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 操作
|
||||
*/
|
||||
const doBan = async (id: string, isBan: boolean) => {
|
||||
const res: any = await myAxios.post("/business/update", {id: id, state: isBan ? 2 : 1})
|
||||
if (res.code === 0 && res.data) {
|
||||
message.success(`操作成功`);
|
||||
await getBusinessList(1);
|
||||
} else {
|
||||
message.error(`封禁商家失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
const onSearch = (businessName: string) => {
|
||||
searchParams.value.businessName = businessName;
|
||||
searchParams.value.current = 1;
|
||||
getBusinessList(1);
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页
|
||||
*/
|
||||
const onChange = (pageNumber: number) => {
|
||||
searchParams.value.current = pageNumber;
|
||||
getBusinessList(pageNumber);
|
||||
}
|
||||
|
||||
/**
|
||||
* 跳转到商家信息
|
||||
*/
|
||||
const toInfoPage = (businessId: any) => {
|
||||
router.push({
|
||||
name: '门店详情',
|
||||
query: {
|
||||
businessId: businessId
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const toDishGroupPage = (businessId: any) => {
|
||||
router.push({
|
||||
name: '菜品分组详情',
|
||||
query: {
|
||||
businessId: businessId
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
123
CampusExpressDelivery/src/view/shop/business/Dish.vue
Normal file
123
CampusExpressDelivery/src/view/shop/business/Dish.vue
Normal file
@ -0,0 +1,123 @@
|
||||
<script setup lang="ts">
|
||||
import {useRoute} from "vue-router";
|
||||
import {onMounted, ref} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
import myAxios from "../../../api/myAxios";
|
||||
import {backPage} from "../../../utils/TableConfig";
|
||||
import dayjs from "dayjs";
|
||||
|
||||
const route = useRoute();
|
||||
const businessId = route.query.businessId;
|
||||
const dishGroupId = route.query.dishGroupId;
|
||||
const dishGroup = ref([]);
|
||||
// const loading = ref(false);
|
||||
const searchParams: any = ref({
|
||||
businessId: businessId,
|
||||
current: 1,
|
||||
dishesGroupId: dishGroupId,
|
||||
dishesName: "",
|
||||
pageSize: 10,
|
||||
sortField: "",
|
||||
sortOrder: "",
|
||||
status: ""
|
||||
})
|
||||
const getDishGroup = async () => {
|
||||
console.log(businessId);
|
||||
try {
|
||||
// loading.value = true;
|
||||
const res: any = await myAxios.post('/dishes/list/dishes', {
|
||||
...searchParams.value
|
||||
})
|
||||
if (res.code === 0 && res.data) {
|
||||
console.log(res)
|
||||
dishGroup.value = res.data
|
||||
} else {
|
||||
message.error(res.description)
|
||||
backPage()
|
||||
}
|
||||
}
|
||||
catch (error) {
|
||||
console.error(error);
|
||||
message.error("请求失败，请检查网络或后端服务");
|
||||
backPage();
|
||||
}
|
||||
}
|
||||
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
dataIndex: 'id',
|
||||
},
|
||||
{
|
||||
title: '菜品名称',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
dataIndex: 'dishesName',
|
||||
},
|
||||
{
|
||||
title: '菜品图片',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
key: 'dishesImage',
|
||||
},
|
||||
{
|
||||
title: '菜品价格',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
dataIndex: 'dishesPrice',
|
||||
},
|
||||
{
|
||||
title: '菜品打包费',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
dataIndex: 'packPrice',
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
dataIndex: 'createTime',
|
||||
customRender: ({ text }: { text: string }) => text ? dayjs(text).format('YYYY-MM-DD') : '-',
|
||||
}
|
||||
];
|
||||
|
||||
onMounted(() => {
|
||||
getDishGroup();
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<a-table
|
||||
:scroll="{ x: 1500, y: 1000 }"
|
||||
:data-source="dishGroup"
|
||||
:columns="columns"
|
||||
:pagination=false
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'dishesImage'">
|
||||
<a-avatar :src="record.dishesImage"></a-avatar>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<a-button
|
||||
class="button-s"
|
||||
size="small"
|
||||
type="default"
|
||||
style="color: blue"
|
||||
@click="backPage">返回
|
||||
</a-button>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
109
CampusExpressDelivery/src/view/shop/business/DishGroup.vue
Normal file
109
CampusExpressDelivery/src/view/shop/business/DishGroup.vue
Normal file
@ -0,0 +1,109 @@
|
||||
<script setup lang="ts">
|
||||
import {useRoute} from "vue-router";
|
||||
import {onMounted, ref} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
import myAxios from "../../../api/myAxios";
|
||||
import {backPage} from "../../../utils/TableConfig";
|
||||
import dayjs from "dayjs";
|
||||
import router from "../../../router";
|
||||
|
||||
const route = useRoute();
|
||||
const businessId = route.query.businessId;
|
||||
const dishGroup = ref([]);
|
||||
// const loading = ref(false);
|
||||
const getDishGroup = async () => {
|
||||
console.log(businessId);
|
||||
try {
|
||||
// loading.value = true;
|
||||
const res: any = await myAxios.post('/dishesGroup/list/dishesGroup', {
|
||||
businessId: businessId,
|
||||
})
|
||||
if (res.code === 0 && res.data) {
|
||||
console.log(res)
|
||||
dishGroup.value = res.data
|
||||
} else {
|
||||
message.error(res.description)
|
||||
backPage()
|
||||
}
|
||||
}
|
||||
catch (error) {
|
||||
console.error(error);
|
||||
message.error("请求失败，请检查网络或后端服务");
|
||||
backPage();
|
||||
}
|
||||
}
|
||||
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
dataIndex: 'id',
|
||||
},
|
||||
{
|
||||
title: '菜品分组名称',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
dataIndex: 'groupName',
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
dataIndex: 'createTime',
|
||||
customRender: ({ text }: { text: string }) => text ? dayjs(text).format('YYYY-MM-DD') : '-',
|
||||
},
|
||||
{title: '操作', key: '操作', fixed: 'right', width: 100, align: 'center'},
|
||||
];
|
||||
|
||||
const toDishPage = (businessId: any, dishGroupId:any) => {
|
||||
router.push({
|
||||
name: '菜品详情',
|
||||
query: {
|
||||
businessId: businessId,
|
||||
dishGroupId: dishGroupId
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getDishGroup();
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<a-card>
|
||||
<a-table
|
||||
:scroll="{ x: 1500, y: 1000 }"
|
||||
:data-source="dishGroup"
|
||||
:columns="columns"
|
||||
:pagination="false"
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-button
|
||||
type="link"
|
||||
style="color: rgba(71, 214, 213);"
|
||||
@click="toDishPage(businessId, record.id)">查看菜品
|
||||
</a-button>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<a-button
|
||||
class="button-s"
|
||||
size="small"
|
||||
type="default"
|
||||
style="color: blue"
|
||||
@click="backPage">返回
|
||||
</a-button>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
102
CampusExpressDelivery/src/view/shop/order/OrderDetail.vue
Normal file
102
CampusExpressDelivery/src/view/shop/order/OrderDetail.vue
Normal file
@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<!--订单详情-->
|
||||
<a-descriptions :column=2>
|
||||
<a-descriptions-item>
|
||||
<div style="display: flex;align-items: center">
|
||||
<span>商家信息：</span>
|
||||
<a-avatar :src="businessData.businessAvatar"/>
|
||||
<span>{{ businessData?.businessName }}</span>
|
||||
</div>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="取餐码">
|
||||
<a-tag color="processing" v-if="orderData?.pickupCode">{{ orderData?.pickupCode }}</a-tag>
|
||||
<a-tag color="red" v-else>暂未支付</a-tag>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="支付方式">
|
||||
<div v-if="orderData.payMethod === 0">微信支付</div>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="用户电话">{{ orderData?.phone }}</a-descriptions-item>
|
||||
<a-descriptions-item label="支付金额">{{ orderData?.totalPrice }}元</a-descriptions-item>
|
||||
<a-descriptions-item label="订单编号">{{ orderData.id }}</a-descriptions-item>
|
||||
<a-descriptions-item label="下单时间">{{ orderData?.createTime }}</a-descriptions-item>
|
||||
<a-descriptions-item label="支付时间">{{ orderData?.updateTime }}</a-descriptions-item>
|
||||
<a-descriptions-item label="订单备注">{{ orderData?.notes }}</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
<a-list :loading="loading" size="default" bordered :data-source="orderDetail">
|
||||
<template #header>
|
||||
<div>订单列表</div>
|
||||
</template>
|
||||
<template #renderItem="{ item }">
|
||||
<a-list-item style="display: flex">
|
||||
<a-list-item-meta :description="item.attributeNames === '' ? '未选择规格' : item.attributeNames">
|
||||
<template #title>
|
||||
<div>{{ item.dishesVO.dishesName }}</div>
|
||||
</template>
|
||||
<template #avatar>
|
||||
<a-image style="width: 4rem" :src="item.dishesVO.dishesImage"/>
|
||||
</template>
|
||||
</a-list-item-meta>
|
||||
<a-list-item-meta style="display: flex; align-items: end">
|
||||
<template #title>
|
||||
<div style="float: right;margin-left: 10%">{{ item.subtotal }}元</div>
|
||||
<div style="float: right">×{{ item.quantity }}</div>
|
||||
</template>
|
||||
</a-list-item-meta>
|
||||
</a-list-item>
|
||||
</template>
|
||||
</a-list>
|
||||
<a-button style="margin-top: 30px" type="primary" @click="back">返回</a-button>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import myAxios from "../../../api/myAxios";
|
||||
import {onMounted, ref} from "vue";
|
||||
import {useRoute} from "vue-router";
|
||||
import {message} from "ant-design-vue";
|
||||
import router from "../../../router";
|
||||
|
||||
const route = useRoute();
|
||||
//加载按钮
|
||||
const loading = ref(false);
|
||||
//订单信息
|
||||
const orderData: any = ref({});
|
||||
//商家信息
|
||||
const businessData: any = ref({});
|
||||
//订单详情
|
||||
const orderDetail: any = ref([]);
|
||||
|
||||
onMounted(() => {
|
||||
getOrderDetail()
|
||||
})
|
||||
|
||||
const getOrderDetail = async () => {
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.get('/orders/get', {
|
||||
params: {id: route.query.id}
|
||||
})
|
||||
if (res.code === 0 && res.data)
|
||||
{
|
||||
console.log(res)
|
||||
loading.value = false;
|
||||
orderData.value = res.data
|
||||
businessData.value = res.data.businessVO
|
||||
orderDetail.value = res.data.orderDetailsVOList
|
||||
orderData.value.createTime = orderData.value.createTime.slice(0, 16).replace('T', '~')
|
||||
orderData.value.updateTime = orderData.value.updateTime.slice(0, 16).replace('T', '~')
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
back()
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 返回
|
||||
*/
|
||||
const back = () => {
|
||||
router.back()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
349
CampusExpressDelivery/src/view/shop/order/OrderList.vue
Normal file
349
CampusExpressDelivery/src/view/shop/order/OrderList.vue
Normal file
@ -0,0 +1,349 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<a-button style="margin-bottom: 30px" type="primary" @click="back">返回</a-button>
|
||||
店铺信息
|
||||
<div class="data-box">
|
||||
<div style="display: flex;justify-content: space-around">
|
||||
<a-descriptions :column=3 style="width: 85%">
|
||||
<a-descriptions-item label="店铺名">{{ businessData?.businessName }}</a-descriptions-item>
|
||||
<a-descriptions-item label="店主姓名">{{ businessData?.shopkeeper }}</a-descriptions-item>
|
||||
<a-descriptions-item label="店铺地">{{ businessData.address }}</a-descriptions-item>
|
||||
<a-descriptions-item label="联系方式">{{ businessData?.businessPhone }}</a-descriptions-item>
|
||||
<a-descriptions-item label="银行卡号">{{ businessData?.bankCard }}</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
<div style="width: 15%;display: flex;white-space: nowrap">
|
||||
图片：
|
||||
<div style="width: 45%">
|
||||
<a-image :src="businessData.businessAvatar"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-box" style="margin-top: 2%;display: inline-block;width: 100%">
|
||||
<div style="display: flex;justify-content: space-between;margin-bottom: 2%">
|
||||
<!-- 查询信息 -->
|
||||
<a-form layout="inline">
|
||||
<a-space>
|
||||
<a-input-search
|
||||
style="width: 400px"
|
||||
placeholder="请输入订单号"
|
||||
enter-button
|
||||
allow-clear
|
||||
@search="onSearch"
|
||||
/>
|
||||
<a-select
|
||||
v-model:value="searchParams.state"
|
||||
style="width: 120px"
|
||||
@change="getOrdersList(1)"
|
||||
>
|
||||
<a-select-option value="">全部</a-select-option>
|
||||
<a-select-option value="0">未支付</a-select-option>
|
||||
<a-select-option value="1">已支付</a-select-option>
|
||||
<a-select-option value="2">已退款</a-select-option>
|
||||
<a-select-option value="3">已取消</a-select-option>
|
||||
<a-select-option value="4">已出餐</a-select-option>
|
||||
<a-select-option value="5">已完成</a-select-option>
|
||||
</a-select>
|
||||
</a-space>
|
||||
</a-form>
|
||||
<a-space>
|
||||
<!-- 导出信息 -->
|
||||
<a-button type="primary" @click="download">EXCEL导出</a-button>
|
||||
<!--筛选时间-->
|
||||
<a-range-picker @change="searchTime" format="YYYY-MM-DD"/>
|
||||
</a-space>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 800, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:rowKey="(record: any) => record.id"
|
||||
:pagination=false
|
||||
:loading="loading"
|
||||
bordered
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'state'">
|
||||
<div v-if="record.state === 0">
|
||||
<a-tag color="purple">未支付</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 1">
|
||||
<a-tag color="blue">已支付</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 2">
|
||||
<a-tag color="red">已退款</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 3">
|
||||
<a-tag color="gray">已取消</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 4">
|
||||
<a-tag color="blue">已出餐</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 5">
|
||||
<a-tag color="green">已完成</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="column.key === 'totalPrice'">
|
||||
<a-tag color="purple">{{ record.totalPrice }}</a-tag>
|
||||
</template>
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-space>
|
||||
<a-button size="small"
|
||||
type="link"
|
||||
style="color: rgba(255, 141, 26, 1);"
|
||||
@click="router.push({path:'/orderDetail',query:{id:record.id}})">查看
|
||||
</a-button>
|
||||
<a-button v-if="record.state === 1"
|
||||
size="small"
|
||||
type="link"
|
||||
style="color: rgba(255, 141, 26, 1);"
|
||||
@click="modalOpen = true; recordId=record.orderNo">退款
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</div>
|
||||
<!--订单金额信息 -->
|
||||
<div style="margin: 20px 0 20px 0;float: left;">
|
||||
<span class="ant-pagination-total-text">总金额：{{ ordersCount }}元</span>
|
||||
</div>
|
||||
<!-- 分页部分 -->
|
||||
<div class="pagination">
|
||||
<a-pagination v-model:current="searchParams.current"
|
||||
v-model:pageSize="searchParams.pageSize"
|
||||
show-size-changer
|
||||
show-quick-jumper
|
||||
:total="total"
|
||||
:show-total="() => `共 ${total} 条订单`"
|
||||
@change="onChange"
|
||||
@showSizeChange="onShowSizeChange"
|
||||
/>
|
||||
</div>
|
||||
<!--退款弹出框-->
|
||||
<a-modal v-model:open="modalOpen" title="退款" destroyOnClose @ok="refund()">
|
||||
<span>确定退款吗</span>
|
||||
</a-modal>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
import {useRoute} from "vue-router";
|
||||
import {formatTime} from "../../../utils/TableConfig";
|
||||
import router from "../../../router";
|
||||
import myAxios from "../../../api/myAxios.ts";
|
||||
|
||||
const route = useRoute();
|
||||
//订单信息
|
||||
const tableData: any = ref([])
|
||||
//店铺信息
|
||||
const businessData: any = ref({})
|
||||
//订单总金额
|
||||
const ordersCount: any = ref<Number>()
|
||||
//加载按钮
|
||||
const loading = ref(false)
|
||||
//弹出框开关
|
||||
const modalOpen = ref<boolean>(false);
|
||||
//退款id
|
||||
const recordId = ref<Number>();
|
||||
// 分页
|
||||
const total: any = ref(0);
|
||||
//查询条件
|
||||
const searchParams: any = ref({
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
orderId: null,
|
||||
searchTime: null,
|
||||
state: ''
|
||||
})
|
||||
|
||||
const columns: any = [
|
||||
{title: '订单号', dataIndex: 'id', key: 'id', width: 100, fixed: 'left', align: 'center'},
|
||||
{
|
||||
title: '下单时间', dataIndex: 'createTime', key: 'createTime', width: 100, align: 'center',
|
||||
customRender: (row: any) => {
|
||||
return formatTime(row)
|
||||
}
|
||||
},
|
||||
{title: '卖家昵称', dataIndex: 'userName', key: 'userName', width: 150, align: 'center'},
|
||||
{title: '支付状态', dataIndex: 'state', key: 'state', width: 150, align: 'center'},
|
||||
{title: '订单金额', dataIndex: 'totalPrice', key: 'totalPrice', width: 150, align: 'center'},
|
||||
{title: '操作', key: '操作', fixed: 'right', width: 80, align: 'center'},
|
||||
];
|
||||
|
||||
onMounted(() => {
|
||||
getOrdersList(1)
|
||||
getBusinessVO()
|
||||
getOrdersCount()
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取订单信息列表
|
||||
*/
|
||||
const getOrdersList = async (current: any) => {
|
||||
let businessId = route.query.id; //商家id
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post('/orders/list/page', {
|
||||
businessId: businessId,
|
||||
errandId: "",
|
||||
current: current,
|
||||
pageSize: searchParams.value.pageSize,
|
||||
id: searchParams.value.orderId,
|
||||
sortField: "createTime",
|
||||
sortOrder: "descend",
|
||||
state: searchParams.value.state,
|
||||
startTime: searchParams.value.searchTime == null ? '' : searchParams.value.searchTime[0],
|
||||
endTime: searchParams.value.searchTime == null ? '' : searchParams.value.searchTime[1]
|
||||
})
|
||||
if (res.code === 0 && res.data) {
|
||||
searchParams.value.current = current
|
||||
tableData.value = res.data.records;
|
||||
total.value = parseInt(res.data.total);
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
back()
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取店铺信息
|
||||
*/
|
||||
const getBusinessVO = async () => {
|
||||
let businessId = route.query.id; //商家id
|
||||
const res: any = await myAxios.get('/business/getById', {params: {"id": businessId}})
|
||||
if (res.code === 0 && res.data) {
|
||||
console.log(res)
|
||||
businessData.value = res.data;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
console.log(res)
|
||||
back()
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取该店铺收入
|
||||
*/
|
||||
const getOrdersCount = async () => {
|
||||
let businessId = route.query.id; //商家id
|
||||
const res: any = await myAxios.post('/orders/count', {
|
||||
"businessId": businessId,
|
||||
"type": "money",
|
||||
"state": 5
|
||||
})
|
||||
if (res.code === 0 && res.data) {
|
||||
ordersCount.value = res.data;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
back()
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 导出Excel表
|
||||
*/
|
||||
const download = async () => {
|
||||
let businessId = route.query.id //商家id
|
||||
const res: any = await myAxios.post('/orders/download', {
|
||||
businessId: businessId,
|
||||
startTime: searchParams.value.searchTime?.[0] || '',
|
||||
endTime: searchParams.value.searchTime?.[1] || '',
|
||||
current: searchParams.value.current,
|
||||
pageSize: searchParams.value.pageSize,
|
||||
sortField: "createTime",
|
||||
sortOrder: "descend"
|
||||
},
|
||||
{
|
||||
responseType: "blob"
|
||||
}
|
||||
|
||||
)
|
||||
console.log(res)
|
||||
downloadCallback(res, '商家订单信息表.xlsx')
|
||||
}
|
||||
|
||||
/**
|
||||
* 退款
|
||||
*/
|
||||
// const refund = async () => {
|
||||
// const res: any = await myAxios.get('/Alipay/test/refund', {orderNo: recordId.value})
|
||||
// if (res.code === 0 && res.data) {
|
||||
// message.success('退款成功');
|
||||
// modalOpen.value = false
|
||||
// await getOrdersList(1)
|
||||
// await getOrdersCount()
|
||||
// } else {
|
||||
// message.error(`退款失败：${res.message}`);
|
||||
// }
|
||||
// }
|
||||
const refund = async () => {
|
||||
const res: any = await myAxios.get(`/Alipay/test/refund?orderNo=${recordId.value}`);
|
||||
if (res.code === 0 && res.data) {
|
||||
message.success('退款成功');
|
||||
modalOpen.value = false;
|
||||
await getOrdersList(1);
|
||||
await getOrdersCount();
|
||||
} else {
|
||||
message.error(`退款失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 查询
|
||||
*/
|
||||
const onSearch = async (ordersId: number) => {
|
||||
searchParams.value.orderId = ordersId
|
||||
await getOrdersList(1)
|
||||
}
|
||||
|
||||
/**
|
||||
* 查询时间
|
||||
*/
|
||||
const searchTime = async (dateTime: any) => {
|
||||
searchParams.value.searchTime = dateTime
|
||||
await getOrdersList(1)
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页
|
||||
*/
|
||||
const onShowSizeChange = (current: number, pageSize: number) => {
|
||||
searchParams.value.pageSize = pageSize;
|
||||
getOrdersList(current);
|
||||
}
|
||||
const onChange = (pageNumber: number) => {
|
||||
searchParams.value.current = pageNumber;
|
||||
getOrdersList(pageNumber);
|
||||
}
|
||||
|
||||
/**
|
||||
* 返回
|
||||
*/
|
||||
const back = () => {
|
||||
router.back()
|
||||
}
|
||||
|
||||
//生成下载文件
|
||||
const downloadCallback = (res: any, fileName: any) => {
|
||||
const blob = new Blob([res]);
|
||||
if ("download" in document.createElement("a")) {
|
||||
// 非IE下载
|
||||
const elink = document.createElement("a");
|
||||
elink.download = fileName;
|
||||
elink.style.display = "none";
|
||||
elink.href = URL.createObjectURL(blob);
|
||||
document.body.appendChild(elink);
|
||||
elink.click();
|
||||
URL.revokeObjectURL(elink.href); // 释放URL 对象
|
||||
document.body.removeChild(elink);
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
179
CampusExpressDelivery/src/view/shop/order/StoreList.vue
Normal file
179
CampusExpressDelivery/src/view/shop/order/StoreList.vue
Normal file
@ -0,0 +1,179 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<!-- 搜索框 -->
|
||||
<div class="search-box">
|
||||
<a-form layout="inline">
|
||||
<a-space warp>
|
||||
<a-form-item
|
||||
label="店铺名"
|
||||
>
|
||||
<a-input allow-clear @change="change" @pressEnter="getBusinessList(1)"
|
||||
v-model:value="searchParams.businessName"
|
||||
placeholder="请输入店铺名"/>
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
label="店铺地"
|
||||
>
|
||||
<a-input allow-clear @change="change" @pressEnter="getBusinessList(1)" v-model:value="searchParams.address"
|
||||
placeholder="请输入店铺地"/>
|
||||
</a-form-item>
|
||||
<a-form-item label="状态">
|
||||
<a-select
|
||||
style="width: 200px;"
|
||||
placeholder="默认查询全部商家"
|
||||
allowClear
|
||||
v-model:value="searchParams.state"
|
||||
@change="handleChange"
|
||||
>
|
||||
<a-select-option value=0>休业</a-select-option>
|
||||
<a-select-option value=1>营业</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-button type="primary" @click="getBusinessList(1)">查询</a-button>
|
||||
<a-button @click="reset">重置</a-button>
|
||||
</a-space>
|
||||
</a-form>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 1000, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:pagination=false
|
||||
:loading="loading"
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'businessAvatar'">
|
||||
<a-avatar :src="record.businessAvatar"/>
|
||||
</template>
|
||||
<template v-if="column.key === 'state'">
|
||||
<div v-if="record.state === 0">
|
||||
<a-tag color="purple">休业中</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.state === 1">
|
||||
<a-tag color="blue">营业中</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-space>
|
||||
<a-button size="small"
|
||||
type="link"
|
||||
style="color: rgba(255, 141, 26, 1);"
|
||||
@click="router.push({path: '/orderList',query: {id: record.id}})">查看
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<!-- 分页部分 -->
|
||||
<div class="pagination">
|
||||
<a-pagination v-model:current="searchParams.current"
|
||||
v-model:pageSize="searchParams.pageSize"
|
||||
show-quick-jumper
|
||||
show-size-changer
|
||||
:show-total="(total: any) => `共 ${total} 家店铺`"
|
||||
:total="total"
|
||||
@change="onChange"
|
||||
/>
|
||||
</div>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import myAxios from "../../../api/myAxios";
|
||||
import {onMounted, ref} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
import router from "../../../router";
|
||||
|
||||
//表单数据
|
||||
const tableData: any = ref([]);
|
||||
//加载按钮
|
||||
const loading = ref(false)
|
||||
// 分页
|
||||
const total: any = ref(0);
|
||||
//查询条件
|
||||
const searchParams: any = ref({
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
businessName: '',
|
||||
address: '',
|
||||
state: null
|
||||
})
|
||||
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
width: 60,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
customRender: ({index}: any) => {
|
||||
return `${(searchParams.value.current - 1) * searchParams.value.pageSize + index + 1}`;
|
||||
}
|
||||
},
|
||||
{title: '图片', dataIndex: 'businessAvatar', key: 'businessAvatar', width: 30, align: 'center'},
|
||||
{title: '店铺名', dataIndex: 'businessName', key: 'businessName', width: 50, align: 'center'},
|
||||
{title: '店铺地', dataIndex: 'address', key: 'address', width: 150, align: 'center'},
|
||||
{title: '状态', dataIndex: 'state', key: 'state', width: 150, align: 'center'},
|
||||
{title: '操作', key: '操作', fixed: 'right', width: 50, align: 'center'},
|
||||
];
|
||||
|
||||
onMounted(() => {
|
||||
getBusinessList(1)
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取商家信息列表
|
||||
*/
|
||||
const getBusinessList = async (current: number) => {
|
||||
searchParams.value.current = current
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post('/business/list/page', {...searchParams.value})
|
||||
if (res.code === 0 && res.data) {
|
||||
tableData.value = res.data.records;
|
||||
total.value = parseInt(res.data.total);
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 选择用户身份
|
||||
*/
|
||||
const handleChange = (state: string) => {
|
||||
searchParams.value.state = state;
|
||||
getBusinessList(1)
|
||||
};
|
||||
|
||||
/**
|
||||
* 重置查询条件
|
||||
*/
|
||||
const reset = () => {
|
||||
searchParams.value.businessName = ''
|
||||
searchParams.value.address = ''
|
||||
searchParams.value.state = null
|
||||
getBusinessList(1)
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页
|
||||
*/
|
||||
const onChange = (pageNumber: number) => {
|
||||
searchParams.value.current = pageNumber;
|
||||
getBusinessList(pageNumber);
|
||||
}
|
||||
|
||||
/**
|
||||
* 清除输入框的回调
|
||||
*/
|
||||
const change = (row: any) => {
|
||||
if (row.type === 'click') getBusinessList(1)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
3
CampusExpressDelivery/src/view/system/BusinessInfo.vue
Normal file
3
CampusExpressDelivery/src/view/system/BusinessInfo.vue
Normal file
@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<div>管理员根据商家发布的公告进行查看管理</div>
|
||||
</template>
|
||||
160
CampusExpressDelivery/src/view/system/Carousel/Carousel.vue
Normal file
160
CampusExpressDelivery/src/view/system/Carousel/Carousel.vue
Normal file
@ -0,0 +1,160 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<a-card :loading="loading">
|
||||
<div style="display: flex;justify-content: right;margin-bottom: 1%">
|
||||
<a-button type="primary" @click="showModal">增加</a-button>
|
||||
</div>
|
||||
<div style="display: flex;flex-wrap: wrap;">
|
||||
<div v-for="item in carouselData" style="margin: 1.8%">
|
||||
<a-card>
|
||||
<template #cover>
|
||||
<a-image :src="item?.content" style="width: 200px;height: 100px"/>
|
||||
</template>
|
||||
<template #actions>
|
||||
<a-button type="primary" danger @click="deleteCarousel(item.id)">删除</a-button>
|
||||
</template>
|
||||
</a-card>
|
||||
</div>
|
||||
</div>
|
||||
</a-card>
|
||||
<div>
|
||||
<a-modal v-model:open="modalOpen" :afterClose="onClose" keyboard title="新增轮播图" @ok="submit">
|
||||
<a-upload
|
||||
style="margin: 5%"
|
||||
:max-count="1"
|
||||
name="avatar"
|
||||
:show-upload-list="false"
|
||||
:customRequest="handleChange"
|
||||
list-type="picture-card"
|
||||
class="avatar-uploader"
|
||||
>
|
||||
<img v-if="imageUrl" :src="imageUrl" alt="example" style="width: 100%"/>
|
||||
<div v-else>
|
||||
<div class="ant-upload-text">+</div>
|
||||
</div>
|
||||
</a-upload>
|
||||
</a-modal>
|
||||
</div>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import myAxios from "../../../api/myAxios.ts";
|
||||
import {onMounted, ref} from "vue";
|
||||
import {message} from "ant-design-vue";
|
||||
|
||||
//加载按钮
|
||||
const loading = ref(false)
|
||||
//轮播图信息
|
||||
const carouselData: any = ref({})
|
||||
//弹出框开关
|
||||
const modalOpen = ref<boolean>(false);
|
||||
//图片地址
|
||||
const imageUrl = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
getCarousel()
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取轮播图列表
|
||||
*/
|
||||
const getCarousel = async () => {
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post('/system/list', {
|
||||
type: 1
|
||||
})
|
||||
console.log(res)
|
||||
if (res.code === 0 && res.data) {
|
||||
loading.value = false;
|
||||
carouselData.value = res.data
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除轮播图
|
||||
*/
|
||||
const deleteCarousel = async (id: number) => {
|
||||
const res: any = await myAxios.post('/system/delete', {
|
||||
id: id
|
||||
})
|
||||
if (res.code !== 0) {
|
||||
message.error(`删除失败：${res.message}`);
|
||||
}
|
||||
await getCarousel()
|
||||
}
|
||||
|
||||
/**
|
||||
* 打开弹出框
|
||||
*/
|
||||
const showModal = () => {
|
||||
if (carouselData.value.length > 7) {
|
||||
message.error(`添加失败,轮播图不能大于8张`);
|
||||
return
|
||||
}
|
||||
modalOpen.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
* 关闭弹出框
|
||||
*/
|
||||
const onClose = () => {
|
||||
imageUrl.value = ""
|
||||
modalOpen.value = false;
|
||||
};
|
||||
|
||||
/**
|
||||
* 上传图片
|
||||
*/
|
||||
const handleChange = async (row: any) => {
|
||||
let formData = new FormData()
|
||||
formData.append("file", row.file)
|
||||
const result = await myAxios({
|
||||
url: '/file/upload/server',
|
||||
method: 'post',
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data'
|
||||
},
|
||||
data: {
|
||||
//biz: "user_avatar",
|
||||
biz: "system",
|
||||
// 需根据名字取出，否则为空
|
||||
file: formData.get("file")
|
||||
}
|
||||
})
|
||||
// 传出图片地址
|
||||
if (result.data) {
|
||||
imageUrl.value = result.data
|
||||
} else {
|
||||
message.error(`图片上传失败`);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 确认添加
|
||||
*/
|
||||
const submit = async () => {
|
||||
if (imageUrl.value === '' || undefined) {
|
||||
message.error(`请上传图片`);
|
||||
return
|
||||
}
|
||||
const res: any = await myAxios.post('/system/add', {
|
||||
type: 1,
|
||||
content: imageUrl.value
|
||||
})
|
||||
if (res.code !== 0) {
|
||||
message.error(`更新失败：${res.message}`);
|
||||
}
|
||||
await getCarousel()
|
||||
modalOpen.value = false;
|
||||
imageUrl.value = '';
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
193
CampusExpressDelivery/src/view/system/Category.vue
Normal file
193
CampusExpressDelivery/src/view/system/Category.vue
Normal file
@ -0,0 +1,193 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<div class="middle-button">
|
||||
<a-button type="primary" @click="showDrawer">添加</a-button>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 1500, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:rowKey="(record: any) => record.id"
|
||||
:loading="loading"
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'image'">
|
||||
<a-avatar :src="record.image"/>
|
||||
</template>
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-space>
|
||||
<a-button size="small" type="link" danger @click="handleDelete(record.id)">删除</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<a-drawer
|
||||
:destroyOnClose="true"
|
||||
title="添加分类"
|
||||
placement="right"
|
||||
:closable="false"
|
||||
:visible="visible"
|
||||
@close="onClose"
|
||||
>
|
||||
<a-form :model="drawerData" :rules="rules" layout="vertical">
|
||||
<a-form-item name="content">
|
||||
<a-input v-model:value="drawerData.name" placeholder="请输入分类名称"/>
|
||||
</a-form-item>
|
||||
<a-form-item>
|
||||
<a-upload
|
||||
style="margin: 5%"
|
||||
:max-count="1"
|
||||
name="avatar"
|
||||
:show-upload-list="false"
|
||||
:customRequest="upload"
|
||||
list-type="picture-card"
|
||||
class="avatar-uploader"
|
||||
>
|
||||
<img v-if="drawerData.image" :src="drawerData.image" alt="example" style="width: 100%"/>
|
||||
<div v-else>
|
||||
<div class="ant-upload-text">+</div>
|
||||
</div>
|
||||
</a-upload>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<a-button style="margin-right: 8px" @click="onClose">取消</a-button>
|
||||
<a-button type="primary" @click="onSubmit">确认</a-button>
|
||||
</a-drawer>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue";
|
||||
import {formatTime} from "../../utils/TableConfig";
|
||||
import myAxios from "../../api/myAxios";
|
||||
import {message} from "ant-design-vue";
|
||||
|
||||
const tableData: any = ref([]);
|
||||
const loading = ref(false)
|
||||
// 抽屉开关
|
||||
const visible = ref<boolean>(false);
|
||||
// 抽屉数据
|
||||
const drawerData: any = ref({})
|
||||
|
||||
const columns: any = [
|
||||
{title: '分类名', dataIndex: 'name', width: 30, align: 'center'},
|
||||
{title: '分类图片', key: 'image', width: 30, align: 'center'},
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'createTime',
|
||||
key: 'createTime',
|
||||
width: 30,
|
||||
align: 'center',
|
||||
customRender: (row: any) => {
|
||||
return formatTime(row)
|
||||
}
|
||||
},
|
||||
{title: '操作', key: '操作', fixed: 'right', width: 30, align: 'center'},
|
||||
];
|
||||
|
||||
const rules = {
|
||||
name: [{required: true, message: '请输入分类名称'}],
|
||||
image: [{required: true, message: '请输入分类图片'}],
|
||||
};
|
||||
|
||||
/**
|
||||
* 页面加载时，请求数据
|
||||
*/
|
||||
onMounted(() => {
|
||||
getCategoryList();
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取分类列表
|
||||
*/
|
||||
const getCategoryList = async () => {
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.get("/category/list");
|
||||
console.log(res)
|
||||
if (res.code === 0 && res.data) {
|
||||
tableData.value = res.data;
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 上传图片
|
||||
*/
|
||||
const upload = async (row: any) => {
|
||||
let formData = new FormData()
|
||||
formData.append("file", row.file)
|
||||
const result = await myAxios({
|
||||
url: '/file/upload/server',
|
||||
method: 'post',
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data'
|
||||
},
|
||||
data: {
|
||||
biz: "system",
|
||||
// 需根据名字取出，否则为空
|
||||
file: formData.get("file")
|
||||
}
|
||||
})
|
||||
// 传出图片地址
|
||||
if (result.data) {
|
||||
drawerData.value.image = result.data
|
||||
console.log(drawerData.value.image)
|
||||
} else {
|
||||
message.error(`图片上传失败`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 抽屉
|
||||
*/
|
||||
const showDrawer = () => {
|
||||
visible.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
* 关闭弹出框
|
||||
*/
|
||||
const onClose = () => {
|
||||
drawerData.value = ref({})
|
||||
visible.value = false;
|
||||
};
|
||||
|
||||
const onSubmit = async () => {
|
||||
const res: any = await myAxios.post('/category/add', {
|
||||
name: drawerData.value.name,
|
||||
image: drawerData.value.image
|
||||
})
|
||||
console.log(res)
|
||||
if (res.code === 0) {
|
||||
drawerData.value = ref('')
|
||||
await getCategoryList()
|
||||
message.success('添加分类成功')
|
||||
} else {
|
||||
message.error(`添加分类失败：${res.message}`);
|
||||
}
|
||||
visible.value = false
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*/
|
||||
const handleDelete = async (id: any) => {
|
||||
const res: any = await myAxios.post("/category/delete", {id: id});
|
||||
if (res.code === 0 && res.data) {
|
||||
await getCategoryList();
|
||||
message.success(`删除成功`);
|
||||
} else {
|
||||
message.error(`删除分类失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
145
CampusExpressDelivery/src/view/system/Info.vue
Normal file
145
CampusExpressDelivery/src/view/system/Info.vue
Normal file
@ -0,0 +1,145 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<div class="middle-button">
|
||||
<a-button type="primary" @click="showDrawer">添加</a-button>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 1500, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:rowKey="(record: any) => record.id"
|
||||
:loading="loading"
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-space>
|
||||
<a-button size="small" type="link" danger @click="handleDelete(record.id)">删除</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<a-drawer
|
||||
:destroyOnClose="true"
|
||||
title="添加公告"
|
||||
placement="right"
|
||||
:closable="false"
|
||||
:visible="visible"
|
||||
@close="visible=false;drawerData = {}"
|
||||
>
|
||||
<a-form :model="drawerData" :rules="rules" layout="vertical">
|
||||
<a-form-item name="content">
|
||||
<a-textarea
|
||||
v-model:value="drawerData.content"
|
||||
placeholder="请输入公告信息"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<a-button style="margin-right: 8px" @click="onClose">取消</a-button>
|
||||
<a-button type="primary" @click="onSubmit">确认</a-button>
|
||||
</a-drawer>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue";
|
||||
import {formatTime} from "../../utils/TableConfig";
|
||||
import myAxios from "../../api/myAxios";
|
||||
import {message} from "ant-design-vue";
|
||||
|
||||
const tableData: any = ref([]);
|
||||
const loading = ref(false)
|
||||
// 抽屉开关
|
||||
const visible = ref<boolean>(false);
|
||||
// 抽屉数据
|
||||
const drawerData: any = ref({})
|
||||
|
||||
const columns: any = [
|
||||
{title: '公告内容', dataIndex: 'content', width: 100, align: 'center'},
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'createTime',
|
||||
key: 'createTime',
|
||||
width: 50,
|
||||
align: 'center',
|
||||
customRender: (row: any) => {
|
||||
return formatTime(row)
|
||||
}
|
||||
},
|
||||
{title: '操作', key: '操作', fixed: 'right', width: 30, align: 'center'},
|
||||
];
|
||||
|
||||
const rules = {
|
||||
content: [{required: true, message: '请输入公告信息'}],
|
||||
};
|
||||
|
||||
/**
|
||||
* 页面加载时，请求数据
|
||||
*/
|
||||
onMounted(() => {
|
||||
getInfoList();
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取公告列表
|
||||
*/
|
||||
const getInfoList = async () => {
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post("/system/list", {type: 0});
|
||||
if (res.code === 0 && res.data) {
|
||||
tableData.value = res.data;
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 抽屉
|
||||
*/
|
||||
const showDrawer = () => {
|
||||
visible.value = true;
|
||||
};
|
||||
const onClose = () => {
|
||||
drawerData.value = {}
|
||||
visible.value = false;
|
||||
};
|
||||
const onSubmit = async () => {
|
||||
if (drawerData.value.content?.indexOf(' ') !== -1 || drawerData.value.content == '') {
|
||||
message.error(`格式错误,不允许存在空格`);
|
||||
return
|
||||
}
|
||||
const res: any = await myAxios.post('/system/add', {
|
||||
type: 0,
|
||||
content: drawerData.value.content
|
||||
})
|
||||
if (res.code === 0) {
|
||||
drawerData.value = {}
|
||||
await getInfoList()
|
||||
message.success('添加公告成功')
|
||||
} else {
|
||||
message.error(`添加公告失败：${res.message}`);
|
||||
}
|
||||
visible.value = false
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*/
|
||||
const handleDelete = async (id: any) => {
|
||||
const res: any = await myAxios.post("/system/delete", {id: id});
|
||||
if (res.code === 0 && res.data) {
|
||||
await getInfoList();
|
||||
message.success(`删除成功`);
|
||||
} else {
|
||||
message.error(`删除公告失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
222
CampusExpressDelivery/src/view/user/UserList.vue
Normal file
222
CampusExpressDelivery/src/view/user/UserList.vue
Normal file
@ -0,0 +1,222 @@
|
||||
<template>
|
||||
<a-card>
|
||||
<!-- 搜索框 -->
|
||||
<div class="search-box">
|
||||
<a-form layout="inline">
|
||||
<a-space>
|
||||
<a-form-item label="身份">
|
||||
<a-select
|
||||
style="width: 200px;"
|
||||
placeholder="默认查询全部用户"
|
||||
allowClear
|
||||
v-model:value="searchParams.userRole"
|
||||
@change="handleChange"
|
||||
>
|
||||
<a-select-option value="user">普通用户</a-select-option>
|
||||
<a-select-option value="business">商家用户</a-select-option>
|
||||
<a-select-option value="errand">快送员</a-select-option>
|
||||
<a-select-option value="admin">管理员</a-select-option>
|
||||
<a-select-option value="ban">已封禁</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<a-form-item label="用户昵称">
|
||||
<a-input-search
|
||||
style="width: 300px"
|
||||
placeholder="请输入用户昵称"
|
||||
enter-button
|
||||
allow-clear
|
||||
@search="onSearch"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item label="手机号">
|
||||
<a-input-search
|
||||
style="width: 300px"
|
||||
placeholder="请输入手机号"
|
||||
enter-button
|
||||
allow-clear
|
||||
@search="onSearchPhone"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-space>
|
||||
</a-form>
|
||||
</div>
|
||||
<!-- 数据展示部分 -->
|
||||
<a-table
|
||||
:scroll="{ x: 1500, y: 1000 }"
|
||||
:data-source="tableData"
|
||||
:columns="columns"
|
||||
:pagination=false
|
||||
:loading="loading"
|
||||
bordered
|
||||
class="data-box"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'avatarUrl'">
|
||||
<a-avatar :src="record.avatarUrl"/>
|
||||
</template>
|
||||
<template v-if="column.key === 'userRole'">
|
||||
<div v-if="record.userRole === 'boss'">
|
||||
<a-tag color="purple">Boss</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.userRole === 'admin'">
|
||||
<a-tag color="blue">管理员</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.userRole === 'user'">
|
||||
<a-tag color="green">普通用户</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.userRole === 'errand'">
|
||||
<a-tag color="yellow">快送员</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.userRole === 'business'">
|
||||
<a-tag color="orange">商家</a-tag>
|
||||
</div>
|
||||
<div v-else-if="record.userRole === 'ban'">
|
||||
<a-tag color="red">已封禁</a-tag>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="column.key === '操作'">
|
||||
<a-space>
|
||||
<a-button :disabled="validRole(record.userRole)"
|
||||
size="small" type="link" danger @click="doBan(record.id, record.userRole === 'user')">
|
||||
{{ record.userRole === 'ban' ? '解封' : '封禁' }}
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
<!-- 分页部分 -->
|
||||
<div class="pagination">
|
||||
<a-pagination v-model:current="searchParams.current"
|
||||
v-model:pageSize="searchParams.pageSize"
|
||||
show-quick-jumper
|
||||
show-size-changer
|
||||
:show-total="(total: any) => `共 ${total} 人`"
|
||||
:total="total"
|
||||
@change="onChange"
|
||||
/>
|
||||
</div>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {onMounted, ref} from "vue";
|
||||
import myAxios from "../../api/myAxios.ts";
|
||||
import {message} from "ant-design-vue";
|
||||
import {formatTime} from "../../utils/TableConfig.ts";
|
||||
|
||||
|
||||
const tableData: any = ref([]);
|
||||
const loading = ref(false)
|
||||
// 分页
|
||||
const total: any = ref(0);
|
||||
// 请求参数
|
||||
const searchParams: any = ref({
|
||||
current: 1,
|
||||
pageSize: 10,
|
||||
userRole: null,
|
||||
})
|
||||
|
||||
const columns: any = [
|
||||
{
|
||||
title: '序号',
|
||||
width: 40,
|
||||
fixed: 'left',
|
||||
align: 'center',
|
||||
customRender: ({index}: any) => {
|
||||
return `${(searchParams.value.current - 1) * searchParams.value.pageSize + index + 1}`;
|
||||
}
|
||||
},
|
||||
{title: '用户昵称', dataIndex: 'userAccount', width: 50, key: 'userAccount', fixed: 'left', align: 'center'},
|
||||
{title: '头像', dataIndex: 'avatarUrl', key: 'avatarUrl', width: 30, align: 'center'},
|
||||
{title: '身份', dataIndex: 'userRole', key: 'userRole', width: 50, align: 'center'},
|
||||
{title: '手机号', dataIndex: 'phone', key: 'phone', width: 50, align: 'center'},
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'createTime',
|
||||
key: 'createTime',
|
||||
width: 100,
|
||||
align: 'center',
|
||||
customRender: (row: any) => {
|
||||
return formatTime(row)
|
||||
}
|
||||
},
|
||||
{title: '操作', key: '操作', fixed: 'right', width: 30, align: 'center'},
|
||||
];
|
||||
|
||||
/**
|
||||
* 页面加载时，请求数据
|
||||
*/
|
||||
onMounted(() => {
|
||||
getUserList();
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取用户数据
|
||||
*/
|
||||
const getUserList = async () => {
|
||||
loading.value = true;
|
||||
const res: any = await myAxios.post("/user/list/page", {...searchParams.value})
|
||||
if (res.code === 0 && res.data) {
|
||||
console.log(res)
|
||||
tableData.value = res.data.records;
|
||||
total.value = parseInt(res.data.total);
|
||||
loading.value = false;
|
||||
} else {
|
||||
message.error(`获取数据失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 操作
|
||||
*/
|
||||
const doBan = async (id: string, isBan: boolean) => {
|
||||
const res: any = await myAxios.post("/user/update", {id: id, userRole: isBan ? 'ban' : 'user'})
|
||||
if (res.code === 0 && res.data) {
|
||||
message.success(`操作成功`);
|
||||
await getUserList();
|
||||
} else {
|
||||
message.error(`封禁用户失败：${res.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 选择用户身份
|
||||
*/
|
||||
const handleChange = (userRole: string) => {
|
||||
searchParams.value.userRole = userRole;
|
||||
searchParams.value.current = 1;
|
||||
getUserList();
|
||||
};
|
||||
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
const onSearch = (data: string) => {
|
||||
searchParams.value.userAccount = data;
|
||||
searchParams.value.current = 1;
|
||||
getUserList();
|
||||
}
|
||||
const onSearchPhone = (data: string) => {
|
||||
searchParams.value.phone = data;
|
||||
searchParams.value.current = 1;
|
||||
getUserList();
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页
|
||||
*/
|
||||
const onChange = (pageNumber: number) => {
|
||||
searchParams.value.current = pageNumber;
|
||||
getUserList();
|
||||
}
|
||||
|
||||
// 判断用户权限
|
||||
const validRole = (userRole: string) => {
|
||||
return !(userRole === 'user' || userRole === 'ban');
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
10
CampusExpressDelivery/src/vite-env.d.ts
vendored
Normal file
10
CampusExpressDelivery/src/vite-env.d.ts
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
/// <reference types="vite/client" />
|
||||
declare module '*.vue' {
|
||||
import type {DefineComponent} from 'vue'
|
||||
const vueComponent: DefineComponent<{}, {}, any>
|
||||
export default vueComponent
|
||||
}
|
||||
declare module '*.mjs'
|
||||
declare module 'dayjs'
|
||||
|
||||
|
||||
26
CampusExpressDelivery/tsconfig.app.json
Normal file
26
CampusExpressDelivery/tsconfig.app.json
Normal file
@ -0,0 +1,26 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"module": "ESNext",
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "Bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"isolatedModules": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
"jsx": "preserve",
|
||||
|
||||
/* Linting */
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"noUncheckedSideEffectImports": true
|
||||
},
|
||||
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
|
||||
}
|
||||
25
CampusExpressDelivery/tsconfig.json
Normal file
25
CampusExpressDelivery/tsconfig.json
Normal file
@ -0,0 +1,25 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"module": "ESNext",
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"noEmit": true,
|
||||
"jsx": "preserve",
|
||||
|
||||
/* Linting */
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"noFallthroughCasesInSwitch": true
|
||||
},
|
||||
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
|
||||
"references": [{ "path": "./tsconfig.node.json" }]
|
||||
}
|
||||
11
CampusExpressDelivery/tsconfig.node.json
Normal file
11
CampusExpressDelivery/tsconfig.node.json
Normal file
@ -0,0 +1,11 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"skipLibCheck": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "bundler",
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"strict": true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
1
CampusExpressDelivery/tsconfig.node.tsbuildinfo
Normal file
1
CampusExpressDelivery/tsconfig.node.tsbuildinfo
Normal file
File diff suppressed because one or more lines are too long
1
CampusExpressDelivery/tsconfig.tsbuildinfo
Normal file
1
CampusExpressDelivery/tsconfig.tsbuildinfo
Normal file
@ -0,0 +1 @@
|
||||
{"root":["./src/main.ts","./src/vite-env.d.ts","./src/api/myaxios.ts","./src/router/index.ts","./src/router/routes.ts","./src/store/index.ts","./src/store/userstore.ts","./src/utils/tableconfig.ts","./src/app.vue","./src/layout/managelayout.vue","./src/layout/manage/manageheader.vue","./src/layout/manage/managesidebar.vue","./src/view/index.vue","./src/view/login.vue","./src/view/test.vue","./src/view/service/customerservice.vue","./src/view/echarts/brokenline.vue","./src/view/echarts/ordermethod.vue","./src/view/errand/errandinfo.vue","./src/view/errand/errandlist.vue","./src/view/errand/errandorderlist.vue","./src/view/errand/runlist.vue","./src/view/shop/businesslog.vue","./src/view/shop/business/businessinfo.vue","./src/view/shop/business/businessmanage.vue","./src/view/shop/business/dish.vue","./src/view/shop/business/dishgroup.vue","./src/view/shop/order/orderdetail.vue","./src/view/shop/order/orderlist.vue","./src/view/shop/order/storelist.vue","./src/view/system/businessinfo.vue","./src/view/system/category.vue","./src/view/system/info.vue","./src/view/system/carousel/carousel.vue","./src/view/user/userlist.vue"],"version":"5.6.3"}
|
||||
2
CampusExpressDelivery/vite.config.d.ts
vendored
Normal file
2
CampusExpressDelivery/vite.config.d.ts
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
declare const _default: import("vite").UserConfig;
|
||||
export default _default;
|
||||
40
CampusExpressDelivery/vite.config.js
Normal file
40
CampusExpressDelivery/vite.config.js
Normal file
@ -0,0 +1,40 @@
|
||||
// import {defineConfig} from 'vite'
|
||||
// import vue from '@vitejs/plugin-vue'
|
||||
// import Components from 'unplugin-vue-components/vite';
|
||||
// import {AntDesignVueResolver} from "unplugin-vue-components/resolvers";
|
||||
//
|
||||
//
|
||||
// export default defineConfig({
|
||||
// plugins: [vue(),
|
||||
// Components({
|
||||
// resolvers: [
|
||||
// AntDesignVueResolver({
|
||||
// importStyle: false, // css in js
|
||||
// }),
|
||||
// ],
|
||||
// }),],
|
||||
// })
|
||||
import { defineConfig } from 'vite';
|
||||
import vue from '@vitejs/plugin-vue';
|
||||
import Components from 'unplugin-vue-components/vite';
|
||||
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [
|
||||
vue(),
|
||||
Components({
|
||||
resolvers: [
|
||||
AntDesignVueResolver({
|
||||
importStyle: false, // css in js
|
||||
}),
|
||||
],
|
||||
}),
|
||||
],
|
||||
// server: {
|
||||
// https: true,
|
||||
// https: {
|
||||
// key: fs.readFileSync('/SSL/xiaokuaisong.shop.key'),
|
||||
// cert: fs.readFileSync('/SSL/xiaokuaisong.shop.pem'),
|
||||
// },
|
||||
// },
|
||||
});
|
||||
41
CampusExpressDelivery/vite.config.ts
Normal file
41
CampusExpressDelivery/vite.config.ts
Normal file
@ -0,0 +1,41 @@
|
||||
// import {defineConfig} from 'vite'
|
||||
// import vue from '@vitejs/plugin-vue'
|
||||
// import Components from 'unplugin-vue-components/vite';
|
||||
// import {AntDesignVueResolver} from "unplugin-vue-components/resolvers";
|
||||
//
|
||||
//
|
||||
// export default defineConfig({
|
||||
// plugins: [vue(),
|
||||
// Components({
|
||||
// resolvers: [
|
||||
// AntDesignVueResolver({
|
||||
// importStyle: false, // css in js
|
||||
// }),
|
||||
// ],
|
||||
// }),],
|
||||
// })
|
||||
import { defineConfig } from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import Components from 'unplugin-vue-components/vite'
|
||||
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [
|
||||
vue(),
|
||||
Components({
|
||||
resolvers: [
|
||||
AntDesignVueResolver({
|
||||
importStyle: false, // css in js
|
||||
}),
|
||||
],
|
||||
}),
|
||||
],
|
||||
// server: {
|
||||
// https: true,
|
||||
// https: {
|
||||
// key: fs.readFileSync('/SSL/xiaokuaisong.shop.key'),
|
||||
// cert: fs.readFileSync('/SSL/xiaokuaisong.shop.pem'),
|
||||
// },
|
||||
// },
|
||||
})
|
||||
Reference in New Issue
Block a user