Compare commits
No commits in common. 'main' and 'dev-report' have entirely different histories.
main
...
dev-report
@ -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,50 +0,0 @@ |
||||
import request from '@/config/axios' |
||||
|
||||
// 获得微信群列表
|
||||
export const getWxGroupPage = (params) => { |
||||
return request.get({ url: '/admin-api/crm/wxgroup/page', params }) |
||||
} |
||||
|
||||
// 创建微信群
|
||||
export const createWxGroup = (data) => { |
||||
return request.post({ url: '/admin-api/crm/wxgroup/create', data, isSubmitForm: true }) |
||||
} |
||||
|
||||
// 更新微信群
|
||||
export const updateWxGroup = (data) => { |
||||
return request.put({ url: '/admin-api/crm/wxgroup/update', data }) |
||||
} |
||||
|
||||
// 删除微信群
|
||||
export const deleteWxGroup = (id) => { |
||||
return request.delete({ url: `/admin-api/crm/wxgroup?groupId=${id}` }) |
||||
} |
||||
|
||||
export const getWxGroupSimpleList = async () => { |
||||
return await request.get({ url: '/admin-api/crm/wxgroup/simple-list' }) |
||||
} |
||||
|
||||
// 报备
|
||||
export const reportClue = (data) => { |
||||
return request.post({ url: '/admin-api/crm/clue-remark/remark/save', data }) |
||||
} |
||||
|
||||
// 接待提交报名信息
|
||||
export const registerClue = (data) => { |
||||
return request.post({ url: '/admin-api/crm/clue-remark/sign/save', data }) |
||||
} |
||||
|
||||
// 分页查询报备信息
|
||||
export const getClueRemarkPage = (data) => { |
||||
return request.post({ url: '/admin-api/crm/clue-remark/page', data }) |
||||
} |
||||
|
||||
// 区域查询报备信息
|
||||
export const getClueRemarkByRemarkId = (params) => { |
||||
return request.get({ url: `/admin-api/crm/clue-remark/sign/get`, params }) |
||||
} |
||||
|
||||
// 销售查询报备信息
|
||||
export const getClueRemarkByClueId = (params) => { |
||||
return request.get({ url: `/admin-api/crm/clue-remark/remark/get`, params }) |
||||
} |
||||
@ -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,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,61 +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 }
|
||||
}) |
||||
} |
||||
|
||||
// 刷新微信群列表
|
||||
export const refreshWxGroupList = () => { |
||||
return request.get({ |
||||
url: '/admin-api/system/wx/reFreshWeChatGroupList' |
||||
// headers: { 'instance-id': 1016 }
|
||||
}) |
||||
} |
||||
|
||||
// 获取微信群聊列表
|
||||
export const getWxGroupList = () => { |
||||
return request.get({ |
||||
url: '/admin-api/system/wx/getWeChatGroupList' |
||||
// headers: { 'instance-id': 1016 }
|
||||
}) |
||||
} |
||||
@ -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,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" :value="0">待生产</el-radio> |
||||
<el-radio :label="1" :value="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,133 +0,0 @@ |
||||
<template> |
||||
<Dialog title="成交商品" v-model="show" width="80%"> |
||||
<el-table :data="orderProductList" border stripe> |
||||
<el-table-column prop="productName" label="成交产品" /> |
||||
<el-table-column prop="specsName" label="产品规格" /> |
||||
<el-table-column prop="signNum" label="成交数量" width="100px" /> |
||||
<el-table-column prop="remark" label="产品备注" /> |
||||
<el-table-column label="生产状态" width="160px"> |
||||
<template #default="scope"> |
||||
<el-switch |
||||
v-model="scope.row.isProduced" |
||||
:active-value="true" |
||||
:inactive-value="false" |
||||
active-text="已生产" |
||||
inactive-text="待生产" |
||||
v-if="checkPermi(['clue:order:update-produce'])" |
||||
size="small" |
||||
@change="handleChangeProdoce(scope.row)" |
||||
/> |
||||
<div v-else>{{ scope.row.isProducedDesc }}</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="发货状态" prop="sendState" width="90px"> |
||||
<template #default="scope"> |
||||
<el-tag :type="scope.row.sendState == '待发货' ? 'danger' : 'success'" size="small"> |
||||
{{ scope.row.sendState }} |
||||
</el-tag> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="发货备注"> |
||||
<template #default="scope"> |
||||
<el-popover |
||||
placement="top" |
||||
width="500px" |
||||
trigger="click" |
||||
v-if="scope.row.warehouseName && scope.row.sendRemark" |
||||
> |
||||
<template #reference> |
||||
<el-button type="primary" style="padding: 0" text>点击查看</el-button> |
||||
</template> |
||||
<div v-dompurify-html="scope.row.sendRemark"></div> |
||||
</el-popover> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" width="100px"> |
||||
<template #default="scope"> |
||||
<el-button |
||||
type="primary" |
||||
class="mr-10px" |
||||
link |
||||
:disabled="scope.row.sendState == '已发货'" |
||||
style="padding: 0; margin-left: 0" |
||||
v-hasPermi="['clue:order:send']" |
||||
@click="handleDelivery(scope.row)" |
||||
> |
||||
发货 |
||||
</el-button> |
||||
<el-button |
||||
type="danger" |
||||
link |
||||
style="padding: 0; margin-left: 0" |
||||
v-hasPermi="['clue:order:remove-product']" |
||||
@click="handleRemoveProduct(scope.row)" |
||||
> |
||||
删除 |
||||
</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<DialogDelivery ref="deliveryDialog" @success="getList" /> |
||||
</Dialog> |
||||
</template> |
||||
|
||||
<script setup> |
||||
import * as SignApi from '@/api/clue/sign' |
||||
import { checkPermi } from '@/utils/permission' |
||||
import DialogDelivery from './DialogDelivery.vue' |
||||
|
||||
const show = ref(false) |
||||
const orderProductList = ref([]) |
||||
const orderId = ref(null) |
||||
const message = useMessage() // 消息弹窗 |
||||
|
||||
function open(signId) { |
||||
try { |
||||
show.value = true |
||||
orderId.value = signId |
||||
getList() |
||||
} catch (error) { |
||||
console.log(error) |
||||
} |
||||
} |
||||
|
||||
function getList() { |
||||
try { |
||||
SignApi.getOrderProductList({ signId: orderId.value }).then((data) => { |
||||
orderProductList.value = data || [] |
||||
}) |
||||
} catch (error) { |
||||
console.log(error) |
||||
} |
||||
} |
||||
|
||||
async function handleChangeProdoce(row) { |
||||
try { |
||||
// 修改状态的二次确认 |
||||
await message.confirm('确认要修改生产状态吗?') |
||||
// 发起修改状态 |
||||
await SignApi.updateProduceStatus({ |
||||
signId: row.signId, |
||||
id: row.id, |
||||
isProduced: row.isProduced |
||||
}) |
||||
message.success('修改成功') |
||||
// 刷新列表 |
||||
// getTableList() |
||||
} catch { |
||||
// 取消后，进行恢复按钮 |
||||
row.isProduced = !row.isProduced |
||||
} |
||||
} |
||||
|
||||
const deliveryDialog = ref() |
||||
function handleDelivery(row) { |
||||
deliveryDialog.value.open(row) |
||||
} |
||||
|
||||
defineExpose({ |
||||
open |
||||
}) |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -1,237 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<el-form :model="searchForm" label-width="0" inline> |
||||
<el-form-item> |
||||
<el-input v-model="searchForm.name" placeholder="学员姓名" clearable style="width: 120px" /> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-input |
||||
v-model="searchForm.phone" |
||||
placeholder="联系方式" |
||||
clearable |
||||
style="width: 100px" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-select |
||||
v-model="searchForm.intentionState" |
||||
placeholder="学员意向" |
||||
clearable |
||||
filterable |
||||
style="width: 100px" |
||||
> |
||||
<el-option |
||||
v-for="item in intentionOptions" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-select |
||||
v-model="searchForm.followUser" |
||||
placeholder="跟进人" |
||||
clearable |
||||
filterable |
||||
style="width: 120px" |
||||
> |
||||
<el-option |
||||
v-for="item in userOptions" |
||||
:key="item.id" |
||||
:label="item.nickname" |
||||
:value="item.id" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-date-picker |
||||
v-model="searchForm.remarkDate" |
||||
type="daterange" |
||||
format="YYYY-MM-DD" |
||||
value-format="YYYY-MM-DD" |
||||
range-separator="-" |
||||
start-placeholder="报备日期" |
||||
end-placeholder="报备日期" |
||||
style="width: 240px" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-select |
||||
v-model="searchForm.schoolId" |
||||
placeholder="邀约驾校" |
||||
clearable |
||||
filterable |
||||
style="width: 120px" |
||||
> |
||||
<el-option |
||||
v-for="item in schoolOptions" |
||||
:key="item.schoolId" |
||||
:label="item.schoolName" |
||||
:value="item.schoolId" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-select |
||||
v-model="searchForm.placeId" |
||||
placeholder="邀约场地" |
||||
clearable |
||||
filterable |
||||
style="width: 120px" |
||||
> |
||||
<el-option |
||||
v-for="item in placeOptions" |
||||
:key="item.placeId" |
||||
:label="item.name" |
||||
:value="item.placeId" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-date-picker |
||||
v-model="searchForm.signDate" |
||||
type="daterange" |
||||
format="YYYY-MM-DD" |
||||
value-format="YYYY-MM-DD" |
||||
range-separator="-" |
||||
start-placeholder="报名日期" |
||||
end-placeholder="报名日期" |
||||
style="width: 240px" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-select |
||||
v-model="searchForm.isSign" |
||||
placeholder="报名状态" |
||||
clearable |
||||
filterable |
||||
style="width: 100px" |
||||
> |
||||
<el-option label="未报名" :value="0" /> |
||||
<el-option label="已报名" :value="1" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-select |
||||
v-model="searchForm.isEnroll" |
||||
placeholder="登记状态" |
||||
clearable |
||||
filterable |
||||
style="width: 100px" |
||||
> |
||||
<el-option label="未登记" :value="0" /> |
||||
<el-option label="已登记" :value="1" /> |
||||
</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> |
||||
<el-table-column prop="name" label="学员姓名" width="90px" /> |
||||
<el-table-column prop="phone" label="联系方式" width="110px" /> |
||||
<el-table-column prop="followUserName" label="跟进人" width="90" /> |
||||
<el-table-column prop="intentionStateName" label="学员意向" width="90" /> |
||||
<el-table-column prop="remarkDate" label="报备日期" width="100px" /> |
||||
<el-table-column prop="remarkUserName" label="报备人" width="90px" /> |
||||
<el-table-column prop="remarkContent" label="报备内容" min-width="400px" /> |
||||
<el-table-column prop="schoolName" label="邀约驾校" width="100" /> |
||||
<el-table-column prop="placeName" label="邀约场地" width="100" /> |
||||
<el-table-column prop="signDate" label="报名日期" width="100px" /> |
||||
<el-table-column prop="enterUserName" label="接待人" width="90px" /> |
||||
<el-table-column prop="signInfo" label="报名信息" min-width="150px" /> |
||||
<el-table-column prop="isSign" label="报名状态" width="85px" fixed="right"> |
||||
<template #default="{ row }"> |
||||
<el-tag type="success" v-if="row.isSign">已报名</el-tag> |
||||
<el-tag type="info" v-else>未报名</el-tag> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="isEnroll" label="登记状态" width="85px" fixed="right"> |
||||
<template #default="{ row }"> |
||||
<el-tag type="success" v-if="row.isEnroll">已登记</el-tag> |
||||
<el-tag type="info" v-else>未登记</el-tag> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<Pagination |
||||
v-model:limit="searchForm.pageSize" |
||||
v-model:page="searchForm.pageNo" |
||||
:total="total" |
||||
@pagination="getList" |
||||
/> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup> |
||||
import { getSimpleUserList as getUserOption } from '@/api/system/user' |
||||
import { getClueRemarkPage } from '@/api/clue/clueRemark' |
||||
import { getPlaceList } from '@/api/school/place' |
||||
import { getIntDictOptions } from '@/utils/dict' |
||||
import { removeNullField } from '@/utils/index' |
||||
|
||||
onMounted(() => { |
||||
getOptions() |
||||
handleSearch() |
||||
}) |
||||
|
||||
const userOptions = ref([]) |
||||
const schoolOptions = ref([]) |
||||
const placeOptions = ref([]) |
||||
const intentionOptions = getIntDictOptions('intention_state') |
||||
function getOptions() { |
||||
getUserOption().then((data) => { |
||||
userOptions.value = data |
||||
}) |
||||
|
||||
getPlaceList({ |
||||
placeStatus: 0, |
||||
schoolStatus: 0, |
||||
isSearchSchool: true |
||||
}).then((data) => { |
||||
schoolOptions.value = data.schoolList |
||||
placeOptions.value = data.placeList |
||||
}) |
||||
} |
||||
|
||||
const searchForm = ref({ |
||||
name: undefined, |
||||
phone: undefined, |
||||
pageSize: 20, |
||||
pageNo: 1 |
||||
}) |
||||
|
||||
function handleReset() { |
||||
searchForm.value = { |
||||
name: undefined, |
||||
phone: undefined, |
||||
pageSize: 20, |
||||
pageNo: 1 |
||||
} |
||||
} |
||||
|
||||
function handleSearch() { |
||||
searchForm.value.pageNo = 1 |
||||
getList() |
||||
} |
||||
|
||||
const loading = ref(false) |
||||
const tableList = ref([]) |
||||
const total = ref(0) |
||||
|
||||
async function getList() { |
||||
loading.value = true |
||||
try { |
||||
let params = { ...removeNullField(searchForm.value) } |
||||
const data = await getClueRemarkPage(params) |
||||
tableList.value = data.list |
||||
total.value = data.total |
||||
} finally { |
||||
loading.value = false |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -1,144 +0,0 @@ |
||||
<template> |
||||
<div class="p-10px"> |
||||
<el-form :model="form" ref="formRef" :rules="rules" label-width="80px"> |
||||
<el-form-item label="学员姓名" prop="stuName"> |
||||
<el-input v-model="form.stuName" placeholder="请输入" /> |
||||
</el-form-item> |
||||
<el-form-item label="手机号" prop="stuMobile"> |
||||
<el-input v-model="form.stuMobile" placeholder="请输入" /> |
||||
</el-form-item> |
||||
<el-form-item label="线索来源" prop="source"> |
||||
<el-cascader |
||||
:options="sourceOptions" |
||||
v-model="form.source" |
||||
clearable |
||||
filterable |
||||
:props="defaultProps" |
||||
style="width: 100%" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="咨询日期" prop="stuConsultTime"> |
||||
<el-date-picker |
||||
v-model="form.stuConsultTime" |
||||
type="date" |
||||
format="YYYY-MM-DD" |
||||
value-format="YYYY-MM-DD" |
||||
placeholder="请选择" |
||||
style="width: 100%" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="咨询车型" prop="stuConsultCartype"> |
||||
<el-select v-model="form.stuConsultCartype" placeholder="请选择" clearable filterable> |
||||
<el-option |
||||
v-for="item in cartypeOptions" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="学员诉求" prop="requirement"> |
||||
<el-input |
||||
v-model="form.requirement" |
||||
type="textarea" |
||||
:autosize="{ minRows: 3 }" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="备注" prop="remark"> |
||||
<el-input |
||||
v-model="form.remark" |
||||
type="textarea" |
||||
:autosize="{ minRows: 3 }" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label-width="0"> |
||||
<el-button type="primary" @click="onSubmit" size="large" style="width: 100%" |
||||
>提 交</el-button |
||||
> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup> |
||||
import { getStrDictOptions } from '@/utils/dict' |
||||
import { getSimpleSourceList } from '@/api/clue/source' |
||||
import { handleTree } from '@/utils/tree' |
||||
import { formatDate } from '@/utils/formatTime' |
||||
// import * as authUtil from '@/utils/auth' |
||||
|
||||
import { clueInput } from '@/api/clue' |
||||
|
||||
onMounted(() => { |
||||
getOptions() |
||||
}) |
||||
|
||||
const message = useMessage() |
||||
|
||||
const form = ref({ |
||||
stuName: '', |
||||
stuMobile: '', |
||||
source: '', |
||||
stuConsultTime: formatDate(new Date()), |
||||
stuConsultCartype: 'C1', |
||||
requirement: '', |
||||
remark: '', |
||||
instanceId: '1014' |
||||
}) |
||||
|
||||
const defaultProps = { |
||||
expandTrigger: 'hover', |
||||
checkStrictly: false, |
||||
label: 'sourceName', |
||||
value: 'sourceId' |
||||
} |
||||
|
||||
const rules = { |
||||
stuName: [{ required: true, message: '请输入学员姓名', trigger: 'blur' }], |
||||
stuMobile: [{ required: true, message: '请输入手机号', trigger: 'blur' }], |
||||
source: [{ required: true, message: '请选择线索来源', trigger: 'change' }], |
||||
stuConsultTime: [{ required: true, message: '请选择咨询日期', trigger: 'change' }], |
||||
stuConsultCartype: [{ required: true, message: '请选择咨询车型', trigger: 'change' }] |
||||
} |
||||
|
||||
const sourceOptions = ref([]) |
||||
const cartypeOptions = getStrDictOptions('license_type') |
||||
|
||||
function getOptions() { |
||||
getSimpleSourceList().then((data) => { |
||||
sourceOptions.value = handleTree(data, 'sourceId') |
||||
}) |
||||
} |
||||
|
||||
const formRef = ref(null) |
||||
function onSubmit() { |
||||
formRef.value.validate((valid) => { |
||||
if (valid) { |
||||
// 提交表单 |
||||
const params = { |
||||
...form.value, |
||||
source: form.value.source ? form.value.source[form.value.source.length - 1] : null |
||||
} |
||||
clueInput(params).then(() => { |
||||
message.success('线索录入成功') |
||||
form.value = { |
||||
stuName: '', |
||||
stuMobile: '', |
||||
source: '', |
||||
stuConsultTime: formatDate(new Date()), |
||||
stuConsultCartype: '', |
||||
requirement: '', |
||||
remark: '' |
||||
} |
||||
}) |
||||
} else { |
||||
console.log('表单验证失败') |
||||
return false |
||||
} |
||||
}) |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -1,593 +0,0 @@ |
||||
<template> |
||||
<div style="height: 100vh; overflow-y: auto"> |
||||
<div> |
||||
<div> |
||||
<Descriptions |
||||
:title="`线索信息-${info.name}`" |
||||
:data="info" |
||||
:schema="showSchema" |
||||
:columns="2" |
||||
labelWidth="130px" |
||||
:defaultShow="false" |
||||
/> |
||||
<el-form |
||||
:model="form" |
||||
ref="formRef" |
||||
:rules="rules" |
||||
label-width="85px" |
||||
class="mt-20px pl-10px pr-10px" |
||||
> |
||||
<el-row> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="学员姓名" prop="name"> |
||||
<el-input v-model="form.name" placeholder="请输入学员姓名" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="联系方式" prop="phone"> |
||||
<el-input v-model="form.phone" placeholder="请输入联系方式" maxlength="11" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="成交驾校" prop="signSchool"> |
||||
<el-select |
||||
v-model="form.signSchool" |
||||
placeholder="选择驾校" |
||||
filterable |
||||
@change="changeSchool" |
||||
> |
||||
<el-option |
||||
v-for="item in schoolOptions" |
||||
:key="item.schoolId" |
||||
:label="item.schoolName" |
||||
:value="item.schoolId" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="成交场地" prop="signPlace"> |
||||
<el-select |
||||
v-model="form.signPlace" |
||||
placeholder="选择场地" |
||||
filterable |
||||
:disabled="!form.signSchool" |
||||
@change="changePlace" |
||||
> |
||||
<el-option |
||||
v-for="item in placeOptions" |
||||
:key="item.placeId" |
||||
:label="item.name" |
||||
:value="item.placeId" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="成交班型" prop="signClass"> |
||||
<el-select |
||||
v-model="form.signClass" |
||||
:disabled="!form.signPlace" |
||||
placeholder="选择班型" |
||||
filterable |
||||
@change="changeClass" |
||||
> |
||||
<el-option |
||||
v-for="item in classOptions" |
||||
:key="item.typeId" |
||||
:label="item.typeName" |
||||
:value="item.typeId" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="成交日期" prop="dealDate"> |
||||
<el-date-picker |
||||
v-model="form.dealDate" |
||||
type="date" |
||||
format="YYYY-MM-DD" |
||||
value-format="YYYY-MM-DD" |
||||
placeholder="选择日期时间" |
||||
style="width: 100%" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="成交价" prop="signPrice"> |
||||
<el-input-number |
||||
v-model="form.signPrice" |
||||
:min="0" |
||||
style="width: 100%" |
||||
:controls="false" |
||||
@change="signPriceChange" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="是否全款"> |
||||
<el-radio-group v-model="form.isPayoff"> |
||||
<el-radio :label="true" :value="true"> 全款 </el-radio> |
||||
<el-radio :label="false" :value="false"> 非全款 </el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="支付金额" prop="payAmount"> |
||||
<el-input-number |
||||
v-model="form.payAmount" |
||||
:min="0" |
||||
style="width: 100%" |
||||
:controls="false" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="公司收款" prop="isCompanyReceipts"> |
||||
<el-radio-group v-model="form.isCompanyReceipts"> |
||||
<el-radio :label="true" :value="true">是</el-radio> |
||||
<el-radio :label="false" :value="false">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24" v-if="form.signClass"> |
||||
<el-form-item label="利润"> |
||||
<div style="color: blue; font-weight: bold; font-size: 16px">{{ profitNum }}</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :xl="6" :lg="6" :md="8" :sm="24" :xs="24"> |
||||
<el-form-item label="接待人" prop="receiver"> |
||||
<el-select v-model="form.receiver" placeholder="选择接待人" clearable filterable> |
||||
<el-option |
||||
v-for="item in allUserOptions" |
||||
:key="item.id" |
||||
:label="item.nickname" |
||||
:value="item.id" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col |
||||
:xl="6" |
||||
:lg="6" |
||||
:md="8" |
||||
:sm="24" |
||||
:xs="24" |
||||
v-for="fieldItem in diyFieldList" |
||||
:key="fieldItem.clueParamId" |
||||
> |
||||
<el-form-item :label="fieldItem.label" :prop="fieldItem.field"> |
||||
<component :is="componentMap[fieldItem.component]" v-model="form[fieldItem.field]"> |
||||
<template v-if="fieldItem.component == 'Select'"> |
||||
<el-option |
||||
v-for="item in fieldItem.options" |
||||
:key="item.id" |
||||
:label="item.name" |
||||
:value="item.id" |
||||
/> |
||||
</template> |
||||
<template v-else-if="fieldItem.component == 'Radio'"> |
||||
<el-radio |
||||
v-for="item in fieldItem.options" |
||||
:key="item.id" |
||||
:label="item.id" |
||||
:value="item.id" |
||||
> |
||||
{{ item.name }} |
||||
</el-radio> |
||||
</template> |
||||
<template v-else-if="fieldItem.component == 'Checkbox'"> |
||||
<el-checkbox |
||||
v-for="item in fieldItem.options" |
||||
:key="item.id" |
||||
:label="item.name" |
||||
:value="item.id" |
||||
/> |
||||
</template> |
||||
</component> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="24" :offset="0" class="mb-18px"> |
||||
<el-divider direction="horizontal" content-position="left"> 其他费用 </el-divider> |
||||
<el-button |
||||
class="mb-5px" |
||||
type="primary" |
||||
size="small" |
||||
@click="form.otherPay.push({ extraPayType: undefined, extraPayMoney: 0 })" |
||||
> |
||||
添加其他费用 |
||||
</el-button> |
||||
<el-table :data="form.otherPay" border size="small"> |
||||
<el-table-column type="index" width="30" /> |
||||
<el-table-column prop="extraPayType" label="费用类型"> |
||||
<template #default="{ row }"> |
||||
<el-select |
||||
v-model="row.extraPayType" |
||||
size="small" |
||||
placeholder="费用类型" |
||||
filterable |
||||
> |
||||
<el-option |
||||
v-for="item in otherPayOptions" |
||||
:key="item.value" |
||||
:label="item.label" |
||||
:value="item.value" |
||||
/> |
||||
</el-select> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="extraPayMoney" label="费用金额"> |
||||
<template #default="{ row }"> |
||||
<el-input-number v-model="row.extraPayMoney" size="small" :controls="false" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="remark" label="备注"> |
||||
<template #default="{ row }"> |
||||
<el-input v-model="row.remark" size="small" placeholder="备注信息" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" width="50px"> |
||||
<template #default="{ $index }"> |
||||
<Icon |
||||
icon="ep:remove-filled" |
||||
class="text-red-500" |
||||
@click="handleRemove('otherPay', $index)" |
||||
/> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</el-col> |
||||
<el-col :span="24" :offset="0" class="mb-18px"> |
||||
<el-divider direction="horizontal" content-position="left"> 额外支出 </el-divider> |
||||
<el-button |
||||
class="mb-5px" |
||||
type="primary" |
||||
size="small" |
||||
@click=" |
||||
form.extraPay.push({ |
||||
extraPayType: undefined, |
||||
extraPayMoney: 0, |
||||
dictType: 'extra_pay_type', |
||||
editabled: true |
||||
}) |
||||
" |
||||
> |
||||
添加额外支出 |
||||
</el-button> |
||||
<el-table :data="form.extraPay" border size="small"> |
||||
<el-table-column type="index" width="30" /> |
||||
<el-table-column prop="extraPayType" label="支出类型"> |
||||
<template #default="{ row }"> |
||||
<el-select |
||||
v-if="row.editabled" |
||||
v-model="row.extraPayType" |
||||
size="small" |
||||
placeholder="支出类型" |
||||
filterable |
||||
> |
||||
<el-option |
||||
v-for="item in extraPayOptions" |
||||
:key="item.id" |
||||
:label="item.extraPayName" |
||||
:value="item.id" |
||||
/> |
||||
</el-select> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="extraPayMoney" label="支出金额"> |
||||
<template #default="{ row }"> |
||||
<el-input-number |
||||
v-if="row.editabled" |
||||
v-model="row.extraPayMoney" |
||||
size="small" |
||||
:controls="false" |
||||
/> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="remark" label="备注"> |
||||
<template #default="{ row }"> |
||||
<el-input |
||||
v-if="row.editabled" |
||||
v-model="row.remark" |
||||
size="small" |
||||
placeholder="备注信息" |
||||
/> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" width="50px"> |
||||
<template #default="{ row, $index }"> |
||||
<Icon |
||||
icon="ep:remove-filled" |
||||
class="text-red-500" |
||||
v-if="row.editabled" |
||||
@click="handleRemove('extraPay', $index)" |
||||
/> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</el-col> |
||||
<el-col :span="24" :offset="0"> |
||||
<el-form-item label="备注" label-width="50px"> |
||||
<Editor v-model:modelValue="form.remark" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div class="p-10px"> |
||||
<el-button |
||||
v-if="!remarkInfo.isEnroll && info.clueId" |
||||
type="primary" |
||||
size="large" |
||||
style="width: 100%" |
||||
@click="handleSave" |
||||
> |
||||
提 交 |
||||
</el-button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup> |
||||
import * as ClueApi from '@/api/clue' |
||||
import { createSignOnRemark, getSignProfit } from '@/api/clue/sign' |
||||
import { getClueRemarkByRemarkId } from '@/api/clue/clueRemark' |
||||
import { getDiyFieldList } from '@/api/clue/orderField' |
||||
import { getPlaceList } from '@/api/school/place' |
||||
import { getClassTypeList } from '@/api/school/class' |
||||
import { getConfigByConfigKey } from '@/api/system/set' |
||||
import { getSimpleFieldList as getClueField } from '@/api/clue/clueField' |
||||
import { getSimpleFieldList } from '@/api/clue/orderField' |
||||
import { getExtraFeeSimpleList } from '@/api/clue/extraFee' |
||||
import { getAllUserList } from '@/api/system/user' |
||||
|
||||
import { formatDate } from '@/utils/formatTime' |
||||
import { getDictOptions } from '@/utils/dict' |
||||
import { componentMap } from '@/components/Form/src/componentMap' |
||||
import { useUserStore } from '@/store/modules/user' |
||||
|
||||
const form = ref({}) |
||||
|
||||
const schoolRules = { |
||||
name: { required: true, message: '学员姓名不可为空', trigger: 'blur' }, |
||||
phone: { required: true, message: '联系方式不可为空', trigger: 'blur' }, |
||||
signSchool: { required: true, message: '成交驾校不可为空', trigger: 'change' }, |
||||
signPlace: { required: true, message: '成交场地不可为空', trigger: 'change' }, |
||||
signClass: { required: true, message: '成交班型不可为空', trigger: 'change' } |
||||
} |
||||
|
||||
const info = ref({}) |
||||
const formLoading = ref(false) |
||||
|
||||
const route = useRoute() |
||||
const message = useMessage() // 消息弹窗 |
||||
const userStore = useUserStore() |
||||
|
||||
const showSchema = ref([]) |
||||
|
||||
const otherPayOptions = getDictOptions('other_pay_type') |
||||
const extraPayOptions = ref([]) |
||||
|
||||
const remarkInfo = ref({}) |
||||
|
||||
onMounted(() => { |
||||
if (route.params.id && route.params.id != 0) { |
||||
// 这里可以调用API获取会议详情数据 |
||||
getClueRemarkByRemarkId({ remarkId: route.params.id }).then((response) => { |
||||
remarkInfo.value = response |
||||
if ( |
||||
userStore.getUser?.id != remarkInfo.value.remarkUser && |
||||
userStore.getUser?.id != remarkInfo.value.followUser |
||||
) { |
||||
message.error('无权限操作该登记页面！') |
||||
return |
||||
} else { |
||||
resetForm() |
||||
getOptions() |
||||
getDiyFields() |
||||
ClueApi.getClue(remarkInfo.value.clueId).then((data) => { |
||||
info.value = { ...data, ...data.diyParams, signInfo: remarkInfo.value.signInfo } |
||||
let str = '' |
||||
// if (!remarkInfo.value.remarkContent.includes(data.name)) { |
||||
// // 提示姓名不一致 |
||||
// str += '学员姓名不一致' |
||||
// } |
||||
// if (!remarkInfo.value.remarkContent.includes(data.phone)) { |
||||
// // 提示姓名不一致 |
||||
// str += '手机号不一致' |
||||
// } |
||||
if (str.length) { |
||||
message.warning(`请注意：${str}`) |
||||
} |
||||
}) |
||||
} |
||||
}) |
||||
} else { |
||||
// 关闭网页 |
||||
window.close() |
||||
} |
||||
}) |
||||
|
||||
async function resetForm() { |
||||
const data = await getConfigByConfigKey({ configKey: 'companyCollectionConfig' }) |
||||
form.value = { |
||||
name: remarkInfo.value.name, |
||||
phone: remarkInfo.value.phone, |
||||
clueId: remarkInfo.value.clueId, |
||||
dealDate: formatDate(new Date()), |
||||
isPayoff: true, |
||||
signPrice: 0, |
||||
payAmount: 0, |
||||
remark: undefined, |
||||
isCompanyReceipts: data?.configValue == 'true', |
||||
receiver: undefined, |
||||
extraPay: [], |
||||
otherPay: [], |
||||
signProducts: [], |
||||
installStatus: 3 |
||||
} |
||||
} |
||||
|
||||
const rules = ref([]) |
||||
function getDiyFields() { |
||||
getSimpleFieldList().then((data) => { |
||||
let ruleObj = {} |
||||
data.map((it) => { |
||||
if (it.isRequired) { |
||||
Reflect.set(ruleObj, it.field, { |
||||
required: true, |
||||
message: `${it.label}不可为空`, |
||||
trigger: 'blur, change' |
||||
}) |
||||
} |
||||
}) |
||||
rules.value = { ...ruleObj, ...schoolRules } |
||||
}) |
||||
} |
||||
|
||||
const formRef = ref() |
||||
async function handleSave() { |
||||
// 校验表单 |
||||
if (!formRef.value) return |
||||
const valid = await formRef.value.validate() |
||||
if (!valid) return |
||||
|
||||
if (form.value.otherPay.some((it) => !it.extraPayType || it.extraPayMoney == null)) { |
||||
message.info('请将费用类型及费用金额填写完整！') |
||||
return |
||||
} |
||||
if (form.value.extraPay.some((it) => !it.extraPayType || it.extraPayMoney == null)) { |
||||
message.info('请将支出类型及支出金额填写完整！') |
||||
return |
||||
} |
||||
|
||||
// 提交请求 |
||||
formLoading.value = true |
||||
try { |
||||
const params = { ...form.value } |
||||
params.diyParams = {} |
||||
diyFieldList.value.map((it) => { |
||||
params.diyParams[it.field] = undefined |
||||
}) |
||||
for (const key in params.diyParams) { |
||||
if (Object.hasOwnProperty.call(params, key)) { |
||||
params.diyParams[key] = params[key] |
||||
} |
||||
} |
||||
await createSignOnRemark(params) |
||||
message.success('登记成功！') |
||||
// 发送操作成功的事件 |
||||
emit('success') |
||||
} finally { |
||||
formLoading.value = false |
||||
} |
||||
} |
||||
|
||||
const schoolOptions = ref([]) |
||||
const allPlaceOptions = ref([]) |
||||
|
||||
const diyFieldList = ref([]) |
||||
|
||||
const placeOptions = computed(() => { |
||||
return allPlaceOptions.value.filter((it) => it.schoolId == form.value.signSchool) |
||||
}) |
||||
|
||||
const classOptions = ref([]) |
||||
const allUserOptions = ref([]) |
||||
|
||||
async function getClassTypeOptions() { |
||||
const data = await getClassTypeList({ placeId: form.value.signPlace, status: 0 }) |
||||
classOptions.value = data |
||||
} |
||||
|
||||
function getOptions() { |
||||
getClueField().then((data) => { |
||||
const list = useCrudSchemas(data)?.allSchemas?.detailSchema?.map((it) => { |
||||
if (it.label.includes('日期')) { |
||||
it.dateFormat = 'YYYY-MM-DD' |
||||
} |
||||
return it |
||||
}) |
||||
if (list.length % 2 != 0) { |
||||
list.push({}) |
||||
} |
||||
const arr = [ |
||||
{ |
||||
field: 'requirement', |
||||
label: '诉求', |
||||
span: 2 |
||||
}, |
||||
{ |
||||
field: 'remark', |
||||
label: '备注', |
||||
isEditor: true, |
||||
span: 2 |
||||
}, |
||||
{ |
||||
field: 'signInfo', |
||||
label: '报名信息', |
||||
isEditor: true, |
||||
span: 2 |
||||
} |
||||
] |
||||
showSchema.value = [...list, ...arr] |
||||
}) |
||||
// 驾校 |
||||
getPlaceList({ placeStatus: 0, schoolStatus: 0, isSearchSchool: true }).then((data) => { |
||||
schoolOptions.value = data.schoolList |
||||
allPlaceOptions.value = data.placeList |
||||
}) |
||||
// 自定义参数 |
||||
getDiyFieldList().then((data) => { |
||||
diyFieldList.value = data |
||||
}) |
||||
getExtraFeeSimpleList().then((data) => { |
||||
extraPayOptions.value = data |
||||
}) |
||||
getAllUserList().then((data) => { |
||||
allUserOptions.value = data |
||||
}) |
||||
} |
||||
|
||||
function changeSchool() { |
||||
form.value.signPlace = undefined |
||||
form.value.signClass = undefined |
||||
} |
||||
|
||||
function changePlace() { |
||||
form.value.signClass = undefined |
||||
getClassTypeOptions() |
||||
} |
||||
|
||||
function changeClass() { |
||||
form.value.signPrice = |
||||
classOptions.value.find((it) => it.typeId == form.value.signClass).guidingPrice || 0 |
||||
signPriceChange() |
||||
} |
||||
|
||||
function signPriceChange() { |
||||
if (form.value.isPayoff) { |
||||
form.value.payAmount = form.value.signPrice |
||||
} |
||||
calcSignProfit() |
||||
} |
||||
|
||||
const profitNum = ref(0) |
||||
function calcSignProfit() { |
||||
if (form.value.signClass) { |
||||
// 计算员工利润 |
||||
getSignProfit({ signClass: form.value.signClass, signPrice: form.value.signPrice }).then( |
||||
(data) => { |
||||
profitNum.value = data |
||||
} |
||||
) |
||||
} |
||||
} |
||||
|
||||
function handleRemove(type, index) { |
||||
form.value[type].splice(index, 1) |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -1,149 +0,0 @@ |
||||
<template> |
||||
<Dialog title="邀约报备" v-model="show" width="600px"> |
||||
<el-form :model="form" ref="formRef" :rules="rules" label-width="0"> |
||||
<el-form-item prop="remarkContent"> |
||||
<el-input |
||||
type="textarea" |
||||
placeholder="请输入报备信息" |
||||
v-model="form.remarkContent" |
||||
:autosize="{ minRows: 10 }" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item prop="groupId"> |
||||
<el-select v-model="form.groupId" placeholder="选择群聊发送报备信息并@区域" filterable> |
||||
<el-option |
||||
v-for="item in groupOptions" |
||||
:key="item.groupId" |
||||
:label="item.groupName" |
||||
:value="item.groupId" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item prop="schoolPlace"> |
||||
<el-cascader |
||||
v-model="form.schoolPlace" |
||||
:options="placeOptions" |
||||
placeholder="选择邀约驾校和场地" |
||||
filterable |
||||
show-all-levels |
||||
style="width: 100%" |
||||
:props="{ expandTrigger: 'hover', multiple: false, checkStrictly: true }" |
||||
/> |
||||
</el-form-item> |
||||
</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> |
||||
import { getWxGroupSimpleList, getClueRemarkByClueId, reportClue } from '@/api/clue/clueRemark' |
||||
import { getPlaceList } from '@/api/school/place' |
||||
import { useUserStore } from '@/store/modules/user' |
||||
|
||||
const userStore = useUserStore() |
||||
const message = useMessage() |
||||
|
||||
const form = ref({ |
||||
remarkContent: '', |
||||
groupId: '', |
||||
schoolPlace: [] |
||||
}) |
||||
const rules = { |
||||
remarkContent: [{ required: true, message: '请输入报备信息', trigger: 'blur' }], |
||||
groupId: [{ required: true, message: '请选择群聊', trigger: 'change' }] |
||||
} |
||||
const formLoading = ref(false) |
||||
|
||||
const show = ref(false) |
||||
async function open(row) { |
||||
show.value = true |
||||
// 查询群聊 |
||||
getOptions() |
||||
|
||||
// 查询报备信息 |
||||
const data = await getClueRemarkByClueId({ clueId: row.clueId }) |
||||
if (data && data.remarkId) { |
||||
form.value = { ...data } |
||||
if (data.schoolId && data.placeId) { |
||||
form.value.schoolPlace = [data.schoolId, data.placeId] |
||||
} else if (data.schoolId) { |
||||
form.value.schoolPlace = [data.schoolId] |
||||
} |
||||
return |
||||
} |
||||
|
||||
form.value.clueId = row.clueId |
||||
let remarkInfo = `学员姓名：${row.name}\n联系方式：${row.phone}\n意向驾校：\n意向班型：` |
||||
if (row.diyParams?.licenseType) { |
||||
remarkInfo += `${row.diyParams.licenseType}\n` |
||||
} else { |
||||
remarkInfo += `\n` |
||||
} |
||||
// const name = userStore.getUser.nickname.substring(0, 1) |
||||
const name = userStore.getUser.nickname |
||||
remarkInfo += `意向成交价：\n邀约时间：\n邀约人：${name}教练\n备注：` |
||||
form.value.remarkContent = remarkInfo |
||||
} |
||||
|
||||
defineExpose({ open }) |
||||
|
||||
const groupOptions = ref([]) |
||||
const placeOptions = ref([]) |
||||
function getOptions() { |
||||
getWxGroupSimpleList().then((response) => { |
||||
groupOptions.value = response |
||||
}) |
||||
|
||||
getPlaceList({ |
||||
placeStatus: 0, |
||||
schoolStatus: 0, |
||||
isSearchSchool: true |
||||
}).then((data) => { |
||||
placeOptions.value = data.schoolList.map((item) => ({ |
||||
value: item.schoolId, |
||||
label: item.schoolName, |
||||
children: data.placeList |
||||
.filter((place) => item.schoolId == place.schoolId) |
||||
.map((place) => ({ |
||||
value: place.placeId, |
||||
label: place.name |
||||
})) |
||||
})) |
||||
}) |
||||
} |
||||
|
||||
const formRef = ref(null) |
||||
function handleSave() { |
||||
formRef.value.validate(async (valid) => { |
||||
if (valid) { |
||||
formLoading.value = true |
||||
try { |
||||
const params = { ...form.value } |
||||
if (params.schoolPlace && params.schoolPlace.length) { |
||||
params.schoolId = params.schoolPlace[0] |
||||
if (params.schoolPlace.length == 2) { |
||||
params.placeId = params.schoolPlace[1] |
||||
} |
||||
} |
||||
await reportClue(params) |
||||
message.success('提交报备信息成功') |
||||
show.value = false |
||||
} catch (error) { |
||||
console.error('提交报备信息失败', error) |
||||
} finally { |
||||
formLoading.value = false |
||||
} |
||||
} else { |
||||
console.log('表单验证失败') |
||||
return false |
||||
} |
||||
}) |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -1,111 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<el-card shadow="always" :body-style="{ padding: '10px' }"> |
||||
<template #header> |
||||
<div> |
||||
<span>报备❤</span> |
||||
</div> |
||||
</template> |
||||
<el-input |
||||
class="remark" |
||||
type="textarea" |
||||
v-model="form.remarkContent" |
||||
:autosize="{ minRows: 5 }" |
||||
readonly |
||||
/> |
||||
</el-card> |
||||
<el-card shadow="always" :body-style="{ padding: '10px' }" class="mt-10px"> |
||||
<template #header> |
||||
<div> |
||||
<span>接待录入</span> |
||||
</div> |
||||
</template> |
||||
<el-form :model="form" ref="formRef" :rules="rules" label-width="0"> |
||||
<el-form-item prop="signInfo"> |
||||
<el-input |
||||
class="remark" |
||||
type="textarea" |
||||
placeholder="请输入报名信息" |
||||
v-model="form.signInfo" |
||||
:autosize="{ minRows: 5 }" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item prop="group"> |
||||
<el-select v-model="form.groupId" placeholder="选择群聊并发送报名信息" filterable> |
||||
<el-option |
||||
v-for="item in groupOptions" |
||||
:key="item.groupId" |
||||
:label="item.groupName" |
||||
:value="item.groupId" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button class="w-full" type="primary" size="large" @click="handleSubmit"> |
||||
提交 |
||||
</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</el-card> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup> |
||||
import { getWxGroupSimpleList } from '@/api/clue/clueRemark' |
||||
import { getClueRemarkByRemarkId, registerClue } from '@/api/clue/clueRemark' |
||||
|
||||
const route = useRoute() |
||||
const message = useMessage() |
||||
|
||||
const groupOptions = ref([]) |
||||
|
||||
const form = ref({ |
||||
signInfo: '', |
||||
groupId: '' |
||||
}) |
||||
const rules = { |
||||
signInfo: [{ required: true, message: '请输入接待信息', trigger: 'blur' }], |
||||
groupId: [{ required: true, message: '请选择群聊', trigger: 'change' }] |
||||
} |
||||
|
||||
const formRef = ref(null) |
||||
|
||||
function handleSubmit() { |
||||
formRef.value.validate((valid) => { |
||||
if (valid) { |
||||
registerClue(form.value).then(() => { |
||||
message.success('提交接待信息成功') |
||||
}) |
||||
} else { |
||||
console.log('表单验证失败') |
||||
return false |
||||
} |
||||
}) |
||||
} |
||||
|
||||
onMounted(() => { |
||||
if (route.params.id && route.params.id != 0) { |
||||
// 这里可以调用API获取会议详情数据 |
||||
getClueRemarkByRemarkId({ remarkId: route.params.id }).then((response) => { |
||||
form.value = response |
||||
}) |
||||
} else { |
||||
// 关闭网页 |
||||
window.close() |
||||
} |
||||
|
||||
getWxGroupSimpleList().then((response) => { |
||||
groupOptions.value = response |
||||
}) |
||||
}) |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
::v-deep(.remark .el-textarea__inner) { |
||||
font-size: 15px; |
||||
color: #333; |
||||
} |
||||
::v-deep(.el-card__header) { |
||||
padding: 10px; |
||||
} |
||||
</style> |
||||
@ -1,228 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<el-form ref="queryForm" :model="searchForm" label-width="0" inline> |
||||
<el-form-item> |
||||
<el-input |
||||
v-model="searchForm.groupName" |
||||
placeholder="请输入群名称" |
||||
clearable |
||||
@keyup.enter="handleQuery" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button @click="handleQuery">搜索</el-button> |
||||
<el-button @click="resetQuery">重置</el-button> |
||||
<el-button type="primary" @click="openForm('create', null)">新增</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
<el-table v-loading="loading" :data="tableList"> |
||||
<el-table-column prop="groupName" label="群名称" /> |
||||
<el-table-column label="区域负责人" prop="areaUserName" /> |
||||
<el-table-column prop="remark" label="备注" /> |
||||
<el-table-column label="操作"> |
||||
<template #default="{ row }"> |
||||
<el-button type="primary" style="padding: 0" text @click="openForm('update', row)"> |
||||
修改 |
||||
</el-button> |
||||
<el-button type="danger" text @click="handleDelete(row.groupId)"> 删除 </el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<Pagination |
||||
v-model:limit="searchForm.pageSize" |
||||
v-model:page="searchForm.pageNo" |
||||
:total="total" |
||||
@pagination="getList" |
||||
/> |
||||
<Dialog :title="dialogTitle" v-model="dialogVisible" width="600px"> |
||||
<el-form |
||||
ref="formRef" |
||||
v-loading="formLoading" |
||||
:model="formData" |
||||
:rules="formRules" |
||||
label-width="100px" |
||||
> |
||||
<el-form-item label="微信群" prop="groupId"> |
||||
<el-select |
||||
filterable |
||||
v-model="formData.groupId" |
||||
placeholder="请选择群聊" |
||||
:disabled="dialogType === 'update'" |
||||
style="width: 100%" |
||||
> |
||||
<el-option |
||||
v-for="item in groupOptions" |
||||
:key="item.wxGroupId" |
||||
:label="item.wxGroupName" |
||||
:value="item.wxGroupId" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="区域负责人" prop="areaUser"> |
||||
<el-select v-model="formData.areaUser" placeholder="请选择" filterable multiple> |
||||
<el-option |
||||
v-for="item in userOptions" |
||||
:key="item.id" |
||||
:label="item.nickname" |
||||
:value="item.id" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="备注" prop="remark"> |
||||
<el-input |
||||
type="textarea" |
||||
v-model="formData.remark" |
||||
placeholder="请输入备注" |
||||
:autosize="{ minRows: 4, maxRows: 8 }" |
||||
/> |
||||
</el-form-item> |
||||
</el-form> |
||||
<template #footer> |
||||
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button> |
||||
<el-button @click="dialogVisible = false">取 消</el-button> |
||||
</template> |
||||
</Dialog> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup> |
||||
import * as wxgroupApi from '@/api/clue/clueRemark' |
||||
import { getSimpleUserList as getUserOption } from '@/api/system/user' |
||||
import { getWxGroupList } from '@/api/okr/meeting' |
||||
|
||||
const { t } = useI18n() // 国际化 |
||||
const message = useMessage() // 消息弹窗 |
||||
|
||||
const searchForm = ref({ |
||||
groupName: '', |
||||
pageSize: 20, |
||||
pageNo: 1 |
||||
}) |
||||
|
||||
const total = ref(0) |
||||
const tableList = ref([]) |
||||
const loading = ref(false) |
||||
|
||||
function handleQuery() { |
||||
searchForm.value.pageNo = 1 |
||||
getList() |
||||
} |
||||
function resetQuery() { |
||||
searchForm.value = { |
||||
groupName: '', |
||||
pageSize: 20, |
||||
pageNo: 1 |
||||
} |
||||
getList() |
||||
} |
||||
|
||||
async function getList() { |
||||
loading.value = true |
||||
try { |
||||
const data = await wxgroupApi.getWxGroupPage(searchForm.value) |
||||
tableList.value = data.list |
||||
total.value = data.total |
||||
} finally { |
||||
loading.value = false |
||||
} |
||||
} |
||||
|
||||
const dialogVisible = ref(false) // 弹窗的是否展示 |
||||
const dialogTitle = ref('') // 弹窗的标题 |
||||
const dialogType = ref('create') // 弹窗的类型 create新增 update修改 |
||||
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
||||
const formData = ref({ |
||||
groupId: '', |
||||
areaUser: [], |
||||
remark: '' |
||||
}) |
||||
const formRules = reactive({ |
||||
groupId: [{ required: true, message: '微信群不能为空', trigger: 'change' }], |
||||
areaUser: [{ required: true, message: '区域负责人不能为空', trigger: 'change' }] |
||||
}) |
||||
const formRef = ref(null) // 表单的ref |
||||
const groupOptions = ref([]) // 微信群选项 |
||||
const userOptions = ref([]) // 用户选项 |
||||
|
||||
async function openForm(type, row) { |
||||
dialogType.value = type |
||||
dialogTitle.value = type === 'create' ? '新增报备群' : '修改报备群' |
||||
dialogVisible.value = true |
||||
resetForm() |
||||
// 修改时，设置数据 |
||||
if (row) { |
||||
formLoading.value = true |
||||
try { |
||||
formData.value = { ...row } |
||||
} finally { |
||||
formLoading.value = false |
||||
} |
||||
} |
||||
} |
||||
|
||||
function resetForm() { |
||||
formData.value = { |
||||
groupId: '', |
||||
areaUser: [], |
||||
remark: '' |
||||
} |
||||
if (formRef.value) { |
||||
formRef.value.clearValidate() |
||||
} |
||||
} |
||||
|
||||
async function handleDelete(id) { |
||||
try { |
||||
// 删除的二次确认 |
||||
await message.delConfirm() |
||||
// 发起删除 |
||||
await wxgroupApi.deleteWxGroup(id) |
||||
message.success(t('common.delSuccess')) |
||||
// 刷新列表 |
||||
await getList() |
||||
} catch {} |
||||
} |
||||
|
||||
function submitForm() { |
||||
if (!formRef.value) return |
||||
formRef.value.validate(async (valid) => { |
||||
if (valid) { |
||||
formLoading.value = true |
||||
formData.value.groupName = groupOptions.value.find( |
||||
(item) => item.wxGroupId == formData.value.groupId |
||||
)?.wxGroupName |
||||
try { |
||||
if (dialogType.value === 'create') { |
||||
await wxgroupApi.createWxGroup(formData.value) |
||||
message.success(t('common.addSuccess')) |
||||
} else { |
||||
await wxgroupApi.updateWxGroup(formData.value) |
||||
message.success(t('common.updateSuccess')) |
||||
} |
||||
dialogVisible.value = false |
||||
getList() |
||||
} finally { |
||||
formLoading.value = false |
||||
} |
||||
} |
||||
}) |
||||
} |
||||
|
||||
function getOptions() { |
||||
getWxGroupList().then((resp) => { |
||||
groupOptions.value = resp || [] |
||||
}) |
||||
// 获取用户选项 |
||||
getUserOption().then((data) => { |
||||
userOptions.value = data |
||||
}) |
||||
} |
||||
|
||||
onMounted(() => { |
||||
handleQuery() |
||||
|
||||
getOptions() |
||||
}) |
||||
</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