Compare commits
No commits in common. 'main' and 'dev-cjl' have entirely different histories.
@ -0,0 +1,15 @@ |
||||
{ |
||||
"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" |
||||
] |
||||
} |
||||
@ -0,0 +1,16 @@ |
||||
{ |
||||
// 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 |
||||
} |
||||
] |
||||
} |
||||
@ -0,0 +1,54 @@ |
||||
{ |
||||
"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" |
||||
} |
||||
} |
||||
@ -1,8 +0,0 @@ |
||||
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 }) |
||||
} |
||||
@ -1,8 +0,0 @@ |
||||
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 }) |
||||
} |
||||
@ -1,8 +0,0 @@ |
||||
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 }) |
||||
} |
||||
@ -1,4 +0,0 @@ |
||||
import request from '@/config/axios' |
||||
export const getList = async (data) => { |
||||
return await request.post({ url: '/admin-api/crm/sch-clue/signRate/report', data }) |
||||
} |
||||
@ -1,42 +0,0 @@ |
||||
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' |
||||
}) |
||||
} |
||||
@ -1,41 +0,0 @@ |
||||
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 }) |
||||
} |
||||
@ -1,38 +0,0 @@ |
||||
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 }
|
||||
}) |
||||
} |
||||
@ -1,45 +0,0 @@ |
||||
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 }
|
||||
}) |
||||
} |
||||
@ -1,154 +0,0 @@ |
||||
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 }
|
||||
}) |
||||
} |
||||
@ -1,83 +0,0 @@ |
||||
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 }
|
||||
}) |
||||
} |
||||
@ -1,36 +0,0 @@ |
||||
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 } }) |
||||
} |
||||
@ -1,41 +0,0 @@ |
||||
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 }) |
||||
} |
||||
@ -1,33 +0,0 @@ |
||||
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 }) |
||||
} |
||||
@ -1,23 +0,0 @@ |
||||
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 |
||||
}) |
||||
} |
||||
@ -1,48 +0,0 @@ |
||||
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 |
||||
}) |
||||
} |
||||
@ -1,39 +0,0 @@ |
||||
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 |
||||
}) |
||||
} |
||||
@ -1,56 +0,0 @@ |
||||
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 |
||||
}) |
||||
} |
||||
@ -1,67 +0,0 @@ |
||||
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}` |
||||
}) |
||||
} |
||||
@ -1,48 +0,0 @@ |
||||
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 |
||||
}) |
||||
} |
||||
|
Before Width: | Height: | Size: 309 KiB |
|
Before Width: | Height: | Size: 192 KiB |
@ -1,2 +1,2 @@ |
||||
@import './process-designer.scss'; |
||||
@import './process-panel.scss'; |
||||
@import './process-panel.scss'; |
||||
|
||||
@ -1,87 +0,0 @@ |
||||
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 |
||||
@ -1,7 +0,0 @@ |
||||
<template> |
||||
<div> record </div> |
||||
</template> |
||||
|
||||
<script setup name="WXRecord"></script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -1,228 +0,0 @@ |
||||
<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> |
||||
@ -0,0 +1,62 @@ |
||||
// 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,19 +1,77 @@ |
||||
<template> |
||||
<el-tabs v-model="tabIndex" type="border-card"> |
||||
<!-- <el-tab-pane label="微信消息记录" :name="0"> |
||||
<Record /> |
||||
</el-tab-pane> --> |
||||
<el-tab-pane label="消息配置" :name="1"> |
||||
<Setting /> |
||||
<el-tab-pane label="微信消息记录" :name="0"> |
||||
<!-- 搜索工作栏 --> |
||||
<Search |
||||
:schema="allSchemas.searchSchema" |
||||
labelWidth="0" |
||||
@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-tabs> |
||||
</template> |
||||
|
||||
<script setup name="WXBoot"> |
||||
// import Record from './Record.vue' |
||||
import Setting from './Setting.vue' |
||||
<script setup> |
||||
import { allSchemas } from './index.data.js' |
||||
|
||||
const tabIndex = ref(1) |
||||
const tabIndex = ref(0) |
||||
|
||||
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> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
|
||||
@ -1,130 +0,0 @@ |
||||
<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> |
||||
@ -1,35 +0,0 @@ |
||||
<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,112 +1,7 @@ |
||||
<template> |
||||
<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> |
||||
<div> 成交率 </div> |
||||
</template> |
||||
|
||||
<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> |
||||
<script setup name="CloseRate"></script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
|
||||
@ -1,62 +0,0 @@ |
||||
<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> |
||||
@ -1,148 +0,0 @@ |
||||
<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> |
||||
@ -1,170 +0,0 @@ |
||||
<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> |
||||
@ -1,402 +0,0 @@ |
||||
<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> |
||||
@ -1,162 +0,0 @@ |
||||
<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> |
||||
@ -1,195 +0,0 @@ |
||||
<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> |
||||
@ -1,248 +0,0 @@ |
||||
<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> |
||||
@ -1,13 +0,0 @@ |
||||
<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> |
||||
@ -0,0 +1,7 @@ |
||||
<template> |
||||
<div> </div> |
||||
</template> |
||||
|
||||
<script setup></script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -1,225 +0,0 @@ |
||||
<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> |
||||
@ -1,156 +0,0 @@ |
||||
<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> |
||||
@ -1,214 +0,0 @@ |
||||
<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> |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue