Compare commits
133 Commits
8de29b754a
...
dev-cl
| Author | SHA1 | Date | |
|---|---|---|---|
| 2f34778ee0 | |||
|
|
7df45d6703 | ||
| c4df756715 | |||
|
|
cb2deeb142 | ||
|
|
831c343448 | ||
|
|
c0be75b6fd | ||
|
|
9b323b68f9 | ||
|
|
6ebe33e48c | ||
|
|
c34623287c | ||
| 2e19a4c6f6 | |||
|
|
240224823e | ||
|
|
e3ccfd9721 | ||
|
|
461d36dc5d | ||
|
|
65af79e9a1 | ||
|
|
07850f1233 | ||
|
|
7e54b14103 | ||
|
|
2add57162e | ||
|
|
be9a9d77be | ||
|
|
8f4da16e81 | ||
|
|
b4a5c36fb0 | ||
|
|
cd3a39fa47 | ||
|
|
126853ad45 | ||
| d74161b8ce | |||
|
|
4735da7362 | ||
|
|
4b030babe2 | ||
|
|
3aaa26fdc2 | ||
|
|
78cd9f04bc | ||
|
|
dc3292982a | ||
| e8ec9bdc47 | |||
|
|
6726bd7756 | ||
|
|
a8bf678f2e | ||
|
|
3ec039050f | ||
|
|
6baa78a94f | ||
|
|
770d700ba1 | ||
|
|
039ab28c15 | ||
|
|
f75140e135 | ||
|
|
467e1eceb7 | ||
|
|
47bac0315f | ||
|
|
ce0da69b5f | ||
|
|
0d99fbac80 | ||
|
|
06681658fc | ||
| 6a07c0c711 | |||
|
|
3abe367954 | ||
| b3435a9a86 | |||
|
|
2eac9d0fc9 | ||
|
|
f7924d7cb1 | ||
|
|
6ac19b825e | ||
| 6d83198a9f | |||
|
|
e10fedb4dc | ||
|
|
f70cdfb074 | ||
| 29ee948cbb | |||
|
|
ac70a128c1 | ||
| f044dbbe7b | |||
|
|
21ff3718bd | ||
| 1c0f0651d8 | |||
|
|
1778ea9fb4 | ||
| b052af5507 | |||
|
|
e4ae5e275f | ||
| f7e81fad0e | |||
|
|
df3a4b9f46 | ||
|
|
fc22c16cb1 | ||
| c6b6602181 | |||
|
|
9b7543f65f | ||
| f2cea1585d | |||
|
|
1d1f1762f8 | ||
| 32bda88a41 | |||
|
|
ffc7691b47 | ||
|
|
c01fea9c5b | ||
|
|
beb12193b3 | ||
|
|
b09ba1547c | ||
|
|
72341a96a5 | ||
| 6d866b7e7c | |||
|
|
9cdfa01d33 | ||
|
|
af84640a4b | ||
|
|
15179707d9 | ||
|
|
fe4270178f | ||
| bbecf28819 | |||
|
|
cd22e26589 | ||
| 5740ca00d1 | |||
| 206315c642 | |||
|
|
b475af8dd3 | ||
|
|
3022106428 | ||
|
|
d4641eacb5 | ||
|
|
d3b4a360dd | ||
| b9a3424d98 | |||
|
|
91a509d49d | ||
|
|
7e771a89e4 | ||
|
|
24e540f151 | ||
| 16cb210988 | |||
|
|
0ef7703f7d | ||
| bc3c4f2ebc | |||
|
|
fa39fd8492 | ||
|
|
b8bc124162 | ||
|
|
e1036fd2c3 | ||
|
|
014bb14170 | ||
| 6ba54c8bcd | |||
|
|
eaaceb9595 | ||
| acccadd43a | |||
|
|
1ab365efae | ||
| 0f04d7e80c | |||
|
|
f74ed7e62d | ||
| 02af7babc4 | |||
|
|
8fc9dd449b | ||
| 505139cfe2 | |||
|
|
9c7ba2fb87 | ||
| 6246d46d53 | |||
|
|
2406bcb8e4 | ||
|
|
41c20623d4 | ||
|
|
a8ea0e4b26 | ||
| 98a5d374a4 | |||
| dd049320f6 | |||
| 696e96a0c0 | |||
| ee770b9e60 | |||
| 6908183a36 | |||
| af9bcb7024 | |||
| 5c6c3df4d0 | |||
| acdcc670de | |||
| 9472c5ea56 | |||
| 4f150b0912 | |||
| f76d6dce66 | |||
| dd4bdb0786 | |||
| 477a279867 | |||
| c87637cc78 | |||
| a544840679 | |||
| 247c6ed4a0 | |||
| 769c901954 | |||
| 18bfc7d353 | |||
| fb6b341242 | |||
| fea69da8ed | |||
| 125f6f28ad | |||
| 39cddaa8e0 | |||
| ffd15e2433 | |||
| 2bebd0480e |
18
.env.base
18
.env.base
@@ -4,11 +4,23 @@ VITE_NODE_ENV=development
|
|||||||
VITE_DEV=true
|
VITE_DEV=true
|
||||||
|
|
||||||
# 请求路径
|
# 请求路径
|
||||||
VITE_BASE_URL='http://118.31.23.45:48080'
|
VITE_BASE_URL='http://localhost:48080'
|
||||||
# VITE_BASE_URL='http://114.55.169.15:48080'
|
# VITE_BASE_URL='http://47.98.161.246:48080'
|
||||||
|
#VITE_BASE_URL='http://114.215.207.150:48080'
|
||||||
|
|
||||||
|
# 高德地图key密钥
|
||||||
|
# 1寻驾
|
||||||
|
VITE_AMAP_KEY=ec6b7ebe38f7ff27126f7088d87a9091
|
||||||
|
# 2莳松
|
||||||
|
# VITE_AMAP_KEY=9233a9d4ffe95fb335e70834503460fa
|
||||||
|
|
||||||
|
# 小程序接口请求路劲
|
||||||
|
VITE_APPLET_URL='https://cloud.ahduima.com'
|
||||||
|
# 题库路径
|
||||||
|
VITE_TIKU_URL = 'http://47.98.161.246'
|
||||||
|
|
||||||
# 上传路径
|
# 上传路径
|
||||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
VITE_UPLOAD_URL='http://47.98.161.246:48080/admin-api/system/file/upload'
|
||||||
# VITE_UPLOAD_URL='http://114.55.169.15:48080/admin-api/system/file/upload'
|
# VITE_UPLOAD_URL='http://114.55.169.15:48080/admin-api/system/file/upload'
|
||||||
|
|
||||||
# 接口前缀
|
# 接口前缀
|
||||||
|
|||||||
2
.env.dev
2
.env.dev
@@ -7,7 +7,7 @@ VITE_DEV=false
|
|||||||
VITE_BASE_URL='http://localhost:48080'
|
VITE_BASE_URL='http://localhost:48080'
|
||||||
|
|
||||||
# 上传路径
|
# 上传路径
|
||||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
VITE_UPLOAD_URL='http://47.98.161.246:48080/admin-api/system/file/upload'
|
||||||
|
|
||||||
# 接口前缀
|
# 接口前缀
|
||||||
VITE_API_BASEPATH=/crm-api
|
VITE_API_BASEPATH=/crm-api
|
||||||
|
|||||||
@@ -4,10 +4,11 @@ VITE_NODE_ENV=development
|
|||||||
VITE_DEV=true
|
VITE_DEV=true
|
||||||
|
|
||||||
# 请求路径
|
# 请求路径
|
||||||
VITE_BASE_URL='http://118.31.23.45:48080'
|
#VITE_BASE_URL='http://47.98.161.246:48080'
|
||||||
|
VITE_BASE_URL='http://localhost:48080'
|
||||||
|
|
||||||
# 上传路径
|
# 上传路径
|
||||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
VITE_UPLOAD_URL='http://47.98.161.246:48080/admin-api/system/file/upload'
|
||||||
|
|
||||||
# 接口前缀
|
# 接口前缀
|
||||||
VITE_API_BASEPATH=/crm-api
|
VITE_API_BASEPATH=/crm-api
|
||||||
|
|||||||
5
.env.pro
5
.env.pro
@@ -5,6 +5,11 @@ VITE_DEV=false
|
|||||||
|
|
||||||
# 请求路径
|
# 请求路径
|
||||||
VITE_BASE_URL='/crm-api'
|
VITE_BASE_URL='/crm-api'
|
||||||
|
# 高德地图key密钥
|
||||||
|
# 1寻驾
|
||||||
|
VITE_AMAP_KEY=ec6b7ebe38f7ff27126f7088d87a9091
|
||||||
|
# 2莳松
|
||||||
|
# VITE_AMAP_KEY=9233a9d4ffe95fb335e70834503460fa
|
||||||
|
|
||||||
# 上传路径
|
# 上传路径
|
||||||
VITE_UPLOAD_URL='/crm-api/admin-api/system/file/upload'
|
VITE_UPLOAD_URL='/crm-api/admin-api/system/file/upload'
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ VITE_DEV=false
|
|||||||
VITE_BASE_URL='http://api-dashboard.yudao.iocoder.cn'
|
VITE_BASE_URL='http://api-dashboard.yudao.iocoder.cn'
|
||||||
|
|
||||||
# 上传路径
|
# 上传路径
|
||||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
VITE_UPLOAD_URL='http://47.98.161.246:48080/admin-api/system/file/upload'
|
||||||
|
|
||||||
# 接口前缀
|
# 接口前缀
|
||||||
VITE_API_BASEPATH=/crm-api
|
VITE_API_BASEPATH=/crm-api
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ VITE_DEV=false
|
|||||||
VITE_BASE_URL='http://localhost:48080'
|
VITE_BASE_URL='http://localhost:48080'
|
||||||
|
|
||||||
# 上传路径
|
# 上传路径
|
||||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
VITE_UPLOAD_URL='http://47.98.161.246:48080/admin-api/system/file/upload'
|
||||||
|
|
||||||
# 接口前缀
|
# 接口前缀
|
||||||
VITE_API_BASEPATH=/crm-api
|
VITE_API_BASEPATH=/crm-api
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ VITE_DEV=false
|
|||||||
VITE_BASE_URL='http://localhost:48080'
|
VITE_BASE_URL='http://localhost:48080'
|
||||||
|
|
||||||
# 上传路径
|
# 上传路径
|
||||||
VITE_UPLOAD_URL='http://118.31.23.45:48080/admin-api/system/file/upload'
|
VITE_UPLOAD_URL='http://47.98.161.246:48080/admin-api/system/file/upload'
|
||||||
|
|
||||||
# 接口前缀
|
# 接口前缀
|
||||||
VITE_API_BASEPATH=/crm-api
|
VITE_API_BASEPATH=/crm-api
|
||||||
|
|||||||
15
.vscode/extensions.json
vendored
15
.vscode/extensions.json
vendored
@@ -1,15 +0,0 @@
|
|||||||
{
|
|
||||||
"recommendations": [
|
|
||||||
"voorjaar.windicss-intellisense",
|
|
||||||
"vscode-icons-team.vscode-icons",
|
|
||||||
"davidanson.vscode-markdownlint",
|
|
||||||
"stylelint.vscode-stylelint",
|
|
||||||
"dbaeumer.vscode-eslint",
|
|
||||||
"esbenp.prettier-vscode",
|
|
||||||
"vue.volar",
|
|
||||||
"lokalise.i18n-ally",
|
|
||||||
"mikestead.dotenv",
|
|
||||||
"eamodio.gitlens",
|
|
||||||
"antfu.iconify"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
16
.vscode/launch.json
vendored
16
.vscode/launch.json
vendored
@@ -1,16 +0,0 @@
|
|||||||
{
|
|
||||||
// Use IntelliSense to learn about possible attributes.
|
|
||||||
// Hover to view descriptions of existing attributes.
|
|
||||||
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
|
||||||
"version": "0.2.0",
|
|
||||||
"configurations": [
|
|
||||||
{
|
|
||||||
"type": "msedge",
|
|
||||||
"request": "launch",
|
|
||||||
"name": "Launch Edge against localhost",
|
|
||||||
"url": "http://localhost",
|
|
||||||
"webRoot": "${workspaceFolder}/src",
|
|
||||||
"sourceMaps": true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
54
.vscode/settings.json
vendored
54
.vscode/settings.json
vendored
@@ -1,54 +0,0 @@
|
|||||||
{
|
|
||||||
"typescript.tsdk": "node_modules/typescript/lib",
|
|
||||||
"prettier.enable": true,
|
|
||||||
"editor.formatOnType": true,
|
|
||||||
"editor.formatOnSave": true,
|
|
||||||
"editor.formatOnPaste": true,
|
|
||||||
"editor.codeActionsOnSave": {
|
|
||||||
"source.fixAll.eslint": "explicit"
|
|
||||||
},
|
|
||||||
"[vue]": {
|
|
||||||
"editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
|
|
||||||
},
|
|
||||||
"[javascript]": {
|
|
||||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
|
||||||
},
|
|
||||||
"[typescript]": {
|
|
||||||
"editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
|
|
||||||
},
|
|
||||||
"[json]": {
|
|
||||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
|
||||||
},
|
|
||||||
"[jsonc]": {
|
|
||||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
|
||||||
},
|
|
||||||
"[html]": {
|
|
||||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
|
||||||
},
|
|
||||||
"[css]": {
|
|
||||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
|
||||||
},
|
|
||||||
"[scss]": {
|
|
||||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
|
||||||
},
|
|
||||||
"i18n-ally.localesPaths": ["src/locales"],
|
|
||||||
"i18n-ally.keystyle": "nested",
|
|
||||||
"i18n-ally.sortKeys": true,
|
|
||||||
"i18n-ally.namespace": true,
|
|
||||||
"i18n-ally.enabledParsers": ["ts"],
|
|
||||||
"i18n-ally.sourceLanguage": "en",
|
|
||||||
"i18n-ally.displayLanguage": "zh-CN",
|
|
||||||
"i18n-ally.enabledFrameworks": ["vue", "react"],
|
|
||||||
"god.tsconfig": "./tsconfig.json",
|
|
||||||
"vue-i18n.i18nPaths": "src/locales",
|
|
||||||
"explorer.fileNesting.enabled": true,
|
|
||||||
"explorer.fileNesting.expand": false,
|
|
||||||
"explorer.fileNesting.patterns": {
|
|
||||||
"*.ts": "$(capture).test.ts, $(capture).test.tsx",
|
|
||||||
"*.tsx": "$(capture).test.ts, $(capture).test.tsx",
|
|
||||||
"*.env": "$(capture).env.*",
|
|
||||||
"CHANGELOG.md": "CHANGELOG*",
|
|
||||||
"package.json": "pnpm-lock.yaml,pnpm-workspace.yaml,LICENSE,.gitattributes,.gitignore,.gitpod.yml,CNAME,README*,.npmrc,.browserslistrc,vite.config.*,windi.*,tailwind.*,tsconfig.*,postcss*",
|
|
||||||
".eslintrc.js": ".eslintignore,.eslintrc-*,.prettierignore,.stylelintignore,.commitlintrc.js,.prettierrc.js,.stylelint*,stylelint*,prettier.*,.editorconfig"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -141,7 +141,9 @@
|
|||||||
<script type="module" src="/src/main.js"></script>
|
<script type="module" src="/src/main.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
window._AMapSecurityConfig = {
|
window._AMapSecurityConfig = {
|
||||||
securityJsCode: 'f653df5a2c5f44ae68faaab6f6a6b8ab' // 你的密钥
|
// securityJsCode: 'f653df5a2c5f44ae68faaab6f6a6b8ab' // 你的密钥
|
||||||
|
securityJsCode: '420463f2f8c849ab78b9d29548aff7d3' // 寻驾密钥
|
||||||
|
// securityJsCode: 'ab6bcce5d153c4e5353b40e5b0ce6fee' // 莳松密钥
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -39,6 +39,7 @@
|
|||||||
"@vueuse/core": "^10.1.2",
|
"@vueuse/core": "^10.1.2",
|
||||||
"@wangeditor/editor": "^5.1.23",
|
"@wangeditor/editor": "^5.1.23",
|
||||||
"@wangeditor/editor-for-vue": "^5.1.10",
|
"@wangeditor/editor-for-vue": "^5.1.10",
|
||||||
|
"@wangeditor/plugin-upload-attachment": "^1.1.0",
|
||||||
"@zxcvbn-ts/core": "^3.0.1",
|
"@zxcvbn-ts/core": "^3.0.1",
|
||||||
"animate.css": "^4.1.1",
|
"animate.css": "^4.1.1",
|
||||||
"axios": "^1.4.0",
|
"axios": "^1.4.0",
|
||||||
@@ -51,7 +52,7 @@
|
|||||||
"diagram-js": "^11.6.0",
|
"diagram-js": "^11.6.0",
|
||||||
"echarts": "^5.4.2",
|
"echarts": "^5.4.2",
|
||||||
"echarts-wordcloud": "^2.1.0",
|
"echarts-wordcloud": "^2.1.0",
|
||||||
"element-plus": "2.3.4",
|
"element-plus": "2.9.4",
|
||||||
"fast-xml-parser": "^4.2.2",
|
"fast-xml-parser": "^4.2.2",
|
||||||
"highlight.js": "^11.8.0",
|
"highlight.js": "^11.8.0",
|
||||||
"intro.js": "^7.0.1",
|
"intro.js": "^7.0.1",
|
||||||
@@ -69,9 +70,11 @@
|
|||||||
"vue": "3.3.4",
|
"vue": "3.3.4",
|
||||||
"vue-amap": "^0.5.10",
|
"vue-amap": "^0.5.10",
|
||||||
"vue-dompurify-html": "^5.0.1",
|
"vue-dompurify-html": "^5.0.1",
|
||||||
|
"vue-draggable-plus": "^0.6.0",
|
||||||
"vue-i18n": "9.2.2",
|
"vue-i18n": "9.2.2",
|
||||||
"vue-router": "^4.2.1",
|
"vue-router": "^4.2.1",
|
||||||
"vue-types": "^5.0.3",
|
"vue-types": "^5.0.3",
|
||||||
|
"vue3-tree-org": "^4.2.2",
|
||||||
"vuedraggable": "^4.1.0",
|
"vuedraggable": "^4.1.0",
|
||||||
"web-storage-cache": "^1.1.1",
|
"web-storage-cache": "^1.1.1",
|
||||||
"xe-utils": "^3.5.7",
|
"xe-utils": "^3.5.7",
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ export const getPaymentList = async (params) => {
|
|||||||
return await request.get({ url: '/admin-api/crm/sign-pay-record/list', params })
|
return await request.get({ url: '/admin-api/crm/sign-pay-record/list', params })
|
||||||
}
|
}
|
||||||
|
|
||||||
// 查询(精简)列表
|
// 查询列表
|
||||||
export const getPaymentPage = async (params) => {
|
export const getPaymentPage = async (params) => {
|
||||||
return await request.get({ url: '/admin-api/crm/sign-pay-record/page', params })
|
return await request.get({ url: '/admin-api/crm/sign-pay-record/page', params })
|
||||||
}
|
}
|
||||||
@@ -45,3 +45,8 @@ export const updateApplyPayment = async (data) => {
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 导出
|
||||||
|
export const exportPayment = async (params) => {
|
||||||
|
return await request.download({ url: '/admin-api/crm/sign-pay-record/export-excel', params })
|
||||||
|
}
|
||||||
|
|||||||
@@ -51,3 +51,13 @@ export const updateProduceSort = (data) => {
|
|||||||
export const getSignProfit = (params) => {
|
export const getSignProfit = (params) => {
|
||||||
return request.get({ url: '/admin-api/crm/sign/profit', params })
|
return request.get({ url: '/admin-api/crm/sign/profit', params })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 新增产品
|
||||||
|
export const addOrderProduct = (data) => {
|
||||||
|
return request.post({ url: '/admin-api/crm/sign-prodcut/create', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增产品
|
||||||
|
export const removeOrderProduct = (id) => {
|
||||||
|
return request.delete({ url: '/admin-api/crm/sign-prodcut/delete?id=' + id })
|
||||||
|
}
|
||||||
|
|||||||
8
src/api/home/reportChannel.js
Normal file
8
src/api/home/reportChannel.js
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
export const getList = async (data) => {
|
||||||
|
return await request.post({ url: '/admin-api/crm/sch-clue/clueQuality/report', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getPeriodList = async (data) => {
|
||||||
|
return await request.post({ url: '/admin-api/crm/sch-clue/clueQuality/period/report', data })
|
||||||
|
}
|
||||||
8
src/api/home/reportSaler.js
Normal file
8
src/api/home/reportSaler.js
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
export const getInfo = async (data) => {
|
||||||
|
return await request.post({ url: '/admin-api/crm/sch-clue/sale/report/detail', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getList = async (data) => {
|
||||||
|
return await request.post({ url: '/admin-api/crm/sch-clue/sale/report', data })
|
||||||
|
}
|
||||||
8
src/api/home/reportSignDetail.js
Normal file
8
src/api/home/reportSignDetail.js
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
export const getInfo = async (data) => {
|
||||||
|
return await request.post({ url: '/admin-api/crm/sch-clue/signData/report/one', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getList = async (data) => {
|
||||||
|
return await request.post({ url: '/admin-api/crm/sch-clue/signData/report/two', data })
|
||||||
|
}
|
||||||
4
src/api/home/reportSignRate.js
Normal file
4
src/api/home/reportSignRate.js
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
export const getList = async (data) => {
|
||||||
|
return await request.post({ url: '/admin-api/crm/sch-clue/signRate/report', data })
|
||||||
|
}
|
||||||
42
src/api/kpi/index.js
Normal file
42
src/api/kpi/index.js
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
// 创建
|
||||||
|
export const createKpi = (data) => {
|
||||||
|
return request.post({
|
||||||
|
url: '/admin-api/oa/examine-configuration/create',
|
||||||
|
data,
|
||||||
|
isSubmitForm: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改
|
||||||
|
export const updateKpi = (data) => {
|
||||||
|
return request.put({ url: '/admin-api/oa/examine-configuration/update', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改状态
|
||||||
|
export const updateKpiStatus = (data) => {
|
||||||
|
return request.put({ url: '/admin-api/oa/examine-configuration/status/update', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页
|
||||||
|
export const getKpiPage = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/examine-configuration/page', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 详情
|
||||||
|
export const getKpiDetail = (id) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/examine-configuration/get', params: { id } })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
export const deleteKpi = (id) => {
|
||||||
|
return request.delete({ url: '/admin-api/oa/examine-configuration/delete', params: { id } })
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
export const getKpiEmployees = () => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/oa/employee/examinedEmployees'
|
||||||
|
})
|
||||||
|
}
|
||||||
41
src/api/kpi/score.js
Normal file
41
src/api/kpi/score.js
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
// 打分数据
|
||||||
|
export const getKpiEmployees = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/examine-score/getExamineUserExamineScore', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 保存考勤打分数据
|
||||||
|
export const saveKpiScore = (data) => {
|
||||||
|
return request.put({ url: '/admin-api/oa/examine-score/update', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除考核项
|
||||||
|
export const deleteKpiItem = (params) => {
|
||||||
|
return request.delete({ url: '/admin-api/oa/examine-score/delete', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 考评分页数据
|
||||||
|
export const getScorePage = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/examine-period/page', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 封存
|
||||||
|
export const saveScoreRecord = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/examine-period/confirm', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询周期是否已封存
|
||||||
|
export const getKpiPeriodStatus = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/examine-period/getExaminePeriodByPeriod', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询考核记录
|
||||||
|
export const getScoreRecord = (data) => {
|
||||||
|
return request.post({ url: '/admin-api/oa/examine-result/periodPage', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查详情
|
||||||
|
export const getScoreDetail = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/examine-result/detail', params })
|
||||||
|
}
|
||||||
38
src/api/okr/comment.js
Normal file
38
src/api/okr/comment.js
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
// 创建
|
||||||
|
export const createComment = (data) => {
|
||||||
|
return request.post({
|
||||||
|
url: '/admin-api/okr/comments/create',
|
||||||
|
data,
|
||||||
|
isSubmitForm: true
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页
|
||||||
|
export const getCommentPage = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/comments/page',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取评论类型
|
||||||
|
export const getCommentTypeOptions = () => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/dict-data/get-by-type',
|
||||||
|
params: { dictType: 'comment_type' }
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 点赞评论
|
||||||
|
export const likeComment = (commentId) => {
|
||||||
|
return request.put({
|
||||||
|
url: '/admin-api/okr/comments-likes/update',
|
||||||
|
data: { commentId }
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
61
src/api/okr/meeting.js
Normal file
61
src/api/okr/meeting.js
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
export const createMeeting = (data) => {
|
||||||
|
return request.post({
|
||||||
|
url: '/admin-api/okr/meeting/add',
|
||||||
|
data,
|
||||||
|
isSubmitForm: true
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改
|
||||||
|
export const updateMeeting = (data) => {
|
||||||
|
return request.put({
|
||||||
|
url: '/admin-api/okr/meeting/update',
|
||||||
|
data
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 查询详情
|
||||||
|
export const getMeetingDetail = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/meeting/get',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 取消会议
|
||||||
|
export const cancelMeeting = (data) => {
|
||||||
|
return request.put({
|
||||||
|
url: '/admin-api/okr/meeting/cancel',
|
||||||
|
data
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页查询
|
||||||
|
export const getMeetingPage = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/meeting/page',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 刷新微信群列表
|
||||||
|
export const refreshWxGroupList = () => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/system/wx/reFreshWeChatGroupList'
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取微信群聊列表
|
||||||
|
export const getWxGroupList = () => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/system/wx/getWeChatGroupList'
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
154
src/api/okr/okr.js
Normal file
154
src/api/okr/okr.js
Normal file
@@ -0,0 +1,154 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
// 创建
|
||||||
|
export const createOkrNode = (data) => {
|
||||||
|
return request.post({
|
||||||
|
url: '/admin-api/okr/node/add',
|
||||||
|
data,
|
||||||
|
isSubmitForm: true
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改
|
||||||
|
export const updateOkrNode = (data) => {
|
||||||
|
return request.put({
|
||||||
|
url: '/admin-api/okr/node/update',
|
||||||
|
data
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询详情
|
||||||
|
export const getOkrNodeDetail = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/get',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 我负责的 - 节点树
|
||||||
|
export const getMyNodeTree = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/my/list',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 我负责的 - okr列表
|
||||||
|
export const getMyOkrPage = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/my/object/list',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 全部目标 - 节点树
|
||||||
|
export const getAllNodeTree = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/all/list',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 全部目标 - okr列表
|
||||||
|
export const getAllOkrPage = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/all/object/list',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取节点操作历史
|
||||||
|
export const getOkrNodeHistory = (nodeId) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/record/list',
|
||||||
|
params: { nodeId }
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取系统默认的关键成果内容
|
||||||
|
export const getDefaultOkrOptions = () => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/dict-data/get-by-type',
|
||||||
|
params: { dictType: 'key_result_source' }
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新OKR进度
|
||||||
|
export const updateOkrProgress = (data) => {
|
||||||
|
return request.put({
|
||||||
|
url: '/admin-api/okr/node/progress/update',
|
||||||
|
data
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取目标关系树一级节点
|
||||||
|
export const getOkrRelationTree = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/first-node',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取目标关系树下级节点数据
|
||||||
|
export const getOkrRelationTreeChildren = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/node-tree',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取我的组员
|
||||||
|
export const getMyMemberList = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/my-members',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取我的组员节点树
|
||||||
|
export const getMySonNodeTree = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/member/node/list',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取我的组员OKR列表
|
||||||
|
export const getMySonOkrPage = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/member/objective/list',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取渠道
|
||||||
|
export const getChannelOptions = () => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/source'
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取统计表中的合计信息
|
||||||
|
export const getOkrStatisticsTotal = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/node/data/count',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
83
src/api/okr/wait.js
Normal file
83
src/api/okr/wait.js
Normal file
@@ -0,0 +1,83 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
// 创建
|
||||||
|
export const createWait = (data) => {
|
||||||
|
return request.post({
|
||||||
|
url: '/admin-api/okr/agent-work/create',
|
||||||
|
data,
|
||||||
|
isSubmitForm: true
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改
|
||||||
|
export const updateWait = (data) => {
|
||||||
|
return request.put({
|
||||||
|
url: '/admin-api/okr/agent-work/update',
|
||||||
|
data
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页
|
||||||
|
export const getWaitPage = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/agent-work/page',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 详情
|
||||||
|
export const getWaitDetail = (id) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/agent-work/get',
|
||||||
|
params: { id }
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
export const deleteWait = (id) => {
|
||||||
|
return request.delete({
|
||||||
|
url: '/admin-api/okr/agent-work/delete',
|
||||||
|
params: { id }
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 催办
|
||||||
|
export const urgeWait = (workId) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/agent-work/urge',
|
||||||
|
params: { workId }
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 跟进待办
|
||||||
|
export const followWait = (data) => {
|
||||||
|
return request.post({
|
||||||
|
url: '/admin-api/okr/agent-work-follow/create',
|
||||||
|
data,
|
||||||
|
isSubmitForm: true
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询跟进记录
|
||||||
|
export const getFollowWaitPage = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/agent-work-follow/list',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getWaitCount = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/okr/agent-work/getAgentWorkNum',
|
||||||
|
params
|
||||||
|
// headers: { 'instance-id': 1016 }
|
||||||
|
})
|
||||||
|
}
|
||||||
36
src/api/pers/attendancePlan.js
Normal file
36
src/api/pers/attendancePlan.js
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
// 创建
|
||||||
|
export const createPlan = (data) => {
|
||||||
|
return request.post({ url: '/admin-api/oa/attendance-setting/create', data, isSubmitForm: true })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改
|
||||||
|
export const updatePlan = (data) => {
|
||||||
|
return request.put({ url: '/admin-api/oa/attendance-setting/update', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改状态
|
||||||
|
export const updatePlanStatus = (data) => {
|
||||||
|
return request.put({ url: '/admin-api/oa/attendance-setting/status/update', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页
|
||||||
|
export const getPlanPage = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/attendance-setting/page', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 列表
|
||||||
|
export const getPlanSimpleList = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/attendance-setting/simple-list', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 详情
|
||||||
|
export const getPlanDetail = (id) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/attendance-setting/get', params: { id } })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
export const deletePlan = (id) => {
|
||||||
|
return request.delete({ url: '/admin-api/oa/attendance-setting/delete', params: { id } })
|
||||||
|
}
|
||||||
41
src/api/pers/employee.js
Normal file
41
src/api/pers/employee.js
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
// 创建
|
||||||
|
export const createEmployee = (data) => {
|
||||||
|
return request.post({ url: '/admin-api/oa/employee/create', data, isSubmitForm: true })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页
|
||||||
|
export const getEmployeeSimpleList = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/employee/list-all-simple', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改
|
||||||
|
export const updateEmployee = (data) => {
|
||||||
|
return request.put({ url: '/admin-api/oa/employee/update', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改状态
|
||||||
|
export const updateEmployeeStatus = (data) => {
|
||||||
|
return request.put({ url: '/admin-api/oa/employee/status/update', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分页
|
||||||
|
export const getEmployeePage = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/employee/page', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 详情
|
||||||
|
export const getEmployeeDetail = (id) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/employee/get', params: { id } })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
export const deleteEmployee = (id) => {
|
||||||
|
return request.delete({ url: '/admin-api/oa/employee/delete', params: { id } })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取钉钉id
|
||||||
|
export const getDingUserId = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/oa/employee/getDingTalkUserIdByMobile', params })
|
||||||
|
}
|
||||||
33
src/api/school/setting/supplier.js
Normal file
33
src/api/school/setting/supplier.js
Normal file
@@ -0,0 +1,33 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
// 查询列表
|
||||||
|
export const getSupplierPage = async (params) => {
|
||||||
|
return await request.get({ url: '/admin-api/crm/erp-supplier/page', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getSupplierSimpleList = async (params) => {
|
||||||
|
return await request.get({ url: '/admin-api/crm/erp-supplier/simple-list', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询详情
|
||||||
|
export const getSupplier = async (id) => {
|
||||||
|
return await request.get({ url: '/admin-api/crm/erp-supplier/get?id=' + id })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增
|
||||||
|
export const createSupplier = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/crm/erp-supplier/create',
|
||||||
|
data: data,
|
||||||
|
isSubmitForm: true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改
|
||||||
|
export const updateSupplier = async (params) => {
|
||||||
|
return await request.put({ url: '/admin-api/crm/erp-supplier/update', data: params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
export const deleteSupplier = async (id) => {
|
||||||
|
return await request.delete({ url: '/admin-api/crm/erp-supplier/delete?id=' + id })
|
||||||
|
}
|
||||||
@@ -12,9 +12,11 @@ export interface UserVO {
|
|||||||
avatar: string
|
avatar: string
|
||||||
loginIp: string
|
loginIp: string
|
||||||
status: number
|
status: number
|
||||||
|
hireStatus: number
|
||||||
remark: string
|
remark: string
|
||||||
loginDate: Date
|
loginDate: Date
|
||||||
createTime: Date
|
createTime: Date
|
||||||
|
retireDate: string
|
||||||
}
|
}
|
||||||
|
|
||||||
// 查询用户管理列表
|
// 查询用户管理列表
|
||||||
@@ -62,10 +64,17 @@ export const resetUserPwd = (id: number, password: string) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 用户状态修改
|
// 用户状态修改
|
||||||
export const updateUserStatus = (id: number, status: number) => {
|
export const updateUserStatus = (
|
||||||
|
id: number,
|
||||||
|
status: number,
|
||||||
|
retireDate: string,
|
||||||
|
hireStatus: number
|
||||||
|
) => {
|
||||||
const data = {
|
const data = {
|
||||||
id,
|
id,
|
||||||
status
|
status,
|
||||||
|
retireDate,
|
||||||
|
hireStatus
|
||||||
}
|
}
|
||||||
return request.put({ url: '/admin-api/system/user/update-status', data: data })
|
return request.put({ url: '/admin-api/system/user/update-status', data: data })
|
||||||
}
|
}
|
||||||
@@ -84,3 +93,8 @@ export const getAllUserList = (): Promise<UserVO[]> => {
|
|||||||
export const getAllUserListWithHire = (): Promise<UserVO[]> => {
|
export const getAllUserListWithHire = (): Promise<UserVO[]> => {
|
||||||
return request.get({ url: '/admin-api/system/user/no/permission/list-all' })
|
return request.get({ url: '/admin-api/system/user/no/permission/list-all' })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 获取钉钉id
|
||||||
|
export const getDDIdByPhone = (params) => {
|
||||||
|
return request.get({ url: '/admin-api/system/user/getDingTalkUserIdByMobile', params })
|
||||||
|
}
|
||||||
|
|||||||
23
src/api/system/wechat/index.js
Normal file
23
src/api/system/wechat/index.js
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
// 更新
|
||||||
|
export const updateWechatConfig = (data) => {
|
||||||
|
return request.post({ url: '/admin-api/system/wx-robot-message-setting/save', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新发送时间
|
||||||
|
export const updateWechatSendTime = (data) => {
|
||||||
|
return request.put({ url: '/admin-api/system/wx-robot-message-setting/update-send-time', data })
|
||||||
|
}
|
||||||
|
// 更新微信群
|
||||||
|
export const updateWechatGroup = (data) => {
|
||||||
|
return request.put({ url: '/admin-api/system/wx-robot-message-setting/update-wx-group', data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获得列表
|
||||||
|
export const getWechatConfigList = (params) => {
|
||||||
|
return request.get({
|
||||||
|
url: '/admin-api/system/wx-robot-message-setting/list',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
48
src/api/xjapplet/discount.js
Normal file
48
src/api/xjapplet/discount.js
Normal file
@@ -0,0 +1,48 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
export const getVipDiscountList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/member/discount/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addVipDiscount = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/member/discount/add',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const updateVipDiscount = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/member/discount/update',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const deleteVipDiscount = async (id) => {
|
||||||
|
return await request.delete({
|
||||||
|
url: '/admin-api/applet/xunjia/member/discount/delete?discountId=' + id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getVipDiscountOptions = async () => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/member/discount/simple-list'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getUserDiscountList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/user/discount/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const giveUserDiscount = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/user/discount/send',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
39
src/api/xjapplet/resell.js
Normal file
39
src/api/xjapplet/resell.js
Normal file
@@ -0,0 +1,39 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
export const getResellList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/distribution/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addResell = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/distribution/add',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const updateResell = async (data) => {
|
||||||
|
return await request.put({
|
||||||
|
url: '/admin-api/applet/xunjia/distribution/update',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export const deleteResell = async (id) => {
|
||||||
|
return await request.delete({
|
||||||
|
url: '/admin-api/applet/xunjia/distribution/delete?distributionId=' + id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export const getResellDetail = async (id) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/distribution/' + id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getResellSimpleList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/distribution/simple-list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
56
src/api/xjapplet/vip.js
Normal file
56
src/api/xjapplet/vip.js
Normal file
@@ -0,0 +1,56 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
export const getUserMemberList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/user/member/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const giveUserMember = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/user/member/add',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getVipTypeList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/member/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addVipType = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/member/add',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const updateVipType = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/member/update',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const deleteVipType = async (id) => {
|
||||||
|
return await request.delete({
|
||||||
|
url: '/admin-api/applet/xunjia/member/delete?memberId=' + id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getVipTypeOptions = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/member/simple-list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getRechargeRecords = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/pay/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
67
src/api/xjapplet/vipdatabase.js
Normal file
67
src/api/xjapplet/vipdatabase.js
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
export const addJx = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/question/jx/add',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getJxQuestionList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/question/jx/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const delJxData = async (id) => {
|
||||||
|
return await request.delete({
|
||||||
|
url: `/admin-api/applet/xunjia/question/jx/delete?id=${id}`
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addMj = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/secret/add',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getMjList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/secret/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const delMj = async (secretId) => {
|
||||||
|
return await request.delete({
|
||||||
|
url: `/admin-api/applet/xunjia/secret/delete?secretId=${secretId}`
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const clearMj = async (secretId) => {
|
||||||
|
return await request.delete({
|
||||||
|
url: `/admin-api/applet/xunjia/secret/clear?secretId=${secretId}`
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getMjQuestionList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/secret/question/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addMjQuestion = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/secret/question/add',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const delMjQuestion = async (id) => {
|
||||||
|
return await request.delete({
|
||||||
|
url: `/admin-api/applet/xunjia/secret/question/delete?id=${id}`
|
||||||
|
})
|
||||||
|
}
|
||||||
48
src/api/xjapplet/xjdatabase.js
Normal file
48
src/api/xjapplet/xjdatabase.js
Normal file
@@ -0,0 +1,48 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
export const searchQuestion = async (param) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/question/list',
|
||||||
|
params: param
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const updateQuestion = async (data) => {
|
||||||
|
return await request.put({
|
||||||
|
url: '/admin-api/applet/xunjia/question/update',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addQuestion = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/question/add',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const deleteQuestion = async (id) => {
|
||||||
|
return await request.delete({
|
||||||
|
url: '/admin-api/applet/xunjia/question/delete?id=' + id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const uploadFile = async (data) => {
|
||||||
|
return await request.post({
|
||||||
|
url: '/admin-api/applet/xunjia/question/upload',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getQuestionSort = async (param) => {
|
||||||
|
return await request.get({
|
||||||
|
url: '/admin-api/applet/xunjia/question/sort/list',
|
||||||
|
params: param
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getMjList = async (params) => {
|
||||||
|
return await request.get({
|
||||||
|
url: 'http://localhost/tiku-api/tiku/xunjia/secret/list',
|
||||||
|
params: params
|
||||||
|
})
|
||||||
|
}
|
||||||
BIN
src/assets/imgs/login2.gif
Normal file
BIN
src/assets/imgs/login2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 309 KiB |
BIN
src/assets/imgs/shisong.jpg
Normal file
BIN
src/assets/imgs/shisong.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 192 KiB |
@@ -8,7 +8,7 @@ export default defineComponent({
|
|||||||
name: 'DictTag',
|
name: 'DictTag',
|
||||||
props: {
|
props: {
|
||||||
type: {
|
type: {
|
||||||
type: String as PropType<string>,
|
type: String,
|
||||||
required: true
|
required: true
|
||||||
},
|
},
|
||||||
value: {
|
value: {
|
||||||
@@ -42,7 +42,7 @@ export default defineComponent({
|
|||||||
return (
|
return (
|
||||||
<ElTag
|
<ElTag
|
||||||
style={dictData.value?.cssClass ? 'color: #fff' : ''}
|
style={dictData.value?.cssClass ? 'color: #fff' : ''}
|
||||||
type={dictData.value?.colorType}
|
type={dictData.value?.colorType || 'primary'}
|
||||||
color={
|
color={
|
||||||
dictData.value?.cssClass && isHexColor(dictData.value?.cssClass)
|
dictData.value?.cssClass && isHexColor(dictData.value?.cssClass)
|
||||||
? dictData.value?.cssClass
|
? dictData.value?.cssClass
|
||||||
|
|||||||
@@ -21,10 +21,34 @@ const props = defineProps({
|
|||||||
height: propTypes.oneOfType([Number, String]).def('40vh'),
|
height: propTypes.oneOfType([Number, String]).def('40vh'),
|
||||||
editorConfig: {
|
editorConfig: {
|
||||||
type: Object as PropType<Partial<IEditorConfig>>,
|
type: Object as PropType<Partial<IEditorConfig>>,
|
||||||
default: () => undefined
|
default: () => ({})
|
||||||
},
|
},
|
||||||
readonly: propTypes.bool.def(false),
|
readonly: propTypes.bool.def(false),
|
||||||
modelValue: propTypes.string.def('')
|
modelValue: propTypes.string.def(''),
|
||||||
|
toolbarConfig: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({
|
||||||
|
excludeKeys: [
|
||||||
|
'insertVideo', // 网络视频
|
||||||
|
'insertImage', // 网络图片
|
||||||
|
'insertLink', // 链接
|
||||||
|
'codeBlock', // 代码块
|
||||||
|
'headerSelect', // 标题
|
||||||
|
'blockquote', // 引用
|
||||||
|
'fontFamily', // 字体
|
||||||
|
'todo', // 代办
|
||||||
|
'group-indent', // 缩进
|
||||||
|
'emotion', // 表情
|
||||||
|
'undo', // 撤销
|
||||||
|
'redo', // 重做
|
||||||
|
'fullScreen'
|
||||||
|
],
|
||||||
|
insertKeys: {
|
||||||
|
index: 20, // 自定义插入的位置
|
||||||
|
keys: ['uploadAttachment'] // “上传附件”菜单
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
const emit = defineEmits(['change', 'update:modelValue'])
|
const emit = defineEmits(['change', 'update:modelValue'])
|
||||||
@@ -84,6 +108,12 @@ const editorConfig = computed((): IEditorConfig => {
|
|||||||
},
|
},
|
||||||
autoFocus: false,
|
autoFocus: false,
|
||||||
scroll: true,
|
scroll: true,
|
||||||
|
// 在编辑器中,点击选中“附件”节点时,要弹出的菜单
|
||||||
|
hoverbarKeys: {
|
||||||
|
attachment: {
|
||||||
|
menuKeys: ['downloadAttachment'] // “下载附件”菜单
|
||||||
|
}
|
||||||
|
},
|
||||||
MENU_CONF: {
|
MENU_CONF: {
|
||||||
['uploadImage']: {
|
['uploadImage']: {
|
||||||
server: import.meta.env.VITE_UPLOAD_URL,
|
server: import.meta.env.VITE_UPLOAD_URL,
|
||||||
@@ -198,6 +228,52 @@ const editorConfig = computed((): IEditorConfig => {
|
|||||||
customInsert(res: any, insertFn: InsertFnType) {
|
customInsert(res: any, insertFn: InsertFnType) {
|
||||||
insertFn(res.data, 'video', res.data)
|
insertFn(res.data, 'video', res.data)
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
uploadAttachment: {
|
||||||
|
server: import.meta.env.VITE_UPLOAD_URL,
|
||||||
|
timeout: 20 * 1000, // 2s
|
||||||
|
|
||||||
|
fieldName: 'file',
|
||||||
|
// meta: { token: 'xxx', a: 100 }, // 请求时附加的数据
|
||||||
|
// metaWithUrl: true, // meta 拼接到 url 上
|
||||||
|
// headers: { Accept: 'text/x-json' },
|
||||||
|
// 自定义增加 http header
|
||||||
|
headers: {
|
||||||
|
Accept: '*',
|
||||||
|
Authorization: 'Bearer ' + getAccessToken(),
|
||||||
|
'tenant-id': getTenantId(),
|
||||||
|
'instance-id': getAppId()
|
||||||
|
},
|
||||||
|
|
||||||
|
maxFileSize: 20 * 1024 * 1024, // 20M
|
||||||
|
|
||||||
|
onBeforeUpload(file: File) {
|
||||||
|
console.log('onBeforeUpload', file)
|
||||||
|
return file // 上传 file 文件
|
||||||
|
// return false // 会阻止上传
|
||||||
|
},
|
||||||
|
onProgress(progress: number) {
|
||||||
|
console.log('onProgress', progress)
|
||||||
|
},
|
||||||
|
onSuccess(file: File, res: any) {
|
||||||
|
console.log('onSuccess', file, res)
|
||||||
|
},
|
||||||
|
onFailed(file: File, res: any) {
|
||||||
|
alert(res.message)
|
||||||
|
console.log('onFailed', file, res)
|
||||||
|
},
|
||||||
|
onError(file: File, err: Error, res: any) {
|
||||||
|
alert(err.message)
|
||||||
|
console.error('onError', file, err, res)
|
||||||
|
},
|
||||||
|
// 上传成功后,用户自定义插入文件
|
||||||
|
customInsert(res: any, file: File, insertFn: Function) {
|
||||||
|
console.log('customInsert', res)
|
||||||
|
|
||||||
|
// 插入附件到编辑器
|
||||||
|
insertFn(file.name, res.data)
|
||||||
|
// insertFn(res.data, `customInsert-${file.name}`, res.data)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
uploadImgShowBase64: true
|
uploadImgShowBase64: true
|
||||||
@@ -212,24 +288,6 @@ const editorStyle = computed(() => {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
const toolbarConfig = ref({
|
|
||||||
excludeKeys: [
|
|
||||||
'insertVideo', // 网络视频
|
|
||||||
'insertImage', // 网络图片
|
|
||||||
'insertLink', // 链接
|
|
||||||
'codeBlock', // 代码块
|
|
||||||
'headerSelect', // 标题
|
|
||||||
'blockquote', // 引用
|
|
||||||
'fontFamily', // 字体
|
|
||||||
'todo', // 代办
|
|
||||||
'group-indent', // 缩进
|
|
||||||
'emotion', // 表情
|
|
||||||
'undo', // 撤销
|
|
||||||
'redo', // 重做
|
|
||||||
'fullScreen'
|
|
||||||
]
|
|
||||||
})
|
|
||||||
|
|
||||||
// 回调函数
|
// 回调函数
|
||||||
const handleChange = (editor: IDomEditor) => {
|
const handleChange = (editor: IDomEditor) => {
|
||||||
emit('change', editor)
|
emit('change', editor)
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ export const useRenderRadio = () => {
|
|||||||
return item?.options?.map((option) => {
|
return item?.options?.map((option) => {
|
||||||
const { ...other } = option
|
const { ...other } = option
|
||||||
return (
|
return (
|
||||||
<Com {...other} label={option[valueAlias || 'value']}>
|
<Com {...other} label={option[valueAlias || 'value']} value={option[valueAlias || 'value']}>
|
||||||
{option[labelAlias || 'label']}
|
{option[labelAlias || 'label']}
|
||||||
</Com>
|
</Com>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
v-model:page-size="pageSize"
|
v-model:page-size="pageSize"
|
||||||
:small="small"
|
:small="small"
|
||||||
:background="true"
|
:background="true"
|
||||||
:page-sizes="[10, 20, 30, 50, 100]"
|
:page-sizes="[10, 50, 100, 500, 1000]"
|
||||||
:pager-count="pagerCount"
|
:pager-count="pagerCount"
|
||||||
:total="total"
|
:total="total"
|
||||||
class="float-right mt-15px mb-15px"
|
class="float-right mt-15px mb-15px"
|
||||||
|
|||||||
@@ -35,7 +35,7 @@
|
|||||||
@end="onDragEnd"
|
@end="onDragEnd"
|
||||||
>
|
>
|
||||||
<template #item="{ element: item }">
|
<template #item="{ element: item }">
|
||||||
<el-checkbox :key="item.id" :label="item.id">
|
<el-checkbox :key="item.id" :label="item.id" :value="item.id">
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -183,7 +183,7 @@ initSearch()
|
|||||||
virtual-triggering
|
virtual-triggering
|
||||||
>
|
>
|
||||||
<el-checkbox-group v-model="checkedSchema" @change="changeSearch">
|
<el-checkbox-group v-model="checkedSchema" @change="changeSearch">
|
||||||
<el-checkbox v-for="item in schema" :key="item.id" :label="item.id">
|
<el-checkbox v-for="item in schema" :key="item.id" :label="item.id" :value="item.id">
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ const props = defineProps({
|
|||||||
// fileType: propTypes.array.def(['doc', 'xls', 'ppt', 'txt', 'pdf']), // 文件类型, 例如['png', 'jpg', 'jpeg']
|
// fileType: propTypes.array.def(['doc', 'xls', 'ppt', 'txt', 'pdf']), // 文件类型, 例如['png', 'jpg', 'jpeg']
|
||||||
fileType: propTypes.array.def([]),
|
fileType: propTypes.array.def([]),
|
||||||
accept: propTypes.string.def('*'),
|
accept: propTypes.string.def('*'),
|
||||||
fileSize: propTypes.number.def(5), // 大小限制(MB)
|
fileSize: propTypes.number.def(100), // 大小限制(MB)
|
||||||
limit: propTypes.number.def(5), // 数量限制
|
limit: propTypes.number.def(5), // 数量限制
|
||||||
autoUpload: propTypes.bool.def(true), // 自动上传
|
autoUpload: propTypes.bool.def(true), // 自动上传
|
||||||
drag: propTypes.bool.def(false), // 拖拽上传
|
drag: propTypes.bool.def(false), // 拖拽上传
|
||||||
|
|||||||
@@ -132,6 +132,9 @@ service.interceptors.response.use(
|
|||||||
throw new Error()
|
throw new Error()
|
||||||
}
|
}
|
||||||
const { t } = useI18n()
|
const { t } = useI18n()
|
||||||
|
// if (data.code === undefined) {
|
||||||
|
// return response
|
||||||
|
// }
|
||||||
// 未设置状态码则默认成功状态
|
// 未设置状态码则默认成功状态
|
||||||
const code = data.code || result_code
|
const code = data.code || result_code
|
||||||
// 二进制数据则直接返回
|
// 二进制数据则直接返回
|
||||||
|
|||||||
@@ -266,7 +266,6 @@ const filterFormSchema = (crudSchema: CrudSchema[], allSchemas: AllSchemas): For
|
|||||||
// 过滤 descriptions 结构
|
// 过滤 descriptions 结构
|
||||||
const filterDescriptionsSchema = (crudSchema: CrudSchema[]): DescriptionsSchema[] => {
|
const filterDescriptionsSchema = (crudSchema: CrudSchema[]): DescriptionsSchema[] => {
|
||||||
const descriptionsSchema: FormSchema[] = []
|
const descriptionsSchema: FormSchema[] = []
|
||||||
|
|
||||||
eachTree(crudSchema, (schemaItem: CrudSchema) => {
|
eachTree(crudSchema, (schemaItem: CrudSchema) => {
|
||||||
// 判断是否显示
|
// 判断是否显示
|
||||||
if (schemaItem?.isDetail !== false && schemaItem.detail?.show !== false) {
|
if (schemaItem?.isDetail !== false && schemaItem.detail?.show !== false) {
|
||||||
@@ -275,6 +274,10 @@ const filterDescriptionsSchema = (crudSchema: CrudSchema[]): DescriptionsSchema[
|
|||||||
field: schemaItem.field,
|
field: schemaItem.field,
|
||||||
label: schemaItem.detail?.label || schemaItem.label
|
label: schemaItem.detail?.label || schemaItem.label
|
||||||
}
|
}
|
||||||
|
if (schemaItem.form?.component == 'Editor') {
|
||||||
|
descriptionsSchemaItem.span = 2
|
||||||
|
descriptionsSchemaItem.isEditor = true
|
||||||
|
}
|
||||||
if (schemaItem.dictType) {
|
if (schemaItem.dictType) {
|
||||||
descriptionsSchemaItem.dictType = schemaItem.dictType
|
descriptionsSchemaItem.dictType = schemaItem.dictType
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -13,7 +13,12 @@ export const useMessage = () => {
|
|||||||
},
|
},
|
||||||
// 成功消息
|
// 成功消息
|
||||||
success(content: string) {
|
success(content: string) {
|
||||||
ElMessage.success(content)
|
// ElMessage.success(content)
|
||||||
|
ElMessage({
|
||||||
|
message: content,
|
||||||
|
duration: 1500,
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
},
|
},
|
||||||
// 警告消息
|
// 警告消息
|
||||||
warning(content: string) {
|
warning(content: string) {
|
||||||
|
|||||||
@@ -42,8 +42,13 @@ import '@/plugins/tongji' // 百度统计
|
|||||||
import Logger from '@/utils/Logger'
|
import Logger from '@/utils/Logger'
|
||||||
import VueDOMPurifyHTML from 'vue-dompurify-html'
|
import VueDOMPurifyHTML from 'vue-dompurify-html'
|
||||||
|
|
||||||
|
import { Boot } from '@wangeditor/editor'
|
||||||
|
import attachmentModule from '@wangeditor/plugin-upload-attachment'
|
||||||
|
|
||||||
// 创建实例
|
// 创建实例
|
||||||
const setupAll = async () => {
|
const setupAll = async () => {
|
||||||
|
// 注册。要在创建编辑器之前注册,且只能注册一次,不可重复注册。
|
||||||
|
Boot.registerModule(attachmentModule)
|
||||||
const app = createApp(App)
|
const app = createApp(App)
|
||||||
|
|
||||||
await setupI18n(app)
|
await setupI18n(app)
|
||||||
|
|||||||
@@ -1,14 +1,14 @@
|
|||||||
import router from './router'
|
import router from './router'
|
||||||
import { isRelogin } from '@/config/axios/service'
|
import { isRelogin } from '@/config/axios/service'
|
||||||
import { getAccessToken, removeToken } from '@/utils/auth'
|
import { getAccessToken } from '@/utils/auth'
|
||||||
import { useTitle } from '@/hooks/web/useTitle'
|
import { useTitle } from '@/hooks/web/useTitle'
|
||||||
import { useNProgress } from '@/hooks/web/useNProgress'
|
import { useNProgress } from '@/hooks/web/useNProgress'
|
||||||
import { usePageLoading } from '@/hooks/web/usePageLoading'
|
import { usePageLoading } from '@/hooks/web/usePageLoading'
|
||||||
import { useDictStoreWithOut } from '@/store/modules/dict'
|
import { useDictStoreWithOut } from '@/store/modules/dict'
|
||||||
import { useUserStoreWithOut } from '@/store/modules/user'
|
import { useUserStoreWithOut } from '@/store/modules/user'
|
||||||
import { usePermissionStoreWithOut } from '@/store/modules/permission'
|
import { usePermissionStoreWithOut } from '@/store/modules/permission'
|
||||||
import { getTenantId, getAppId } from '@/utils/auth'
|
import { useAppStoreWithOut } from '@/store/modules/app'
|
||||||
import cache from '@/plugins/cache'
|
import { getTenantId, getAppId, setTenantId, setAppId } from '@/utils/auth'
|
||||||
|
|
||||||
const { start, done } = useNProgress()
|
const { start, done } = useNProgress()
|
||||||
|
|
||||||
@@ -29,23 +29,22 @@ const whiteList = [
|
|||||||
router.beforeEach(async (to, from, next) => {
|
router.beforeEach(async (to, from, next) => {
|
||||||
start()
|
start()
|
||||||
loadStart()
|
loadStart()
|
||||||
if (getAppId() && to.query?.appId && getAppId() != to.query?.appId) {
|
const userStore = useUserStoreWithOut()
|
||||||
removeToken()
|
if (to.path == '/login') {
|
||||||
cache?.local?.delete('appInfo')
|
userStore.resetState() // 重置用户信息状态
|
||||||
cache?.local?.delete('roleRouters')
|
}
|
||||||
cache?.local?.delete('user')
|
|
||||||
cache?.local?.delete('App_ID')
|
|
||||||
next(`/login?tenantId=${to.query?.tenantId}&appId=${to.query?.appId}`)
|
|
||||||
} else {
|
|
||||||
if (getAccessToken()) {
|
if (getAccessToken()) {
|
||||||
if (to.path === '/login') {
|
if (to.path === '/login') {
|
||||||
|
if (to.query?.tenantId && to.query?.appId) {
|
||||||
|
setApp(to.query.tenantId, to.query.appId)
|
||||||
|
await waitTime(1500)
|
||||||
|
}
|
||||||
next({ path: '/' })
|
next({ path: '/' })
|
||||||
} else {
|
} else {
|
||||||
// 获取所有字典
|
// 获取所有字典
|
||||||
const dictStore = useDictStoreWithOut()
|
const dictStore = useDictStoreWithOut()
|
||||||
const userStore = useUserStoreWithOut()
|
|
||||||
const permissionStore = usePermissionStoreWithOut()
|
const permissionStore = usePermissionStoreWithOut()
|
||||||
if (!dictStore.getIsSetDict && to.path != '/nm-detail') {
|
if (!dictStore.getIsSetDict) {
|
||||||
await dictStore.setDictMap()
|
await dictStore.setDictMap()
|
||||||
}
|
}
|
||||||
if (!userStore.getIsSetUser) {
|
if (!userStore.getIsSetUser) {
|
||||||
@@ -72,15 +71,31 @@ router.beforeEach(async (to, from, next) => {
|
|||||||
const tenantId = getTenantId()
|
const tenantId = getTenantId()
|
||||||
const appId = getAppId()
|
const appId = getAppId()
|
||||||
if (tenantId && appId) {
|
if (tenantId && appId) {
|
||||||
next(`/crm/login?tenantId=${tenantId}&appId=${appId}&redirect=${to.fullPath}`) // 否则全部重定向到登录页
|
next(`/login?tenantId=${tenantId}&appId=${appId}&redirect=${to.fullPath}`) // 否则全部重定向到登录页
|
||||||
} else {
|
} else {
|
||||||
next(`/crm/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
|
// next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
|
||||||
}
|
window.location.href = 'https://cloud.ahduima.com/ss/login'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
async function waitTime(seconds) {
|
||||||
|
return new Promise((resolve) => {
|
||||||
|
setTimeout(() => {
|
||||||
|
resolve()
|
||||||
|
}, seconds)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function setApp(tenantId, appId) {
|
||||||
|
setTenantId(tenantId)
|
||||||
|
|
||||||
|
setAppId(appId)
|
||||||
|
const appStore = useAppStoreWithOut()
|
||||||
|
appStore.setAppInfo(appId)
|
||||||
|
}
|
||||||
|
|
||||||
router.afterEach((to) => {
|
router.afterEach((to) => {
|
||||||
useTitle(to?.meta?.title)
|
useTitle(to?.meta?.title)
|
||||||
done() // 结束Progress
|
done() // 结束Progress
|
||||||
|
|||||||
@@ -51,7 +51,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '',
|
path: '/',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
redirect: '/Home/index',
|
redirect: '/Home/index',
|
||||||
name: '',
|
name: '',
|
||||||
@@ -59,6 +59,20 @@ const remainingRouter: AppRouteRecordRaw[] = [
|
|||||||
title: '首页',
|
title: '首页',
|
||||||
hidden: true
|
hidden: true
|
||||||
}
|
}
|
||||||
|
// ,children: [
|
||||||
|
// {
|
||||||
|
// path: '/index',
|
||||||
|
// component: () => import('@/views/Basic/Menu/index.vue'),
|
||||||
|
// name: 'Home',
|
||||||
|
// meta: {
|
||||||
|
// title: '首页',
|
||||||
|
// icon: 'ep:home-filled',
|
||||||
|
// noTagsView: true,
|
||||||
|
// affix: true
|
||||||
|
// // hidden: true
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// ]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/swagger',
|
path: '/swagger',
|
||||||
@@ -106,7 +120,6 @@ const remainingRouter: AppRouteRecordRaw[] = [
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
// {
|
// {
|
||||||
// path: '/dict',
|
// path: '/dict',
|
||||||
// component: Layout,
|
// component: Layout,
|
||||||
@@ -134,8 +147,8 @@ const remainingRouter: AppRouteRecordRaw[] = [
|
|||||||
// path: '/Basic',
|
// path: '/Basic',
|
||||||
// component: Layout,
|
// component: Layout,
|
||||||
// name: 'Basic',
|
// name: 'Basic',
|
||||||
// meta: {},
|
|
||||||
// redirect: '/Basic/menu',
|
// redirect: '/Basic/menu',
|
||||||
|
// meta: { title: '菜单管理' },
|
||||||
// children: [
|
// children: [
|
||||||
// {
|
// {
|
||||||
// path: 'menu',
|
// path: 'menu',
|
||||||
|
|||||||
87
src/router/modules/static.ts
Normal file
87
src/router/modules/static.ts
Normal file
@@ -0,0 +1,87 @@
|
|||||||
|
const staticRouter: AppCustomRouteRecordRaw[] = [
|
||||||
|
{
|
||||||
|
icon: 'ep:calendar',
|
||||||
|
path: '/Okr',
|
||||||
|
component: '',
|
||||||
|
name: 'OKR',
|
||||||
|
componentName: '',
|
||||||
|
redirect: '',
|
||||||
|
parentId: 0,
|
||||||
|
visible: true,
|
||||||
|
alwaysShow: true,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
icon: 'ep:finished',
|
||||||
|
path: 'okr-management',
|
||||||
|
name: 'OKR管理',
|
||||||
|
componentName: 'OkrManagement',
|
||||||
|
component: 'OKR/Management/index',
|
||||||
|
visible: true,
|
||||||
|
alwaysShow: true,
|
||||||
|
meta: {
|
||||||
|
title: 'OKR管理'
|
||||||
|
},
|
||||||
|
redirect: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: 'ep:alarm-clock',
|
||||||
|
path: 'okr-wait',
|
||||||
|
name: '待办事项',
|
||||||
|
componentName: 'OkrWait',
|
||||||
|
component: 'OKR/Wait/index',
|
||||||
|
meta: {
|
||||||
|
title: '待办事项'
|
||||||
|
},
|
||||||
|
visible: true,
|
||||||
|
alwaysShow: true,
|
||||||
|
redirect: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: 'ep:data-line',
|
||||||
|
path: 'okr-analysis',
|
||||||
|
name: 'Okr统计',
|
||||||
|
componentName: 'OkrAnalysis',
|
||||||
|
component: 'OKR/Analysis/index',
|
||||||
|
meta: {
|
||||||
|
title: 'Okr统计'
|
||||||
|
},
|
||||||
|
visible: true,
|
||||||
|
alwaysShow: true,
|
||||||
|
redirect: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: 'ep:data-board',
|
||||||
|
path: 'okr-meeting',
|
||||||
|
name: '会议管理',
|
||||||
|
componentName: 'OkrMeeting',
|
||||||
|
component: 'OKR/Meeting/index',
|
||||||
|
meta: {
|
||||||
|
title: '会议管理'
|
||||||
|
},
|
||||||
|
visible: true,
|
||||||
|
alwaysShow: true,
|
||||||
|
redirect: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: 'ep:data-board',
|
||||||
|
path: 'okr-meeting-info/:id',
|
||||||
|
name: '会议详情',
|
||||||
|
componentName: 'MeetingInfo',
|
||||||
|
component: 'OKR/Meeting/MeetingInfo',
|
||||||
|
meta: {
|
||||||
|
title: '会议详情'
|
||||||
|
},
|
||||||
|
visible: false,
|
||||||
|
alwaysShow: true,
|
||||||
|
redirect: '',
|
||||||
|
keepAlive: true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
meta: {
|
||||||
|
title: 'OKR',
|
||||||
|
icon: 'ep:calendar'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
export default staticRouter
|
||||||
@@ -45,7 +45,7 @@ export const useDictStore = defineStore('dict', {
|
|||||||
this.dictMap = dictMap
|
this.dictMap = dictMap
|
||||||
this.isSetDict = true
|
this.isSetDict = true
|
||||||
} else {
|
} else {
|
||||||
const res = await listSimpleDictData()
|
const res = (await listSimpleDictData()) || []
|
||||||
// 设置数据
|
// 设置数据
|
||||||
const dictDataMap = new Map<string, any>()
|
const dictDataMap = new Map<string, any>()
|
||||||
res.forEach((dictData: DictDataVO) => {
|
res.forEach((dictData: DictDataVO) => {
|
||||||
@@ -75,7 +75,7 @@ export const useDictStore = defineStore('dict', {
|
|||||||
},
|
},
|
||||||
async resetDict() {
|
async resetDict() {
|
||||||
cache.session.delete(CACHE_KEY.DICT_CACHE)
|
cache.session.delete(CACHE_KEY.DICT_CACHE)
|
||||||
const res = await listSimpleDictData()
|
const res = (await listSimpleDictData()) || []
|
||||||
// 设置数据
|
// 设置数据
|
||||||
const dictDataMap = new Map<string, any>()
|
const dictDataMap = new Map<string, any>()
|
||||||
res.forEach((dictData: DictDataVO) => {
|
res.forEach((dictData: DictDataVO) => {
|
||||||
|
|||||||
@@ -2,6 +2,7 @@ import { defineStore } from 'pinia'
|
|||||||
import { store } from '../index'
|
import { store } from '../index'
|
||||||
import { cloneDeep } from 'lodash-es'
|
import { cloneDeep } from 'lodash-es'
|
||||||
import remainingRouter from '@/router/modules/remaining'
|
import remainingRouter from '@/router/modules/remaining'
|
||||||
|
import staticRouter from '@/router/modules/static'
|
||||||
import { generateRoute, flatMultiLevelRoutes } from '@/utils/routerHelper'
|
import { generateRoute, flatMultiLevelRoutes } from '@/utils/routerHelper'
|
||||||
import { CACHE_KEY } from '@/hooks/web/useCache'
|
import { CACHE_KEY } from '@/hooks/web/useCache'
|
||||||
import cache from '@/plugins/cache'
|
import cache from '@/plugins/cache'
|
||||||
@@ -36,6 +37,25 @@ export const usePermissionStore = defineStore('permission', {
|
|||||||
if (cache.local.get(CACHE_KEY.ROLE_ROUTERS)) {
|
if (cache.local.get(CACHE_KEY.ROLE_ROUTERS)) {
|
||||||
res = cache.local.get(CACHE_KEY.ROLE_ROUTERS) as AppCustomRouteRecordRaw[]
|
res = cache.local.get(CACHE_KEY.ROLE_ROUTERS) as AppCustomRouteRecordRaw[]
|
||||||
}
|
}
|
||||||
|
const staticRouters = cloneDeep(staticRouter)
|
||||||
|
// 与动态路由比较,首先判断目录是否存在,如果存在就合并,并替换动态路由中的目录
|
||||||
|
staticRouters.forEach((item) => {
|
||||||
|
const index = res.findIndex((item2) => item2.path === item.path)
|
||||||
|
if (index !== -1) {
|
||||||
|
const arr = []
|
||||||
|
if (!item.children || item.children.length === 0) {
|
||||||
|
item.children = arr
|
||||||
|
}
|
||||||
|
if (res[index].children && res[index].children.length > 0) {
|
||||||
|
item.children = item.children.concat(res[index].children)
|
||||||
|
}
|
||||||
|
// routerMap[index].children = item.children
|
||||||
|
// 插入动态路由数组的第二位
|
||||||
|
res[index] = { ...res, ...item }
|
||||||
|
} else {
|
||||||
|
res = [...staticRouters, ...res]
|
||||||
|
}
|
||||||
|
})
|
||||||
const routerMap: AppRouteRecordRaw[] = generateRoute(res)
|
const routerMap: AppRouteRecordRaw[] = generateRoute(res)
|
||||||
// 动态路由,404一定要放到最后面
|
// 动态路由,404一定要放到最后面
|
||||||
this.addRouters = routerMap.concat([
|
this.addRouters = routerMap.concat([
|
||||||
|
|||||||
@@ -64,7 +64,7 @@ export const useUserStore = defineStore('admin-user', {
|
|||||||
async loginOut() {
|
async loginOut() {
|
||||||
await loginOut()
|
await loginOut()
|
||||||
removeToken()
|
removeToken()
|
||||||
cache.local.clear()
|
// cache.local.clear()
|
||||||
this.resetState()
|
this.resetState()
|
||||||
},
|
},
|
||||||
resetState() {
|
resetState() {
|
||||||
@@ -77,6 +77,7 @@ export const useUserStore = defineStore('admin-user', {
|
|||||||
nickname: '',
|
nickname: '',
|
||||||
currentRole: 0
|
currentRole: 0
|
||||||
}
|
}
|
||||||
|
cache.local.delete(CACHE_KEY.USER)
|
||||||
},
|
},
|
||||||
refresh() {
|
refresh() {
|
||||||
cache.local.delete(CACHE_KEY.USER)
|
cache.local.delete(CACHE_KEY.USER)
|
||||||
|
|||||||
@@ -69,3 +69,51 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-table {
|
||||||
|
.caret-wrapper {
|
||||||
|
width: 16px;
|
||||||
|
}
|
||||||
|
.sort-caret {
|
||||||
|
left: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-table--default .cell {
|
||||||
|
padding: 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-radio{
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
align-items: center;
|
||||||
|
line-height: 40px;
|
||||||
|
height: 40px;
|
||||||
|
.el-radio__label {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 去除 Chrome、Safari、Edge、Opera 中的指示器 */
|
||||||
|
.el-input__inner::-webkit-outer-spin-button,
|
||||||
|
.el-input__inner::-webkit-inner-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 去除 Firefox 中的指示器 */
|
||||||
|
.el-input__inner[type='number'] {
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
}
|
||||||
|
.el-drawer__header {
|
||||||
|
padding: 16px 16px 8px 16px !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
line-height: 24px !important;
|
||||||
|
font-size: 18px !important;
|
||||||
|
color: #303133 !important;
|
||||||
|
box-sizing: border-box !important;
|
||||||
|
// border-bottom: 1px solid #e8e8e8 !important;
|
||||||
|
}
|
||||||
@@ -8,26 +8,34 @@ const RefreshTokenKey = 'REFRESH_TOKEN'
|
|||||||
// 获取token
|
// 获取token
|
||||||
export const getAccessToken = () => {
|
export const getAccessToken = () => {
|
||||||
// 此处与TokenKey相同,此写法解决初始化时Cookies中不存在TokenKey报错
|
// 此处与TokenKey相同,此写法解决初始化时Cookies中不存在TokenKey报错
|
||||||
return cache.local.get(AccessTokenKey)
|
return localStorage.getItem(AccessTokenKey)
|
||||||
? cache.local.get(AccessTokenKey)
|
? localStorage.getItem(AccessTokenKey)
|
||||||
: cache.local.get('ACCESS_TOKEN')
|
: localStorage.getItem('ACCESS_TOKEN')
|
||||||
|
// return cache.local.get(AccessTokenKey)
|
||||||
|
// ? cache.local.get(AccessTokenKey)
|
||||||
|
// : cache.local.get('ACCESS_TOKEN')
|
||||||
}
|
}
|
||||||
|
|
||||||
// 刷新token
|
// 刷新token
|
||||||
export const getRefreshToken = () => {
|
export const getRefreshToken = () => {
|
||||||
return cache.local.get(RefreshTokenKey)
|
return localStorage.getItem(RefreshTokenKey)
|
||||||
|
// return cache.local.get(RefreshTokenKey)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 设置token
|
// 设置token
|
||||||
export const setToken = (token: TokenType) => {
|
export const setToken = (token: TokenType) => {
|
||||||
cache.local.set(RefreshTokenKey, token.refreshToken)
|
localStorage.setItem(AccessTokenKey, token.accessToken)
|
||||||
cache.local.set(AccessTokenKey, token.accessToken)
|
localStorage.setItem(RefreshTokenKey, token.refreshToken)
|
||||||
|
// cache.local.set(RefreshTokenKey, token.refreshToken)
|
||||||
|
// cache.local.set(AccessTokenKey, token.accessToken)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 删除token
|
// 删除token
|
||||||
export const removeToken = () => {
|
export const removeToken = () => {
|
||||||
cache.local.delete(AccessTokenKey)
|
localStorage.removeItem(AccessTokenKey)
|
||||||
cache.local.delete(RefreshTokenKey)
|
localStorage.removeItem(RefreshTokenKey)
|
||||||
|
// cache.local.delete(AccessTokenKey)
|
||||||
|
// cache.local.delete(RefreshTokenKey)
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 格式化token(jwt格式) */
|
/** 格式化token(jwt格式) */
|
||||||
|
|||||||
@@ -74,13 +74,13 @@ export const SystemUserSocialTypeEnum = {
|
|||||||
type: 20,
|
type: 20,
|
||||||
source: 'dingtalk',
|
source: 'dingtalk',
|
||||||
img: 'https://s1.ax1x.com/2022/05/22/OzMDRs.png'
|
img: 'https://s1.ax1x.com/2022/05/22/OzMDRs.png'
|
||||||
},
|
|
||||||
WECHAT_ENTERPRISE: {
|
|
||||||
title: '企业微信',
|
|
||||||
type: 30,
|
|
||||||
source: 'wechat_enterprise',
|
|
||||||
img: 'https://s1.ax1x.com/2022/05/22/OzMrzn.png'
|
|
||||||
}
|
}
|
||||||
|
// WECHAT_ENTERPRISE: {
|
||||||
|
// title: '企业微信',
|
||||||
|
// type: 30,
|
||||||
|
// source: 'wechat_enterprise',
|
||||||
|
// img: 'https://s1.ax1x.com/2022/05/22/OzMrzn.png'
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -220,3 +220,30 @@ export const removeNullField = (obj: Object) => {
|
|||||||
}
|
}
|
||||||
return obj
|
return obj
|
||||||
}
|
}
|
||||||
|
|
||||||
|
import * as XLSX from 'xlsx'
|
||||||
|
import * as FileSaver from 'file-saver'
|
||||||
|
export const exportTableWithVue = (domId: any, fileName: String) => {
|
||||||
|
// const XLSX = require('xlsx')
|
||||||
|
// 使用 this.$nextTick 是在dom元素都渲染完成之后再执行
|
||||||
|
// this.$nextTick(function () {
|
||||||
|
// 设置导出的内容是否只做解析,不进行格式转换 false:要解析, true:不解析
|
||||||
|
const xlsxParam = { raw: true }
|
||||||
|
const wb = XLSX.utils.table_to_book(document.querySelector(domId), xlsxParam)
|
||||||
|
|
||||||
|
const wbout = XLSX.write(wb, {
|
||||||
|
bookType: 'xlsx',
|
||||||
|
bookSST: true,
|
||||||
|
type: 'array'
|
||||||
|
})
|
||||||
|
try {
|
||||||
|
// 下载保存文件
|
||||||
|
FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), `${fileName}.xlsx`)
|
||||||
|
} catch (e) {
|
||||||
|
if (typeof console !== 'undefined') {
|
||||||
|
console.log(e, wbout)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return wbout
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<Dialog v-model="dialogVisible" :title="dialogTitle" width="800px">
|
<Dialog v-if="dialogVisible" v-model="dialogVisible" :title="dialogTitle" width="800px">
|
||||||
<el-form
|
<el-form
|
||||||
ref="formRef"
|
ref="formRef"
|
||||||
v-loading="formLoading"
|
v-loading="formLoading"
|
||||||
@@ -30,7 +30,12 @@
|
|||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="12" :offset="0">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="负责人" prop="leaderUserId">
|
<el-form-item label="负责人" prop="leaderUserId">
|
||||||
<el-select v-model="formData.leaderUserId" clearable placeholder="请输入负责人">
|
<el-select
|
||||||
|
v-model="formData.leaderUserId"
|
||||||
|
clearable
|
||||||
|
multiple
|
||||||
|
placeholder="请输入负责人"
|
||||||
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in userList"
|
v-for="item in userList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
@@ -59,7 +64,7 @@
|
|||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="24" :offset="0">
|
<el-col :span="24" :offset="0">
|
||||||
<el-form-item label="备注" prop="remark">
|
<el-form-item label="备注" prop="remark">
|
||||||
<Editor v-model:modelValue="formData.remark" />
|
<Editor v-model="formData.remark" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<el-table v-loading="loading" :data="list" row-key="id" default-expand-all border>
|
<el-table v-loading="loading" :data="list" row-key="id" default-expand-all border>
|
||||||
<el-table-column prop="name" label="部门名称" />
|
<el-table-column prop="name" label="部门名称" />
|
||||||
<el-table-column prop="leader" label="负责人" width="120" />
|
<el-table-column prop="leaderUserName" label="负责人" width="120" />
|
||||||
<el-table-column prop="sort" label="排序" width="200" />
|
<el-table-column prop="sort" label="排序" width="200" />
|
||||||
<el-table-column prop="status" label="状态" width="100">
|
<el-table-column prop="status" label="状态" width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
|
|||||||
@@ -7,6 +7,9 @@
|
|||||||
<!-- <el-tab-pane label="销售提成" :name="10" v-if="checkPermi(['basic:setting:comission'])">
|
<!-- <el-tab-pane label="销售提成" :name="10" v-if="checkPermi(['basic:setting:comission'])">
|
||||||
<BSSalerComission v-if="tabIndex == 10" />
|
<BSSalerComission v-if="tabIndex == 10" />
|
||||||
</el-tab-pane> -->
|
</el-tab-pane> -->
|
||||||
|
<!-- <el-tab-pane label="微信机器人" :name="20">
|
||||||
|
<BSSalerComission v-if="tabIndex == 20" />
|
||||||
|
</el-tab-pane> -->
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -84,7 +84,7 @@
|
|||||||
<!-- 表单弹窗:添加/修改 -->
|
<!-- 表单弹窗:添加/修改 -->
|
||||||
<MenuForm ref="formRef" :appList="appList" @success="getList" />
|
<MenuForm ref="formRef" :appList="appList" @success="getList" />
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" name="SystemMenu" setup>
|
<script lang="ts" name="Menu" setup>
|
||||||
import { handleTree } from '@/utils/tree'
|
import { handleTree } from '@/utils/tree'
|
||||||
import * as MenuApi from '@/api/system/menu'
|
import * as MenuApi from '@/api/system/menu'
|
||||||
import MenuForm from './MenuForm.vue'
|
import MenuForm from './MenuForm.vue'
|
||||||
|
|||||||
@@ -9,6 +9,18 @@
|
|||||||
:label="col.label"
|
:label="col.label"
|
||||||
:width="col.width"
|
:width="col.width"
|
||||||
/>
|
/>
|
||||||
|
<el-table-column label="状态" key="status">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-switch
|
||||||
|
v-model="scope.row.status"
|
||||||
|
:active-value="0"
|
||||||
|
active-text="在职"
|
||||||
|
inactive-text="离职"
|
||||||
|
:inactive-value="1"
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<Pagination
|
<Pagination
|
||||||
v-model:limit="pageSize"
|
v-model:limit="pageSize"
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
v-loading="formLoading"
|
v-loading="formLoading"
|
||||||
:model="formData"
|
:model="formData"
|
||||||
:rules="formRules"
|
:rules="formRules"
|
||||||
label-width="80px"
|
label-width="100px"
|
||||||
>
|
>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
@@ -85,6 +85,11 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="微信号" prop="wxAlias">
|
||||||
|
<el-input v-model="formData.wxAlias" placeholder="请输入微信号" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
<el-col :span="12" :offset="0">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="入职日期" prop="hireDate">
|
<el-form-item label="入职日期" prop="hireDate">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
@@ -97,6 +102,23 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="钉钉手机号">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.ddPhone"
|
||||||
|
placeholder="请输入钉钉手机号"
|
||||||
|
clearable
|
||||||
|
@blur="getDDId"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="钉钉Id" prop="dingUserId">
|
||||||
|
<el-input v-model="formData.dingUserId" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="备注">
|
<el-form-item label="备注">
|
||||||
@@ -127,7 +149,7 @@ const dialogVisible = ref(false) // 弹窗的是否展示
|
|||||||
const dialogTitle = ref('') // 弹窗的标题
|
const dialogTitle = ref('') // 弹窗的标题
|
||||||
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
||||||
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
||||||
const formData = ref({
|
const formData = ref<any>({
|
||||||
nickname: '',
|
nickname: '',
|
||||||
deptId: '',
|
deptId: '',
|
||||||
mobile: '',
|
mobile: '',
|
||||||
@@ -140,7 +162,8 @@ const formData = ref({
|
|||||||
status: CommonStatusEnum.ENABLE,
|
status: CommonStatusEnum.ENABLE,
|
||||||
roleIds: [],
|
roleIds: [],
|
||||||
hireDate: '',
|
hireDate: '',
|
||||||
isNewUserConfirm: false
|
isNewUserConfirm: false,
|
||||||
|
wxAlias: ''
|
||||||
})
|
})
|
||||||
const formRules = ref<any>({
|
const formRules = ref<any>({
|
||||||
username: [{ required: true, message: '登录账号不能为空', trigger: 'blur' }],
|
username: [{ required: true, message: '登录账号不能为空', trigger: 'blur' }],
|
||||||
@@ -228,8 +251,21 @@ const resetForm = () => {
|
|||||||
status: CommonStatusEnum.ENABLE,
|
status: CommonStatusEnum.ENABLE,
|
||||||
roleIds: [],
|
roleIds: [],
|
||||||
hireDate: formatDate(new Date(), 'YYYY-MM-DD'),
|
hireDate: formatDate(new Date(), 'YYYY-MM-DD'),
|
||||||
isNewUserConfirm: false
|
isNewUserConfirm: false,
|
||||||
|
wxAlias: ''
|
||||||
}
|
}
|
||||||
formRef.value?.resetFields()
|
formRef.value?.resetFields()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function getDDId() {
|
||||||
|
try {
|
||||||
|
if (!formData.value.ddPhone) {
|
||||||
|
formData.value.dingUserId = undefined
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const data = await UserApi.getDDIdByPhone({ mobile: formData.value.ddPhone })
|
||||||
|
formData.value.dingUserId = data
|
||||||
|
} finally {
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -27,8 +27,8 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-radio-group v-model="queryParams.status" @change="handleQuery">
|
<el-radio-group v-model="queryParams.status" @change="handleQuery">
|
||||||
<el-radio :label="0"> 在职 </el-radio>
|
<el-radio :label="0"> 启用 </el-radio>
|
||||||
<el-radio :label="1"> 离职 </el-radio>
|
<el-radio :label="1"> 禁用 </el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
@@ -45,31 +45,45 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-table v-loading="loading" :data="list">
|
<el-table v-loading="loading" :data="list">
|
||||||
<el-table-column label="用户编号" key="id" prop="id" />
|
<el-table-column label="用户编号" key="id" prop="id" width="100" />
|
||||||
<el-table-column label="登录账号" prop="username" />
|
<el-table-column label="登录账号" prop="username" />
|
||||||
<el-table-column label="用户姓名" prop="nickname" />
|
<el-table-column label="用户姓名" prop="nickname" />
|
||||||
<el-table-column label="部门" key="deptName" prop="deptName" />
|
<el-table-column label="部门" key="deptName" prop="deptName" width="100" />
|
||||||
<el-table-column label="手机号码" prop="mobile" width="120" />
|
<el-table-column label="手机号码" prop="mobile" width="120" />
|
||||||
<el-table-column label="状态" key="status" width="180">
|
<el-table-column label="微信号" prop="wxAlias" min-width="80" />
|
||||||
|
<el-table-column label="钉钉号" prop="dingUserId" min-width="80" />
|
||||||
|
<el-table-column label="在职状态" key="hireStatus" width="120">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-switch
|
<el-switch
|
||||||
v-model="scope.row.status"
|
v-model="scope.row.hireStatus"
|
||||||
:active-value="0"
|
:active-value="0"
|
||||||
:inactive-value="1"
|
:inactive-value="1"
|
||||||
active-text="在职"
|
active-text="在职"
|
||||||
inactive-text="离职"
|
inactive-text="离职"
|
||||||
|
size="small"
|
||||||
v-hasPermi="['basic:employee:update']"
|
v-hasPermi="['basic:employee:update']"
|
||||||
@change="handleStatusChange(scope.row)"
|
@change="handleStatusChange(scope.row)"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column label="启用状态" key="status" width="120">
|
||||||
label="创建时间"
|
<template #default="scope">
|
||||||
prop="createTime"
|
<el-switch
|
||||||
width="180"
|
v-model="scope.row.status"
|
||||||
:formatter="dateFormatter"
|
:active-value="0"
|
||||||
|
:inactive-value="1"
|
||||||
|
active-text="启用"
|
||||||
|
inactive-text="禁用"
|
||||||
|
size="small"
|
||||||
|
:disabled="scope.row.hireStatus == 1"
|
||||||
|
v-hasPermi="['basic:employee:update']"
|
||||||
|
@change="handleUseChange(scope.row)"
|
||||||
/>
|
/>
|
||||||
<el-table-column label="操作" width="200">
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="入职日期" prop="hireDate" width="120" :formatter="dateFormatter" />
|
||||||
|
<el-table-column label="离职日期" prop="" width="120" :formatter="dateFormatter" />
|
||||||
|
<el-table-column label="操作" width="180" fixed="right">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
@@ -178,14 +192,49 @@ const openForm = (type: string, id?: number) => {
|
|||||||
formRef.value.open(type, id)
|
formRef.value.open(type, id)
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 修改用户状态 */
|
/** 修改在职状态 */
|
||||||
const handleStatusChange = async (row: UserApi.UserVO) => {
|
const handleStatusChange = async (row: UserApi.UserVO) => {
|
||||||
try {
|
try {
|
||||||
// 修改状态的二次确认
|
// 修改状态的二次确认
|
||||||
const text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用'
|
const text = row.hireStatus === CommonStatusEnum.ENABLE ? '入职' : '离职'
|
||||||
await message.confirm('确认要"' + text + '""' + row.username + '"用户吗?')
|
let result = { value: '' }
|
||||||
|
if (text == '入职') {
|
||||||
|
await message.confirm('确认要"' + text + '""' + row.nickname + '"吗?')
|
||||||
|
} else {
|
||||||
|
result = await message.prompt(
|
||||||
|
'请输入年月日,如2024-01-01',
|
||||||
|
'确认要"' + text + '""' + row.nickname + '"用户吗?'
|
||||||
|
)
|
||||||
|
const regex = /^\d{4}-\d{2}-\d{2}$/
|
||||||
|
|
||||||
|
if (!regex.test(result.value)) {
|
||||||
|
message.error('请输入离职日期')
|
||||||
|
throw new Error()
|
||||||
|
}
|
||||||
|
}
|
||||||
// 发起修改状态
|
// 发起修改状态
|
||||||
await UserApi.updateUserStatus(row.id, row.status)
|
await UserApi.updateUserStatus(row.id, row.status, result.value, row.hireStatus)
|
||||||
|
message.success('修改成功')
|
||||||
|
// 刷新列表
|
||||||
|
await getList()
|
||||||
|
} catch {
|
||||||
|
// 取消后,进行恢复按钮
|
||||||
|
row.hireStatus =
|
||||||
|
row.hireStatus === CommonStatusEnum.ENABLE
|
||||||
|
? CommonStatusEnum.DISABLE
|
||||||
|
: CommonStatusEnum.ENABLE
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改启用状态
|
||||||
|
const handleUseChange = async (row: UserApi.UserVO) => {
|
||||||
|
try {
|
||||||
|
// 修改状态的二次确认
|
||||||
|
const text = row.status === CommonStatusEnum.ENABLE ? '启用' : '禁用'
|
||||||
|
await message.confirm('确认要"' + text + '""' + row.nickname + '"吗?')
|
||||||
|
// 发起修改状态
|
||||||
|
await UserApi.updateUserStatus(row.id, row.status, row.retireDate, row.hireStatus)
|
||||||
|
message.success('修改成功')
|
||||||
// 刷新列表
|
// 刷新列表
|
||||||
await getList()
|
await getList()
|
||||||
} catch {
|
} catch {
|
||||||
|
|||||||
7
src/views/Basic/WxRobot/Record.vue
Normal file
7
src/views/Basic/WxRobot/Record.vue
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
<template>
|
||||||
|
<div> record </div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="WXRecord"></script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
228
src/views/Basic/WxRobot/Setting.vue
Normal file
228
src/views/Basic/WxRobot/Setting.vue
Normal file
@@ -0,0 +1,228 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-table v-loading="loading" :data="tableList" border stripe>
|
||||||
|
<el-table-column v-for="col in columns" :prop="col.prop" :key="col.prop" :label="col.label" />
|
||||||
|
<el-table-column label="发送方式" min-width="150">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-checkbox-group v-model="row.sendType" size="small" @change="rowChange(row)">
|
||||||
|
<el-checkbox label="微信"> 微信 </el-checkbox>
|
||||||
|
<el-checkbox label="微信群"> 微信群 </el-checkbox>
|
||||||
|
</el-checkbox-group>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="群二维码" width="100">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-upload
|
||||||
|
ref="rewardFile"
|
||||||
|
action="#"
|
||||||
|
:limit="1"
|
||||||
|
accept=".jpg,.jpeg,.png"
|
||||||
|
:disabled="loading"
|
||||||
|
:show-file-list="false"
|
||||||
|
:before-upload="fileBeforeUpload"
|
||||||
|
:http-request="(data) => rewardUpload(data, row.id)"
|
||||||
|
>
|
||||||
|
<el-button type="primary" size="small">
|
||||||
|
<Icon icon="ep:upload" class="mr-5px" size="small" /> 点击上传
|
||||||
|
</el-button>
|
||||||
|
</el-upload>
|
||||||
|
<!-- <UploadImg v-model="row.wxQrCode" /> -->
|
||||||
|
|
||||||
|
<!-- <img :src="row.wxCode" width="80px" height="80px" alt="" /> -->
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="微信群名称" prop="wxGroup" min-width="150" />
|
||||||
|
<el-table-column label="操作" width="100">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<!-- <div>
|
||||||
|
<el-button
|
||||||
|
v-if="row.sendType.includes('微信群')"
|
||||||
|
type="primary"
|
||||||
|
style="padding: 5px 0"
|
||||||
|
text
|
||||||
|
@click="row.edit = true"
|
||||||
|
>
|
||||||
|
修改群名称
|
||||||
|
</el-button>
|
||||||
|
</div> -->
|
||||||
|
<div v-if="['每日', '每月'].includes(row.sendFrequency)">
|
||||||
|
<el-button type="primary" style="padding: 5px 0" text @click="changeSendTime(row)">
|
||||||
|
修改发送时间
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<Dialog
|
||||||
|
:title="`修改【${sendTimeInfo.messageName}】发送时间`"
|
||||||
|
v-model="showSendTime"
|
||||||
|
width="500px"
|
||||||
|
>
|
||||||
|
<el-text type="danger">
|
||||||
|
<span v-if="sendTimeInfo.sendFrequency == '每日'">
|
||||||
|
请按照时间格式输入,多个时间以“、”分割,如09:00、15:00、18:00
|
||||||
|
</span>
|
||||||
|
<span v-else-if="sendTimeInfo.sendFrequency == '每月'">
|
||||||
|
请按照"日期-时间"格式输入,多个日期以“、”分割,如26-18:00、28-14:00、30-15:00、30-18:00
|
||||||
|
</span>
|
||||||
|
</el-text>
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
class="mt-20px mb-20px"
|
||||||
|
:autosize="{ minRows: 3 }"
|
||||||
|
v-model="sendTimeInfo.sendTime"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
|
<template #footer>
|
||||||
|
<el-button :disabled="formLoading" type="primary" @click="submitSendTime">确 定</el-button>
|
||||||
|
<el-button @click="showSendTime = false">取 消</el-button>
|
||||||
|
</template>
|
||||||
|
</Dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="WXSetting">
|
||||||
|
import * as WechatApi from '@/api/system/wechat'
|
||||||
|
|
||||||
|
const message = useMessage() // 消息弹窗
|
||||||
|
|
||||||
|
const loading = ref(false)
|
||||||
|
const tableList = ref([])
|
||||||
|
const columns = [
|
||||||
|
{
|
||||||
|
label: '消息名称',
|
||||||
|
prop: 'messageName'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '解释说明',
|
||||||
|
prop: 'description'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '发送频率',
|
||||||
|
prop: 'sendFrequency'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '发送时间',
|
||||||
|
prop: 'sendTime'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getTableList()
|
||||||
|
})
|
||||||
|
|
||||||
|
async function getTableList() {
|
||||||
|
try {
|
||||||
|
loading.value = true
|
||||||
|
const list = await WechatApi.getWechatConfigList()
|
||||||
|
tableList.value = list.map((it) => ({ ...it, sendType: it.sendType || [] }))
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let timer = ref(null)
|
||||||
|
const lastId = ref('')
|
||||||
|
function rowChange(row) {
|
||||||
|
try {
|
||||||
|
lastId.value == row.id && clearTimeout(timer.value)
|
||||||
|
timer.value = setTimeout(async () => {
|
||||||
|
lastId.value = row.id
|
||||||
|
await WechatApi.updateWechatGroup({
|
||||||
|
id: row.id,
|
||||||
|
sendType: row.sendType,
|
||||||
|
wxGroup: row.wxGroup
|
||||||
|
})
|
||||||
|
// message.success('修改成功')
|
||||||
|
}, 1500)
|
||||||
|
} finally {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const showSendTime = ref(false)
|
||||||
|
const sendTimeInfo = ref({})
|
||||||
|
function changeSendTime(row) {
|
||||||
|
showSendTime.value = true
|
||||||
|
sendTimeInfo.value = { ...row }
|
||||||
|
}
|
||||||
|
|
||||||
|
const formLoading = ref(false)
|
||||||
|
|
||||||
|
async function submitSendTime() {
|
||||||
|
// 校验时间是否有效
|
||||||
|
const arr = sendTimeInfo.value.sendTime ? sendTimeInfo.value.sendTime.split('、') : []
|
||||||
|
|
||||||
|
if (sendTimeInfo.value.sendFrequency == '每日') {
|
||||||
|
// 正则校验是否HH:MM
|
||||||
|
if (arr.some((it) => !/^([01]?[0-9]|2[0-3]):[0-5][0-9]$/.test(it))) {
|
||||||
|
message.error('请检查输入格式是否正确!!!')
|
||||||
|
return
|
||||||
|
} else {
|
||||||
|
try {
|
||||||
|
formLoading.value = true
|
||||||
|
await WechatApi.updateWechatSendTime({
|
||||||
|
id: sendTimeInfo.value.id,
|
||||||
|
sendTime: arr.join('、')
|
||||||
|
})
|
||||||
|
message.success('修改成功!')
|
||||||
|
getTableList()
|
||||||
|
showSendTime.value = false
|
||||||
|
} finally {
|
||||||
|
formLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else if (sendTimeInfo.value.sendFrequency == '每月') {
|
||||||
|
// 正则校验是否【1-31】-HH:MM
|
||||||
|
const reg = /^([1-9]|[1-2]\d|3[01])-([01]?[0-9]|2[0-3]):[0-5][0-9]$/
|
||||||
|
if (arr.length > 0 && arr.some((it) => !reg.test(it))) {
|
||||||
|
message.error('请检查输入格式是否正确!!!')
|
||||||
|
return
|
||||||
|
} else {
|
||||||
|
try {
|
||||||
|
formLoading.value = true
|
||||||
|
await WechatApi.updateWechatSendTime({
|
||||||
|
id: sendTimeInfo.value.id,
|
||||||
|
sendTime: arr.join('、')
|
||||||
|
})
|
||||||
|
message.success('修改成功!')
|
||||||
|
getTableList()
|
||||||
|
showSendTime.value = false
|
||||||
|
} finally {
|
||||||
|
formLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const fileBeforeUpload = (file) => {
|
||||||
|
let format = '.' + file.name.split('.')[1]
|
||||||
|
if (!['.jpg', '.png', 'jpeg'].includes(format)) {
|
||||||
|
message.error(`请上传指定格式".jpg,.jpeg,.png"文件`)
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
let isRightSize = file.size / 1024 / 1024 < 20
|
||||||
|
if (!isRightSize) {
|
||||||
|
message.error('文件大小超过 20MB')
|
||||||
|
}
|
||||||
|
return isRightSize
|
||||||
|
}
|
||||||
|
|
||||||
|
const fd = ref(new FormData())
|
||||||
|
|
||||||
|
async function rewardUpload(data, id) {
|
||||||
|
fd.value.append('file', data.file)
|
||||||
|
fd.value.append('id', id)
|
||||||
|
// 上传接口,成功后得到微信群名
|
||||||
|
try {
|
||||||
|
// 上传文件
|
||||||
|
setTimeout(() => {
|
||||||
|
getTableList()
|
||||||
|
}, 2000)
|
||||||
|
} finally {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -1,62 +0,0 @@
|
|||||||
// import { CrudSchema } from '@/hooks/web/useCrudSchemas'
|
|
||||||
import { dateFormatter } from '@/utils/formatTime'
|
|
||||||
|
|
||||||
const statusOptions = [
|
|
||||||
{ label: '发送成功', value: 1 },
|
|
||||||
{ label: '发送失败', value: 2 },
|
|
||||||
{ label: '排队中', value: 3 },
|
|
||||||
{ label: '微信端卡住', value: 4 }
|
|
||||||
]
|
|
||||||
|
|
||||||
// CrudSchema:https://doc.iocoder.cn/vue3/crud-schema/
|
|
||||||
const crudSchemas = reactive([
|
|
||||||
{
|
|
||||||
label: '发送对象',
|
|
||||||
field: 'sendUser',
|
|
||||||
isSearch: true,
|
|
||||||
isTable: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '发送内容',
|
|
||||||
field: 'content',
|
|
||||||
isSearch: false,
|
|
||||||
isTable: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '发送状态',
|
|
||||||
field: 'status',
|
|
||||||
isSearch: true,
|
|
||||||
isTable: true,
|
|
||||||
search: {
|
|
||||||
component: 'Select',
|
|
||||||
api: () => statusOptions,
|
|
||||||
componentProps: {
|
|
||||||
optionsAlias: {
|
|
||||||
labelField: 'label',
|
|
||||||
valueField: 'value'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '发送时间',
|
|
||||||
field: 'createTime',
|
|
||||||
isSearch: true,
|
|
||||||
isTable: true,
|
|
||||||
formatter: dateFormatter,
|
|
||||||
detail: {
|
|
||||||
dateFormat: 'YYYY-MM-DD'
|
|
||||||
},
|
|
||||||
search: {
|
|
||||||
component: 'DatePicker',
|
|
||||||
componentProps: {
|
|
||||||
type: 'daterange',
|
|
||||||
format: 'YYYY-MM-DD',
|
|
||||||
valueFormat: 'YYYY-MM-DD',
|
|
||||||
startPlaceholder: '发送时间',
|
|
||||||
endPlaceholder: '发送时间'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
])
|
|
||||||
export const { allSchemas } = useCrudSchemas(crudSchemas)
|
|
||||||
@@ -1,77 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-tabs v-model="tabIndex" type="border-card">
|
<el-tabs v-model="tabIndex" type="border-card">
|
||||||
<el-tab-pane label="微信消息记录" :name="0">
|
<!-- <el-tab-pane label="微信消息记录" :name="0">
|
||||||
<!-- 搜索工作栏 -->
|
<Record />
|
||||||
<Search
|
</el-tab-pane> -->
|
||||||
:schema="allSchemas.searchSchema"
|
<el-tab-pane label="消息配置" :name="1">
|
||||||
labelWidth="0"
|
<Setting />
|
||||||
@search="setSearchParams"
|
|
||||||
@reset="setSearchParams"
|
|
||||||
/>
|
|
||||||
<!-- 列表 -->
|
|
||||||
<SSTable
|
|
||||||
class="mt-20px"
|
|
||||||
v-model:tableObject="tableObject"
|
|
||||||
:tableColumns="allSchemas.tableColumns"
|
|
||||||
@get-list="getTableList"
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
v-for="item in allSchemas.tableColumns"
|
|
||||||
:key="item.field"
|
|
||||||
:prop="item.field"
|
|
||||||
:label="item.label"
|
|
||||||
:fixed="item.fixed"
|
|
||||||
min-width="150px"
|
|
||||||
showOverflowTooltip
|
|
||||||
/>
|
|
||||||
<el-table-column label="操作" width="150px" fixed="right">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-button type="primary" link @click="sendMsg(row)">再次发送</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</SSTable>
|
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup name="WXBoot">
|
||||||
import { allSchemas } from './index.data.js'
|
// import Record from './Record.vue'
|
||||||
|
import Setting from './Setting.vue'
|
||||||
|
|
||||||
const tabIndex = ref(0)
|
const tabIndex = ref(1)
|
||||||
|
|
||||||
const tableObject = ref({
|
|
||||||
tableList: [],
|
|
||||||
loading: false,
|
|
||||||
total: 1,
|
|
||||||
pageSize: 20,
|
|
||||||
currentPage: 1
|
|
||||||
})
|
|
||||||
|
|
||||||
function setSearchParams() {
|
|
||||||
tableObject.value.tableList = [
|
|
||||||
{
|
|
||||||
sendUser: '测试',
|
|
||||||
content: '您今日有10条待跟进的线索',
|
|
||||||
status: '发送成功',
|
|
||||||
createTime: '2024-04-25 12:00:00'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
function getTableList() {
|
|
||||||
tableObject.value.tableList = [
|
|
||||||
{
|
|
||||||
sendUser: '测试',
|
|
||||||
content: '您今日有10条待跟进的线索',
|
|
||||||
status: '发送成功',
|
|
||||||
createTime: '2024-04-25 12:00:00'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
function sendMsg() {
|
|
||||||
console.log('测试')
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped></style>
|
<style lang="scss" scoped></style>
|
||||||
|
|||||||
@@ -83,6 +83,18 @@
|
|||||||
style="width: 240px"
|
style="width: 240px"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<template v-if="appStore.getAppInfo?.instanceType == 1">
|
||||||
|
<el-form-item>
|
||||||
|
<el-select v-model="searchForm.area" placeholder="选择区域" clearable filterable>
|
||||||
|
<el-option
|
||||||
|
v-for="item in areaOptions"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button @click="handleSearch" v-hasPermi="['clue:order:after-sale-search']">
|
<el-button @click="handleSearch" v-hasPermi="['clue:order:after-sale-search']">
|
||||||
查询
|
查询
|
||||||
@@ -189,6 +201,7 @@
|
|||||||
<script setup name="AfterSales">
|
<script setup name="AfterSales">
|
||||||
import * as AfterSaleApi from '@/api/clue/afterSale'
|
import * as AfterSaleApi from '@/api/clue/afterSale'
|
||||||
import { getSimpleUserList as getUserOption } from '@/api/system/user'
|
import { getSimpleUserList as getUserOption } from '@/api/system/user'
|
||||||
|
import { getAreaSimpleList } from '@/api/school/setting/area'
|
||||||
import { useUserStore } from '@/store/modules/user'
|
import { useUserStore } from '@/store/modules/user'
|
||||||
|
|
||||||
import DialogAfterSaleAudit from './DialogAfterSaleAudit.vue'
|
import DialogAfterSaleAudit from './DialogAfterSaleAudit.vue'
|
||||||
@@ -292,7 +305,12 @@ function handleAudit(row) {
|
|||||||
afterSaleAuditDialog.value.open(row)
|
afterSaleAuditDialog.value.open(row)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const areaOptions = ref([])
|
||||||
function getOptions() {
|
function getOptions() {
|
||||||
|
// 区域
|
||||||
|
getAreaSimpleList().then((data) => {
|
||||||
|
areaOptions.value = data
|
||||||
|
})
|
||||||
getUserOption().then((data) => {
|
getUserOption().then((data) => {
|
||||||
userOptions.value = data
|
userOptions.value = data
|
||||||
})
|
})
|
||||||
|
|||||||
130
src/views/Clue/Order/Comp/DialogAddProduct.vue
Normal file
130
src/views/Clue/Order/Comp/DialogAddProduct.vue
Normal file
@@ -0,0 +1,130 @@
|
|||||||
|
<template>
|
||||||
|
<Dialog title="添加产品" v-model="show" width="800px">
|
||||||
|
<el-form :model="form" ref="formRef" :rules="rules" label-width="80px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="成交产品" prop="productId">
|
||||||
|
<el-select
|
||||||
|
v-model="form.productId"
|
||||||
|
placeholder="选择成交产品"
|
||||||
|
filterable
|
||||||
|
@change="form.specsId = undefined"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in prodOptions"
|
||||||
|
:key="item.productId"
|
||||||
|
:label="item.productName"
|
||||||
|
:value="item.productId"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="产品规格" prop="specsId">
|
||||||
|
<el-select
|
||||||
|
v-model="form.specsId"
|
||||||
|
placeholder="选择规格"
|
||||||
|
filterable
|
||||||
|
:disabled="!form.productId"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in specsOptions(form.productId)"
|
||||||
|
:key="item.specsId"
|
||||||
|
:label="item.specsName"
|
||||||
|
:value="item.specsId"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="成交数量" prop="signNum">
|
||||||
|
<el-input-number v-model="form.signNum" :min="1" :controls="false" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="生产状态" prop="isProduced">
|
||||||
|
<el-radio-group v-model="form.isProduced">
|
||||||
|
<el-radio :label="0">待生产</el-radio>
|
||||||
|
<el-radio :label="1">已生产</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" :offset="0">
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
:autoSize="{ minRows: 3 }"
|
||||||
|
v-model="form.remark"
|
||||||
|
placeholder="请输入备注"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<span>
|
||||||
|
<el-button @click="show = false">取 消</el-button>
|
||||||
|
<el-button :disabled="formLoading" type="primary" @click="handleSave">保 存</el-button>
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</Dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="DialogProduct">
|
||||||
|
import { addOrderProduct } from '@/api/clue/sign'
|
||||||
|
|
||||||
|
const message = useMessage() // 消息弹窗
|
||||||
|
|
||||||
|
const specsOptions = computed({
|
||||||
|
get() {
|
||||||
|
return (prodId) => {
|
||||||
|
if (prodId) {
|
||||||
|
return prodOptions.value.find((it) => it.productId == prodId).productSpecList
|
||||||
|
}
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const show = ref(false)
|
||||||
|
const form = ref({})
|
||||||
|
const rules = {
|
||||||
|
productId: { required: true, message: '成交产品不可为空', trigger: 'change' },
|
||||||
|
specsId: { required: true, message: '产品规格不可为空', trigger: 'change' },
|
||||||
|
signNum: { required: true, message: '成交数量不可为空', trigger: 'blur' }
|
||||||
|
}
|
||||||
|
|
||||||
|
const prodOptions = ref([])
|
||||||
|
|
||||||
|
function open(signId, arr) {
|
||||||
|
prodOptions.value = arr
|
||||||
|
form.value.signId = signId
|
||||||
|
form.value.isProduced = 0
|
||||||
|
show.value = true
|
||||||
|
}
|
||||||
|
defineExpose({ open })
|
||||||
|
|
||||||
|
const emit = defineEmits(['success'])
|
||||||
|
const formRef = ref()
|
||||||
|
const formLoading = ref(false)
|
||||||
|
async function handleSave() {
|
||||||
|
// 校验表单
|
||||||
|
if (!formRef.value) return
|
||||||
|
const valid = await formRef.value.validate()
|
||||||
|
if (!valid) return
|
||||||
|
|
||||||
|
// 提交请求
|
||||||
|
formLoading.value = true
|
||||||
|
try {
|
||||||
|
await addOrderProduct(form.value)
|
||||||
|
message.success('新增成功!')
|
||||||
|
show.value = false
|
||||||
|
// 发送操作成功的事件
|
||||||
|
emit('success')
|
||||||
|
} finally {
|
||||||
|
formLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -28,9 +28,9 @@
|
|||||||
<el-select v-model="form.supplier" placeholder="选择供应商" filterable>
|
<el-select v-model="form.supplier" placeholder="选择供应商" filterable>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in supplierOptions"
|
v-for="item in supplierOptions"
|
||||||
:key="item.value"
|
:key="item.id"
|
||||||
:label="item.label"
|
:label="item.supplierName"
|
||||||
:value="item.value"
|
:value="item.id"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -141,15 +141,18 @@
|
|||||||
import { getSimpleWarehouseList, getRemainInventoryList } from '@/api/mall/warehouse'
|
import { getSimpleWarehouseList, getRemainInventoryList } from '@/api/mall/warehouse'
|
||||||
import { createDelivery } from '@/api/clue/delivery'
|
import { createDelivery } from '@/api/clue/delivery'
|
||||||
import { getConfigList } from '@/api/system/set'
|
import { getConfigList } from '@/api/system/set'
|
||||||
import { getDictOptions } from '@/utils/dict'
|
import { getSupplierSimpleList } from '@/api/school/setting/supplier'
|
||||||
import { getExtraFeeSimpleList } from '@/api/clue/extraFee'
|
import { getExtraFeeSimpleList } from '@/api/clue/extraFee'
|
||||||
|
|
||||||
const message = useMessage() // 消息弹窗
|
const message = useMessage() // 消息弹窗
|
||||||
|
|
||||||
const warehouseOptions = ref([])
|
const warehouseOptions = ref([])
|
||||||
const extraPayOptions = ref([])
|
const extraPayOptions = ref([])
|
||||||
const supplierOptions = getDictOptions('erp_supplier')
|
const supplierOptions = ref([])
|
||||||
function getOptions() {
|
function getOptions() {
|
||||||
|
getSupplierSimpleList().then((data) => {
|
||||||
|
supplierOptions.value = data
|
||||||
|
})
|
||||||
getSimpleWarehouseList().then((data) => {
|
getSimpleWarehouseList().then((data) => {
|
||||||
warehouseOptions.value = data
|
warehouseOptions.value = data
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -61,14 +61,15 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane
|
<el-tab-pane label="回款记录" name="returnRecord">
|
||||||
label="回款记录"
|
|
||||||
name="returnRecord"
|
|
||||||
v-if="checkPermi(['clue:order:return-list'])"
|
|
||||||
>
|
|
||||||
<el-table :data="returnRecordList" border stripe>
|
<el-table :data="returnRecordList" border stripe>
|
||||||
<el-table-column type="index" width="50" />
|
<el-table-column type="index" width="50" />
|
||||||
<el-table-column prop="money" label="回款金额" />
|
<el-table-column
|
||||||
|
v-if="checkPermi(['clue:order:return-list'])"
|
||||||
|
prop="money"
|
||||||
|
label="回款金额"
|
||||||
|
/>
|
||||||
|
<el-table-column prop="personProfit" label="员工利润" />
|
||||||
<el-table-column prop="applyTime" label="申请日期" />
|
<el-table-column prop="applyTime" label="申请日期" />
|
||||||
<el-table-column prop="isPayoff" label="是否结清" />
|
<el-table-column prop="isPayoff" label="是否结清" />
|
||||||
<el-table-column prop="stateName" label="审核状态" />
|
<el-table-column prop="stateName" label="审核状态" />
|
||||||
@@ -197,13 +198,14 @@ function getFields() {
|
|||||||
if (it.label.includes('日期')) {
|
if (it.label.includes('日期')) {
|
||||||
it.dateFormat = 'YYYY-MM-DD'
|
it.dateFormat = 'YYYY-MM-DD'
|
||||||
}
|
}
|
||||||
|
|
||||||
if (it.field == 'receivedMoney') {
|
if (it.field == 'receivedMoney') {
|
||||||
checkPermi(['clue:order:return-list']) && arr.push(it)
|
checkPermi(['clue:order:return-list']) && arr.push(it)
|
||||||
} else {
|
} else {
|
||||||
arr.push(it)
|
arr.push(it)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
if (arr.length % 2 != 0) {
|
if (arr.filter((item) => item.span != 2).length % 2 != 0) {
|
||||||
arr.push({})
|
arr.push({})
|
||||||
}
|
}
|
||||||
orderSchema.value = [
|
orderSchema.value = [
|
||||||
|
|||||||
@@ -74,25 +74,67 @@
|
|||||||
@get-checked-columns="getCheckedColumns"
|
@get-checked-columns="getCheckedColumns"
|
||||||
@selection-change="handleSelectionChange"
|
@selection-change="handleSelectionChange"
|
||||||
>
|
>
|
||||||
<el-table-column type="selection" width="60" />
|
<el-table-column type="selection" width="60" fixed="left" />
|
||||||
<el-table-column type="expand">
|
<el-table-column type="expand" fixed="left">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<div class="p-10px flex justify-center">
|
<div class="p-10px flex justify-center">
|
||||||
<VueDraggable
|
<!-- <VueDraggable
|
||||||
target="tbody"
|
target="tbody"
|
||||||
v-model="row.signProducts"
|
v-model="row.signProducts"
|
||||||
:animation="150"
|
:animation="150"
|
||||||
@end="onDragEnd"
|
@end="onDragEnd"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
>
|
> -->
|
||||||
<el-table
|
<el-table
|
||||||
:data="row.signProducts"
|
:data="row.signProducts"
|
||||||
row-key="id"
|
row-key="id"
|
||||||
stripe
|
stripe
|
||||||
style="width: 80%; margin: 0 auto"
|
style="width: 90%; margin: 0 auto"
|
||||||
>
|
>
|
||||||
<el-table-column prop="productName" label="成交产品" />
|
<el-table-column prop="" label="子订单号" />
|
||||||
<el-table-column prop="specsName" label="产品规格" />
|
<el-table-column prop="" label="登记人" width="120px" />
|
||||||
|
<el-table-column prop="" label="成交日期" width="120px" />
|
||||||
|
<el-table-column prop="" label="成交价" width="120px" />
|
||||||
|
<el-table-column prop="" label="支付金额" width="120px" />
|
||||||
|
<el-table-column prop="" label="已到账金额" width="120px" />
|
||||||
|
<el-table-column prop="" label="提成状态" width="120px" />
|
||||||
|
<el-table-column prop="" label="备注" />
|
||||||
|
<el-table-column label="操作" width="200px" fixed="right">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
class="mr-10px"
|
||||||
|
link
|
||||||
|
style="padding: 0; margin-left: 0"
|
||||||
|
v-hasPermi="['clue:order:after-sale']"
|
||||||
|
@click="sellAfter(scope.row)"
|
||||||
|
>
|
||||||
|
售后
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
class="mr-10px"
|
||||||
|
link
|
||||||
|
style="padding: 0; margin-left: 0"
|
||||||
|
v-hasPermi="['clue:order:return']"
|
||||||
|
@click="feeBack(scope.row)"
|
||||||
|
>
|
||||||
|
回款
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
class="mr-10px"
|
||||||
|
link
|
||||||
|
style="padding: 0; margin-left: 0"
|
||||||
|
v-hasPermi="['clue:pool:enroll']"
|
||||||
|
@click="cancelDeal(scope.row)"
|
||||||
|
>
|
||||||
|
取消登记
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column prop="productName" label="成交产品" width="120px" />
|
||||||
|
<el-table-column prop="specsName" label="产品规格" width="120px" />
|
||||||
<el-table-column prop="signNum" label="成交数量" width="90px" />
|
<el-table-column prop="signNum" label="成交数量" width="90px" />
|
||||||
<el-table-column prop="remark" label="成交备注" width="100px" />
|
<el-table-column prop="remark" label="成交备注" width="100px" />
|
||||||
<el-table-column label="生产状态" width="160px">
|
<el-table-column label="生产状态" width="160px">
|
||||||
@@ -147,10 +189,19 @@
|
|||||||
>
|
>
|
||||||
发货
|
发货
|
||||||
</el-button>
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
type="danger"
|
||||||
|
link
|
||||||
|
style="padding: 0; margin-left: 0"
|
||||||
|
v-hasPermi="['clue:order:remove-product']"
|
||||||
|
@click="handleRemoveProduct(scope.row)"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column> -->
|
||||||
</el-table>
|
</el-table>
|
||||||
</VueDraggable>
|
<!-- </VueDraggable> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -175,7 +226,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" width="240px" fixed="right">
|
<el-table-column label="操作" width="120px" fixed="right">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
@@ -187,27 +238,6 @@
|
|||||||
>
|
>
|
||||||
详情
|
详情
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
class="mr-10px"
|
|
||||||
link
|
|
||||||
style="padding: 0; margin-left: 0"
|
|
||||||
v-hasPermi="['clue:order:after-sale']"
|
|
||||||
@click="sellAfter(scope.row)"
|
|
||||||
>
|
|
||||||
售后
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
class="mr-10px"
|
|
||||||
link
|
|
||||||
style="padding: 0; margin-left: 0"
|
|
||||||
v-if="scope.row.isPayoff == '未结清'"
|
|
||||||
v-hasPermi="['clue:order:return']"
|
|
||||||
@click="feeBack(scope.row)"
|
|
||||||
>
|
|
||||||
回款
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
class="mr-10px"
|
class="mr-10px"
|
||||||
@@ -218,16 +248,6 @@
|
|||||||
>
|
>
|
||||||
添加支出
|
添加支出
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
class="mr-10px"
|
|
||||||
link
|
|
||||||
style="padding: 0; margin-left: 0"
|
|
||||||
v-hasPermi="['clue:pool:enroll']"
|
|
||||||
@click="cancelDeal(scope.row)"
|
|
||||||
>
|
|
||||||
取消登记
|
|
||||||
</el-button>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</SSTable>
|
</SSTable>
|
||||||
@@ -238,6 +258,7 @@
|
|||||||
<DialogAfterSale ref="afterSaleDialog" />
|
<DialogAfterSale ref="afterSaleDialog" />
|
||||||
<DialogExtraFee ref="extraFeeDialog" />
|
<DialogExtraFee ref="extraFeeDialog" />
|
||||||
<DialogDelivery ref="deliveryDialog" @success="getTableList" />
|
<DialogDelivery ref="deliveryDialog" @success="getTableList" />
|
||||||
|
<DialogAddProduct ref="addProductDialog" @success="getTableList" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -252,12 +273,13 @@ import DialogFeeback from './DialogFeeback.vue'
|
|||||||
import DialogAfterSale from './DialogAfterSale.vue'
|
import DialogAfterSale from './DialogAfterSale.vue'
|
||||||
import DialogExtraFee from './DialogExtraPay.vue'
|
import DialogExtraFee from './DialogExtraPay.vue'
|
||||||
import DialogDelivery from './DialogDelivery.vue'
|
import DialogDelivery from './DialogDelivery.vue'
|
||||||
|
import DialogAddProduct from './DialogAddProduct.vue'
|
||||||
|
|
||||||
import { removeNullField } from '@/utils'
|
import { removeNullField } from '@/utils'
|
||||||
import { formatDate } from '@/utils/formatTime'
|
import { formatDate } from '@/utils/formatTime'
|
||||||
import { ElMessageBox, ElOption, ElSelect } from 'element-plus'
|
import { ElMessageBox, ElOption, ElSelect } from 'element-plus'
|
||||||
import { VueDraggable } from 'vue-draggable-plus'
|
// import { VueDraggable } from 'vue-draggable-plus'
|
||||||
import { checkPermi } from '@/utils/permission'
|
// import { checkPermi } from '@/utils/permission'
|
||||||
|
|
||||||
const userOptions = ref([])
|
const userOptions = ref([])
|
||||||
const allUserOptions = ref([])
|
const allUserOptions = ref([])
|
||||||
@@ -400,9 +422,14 @@ async function getOptions() {
|
|||||||
getCurdSchemas()
|
getCurdSchemas()
|
||||||
}
|
}
|
||||||
const deliveryDialog = ref()
|
const deliveryDialog = ref()
|
||||||
function handleDelivery(row) {
|
// function handleDelivery(row) {
|
||||||
deliveryDialog.value.open(row)
|
// deliveryDialog.value.open(row)
|
||||||
}
|
// }
|
||||||
|
|
||||||
|
// const addProductDialog = ref()
|
||||||
|
// function handleAddProduct(row) {
|
||||||
|
// addProductDialog.value.open(row.signId, prodOptions.value)
|
||||||
|
// }
|
||||||
|
|
||||||
const batchIds = ref([])
|
const batchIds = ref([])
|
||||||
function handleSelectionChange(val) {
|
function handleSelectionChange(val) {
|
||||||
@@ -460,39 +487,51 @@ function handleBatchUpdateInstall() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function handleChangeProdoce(row) {
|
// async function handleRemoveProduct(row) {
|
||||||
try {
|
// try {
|
||||||
// 修改状态的二次确认
|
// // 修改状态的二次确认
|
||||||
await message.confirm('确认要修改生产状态吗?')
|
// await message.confirm(`确认要删除${row.productName}吗?`)
|
||||||
// 发起修改状态
|
// // 发起修改状态
|
||||||
await SignApi.updateProduceStatus({
|
// await SignApi.removeOrderProduct(row.id)
|
||||||
signId: row.signId,
|
// message.success('删除成功')
|
||||||
id: row.id,
|
// // 刷新列表
|
||||||
isProduced: row.isProduced
|
// getTableList()
|
||||||
})
|
// } catch {}
|
||||||
message.success('修改成功')
|
// }
|
||||||
// 刷新列表
|
|
||||||
getTableList()
|
|
||||||
} catch {
|
|
||||||
// 取消后,进行恢复按钮
|
|
||||||
row.isProduced = !row.isProduced
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const expendRows = ref([])
|
// async function handleChangeProdoce(row) {
|
||||||
async function onDragEnd(ev) {
|
// try {
|
||||||
try {
|
// // 修改状态的二次确认
|
||||||
expendRows.value = [ev.data.signId]
|
// await message.confirm('确认要修改生产状态吗?')
|
||||||
const list = tableObject.value.tableList.find((it) => it.signId == ev.data.signId).signProducts
|
// // 发起修改状态
|
||||||
await SignApi.updateProduceSort(list.map((it) => it.id))
|
// await SignApi.updateProduceStatus({
|
||||||
message.success('修改成功')
|
// signId: row.signId,
|
||||||
// 刷新列表
|
// id: row.id,
|
||||||
getTableList()
|
// isProduced: row.isProduced
|
||||||
} catch (error) {
|
// })
|
||||||
console.log(error)
|
// message.success('修改成功')
|
||||||
getTableList()
|
// // 刷新列表
|
||||||
}
|
// // getTableList()
|
||||||
}
|
// } catch {
|
||||||
|
// // 取消后,进行恢复按钮
|
||||||
|
// row.isProduced = !row.isProduced
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// const expendRows = ref([])
|
||||||
|
// async function onDragEnd(ev) {
|
||||||
|
// try {
|
||||||
|
// expendRows.value = [ev.data.signId]
|
||||||
|
// const list = tableObject.value.tableList.find((it) => it.signId == ev.data.signId).signProducts
|
||||||
|
// await SignApi.updateProduceSort(list.map((it) => it.id))
|
||||||
|
// message.success('修改成功')
|
||||||
|
// // 刷新列表
|
||||||
|
// getTableList()
|
||||||
|
// } catch (error) {
|
||||||
|
// console.log(error)
|
||||||
|
// getTableList()
|
||||||
|
// }
|
||||||
|
// }
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped></style>
|
<style lang="scss" scoped></style>
|
||||||
|
|||||||
@@ -116,9 +116,9 @@
|
|||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in supplierOptions"
|
v-for="item in supplierOptions"
|
||||||
:key="item.value"
|
:key="item.id"
|
||||||
:label="item.label"
|
:label="item.supplierName"
|
||||||
:value="item.value"
|
:value="item.id"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -246,6 +246,16 @@
|
|||||||
<el-form-item label="结算金额">
|
<el-form-item label="结算金额">
|
||||||
{{ settleAmount }}
|
{{ settleAmount }}
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="结算日期">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.settlementDate"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期时间"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
:clearable="false"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
<el-form-item label="结算备注" prop="remark">
|
<el-form-item label="结算备注" prop="remark">
|
||||||
<Editor v-model:modelValue="form.remark" />
|
<Editor v-model:modelValue="form.remark" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -267,9 +277,9 @@ import { getSimpleUserList as getUserOption } from '@/api/system/user'
|
|||||||
import { getSimpleProductList } from '@/api/mall/product'
|
import { getSimpleProductList } from '@/api/mall/product'
|
||||||
import * as SettleApi from '@/api/clue/settle'
|
import * as SettleApi from '@/api/clue/settle'
|
||||||
|
|
||||||
import { getDictOptions } from '@/utils/dict'
|
import { getSupplierSimpleList } from '@/api/school/setting/supplier'
|
||||||
import { removeNullField } from '@/utils/index'
|
import { removeNullField } from '@/utils/index'
|
||||||
import { dateFormatter } from '@/utils/formatTime'
|
import { dateFormatter, formatDate } from '@/utils/formatTime'
|
||||||
|
|
||||||
const message = useMessage() // 消息弹窗
|
const message = useMessage() // 消息弹窗
|
||||||
|
|
||||||
@@ -394,6 +404,7 @@ function batchSettle() {
|
|||||||
showDailog.value = true
|
showDailog.value = true
|
||||||
form.value = {
|
form.value = {
|
||||||
settlementIds: selectList.value.map((it) => it.settlementId),
|
settlementIds: selectList.value.map((it) => it.settlementId),
|
||||||
|
settlementDate: formatDate(new Date(), 'YYYY-MM-DD'),
|
||||||
reamrk: undefined
|
reamrk: undefined
|
||||||
}
|
}
|
||||||
settleAmount.value = selectList.value.reduce((pre, cur) => pre + cur.settlementMoney, 0)
|
settleAmount.value = selectList.value.reduce((pre, cur) => pre + cur.settlementMoney, 0)
|
||||||
@@ -419,9 +430,12 @@ async function handleSaveSettle() {
|
|||||||
|
|
||||||
const userOptions = ref([])
|
const userOptions = ref([])
|
||||||
const prodOptions = ref([])
|
const prodOptions = ref([])
|
||||||
const supplierOptions = getDictOptions('erp_supplier')
|
const supplierOptions = ref([])
|
||||||
|
|
||||||
function getOptions() {
|
function getOptions() {
|
||||||
|
getSupplierSimpleList().then((data) => {
|
||||||
|
supplierOptions.value = data
|
||||||
|
})
|
||||||
// 产品
|
// 产品
|
||||||
getSimpleProductList().then((data) => {
|
getSimpleProductList().then((data) => {
|
||||||
prodOptions.value = data
|
prodOptions.value = data
|
||||||
|
|||||||
@@ -18,7 +18,8 @@
|
|||||||
<el-option label="已驳回" :value="4" />
|
<el-option label="已驳回" :value="4" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="appStore.getAppInfo?.instanceType == 1">
|
<template v-if="appStore.getAppInfo?.instanceType == 1">
|
||||||
|
<el-form-item>
|
||||||
<el-select
|
<el-select
|
||||||
v-model="searchForm.receiver"
|
v-model="searchForm.receiver"
|
||||||
placeholder="接待人"
|
placeholder="接待人"
|
||||||
@@ -34,6 +35,76 @@
|
|||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select
|
||||||
|
v-model="searchForm.signSchool"
|
||||||
|
placeholder="选择驾校"
|
||||||
|
filterable
|
||||||
|
clearable
|
||||||
|
@change="changeSchool"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in schoolOptions"
|
||||||
|
:key="item.schoolId"
|
||||||
|
:label="item.schoolName"
|
||||||
|
:value="item.schoolId"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select
|
||||||
|
v-model="searchForm.signPlace"
|
||||||
|
placeholder="选择场地"
|
||||||
|
filterable
|
||||||
|
clearable
|
||||||
|
:disabled="!searchForm.signSchool"
|
||||||
|
@change="changePlace"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in placeOptions"
|
||||||
|
:key="item.placeId"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.placeId"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select
|
||||||
|
v-model="searchForm.signClass"
|
||||||
|
:disabled="!searchForm.signPlace"
|
||||||
|
placeholder="选择班型"
|
||||||
|
filterable
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in classOptions"
|
||||||
|
:key="item.typeId"
|
||||||
|
:label="item.typeName"
|
||||||
|
:value="item.typeId"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select v-model="searchForm.licenseType" placeholder="驾照类型" filterable clearable>
|
||||||
|
<el-option
|
||||||
|
v-for="item in getDictOptions(DICT_TYPE.LINCENSE_TYPE)"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select v-model="searchForm.area" placeholder="选择区域" clearable filterable>
|
||||||
|
<el-option
|
||||||
|
v-for="item in areaOptions"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
<el-form-item v-else-if="appStore.getAppInfo?.instanceType == 2">
|
<el-form-item v-else-if="appStore.getAppInfo?.instanceType == 2">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="searchForm.convertPeople"
|
v-model="searchForm.convertPeople"
|
||||||
@@ -121,6 +192,7 @@
|
|||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button @click="handleSearch" v-hasPermi="['clue:order:return-search']">查询</el-button>
|
<el-button @click="handleSearch" v-hasPermi="['clue:order:return-search']">查询</el-button>
|
||||||
<el-button @click="handleReset" v-hasPermi="['clue:order:return-reset']">重置</el-button>
|
<el-button @click="handleReset" v-hasPermi="['clue:order:return-reset']">重置</el-button>
|
||||||
|
<el-button @click="handleExport" v-hasPermi="['clue:order:return-export']">导出</el-button>
|
||||||
<el-button @click="batchAudit" v-hasPermi="['clue:order:return-batch-audit']">
|
<el-button @click="batchAudit" v-hasPermi="['clue:order:return-batch-audit']">
|
||||||
批量审核
|
批量审核
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -198,6 +270,30 @@
|
|||||||
<div v-else>{{ row.isPayoff }}</div>
|
<div v-else>{{ row.isPayoff }}</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
v-if="appStore.getAppInfo?.instanceType == 1"
|
||||||
|
prop="signSchool"
|
||||||
|
label="报名驾校"
|
||||||
|
min-width="90"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
v-if="appStore.getAppInfo?.instanceType == 1"
|
||||||
|
prop="signPlace"
|
||||||
|
label="报名场地"
|
||||||
|
min-width="90"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
v-if="appStore.getAppInfo?.instanceType == 1"
|
||||||
|
prop="signClass"
|
||||||
|
label="报名班型"
|
||||||
|
min-width="90"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
v-if="appStore.getAppInfo?.instanceType == 1"
|
||||||
|
prop="licenseType"
|
||||||
|
label="驾照类型"
|
||||||
|
min-width="90"
|
||||||
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
v-if="appStore.getAppInfo?.instanceType == 1"
|
v-if="appStore.getAppInfo?.instanceType == 1"
|
||||||
prop="receiverName"
|
prop="receiverName"
|
||||||
@@ -317,6 +413,10 @@
|
|||||||
<script setup name="Reback">
|
<script setup name="Reback">
|
||||||
import * as FeebackApi from '@/api/clue/payment'
|
import * as FeebackApi from '@/api/clue/payment'
|
||||||
import { getSimpleUserList as getUserOption, getAllUserList } from '@/api/system/user'
|
import { getSimpleUserList as getUserOption, getAllUserList } from '@/api/system/user'
|
||||||
|
import { getPlaceList } from '@/api/school/place'
|
||||||
|
import { getClassTypeList } from '@/api/school/class'
|
||||||
|
import { getAreaSimpleList } from '@/api/school/setting/area'
|
||||||
|
import { DICT_TYPE, getDictOptions } from '@/utils/dict'
|
||||||
import { useUserStore } from '@/store/modules/user'
|
import { useUserStore } from '@/store/modules/user'
|
||||||
|
|
||||||
import DialogFeebackAudit from './DialogFeebackAudit.vue'
|
import DialogFeebackAudit from './DialogFeebackAudit.vue'
|
||||||
@@ -324,8 +424,10 @@ import DialogFeebackDetail from './DialogFeebackDetail.vue'
|
|||||||
import DialogBatchAudit from './DialogBatchAudit.vue'
|
import DialogBatchAudit from './DialogBatchAudit.vue'
|
||||||
|
|
||||||
import { removeNullField } from '@/utils'
|
import { removeNullField } from '@/utils'
|
||||||
|
import download from '@/utils/download'
|
||||||
import { useAppStore } from '@/store/modules/app'
|
import { useAppStore } from '@/store/modules/app'
|
||||||
import { dateFormatter, formatDate } from '@/utils/formatTime'
|
import { dateFormatter, formatDate } from '@/utils/formatTime'
|
||||||
|
import { ElLoading } from 'element-plus'
|
||||||
|
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
const message = useMessage() // 消息弹窗
|
const message = useMessage() // 消息弹窗
|
||||||
@@ -352,6 +454,13 @@ const searchForm = ref({
|
|||||||
const userOptions = ref([])
|
const userOptions = ref([])
|
||||||
const allUserOptions = ref([])
|
const allUserOptions = ref([])
|
||||||
|
|
||||||
|
const schoolOptions = ref([])
|
||||||
|
const allPlaceOptions = ref([])
|
||||||
|
|
||||||
|
const placeOptions = computed(() => {
|
||||||
|
return allPlaceOptions.value.filter((it) => it.schoolId == searchForm.value.signSchool)
|
||||||
|
})
|
||||||
|
|
||||||
const tableList = ref([])
|
const tableList = ref([])
|
||||||
const total = ref(0)
|
const total = ref(0)
|
||||||
|
|
||||||
@@ -373,11 +482,31 @@ function handleReset() {
|
|||||||
applyUser: undefined,
|
applyUser: undefined,
|
||||||
checkTime: [],
|
checkTime: [],
|
||||||
mobile: undefined,
|
mobile: undefined,
|
||||||
|
signSchool: undefined,
|
||||||
|
signPlace: undefined,
|
||||||
|
signClass: undefined,
|
||||||
|
area: undefined,
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 20
|
pageSize: 20
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function changeSchool() {
|
||||||
|
searchForm.value.signPlace = undefined
|
||||||
|
searchForm.value.signClass = undefined
|
||||||
|
}
|
||||||
|
|
||||||
|
function changePlace() {
|
||||||
|
searchForm.value.signClass = undefined
|
||||||
|
getClassTypeOptions()
|
||||||
|
}
|
||||||
|
|
||||||
|
const classOptions = ref([])
|
||||||
|
async function getClassTypeOptions() {
|
||||||
|
const data = await getClassTypeList({ placeId: searchForm.value.signPlace, status: 0 })
|
||||||
|
classOptions.value = data
|
||||||
|
}
|
||||||
|
|
||||||
const totalInfo = ref({})
|
const totalInfo = ref({})
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
async function getList() {
|
async function getList() {
|
||||||
@@ -392,6 +521,26 @@ async function getList() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function handleExport() {
|
||||||
|
try {
|
||||||
|
ElLoading.service({
|
||||||
|
lock: true,
|
||||||
|
text: '正在导出数据,请稍后...',
|
||||||
|
background: 'rgba(0, 0, 0, 0.7)'
|
||||||
|
})
|
||||||
|
const params = removeNullField(searchForm.value)
|
||||||
|
delete params.pageNo
|
||||||
|
delete params.pageSize
|
||||||
|
const data = await FeebackApi.exportPayment(params)
|
||||||
|
download.excel(data, `汇款记录表${new Date().getTime()}.xls`)
|
||||||
|
} finally {
|
||||||
|
setTimeout(() => {
|
||||||
|
const loadingInstance = ElLoading.service()
|
||||||
|
loadingInstance.close()
|
||||||
|
}, 400)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const batchIds = ref([])
|
const batchIds = ref([])
|
||||||
function handleSelectionChange(val) {
|
function handleSelectionChange(val) {
|
||||||
batchIds.value = val.map((it) => it.id)
|
batchIds.value = val.map((it) => it.id)
|
||||||
@@ -400,7 +549,7 @@ function handleSelectionChange(val) {
|
|||||||
const batchAuditDialog = ref()
|
const batchAuditDialog = ref()
|
||||||
function batchAudit() {
|
function batchAudit() {
|
||||||
if (batchIds.value.length) {
|
if (batchIds.value.length) {
|
||||||
batchAuditDialog.value.open('aftersale', batchIds.value)
|
batchAuditDialog.value.open('feeback', batchIds.value)
|
||||||
} else {
|
} else {
|
||||||
message.info('请选择表格中需要审核的数据')
|
message.info('请选择表格中需要审核的数据')
|
||||||
}
|
}
|
||||||
@@ -427,7 +576,17 @@ function handleAudit(row) {
|
|||||||
feebackDialog.value.open(row)
|
feebackDialog.value.open(row)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const areaOptions = ref([])
|
||||||
function getOptions() {
|
function getOptions() {
|
||||||
|
// 驾校
|
||||||
|
getPlaceList({ placeStatus: 0, schoolStatus: 0, isSearchSchool: true }).then((data) => {
|
||||||
|
schoolOptions.value = data.schoolList
|
||||||
|
allPlaceOptions.value = data.placeList
|
||||||
|
})
|
||||||
|
// 区域
|
||||||
|
getAreaSimpleList().then((data) => {
|
||||||
|
areaOptions.value = data
|
||||||
|
})
|
||||||
getUserOption().then((data) => {
|
getUserOption().then((data) => {
|
||||||
userOptions.value = data
|
userOptions.value = data
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -248,6 +248,16 @@
|
|||||||
<el-form-item label="结算金额">
|
<el-form-item label="结算金额">
|
||||||
{{ settleAmount }}
|
{{ settleAmount }}
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="结算日期">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.settlementDate"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期时间"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
:clearable="false"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
<el-form-item label="结算备注" prop="remark">
|
<el-form-item label="结算备注" prop="remark">
|
||||||
<Editor v-model:modelValue="form.remark" />
|
<Editor v-model:modelValue="form.remark" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -270,7 +280,7 @@ import { getPlaceList } from '@/api/school/place'
|
|||||||
import { getClassTypeList } from '@/api/school/class'
|
import { getClassTypeList } from '@/api/school/class'
|
||||||
import * as SettleApi from '@/api/clue/settle'
|
import * as SettleApi from '@/api/clue/settle'
|
||||||
|
|
||||||
import { dateFormatter } from '@/utils/formatTime'
|
import { dateFormatter, formatDate } from '@/utils/formatTime'
|
||||||
import { removeNullField } from '@/utils/index'
|
import { removeNullField } from '@/utils/index'
|
||||||
|
|
||||||
const message = useMessage() // 消息弹窗
|
const message = useMessage() // 消息弹窗
|
||||||
@@ -395,6 +405,7 @@ function batchSettle() {
|
|||||||
showDailog.value = true
|
showDailog.value = true
|
||||||
form.value = {
|
form.value = {
|
||||||
settlementIds: selectList.value.map((it) => it.settlementId),
|
settlementIds: selectList.value.map((it) => it.settlementId),
|
||||||
|
settlementDate: formatDate(new Date()),
|
||||||
reamrk: undefined
|
reamrk: undefined
|
||||||
}
|
}
|
||||||
settleAmount.value = selectList.value.reduce((pre, cur) => pre + cur.settlementMoney, 0)
|
settleAmount.value = selectList.value.reduce((pre, cur) => pre + cur.settlementMoney, 0)
|
||||||
|
|||||||
@@ -82,7 +82,7 @@ async function initMap() {
|
|||||||
}
|
}
|
||||||
defaultCity.value = cityInfo.locationName
|
defaultCity.value = cityInfo.locationName
|
||||||
AMapLoader.load({
|
AMapLoader.load({
|
||||||
key: '713d839ff505943b0f18e6df45f3b0dc', //设置您的key
|
key: import.meta.env.VITE_AMAP_KEY, //设置您的key
|
||||||
version: '2.0',
|
version: '2.0',
|
||||||
plugins: ['AMap.AutoComplete']
|
plugins: ['AMap.AutoComplete']
|
||||||
}).then((AMap) => {
|
}).then((AMap) => {
|
||||||
|
|||||||
@@ -52,7 +52,7 @@ const form = ref({
|
|||||||
})
|
})
|
||||||
|
|
||||||
const rules = ref({
|
const rules = ref({
|
||||||
originFollowUserId: { required: true, message: '原跟进人不可为空', trigger: 'change' }
|
// originFollowUserId: { required: true, message: '原跟进人不可为空', trigger: 'change' }
|
||||||
// newFollowUserId: { required: true, message: '新跟进人不可为空', trigger: 'change' }
|
// newFollowUserId: { required: true, message: '新跟进人不可为空', trigger: 'change' }
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
:disabled="!row.editable"
|
:disabled="!row.editable"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in props.userOptions"
|
v-for="item in props.allUserOptions"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
:label="item.nickname"
|
:label="item.nickname"
|
||||||
:value="item.id"
|
:value="item.id"
|
||||||
@@ -88,7 +88,7 @@
|
|||||||
<div class="w-100px">线索位置:</div>
|
<div class="w-100px">线索位置:</div>
|
||||||
<el-input v-model="address" disabled placeholder="请输入线索位置" clearable />
|
<el-input v-model="address" disabled placeholder="请输入线索位置" clearable />
|
||||||
</div>
|
</div>
|
||||||
<el-checkbox v-model="showSchool" :label="true" @change="handleShowSchool">
|
<el-checkbox v-model="showSchool" :label="true" :value="true" @change="handleShowSchool">
|
||||||
展示场地
|
展示场地
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
</div>
|
</div>
|
||||||
@@ -170,7 +170,7 @@ const formSchema = computed(() => {
|
|||||||
if (it.field == 'consultTime') {
|
if (it.field == 'consultTime') {
|
||||||
it.componentProps['disabled-date'] = dateAfterToday
|
it.componentProps['disabled-date'] = dateAfterToday
|
||||||
// it.componentProps['disabled'] = formType.value != 'create'
|
// it.componentProps['disabled'] = formType.value != 'create'
|
||||||
it.componentProps['disabled'] = true
|
it.componentProps['disabled'] = appStore.getAppInfo?.instanceType == 1
|
||||||
}
|
}
|
||||||
// else if (it.field == 'convertPeople' && formType.value == 'update') {
|
// else if (it.field == 'convertPeople' && formType.value == 'update') {
|
||||||
// it.componentProps['disabled'] = true
|
// it.componentProps['disabled'] = true
|
||||||
@@ -395,7 +395,7 @@ let geoCoder = ref(null)
|
|||||||
|
|
||||||
function initMap(data) {
|
function initMap(data) {
|
||||||
AMapLoader.load({
|
AMapLoader.load({
|
||||||
key: '713d839ff505943b0f18e6df45f3b0dc', //设置您的key
|
key: import.meta.env.VITE_AMAP_KEY, //设置您的key
|
||||||
version: '2.0',
|
version: '2.0',
|
||||||
plugins: ['AMap.Geocoder', 'AMap.AutoComplete']
|
plugins: ['AMap.Geocoder', 'AMap.AutoComplete']
|
||||||
}).then((AMap) => {
|
}).then((AMap) => {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<Dialog title="成交登记" v-model="show" width="900px">
|
<Dialog title="成交登记" v-model="show" width="1000px">
|
||||||
<template #btn>
|
<template #btn>
|
||||||
<el-button class="mr-20px" type="primary" size="small" @click="handleSave">保存</el-button>
|
<el-button class="mr-20px" type="primary" size="small" @click="handleSave">保存</el-button>
|
||||||
</template>
|
</template>
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
:defaultShow="false"
|
:defaultShow="false"
|
||||||
/>
|
/>
|
||||||
<el-form :model="form" ref="formRef" :rules="rules" label-width="100px" class="mt-20px">
|
<el-form :model="form" ref="formRef" :rules="rules" label-width="100px" class="mt-20px">
|
||||||
<el-row :gutter="20">
|
<el-row>
|
||||||
<!-- 驾校招生模式 -->
|
<!-- 驾校招生模式 -->
|
||||||
<template v-if="appStore.getAppInfo?.instanceType == 1">
|
<template v-if="appStore.getAppInfo?.instanceType == 1">
|
||||||
<el-col :span="8" :offset="0">
|
<el-col :span="8" :offset="0">
|
||||||
@@ -95,8 +95,8 @@
|
|||||||
<el-col :span="8" :offset="0">
|
<el-col :span="8" :offset="0">
|
||||||
<el-form-item label="是否全款">
|
<el-form-item label="是否全款">
|
||||||
<el-radio-group v-model="form.isPayoff">
|
<el-radio-group v-model="form.isPayoff">
|
||||||
<el-radio :label="true"> 全款 </el-radio>
|
<el-radio :label="true" :value="true"> 全款 </el-radio>
|
||||||
<el-radio :label="false"> 非全款 </el-radio>
|
<el-radio :label="false" :value="false"> 非全款 </el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -113,8 +113,8 @@
|
|||||||
<el-col :span="8" :offset="0">
|
<el-col :span="8" :offset="0">
|
||||||
<el-form-item label="公司收款" prop="isCompanyReceipts">
|
<el-form-item label="公司收款" prop="isCompanyReceipts">
|
||||||
<el-radio-group v-model="form.isCompanyReceipts">
|
<el-radio-group v-model="form.isCompanyReceipts">
|
||||||
<el-radio :label="true">是</el-radio>
|
<el-radio :label="true" :value="true">是</el-radio>
|
||||||
<el-radio :label="false">否</el-radio>
|
<el-radio :label="false" :value="false">否</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -165,7 +165,12 @@
|
|||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="fieldItem.component == 'Radio'">
|
<template v-else-if="fieldItem.component == 'Radio'">
|
||||||
<el-radio v-for="item in fieldItem.options" :key="item.id" :label="item.id">
|
<el-radio
|
||||||
|
v-for="item in fieldItem.options"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.id"
|
||||||
|
:value="item.id"
|
||||||
|
>
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -86,7 +86,7 @@
|
|||||||
<el-tab-pane label="详细信息" name="infoDetail">
|
<el-tab-pane label="详细信息" name="infoDetail">
|
||||||
<Descriptions :data="info" :schema="showSchema" :columns="2" />
|
<Descriptions :data="info" :schema="showSchema" :columns="2" />
|
||||||
<div v-if="appStore.getAppInfo?.instanceType == 1">
|
<div v-if="appStore.getAppInfo?.instanceType == 1">
|
||||||
<el-checkbox v-model="showSchool" :label="true" @change="handleShowSchool">
|
<el-checkbox v-model="showSchool" :label="true" :value="true" @change="handleShowSchool">
|
||||||
展示场地
|
展示场地
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
<div id="dialogMap" class="mt-20px" style="height: 400px; width: 100%"></div>
|
<div id="dialogMap" class="mt-20px" style="height: 400px; width: 100%"></div>
|
||||||
@@ -289,7 +289,7 @@ const defaultLatLng = ref({
|
|||||||
|
|
||||||
function initMap(data) {
|
function initMap(data) {
|
||||||
AMapLoader.load({
|
AMapLoader.load({
|
||||||
key: '713d839ff505943b0f18e6df45f3b0dc', //设置您的key
|
key: import.meta.env.VITE_AMAP_KEY, //设置您的key
|
||||||
version: '2.0'
|
version: '2.0'
|
||||||
}).then((AMap) => {
|
}).then((AMap) => {
|
||||||
aMap.value = AMap
|
aMap.value = AMap
|
||||||
|
|||||||
@@ -67,6 +67,7 @@
|
|||||||
class="mt-20px"
|
class="mt-20px"
|
||||||
v-model:tableObject="tableObject"
|
v-model:tableObject="tableObject"
|
||||||
:tableColumns="allSchemas.tableColumns"
|
:tableColumns="allSchemas.tableColumns"
|
||||||
|
rowkey="clueId"
|
||||||
@get-list="getTableList"
|
@get-list="getTableList"
|
||||||
@get-checked-columns="getCheckedColumns"
|
@get-checked-columns="getCheckedColumns"
|
||||||
@selection-change="handleSelectionChange"
|
@selection-change="handleSelectionChange"
|
||||||
@@ -92,6 +93,9 @@
|
|||||||
快速新增
|
快速新增
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-else-if="item.field == 'intentionStateName'">
|
||||||
|
<DictTag type="intention_state" :value="row.intentionState + ''" />
|
||||||
|
</div>
|
||||||
<div v-else-if="item.field == 'contact'">
|
<div v-else-if="item.field == 'contact'">
|
||||||
<span>{{ row[item.field] }}</span>
|
<span>{{ row[item.field] }}</span>
|
||||||
<Icon class="ml-5px" icon="ep:phone" @click="makeCall(row.contact)" />
|
<Icon class="ml-5px" icon="ep:phone" @click="makeCall(row.contact)" />
|
||||||
@@ -132,7 +136,7 @@
|
|||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
link
|
link
|
||||||
:disabled="scope.row.state == '成交'"
|
:disabled="appStore.getAppInfo?.instanceType == 1 && scope.row.state == '成交'"
|
||||||
@click="handleSuccess(scope.row)"
|
@click="handleSuccess(scope.row)"
|
||||||
v-hasPermi="['clue:pool:enroll']"
|
v-hasPermi="['clue:pool:enroll']"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -7,21 +7,64 @@
|
|||||||
:rules="formRules"
|
:rules="formRules"
|
||||||
label-width="80px"
|
label-width="80px"
|
||||||
>
|
>
|
||||||
<el-form-item v-if="formData.parentSource" label="上级来源">
|
<el-row :gutter="20">
|
||||||
|
<el-col v-if="formData.parentSource" :span="12" :offset="0">
|
||||||
|
<el-form-item label="上级来源">
|
||||||
<el-input v-model="formData.parentSource" disabled />
|
<el-input v-model="formData.parentSource" disabled />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="来源名称" prop="sourceName">
|
<el-form-item label="来源名称" prop="sourceName">
|
||||||
<el-input v-model="formData.sourceName" placeholder="请输入来源名称" />
|
<el-input v-model="formData.sourceName" placeholder="请输入来源名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="排序" prop="sort">
|
<el-form-item label="排序" prop="sort">
|
||||||
<el-input v-model="formData.sort" placeholder="请输入排序" type="number" :min="0" />
|
<el-input v-model="formData.sort" placeholder="请输入排序" type="number" :min="0" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="状态" prop="status">
|
<el-form-item label="状态" prop="status">
|
||||||
<el-radio-group v-model="formData.status">
|
<el-radio-group v-model="formData.status">
|
||||||
<el-radio :label="0"> 启用 </el-radio>
|
<el-radio :label="0"> 启用 </el-radio>
|
||||||
<el-radio :label="1"> 禁用 </el-radio>
|
<el-radio :label="1"> 禁用 </el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="开户费用" prop="accountFee">
|
||||||
|
<el-input-number
|
||||||
|
v-model="formData.accountFee"
|
||||||
|
:controls="false"
|
||||||
|
style="width: 100%"
|
||||||
|
:min="0"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="开户日期" prop="accountStartTime">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="formData.accountStartTime"
|
||||||
|
type="date"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
placeholder="选择日期时间"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="到期日期" prop="accountEndTime">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="formData.accountEndTime"
|
||||||
|
type="date"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
placeholder="选择日期时间"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="24" :offset="0">
|
||||||
<el-form-item label="备注" prop="remark">
|
<el-form-item label="备注" prop="remark">
|
||||||
<el-input
|
<el-input
|
||||||
type="textarea"
|
type="textarea"
|
||||||
@@ -30,7 +73,64 @@
|
|||||||
:autosize="{ minRows: 4, maxRows: 8 }"
|
:autosize="{ minRows: 4, maxRows: 8 }"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
|
<el-divider direction="horizontal" content-position="left">线索成本</el-divider>
|
||||||
|
|
||||||
|
<el-button class="mb-10px" type="primary" @click="handleAddPrice"> 添加年份 </el-button>
|
||||||
|
<el-table :data="formData.sourceCostVOS" border>
|
||||||
|
<el-table-column label="年份" width="120">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="row.year"
|
||||||
|
type="year"
|
||||||
|
placeholder="选择年份"
|
||||||
|
size="small"
|
||||||
|
format="YYYY"
|
||||||
|
value-format="YYYY"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column v-for="col in 12" :key="col" :label="`${col}月`" width="100px">
|
||||||
|
<el-table-column label="充值">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-input-number
|
||||||
|
v-model="row.monthData[col - 1].rechargeFee"
|
||||||
|
size="small"
|
||||||
|
:min="0"
|
||||||
|
:controls="false"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="消耗">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-input-number
|
||||||
|
v-model="row.monthData[col - 1].consumeFee"
|
||||||
|
size="small"
|
||||||
|
:controls="false"
|
||||||
|
:min="0"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="线索数">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-input-number
|
||||||
|
v-model="row.monthData[col - 1].clueNum"
|
||||||
|
size="small"
|
||||||
|
:controls="false"
|
||||||
|
style="width: 100%"
|
||||||
|
:min="0"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
|
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
@@ -49,6 +149,7 @@ const formLoading = ref(false) // 表单的加载中:1)修改时的数据加
|
|||||||
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
||||||
const formData = ref({
|
const formData = ref({
|
||||||
sourceName: '',
|
sourceName: '',
|
||||||
|
accountFee: undefined,
|
||||||
sort: 1,
|
sort: 1,
|
||||||
remark: ''
|
remark: ''
|
||||||
})
|
})
|
||||||
@@ -111,8 +212,29 @@ const resetForm = () => {
|
|||||||
sourceName: '',
|
sourceName: '',
|
||||||
status: 0,
|
status: 0,
|
||||||
sort: 1,
|
sort: 1,
|
||||||
remark: ''
|
remark: '',
|
||||||
|
costModel: 0,
|
||||||
|
sourceCostVOS: []
|
||||||
}
|
}
|
||||||
formRef.value?.resetFields()
|
formRef.value?.resetFields()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function handleAddPrice() {
|
||||||
|
const obj = {
|
||||||
|
year: undefined,
|
||||||
|
monthData: []
|
||||||
|
}
|
||||||
|
for (let i = 1; i <= 12; i++) {
|
||||||
|
obj.monthData.push({
|
||||||
|
month: i,
|
||||||
|
consumeFee: 0,
|
||||||
|
rechargeFee: 0,
|
||||||
|
clueNum: 0
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (!formData.value.sourceCostVOS) {
|
||||||
|
formData.value.sourceCostVOS = []
|
||||||
|
}
|
||||||
|
formData.value.sourceCostVOS.push(obj)
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
35
src/views/Home/ChannelReport.vue
Normal file
35
src/views/Home/ChannelReport.vue
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-tabs v-model="tabName" type="border-card" tab-position="top">
|
||||||
|
<el-tab-pane label="月度统计" name="monthly">
|
||||||
|
<ChannelMonthly :sourceOptions="sourceOptions" />
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="周期统计" name="period">
|
||||||
|
<ChannelPeriod :sourceOptions="sourceOptions" />
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="ChannelReport">
|
||||||
|
import ChannelMonthly from './Comp/ChannelMonthly.vue'
|
||||||
|
import ChannelPeriod from './Comp/ChannelPeriod.vue'
|
||||||
|
import { getSimpleSourceList } from '@/api/clue/source'
|
||||||
|
import { handleTree } from '@/utils/tree'
|
||||||
|
|
||||||
|
const tabName = ref('monthly')
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getOptions()
|
||||||
|
})
|
||||||
|
|
||||||
|
const sourceOptions = ref([])
|
||||||
|
|
||||||
|
function getOptions() {
|
||||||
|
getSimpleSourceList().then((data) => {
|
||||||
|
sourceOptions.value = handleTree(data, 'sourceId')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -1,7 +1,112 @@
|
|||||||
<template>
|
<template>
|
||||||
<div> 成交率 </div>
|
<div>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form :model="searchForm" label-width="0" inline>
|
||||||
|
<el-form-item>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.year"
|
||||||
|
type="year"
|
||||||
|
format="YYYY"
|
||||||
|
value-format="YYYY"
|
||||||
|
placeholder="选择年"
|
||||||
|
:clearable="false"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input v-model="searchForm.nickname" placeholder="销售姓名" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleSearch">查询</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-table v-loading="loading" :data="tableList" border stripe>
|
||||||
|
<el-table-column type="index" width="50" fixed="left" />
|
||||||
|
<el-table-column prop="nickname" label="姓名" width="80" fixed="left" />
|
||||||
|
<el-table-column
|
||||||
|
v-for="(item, index) in 12"
|
||||||
|
:key="index"
|
||||||
|
:label="item + '月'"
|
||||||
|
sortable
|
||||||
|
min-width="150"
|
||||||
|
:sort-method="(pre, cur) => monthSort(pre, cur, index)"
|
||||||
|
>
|
||||||
|
<template #default="{ row }">
|
||||||
|
<span>{{ (row.monthClueSignRateReportList[index].rate * 100).toFixed(2) }}%</span>
|
||||||
|
<span>({{ row.monthClueSignRateReportList[index].clueSignNum }}/</span>
|
||||||
|
<span>{{ row.monthClueSignRateReportList[index].followClueNum }})</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="总成交率"
|
||||||
|
prop="totalRate"
|
||||||
|
min-width="150"
|
||||||
|
fixed="right"
|
||||||
|
sortable
|
||||||
|
:sort-method="totalSort"
|
||||||
|
/>
|
||||||
|
</el-table>
|
||||||
|
</ContentWrap>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="CloseRate"></script>
|
<script setup name="CloseRate">
|
||||||
|
import * as reportApi from '@/api/home/reportSignRate'
|
||||||
|
import { removeNullField } from '@/utils'
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
handleReset()
|
||||||
|
handleSearch()
|
||||||
|
})
|
||||||
|
|
||||||
|
const searchForm = ref({})
|
||||||
|
|
||||||
|
function handleReset() {
|
||||||
|
searchForm.value = {
|
||||||
|
nickname: undefined,
|
||||||
|
year: new Date().getFullYear() + ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const loading = ref(false)
|
||||||
|
const tableList = ref([])
|
||||||
|
async function handleSearch() {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await reportApi.getList(removeNullField(searchForm.value))
|
||||||
|
tableList.value = data.map((item) => {
|
||||||
|
const count = item.monthClueSignRateReportList.reduce(
|
||||||
|
(pre, cur) => {
|
||||||
|
return {
|
||||||
|
signCount: pre.signCount + cur.clueSignNum,
|
||||||
|
clueCount: pre.clueCount + cur.followClueNum
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ signCount: 0, clueCount: 0 }
|
||||||
|
)
|
||||||
|
const rate = count.clueCount > 0 ? ((count.signCount * 100) / count.clueCount).toFixed(2) : 0
|
||||||
|
return {
|
||||||
|
...item,
|
||||||
|
totalRate: `${rate}%(${count.signCount}/${count.clueCount})`,
|
||||||
|
totalRateNum: rate
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function totalSort(pre, cur) {
|
||||||
|
return Number(pre.totalRateNum) - Number(cur.totalRateNum)
|
||||||
|
}
|
||||||
|
|
||||||
|
function monthSort(pre, cur, idx) {
|
||||||
|
return (
|
||||||
|
Number(pre.monthClueSignRateReportList[idx].rate) -
|
||||||
|
Number(cur.monthClueSignRateReportList[idx].rate)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped></style>
|
<style lang="scss" scoped></style>
|
||||||
|
|||||||
62
src/views/Home/Comp/BarSalerClueReport.vue
Normal file
62
src/views/Home/Comp/BarSalerClueReport.vue
Normal file
@@ -0,0 +1,62 @@
|
|||||||
|
<template>
|
||||||
|
<Echart :options="optionsData" :width="400" :height="200" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="BarSalerClueReport">
|
||||||
|
import { set } from 'lodash-es'
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
nextTick(() => {
|
||||||
|
getReportData()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
const optionsData = ref({})
|
||||||
|
|
||||||
|
const getReportData = async () => {
|
||||||
|
// const data = await HomeApi.getClueSignSignRate()
|
||||||
|
set(optionsData, 'radiusAxis', {
|
||||||
|
type: 'category',
|
||||||
|
data: ['宝典', '一点通', '抖音', '小红书'],
|
||||||
|
z: 10
|
||||||
|
})
|
||||||
|
set(optionsData, 'series', [
|
||||||
|
{
|
||||||
|
type: 'bar',
|
||||||
|
data: [1, 2, 3, 4],
|
||||||
|
coordinateSystem: 'polar',
|
||||||
|
name: '高意向A',
|
||||||
|
stack: 'a',
|
||||||
|
emphasis: {
|
||||||
|
focus: 'series'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'bar',
|
||||||
|
data: [2, 4, 6, 8],
|
||||||
|
coordinateSystem: 'polar',
|
||||||
|
name: '中意向B',
|
||||||
|
stack: 'a',
|
||||||
|
emphasis: {
|
||||||
|
focus: 'series'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'bar',
|
||||||
|
data: [1, 2, 3, 4],
|
||||||
|
coordinateSystem: 'polar',
|
||||||
|
name: '低意向C',
|
||||||
|
stack: 'a',
|
||||||
|
emphasis: {
|
||||||
|
focus: 'series'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
])
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
getReportData
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
148
src/views/Home/Comp/ChannelMonthly.vue
Normal file
148
src/views/Home/Comp/ChannelMonthly.vue
Normal file
@@ -0,0 +1,148 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form :model="searchForm" label-width="0" inline>
|
||||||
|
<el-form-item>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.period"
|
||||||
|
type="month"
|
||||||
|
format="YYYY-MM"
|
||||||
|
value-format="YYYY-MM"
|
||||||
|
placeholder="选择年月"
|
||||||
|
:clearable="false"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-tree-select
|
||||||
|
v-model="searchForm.sourceId"
|
||||||
|
:data="props.sourceOptions"
|
||||||
|
:props="defaultProps"
|
||||||
|
check-strictly
|
||||||
|
filterable
|
||||||
|
node-key="sourceId"
|
||||||
|
placeholder="请选择渠道"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleSearch">查询</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="tableList"
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
:summary-method="getSummaries"
|
||||||
|
show-summary
|
||||||
|
>
|
||||||
|
<el-table-column prop="sourceName" label="渠道名称" />
|
||||||
|
<el-table-column prop="newClueSignNum" label="新线索当月成交数" sortable>
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="当月咨询且当月成交的线索数" /> <span>新线索当月成交数</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="newClueNum" label="新线索总数" sortable>
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="当月咨询的线索数" /> <span>新线索总数</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="rate" label="新线索当月成交率" sortable :formatter="parseRate" />
|
||||||
|
<el-table-column prop="reallyClueSignNum" sortable>
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="成交日期在本月的线索数" /> <span>当月总成交数</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="ChannelMonthly">
|
||||||
|
import * as reportApi from '@/api/home/reportChannel'
|
||||||
|
import { removeNullField } from '@/utils'
|
||||||
|
import { formatDate } from '@/utils/formatTime'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
sourceOptions: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const defaultProps = {
|
||||||
|
children: 'children',
|
||||||
|
label: 'sourceName',
|
||||||
|
value: 'sourceId',
|
||||||
|
isLeaf: 'leaf'
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getOptions()
|
||||||
|
handleReset()
|
||||||
|
handleSearch()
|
||||||
|
})
|
||||||
|
|
||||||
|
const searchForm = ref({})
|
||||||
|
|
||||||
|
function handleReset() {
|
||||||
|
searchForm.value = {
|
||||||
|
sourceId: undefined,
|
||||||
|
period: formatDate(new Date(), 'YYYY-MM')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getOptions() {}
|
||||||
|
|
||||||
|
const loading = ref(false)
|
||||||
|
const tableList = ref([])
|
||||||
|
async function handleSearch() {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await reportApi.getList(removeNullField(searchForm.value))
|
||||||
|
tableList.value = data
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseRate(row) {
|
||||||
|
return Number(row.rate * 100).toFixed(2) + '%'
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSummaries({ columns, data }) {
|
||||||
|
let sums = []
|
||||||
|
columns.forEach((column, index) => {
|
||||||
|
if (index == 0) {
|
||||||
|
sums[index] = '合计'
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const values = data.map((item) => Number(item[column.property]))
|
||||||
|
if (!values.every((value) => Number.isNaN(value))) {
|
||||||
|
if (column.property == 'rate') {
|
||||||
|
const sum = data.reduce(
|
||||||
|
(pre, cur) => ({
|
||||||
|
clueNum: pre.clueNum + cur.newClueNum,
|
||||||
|
signNum: pre.signNum + cur.newClueSignNum
|
||||||
|
}),
|
||||||
|
{ clueNum: 0, signNum: 0 }
|
||||||
|
)
|
||||||
|
sums[index] = sum.clueNum > 0 ? ((sum.signNum * 100) / sum.clueNum).toFixed(2) + '%' : 0
|
||||||
|
} else {
|
||||||
|
sums[index] = values.reduce((prev, curr) => {
|
||||||
|
const value = Number(curr)
|
||||||
|
if (!Number.isNaN(value)) {
|
||||||
|
return prev + curr
|
||||||
|
} else {
|
||||||
|
return prev
|
||||||
|
}
|
||||||
|
}, 0)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
sums[index] = ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return sums
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
170
src/views/Home/Comp/ChannelPeriod.vue
Normal file
170
src/views/Home/Comp/ChannelPeriod.vue
Normal file
@@ -0,0 +1,170 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form ref="searchRef" :model="searchForm" :rules="searchRules" label-width="100px" inline>
|
||||||
|
<el-form-item label="咨询日期" prop="consultDate">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.consultDate"
|
||||||
|
type="daterange"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
start-placeholder="选择日期"
|
||||||
|
end-placeholder="选择日期"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="成交周期" prop="periodNumber">
|
||||||
|
<el-input-number
|
||||||
|
v-model="searchForm.periodNumber"
|
||||||
|
:min="1"
|
||||||
|
:controls="false"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="渠道来源" prop="sourceId">
|
||||||
|
<el-tree-select
|
||||||
|
v-model="searchForm.sourceId"
|
||||||
|
:data="props.sourceOptions"
|
||||||
|
:props="defaultProps"
|
||||||
|
check-strictly
|
||||||
|
filterable
|
||||||
|
node-key="sourceId"
|
||||||
|
placeholder="请选择渠道"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleSearch">查询</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="tableList"
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
:summary-method="getSummaries"
|
||||||
|
show-summary
|
||||||
|
>
|
||||||
|
<el-table-column prop="sourceName" label="渠道名称" />
|
||||||
|
<el-table-column prop="newClueSignNum" label="新线索成交数" sortable>
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="咨询日期在查询范围内,且在所查成交周期内成交的线索数" />
|
||||||
|
<span>新线索成交数</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="newClueNum" label="新线索总数" sortable>
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="咨询日期在查询范围内,咨询的线索数" /> <span>新线索总数</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="rate" label="新线索成交率" sortable :formatter="parseRate" />
|
||||||
|
</el-table>
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="ChannelPeriod">
|
||||||
|
import { getPeriodList } from '@/api/home/reportChannel'
|
||||||
|
import { removeNullField } from '@/utils'
|
||||||
|
import { formatDate } from '@/utils/formatTime'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
sourceOptions: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const defaultProps = {
|
||||||
|
children: 'children',
|
||||||
|
label: 'sourceName',
|
||||||
|
value: 'sourceId',
|
||||||
|
isLeaf: 'leaf'
|
||||||
|
}
|
||||||
|
|
||||||
|
const searchRef = ref()
|
||||||
|
|
||||||
|
const searchRules = {
|
||||||
|
// consultDate: { required: true, type: 'array', message: '请选择咨询日期', trigger: 'change,blur' },
|
||||||
|
periodNumber: { required: true, message: '请输入成交周期', trigger: 'blur' }
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getOptions()
|
||||||
|
handleReset()
|
||||||
|
handleSearch()
|
||||||
|
})
|
||||||
|
|
||||||
|
const searchForm = ref({})
|
||||||
|
|
||||||
|
function handleReset() {
|
||||||
|
const date = new Date()
|
||||||
|
date.setDate(1)
|
||||||
|
searchForm.value = {
|
||||||
|
sourceId: undefined,
|
||||||
|
periodNumber: 30,
|
||||||
|
consultDate: [formatDate(date), formatDate(new Date())]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getOptions() {}
|
||||||
|
|
||||||
|
const loading = ref(false)
|
||||||
|
const tableList = ref([])
|
||||||
|
async function handleSearch() {
|
||||||
|
try {
|
||||||
|
const valid = await searchRef.value.validate()
|
||||||
|
if (!valid) return
|
||||||
|
loading.value = true
|
||||||
|
const params = { ...searchForm.value }
|
||||||
|
if (params.consultDate && params.consultDate.length) {
|
||||||
|
params.startDateTime = params.consultDate[0]
|
||||||
|
params.endDateTime = params.consultDate[1]
|
||||||
|
}
|
||||||
|
const data = await getPeriodList(removeNullField(params))
|
||||||
|
tableList.value = data
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseRate(row) {
|
||||||
|
return Number(row.rate * 100).toFixed(2) + '%'
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSummaries({ columns, data }) {
|
||||||
|
let sums = []
|
||||||
|
columns.forEach((column, index) => {
|
||||||
|
if (index == 0) {
|
||||||
|
sums[index] = '合计'
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const values = data.map((item) => Number(item[column.property]))
|
||||||
|
if (!values.every((value) => Number.isNaN(value))) {
|
||||||
|
if (column.property == 'rate') {
|
||||||
|
const sum = data.reduce(
|
||||||
|
(pre, cur) => ({
|
||||||
|
clueNum: pre.clueNum + cur.newClueNum,
|
||||||
|
signNum: pre.signNum + cur.newClueSignNum
|
||||||
|
}),
|
||||||
|
{ clueNum: 0, signNum: 0 }
|
||||||
|
)
|
||||||
|
sums[index] = sum.clueNum > 0 ? ((sum.signNum * 100) / sum.clueNum).toFixed(2) + '%' : 0
|
||||||
|
} else {
|
||||||
|
sums[index] = values.reduce((prev, curr) => {
|
||||||
|
const value = Number(curr)
|
||||||
|
if (!Number.isNaN(value)) {
|
||||||
|
return prev + curr
|
||||||
|
} else {
|
||||||
|
return prev
|
||||||
|
}
|
||||||
|
}, 0)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
sums[index] = ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return sums
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
402
src/views/Home/Comp/DialogSalerReportDetail.vue
Normal file
402
src/views/Home/Comp/DialogSalerReportDetail.vue
Normal file
@@ -0,0 +1,402 @@
|
|||||||
|
<template>
|
||||||
|
<Dialog :title="dialogTitle" v-model="dialogVisible" width="1000px">
|
||||||
|
<el-form :model="searchForm" label-width="0" inline>
|
||||||
|
<el-form-item>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.consultTime"
|
||||||
|
type="daterange"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
start-placeholder="选择日期"
|
||||||
|
end-placeholder="选择日期"
|
||||||
|
:clearable="false"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-tree-select
|
||||||
|
v-model="searchForm.sourceId"
|
||||||
|
:data="props.sourceOptions"
|
||||||
|
:props="defaultProps"
|
||||||
|
check-strictly
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
node-key="sourceId"
|
||||||
|
placeholder="请选择渠道"
|
||||||
|
@change="sourceChange"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="appStore.getAppInfo?.instanceType == 1">
|
||||||
|
<el-select
|
||||||
|
v-model="searchForm.licenseTypeList"
|
||||||
|
placeholder="选择驾照类型"
|
||||||
|
clearable
|
||||||
|
multiple
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in props.licenseTypeOptions"
|
||||||
|
:key="item.label"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.label"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleSearch">查询</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-tabs v-model="showPane" class="pb-10px">
|
||||||
|
<el-tab-pane label="详细数据" :name="1">
|
||||||
|
<el-table v-loading="loading" :data="tableList" border stripe>
|
||||||
|
<el-table-column prop="sourceName" label="渠道名称" width="100" fixed="left" />
|
||||||
|
<el-table-column prop="newClueNumber" label="新线索数" sortable min-width="100" />
|
||||||
|
<el-table-column prop="signNumber" label="成交数" sortable min-width="100" />
|
||||||
|
<el-table-column
|
||||||
|
prop="signRate"
|
||||||
|
label="成交率"
|
||||||
|
sortable
|
||||||
|
min-width="100"
|
||||||
|
:formatter="(row) => row.signRate + '%'"
|
||||||
|
/>
|
||||||
|
<el-table-column prop="averageSignPeriod" label="成交周期" sortable min-width="100" />
|
||||||
|
<el-table-column
|
||||||
|
prop="grossProfitOfSingleSign"
|
||||||
|
label="毛利/单"
|
||||||
|
sortable
|
||||||
|
min-width="100"
|
||||||
|
/>
|
||||||
|
<el-table-column prop="payPriceOfSingleSign" label="支出/单" sortable min-width="100" />
|
||||||
|
<el-table-column prop="costOfSingleClue" label="线索成本/条" sortable min-width="100" />
|
||||||
|
<el-table-column
|
||||||
|
prop="netProfitOfSingleSign"
|
||||||
|
label="净利润/单"
|
||||||
|
sortable
|
||||||
|
min-width="100"
|
||||||
|
/>
|
||||||
|
<el-table-column label="总线索成本" prop="clueCostTotal" sortable min-width="100" />
|
||||||
|
<el-table-column label="总支出" prop="payPriceTotal" sortable min-width="100" />
|
||||||
|
<el-table-column label="总利润" prop="profitTotal" sortable min-width="100" />
|
||||||
|
</el-table>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="图表展示" :name="2" lazy>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24" :offset="0">
|
||||||
|
<el-checkbox-group v-model="showChannel" @change="setReportData">
|
||||||
|
<el-checkbox v-for="(item, index) in channelArr" :key="index" :label="item" />
|
||||||
|
</el-checkbox-group>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-skeleton :loading="loading" animated>
|
||||||
|
<Echart :options="echart1Option" width="100%" :height="400" />
|
||||||
|
</el-skeleton>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0" v-if="appStore.getAppInfo?.instanceType == 1">
|
||||||
|
<Echart :options="echart2Option" width="100%" :height="400" />
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" :offset="0">
|
||||||
|
<Echart :options="echart3Option" width="100%" :height="400" />
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</Dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="DialogSalerReportDetail">
|
||||||
|
import { set } from 'lodash-es'
|
||||||
|
import * as reportApi from '@/api/home/reportSaler'
|
||||||
|
import { getIntDictOptions } from '@/utils/dict'
|
||||||
|
import { removeNullField } from '@/utils'
|
||||||
|
import { useAppStore } from '@/store/modules/app'
|
||||||
|
import { formatDate } from '@/utils/formatTime'
|
||||||
|
|
||||||
|
const appStore = useAppStore()
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
licenseTypeOptions: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
},
|
||||||
|
sourceOptions: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const defaultProps = {
|
||||||
|
children: 'children',
|
||||||
|
label: 'sourceName',
|
||||||
|
value: 'sourceId',
|
||||||
|
isLeaf: 'leaf'
|
||||||
|
}
|
||||||
|
|
||||||
|
const showChannel = ref([])
|
||||||
|
const intentionOptions = getIntDictOptions('intention_state')
|
||||||
|
|
||||||
|
const channelArr = computed(() => {
|
||||||
|
if (searchForm.value.sourceId) {
|
||||||
|
let arr =
|
||||||
|
props.sourceOptions.find((it) => it.sourceId == searchForm.value.sourceId)?.children || []
|
||||||
|
return arr.map((it) => it.sourceName)
|
||||||
|
} else {
|
||||||
|
return props.sourceOptions.map((it) => it.sourceName)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const dialogVisible = ref(false) // 弹窗的是否展示
|
||||||
|
const dialogTitle = ref('') // 弹窗的标题
|
||||||
|
const loading = ref(false)
|
||||||
|
const searchForm = ref({})
|
||||||
|
|
||||||
|
const showPane = ref(1)
|
||||||
|
|
||||||
|
function handleReset() {
|
||||||
|
searchForm.value = {
|
||||||
|
nickname: undefined,
|
||||||
|
consultTime: [`${year}-${month}-01`, formatDate(new Date())],
|
||||||
|
licenseTypeList: [],
|
||||||
|
sourceId: undefined
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 打开弹窗 */
|
||||||
|
const open = async (info, queryInfo) => {
|
||||||
|
showPane.value = 1
|
||||||
|
dialogVisible.value = true
|
||||||
|
dialogTitle.value = info.nickname
|
||||||
|
searchForm.value = { ...queryInfo }
|
||||||
|
searchForm.value.userId = info.userId
|
||||||
|
|
||||||
|
sourceChange()
|
||||||
|
}
|
||||||
|
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
||||||
|
|
||||||
|
const tableList = ref([])
|
||||||
|
|
||||||
|
async function handleSearch() {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const params = { ...searchForm.value }
|
||||||
|
const data = await reportApi.getInfo(removeNullField(params))
|
||||||
|
tableList.value = data.sourceDetailVOList
|
||||||
|
setReportData(data)
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function sourceChange() {
|
||||||
|
handleSearch()
|
||||||
|
showChannel.value = channelArr.value
|
||||||
|
}
|
||||||
|
|
||||||
|
const echart1Option = ref({
|
||||||
|
title: {
|
||||||
|
text: '线索分布图'
|
||||||
|
},
|
||||||
|
radiusAxis: {},
|
||||||
|
angleAxis: {},
|
||||||
|
tooltip: {
|
||||||
|
show: true,
|
||||||
|
formatter: '{b0}-{a}: {c}'
|
||||||
|
},
|
||||||
|
polar: {},
|
||||||
|
legend: {
|
||||||
|
show: true,
|
||||||
|
type: 'scroll',
|
||||||
|
left: 100
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const echart2Option = ref({
|
||||||
|
title: {
|
||||||
|
text: '成交分布图'
|
||||||
|
},
|
||||||
|
radiusAxis: {},
|
||||||
|
angleAxis: {},
|
||||||
|
tooltip: {
|
||||||
|
show: true,
|
||||||
|
formatter: '{b0}-{a}: {c}'
|
||||||
|
},
|
||||||
|
polar: {},
|
||||||
|
legend: {
|
||||||
|
show: true,
|
||||||
|
type: 'scroll',
|
||||||
|
left: 100
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const echart3Option = ref({
|
||||||
|
title: {
|
||||||
|
text: '销售雷达图'
|
||||||
|
},
|
||||||
|
radar: {
|
||||||
|
indicator: [
|
||||||
|
{ name: '成交周期' },
|
||||||
|
{ name: '毛利/单' },
|
||||||
|
{ name: '支出/单' },
|
||||||
|
{ name: '线索成本/条' },
|
||||||
|
{ name: '净利润/单' },
|
||||||
|
{ name: '成交率' }
|
||||||
|
// { name: '线索总成本' },
|
||||||
|
// { name: '总支出' },
|
||||||
|
// { name: '总利润' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
show: true,
|
||||||
|
right: '10px',
|
||||||
|
orient: 'vertical'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const setReportData = async (data) => {
|
||||||
|
// const data = await HomeApi.getClueSignSignRate()
|
||||||
|
|
||||||
|
const channelClueArr = showChannel.value.sort((pre, cur) => {
|
||||||
|
const preArr = tableList.value.find((it) => it.sourceName == pre).clueIntentionNumVOList || []
|
||||||
|
const curArr = tableList.value.find((it) => it.sourceName == cur).clueIntentionNumVOList || []
|
||||||
|
const preCount = preArr.reduce((preVal, curVal) => preVal + curVal.intentionNum, 0)
|
||||||
|
const curCount = curArr.reduce((preVal, curVal) => preVal + curVal.intentionNum, 0)
|
||||||
|
return preCount - curCount
|
||||||
|
})
|
||||||
|
|
||||||
|
const arr1 = intentionOptions.map((intention) => {
|
||||||
|
const list = []
|
||||||
|
channelClueArr.map((item) => {
|
||||||
|
const row = tableList.value.find((it) => item == it.sourceName)
|
||||||
|
if (row) {
|
||||||
|
list.push(
|
||||||
|
row.clueIntentionNumVOList.find((it) => it.intentionState == intention.value).intentionNum
|
||||||
|
)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return {
|
||||||
|
type: 'bar',
|
||||||
|
data: list,
|
||||||
|
coordinateSystem: 'polar',
|
||||||
|
name: intention.label,
|
||||||
|
stack: 'a',
|
||||||
|
emphasis: {
|
||||||
|
focus: 'series'
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
show: true,
|
||||||
|
position: 'middle'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const channelSignArr = showChannel.value.sort((pre, cur) => {
|
||||||
|
const preArr = tableList.value.find((it) => it.sourceName == pre).signLicenseTypeNumVOList || []
|
||||||
|
const curArr = tableList.value.find((it) => it.sourceName == cur).signLicenseTypeNumVOList || []
|
||||||
|
const preCount = preArr.reduce((preVal, curVal) => preVal + curVal.licenseTypeNum, 0)
|
||||||
|
const curCount = curArr.reduce((preVal, curVal) => preVal + curVal.licenseTypeNum, 0)
|
||||||
|
return preCount - curCount
|
||||||
|
})
|
||||||
|
const arr2 = props.licenseTypeOptions.map((cartype) => {
|
||||||
|
const list = []
|
||||||
|
channelClueArr.map((item) => {
|
||||||
|
const row = tableList.value.find((it) => item == it.sourceName)
|
||||||
|
if (row) {
|
||||||
|
list.push(
|
||||||
|
row.signLicenseTypeNumVOList.find((it) => it.licenseType == cartype.label).licenseTypeNum
|
||||||
|
)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return {
|
||||||
|
type: 'bar',
|
||||||
|
data: list,
|
||||||
|
coordinateSystem: 'polar',
|
||||||
|
name: cartype.label,
|
||||||
|
stack: 'a',
|
||||||
|
emphasis: {
|
||||||
|
focus: 'series'
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
show: true,
|
||||||
|
position: 'middle'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
set(echart1Option.value, 'radiusAxis', {
|
||||||
|
type: 'category',
|
||||||
|
data: channelClueArr,
|
||||||
|
axisLabel: {
|
||||||
|
margin: 5,
|
||||||
|
fontSize: 10,
|
||||||
|
interval: 0
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
set(echart1Option.value, 'series', arr1)
|
||||||
|
|
||||||
|
set(echart2Option.value, 'radiusAxis', {
|
||||||
|
type: 'category',
|
||||||
|
data: channelSignArr,
|
||||||
|
axisLabel: {
|
||||||
|
margin: 5,
|
||||||
|
fontSize: 10,
|
||||||
|
interval: 0
|
||||||
|
}
|
||||||
|
})
|
||||||
|
set(echart2Option.value, 'series', arr2)
|
||||||
|
const { personDetail, averageDetail } = data
|
||||||
|
set(echart3Option.value, 'series', [
|
||||||
|
{
|
||||||
|
type: 'radar',
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
value: [
|
||||||
|
averageDetail.averageSignPeriod,
|
||||||
|
averageDetail.grossProfitOfSingleSign,
|
||||||
|
averageDetail.payPriceOfSingleSign,
|
||||||
|
averageDetail.costOfSingleClue,
|
||||||
|
averageDetail.netProfitOfSingleSign,
|
||||||
|
averageDetail.signRate
|
||||||
|
// averageDetail.clueCostTotal,
|
||||||
|
// averageDetail.payPriceTotal,
|
||||||
|
// averageDetail.profitTotal
|
||||||
|
],
|
||||||
|
name: '平均水平',
|
||||||
|
lineStyle: {
|
||||||
|
type: 'dashed'
|
||||||
|
},
|
||||||
|
areaStyle: {
|
||||||
|
color: 'rgba(0, 191, 255, 0.6)'
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
show: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: [
|
||||||
|
personDetail.averageSignPeriod,
|
||||||
|
personDetail.grossProfitOfSingleSign,
|
||||||
|
personDetail.payPriceOfSingleSign,
|
||||||
|
personDetail.costOfSingleClue,
|
||||||
|
personDetail.netProfitOfSingleSign,
|
||||||
|
personDetail.signRate
|
||||||
|
// personDetail.clueCostTotal,
|
||||||
|
// personDetail.payPriceTotal,
|
||||||
|
// personDetail.profitTotal
|
||||||
|
],
|
||||||
|
name: dialogTitle.value,
|
||||||
|
areaStyle: {
|
||||||
|
color: 'rgba(255, 145, 124, 0.4)'
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
show: true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
])
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
162
src/views/Home/Comp/SignListCard.vue
Normal file
162
src/views/Home/Comp/SignListCard.vue
Normal file
@@ -0,0 +1,162 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form :model="searchForm" label-width="0" inline>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select v-model="searchForm.detailType" :clearable="false" filterable>
|
||||||
|
<el-option
|
||||||
|
v-for="item in detailTypeOptions"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="searchForm.detailType == 1">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.month"
|
||||||
|
type="month"
|
||||||
|
format="YYYY-MM"
|
||||||
|
value-format="YYYY-MM"
|
||||||
|
placeholder="选择年月"
|
||||||
|
:clearable="false"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="[2, 3].includes(searchForm.detailType)">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.year"
|
||||||
|
type="year"
|
||||||
|
format="YYYY"
|
||||||
|
value-format="YYYY"
|
||||||
|
placeholder="选择年"
|
||||||
|
:clearable="false"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleSearch">查询</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table :data="tableList" border stripe show-summary :summary-method="getSummaries">
|
||||||
|
<el-table-column label="周期" prop="period" width="110px" />
|
||||||
|
<el-table-column label="成交" align="center">
|
||||||
|
<el-table-column prop="signNumber" label="成交数" />
|
||||||
|
<el-table-column prop="signPrice" label="成交额" />
|
||||||
|
<el-table-column prop="signPriceSequentialGrowth" label="环比" :formatter="parseRate" />
|
||||||
|
<el-table-column
|
||||||
|
prop="signPriceSamePeriodCompareGrowth"
|
||||||
|
label="同比"
|
||||||
|
:formatter="parseRate"
|
||||||
|
/>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="利润" align="center">
|
||||||
|
<el-table-column prop="profit">
|
||||||
|
<template #header> <Tooltip message="公司利润" /> <span>利润</span> </template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="profitSequentialGrowth" label="环比" :formatter="parseRate" />
|
||||||
|
<el-table-column prop="profitSamePeriodCompareGrowth" label="同比" :formatter="parseRate" />
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="notReceivedMoney">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="回款列表中未审核的公司利润" /> <span>未到账</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="receivedMoney">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="回款列表中已审核的公司利润" /> <span>已到账</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="waitSettleMoney" label="待结算金额" />
|
||||||
|
<el-table-column prop="settledMoney" label="已结算金额" />
|
||||||
|
<el-table-column prop="refundAmount" label="已退款金额" />
|
||||||
|
<el-table-column prop="remainMoney">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="已到账金额-已结算金额-已退款金额" /> <span>结余</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="SignListCard">
|
||||||
|
import { getList } from '@/api/home/reportSignDetail'
|
||||||
|
import { formatDate } from '@/utils/formatTime'
|
||||||
|
import { removeNullField } from '@/utils'
|
||||||
|
|
||||||
|
const detailTypeOptions = [
|
||||||
|
{ label: '日明细', value: 1 },
|
||||||
|
{ label: '月明细', value: 2 },
|
||||||
|
{ label: '季明细', value: 3 },
|
||||||
|
{ label: '年明细', value: 4 }
|
||||||
|
]
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
handleReset()
|
||||||
|
handleSearch()
|
||||||
|
})
|
||||||
|
|
||||||
|
const searchForm = ref({})
|
||||||
|
|
||||||
|
function handleReset() {
|
||||||
|
searchForm.value = {
|
||||||
|
detailType: 2,
|
||||||
|
month: formatDate(new Date(), 'YYYY-MM'),
|
||||||
|
year: new Date().getFullYear() + ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const loading = ref(false)
|
||||||
|
const tableList = ref([])
|
||||||
|
async function handleSearch() {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
let params = { detailType: searchForm.value.detailType }
|
||||||
|
if (params.detailType == 1) {
|
||||||
|
const d = new Date(searchForm.value.month)
|
||||||
|
params.month = d.getMonth() + 1
|
||||||
|
params.year = d.getFullYear()
|
||||||
|
} else if ([2, 3].includes(params.detailType)) {
|
||||||
|
params.year = searchForm.value.year
|
||||||
|
}
|
||||||
|
const data = await getList(removeNullField(params))
|
||||||
|
tableList.value = data
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseRate(row, column) {
|
||||||
|
return Number(row[column.property] * 100).toFixed(2) + '%'
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSummaries({ columns, data }) {
|
||||||
|
let sums = []
|
||||||
|
columns.forEach((column, index) => {
|
||||||
|
if (index == 0) {
|
||||||
|
sums[index] = '合计'
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const values = data.map((item) => Number(item[column.property]))
|
||||||
|
if (!values.every((value) => Number.isNaN(value))) {
|
||||||
|
if (column.property.includes('Growth')) {
|
||||||
|
sums[index] = ''
|
||||||
|
} else {
|
||||||
|
sums[index] = values
|
||||||
|
.reduce((prev, curr) => {
|
||||||
|
const value = Number(curr)
|
||||||
|
if (!Number.isNaN(value)) {
|
||||||
|
return prev + curr
|
||||||
|
} else {
|
||||||
|
return prev
|
||||||
|
}
|
||||||
|
}, 0)
|
||||||
|
.toFixed(2)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
sums[index] = ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return sums
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
195
src/views/Home/Comp/SignTotalCard.vue
Normal file
195
src/views/Home/Comp/SignTotalCard.vue
Normal file
@@ -0,0 +1,195 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<span class="mr-20px">成交概况</span>
|
||||||
|
<el-dropdown>
|
||||||
|
<el-button size="small"
|
||||||
|
>{{ periodTypeOptions[periodType] }} <Icon icon="ep:arrow-down"
|
||||||
|
/></el-button>
|
||||||
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu>
|
||||||
|
<el-dropdown-item
|
||||||
|
v-for="(item, index) in periodTypeOptions"
|
||||||
|
:key="index"
|
||||||
|
@click="handleSearchTotalInfo(index)"
|
||||||
|
>
|
||||||
|
{{ item }}
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
<el-row :gutter="20" v-loading="infoLoading">
|
||||||
|
<el-col :span="8" :offset="0">
|
||||||
|
<div class="statistic-card">
|
||||||
|
<el-statistic :value="totalData.signNumber" title="成交数" />
|
||||||
|
<div
|
||||||
|
class="statistic-footer"
|
||||||
|
:class="periodType != 4 ? 'justify-between' : 'justify-center'"
|
||||||
|
>
|
||||||
|
<div class="footer-item">
|
||||||
|
<span>环比</span>
|
||||||
|
<span :class="getColor(totalData.signNumberSequentialGrowth)">
|
||||||
|
{{ totalData.signNumberSequentialGrowth }}%
|
||||||
|
<Icon class="ml-2px" :icon="getIcon(totalData.signNumberSequentialGrowth)" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="footer-item" v-if="periodType != 4">
|
||||||
|
<span>同比</span>
|
||||||
|
<span :class="getColor(totalData.signNumberPeriodCompareGrowth)">
|
||||||
|
{{ totalData.signNumberPeriodCompareGrowth }}%
|
||||||
|
<Icon class="ml-2px" :icon="getIcon(totalData.signNumberPeriodCompareGrowth)" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8" :offset="0">
|
||||||
|
<div class="statistic-card">
|
||||||
|
<el-statistic :value="totalData.signPrice" title="成交额" :precision="2" />
|
||||||
|
<div
|
||||||
|
class="statistic-footer"
|
||||||
|
:class="periodType != 4 ? 'justify-between' : 'justify-center'"
|
||||||
|
>
|
||||||
|
<div class="footer-item">
|
||||||
|
<span>环比</span>
|
||||||
|
<span :class="getColor(totalData.signPriceSequentialGrowth)">
|
||||||
|
{{ totalData.signPriceSequentialGrowth }}%
|
||||||
|
<Icon class="ml-2px" :icon="getIcon(totalData.signPriceSequentialGrowth)" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="footer-item" v-if="periodType != 4">
|
||||||
|
<span>同比</span>
|
||||||
|
<span :class="getColor(totalData.signPriceSamePeriodCompareGrowth)">
|
||||||
|
{{ totalData.signPriceSamePeriodCompareGrowth }}%
|
||||||
|
<Icon class="ml-2px" :icon="getIcon(totalData.signPriceSamePeriodCompareGrowth)" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8" :offset="0">
|
||||||
|
<div class="statistic-card">
|
||||||
|
<el-statistic :value="totalData.profit" title="利润" :precision="2" />
|
||||||
|
<div
|
||||||
|
class="statistic-footer"
|
||||||
|
:class="periodType != 4 ? 'justify-between' : 'justify-center'"
|
||||||
|
>
|
||||||
|
<div class="footer-item">
|
||||||
|
<span>环比</span>
|
||||||
|
<span :class="getColor(totalData.profitSequentialGrowth)">
|
||||||
|
{{ totalData.profitSequentialGrowth }}%
|
||||||
|
<Icon class="ml-2px" :icon="getIcon(totalData.profitSequentialGrowth)" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="footer-item" v-if="periodType != 4">
|
||||||
|
<span>同比</span>
|
||||||
|
<span :class="getColor(totalData.profitSamePeriodCompareGrowth)">
|
||||||
|
{{ totalData.profitSamePeriodCompareGrowth }}%
|
||||||
|
<Icon class="ml-2px" :icon="getIcon(totalData.profitSamePeriodCompareGrowth)" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="SignTotalCard">
|
||||||
|
import { getInfo } from '@/api/home/reportSignDetail'
|
||||||
|
|
||||||
|
const periodTypeOptions = ['本日', '本周', '本月', '本季', '本年']
|
||||||
|
|
||||||
|
const periodType = ref(2)
|
||||||
|
const totalData = ref({})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
handleSearchTotalInfo(2)
|
||||||
|
})
|
||||||
|
|
||||||
|
const infoLoading = ref(false)
|
||||||
|
async function handleSearchTotalInfo(index) {
|
||||||
|
periodType.value = index
|
||||||
|
infoLoading.value = true
|
||||||
|
try {
|
||||||
|
const data = await getInfo({ periodType: periodType.value + 1 })
|
||||||
|
totalData.value = data
|
||||||
|
} finally {
|
||||||
|
infoLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getIcon(val) {
|
||||||
|
if (val > 0) {
|
||||||
|
return 'ep:caret-top'
|
||||||
|
} else if (val < 0) {
|
||||||
|
return 'ep:caret-bottom'
|
||||||
|
} else {
|
||||||
|
return 'ep:minus'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getColor(val) {
|
||||||
|
if (val > 0) {
|
||||||
|
return 'green'
|
||||||
|
} else if (val < 0) {
|
||||||
|
return 'red'
|
||||||
|
} else {
|
||||||
|
return 'gley'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.el-col {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
:global(h2#card-usage ~ .example .example-showcase) {
|
||||||
|
background-color: var(--el-fill-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-statistic {
|
||||||
|
--el-statistic-content-font-size: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.statistic-card {
|
||||||
|
height: 100%;
|
||||||
|
// padding: 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background-color: var(--el-bg-color-overlay);
|
||||||
|
}
|
||||||
|
|
||||||
|
.statistic-footer {
|
||||||
|
margin: 16px auto 0;
|
||||||
|
display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--el-text-color-regular);
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.statistic-footer .footer-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.statistic-footer .footer-item span:last-child {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.green {
|
||||||
|
color: var(--el-color-success);
|
||||||
|
}
|
||||||
|
.gley {
|
||||||
|
color: var(--el-color-info);
|
||||||
|
}
|
||||||
|
.red {
|
||||||
|
color: var(--el-color-error);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -13,6 +13,32 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
|
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
|
||||||
<div class="flex h-40px items-center justify-end <sm:mt-10px">
|
<div class="flex h-40px items-center justify-end <sm:mt-10px">
|
||||||
|
<div
|
||||||
|
class="px-8px text-right"
|
||||||
|
@click="router.push({ path: '/Okr/okr-wait', query: { type: 1 } })"
|
||||||
|
>
|
||||||
|
<div class="text-14px text-red-600 mb-20px">今日待办</div>
|
||||||
|
<CountTo
|
||||||
|
class="text-20px number-font"
|
||||||
|
:start-val="0"
|
||||||
|
:end-val="waitCount.dayEndAgentWorkNum"
|
||||||
|
:duration="2600"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<el-divider direction="vertical" border-style="dashed" />
|
||||||
|
<div
|
||||||
|
class="px-8px text-right"
|
||||||
|
@click="router.push({ path: '/Okr/okr-wait', query: { type: 2 } })"
|
||||||
|
>
|
||||||
|
<div class="text-14px text-gray-400 mb-20px">我的待办</div>
|
||||||
|
<CountTo
|
||||||
|
class="text-20px number-font"
|
||||||
|
:start-val="0"
|
||||||
|
:end-val="waitCount.myAgentWorkNum"
|
||||||
|
:duration="2600"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<el-divider direction="vertical" border-style="dashed" />
|
||||||
<div class="px-8px text-right">
|
<div class="px-8px text-right">
|
||||||
<div class="text-14px text-gray-400 mb-20px">今日待跟进</div>
|
<div class="text-14px text-gray-400 mb-20px">今日待跟进</div>
|
||||||
<CountTo
|
<CountTo
|
||||||
@@ -85,8 +111,8 @@
|
|||||||
<div class="flex justify-between items-center">
|
<div class="flex justify-between items-center">
|
||||||
<span>跟进榜Top10</span>
|
<span>跟进榜Top10</span>
|
||||||
<el-radio-group v-model="followDate" size="small" @change="getFollowList">
|
<el-radio-group v-model="followDate" size="small" @change="getFollowList">
|
||||||
<el-radio :label="1">本日</el-radio>
|
<el-radio :label="1" :value="1">本日</el-radio>
|
||||||
<el-radio :label="2">本月</el-radio>
|
<el-radio :label="2" :value="2">本月</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -113,9 +139,16 @@
|
|||||||
</template>
|
</template>
|
||||||
<el-skeleton :loading="loading" animated>
|
<el-skeleton :loading="loading" animated>
|
||||||
<el-table :data="signList" size="small">
|
<el-table :data="signList" size="small">
|
||||||
<el-table-column type="index" />
|
<el-table-column type="index" width="40" />
|
||||||
<el-table-column prop="username" label="姓名" width="100" />
|
<el-table-column prop="username" label="姓名" width="80" />
|
||||||
<el-table-column prop="followNum" label="成交数量" width="70" />
|
<el-table-column prop="followNum" label="成交数量" width="90" sortable />
|
||||||
|
<el-table-column
|
||||||
|
v-if="appStore.getAppInfo?.instanceType != 1"
|
||||||
|
prop="signPrice"
|
||||||
|
label="成交额"
|
||||||
|
min-width="90"
|
||||||
|
sortable
|
||||||
|
/>
|
||||||
<el-table-column prop="deptName" label="所属组织" width="150" />
|
<el-table-column prop="deptName" label="所属组织" width="150" />
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-skeleton>
|
</el-skeleton>
|
||||||
@@ -142,11 +175,13 @@ import { useUserStore } from '@/store/modules/user'
|
|||||||
import avatarImg from '@/assets/imgs/avatar.gif'
|
import avatarImg from '@/assets/imgs/avatar.gif'
|
||||||
import { lineOptions } from './echarts-data'
|
import { lineOptions } from './echarts-data'
|
||||||
import * as HomeApi from '@/api/home/index'
|
import * as HomeApi from '@/api/home/index'
|
||||||
|
import { getWaitCount } from '@/api/okr/wait'
|
||||||
import { useAppStore } from '@/store/modules/app'
|
import { useAppStore } from '@/store/modules/app'
|
||||||
|
|
||||||
const { t } = useI18n()
|
const { t } = useI18n()
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
const appStore = useAppStore()
|
const appStore = useAppStore()
|
||||||
|
const router = useRouter() // 路由对象
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const avatar = userStore.getUser.avatar ? userStore.getUser.avatar : avatarImg
|
const avatar = userStore.getUser.avatar ? userStore.getUser.avatar : avatarImg
|
||||||
const username = userStore.getUser.nickname
|
const username = userStore.getUser.nickname
|
||||||
@@ -236,8 +271,27 @@ function getSignList() {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getWaitTargetCount() {
|
||||||
|
getWaitCount({}).then((res) => {
|
||||||
|
waitCount.value = res
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const waitCount = ref({
|
||||||
|
dayEndAgentWorkNum: 0,
|
||||||
|
myAgentWorkNum: 0,
|
||||||
|
urgeAgentWorkNum: 0,
|
||||||
|
notifyNum: 0
|
||||||
|
})
|
||||||
|
|
||||||
const getAllApi = async () => {
|
const getAllApi = async () => {
|
||||||
await Promise.all([getClueInfo(), getSignList(), getMonthlySaleRate(), getFollowList()])
|
await Promise.all([
|
||||||
|
getClueInfo(),
|
||||||
|
getSignList(),
|
||||||
|
getMonthlySaleRate(),
|
||||||
|
getFollowList(),
|
||||||
|
getWaitTargetCount()
|
||||||
|
])
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
248
src/views/Home/SalesReport.vue
Normal file
248
src/views/Home/SalesReport.vue
Normal file
@@ -0,0 +1,248 @@
|
|||||||
|
<template>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form :model="searchForm" label-width="0" inline>
|
||||||
|
<el-form-item>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.consultTime"
|
||||||
|
type="daterange"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
start-placeholder="选择日期"
|
||||||
|
end-placeholder="选择日期"
|
||||||
|
:clearable="false"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input v-model="searchForm.nickname" placeholder="销售姓名" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-tree-select
|
||||||
|
v-model="searchForm.sourceId"
|
||||||
|
:data="sourceOptions"
|
||||||
|
:props="defaultProps"
|
||||||
|
check-strictly
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
node-key="sourceId"
|
||||||
|
placeholder="请选择渠道"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="appStore.getAppInfo?.instanceType == 1">
|
||||||
|
<el-select
|
||||||
|
v-model="searchForm.licenseTypeList"
|
||||||
|
placeholder="选择驾照类型"
|
||||||
|
clearable
|
||||||
|
multiple
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in licenseTypeOptions"
|
||||||
|
:key="item.label"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.label"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleSearch">查询</el-button>
|
||||||
|
<el-button @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="tableList"
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
show-summary
|
||||||
|
:summary-method="getSummaries"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" width="60" fixed="left" align="center" />
|
||||||
|
<el-table-column prop="nickname" label="姓名" width="80" fixed="left">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button type="primary" style="padding: 0" text @click="handleDetail(row)">{{
|
||||||
|
row.nickname
|
||||||
|
}}</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="newClueNumber" sortable min-width="100">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="咨询日期在所选周期内的线索总数" />
|
||||||
|
<span>新线索数</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="成交数" prop="signNumber" sortable min-width="100">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="成交日期在所选周期内的成交数" />
|
||||||
|
<span>成交数</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="成交率"
|
||||||
|
prop="signRate"
|
||||||
|
sortable
|
||||||
|
min-width="100"
|
||||||
|
:formatter="(row) => row.signRate + '%'"
|
||||||
|
/>
|
||||||
|
<el-table-column label="跟进数/日" prop="dayFollowNumber" sortable min-width="100" />
|
||||||
|
<el-table-column label="成交数/日" prop="daySignNumber" sortable min-width="100" />
|
||||||
|
<el-table-column label="平均成交周期" prop="averageSignPeriod" sortable min-width="100">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="平均每条成交的线索,从咨询开始到成交所需要的天数" />
|
||||||
|
<span>平均成交周期</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="grossProfitOfSingleSign" sortable min-width="100">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip
|
||||||
|
message="平均每笔成交订单的公司利润【按照登记,不按审核到账】=总公司利润/总成交数"
|
||||||
|
/>
|
||||||
|
<span>毛利/单</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="payPriceOfSingleSign" sortable min-width="100">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip
|
||||||
|
message="平均每笔成交订单的额外支出(返费等)【按照登记,不按审核到账】=总支出/总成交数"
|
||||||
|
/>
|
||||||
|
<span>支出/单</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="costOfSingleClue" sortable min-width="100">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="平均每条线索的成本=总线索成本/新线索条数" />
|
||||||
|
<span>线索成本/条</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="netProfitOfSingleSign" sortable min-width="100">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="=(总公司利润-总支出-总线索成本)/总成交数" />
|
||||||
|
<span>净利润/单</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="总线索成本" prop="clueCostTotal" sortable min-width="100" />
|
||||||
|
<el-table-column label="总支出" prop="payPriceTotal" sortable min-width="100" />
|
||||||
|
<el-table-column label="总利润" prop="profitTotal" sortable min-width="100" />
|
||||||
|
<el-table-column prop="efficiency" sortable min-width="100">
|
||||||
|
<template #header>
|
||||||
|
<Tooltip message="=总利润/(总成本+总支出)" />
|
||||||
|
<span>能效</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="撞单数" prop="repeatClueNum" sortable min-width="100" />
|
||||||
|
<el-table-column label="撞单成交数" prop="repeatClueSignNum" sortable min-width="100" />
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<DialogSalerReportDetail
|
||||||
|
:licenseTypeOptions="licenseTypeOptions"
|
||||||
|
:source-options="sourceOptions"
|
||||||
|
ref="SalerDetailDialog"
|
||||||
|
/>
|
||||||
|
</ContentWrap>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="SalesReport">
|
||||||
|
import DialogSalerReportDetail from './Comp/DialogSalerReportDetail.vue'
|
||||||
|
|
||||||
|
import * as reportApi from '@/api/home/reportSaler'
|
||||||
|
import { getSimpleSourceList as getResourceOptions } from '@/api/clue/source'
|
||||||
|
|
||||||
|
import { removeNullField } from '@/utils'
|
||||||
|
import { formatDate } from '@/utils/formatTime'
|
||||||
|
import { handleTree } from '@/utils/tree'
|
||||||
|
import { getIntDictOptions } from '@/utils/dict'
|
||||||
|
import { useAppStore } from '@/store/modules/app'
|
||||||
|
|
||||||
|
const appStore = useAppStore()
|
||||||
|
onMounted(() => {
|
||||||
|
getOptions()
|
||||||
|
handleReset()
|
||||||
|
handleSearch()
|
||||||
|
})
|
||||||
|
|
||||||
|
const defaultProps = {
|
||||||
|
children: 'children',
|
||||||
|
label: 'sourceName',
|
||||||
|
value: 'sourceId',
|
||||||
|
isLeaf: 'leaf'
|
||||||
|
}
|
||||||
|
|
||||||
|
const sourceOptions = ref([])
|
||||||
|
const licenseTypeOptions = ref([])
|
||||||
|
|
||||||
|
const searchForm = ref({})
|
||||||
|
|
||||||
|
function handleReset() {
|
||||||
|
const year = new Date().getFullYear()
|
||||||
|
const month = new Date().getMonth() + 1 + ''
|
||||||
|
searchForm.value = {
|
||||||
|
nickname: undefined,
|
||||||
|
consultTime: [`${year}-${month.padStart(2, '0')}-01`, formatDate(new Date())],
|
||||||
|
licenseTypeList: [],
|
||||||
|
sourceId: undefined
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const loading = ref(false)
|
||||||
|
const tableList = ref([])
|
||||||
|
const avgData = ref({})
|
||||||
|
async function handleSearch() {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await reportApi.getList(removeNullField(searchForm.value))
|
||||||
|
tableList.value = data.personDataVOList
|
||||||
|
avgData.value = data.averageDataVO
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSummaries({ columns, data }) {
|
||||||
|
const sums = []
|
||||||
|
columns.forEach((column, index) => {
|
||||||
|
if (index == 0) {
|
||||||
|
sums[index] = '统计'
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const doubleSumsColumns = [
|
||||||
|
'newClueNumber',
|
||||||
|
'signNumber',
|
||||||
|
'clueCostTotal',
|
||||||
|
'payPriceTotal',
|
||||||
|
'profitTotal'
|
||||||
|
]
|
||||||
|
if (column.property in avgData.value) {
|
||||||
|
sums[index] = `均值: ${avgData.value[column.property]}`
|
||||||
|
} else if (doubleSumsColumns.includes(column.property)) {
|
||||||
|
const values = data.map((item) => Number(item[column.property]))
|
||||||
|
let sum = values.reduce((prev, curr) => prev + curr, 0)
|
||||||
|
let avg = sum / values.length
|
||||||
|
if (['newClueNumber', 'signNumber'].includes(column.property)) {
|
||||||
|
avg = Math.floor(avg)
|
||||||
|
} else {
|
||||||
|
sum = sum.toFixed(2)
|
||||||
|
avg = avg.toFixed(2)
|
||||||
|
}
|
||||||
|
sums[index] = h('div', {}, [h('div', {}, `合计:${sum}`), h('div', {}, `均值:${avg}`)])
|
||||||
|
} else {
|
||||||
|
sums[index] = ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return sums
|
||||||
|
}
|
||||||
|
|
||||||
|
const SalerDetailDialog = ref()
|
||||||
|
function handleDetail(info) {
|
||||||
|
SalerDetailDialog.value.open(info, searchForm.value)
|
||||||
|
}
|
||||||
|
|
||||||
|
function getOptions() {
|
||||||
|
getResourceOptions().then((data) => {
|
||||||
|
sourceOptions.value = handleTree(data, 'sourceId')
|
||||||
|
})
|
||||||
|
licenseTypeOptions.value = getIntDictOptions('license_type')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
13
src/views/Home/SignReport.vue
Normal file
13
src/views/Home/SignReport.vue
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<SignTotalCard />
|
||||||
|
<SignListCard />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="SignReport">
|
||||||
|
import SignTotalCard from './Comp/SignTotalCard.vue'
|
||||||
|
import SignListCard from './Comp/SignListCard.vue'
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div> </div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup></script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped></style>
|
|
||||||
225
src/views/Kpi/Appraise/Components/DialogAppraise.vue
Normal file
225
src/views/Kpi/Appraise/Components/DialogAppraise.vue
Normal file
@@ -0,0 +1,225 @@
|
|||||||
|
<template>
|
||||||
|
<Dialog :title="title" v-model="show" width="800px">
|
||||||
|
<el-form v-loading="formLoading" :model="form" ref="formRef" :rules="rules" label-width="80px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="考核指标" prop="examineTarget">
|
||||||
|
<el-input v-model="form.examineTarget" placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="生效日期" prop="effectiveDate">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.effectiveDate"
|
||||||
|
:disabled="form.id"
|
||||||
|
type="date"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
placeholder="选择日期时间"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24" :offset="0">
|
||||||
|
<el-form-item label="模式" prop="type">
|
||||||
|
<el-radio-group v-model="form.type">
|
||||||
|
<el-radio
|
||||||
|
v-for="(item, index) in prop.kpiModeOoptions"
|
||||||
|
:key="index"
|
||||||
|
:label="item.value"
|
||||||
|
>
|
||||||
|
{{ item.label }}
|
||||||
|
</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="权重" prop="weight">
|
||||||
|
<el-input-number v-model="form.weight" :min="0" :step="1" :controls="false" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="评分上限" prop="examineScore">
|
||||||
|
<el-input-number v-model="form.examineScore" :min="0" :step="1" :controls="false" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24" :offset="0">
|
||||||
|
<el-form-item label="考核内容" prop="examineContent">
|
||||||
|
<Editor
|
||||||
|
v-model:modelValue="form.examineContent"
|
||||||
|
height="150px"
|
||||||
|
:toolbarConfig="{
|
||||||
|
toolbarKeys: []
|
||||||
|
}"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24" :offset="0">
|
||||||
|
<el-form-item label="考核规则" prop="examineRule">
|
||||||
|
<Editor
|
||||||
|
v-model:modelValue="form.examineRule"
|
||||||
|
height="150px"
|
||||||
|
:toolbarConfig="{ toolbarKeys: [] }"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24" :offset="0">
|
||||||
|
<el-form-item label="考核员工" prop="examinedUserIdList">
|
||||||
|
<div>
|
||||||
|
<el-checkbox
|
||||||
|
v-model="checkAll"
|
||||||
|
:indeterminate="isIndeterminate"
|
||||||
|
@change="handleCheckAllChange"
|
||||||
|
>
|
||||||
|
全选
|
||||||
|
</el-checkbox>
|
||||||
|
<el-checkbox-group v-model="form.examinedUserIdList" @change="handleCheckedChange">
|
||||||
|
<el-checkbox
|
||||||
|
v-for="item in employeeOptions"
|
||||||
|
:key="item.id"
|
||||||
|
:disabled="item.status == 1"
|
||||||
|
:label="item.id"
|
||||||
|
:value="item.id"
|
||||||
|
>
|
||||||
|
{{ item.name }}
|
||||||
|
</el-checkbox>
|
||||||
|
</el-checkbox-group>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<span>
|
||||||
|
<el-button @click="show = false">取 消</el-button>
|
||||||
|
<el-button type="primary" :disabled="formLoading" @click="handleSave">保 存</el-button>
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</Dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="DialogAppraise">
|
||||||
|
import * as KpiApi from '@/api/kpi/index.js'
|
||||||
|
|
||||||
|
const prop = defineProps({
|
||||||
|
kpiModeOoptions: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const { t } = useI18n() // 国际化
|
||||||
|
const message = useMessage() // 消息弹窗
|
||||||
|
|
||||||
|
const show = ref(false)
|
||||||
|
const title = ref('')
|
||||||
|
const formType = ref('create')
|
||||||
|
|
||||||
|
const form = ref({})
|
||||||
|
const formLoading = ref(false)
|
||||||
|
const rules = ref({
|
||||||
|
examineTarget: { required: true, message: '标题不可为空', trigger: 'blur' },
|
||||||
|
effectiveDate: { required: true, message: '生效日期不可为空', trigger: 'blur,change' },
|
||||||
|
examineContent: { required: true, message: '标题不可为空', trigger: 'blur' },
|
||||||
|
examineRule: { required: true, message: '标题不可为空', trigger: 'blur' }
|
||||||
|
})
|
||||||
|
|
||||||
|
async function open(type, val) {
|
||||||
|
show.value = true
|
||||||
|
title.value = type == 'update' ? '修改考核项' : '新增考核项'
|
||||||
|
formType.value = type
|
||||||
|
resetForm()
|
||||||
|
if (val) {
|
||||||
|
formLoading.value = true
|
||||||
|
try {
|
||||||
|
form.value = await KpiApi.getKpiDetail(val)
|
||||||
|
} finally {
|
||||||
|
formLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
getOptions()
|
||||||
|
}
|
||||||
|
|
||||||
|
function getOptions() {
|
||||||
|
KpiApi.getKpiEmployees().then((data) => {
|
||||||
|
employeeOptions.value = data
|
||||||
|
if (formType.value == 'update') {
|
||||||
|
handleCheckedChange(form.value.examinedUserIdList)
|
||||||
|
} else {
|
||||||
|
handleCheckAllChange(true)
|
||||||
|
checkAll.value = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function resetForm() {
|
||||||
|
form.value = {
|
||||||
|
examineTarget: '',
|
||||||
|
type: '3',
|
||||||
|
weight: 0,
|
||||||
|
examineContent: ``,
|
||||||
|
examineRule: ``,
|
||||||
|
examineScore: 5,
|
||||||
|
examinedUserIdList: []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
||||||
|
|
||||||
|
const formRef = ref()
|
||||||
|
|
||||||
|
/** 提交表单 */
|
||||||
|
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
|
||||||
|
async function handleSave() {
|
||||||
|
// 校验表单
|
||||||
|
if (!formRef.value) return
|
||||||
|
const valid = await formRef.value.validate()
|
||||||
|
if (!valid) return
|
||||||
|
// 提交请求
|
||||||
|
formLoading.value = true
|
||||||
|
try {
|
||||||
|
if (formType.value === 'create') {
|
||||||
|
await KpiApi.createKpi(form.value)
|
||||||
|
message.success(t('common.createSuccess'))
|
||||||
|
} else {
|
||||||
|
await KpiApi.updateKpi(form.value)
|
||||||
|
message.success(t('common.updateSuccess'))
|
||||||
|
}
|
||||||
|
show.value = false
|
||||||
|
// 发送操作成功的事件
|
||||||
|
emit('success')
|
||||||
|
} finally {
|
||||||
|
formLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const checkAll = ref(false)
|
||||||
|
const isIndeterminate = ref(false)
|
||||||
|
const employeeOptions = ref([])
|
||||||
|
|
||||||
|
function handleCheckAllChange(val) {
|
||||||
|
form.value.examinedUserIdList = val ? employeeOptions.value.map((it) => it.id) : []
|
||||||
|
isIndeterminate.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleCheckedChange(value) {
|
||||||
|
const checkedCount = value.length
|
||||||
|
checkAll.value = checkedCount === employeeOptions.value.length
|
||||||
|
isIndeterminate.value = checkedCount > 0 && checkedCount < employeeOptions.value.length
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
156
src/views/Kpi/Appraise/index.vue
Normal file
156
src/views/Kpi/Appraise/index.vue
Normal file
@@ -0,0 +1,156 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 搜索工作栏 -->
|
||||||
|
<el-form :model="searchForm" ref="queryFormRef" inline label-width="0">
|
||||||
|
<el-form-item>
|
||||||
|
<el-input v-model="searchForm.examineTarget" placeholder="请输入考核指标" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="handleQuery" v-hasPermi="['kpi:appraise:search']"> 搜索</el-button>
|
||||||
|
<el-button @click="resetQuery" v-hasPermi="['kpi:appraise:reset']"> 重置</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
@click="openForm('create')"
|
||||||
|
v-hasPermi="['kpi:appraise:add']"
|
||||||
|
>
|
||||||
|
新增
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 列表 -->
|
||||||
|
<el-table v-loading="loading" :data="list" border>
|
||||||
|
<el-table-column prop="examineTarget" label="考核指标" width="180" />
|
||||||
|
<el-table-column prop="typeName" label="分值模式" width="90" :formatter="getKpiModeLabel" />
|
||||||
|
<el-table-column prop="weight" label="权重%" width="90" />
|
||||||
|
<el-table-column label="考核内容">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div v-dompurify-html="row.examineContent"></div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="考核规则" prop="examineRule">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div v-dompurify-html="row.examineRule"></div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="评分上限" prop="examineScore" width="90" />
|
||||||
|
<el-table-column label="考核人数" width="90">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ row.examinedUserIdList?.length || 0 }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="生效日期" prop="effectiveDate" width="120" />
|
||||||
|
<el-table-column label="操作" class-name="fixed-width" width="120">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button
|
||||||
|
link
|
||||||
|
type="primary"
|
||||||
|
@click="openForm('update', row.id)"
|
||||||
|
v-hasPermi="['kpi:appraise:update']"
|
||||||
|
>
|
||||||
|
修改
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
link
|
||||||
|
type="danger"
|
||||||
|
@click="handleDelete(row.id)"
|
||||||
|
v-hasPermi="['kpi:appraise:remove']"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<Pagination
|
||||||
|
v-model:limit="searchForm.pageSize"
|
||||||
|
v-model:page="searchForm.pageNo"
|
||||||
|
:total="total"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<DialogAppraise ref="formRef" :kpiModeOoptions="kpiModeOoptions" @success="handleQuery" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="KpiContent">
|
||||||
|
import { removeNullField } from '@/utils'
|
||||||
|
import DialogAppraise from './Components/DialogAppraise.vue'
|
||||||
|
import * as KpiApi from '@/api/kpi/index.js'
|
||||||
|
import { getGeneralSysDictData } from '@/api/system/dict/dict.data'
|
||||||
|
|
||||||
|
const { t } = useI18n() // 国际化
|
||||||
|
const message = useMessage() // 消息弹窗
|
||||||
|
const loading = ref(false) // 列表的加载中
|
||||||
|
const list = ref([]) // 列表的数据
|
||||||
|
const searchForm = ref({
|
||||||
|
examineTarget: undefined,
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 20
|
||||||
|
})
|
||||||
|
const total = ref(0)
|
||||||
|
|
||||||
|
/** 初始化 **/
|
||||||
|
onMounted(() => {
|
||||||
|
getOptions()
|
||||||
|
handleQuery()
|
||||||
|
})
|
||||||
|
|
||||||
|
const kpiModeOoptions = ref([])
|
||||||
|
function getOptions() {
|
||||||
|
getGeneralSysDictData('examine_type').then((data) => {
|
||||||
|
kpiModeOoptions.value = data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function getKpiModeLabel(row) {
|
||||||
|
return kpiModeOoptions.value.find((it) => it.value == row.type)?.label
|
||||||
|
}
|
||||||
|
|
||||||
|
const getList = async () => {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await KpiApi.getKpiPage(removeNullField(searchForm.value))
|
||||||
|
list.value = data.list
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
const handleQuery = () => {
|
||||||
|
searchForm.value.pageNo = 1
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
const resetQuery = () => {
|
||||||
|
searchForm.value = {
|
||||||
|
examineTarget: undefined,
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 20
|
||||||
|
}
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 添加/修改操作 */
|
||||||
|
const formRef = ref()
|
||||||
|
const openForm = (type, id) => {
|
||||||
|
formRef.value.open(type, id)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
const handleDelete = async (id) => {
|
||||||
|
try {
|
||||||
|
// 删除的二次确认
|
||||||
|
await message.delConfirm()
|
||||||
|
// 发起删除
|
||||||
|
await KpiApi.deleteKpi(id)
|
||||||
|
message.success(t('common.delSuccess'))
|
||||||
|
// 刷新列表
|
||||||
|
await getList()
|
||||||
|
} catch {}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
214
src/views/Kpi/Score/index.vue
Normal file
214
src/views/Kpi/Score/index.vue
Normal file
@@ -0,0 +1,214 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 搜索工作栏 -->
|
||||||
|
<el-form :model="searchForm" inline label-width="0">
|
||||||
|
<el-form-item>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="searchForm.period"
|
||||||
|
type="month"
|
||||||
|
format="YYYY-MM"
|
||||||
|
value-format="YYYY-MM"
|
||||||
|
:clearable="false"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="getList" v-hasPermi="['kpi:score:search']"> 搜索</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-tabs v-model="employeeId" @tab-click="getList">
|
||||||
|
<el-tab-pane
|
||||||
|
v-for="item in employeeOptions"
|
||||||
|
:key="item.examinedUser"
|
||||||
|
:name="item.examinedUser"
|
||||||
|
>
|
||||||
|
<template #label>
|
||||||
|
<span>{{ item.examinedUserName }}</span>
|
||||||
|
<el-badge :is-dot="item.notExaminedCount > 0" type="danger" />
|
||||||
|
</template>
|
||||||
|
<div class="mb-10px">
|
||||||
|
<el-tag v-if="periodSaved == 1" type="danger">
|
||||||
|
当前周期已封存,不可修改当月绩效考核
|
||||||
|
</el-tag>
|
||||||
|
<el-tag v-else type="warning">
|
||||||
|
当前周期未封存,可选择修改当月绩效考核,两秒内不操作将自动保存考核结果
|
||||||
|
</el-tag>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="list"
|
||||||
|
border
|
||||||
|
show-summary
|
||||||
|
:summary-method="getSummaries"
|
||||||
|
>
|
||||||
|
<el-table-column prop="examineTarget" label="考核指标" width="180" />
|
||||||
|
<el-table-column prop="typeName" label="分值模式" width="90" />
|
||||||
|
<el-table-column prop="weight" label="权重%" width="90" />
|
||||||
|
<el-table-column label="考核内容">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div v-dompurify-html="row.examineContent"></div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="考核规则" prop="examineRule">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div v-dompurify-html="row.examineRule"></div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="评分上限" prop="examineScore" width="90" />
|
||||||
|
<el-table-column label="考核评分" width="120">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div v-if="periodSaved == 1">{{ row.score }}</div>
|
||||||
|
<el-input-number
|
||||||
|
v-else
|
||||||
|
v-model="row.score"
|
||||||
|
:min="0"
|
||||||
|
:max="row.examineScore"
|
||||||
|
:step="1"
|
||||||
|
:controls="false"
|
||||||
|
size="small"
|
||||||
|
style="width: 100%"
|
||||||
|
@input="handleSave(row)"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="评分备注" width="200">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div v-if="periodSaved == 1">{{ row.remark }}</div>
|
||||||
|
<el-input
|
||||||
|
v-else
|
||||||
|
v-model="row.remark"
|
||||||
|
type="textarea"
|
||||||
|
:rows="3"
|
||||||
|
size="small"
|
||||||
|
style="width: 100%"
|
||||||
|
@input="handleSave(row)"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="加权得分" prop="weightSocre" width="90" />
|
||||||
|
<el-table-column label="操作" fixed="right" width="100">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button style="padding: 0" type="danger" text @click="handleDelete(row)">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="KpiScore">
|
||||||
|
import { formatDate } from '@/utils/formatTime'
|
||||||
|
import * as KpiApi from '@/api/kpi/score.js'
|
||||||
|
|
||||||
|
const { t } = useI18n() // 国际化
|
||||||
|
const message = useMessage() // 消息弹窗
|
||||||
|
const loading = ref(false) // 列表的加载中
|
||||||
|
const list = ref([]) // 列表的数据
|
||||||
|
const searchForm = ref({
|
||||||
|
period: undefined
|
||||||
|
})
|
||||||
|
|
||||||
|
const periodSaved = ref(0)
|
||||||
|
|
||||||
|
const employeeOptions = ref([])
|
||||||
|
const employeeId = ref('')
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
// 默认取上个月
|
||||||
|
const today = new Date()
|
||||||
|
searchForm.value.period = formatDate(
|
||||||
|
new Date(today.getFullYear(), today.getMonth() - 1),
|
||||||
|
'YYYY-MM'
|
||||||
|
)
|
||||||
|
|
||||||
|
KpiApi.getKpiPeriodStatus({ period: searchForm.value.period }).then((data) => {
|
||||||
|
periodSaved.value = data.status
|
||||||
|
})
|
||||||
|
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
|
||||||
|
async function getList() {
|
||||||
|
try {
|
||||||
|
// 获取当前要考核的人员
|
||||||
|
const arr = await KpiApi.getKpiEmployees(searchForm.value)
|
||||||
|
employeeOptions.value = arr || []
|
||||||
|
if (employeeOptions.value.length > 0) {
|
||||||
|
if (!employeeId.value) {
|
||||||
|
employeeId.value = employeeOptions.value[0].examinedUser
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
message.error('当月无待考核员工!!!')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
list.value =
|
||||||
|
employeeOptions.value.find((it) => it.examinedUser == employeeId.value)
|
||||||
|
?.examineScoreRespVOList || []
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let timer = ref(null)
|
||||||
|
const lastId = ref('')
|
||||||
|
function handleSave(row) {
|
||||||
|
try {
|
||||||
|
lastId.value == row.id && clearTimeout(timer.value)
|
||||||
|
timer.value = setTimeout(async () => {
|
||||||
|
lastId.value = row.id
|
||||||
|
// message.success('正在保存数据,请稍后')
|
||||||
|
await KpiApi.saveKpiScore({
|
||||||
|
id: row.id,
|
||||||
|
score: row.score,
|
||||||
|
remark: row.remark
|
||||||
|
})
|
||||||
|
message.success('修改成功!')
|
||||||
|
getList()
|
||||||
|
}, 2000)
|
||||||
|
} catch (err) {
|
||||||
|
console.log(err)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleDelete(row) {
|
||||||
|
try {
|
||||||
|
// 删除的二次确认
|
||||||
|
await message.delConfirm(
|
||||||
|
`删除后,该员工于${searchForm.value.period}将不再考核此项,是否确认删除?`
|
||||||
|
)
|
||||||
|
// 发起删除
|
||||||
|
await KpiApi.deleteKpiItem({ id: row.id })
|
||||||
|
message.success(t('common.delSuccess'))
|
||||||
|
// 刷新列表
|
||||||
|
await getList()
|
||||||
|
} catch {}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSummaries({ columns, data }) {
|
||||||
|
let sums = []
|
||||||
|
columns.forEach((column, index) => {
|
||||||
|
if (index == 0) {
|
||||||
|
sums[index] = '考核总分'
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const values = data.map((item) => Number(item[column.property]))
|
||||||
|
if (!values.every((value) => Number.isNaN(value))) {
|
||||||
|
if (column.property == 'weightSocre') {
|
||||||
|
const employee = employeeOptions.value.find((it) => it.examinedUser == employeeId.value)
|
||||||
|
sums[index] = employee.scoreTotal + '分'
|
||||||
|
} else {
|
||||||
|
sums[index] = ''
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
sums[index] = ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return sums
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -1,54 +1,25 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
:class="prefixCls"
|
:class="prefixCls"
|
||||||
class="h-[100%] relative <xl:bg-v-dark <sm:px-10px <xl:px-10px <md:px-10px"
|
class="h-[100%] relative dark:bg-v-dark <sm:px-10px <xl:px-10px <md:px-10px"
|
||||||
>
|
>
|
||||||
<div class="relative h-full flex mx-auto">
|
<div class="relative h-full flex mx-auto">
|
||||||
<div
|
<div :class="`${prefixCls}__left w-[30%] <lg:w-[100%] left-box relative p-30px <xl:p-20px`">
|
||||||
:class="`${prefixCls}__left flex-1 bg-gray-500 bg-opacity-20 relative p-30px <xl:hidden`"
|
|
||||||
>
|
|
||||||
<!-- 左上角的 logo + 系统标题 -->
|
<!-- 左上角的 logo + 系统标题 -->
|
||||||
<div class="flex items-center relative text-white">
|
<div class="flex items-center relative">
|
||||||
<img alt="" class="w-48px h-48px mr-10px" :src="appInfo.instanceIcon" />
|
<h2 class="mb-3 text-2xl font-bold">
|
||||||
<span class="text-20px font-bold">{{ underlineToHump(appInfo.instanceName) }}</span>
|
欢迎使用 {{ underlineToHump(appInfo.instanceName) }}
|
||||||
</div>
|
</h2>
|
||||||
<!-- 左边的背景图 + 欢迎语 -->
|
<!-- <img alt="" class="w-48px h-48px mr-10px" :src="appInfo.instanceIcon" /> -->
|
||||||
<div class="flex justify-center">
|
<!-- <span class="text-20px font-bold">{{ underlineToHump(appInfo.instanceName) }}</span> -->
|
||||||
<TransitionGroup
|
|
||||||
appear
|
|
||||||
enter-active-class="animate__animated animate__bounceInLeft"
|
|
||||||
tag="div"
|
|
||||||
>
|
|
||||||
<img key="1" alt="" class="w-350px" src="@/assets/svgs/login-box-bg.svg" />
|
|
||||||
<!-- <div key="2" class="text-3xl text-white">{{ t('login.welcome') }}</div> -->
|
|
||||||
</TransitionGroup>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="landIn">
|
|
||||||
<transition-group name="text-animation">
|
|
||||||
<span v-for="(char, index) in chars" :key="index">{{ char }}</span>
|
|
||||||
</transition-group>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-1 p-30px <sm:p-10px dark:bg-v-dark relative">
|
|
||||||
<!-- 右上角的主题、语言选择 -->
|
|
||||||
<div class="flex justify-between items-center text-white @2xl:justify-end @xl:justify-end">
|
|
||||||
<div class="flex items-center @2xl:hidden @xl:hidden">
|
|
||||||
<img alt="" class="w-48px h-48px mr-10px" :src="appInfo.instanceIcon" />
|
|
||||||
<span class="text-20px font-bold">{{ underlineToHump(appInfo.instanceName) }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-end items-center space-x-10px">
|
|
||||||
<ThemeSwitch />
|
|
||||||
<!-- <LocaleDropdown class="<xl:text-white dark:text-white" /> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 右边的登录界面 -->
|
<!-- 右边的登录界面 -->
|
||||||
<Transition appear enter-active-class="animate__animated animate__bounceInRight">
|
<Transition appear enter-active-class="animate__animated animate__bounceInRight">
|
||||||
<div
|
<div
|
||||||
class="h-full flex items-center m-auto w-[100%] @2xl:max-w-500px @xl:max-w-500px @md:max-w-500px @lg:max-w-500px"
|
class="flex items-center m-auto w-[100%] @2xl:max-w-500px @xl:max-w-500px @md:max-w-500px @lg:max-w-500px <xl:mt-20px"
|
||||||
>
|
>
|
||||||
<!-- 账号登录 -->
|
<!-- 账号登录 -->
|
||||||
<LoginForm class="p-20px h-auto m-auto <xl:(rounded-3xl light:bg-white)" />
|
<LoginForm class="p-40px <xl:p-10px h-auto m-auto" />
|
||||||
<!-- 手机登录 -->
|
<!-- 手机登录 -->
|
||||||
<!-- <MobileForm class="p-20px h-auto m-auto <xl:(rounded-3xl light:bg-white)" /> -->
|
<!-- <MobileForm class="p-20px h-auto m-auto <xl:(rounded-3xl light:bg-white)" /> -->
|
||||||
<!-- 二维码登录 -->
|
<!-- 二维码登录 -->
|
||||||
@@ -59,6 +30,39 @@
|
|||||||
<!-- <SSOLoginVue class="p-20px h-auto m-auto <xl:(rounded-3xl light:bg-white)" /> -->
|
<!-- <SSOLoginVue class="p-20px h-auto m-auto <xl:(rounded-3xl light:bg-white)" /> -->
|
||||||
</div>
|
</div>
|
||||||
</Transition>
|
</Transition>
|
||||||
|
<!-- 左边的背景图 + 欢迎语 -->
|
||||||
|
<div class="flex justify-center">
|
||||||
|
<TransitionGroup
|
||||||
|
appear
|
||||||
|
enter-active-class="animate__animated animate__bounceInLeft"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<!-- <img key="1" alt="" class="w-350px" src="@/assets/svgs/login-box-bg.svg" /> -->
|
||||||
|
<img key="1" alt="" class="w-[50%] m-auto" src="@/assets/imgs/login2.gif" />
|
||||||
|
</TransitionGroup>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="landIn">
|
||||||
|
<transition-group name="text-animation">
|
||||||
|
<span v-for="(char, index) in chars" :key="index">{{ char }}</span>
|
||||||
|
</transition-group>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="login-box flex-1 p-30px <sm:p-10px dark:bg-v-dark <lg:hidden relative">
|
||||||
|
<!-- 右上角的主题、语言选择 -->
|
||||||
|
<div class="flex justify-between items-center text-white @2xl:justify-end @xl:justify-end">
|
||||||
|
<div class="flex items-center @2xl:hidden @xl:hidden">
|
||||||
|
<!-- <img alt="" class="w-48px h-48px mr-10px" :src="appInfo.instanceIcon" /> -->
|
||||||
|
<!-- <span class="text-20px font-bold text-black">
|
||||||
|
欢迎使用 {{ underlineToHump(appInfo.instanceName) }}
|
||||||
|
</span> -->
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-end items-center space-x-10px">
|
||||||
|
<ThemeSwitch />
|
||||||
|
<!-- <LocaleDropdown class="<xl:text-white dark:text-white" /> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="@/assets/imgs/shisong.jpg" width="80%" alt="" srcset="" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -96,7 +100,7 @@ const chars = computed(() => {
|
|||||||
return text.slice(0, currentCharIndex.value)
|
return text.slice(0, currentCharIndex.value)
|
||||||
})
|
})
|
||||||
|
|
||||||
async function init() {
|
function init() {
|
||||||
const res = currentRoute.value?.query?.tenantId
|
const res = currentRoute.value?.query?.tenantId
|
||||||
authUtil.setTenantId(res)
|
authUtil.setTenantId(res)
|
||||||
|
|
||||||
@@ -137,7 +141,7 @@ $prefix-cls: #{$namespace}-login;
|
|||||||
z-index: -1;
|
z-index: -1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-image: url('@/assets/svgs/login-bg.svg');
|
// background-image: url('@/assets/svgs/login-bg.svg');
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: '';
|
content: '';
|
||||||
@@ -145,6 +149,20 @@ $prefix-cls: #{$namespace}-login;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// .left-box {
|
||||||
|
// background: #f3f4fb;
|
||||||
|
// background-image: url('@/assets/imgs/login-left-bg.png');
|
||||||
|
// background-repeat: no-repeat;
|
||||||
|
// background-size: 100% 100%;
|
||||||
|
// }
|
||||||
|
|
||||||
|
.login-box {
|
||||||
|
background-image: url('@/assets/imgs/shisong.jpg');
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 80% 80%;
|
||||||
|
}
|
||||||
|
|
||||||
.text-animation-enter-active,
|
.text-animation-enter-active,
|
||||||
.text-animation-leave-active {
|
.text-animation-leave-active {
|
||||||
transition: opacity 0.5s;
|
transition: opacity 0.5s;
|
||||||
@@ -160,12 +178,11 @@ $prefix-cls: #{$namespace}-login;
|
|||||||
width: 80%;
|
width: 80%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
font-size: 18px;
|
font-size: 1rem;
|
||||||
line-height: 1.8;
|
line-height: 1.3;
|
||||||
font-family: Lora, serif;
|
font-family: Lora, serif;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #6ee1f5;
|
|
||||||
|
|
||||||
span {
|
span {
|
||||||
animation: landIn 0.8s ease-out both;
|
animation: landIn 0.8s ease-out both;
|
||||||
|
|||||||
@@ -11,10 +11,13 @@
|
|||||||
>
|
>
|
||||||
<el-row style="margin-left: -10px; margin-right: -10px">
|
<el-row style="margin-left: -10px; margin-right: -10px">
|
||||||
<el-col :span="24" style="padding-left: 10px; padding-right: 10px">
|
<el-col :span="24" style="padding-left: 10px; padding-right: 10px">
|
||||||
|
<slot name="title"></slot>
|
||||||
|
</el-col>
|
||||||
|
<!-- <el-col :span="24" style="padding-left: 10px; padding-right: 10px">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<LoginFormTitle style="width: 100%" />
|
<LoginFormTitle style="width: 100%" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col> -->
|
||||||
<el-col :span="24" style="padding-left: 10px; padding-right: 10px">
|
<el-col :span="24" style="padding-left: 10px; padding-right: 10px">
|
||||||
<el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantId">
|
<el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantId">
|
||||||
<el-input
|
<el-input
|
||||||
@@ -107,7 +110,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script name="LoginForm" setup>
|
<script name="LoginForm" setup>
|
||||||
import { ElLoading } from 'element-plus'
|
import { ElLoading } from 'element-plus'
|
||||||
import LoginFormTitle from './LoginFormTitle.vue'
|
// import LoginFormTitle from './LoginFormTitle.vue'
|
||||||
|
|
||||||
import { useIcon } from '@/hooks/web/useIcon'
|
import { useIcon } from '@/hooks/web/useIcon'
|
||||||
|
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user