65 Commits

Author SHA1 Message Date
qsh
f74ed7e62d sc 2024-10-18 10:32:03 +08:00
qsh
8fc9dd449b sc 2024-10-11 11:38:37 +08:00
qsh
9c7ba2fb87 sc 2024-10-10 16:49:57 +08:00
qsh
2406bcb8e4 sc 2024-10-09 16:38:49 +08:00
qsh
41c20623d4 cc 2024-10-08 18:08:22 +08:00
qsh
a8ea0e4b26 sc 2024-10-08 16:31:21 +08:00
qsh
8de29b754a sc 2024-09-26 17:36:29 +08:00
qsh
5f63709c2f sc 2024-09-24 15:56:26 +08:00
qsh
a89bd1b59c sc 2024-09-23 11:15:22 +08:00
qsh
4daf01a21b sc 2024-09-20 11:48:53 +08:00
qsh
83d04e7333 sc 2024-09-20 11:21:05 +08:00
a81d21dd3b Merge pull request 'dev-cjl' (#3) from dev-cjl into main
Reviewed-on: http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web/pulls/3
2024-09-18 11:51:00 +08:00
qsh
f6ed6575c4 sc 2024-09-14 16:37:31 +08:00
qsh
cab0b3f2eb sc 2024-09-13 17:41:08 +08:00
qsh
f415e0cfce Merge branch 'main' of http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web into dev-cjl 2024-09-13 10:38:00 +08:00
qsh
90f7513ca8 sc 2024-09-13 10:18:32 +08:00
qsh
cad9fbb0e0 sc 2024-09-12 16:29:50 +08:00
qsh
187c156e88 sc 2024-09-12 09:45:33 +08:00
842e6ea24b sc 2024-09-12 01:59:30 +08:00
qsh
fb466e207c sc 2024-09-10 18:05:19 +08:00
qsh
8a857e03af sc 2024-09-10 17:00:39 +08:00
qsh
7de4adeaad sc 2024-09-10 16:58:25 +08:00
qsh
3e714a0bc8 sc 2024-09-10 16:38:04 +08:00
qsh
3678c5fcc4 sc 2024-09-06 18:09:25 +08:00
qsh
ecc89f47bb sc 2024-09-05 17:35:19 +08:00
qsh
41e256aabb Merge branch 'main' of http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web into dev-cjl
cj
2024-09-05 16:26:50 +08:00
qsh
cc5648414e sc 2024-09-05 15:32:39 +08:00
qsh
0555c0e42e sc 2024-09-05 15:26:28 +08:00
qsh
7665389a8d sc 2024-09-04 17:59:58 +08:00
qsh
0540513894 sc 2024-09-04 17:57:38 +08:00
qsh
0673721ad7 sc 2024-09-04 17:36:06 +08:00
qsh
71f6dacba4 sc 2024-09-04 15:48:01 +08:00
qsh
735d638b49 sc 2024-09-02 17:02:43 +08:00
qsh
f7980cf66a Merge branch 'main' of http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web into dev-cjl 2024-09-01 12:22:32 +08:00
qsh
a72db9307d sc 2024-09-01 12:22:07 +08:00
qsh
9ebd81cc2c ch 2024-08-29 17:45:59 +08:00
qsh
efe4cf000c Merge branch 'main' of http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web into dev-cjl 2024-08-28 14:21:09 +08:00
qsh
fa526a8471 shc 2024-08-28 14:20:48 +08:00
qsh
076f301920 sc 2024-08-28 10:09:23 +08:00
qsh
5eccb83e3f Merge branch 'main' of http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web into dev-cjl 2024-08-27 14:24:31 +08:00
qsh
e25d507bd0 shangc 2024-08-27 14:19:18 +08:00
qsh
51f7a85542 Merge branch 'main' of http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web 2024-08-26 16:51:56 +08:00
qsh
baf325cda6 sc 2024-08-26 16:51:42 +08:00
qsh
e3e5fa7eeb shangc 2024-08-26 16:32:52 +08:00
45f4c4c8af Merge pull request 'dev-cjl' (#2) from dev-cjl into main
Reviewed-on: http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web/pulls/2
2024-08-23 18:38:06 +08:00
qsh
2c5d239311 tj 2024-08-23 18:37:45 +08:00
qsh
03d7c87934 Merge branch 'main' of http://114.55.169.15:3000/qiushanhe/ss-crm-manage-web into dev-cjl 2024-08-23 18:33:37 +08:00
qsh
42fec8b681 sc 2024-08-23 18:32:44 +08:00
qsh
4bc0e006f0 sc 2024-08-23 18:03:43 +08:00
qsh
230e4bf577 sc 2024-08-23 17:57:58 +08:00
qsh
a01363dba2 shangchuan 2024-08-20 18:10:36 +08:00
qsh
31f3df9932 sc 2024-08-20 15:30:28 +08:00
qsh
347069dbee sha 2024-08-19 17:26:23 +08:00
qsh
57d6aa3a0e 场地定位和搜索 2024-08-18 16:38:09 +08:00
qsh
d6be0488c4 sc 2024-08-18 16:29:01 +08:00
qsh
c2e4bfe609 sc 2024-08-14 15:33:33 +08:00
qsh
e6906818e8 sc 2024-08-13 16:09:44 +08:00
qsh
004915e956 sc 2024-08-13 15:21:57 +08:00
qsh
2cf95c4e5d 上传 2024-08-12 18:06:10 +08:00
qsh
db22a8ae8a 上传 2024-08-12 17:54:34 +08:00
qsh
1be86c7699 上传 2024-08-09 18:26:47 +08:00
qsh
a5e1a97d93 sc 2024-08-09 16:25:11 +08:00
qsh
a3dc76e6a8 上传 2024-08-09 11:47:56 +08:00
qsh
e60eb51f45 sc 2024-08-07 15:20:44 +08:00
qsh
183794746b sc 2024-08-07 10:30:31 +08:00
63 changed files with 2603 additions and 248 deletions

View File

@@ -6,8 +6,8 @@ export const getSimpleClueList = async () => {
} }
// 查询列表 // 查询列表
export const getCluePage = async (params) => { export const getCluePage = async (data) => {
return await request.get({ url: '/admin-api/crm/sch-clue/page', params }) return await request.post({ url: '/admin-api/crm/sch-clue/page', data })
} }
// 查询详情 // 查询详情

View File

@@ -24,3 +24,8 @@ export const getMallSettleDetail = async (id) => {
export const batchSaveSettle = async (data) => { export const batchSaveSettle = async (data) => {
return await request.post({ url: '/admin-api/crm/sign-settlement/batch/save', data }) return await request.post({ url: '/admin-api/crm/sign-settlement/batch/save', data })
} }
// 修改结算
export const updateSettle = async (data) => {
return await request.post({ url: '/admin-api/crm/sign-settlement/update/money', data })
}

View File

@@ -1,8 +1,8 @@
import request from '@/config/axios' import request from '@/config/axios'
// 查询列表 // 查询列表
export const getSignPage = async (params) => { export const getSignPage = async (data) => {
return await request.get({ url: '/admin-api/crm/sign/page', params }) return await request.post({ url: '/admin-api/crm/sign/page', data })
} }
// 查询详情 // 查询详情
@@ -29,3 +29,25 @@ export const signAddPay = async (data) => {
export const getSignExtraPayList = async (params) => { export const getSignExtraPayList = async (params) => {
return await request.get({ url: '/admin-api/crm/sign/extra-pay/get', params }) return await request.get({ url: '/admin-api/crm/sign/extra-pay/get', params })
} }
// 安装状态修改
export const updateInstallStatus = (signIdList, installStatus) => {
const data = {
signIdList,
installStatus
}
return request.post({ url: '/admin-api/crm/sign/install-status/batchSave', data: data })
}
// 修改生产状态
export const updateProduceStatus = (data) => {
return request.put({ url: '/admin-api/crm/sign-prodcut/update', data: data })
}
export const updateProduceSort = (data) => {
return request.post({ url: '/admin-api/crm/sign-prodcut/adjust/sort', data: data })
}
export const getSignProfit = (params) => {
return request.get({ url: '/admin-api/crm/sign/profit', params })
}

View File

@@ -0,0 +1,8 @@
import request from '@/config/axios'
export const getList = async (data) => {
return await request.post({ url: '/admin-api/crm/sch-clue/clueQuality/report', data })
}
export const getPeriodList = async (data) => {
return await request.post({ url: '/admin-api/crm/sch-clue/clueQuality/period/report', data })
}

View File

@@ -0,0 +1,8 @@
import request from '@/config/axios'
export const getInfo = async (data) => {
return await request.post({ url: '/admin-api/crm/sch-clue/signData/report/one', data })
}
export const getList = async (data) => {
return await request.post({ url: '/admin-api/crm/sch-clue/signData/report/two', data })
}

View File

@@ -0,0 +1,4 @@
import request from '@/config/axios'
export const getList = async (data) => {
return await request.post({ url: '/admin-api/crm/sch-clue/signRate/report', data })
}

View File

@@ -71,3 +71,10 @@ export const getAppInfo = (instanceId: number) => {
url: '/admin-api/system/serviceInstance/getInstanceInfo?instanceId=' + instanceId url: '/admin-api/system/serviceInstance/getInstanceInfo?instanceId=' + instanceId
}) })
} }
export const bindWx = (data: any) => {
return request.post({
url: '/admin-api/system/user/bind/wx',
data
})
}

View File

@@ -41,3 +41,13 @@ export const updateDept = async (params: DeptVO) => {
export const deleteDept = async (id: number) => { export const deleteDept = async (id: number) => {
return await request.delete({ url: '/admin-api/system/dept/delete?id=' + id }) return await request.delete({ url: '/admin-api/system/dept/delete?id=' + id })
} }
// 获取部门业务指标
export const getDeptTarget = async (deptId: number) => {
return await request.get({ url: '/admin-api/crm/dept-target/get', params: { deptId } })
}
// 更新部门业务指标
export const updateDeptTarget = async (data: any) => {
return await request.put({ url: '/admin-api/crm/dept-target/save', data, isSubmitForm: true })
}

View File

@@ -44,6 +44,11 @@ export const deleteDictData = (id: number) => {
} }
// 导出字典类型数据 // 导出字典类型数据
export const exportDictData = (params) => { export const exportDictData = (params: any) => {
return request.get({ url: '/admin-api/crm/dict-data/export', params }) return request.get({ url: '/admin-api/crm/dict-data/export', params })
} }
// 获取通用字典数据
export const getGeneralSysDictData = (dictType: string) => {
return request.get({ url: '/admin-api/system/dict-data/get-by-type', params: { dictType } })
}

View File

@@ -1,5 +1,4 @@
import request from '@/config/axios' import request from '@/config/axios'
import qs from 'qs'
export interface NotifyMessageVO { export interface NotifyMessageVO {
id: number id: number
@@ -16,35 +15,39 @@ export interface NotifyMessageVO {
} }
// 查询站内信消息列表 // 查询站内信消息列表
export const getNotifyMessagePage = async (params: PageParam) => { export const getNotifyMessagePage = async (params: any) => {
return await request.get({ url: '/admin-api/system/notify-message/page', params }) return await request.get({ url: '/admin-api/system/notify-message/page', params })
} }
// 获得我的站内信分页 // 获得我的站内信分页
export const getMyNotifyMessagePage = async (params: PageParam) => { export const getMyNotifyMessagePage = async (params: any) => {
return await request.get({ url: '/admin-api/system/notify-message/my-page', params }) return await request.get({ url: '/admin-api/system/notify-message/my-page', params })
} }
// 批量标记已读 // 批量标记已读
export const updateNotifyMessageRead = async (ids) => { export const updateNotifyMessageRead = async (data: any) => {
return await request.put({ return await request.put({
url: url: '/admin-api/system/notify-message/update-read?',
'/admin-api/system/notify-message/update-read?' + data
qs.stringify({ ids: ids }, { indices: false })
}) })
} }
// 标记所有站内信为已读 // 标记所有站内信为已读
export const updateAllNotifyMessageRead = async () => { export const updateAllNotifyMessageRead = async (data: any) => {
return await request.put({ url: '/admin-api/system/notify-message/update-all-read' }) return await request.put({ url: '/admin-api/system/notify-message/update-all-read', data })
} }
// 获取当前用户的最新站内信列表 // 获取当前用户的最新站内信列表
export const getUnreadNotifyMessageList = async () => { export const getUnreadNotifyMessageList = async (params: any) => {
return await request.get({ url: '/admin-api/system/notify-message/get-unread-list' }) return await request.get({ url: '/admin-api/system/notify-message/get-unread-list', params })
} }
// 获得当前用户的未读站内信数量 // 获得当前用户的未读站内信数量
export const getUnreadNotifyMessageCount = async () => { export const getUnreadNotifyMessageCount = async (params: any) => {
return await request.get({ url: '/admin-api/system/notify-message/get-unread-count' }) return await request.get({ url: '/admin-api/system/notify-message/get-unread-count', params })
}
// 获取详情
export const getNotifyMessageDetail = async (id: number) => {
return await request.get({ url: '/admin-api/system/notify-message/get', params: { id } })
} }

View File

@@ -0,0 +1,25 @@
import request from '@/config/axios'
// 获取角色快报配置
export const getRoleDaliyReport = async (roleId) => {
return await request.get({
url: '/admin-api/system/role-message-setting/get',
params: { roleId }
})
}
// 保存角色每日快报配置
export const updateRoleDaliyReport = async (data) => {
return await request.post({
url: '/admin-api/system/role-message-setting/save',
data,
isSubmitForm: true
})
}
// 获取每日快报发送内容
export const getDaliyReportContent = async () => {
return await request.get({
url: '/admin-api/system/message-item/list-all-simple'
})
}

View File

@@ -22,13 +22,13 @@ onMounted(() => {
appStore.setCssVarTheme() appStore.setCssVarTheme()
}) })
const { width } = useWindowSize() const { width, height } = useWindowSize()
// 监听窗口变化 // 监听窗口变化
watch( watch(
() => width.value, () => width.value,
(width: number) => { (width: number) => {
if (width < 768) { if (width < 768 || height.value < 450) {
!appStore.getMobile ? appStore.setMobile(true) : undefined !appStore.getMobile ? appStore.setMobile(true) : undefined
setCssVar('--left-menu-min-width', '0') setCssVar('--left-menu-min-width', '0')
appStore.setCollapse(true) appStore.setCollapse(true)

View File

@@ -67,6 +67,7 @@ const emit = defineEmits(['close'])
destroy-on-close destroy-on-close
draggable draggable
lock-scroll lock-scroll
append-to-body
v-bind="getBindValue" v-bind="getBindValue"
@close="emit('close')" @close="emit('close')"
> >

View File

@@ -3,6 +3,8 @@
<div class="flex"> <div class="flex">
<el-table <el-table
:data="tableObject.tableList" :data="tableObject.tableList"
:row-key="rowkey"
:expand-row-keys="expandRowKeys"
border border
style="flex: 1" style="flex: 1"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
@@ -58,7 +60,9 @@ import { useRoute } from 'vue-router'
const props = defineProps({ const props = defineProps({
tableObject: { type: Object, default: () => ({ tableList: [] }) }, tableObject: { type: Object, default: () => ({ tableList: [] }) },
tableColumns: { type: Array, default: () => [] } tableColumns: { type: Array, default: () => [] },
rowkey: { type: String, default: 'id' },
expandRowKeys: { type: Array, default: () => [] }
}) })
const emit = defineEmits(['update:tableObject', 'getList', 'getCheckedColumns', 'selection-change']) const emit = defineEmits(['update:tableObject', 'getList', 'getCheckedColumns', 'selection-change'])

View File

@@ -47,7 +47,7 @@ const props = defineProps({
// fileType: propTypes.array.def(['doc', 'xls', 'ppt', 'txt', 'pdf']), // 文件类型, 例如['png', 'jpg', 'jpeg'] // fileType: propTypes.array.def(['doc', 'xls', 'ppt', 'txt', 'pdf']), // 文件类型, 例如['png', 'jpg', 'jpeg']
fileType: propTypes.array.def([]), fileType: propTypes.array.def([]),
accept: propTypes.string.def('*'), accept: propTypes.string.def('*'),
fileSize: propTypes.number.def(5), // 大小限制(MB) fileSize: propTypes.number.def(100), // 大小限制(MB)
limit: propTypes.number.def(5), // 数量限制 limit: propTypes.number.def(5), // 数量限制
autoUpload: propTypes.bool.def(true), // 自动上传 autoUpload: propTypes.bool.def(true), // 自动上传
drag: propTypes.bool.def(false), // 拖拽上传 drag: propTypes.bool.def(false), // 拖拽上传

View File

@@ -205,6 +205,8 @@ service.interceptors.response.use(
if (msg === '无效的刷新令牌') { if (msg === '无效的刷新令牌') {
// hard coding忽略这个提示直接登出 // hard coding忽略这个提示直接登出
console.log(msg) console.log(msg)
} else if (code == 18888) {
return { data }
} else { } else {
ElNotification.error({ title: msg }) ElNotification.error({ title: msg })
if (code == 403) { if (code == 403) {

View File

@@ -13,7 +13,12 @@ export const useMessage = () => {
}, },
// 成功消息 // 成功消息
success(content: string) { success(content: string) {
ElMessage.success(content) // ElMessage.success(content)
ElMessage({
message: content,
duration: 1500,
type: 'success'
})
}, },
// 警告消息 // 警告消息
warning(content: string) { warning(content: string) {

View File

@@ -1,6 +1,9 @@
<script lang="ts" name="Message" setup> <script lang="ts" name="Message" setup>
import { formatDate } from '@/utils/formatTime' import { formatDate } from '@/utils/formatTime'
import * as NotifyMessageApi from '@/api/system/notify/message' import * as NotifyMessageApi from '@/api/system/notify/message'
import { useUserStore } from '@/store/modules/user'
const userStore = useUserStore()
const { push } = useRouter() const { push } = useRouter()
const activeName = ref('notice') const activeName = ref('notice')
@@ -9,16 +12,21 @@ const list = ref<any[]>([]) // 消息列表
// 获得消息列表 // 获得消息列表
const getList = async () => { const getList = async () => {
list.value = await NotifyMessageApi.getUnreadNotifyMessageList() const data = await NotifyMessageApi.getUnreadNotifyMessageList({
roleId: userStore.getUser?.currentRole
})
list.value = data.list
// 强制设置 unreadCount 为 0避免小红点因为轮询太慢不消除 // 强制设置 unreadCount 为 0避免小红点因为轮询太慢不消除
unreadCount.value = 0 unreadCount.value = 0
} }
// 获得未读消息数 // 获得未读消息数
const getUnreadCount = async () => { const getUnreadCount = async () => {
NotifyMessageApi.getUnreadNotifyMessageCount().then((data) => { NotifyMessageApi.getUnreadNotifyMessageCount({ roleId: userStore.getUser?.currentRole }).then(
(data) => {
unreadCount.value = data unreadCount.value = data
}) }
)
} }
// 跳转我的站内信 // 跳转我的站内信
@@ -34,9 +42,9 @@ onMounted(() => {
// 首次加载小红点 // 首次加载小红点
getUnreadCount() getUnreadCount()
// 轮询刷新小红点 // 轮询刷新小红点
// msgInterval.value = setInterval(() => { msgInterval.value = setInterval(() => {
// getUnreadCount() getUnreadCount()
// }, 1000 * 60 * 2) }, 1000 * 60 * 2)
}) })
onUnmounted(() => { onUnmounted(() => {
@@ -56,10 +64,9 @@ onUnmounted(() => {
<div class="message-list"> <div class="message-list">
<template v-for="item in list" :key="item.id"> <template v-for="item in list" :key="item.id">
<div class="message-item"> <div class="message-item">
<img alt="" class="message-icon" src="@/assets/imgs/avatar.gif" />
<div class="message-content"> <div class="message-content">
<span class="message-title"> <span class="message-title">
{{ item.templateNickname }}{{ item.templateContent }} {{ item.title }}
</span> </span>
<span class="message-date"> <span class="message-date">
{{ formatDate(item.createTime) }} {{ formatDate(item.createTime) }}
@@ -94,7 +101,7 @@ onUnmounted(() => {
.message-item { .message-item {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 20px 0; padding: 5px 0;
border-bottom: 1px solid var(--el-border-color-light); border-bottom: 1px solid var(--el-border-color-light);
&:last-child { &:last-child {
@@ -113,6 +120,7 @@ onUnmounted(() => {
.message-title { .message-title {
margin-bottom: 5px; margin-bottom: 5px;
font-weight: bold;
} }
.message-date { .message-date {

View File

@@ -14,7 +14,16 @@ const { start, done } = useNProgress()
const { loadStart, loadDone } = usePageLoading() const { loadStart, loadDone } = usePageLoading()
// 路由不重定向白名单 // 路由不重定向白名单
const whiteList = ['/login', '/social-login', '/auth-redirect', '/bind', '/register', '/swagger'] const whiteList = [
'/login',
'/mp-login',
'/nm-detail',
'/social-login',
'/auth-redirect',
'/bind',
'/register',
'/swagger'
]
// 路由加载前 // 路由加载前
router.beforeEach(async (to, from, next) => { router.beforeEach(async (to, from, next) => {
@@ -36,7 +45,7 @@ router.beforeEach(async (to, from, next) => {
const dictStore = useDictStoreWithOut() const dictStore = useDictStoreWithOut()
const userStore = useUserStoreWithOut() const userStore = useUserStoreWithOut()
const permissionStore = usePermissionStoreWithOut() const permissionStore = usePermissionStoreWithOut()
if (!dictStore.getIsSetDict) { if (!dictStore.getIsSetDict && to.path != '/nm-detail') {
await dictStore.setDictMap() await dictStore.setDictMap()
} }
if (!userStore.getIsSetUser) { if (!userStore.getIsSetUser) {

View File

@@ -106,7 +106,6 @@ const remainingRouter: AppRouteRecordRaw[] = [
} }
] ]
}, },
// { // {
// path: '/dict', // path: '/dict',
// component: Layout, // component: Layout,
@@ -134,7 +133,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
// path: '/Basic', // path: '/Basic',
// component: Layout, // component: Layout,
// name: 'Basic', // name: 'Basic',
// meta: {}, // meta: { title: '菜单管理' },
// redirect: '/Basic/menu', // redirect: '/Basic/menu',
// children: [ // children: [
// { // {
@@ -161,6 +160,16 @@ const remainingRouter: AppRouteRecordRaw[] = [
noTagsView: true noTagsView: true
} }
}, },
{
path: '/mp-login',
component: () => import('@/views/Login/MPLogin.vue'),
name: 'MPLogin',
meta: {
hidden: true,
title: '用户绑定',
noTagsView: true
}
},
{ {
path: '/sso', path: '/sso',
component: () => import('@/views/Login/Login.vue'), component: () => import('@/views/Login/Login.vue'),
@@ -171,6 +180,16 @@ const remainingRouter: AppRouteRecordRaw[] = [
noTagsView: true noTagsView: true
} }
}, },
{
path: '/nm-detail',
component: () => import('@/views/Profile/NotifyMessageDetail.vue'),
name: 'NMDetail',
meta: {
hidden: true,
title: '通知详情',
noTagsView: true
}
},
{ {
path: '/403', path: '/403',
component: () => import('@/views/Error/403.vue'), component: () => import('@/views/Error/403.vue'),

View File

@@ -9,6 +9,7 @@ interface UserVO {
id: number id: number
avatar: string avatar: string
nickname: string nickname: string
currentRole: number
} }
interface UserInfoVO { interface UserInfoVO {
permissions: string[] permissions: string[]
@@ -25,7 +26,8 @@ export const useUserStore = defineStore('admin-user', {
user: { user: {
id: 0, id: 0,
avatar: '', avatar: '',
nickname: '' nickname: '',
currentRole: 0
} }
}), }),
getters: { getters: {
@@ -49,7 +51,7 @@ export const useUserStore = defineStore('admin-user', {
return null return null
} }
let userInfo = cache.local.get(CACHE_KEY.USER) let userInfo = cache.local.get(CACHE_KEY.USER)
if (!userInfo) { if (!userInfo || !userInfo?.menus || userInfo.menus.length == 0) {
userInfo = await getInfo({}) userInfo = await getInfo({})
} }
this.permissions = userInfo.permissions this.permissions = userInfo.permissions
@@ -72,7 +74,8 @@ export const useUserStore = defineStore('admin-user', {
this.user = { this.user = {
id: 0, id: 0,
avatar: '', avatar: '',
nickname: '' nickname: '',
currentRole: 0
} }
}, },
refresh() { refresh() {

View File

@@ -70,7 +70,7 @@
</template> </template>
</Dialog> </Dialog>
</template> </template>
<script lang="ts" name="SystemDeptForm" setup> <script name="SystemDeptForm" setup>
import { defaultProps, handleTree } from '@/utils/tree' import { defaultProps, handleTree } from '@/utils/tree'
import * as DeptApi from '@/api/system/dept' import * as DeptApi from '@/api/system/dept'
import * as UserApi from '@/api/system/user' import * as UserApi from '@/api/system/user'
@@ -81,6 +81,7 @@ const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示 const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题 const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中1修改时的数据加载2提交的按钮禁用 const formLoading = ref(false) // 表单的加载中1修改时的数据加载2提交的按钮禁用
const formType = ref('') // 表单的类型create - 新增update - 修改 const formType = ref('') // 表单的类型create - 新增update - 修改
const formData = ref({ const formData = ref({
@@ -92,7 +93,7 @@ const formData = ref({
status: CommonStatusEnum.ENABLE, status: CommonStatusEnum.ENABLE,
remark: undefined remark: undefined
}) })
const formRules = reactive<any>({ const formRules = reactive({
parentId: [{ required: true, message: '上级部门不能为空', trigger: 'blur' }], parentId: [{ required: true, message: '上级部门不能为空', trigger: 'blur' }],
name: [{ required: true, message: '部门名称不能为空', trigger: 'blur' }], name: [{ required: true, message: '部门名称不能为空', trigger: 'blur' }],
sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }], sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }],
@@ -104,10 +105,10 @@ const formRules = reactive<any>({
}) })
const formRef = ref() // 表单 Ref const formRef = ref() // 表单 Ref
const deptTree = ref() // 树形结构 const deptTree = ref() // 树形结构
const userList = ref<UserApi.UserVO[]>([]) // 用户列表 const userList = ref([]) // 用户列表
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (type: string, id?: number) => { const open = async (type, id) => {
dialogVisible.value = true dialogVisible.value = true
dialogTitle.value = t('action.' + type) dialogTitle.value = t('action.' + type)
formType.value = type formType.value = type
@@ -138,7 +139,7 @@ const submitForm = async () => {
// 提交请求 // 提交请求
formLoading.value = true formLoading.value = true
try { try {
const data = formData.value as unknown as DeptApi.DeptVO const data = formData.value
if (formType.value === 'create') { if (formType.value === 'create') {
await DeptApi.createDept(data) await DeptApi.createDept(data)
message.success(t('common.createSuccess')) message.success(t('common.createSuccess'))
@@ -172,7 +173,7 @@ const resetForm = () => {
const getTree = async () => { const getTree = async () => {
deptTree.value = [] deptTree.value = []
const data = await DeptApi.getSimpleDeptList() const data = await DeptApi.getSimpleDeptList()
let dept: Tree = { id: 0, name: '顶级部门', children: [] } let dept = { id: 0, name: '顶级部门', children: [] }
dept.children = handleTree(data) dept.children = handleTree(data)
deptTree.value.push(dept) deptTree.value.push(dept)
} }

View File

@@ -0,0 +1,133 @@
<template>
<Dialog v-model="dialogVisible" :title="dialogTitle" width="800px">
<el-form ref="formRef" :model="formData" label-width="130px">
<el-form-item label="每日跟进指标数">
<el-input-number v-model="formData.targetNum" :controls="false" style="width: 150px" />
</el-form-item>
<el-form-item label="跟进指标生效日期">
<el-date-picker
v-model="formData.startDate"
type="date"
placeholder="选择日期时间"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
style="width: 150px"
/>
</el-form-item>
</el-form>
<el-divider direction="horizontal" content-position="left">成交额指标</el-divider>
<el-button class="mb-10px" type="primary" @click="handleAddPrice"> 添加年份 </el-button>
<el-table :data="formData.deptSignPriceTargetVOList" border>
<el-table-column label="年份" width="120">
<template #default="{ row }">
<el-date-picker
v-model="row.year"
type="year"
placeholder="选择年份"
size="small"
format="YYYY"
value-format="YYYY"
style="width: 100%"
/>
</template>
</el-table-column>
<el-table-column v-for="col in 12" :key="col" :label="`${col}月`" width="100px">
<template #default="{ row }">
<el-input-number
v-model="row.monthTargetVOList[col - 1].targetPrice"
size="small"
:controls="false"
style="width: 100%"
/>
</template>
</el-table-column>
</el-table>
<template #footer>
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="dialogVisible = false"> </el-button>
</template>
</Dialog>
</template>
<script setup name="DialogTarget">
import * as DeptApi from '@/api/system/dept'
const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中1修改时的数据加载2提交的按钮禁用
const formData = ref({
remark: undefined
})
/** 打开弹窗 */
const open = async (deptId) => {
dialogVisible.value = true
dialogTitle.value = '业绩指标'
resetForm()
// 修改时,设置数据
if (deptId) {
formLoading.value = true
try {
formData.value = await DeptApi.getDeptTarget(deptId)
formData.value.deptId = deptId
if (formData.value?.deptSignPriceTargetVOList) {
formData.value.deptSignPriceTargetVOList.forEach((it) => {
it.year = it.year + ''
})
}
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
const formRef = ref() // 表单 Ref
const submitForm = async () => {
// 提交请求
formLoading.value = true
try {
await DeptApi.updateDeptTarget(formData.value)
message.success('修改成功')
dialogVisible.value = false
// 发送操作成功的事件
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
targetNum: undefined,
startDate: undefined,
deptSignPriceTargetVOList: []
}
formRef.value?.resetFields()
}
function handleAddPrice() {
const obj = {
year: undefined,
monthTargetVOList: []
}
for (let i = 1; i <= 12; i++) {
obj.monthTargetVOList.push({
month: i,
targetPrice: undefined
})
}
if (!formData.value.deptSignPriceTargetVOList) {
formData.value.deptSignPriceTargetVOList = []
}
formData.value.deptSignPriceTargetVOList.push(obj)
}
</script>
<style lang="scss" scoped></style>

View File

@@ -23,9 +23,13 @@
<el-table-column prop="name" label="部门名称" /> <el-table-column prop="name" label="部门名称" />
<el-table-column prop="leader" label="负责人" width="120" /> <el-table-column prop="leader" label="负责人" width="120" />
<el-table-column prop="sort" label="排序" width="200" /> <el-table-column prop="sort" label="排序" width="200" />
<el-table-column prop="status" label="状态" width="100" /> <el-table-column prop="status" label="状态" width="100">
<template #default="{ row }">
{{ ['启用', '禁用'][row.status] }}
</template>
</el-table-column>
<el-table-column label="创建时间" prop="createTime" width="180" :formatter="dateFormatter" /> <el-table-column label="创建时间" prop="createTime" width="180" :formatter="dateFormatter" />
<el-table-column label="操作" class-name="fixed-width" width="160"> <el-table-column label="操作" class-name="fixed-width" width="240">
<template #default="scope"> <template #default="scope">
<el-button <el-button
link link
@@ -35,6 +39,14 @@
> >
修改 修改
</el-button> </el-button>
<el-button
link
type="primary"
@click="openTarget(scope.row.id)"
v-hasPermi="['basic:dept:update']"
>
业绩指标
</el-button>
<el-button <el-button
link link
type="danger" type="danger"
@@ -49,11 +61,13 @@
<!-- 表单弹窗添加/修改 --> <!-- 表单弹窗添加/修改 -->
<DeptForm ref="formRef" @success="getList" /> <DeptForm ref="formRef" @success="getList" />
<DialogTarget ref="targetDialogRef" @success="getList" />
</template> </template>
<script setup lang="ts" name="SystemDept"> <script setup lang="ts" name="SystemDept">
import { handleTree } from '@/utils/tree' import { handleTree } from '@/utils/tree'
import * as DeptApi from '@/api/system/dept' import * as DeptApi from '@/api/system/dept'
import DeptForm from './DeptForm.vue' import DeptForm from './DeptForm.vue'
import DialogTarget from './DialogTarget.vue'
import { dateFormatter } from '@/utils/formatTime' import { dateFormatter } from '@/utils/formatTime'
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化 const { t } = useI18n() // 国际化
@@ -93,6 +107,11 @@ const openForm = (type: string, id?: number) => {
formRef.value.open(type, id) formRef.value.open(type, id)
} }
const targetDialogRef = ref()
const openTarget = (id: number) => {
targetDialogRef.value.open(id)
}
/** 删除按钮操作 */ /** 删除按钮操作 */
const handleDelete = async (id: number) => { const handleDelete = async (id: number) => {
try { try {

View File

@@ -0,0 +1,149 @@
<template>
<div class="pl-20px pr-20px">
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto" v-loading="formLoading">
<el-form-item label="开启通知">
<el-radio-group v-model="form.status">
<el-radio :label="0"> 开启 </el-radio>
<el-radio :label="1"> 关闭 </el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="发送途径">
<el-checkbox-group v-model="form.sendType">
<el-checkbox v-for="(item, index) in sendTypeOptions" :key="index" :label="item.value">
{{ item.label }}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="发送时间">
<el-time-picker
v-model="form.sendTime"
placeholder="任意时间点"
format="HH:mm"
value-format="HH:mm"
/>
</el-form-item>
<el-form-item label="发送内容">
<el-tree
ref="treeRef"
:data="contentOptions"
:props="defaultProps"
empty-text="加载中请稍候"
node-key="id"
show-checkbox
default-expand-all
style="width: 100%"
/>
</el-form-item>
<el-form-item>
<el-button :disabled="formLoading" type="primary" @click="submitForm"> </el-button>
</el-form-item>
</el-form>
</div>
</template>
<script setup name="ReportDaily">
import * as DaliyReportApi from '@/api/system/role/daliyReport'
import { defaultProps, handleTree } from '@/utils/tree'
import { getGeneralSysDictData } from '@/api/system/dict/dict.data'
const message = useMessage() // 消息弹窗
const props = defineProps({
roleId: {
type: Number
}
})
const formLoading = ref(false)
const form = ref({
sendItem: []
})
watch(
() => props.roleId,
() => {
getReportInfo()
}
)
onMounted(() => {
init()
})
const formRef = ref()
const rules = {}
const contentOptions = ref([])
async function init() {
getOptions()
getReportInfo()
}
const sendTypeOptions = ref([])
const treeRef = ref()
function getOptions() {
getGeneralSysDictData('message_send_type').then((data) => {
sendTypeOptions.value = data
})
DaliyReportApi.getDaliyReportContent().then((data) => {
contentOptions.value = handleTree(data)
})
}
async function getReportInfo() {
try {
formLoading.value = true
const data = await DaliyReportApi.getRoleDaliyReport(props.roleId)
form.value = { ...data }
if (!form.value.sendType) {
form.value.sendType = []
}
if (!form.value.sendTime) {
form.value.sendTime = '22:00'
}
if (!form.value.sendItem) {
form.value.sendItem = []
}
treeRef.value.setCheckedKeys([], false)
// 设置选中
form.value.sendItem.forEach((menuId) => {
treeRef.value.setChecked(menuId, true, false)
})
formLoading.value = false
} catch (error) {
console.log(error)
formLoading.value = false
}
}
/** 提交表单 */
const submitForm = async () => {
// 提交请求
formLoading.value = true
try {
const data = {
id: form.value.id,
roleId: props.roleId,
sendType: form.value.sendType,
sendTime: form.value.sendTime,
status: form.value.status,
sendItem: [
...treeRef.value.getCheckedKeys(false), // 获得当前选中节点
...treeRef.value.getHalfCheckedKeys() // 获得半选中的父节点
]
}
await DaliyReportApi.updateRoleDaliyReport(data)
message.success('保存成功')
getReportInfo()
} finally {
formLoading.value = false
}
}
</script>
<style lang="scss" scoped></style>

View File

@@ -75,6 +75,13 @@
@success="getList" @success="getList"
/> />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="每日快报" :name="4">
<ReportDaily
v-if="roleOperateIndex == 4"
ref="reportDailyRef"
:roleId="list[libraryIndex].id"
/>
</el-tab-pane>
</el-tabs> </el-tabs>
</el-card> </el-card>
<!-- 表单弹窗添加/修改 --> <!-- 表单弹窗添加/修改 -->
@@ -86,6 +93,7 @@ import RoleForm from './RoleForm.vue'
import RoleEmployee from './Comp/RoleEmployee.vue' import RoleEmployee from './Comp/RoleEmployee.vue'
import RoleAssignMenuForm from './RoleAssignMenuForm.vue' import RoleAssignMenuForm from './RoleAssignMenuForm.vue'
import RoleDataPermissionForm from './RoleDataPermissionForm.vue' import RoleDataPermissionForm from './RoleDataPermissionForm.vue'
import ReportDaily from './Comp/ReportDaily.vue'
import * as RoleApi from '@/api/system/role' import * as RoleApi from '@/api/system/role'
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗

View File

@@ -1,11 +1,4 @@
<template> <template>
<div class="head-container">
<el-input v-model="deptName" class="mb-20px" clearable placeholder="请输入部门名称">
<template #prefix>
<Icon icon="ep:search" />
</template>
</el-input>
</div>
<div class="head-container"> <div class="head-container">
<el-tree <el-tree
ref="treeRef" ref="treeRef"
@@ -26,7 +19,6 @@ import { ElTree } from 'element-plus'
import * as DeptApi from '@/api/system/dept' import * as DeptApi from '@/api/system/dept'
import { defaultProps, handleTree } from '@/utils/tree' import { defaultProps, handleTree } from '@/utils/tree'
const deptName = ref('')
const deptList = ref<Tree[]>([]) // 树形结构 const deptList = ref<Tree[]>([]) // 树形结构
const treeRef = ref<InstanceType<typeof ElTree>>() const treeRef = ref<InstanceType<typeof ElTree>>()

View File

@@ -139,7 +139,8 @@ const formData = ref({
remark: '', remark: '',
status: CommonStatusEnum.ENABLE, status: CommonStatusEnum.ENABLE,
roleIds: [], roleIds: [],
hireDate: '' hireDate: '',
isNewUserConfirm: false
}) })
const formRules = ref<any>({ const formRules = ref<any>({
username: [{ required: true, message: '登录账号不能为空', trigger: 'blur' }], username: [{ required: true, message: '登录账号不能为空', trigger: 'blur' }],
@@ -192,8 +193,14 @@ const submitForm = async () => {
try { try {
const data = formData.value as unknown as UserApi.UserVO const data = formData.value as unknown as UserApi.UserVO
if (formType.value === 'create') { if (formType.value === 'create') {
await UserApi.createUser(data) const resp = await UserApi.createUser(data)
if (resp.code == 18888) {
await message.confirm(resp.msg)
formData.value.isNewUserConfirm = true
submitForm()
} else {
message.success(t('common.createSuccess')) message.success(t('common.createSuccess'))
}
} else { } else {
await UserApi.updateUser(data) await UserApi.updateUser(data)
message.success(t('common.updateSuccess')) message.success(t('common.updateSuccess'))
@@ -220,7 +227,8 @@ const resetForm = () => {
remark: '', remark: '',
status: CommonStatusEnum.ENABLE, status: CommonStatusEnum.ENABLE,
roleIds: [], roleIds: [],
hireDate: formatDate(new Date(), 'YYYY-MM-DD') hireDate: formatDate(new Date(), 'YYYY-MM-DD'),
isNewUserConfirm: false
} }
formRef.value?.resetFields() formRef.value?.resetFields()
} }

View File

@@ -6,8 +6,8 @@
</el-col> </el-col>
<el-col :span="20" :xs="24"> <el-col :span="20" :xs="24">
<!-- 搜索 --> <!-- 搜索 -->
<el-form :model="queryParams" ref="queryFormRef" inline label-width="68px"> <el-form :model="queryParams" ref="queryFormRef" inline label-width="0">
<el-form-item label="姓名" prop="nickname"> <el-form-item>
<el-input <el-input
v-model="queryParams.nickname" v-model="queryParams.nickname"
placeholder="请输入姓名" placeholder="请输入姓名"
@@ -16,7 +16,7 @@
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="手机号码" prop="mobile"> <el-form-item>
<el-input <el-input
v-model="queryParams.mobile" v-model="queryParams.mobile"
placeholder="请输入手机号码" placeholder="请输入手机号码"
@@ -25,6 +25,12 @@
class="!w-240px" class="!w-240px"
/> />
</el-form-item> </el-form-item>
<el-form-item>
<el-radio-group v-model="queryParams.status" @change="handleQuery">
<el-radio :label="0"> 在职 </el-radio>
<el-radio :label="1"> 离职 </el-radio>
</el-radio-group>
</el-form-item>
<el-form-item> <el-form-item>
<el-button @click="handleQuery" v-hasPermi="['basic:employee:search']">搜索</el-button> <el-button @click="handleQuery" v-hasPermi="['basic:employee:search']">搜索</el-button>
<el-button @click="resetQuery" v-hasPermi="['basic:employee:reset']">重置</el-button> <el-button @click="resetQuery" v-hasPermi="['basic:employee:reset']">重置</el-button>
@@ -44,12 +50,14 @@
<el-table-column label="用户姓名" prop="nickname" /> <el-table-column label="用户姓名" prop="nickname" />
<el-table-column label="部门" key="deptName" prop="deptName" /> <el-table-column label="部门" key="deptName" prop="deptName" />
<el-table-column label="手机号码" prop="mobile" width="120" /> <el-table-column label="手机号码" prop="mobile" width="120" />
<el-table-column label="状态" key="status"> <el-table-column label="状态" key="status" width="180">
<template #default="scope"> <template #default="scope">
<el-switch <el-switch
v-model="scope.row.status" v-model="scope.row.status"
:active-value="0" :active-value="0"
:inactive-value="1" :inactive-value="1"
active-text="在职"
inactive-text="离职"
v-hasPermi="['basic:employee:update']" v-hasPermi="['basic:employee:update']"
@change="handleStatusChange(scope.row)" @change="handleStatusChange(scope.row)"
/> />
@@ -61,7 +69,7 @@
width="180" width="180"
:formatter="dateFormatter" :formatter="dateFormatter"
/> />
<el-table-column label="操作" width="260"> <el-table-column label="操作" width="200">
<template #default="scope"> <template #default="scope">
<el-button <el-button
type="primary" type="primary"
@@ -114,13 +122,14 @@ const { t } = useI18n() // 国际化
const loading = ref(true) // 列表的加载中 const loading = ref(true) // 列表的加载中
const total = ref(0) // 列表的总页数 const total = ref(0) // 列表的总页数
const list = ref([]) // 列表的数 const list = ref([]) // 列表的数
const queryParams = reactive({ const queryParams = ref({
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 20,
username: undefined, username: undefined,
nickname: undefined, nickname: undefined,
mobile: undefined, mobile: undefined,
deptId: undefined deptId: undefined,
status: undefined
}) })
const queryFormRef = ref() // 搜索的表单 const queryFormRef = ref() // 搜索的表单
@@ -128,7 +137,7 @@ const queryFormRef = ref() // 搜索的表单
const getList = async () => { const getList = async () => {
loading.value = true loading.value = true
try { try {
const data = await UserApi.getUserPage(queryParams) const data = await UserApi.getUserPage(queryParams.value)
list.value = data.list list.value = data.list
total.value = data.total total.value = data.total
} finally { } finally {
@@ -138,19 +147,28 @@ const getList = async () => {
/** 搜索按钮操作 */ /** 搜索按钮操作 */
const handleQuery = () => { const handleQuery = () => {
queryParams.pageNo = 1 queryParams.value.pageNo = 1
getList() getList()
} }
/** 重置按钮操作 */ /** 重置按钮操作 */
const resetQuery = () => { const resetQuery = () => {
queryFormRef.value?.resetFields() queryFormRef.value?.resetFields()
queryParams.value = {
pageNo: 1,
pageSize: 20,
username: undefined,
nickname: undefined,
mobile: undefined,
deptId: undefined,
status: undefined
}
handleQuery() handleQuery()
} }
/** 处理部门被点击 */ /** 处理部门被点击 */
const handleDeptNodeClick = async (row) => { const handleDeptNodeClick = async (row) => {
queryParams.deptId = row.id queryParams.value.deptId = row.id
await getList() await getList()
} }

View File

@@ -104,8 +104,14 @@
> >
<el-table-column type="selection" width="55" :selectable="(row) => row.state == 1" /> <el-table-column type="selection" width="55" :selectable="(row) => row.state == 1" />
<el-table-column prop="signId" label="成交单号" min-width="150px" /> <el-table-column prop="signId" label="成交单号" min-width="150px" />
<el-table-column prop="name" label="线索名称" min-width="200px" /> <el-table-column prop="name" label="线索名称" min-width="150px" />
<el-table-column prop="phone" label="联系方式" min-width="150px" /> <el-table-column prop="phone" label="联系方式" min-width="120px" />
<el-table-column
v-if="appStore.getAppInfo?.instanceType == 1"
prop="area"
label="区域"
min-width="90"
/>
<el-table-column prop="reason" label="售后原因" min-width="150px" /> <el-table-column prop="reason" label="售后原因" min-width="150px" />
<el-table-column prop="refundAmount" label="退款金额" min-width="90px" /> <el-table-column prop="refundAmount" label="退款金额" min-width="90px" />
<el-table-column prop="percentageDeductAmount" label="提成扣款" min-width="90px" /> <el-table-column prop="percentageDeductAmount" label="提成扣款" min-width="90px" />
@@ -191,10 +197,12 @@ import DialogBatchAudit from './DialogBatchAudit.vue'
import { removeNullField } from '@/utils' import { removeNullField } from '@/utils'
import { dateFormatter } from '@/utils/formatTime' import { dateFormatter } from '@/utils/formatTime'
import { useAppStore } from '@/store/modules/app'
const afterSaleAuditDialog = ref() const afterSaleAuditDialog = ref()
const userStore = useUserStore() const userStore = useUserStore()
const appStore = useAppStore()
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const currentUserId = userStore.getUser.id const currentUserId = userStore.getUser.id

View File

@@ -45,7 +45,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24" :offset="0"> <el-col :span="24" :offset="0" v-if="appStore.getAppInfo?.instanceType == 2">
<el-form-item label="是否退货" prop="isReturns"> <el-form-item label="是否退货" prop="isReturns">
<el-radio-group v-model="form.isReturns"> <el-radio-group v-model="form.isReturns">
<el-radio :label="true"> 退货 </el-radio> <el-radio :label="true"> 退货 </el-radio>
@@ -79,7 +79,9 @@
<script setup name="DialogAfterSale"> <script setup name="DialogAfterSale">
import { getAfterSalePage, createAfterSale } from '@/api/clue/afterSale' import { getAfterSalePage, createAfterSale } from '@/api/clue/afterSale'
import { useAppStore } from '@/store/modules/app'
const appStore = useAppStore()
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const show = ref(false) const show = ref(false)

View File

@@ -1,16 +1,39 @@
<template> <template>
<Dialog :title="dialogTitle" v-model="dialogVisible" width="800px"> <Dialog :title="dialogTitle" v-model="dialogVisible" width="800px">
<Descriptions :data="orderInfo" :schema="schema" :columns="2" labelWidth="130px" /> <Descriptions :data="orderInfo" :schema="schema" :columns="2" labelWidth="130px" />
<el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px"> <el-form
ref="formRef"
v-loading="formLoading"
:rules="ruels"
:model="formData"
label-width="80px"
>
<el-row :gutter="20">
<el-col :span="12" :offset="0">
<el-form-item label="状态" prop="state"> <el-form-item label="状态" prop="state">
<el-radio-group v-model="formData.state"> <el-radio-group v-model="formData.state">
<el-radio :label="3"> 通过 </el-radio> <el-radio :label="3"> 通过 </el-radio>
<el-radio :label="4"> 驳回 </el-radio> <el-radio :label="4"> 驳回 </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" :offset="0">
<el-form-item label="审核日期" prop="checkTime">
<el-date-picker
v-model="formData.checkTime"
type="date"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
placeholder="选择日期"
/>
</el-form-item>
</el-col>
<el-col :span="24" :offset="0">
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<Editor v-model:modelValue="formData.remark" /> <Editor v-model:modelValue="formData.remark" />
</el-form-item> </el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<template #footer> <template #footer>
<el-button :disabled="formLoading" type="primary" @click="submitForm"> </el-button> <el-button :disabled="formLoading" type="primary" @click="submitForm"> </el-button>
@@ -20,6 +43,7 @@
</template> </template>
<script name="DialogAfterSaleAudit" setup> <script name="DialogAfterSaleAudit" setup>
import { auditAfterSale } from '@/api/clue/afterSale' import { auditAfterSale } from '@/api/clue/afterSale'
import { formatDate } from '@/utils/formatTime'
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
@@ -104,6 +128,10 @@ const formData = ref({
}) })
const formRef = ref() // 表单 Ref const formRef = ref() // 表单 Ref
const ruels = {
checkTime: { required: true, message: '审核日期不可为空', trigger: 'blur,change' }
}
const orderInfo = ref({}) const orderInfo = ref({})
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (row) => { const open = async (row) => {
@@ -140,6 +168,7 @@ const resetForm = (signId) => {
formData.value = { formData.value = {
saleId: signId, saleId: signId,
state: 3, state: 3,
checkTime: formatDate(new Date()),
remark: '' remark: ''
} }
formRef.value?.resetFields() formRef.value?.resetFields()

View File

@@ -1,15 +1,38 @@
<template> <template>
<Dialog :title="dialogTitle" v-model="dialogVisible" width="600px"> <Dialog :title="dialogTitle" v-model="dialogVisible" width="600px">
<el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px"> <el-form
ref="formRef"
v-loading="formLoading"
:rules="ruels"
:model="formData"
label-width="80px"
>
<el-row :gutter="20">
<el-col :span="12" :offset="0">
<el-form-item label="状态" prop="state"> <el-form-item label="状态" prop="state">
<el-radio-group v-model="formData.state"> <el-radio-group v-model="formData.state">
<el-radio :label="3"> 通过 </el-radio> <el-radio :label="3"> 通过 </el-radio>
<el-radio :label="4"> 驳回 </el-radio> <el-radio :label="4"> 驳回 </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" :offset="0">
<el-form-item label="审核日期" prop="checkTime">
<el-date-picker
v-model="formData.checkTime"
type="date"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
placeholder="选择日期"
/>
</el-form-item>
</el-col>
<el-col :span="24" :offset="0">
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<Editor v-model:modelValue="formData.remark" /> <Editor v-model:modelValue="formData.remark" />
</el-form-item> </el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<template #footer> <template #footer>
<el-button :disabled="formLoading" type="primary" @click="submitForm"> </el-button> <el-button :disabled="formLoading" type="primary" @click="submitForm"> </el-button>
@@ -20,6 +43,7 @@
<script name="DialogAfterSaleAudit" setup> <script name="DialogAfterSaleAudit" setup>
import { batchAuditAfterSale } from '@/api/clue/afterSale' import { batchAuditAfterSale } from '@/api/clue/afterSale'
import { batchAuditPayment } from '@/api/clue/payment' import { batchAuditPayment } from '@/api/clue/payment'
import { formatDate } from '@/utils/formatTime'
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
@@ -32,6 +56,10 @@ const formData = ref({
remark: '' remark: ''
}) })
const formRef = ref() // 表单 Ref const formRef = ref() // 表单 Ref
const ruels = {
checkTime: { required: true, message: '审核日期不可为空', trigger: 'blur,change' }
}
const formType = ref('aftersale') const formType = ref('aftersale')
const titleMap = { const titleMap = {
aftersale: '批量售后审核', aftersale: '批量售后审核',
@@ -79,6 +107,7 @@ const resetForm = (ids) => {
formData.value = { formData.value = {
payIds: ids, payIds: ids,
saleIds: ids, saleIds: ids,
checkTime: formatDate(new Date()),
state: 3, state: 3,
remark: '' remark: ''
} }

View File

@@ -77,6 +77,32 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20">
<el-col :span="12" :offset="0">
<el-form-item label="其他支出">
<el-select v-model="extraPay.extraPayType" placeholder="其他支出类型" filterable>
<el-option
v-for="item in extraPayOptions"
:key="item.id"
:label="item.extraPayName"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" :offset="0">
<el-form-item label="支出金额">
<el-input-number v-model="extraPay.extraPayMoney" :controls="false" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24" :offset="0">
<el-form-item label="支出备注">
<el-input v-model="extraPay.remark" placeholder="备注信息" />
</el-form-item>
</el-col>
</el-row>
</template> </template>
<template v-else> <template v-else>
<el-table :data="inventoryList" @selection-change="handleSelectionChange"> <el-table :data="inventoryList" @selection-change="handleSelectionChange">
@@ -98,7 +124,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</template> </template>
<el-form-item label="备注"> <el-form-item label="发货备注">
<Editor v-model:modelValue="form.remark" /> <Editor v-model:modelValue="form.remark" />
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -116,15 +142,20 @@ import { getSimpleWarehouseList, getRemainInventoryList } from '@/api/mall/wareh
import { createDelivery } from '@/api/clue/delivery' import { createDelivery } from '@/api/clue/delivery'
import { getConfigList } from '@/api/system/set' import { getConfigList } from '@/api/system/set'
import { getDictOptions } from '@/utils/dict' import { getDictOptions } from '@/utils/dict'
import { getExtraFeeSimpleList } from '@/api/clue/extraFee'
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const warehouseOptions = ref([]) const warehouseOptions = ref([])
const extraPayOptions = ref([])
const supplierOptions = getDictOptions('erp_supplier') const supplierOptions = getDictOptions('erp_supplier')
function getOptions() { function getOptions() {
getSimpleWarehouseList().then((data) => { getSimpleWarehouseList().then((data) => {
warehouseOptions.value = data warehouseOptions.value = data
}) })
getExtraFeeSimpleList().then((data) => {
extraPayOptions.value = data
})
} }
function getRemainInventory(signProductId) { function getRemainInventory(signProductId) {
@@ -144,6 +175,7 @@ defineExpose({
}) })
const form = ref({}) const form = ref({})
const extraPay = ref({})
const rules = ref({ const rules = ref({
supplier: { required: true, message: '供应商不可为空', trigger: 'change' }, supplier: { required: true, message: '供应商不可为空', trigger: 'change' },
warehouseId: { required: true, message: '仓库不可为空', trigger: 'change' }, warehouseId: { required: true, message: '仓库不可为空', trigger: 'change' },
@@ -164,6 +196,11 @@ function resetForm(row) {
unitPrice: undefined, unitPrice: undefined,
remark: undefined remark: undefined
} }
extraPay.value = {
extraPayType: undefined,
extraPayMoney: undefined,
remark: undefined
}
} }
const emit = defineEmits(['success']) const emit = defineEmits(['success'])
@@ -209,6 +246,9 @@ async function onSubmit() {
unitPrice: form.value.unitPrice, unitPrice: form.value.unitPrice,
warehouseId: form.value.warehouseId warehouseId: form.value.warehouseId
} }
if (extraPay.value.extraPayMoney) {
params.purchaseOrder.extraPay = [extraPay.value]
}
} else { } else {
params.detailList = deliveryArr.value params.detailList = deliveryArr.value
} }

View File

@@ -1,7 +1,7 @@
<template> <template>
<Dialog :title="dialogTitle" v-model="dialogVisible" width="800px"> <Dialog :title="dialogTitle" v-model="dialogVisible" width="800px">
<Descriptions :data="orderInfo" :schema="schema" :columns="2" labelWidth="130px" /> <Descriptions :data="orderInfo" :schema="schema" :columns="2" labelWidth="130px" />
<el-table :data="followList" size="small" border class="mt-10px"> <el-table :data="followList" size="small" border class="mt-10px mb-10px">
<el-table-column prop="userName" label="跟进人" /> <el-table-column prop="userName" label="跟进人" />
<el-table-column prop="followTime" label="最新跟进时间" :formatter="dateFormatter" /> <el-table-column prop="followTime" label="最新跟进时间" :formatter="dateFormatter" />
<el-table-column prop="signSate" label="成交状态" /> <el-table-column prop="signSate" label="成交状态" />
@@ -48,7 +48,7 @@
</template> </template>
<script name="DialogFeebackAudit" setup> <script name="DialogFeebackAudit" setup>
import { getFollowUserList } from '@/api/clue' import { getFollowUserList } from '@/api/clue'
import { auditPayment } from '@/api/clue/payment' import { auditPayment, getPaymentDetail } from '@/api/clue/payment'
import { dateFormatter, formatDate } from '@/utils/formatTime' import { dateFormatter, formatDate } from '@/utils/formatTime'
import {} from '@/utils/formatTime' import {} from '@/utils/formatTime'
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
@@ -126,7 +126,7 @@ const open = async (row) => {
dialogTitle.value = '回款审核' dialogTitle.value = '回款审核'
resetForm(row.id) resetForm(row.id)
// 设置数据 // 设置数据
orderInfo.value = { ...row } orderInfo.value = await getPaymentDetail({ id: row.id })
// 获取跟进信息 // 获取跟进信息
getFollowInfo(row.clueId) getFollowInfo(row.clueId)
} }

View File

@@ -1,7 +1,7 @@
<template> <template>
<Dialog title="成交详情" v-model="show" width="800px"> <Dialog title="成交详情" v-model="show" width="800px">
<el-tabs v-model="tabName"> <el-tabs v-model="tabName">
<el-tab-pane label="线索信息" name="clueInfo"> <el-tab-pane label="线索信息" name="clueInfo" v-if="checkPermi(['clue:pool:detail'])">
<Descriptions :data="clueInfo" :schema="clueSchema" :columns="2" labelWidth="130px" /> <Descriptions :data="clueInfo" :schema="clueSchema" :columns="2" labelWidth="130px" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="成交信息" name="orderInfo"> <el-tab-pane label="成交信息" name="orderInfo">
@@ -61,7 +61,11 @@
</el-table> </el-table>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="回款记录" name="returnRecord"> <el-tab-pane
label="回款记录"
name="returnRecord"
v-if="checkPermi(['clue:order:return-list'])"
>
<el-table :data="returnRecordList" border stripe> <el-table :data="returnRecordList" border stripe>
<el-table-column type="index" width="50" /> <el-table-column type="index" width="50" />
<el-table-column prop="money" label="回款金额" /> <el-table-column prop="money" label="回款金额" />
@@ -70,7 +74,11 @@
<el-table-column prop="stateName" label="审核状态" /> <el-table-column prop="stateName" label="审核状态" />
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="售后记录" name="afterSale"> <el-tab-pane
label="售后记录"
name="afterSale"
v-if="checkPermi(['clue:order:after-sale-list'])"
>
<el-table :data="aftersaleList" border stripe> <el-table :data="aftersaleList" border stripe>
<el-table-column type="index" width="50" /> <el-table-column type="index" width="50" />
<el-table-column prop="reason" label="售后原因" /> <el-table-column prop="reason" label="售后原因" />
@@ -183,11 +191,17 @@ function getFields() {
}) })
getOrderFieldList().then((data) => { getOrderFieldList().then((data) => {
const arr = useCrudSchemas(data).allSchemas.detailSchema const list = useCrudSchemas(data).allSchemas.detailSchema
arr.forEach((it) => { const arr = []
list.forEach((it) => {
if (it.label.includes('日期')) { if (it.label.includes('日期')) {
it.dateFormat = 'YYYY-MM-DD' it.dateFormat = 'YYYY-MM-DD'
} }
if (it.field == 'receivedMoney') {
checkPermi(['clue:order:return-list']) && arr.push(it)
} else {
arr.push(it)
}
}) })
if (arr.length % 2 != 0) { if (arr.length % 2 != 0) {
arr.push({}) arr.push({})

View File

@@ -52,6 +52,13 @@
<template #actionMore> <template #actionMore>
<el-button @click="getTableList" v-hasPermi="['clue:order:search']"> 搜索 </el-button> <el-button @click="getTableList" v-hasPermi="['clue:order:search']"> 搜索 </el-button>
<el-button @click="resetQuery" v-hasPermi="['clue:order:reset']"> 重置 </el-button> <el-button @click="resetQuery" v-hasPermi="['clue:order:reset']"> 重置 </el-button>
<el-button
type="primary"
@click="handleBatchUpdateInstall"
v-hasPermi="['clue:order:batch-update-install']"
>
批量修改安装状态
</el-button>
</template> </template>
</Search> </Search>
</div> </div>
@@ -61,18 +68,57 @@
class="mt-10px" class="mt-10px"
v-model:tableObject="tableObject" v-model:tableObject="tableObject"
:tableColumns="allSchemas.tableColumns" :tableColumns="allSchemas.tableColumns"
rowkey="signId"
:expandRowKeys="expendRows"
@get-list="getTableList" @get-list="getTableList"
@get-checked-columns="getCheckedColumns" @get-checked-columns="getCheckedColumns"
@selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="60" />
<el-table-column type="expand"> <el-table-column type="expand">
<template #default="{ row }"> <template #default="{ row }">
<div class="p-10px flex justify-center"> <div class="p-10px flex justify-center">
<el-table :data="row.signProducts" stripe style="width: 900px"> <VueDraggable
target="tbody"
v-model="row.signProducts"
:animation="150"
@end="onDragEnd"
style="width: 100%"
>
<el-table
:data="row.signProducts"
row-key="id"
stripe
style="width: 80%; margin: 0 auto"
>
<el-table-column prop="productName" label="成交产品" /> <el-table-column prop="productName" label="成交产品" />
<el-table-column prop="specsName" label="产品规格" width="100px" /> <el-table-column prop="specsName" label="产品规格" />
<el-table-column prop="signNum" label="成交数量" width="90px" /> <el-table-column prop="signNum" label="成交数量" width="90px" />
<el-table-column prop="remark" label="成交备注" /> <el-table-column prop="remark" label="成交备注" width="100px" />
<el-table-column label="发货状态" prop="sendState" width="90px" /> <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="待生产"
:disabled="!checkPermi(['clue:order:update-produce'])"
size="small"
@change="handleChangeProdoce(scope.row)"
/>
</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="发货备注" width="100px"> <el-table-column label="发货备注" width="100px">
<template #default="scope"> <template #default="scope">
<el-popover <el-popover
@@ -104,6 +150,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</VueDraggable>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@@ -115,17 +162,14 @@
min-width="120px" min-width="120px"
> >
<template #default="{ row }"> <template #default="{ row }">
<el-popover <div v-if="item.field == 'remark' || item.form?.component == 'Editor'">
placement="top" <el-popover placement="top" width="500px" trigger="click" v-if="row[item.field]">
width="500px"
trigger="click"
v-if="item.field == 'remark' && row.remark"
>
<template #reference> <template #reference>
<el-button type="primary" style="padding: 0" text>点击查看</el-button> <el-button type="primary" style="padding: 0" text>点击查看</el-button>
</template> </template>
<div v-dompurify-html="row.remark"></div> <div v-dompurify-html="row[item.field]"></div>
</el-popover> </el-popover>
</div>
<span v-else-if="item.form?.component == 'DatePicker'"> <span v-else-if="item.form?.component == 'DatePicker'">
{{ formatDate(row[item.field]) }} {{ formatDate(row[item.field]) }}
</span> </span>
@@ -211,6 +255,9 @@ import DialogDelivery from './DialogDelivery.vue'
import { removeNullField } from '@/utils' import { removeNullField } from '@/utils'
import { formatDate } from '@/utils/formatTime' import { formatDate } from '@/utils/formatTime'
import { ElMessageBox, ElOption, ElSelect } from 'element-plus'
import { VueDraggable } from 'vue-draggable-plus'
import { checkPermi } from '@/utils/permission'
const userOptions = ref([]) const userOptions = ref([])
const allUserOptions = ref([]) const allUserOptions = ref([])
@@ -356,6 +403,96 @@ const deliveryDialog = ref()
function handleDelivery(row) { function handleDelivery(row) {
deliveryDialog.value.open(row) deliveryDialog.value.open(row)
} }
const batchIds = ref([])
function handleSelectionChange(val) {
batchIds.value = val.map((it) => it.signId)
}
const selectedValue = ref(undefined)
const installOptions = [
{ label: '待安装', value: 1 },
{ label: '已安装', value: 2 },
{ label: '无需安装', value: 3 }
]
const select = () =>
h(
ElSelect,
{
modelValue: selectedValue.value,
placeholder: '新状态',
'onUpdate:modelValue': (val) => {
selectedValue.value = val
}
},
() =>
installOptions.map((item) => {
return h(ElOption, { label: item.label, value: item.value })
})
)
function handleBatchUpdateInstall() {
if (batchIds.value.length) {
ElMessageBox({
title: '是否确认修改安装状态?',
message: select,
showCancelButton: true,
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(async (action) => {
// 处理用户点击确定或取消按钮后的逻辑
if (action == 'confirm') {
try {
// 发起修改状态
await SignApi.updateInstallStatus(batchIds.value, selectedValue.value)
message.success('修改成功')
// 刷新列表
await getTableList()
} catch (err) {
// 取消后,进行恢复按钮
console.log(err)
}
}
})
} else {
message.info('请选择表格行')
}
}
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 expendRows = ref([])
async function onDragEnd(ev) {
try {
expendRows.value = [ev.data.signId]
const list = tableObject.value.tableList.find((it) => it.signId == ev.data.signId).signProducts
await SignApi.updateProduceSort(list.map((it) => it.id))
message.success('修改成功')
// 刷新列表
getTableList()
} catch (error) {
console.log(error)
getTableList()
}
}
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

View File

@@ -2,22 +2,44 @@
<div> <div>
<el-form :model="searchForm" label-width="0" inline> <el-form :model="searchForm" label-width="0" inline>
<el-form-item> <el-form-item>
<el-input v-model="searchForm.signId" placeholder="成交单号" clearable /> <el-input
v-model="searchForm.signId"
placeholder="成交单号"
clearable
style="width: 120px"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-input v-model="searchForm.name" placeholder="线索名称" clearable /> <el-input v-model="searchForm.name" placeholder="线索名称" clearable style="width: 120px" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-input v-model="searchForm.phone" placeholder="联系方式" clearable /> <el-input
v-model="searchForm.phone"
placeholder="联系方式"
clearable
style="width: 120px"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-select v-model="searchForm.settlementType" placeholder="结算类型" clearable filterable> <el-select
v-model="searchForm.settlementType"
placeholder="结算类型"
clearable
filterable
style="width: 120px"
>
<el-option label="货款" value="货款" /> <el-option label="货款" value="货款" />
<el-option label="其他支出" value="其他支出" /> <el-option label="其他支出" value="其他支出" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-select v-model="searchForm.signUser" placeholder="登记人" clearable filterable> <el-select
v-model="searchForm.signUser"
placeholder="登记人"
clearable
filterable
style="width: 120px"
>
<el-option <el-option
v-for="item in userOptions" v-for="item in userOptions"
:key="item.id" :key="item.id"
@@ -35,6 +57,19 @@
range-separator="-" range-separator="-"
start-placeholder="成交日期" start-placeholder="成交日期"
end-placeholder="成交日期" end-placeholder="成交日期"
style="width: 240px"
/>
</el-form-item>
<el-form-item>
<el-date-picker
v-model="searchForm.createDate"
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-form-item> <el-form-item>
@@ -44,6 +79,7 @@
filterable filterable
clearable clearable
@change="searchForm.signSpecs = undefined" @change="searchForm.signSpecs = undefined"
style="width: 150px"
> >
<el-option <el-option
v-for="item in prodOptions" v-for="item in prodOptions"
@@ -60,6 +96,7 @@
filterable filterable
clearable clearable
:disabled="!searchForm.signProduct" :disabled="!searchForm.signProduct"
style="width: 120px"
> >
<el-option <el-option
v-for="item in specsOptions(searchForm.signProduct)" v-for="item in specsOptions(searchForm.signProduct)"
@@ -70,7 +107,13 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-select v-model="searchForm.supplier" placeholder="选择供应商" filterable clearable> <el-select
v-model="searchForm.supplier"
placeholder="选择供应商"
filterable
clearable
style="width: 120px"
>
<el-option <el-option
v-for="item in supplierOptions" v-for="item in supplierOptions"
:key="item.value" :key="item.value"
@@ -114,10 +157,38 @@
<el-table-column prop="phone" label="联系方式" width="120px" /> <el-table-column prop="phone" label="联系方式" width="120px" />
<el-table-column prop="signUserName" label="登记人" min-width="90" /> <el-table-column prop="signUserName" label="登记人" min-width="90" />
<el-table-column prop="dealDate" label="成交日期" width="120px" :formatter="dateFormatter" /> <el-table-column prop="dealDate" label="成交日期" width="120px" :formatter="dateFormatter" />
<el-table-column prop="createTime" label="支出日期" width="140px">
<template #default="{ row, col }">
<el-date-picker
v-if="row.edit"
v-model="row.createTime"
type="date"
size="small"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
style="width: 110px"
:clearable="false"
placeholder="选择日期"
/>
<div v-else>{{ dateFormatter(row, col, row.createTime) }}</div>
</template>
</el-table-column>
<el-table-column prop="signProduct" label="成交产品" min-width="150px" /> <el-table-column prop="signProduct" label="成交产品" min-width="150px" />
<el-table-column prop="signSpecs" label="成交规格" min-width="150px" /> <el-table-column prop="signSpecs" label="成交规格" min-width="150px" />
<el-table-column prop="supplier" label="供应商" min-width="150px" /> <el-table-column prop="supplier" label="供应商" min-width="150px" />
<el-table-column prop="settlementPrice" label="结算单价" min-width="150px" /> <el-table-column prop="settlementPrice" label="结算单价" min-width="150px">
<template #default="{ row }">
<el-input-number
v-if="row.edit"
v-model="row.settlementPrice"
size="small"
:min="0"
:controls="false"
style="width: 100%"
/>
<div v-else>{{ row.settlementPrice }}</div>
</template>
</el-table-column>
<el-table-column prop="settlementNum" label="结算数量" min-width="150px" /> <el-table-column prop="settlementNum" label="结算数量" min-width="150px" />
<el-table-column prop="settlementMoney" label="结算金额" min-width="150px" /> <el-table-column prop="settlementMoney" label="结算金额" min-width="150px" />
<el-table-column label="费用备注" width="90px"> <el-table-column label="费用备注" width="90px">
@@ -150,6 +221,19 @@
</el-popover> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="100px" fixed="right">
<template #default="{ row }">
<el-button
v-if="row.settlementState == '待结算'"
type="primary"
text
v-hasPermi="['clue:order:settle-update']"
@click="handleUpdate(row)"
>
{{ row.edit ? '保存' : '修改' }}
</el-button>
</template>
</el-table-column>
</el-table> </el-table>
<Pagination <Pagination
v-model:limit="searchForm.pageSize" v-model:limit="searchForm.pageSize"
@@ -199,6 +283,7 @@ const searchForm = ref({
phone: undefined, phone: undefined,
signUser: undefined, signUser: undefined,
dealDate: [], dealDate: [],
createDate: [],
signProduct: undefined, signProduct: undefined,
signSpecs: undefined, signSpecs: undefined,
signId: undefined, signId: undefined,
@@ -215,6 +300,7 @@ function handleReset() {
phone: undefined, phone: undefined,
signUser: undefined, signUser: undefined,
dealDate: [], dealDate: [],
createDate: [],
signProduct: undefined, signProduct: undefined,
signSpecs: undefined, signSpecs: undefined,
signId: undefined, signId: undefined,
@@ -267,6 +353,28 @@ function getSummaries(param) {
return sums return sums
} }
async function handleUpdate(row) {
if (row.edit) {
// 删除的二次确认
await message.confirm('是否确认修改结算数据?')
// 保存
SettleApi.updateSettle({
settlementId: row.settlementId,
settlementPrice: row.settlementPrice,
createTime: row.createTime
})
.then(() => {
message.success('修改成功')
getList()
})
.finally(() => {
row.edit = false
})
} else {
row.edit = true
}
}
const selectList = ref([]) const selectList = ref([])
function handleSelectionChange(val) { function handleSelectionChange(val) {
selectList.value = [...val] selectList.value = [...val]

View File

@@ -89,24 +89,31 @@
min-width="120px" min-width="120px"
> >
<template #default="{ row }"> <template #default="{ row }">
<el-popover <div v-if="item.field == 'remark' || item.form?.component == 'Editor'">
placement="top" <el-popover placement="top" width="500px" trigger="click" v-if="row[item.field]">
width="500px"
trigger="click"
v-if="item.field == 'remark' && row[item.field]"
>
<template #reference> <template #reference>
<el-button type="primary" style="padding: 0" text>点击查看</el-button> <el-button type="primary" style="padding: 0" text>点击查看</el-button>
</template> </template>
<div v-dompurify-html="row.remark"></div> <div v-dompurify-html="row[item.field]"></div>
</el-popover> </el-popover>
</div>
<span v-else-if="item.form?.component == 'DatePicker'"> <span v-else-if="item.form?.component == 'DatePicker'">
{{ formatDate(row[item.field]) }} {{ formatDate(row[item.field]) }}
</span> </span>
<div v-else-if="item.form?.component == 'UploadImg'">
<el-image
v-if="row[item.field]"
:src="row[item.field]"
preview-teleported
:lazy="true"
:preview-src-list="[row[item.field]]"
/>
<!-- <img v-if="row[item.field]" :src="row[item.field]" style="width: 100%; height: 100%" /> -->
</div>
<span v-else>{{ row[item.field] }}</span> <span v-else>{{ row[item.field] }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="240px" fixed="right"> <el-table-column label="操作" width="170px" fixed="right">
<template #default="scope"> <template #default="scope">
<el-button <el-button
type="primary" type="primary"
@@ -153,6 +160,7 @@
type="primary" type="primary"
class="mr-10px" class="mr-10px"
link link
:disabled="scope.row.isCommissioned != '未发放'"
style="padding: 0; margin-left: 0" style="padding: 0; margin-left: 0"
v-hasPermi="['clue:pool:enroll']" v-hasPermi="['clue:pool:enroll']"
@click="cancelDeal(scope.row)" @click="cancelDeal(scope.row)"
@@ -243,6 +251,11 @@ async function getTableList() {
pageNo: tableObject.value.pageNo, pageNo: tableObject.value.pageNo,
pageSize: tableObject.value.pageSize pageSize: tableObject.value.pageSize
} }
searchFieldList.value.map((it) => {
if (params[it.field]) {
params.diyParams[it.field] = params[it.field]
}
})
const data = await SignApi.getSignPage(removeNullField(params)) const data = await SignApi.getSignPage(removeNullField(params))
tableObject.value.tableList = data.list.map((it) => ({ ...it, ...it.diyParams })) tableObject.value.tableList = data.list.map((it) => ({ ...it, ...it.diyParams }))
tableObject.value.total = data.total tableObject.value.total = data.total
@@ -252,10 +265,12 @@ async function getTableList() {
} }
const loading = ref(true) const loading = ref(true)
const searchFieldList = ref([])
async function getCurdSchemas() { async function getCurdSchemas() {
loading.value = true loading.value = true
try { try {
const data = await getSimpleFieldList() const data = await getSimpleFieldList()
searchFieldList.value = data.filter((it) => it.isCustom)
data.forEach((elem) => { data.forEach((elem) => {
if (['createUser'].includes(elem.field)) { if (['createUser'].includes(elem.field)) {
elem.search.options = userOptions.value elem.search.options = userOptions.value

View File

@@ -7,6 +7,9 @@
<el-form-item> <el-form-item>
<el-input v-model="searchForm.name" placeholder="线索名称" clearable /> <el-input v-model="searchForm.name" placeholder="线索名称" clearable />
</el-form-item> </el-form-item>
<el-form-item>
<el-input v-model="searchForm.mobile" placeholder="联系方式" clearable />
</el-form-item>
<el-form-item> <el-form-item>
<el-select v-model="searchForm.state" placeholder="审核状态" clearable style="width: 120px"> <el-select v-model="searchForm.state" placeholder="审核状态" clearable style="width: 120px">
<el-option label="待审核" :value="1" /> <el-option label="待审核" :value="1" />
@@ -133,8 +136,8 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="60" :selectable="(row) => row.state == 1" /> <el-table-column type="selection" width="60" :selectable="(row) => row.state == 1" />
<el-table-column prop="signId" label="成交单号" min-width="180px" /> <el-table-column prop="signId" label="成交单号" min-width="120px" />
<el-table-column prop="name" label="线索名称" width="150px" /> <el-table-column prop="name" label="线索名称" width="120px" />
<el-table-column prop="phone" label="联系方式" width="120px" />companyProfit <el-table-column prop="phone" label="联系方式" width="120px" />companyProfit
<el-table-column prop="money" label="回款金额" min-width="120px"> <el-table-column prop="money" label="回款金额" min-width="120px">
<template #default="{ row }"> <template #default="{ row }">
@@ -185,8 +188,16 @@
<div v-else>{{ row.personProfit }}</div> <div v-else>{{ row.personProfit }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="signPrice" label="成交价" min-width="90" /> <el-table-column prop="signPrice" label="成交价" min-width="120" />
<el-table-column prop="isPayoff" label="是否结清" min-width="90" /> <el-table-column prop="isPayoff" label="是否结清" min-width="90">
<template #default="{ row }">
<el-select v-if="row.edit" size="small" v-model="row.isPayoffValue">
<el-option label="结清" :value="true" />
<el-option label="未结清" :value="false" />
</el-select>
<div v-else>{{ row.isPayoff }}</div>
</template>
</el-table-column>
<el-table-column <el-table-column
v-if="appStore.getAppInfo?.instanceType == 1" v-if="appStore.getAppInfo?.instanceType == 1"
prop="receiverName" prop="receiverName"
@@ -199,6 +210,12 @@
label="转化人" label="转化人"
min-width="90" min-width="90"
/> />
<el-table-column
v-if="appStore.getAppInfo?.instanceType == 1"
prop="area"
label="区域"
min-width="90"
/>
<el-table-column prop="signUserName" label="登记人" min-width="90" /> <el-table-column prop="signUserName" label="登记人" min-width="90" />
<el-table-column <el-table-column
prop="dealDate" prop="dealDate"
@@ -209,10 +226,25 @@
<el-table-column prop="applyUserName" label="申请人" min-width="90" /> <el-table-column prop="applyUserName" label="申请人" min-width="90" />
<el-table-column <el-table-column
prop="applyTime" prop="applyTime"
label="审核人" label="申请时间"
min-width="120px" min-width="140px"
:formatter="dateFormatter" :formatter="dateFormatter"
>
<template #default="{ row, col }">
<el-date-picker
v-if="row.edit"
v-model="row.applyTime"
type="date"
size="small"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
style="width: 110px"
:clearable="false"
placeholder="选择日期"
/> />
<div v-else>{{ dateFormatter(row, col, row.applyTime) }}</div>
</template>
</el-table-column>
<el-table-column prop="checkUser" label="审核人" min-width="90" /> <el-table-column prop="checkUser" label="审核人" min-width="90" />
<el-table-column <el-table-column
prop="checkTime" prop="checkTime"
@@ -221,11 +253,12 @@
:formatter="dateFormatter" :formatter="dateFormatter"
/> />
<el-table-column prop="stateName" label="审核状态" fixed="right" min-width="90" /> <el-table-column prop="stateName" label="审核状态" fixed="right" min-width="90" />
<el-table-column label="操作" width="220px" fixed="right"> <el-table-column label="操作" width="150px" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button
type="primary" type="primary"
style="padding: 0" class="mr-10px"
style="padding: 0; margin-left: 0"
text text
v-hasPermi="['clue:order:return-detail']" v-hasPermi="['clue:order:return-detail']"
@click="handleDetail(row)" @click="handleDetail(row)"
@@ -234,7 +267,8 @@
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
style="padding: 0" class="mr-10px"
style="padding: 0; margin-left: 0"
text text
v-if="row.state == 1 && currentUserId == row.applyUser" v-if="row.state == 1 && currentUserId == row.applyUser"
v-hasPermi="['clue:order:return']" v-hasPermi="['clue:order:return']"
@@ -244,7 +278,8 @@
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
style="padding: 0" class="mr-10px"
style="padding: 0; margin-left: 0"
text text
v-if="row.state == 1" v-if="row.state == 1"
v-hasPermi="['clue:order:update-return-money']" v-hasPermi="['clue:order:update-return-money']"
@@ -254,7 +289,8 @@
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
style="padding: 0" class="mr-10px"
style="padding: 0; margin-left: 0"
text text
v-if="row.state == 1" v-if="row.state == 1"
v-hasPermi="['clue:order:return-audit']" v-hasPermi="['clue:order:return-audit']"
@@ -289,7 +325,7 @@ import DialogBatchAudit from './DialogBatchAudit.vue'
import { removeNullField } from '@/utils' import { removeNullField } from '@/utils'
import { useAppStore } from '@/store/modules/app' import { useAppStore } from '@/store/modules/app'
import { dateFormatter } from '@/utils/formatTime' import { dateFormatter, formatDate } from '@/utils/formatTime'
const userStore = useUserStore() const userStore = useUserStore()
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
@@ -308,6 +344,7 @@ const searchForm = ref({
applyTime: [], applyTime: [],
applyUser: undefined, applyUser: undefined,
checkTime: [], checkTime: [],
phone: undefined,
pageNo: 1, pageNo: 1,
pageSize: 20 pageSize: 20
}) })
@@ -335,6 +372,7 @@ function handleReset() {
applyTime: [], applyTime: [],
applyUser: undefined, applyUser: undefined,
checkTime: [], checkTime: [],
mobile: undefined,
pageNo: 1, pageNo: 1,
pageSize: 20 pageSize: 20
} }
@@ -429,16 +467,20 @@ async function handleUpdate(row) {
id: row.id, id: row.id,
money: row.money, money: row.money,
companyProfit: row.companyProfit, companyProfit: row.companyProfit,
personProfit: row.personProfit personProfit: row.personProfit,
isPayoff: row.isPayoffValue,
applyTime: formatDate(row.applyTime)
}) })
.then(() => { .then(() => {
message.success('修改成功') message.success('修改成功')
getList()
}) })
.finally(() => { .finally(() => {
row.edit = false row.edit = false
}) })
} else { } else {
row.edit = true row.edit = true
row.isPayoffValue = row.isPayoff == '结清'
} }
} }

View File

@@ -2,22 +2,44 @@
<div> <div>
<el-form :model="searchForm" label-width="0" inline> <el-form :model="searchForm" label-width="0" inline>
<el-form-item> <el-form-item>
<el-input v-model="searchForm.signId" placeholder="成交单号" clearable /> <el-input
v-model="searchForm.signId"
placeholder="成交单号"
clearable
style="width: 120px"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-input v-model="searchForm.name" placeholder="线索名称" clearable /> <el-input v-model="searchForm.name" placeholder="线索名称" clearable style="width: 120px" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-input v-model="searchForm.phone" placeholder="联系方式" clearable /> <el-input
v-model="searchForm.phone"
placeholder="联系方式"
clearable
style="width: 120px"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-select v-model="searchForm.settlementType" placeholder="结算类型" clearable filterable> <el-select
v-model="searchForm.settlementType"
placeholder="结算类型"
clearable
filterable
style="width: 120px"
>
<el-option label="报名费" value="报名费" /> <el-option label="报名费" value="报名费" />
<el-option label="其他支出" value="其他支出" /> <el-option label="其他支出" value="其他支出" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-select v-model="searchForm.signUser" placeholder="登记人" clearable filterable> <el-select
v-model="searchForm.signUser"
placeholder="登记人"
clearable
filterable
style="width: 120px"
>
<el-option <el-option
v-for="item in userOptions" v-for="item in userOptions"
:key="item.id" :key="item.id"
@@ -35,6 +57,19 @@
range-separator="-" range-separator="-"
start-placeholder="成交日期" start-placeholder="成交日期"
end-placeholder="成交日期" end-placeholder="成交日期"
style="width: 240px"
/>
</el-form-item>
<el-form-item>
<el-date-picker
v-model="searchForm.createDate"
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-form-item> <el-form-item>
@@ -44,6 +79,7 @@
filterable filterable
clearable clearable
@change="changeSchool" @change="changeSchool"
style="width: 120px"
> >
<el-option <el-option
v-for="item in schoolOptions" v-for="item in schoolOptions"
@@ -61,6 +97,7 @@
clearable clearable
:disabled="!searchForm.signSchool" :disabled="!searchForm.signSchool"
@change="changePlace" @change="changePlace"
style="width: 120px"
> >
<el-option <el-option
v-for="item in placeOptions" v-for="item in placeOptions"
@@ -77,6 +114,7 @@
placeholder="选择班型" placeholder="选择班型"
filterable filterable
clearable clearable
style="width: 120px"
> >
<el-option <el-option
v-for="item in classOptions" v-for="item in classOptions"
@@ -95,7 +133,7 @@
<el-form-item> <el-form-item>
<el-button @click="handleSearch" v-hasPermi="['clue:order:settle-search']">查询</el-button> <el-button @click="handleSearch" v-hasPermi="['clue:order:settle-search']">查询</el-button>
<el-button @click="handleReset" v-hasPermi="['clue:order:settle-reset']">重置</el-button> <el-button @click="handleReset" v-hasPermi="['clue:order:settle-reset']">重置</el-button>
<el-button @click="batchSettle" v-hasPermi="['clue:order:settle-settle-batch-audit']"> <el-button @click="batchSettle" v-hasPermi="['clue:order:settle-batch-audit']">
批量结算 批量结算
</el-button> </el-button>
</el-form-item> </el-form-item>
@@ -120,10 +158,38 @@
<el-table-column prop="phone" label="联系方式" width="120px" /> <el-table-column prop="phone" label="联系方式" width="120px" />
<el-table-column prop="signUserName" label="登记人" min-width="90" /> <el-table-column prop="signUserName" label="登记人" min-width="90" />
<el-table-column prop="dealDate" label="成交日期" width="120px" :formatter="dateFormatter" /> <el-table-column prop="dealDate" label="成交日期" width="120px" :formatter="dateFormatter" />
<el-table-column prop="createTime" label="支出日期" width="140px">
<template #default="{ row, col }">
<el-date-picker
v-if="row.edit"
v-model="row.createTime"
type="date"
size="small"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
style="width: 110px"
:clearable="false"
placeholder="选择日期"
/>
<div v-else>{{ dateFormatter(row, col, row.createTime) }}</div>
</template>
</el-table-column>
<el-table-column prop="signSchool" label="成交驾校" min-width="150px" /> <el-table-column prop="signSchool" label="成交驾校" min-width="150px" />
<el-table-column prop="signPlace" label="成交场地" min-width="150px" /> <el-table-column prop="signPlace" label="成交场地" min-width="150px" />
<el-table-column prop="signClass" label="成交班型" min-width="150px" /> <el-table-column prop="signClass" label="成交班型" min-width="150px" />
<el-table-column prop="settlementPrice" label="结算单价" min-width="150px" /> <el-table-column prop="settlementPrice" label="结算单价" min-width="150px">
<template #default="{ row }">
<el-input-number
v-if="row.edit"
v-model="row.settlementPrice"
size="small"
:min="0"
:controls="false"
style="width: 100%"
/>
<div v-else>{{ row.settlementPrice }}</div>
</template>
</el-table-column>
<el-table-column prop="settlementNum" label="结算数量" min-width="150px" /> <el-table-column prop="settlementNum" label="结算数量" min-width="150px" />
<el-table-column prop="settlementMoney" label="结算金额" min-width="150px" /> <el-table-column prop="settlementMoney" label="结算金额" min-width="150px" />
<el-table-column label="费用备注" width="90px"> <el-table-column label="费用备注" width="90px">
@@ -156,6 +222,19 @@
</el-popover> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="100px" fixed="right">
<template #default="{ row }">
<el-button
v-if="row.settlementState == '待结算'"
type="primary"
text
v-hasPermi="['clue:order:settle-update']"
@click="handleUpdate(row)"
>
{{ row.edit ? '保存' : '修改' }}
</el-button>
</template>
</el-table-column>
</el-table> </el-table>
<Pagination <Pagination
v-model:limit="searchForm.pageSize" v-model:limit="searchForm.pageSize"
@@ -206,6 +285,7 @@ const searchForm = ref({
phone: undefined, phone: undefined,
signUser: undefined, signUser: undefined,
dealDate: [], dealDate: [],
createDate: [],
signSchool: undefined, signSchool: undefined,
signPlace: undefined, signPlace: undefined,
signClass: undefined, signClass: undefined,
@@ -222,6 +302,7 @@ function handleReset() {
phone: undefined, phone: undefined,
signUser: undefined, signUser: undefined,
dealDate: [], dealDate: [],
createDate: [],
signSchool: undefined, signSchool: undefined,
signPlace: undefined, signPlace: undefined,
signClass: undefined, signClass: undefined,
@@ -255,6 +336,28 @@ async function getList() {
} }
} }
async function handleUpdate(row) {
if (row.edit) {
// 删除的二次确认
await message.confirm('是否确认修改结算数据?')
// 保存
SettleApi.updateSettle({
settlementId: row.settlementId,
settlementPrice: row.settlementPrice,
createTime: row.createTime
})
.then(() => {
message.success('修改成功')
getList()
})
.finally(() => {
row.edit = false
})
} else {
row.edit = true
}
}
function getSummaries(param) { function getSummaries(param) {
const { columns } = param const { columns } = param
const sums = [] const sums = []

View File

@@ -52,8 +52,8 @@ const form = ref({
}) })
const rules = ref({ const rules = ref({
originFollowUserId: { required: true, message: '原跟进人不可为空', trigger: 'change' }, originFollowUserId: { required: true, message: '原跟进人不可为空', trigger: 'change' }
newFollowUserId: { required: true, message: '新跟进人不可为空', trigger: 'change' } // newFollowUserId: { required: true, message: '新跟进人不可为空', trigger: 'change' }
}) })
function open(clueIdList) { function open(clueIdList) {

View File

@@ -33,7 +33,7 @@
v-model="row.nextFollowTime" v-model="row.nextFollowTime"
type="date" type="date"
placeholder="选择日期时间" placeholder="选择日期时间"
:disabled="!row.editable" :disabled="row.userId != useUserStore().getUser.id"
format="YYYY-MM-DD" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" value-format="YYYY-MM-DD"
style="width: 100%" style="width: 100%"
@@ -47,7 +47,7 @@
type="textarea" type="textarea"
:autoSize="{ minRows: 2 }" :autoSize="{ minRows: 2 }"
placeholder="输入跟进内容" placeholder="输入跟进内容"
:disabled="!row.editable" :disabled="row.userId != useUserStore().getUser.id"
/> />
</template> </template>
</el-table-column> </el-table-column>
@@ -172,6 +172,9 @@ const formSchema = computed(() => {
// it.componentProps['disabled'] = formType.value != 'create' // it.componentProps['disabled'] = formType.value != 'create'
it.componentProps['disabled'] = true it.componentProps['disabled'] = true
} }
// else if (it.field == 'convertPeople' && formType.value == 'update') {
// it.componentProps['disabled'] = true
// }
if (it.field == 'convertPeople') { if (it.field == 'convertPeople') {
it.options = props.allUserOptions.map((it) => ({ ...it, name: it.nickname })) it.options = props.allUserOptions.map((it) => ({ ...it, name: it.nickname }))
} }
@@ -361,8 +364,8 @@ async function handleSave() {
const data = await ClueApi.createClue(params) const data = await ClueApi.createClue(params)
message.success(data) message.success(data)
} else { } else {
const data = await ClueApi.updateClue(params) await ClueApi.updateClue(params)
message.success(data) message.success('修改成功')
} }
dialogVisible.value = false dialogVisible.value = false
// 发送操作成功的事件 // 发送操作成功的事件

View File

@@ -1,18 +1,44 @@
<template> <template>
<el-dialog width="800px" :title="title" v-model="show" append-to-body> <el-dialog width="800px" :title="title" v-model="show" append-to-body>
<el-divider direction="horizontal" content-position="left" style="margin-top: 10px">
场地班型
</el-divider>
<el-table :data="tableList" border stripe size="small">
<el-table-column type="index" width="50" />
<el-table-column prop="typeName" label="班型名称" />
<el-table-column prop="licenseType" label="驾照类型" />
<el-table-column label="班型备注">
<template #default="{ row }">
<el-popover placement="top" width="500px" trigger="click">
<template #reference>
<el-button type="primary" style="padding: 0" text>点击查看</el-button>
</template>
<div v-dompurify-html="row.remark"></div>
</el-popover>
</template>
</el-table-column>
</el-table>
<el-divider direction="horizontal" content-position="left">场地详细信息</el-divider>
<div v-dompurify-html="detail" class="mb-20px"></div> <div v-dompurify-html="detail" class="mb-20px"></div>
</el-dialog> </el-dialog>
</template> </template>
<script setup name="DialogSchoolInfo"> <script setup name="DialogSchoolInfo">
import { getClassTypeList } from '@/api/school/class'
const title = ref('') const title = ref('')
const show = ref(false) const show = ref(false)
const detail = ref('') const detail = ref('')
const tableList = ref([])
function open(info) { function open(info) {
title.value = `${info.schoolName}】详细信息` title.value = `${info.schoolName}】详细信息`
show.value = true show.value = true
detail.value = info.introduce || '该驾校暂未配置详细信息' detail.value = info.introduce || '该驾校暂未配置详细信息'
getClassTypeList({ placeId: info.placeId, status: 0 }).then((data) => {
tableList.value = data
})
} }
defineExpose({ defineExpose({

View File

@@ -11,7 +11,7 @@
labelWidth="130px" labelWidth="130px"
:defaultShow="false" :defaultShow="false"
/> />
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto" class="mt-20px"> <el-form :model="form" ref="formRef" :rules="rules" label-width="100px" class="mt-20px">
<el-row :gutter="20"> <el-row :gutter="20">
<!-- 驾校招生模式 --> <!-- 驾校招生模式 -->
<template v-if="appStore.getAppInfo?.instanceType == 1"> <template v-if="appStore.getAppInfo?.instanceType == 1">
@@ -118,7 +118,13 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" :offset="0" v-if="appStore.getAppInfo?.instanceType == 1"> <template v-if="appStore.getAppInfo?.instanceType == 1">
<el-col :span="8" :offset="0" 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 :span="8" :offset="0">
<el-form-item label="接待人" prop="receiver"> <el-form-item label="接待人" prop="receiver">
<el-select v-model="form.receiver" placeholder="选择接待人" clearable filterable> <el-select v-model="form.receiver" placeholder="选择接待人" clearable filterable>
<el-option <el-option
@@ -130,8 +136,20 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</template>
<template v-else>
<el-col :span="8" :offset="0">
<el-form-item label="安装状态" prop="installStatus">
<el-select v-model="form.installStatus">
<el-option label="待安装" :value="1" />
<el-option label="已安装" :value="2" />
<el-option label="无需安装" :value="3" />
</el-select>
</el-form-item>
</el-col>
</template>
<el-col <el-col
:span="8" :span="fieldItem.component == 'Editor' ? 24 : 8"
:offset="0" :offset="0"
v-for="fieldItem in diyFieldList" v-for="fieldItem in diyFieldList"
:key="fieldItem.clueParamId" :key="fieldItem.clueParamId"
@@ -323,7 +341,7 @@
<script setup name="DialogSuccess"> <script setup name="DialogSuccess">
import * as ClueApi from '@/api/clue' import * as ClueApi from '@/api/clue'
import { createSign } from '@/api/clue/sign' import { createSign, getSignProfit } from '@/api/clue/sign'
import { getDiyFieldList } from '@/api/clue/orderField' import { getDiyFieldList } from '@/api/clue/orderField'
import { getPlaceList } from '@/api/school/place' import { getPlaceList } from '@/api/school/place'
import { getClassTypeList } from '@/api/school/class' import { getClassTypeList } from '@/api/school/class'
@@ -462,7 +480,8 @@ async function resetForm(id) {
isCompanyReceipts: data.configValue == 'true', isCompanyReceipts: data.configValue == 'true',
receiver: undefined, receiver: undefined,
extraPay: [], extraPay: [],
signProducts: [] signProducts: [],
installStatus: 3
} }
} }
@@ -580,6 +599,19 @@ function signPriceChange() {
if (form.value.isPayoff) { if (form.value.isPayoff) {
form.value.payAmount = form.value.signPrice form.value.payAmount = form.value.signPrice
} }
calcSignProfit()
}
const profitNum = ref(0)
function calcSignProfit() {
if (form.value.signClass && appStore.getAppInfo?.instanceType == 1) {
// 计算员工利润
getSignProfit({ signClass: form.value.signClass, signPrice: form.value.signPrice }).then(
(data) => {
profitNum.value = data
}
)
}
} }
function handleRemove(type, index) { function handleRemove(type, index) {

View File

@@ -22,7 +22,13 @@
<el-button type="primary" v-hasPermi="['clue:pool:update']" plain @click="handleUpdate"> <el-button type="primary" v-hasPermi="['clue:pool:update']" plain @click="handleUpdate">
修改 修改
</el-button> </el-button>
<el-button type="danger" v-hasPermi="['clue:pool:delete']" plain @click="handleRemove"> <el-button
type="danger"
v-if="info.state != '成交'"
v-hasPermi="['clue:pool:delete']"
plain
@click="handleRemove"
>
删除 删除
</el-button> </el-button>
</div> </div>

View File

@@ -14,7 +14,7 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="2"> <el-tab-pane name="2">
<template #label> <template #label>
<Tooltip message="下次跟进时间在今日之前的未成交线索" /> <Tooltip message="下次跟进时间在今日之前的未成交线索" />
<el-badge v-if="clueCount.followNum" :value="clueCount.followNum" :max="9999"> <el-badge v-if="clueCount.followNum" :value="clueCount.followNum" :max="9999">
<span class="ml-3px">待跟进</span> <span class="ml-3px">待跟进</span>
</el-badge> </el-badge>
@@ -228,11 +228,13 @@ const followRef = ref()
const loading = ref(true) const loading = ref(true)
const allSchemas = ref({}) const allSchemas = ref({})
const searchFieldList = ref([])
async function getCurdSchemas() { async function getCurdSchemas() {
loading.value = true loading.value = true
try { try {
const data = await getSimpleFieldList() const data = await getSimpleFieldList()
searchFieldList.value = data.filter((it) => it.isCustom)
data.forEach((elem) => { data.forEach((elem) => {
if (['followUser', 'convertPeople'].includes(elem.field)) { if (['followUser', 'convertPeople'].includes(elem.field)) {
elem.search.options = userOptions.value elem.search.options = userOptions.value
@@ -290,12 +292,18 @@ async function getTableList() {
getSearchCount() getSearchCount()
try { try {
const queryParams = await searchRef.value.getFormModel() const queryParams = await searchRef.value.getFormModel()
const params = { let params = {
...queryParams, ...queryParams,
pageNo: tableObject.value.pageNo, pageNo: tableObject.value.pageNo,
pageSize: tableObject.value.pageSize, pageSize: tableObject.value.pageSize,
queryType: queryType.value queryType: queryType.value,
diyParams: {}
} }
searchFieldList.value.map((it) => {
if (params[it.field]) {
params.diyParams[it.field] = params[it.field]
}
})
const data = await ClueApi.getCluePage(removeNullField(params)) const data = await ClueApi.getCluePage(removeNullField(params))
tableObject.value.tableList = data.list.map((it) => ({ ...it, ...it.diyParams })) tableObject.value.tableList = data.list.map((it) => ({ ...it, ...it.diyParams }))
tableObject.value.total = data.total tableObject.value.total = data.total

View File

@@ -9,6 +9,12 @@
@keyup.enter="handleQuery" @keyup.enter="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item>
<el-radio-group v-model="searchForm.status" @change="handleQuery">
<el-radio :label="0"> 开启 </el-radio>
<el-radio :label="1"> 关闭 </el-radio>
</el-radio-group>
</el-form-item>
<el-form-item> <el-form-item>
<el-button @click="handleQuery">搜索</el-button> <el-button @click="handleQuery">搜索</el-button>
<el-button @click="resetQuery">重置</el-button> <el-button @click="resetQuery">重置</el-button>
@@ -59,7 +65,8 @@ const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化 const { t } = useI18n() // 国际化
const searchForm = ref({ const searchForm = ref({
sourceName: undefined sourceName: undefined,
status: 0
}) })
const sourceDialog = ref() const sourceDialog = ref()
@@ -71,7 +78,8 @@ function handleQuery() {
} }
function resetQuery() { function resetQuery() {
searchForm.value = { searchForm.value = {
sourceName: '' sourceName: '',
status: 0
} }
getList() getList()
} }

View File

@@ -0,0 +1,35 @@
<template>
<div>
<el-tabs v-model="tabName" type="border-card" tab-position="top">
<el-tab-pane label="月度统计" name="monthly">
<ChannelMonthly :sourceOptions="sourceOptions" />
</el-tab-pane>
<el-tab-pane label="周期统计" name="period">
<ChannelPeriod :sourceOptions="sourceOptions" />
</el-tab-pane>
</el-tabs>
</div>
</template>
<script setup name="ChannelReport">
import ChannelMonthly from './Comp/ChannelMonthly.vue'
import ChannelPeriod from './Comp/ChannelPeriod.vue'
import { getSimpleSourceList } from '@/api/clue/source'
import { handleTree } from '@/utils/tree'
const tabName = ref('monthly')
onMounted(() => {
getOptions()
})
const sourceOptions = ref([])
function getOptions() {
getSimpleSourceList().then((data) => {
sourceOptions.value = handleTree(data, 'sourceId')
})
}
</script>
<style lang="scss" scoped></style>

View File

@@ -0,0 +1,114 @@
<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" />
<el-table-column
v-for="(item, index) in new Date().getMonth() + 1"
:key="index"
:label="item + '月'"
sortable
min-width="150"
:sort-method="(pre, cur) => monthSort(pre, cur, index)"
>
<template #default="{ row }">
<span>{{ (row.monthClueSignRateReportList[index].rate * 100).toFixed(2) }}%</span>
<span>({{ row.monthClueSignRateReportList[index].clueSignNum }}/</span>
<span>{{ row.monthClueSignRateReportList[index].followClueNum }})</span>
</template>
</el-table-column>
<el-table-column
label="总成交率"
prop="totalRate"
min-width="150"
fixed="right"
sortable
:sort-method="totalSort"
/>
</el-table>
</ContentWrap>
</div>
</template>
<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) {
console.log(idx)
return (
Number(pre.monthClueSignRateReportList[idx].rate) -
Number(cur.monthClueSignRateReportList[idx].rate)
)
}
</script>
<style lang="scss" scoped></style>

View File

@@ -0,0 +1,147 @@
<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
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>

View File

@@ -0,0 +1,169 @@
<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
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>

View File

@@ -0,0 +1,149 @@
<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 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 prop="profit" label="利润" />
<el-table-column prop="profitSequentialGrowth" label="利润环比增长" :formatter="parseRate" />
<el-table-column
prop="profitSamePeriodCompareGrowth"
label="利润同比增长"
:formatter="parseRate"
/>
<el-table-column prop="notReceivedMoney" label="未到账金额" />
<el-table-column prop="receivedMoney" label="已到账金额" />
<el-table-column prop="waitSettleMoney" label="待结算金额" />
<el-table-column prop="settledMoney" label="已结算金额" />
<el-table-column prop="refundAmount" label="已退款金额" />
<el-table-column prop="remainMoney" label="结余" />
</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)
}
} else {
sums[index] = ''
}
})
return sums
}
</script>
<style lang="scss" scoped></style>

View File

@@ -0,0 +1,195 @@
<template>
<ContentWrap>
<div class="flex items-center">
<span class="mr-20px">成交概况</span>
<el-dropdown>
<el-button size="small"
>{{ periodTypeOptions[periodType] }} <Icon icon="ep:arrow-down"
/></el-button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item
v-for="(item, index) in periodTypeOptions"
:key="index"
@click="handleSearchTotalInfo(index)"
>
{{ item }}
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
<el-row :gutter="20" v-loading="infoLoading">
<el-col :span="8" :offset="0">
<div class="statistic-card">
<el-statistic :value="totalData.signNumber" title="成交数" />
<div
class="statistic-footer"
:class="periodType != 4 ? 'justify-between' : 'justify-center'"
>
<div class="footer-item">
<span>环比</span>
<span :class="getColor(totalData.signNumberSequentialGrowth)">
{{ totalData.signNumberSequentialGrowth }}%
<Icon class="ml-2px" :icon="getIcon(totalData.signNumberSequentialGrowth)" />
</span>
</div>
<div class="footer-item" v-if="periodType != 4">
<span>同比</span>
<span :class="getColor(totalData.signNumberPeriodCompareGrowth)">
{{ totalData.signNumberPeriodCompareGrowth }}%
<Icon class="ml-2px" :icon="getIcon(totalData.signNumberPeriodCompareGrowth)" />
</span>
</div>
</div>
</div>
</el-col>
<el-col :span="8" :offset="0">
<div class="statistic-card">
<el-statistic :value="totalData.signPrice" title="成交额" :precision="2" />
<div
class="statistic-footer"
:class="periodType != 4 ? 'justify-between' : 'justify-center'"
>
<div class="footer-item">
<span>环比</span>
<span :class="getColor(totalData.signPriceSequentialGrowth)">
{{ totalData.signPriceSequentialGrowth }}%
<Icon class="ml-2px" :icon="getIcon(totalData.signPriceSequentialGrowth)" />
</span>
</div>
<div class="footer-item" v-if="periodType != 4">
<span>同比</span>
<span :class="getColor(totalData.signPriceSamePeriodCompareGrowth)">
{{ totalData.signPriceSamePeriodCompareGrowth }}%
<Icon class="ml-2px" :icon="getIcon(totalData.signPriceSamePeriodCompareGrowth)" />
</span>
</div>
</div>
</div>
</el-col>
<el-col :span="8" :offset="0">
<div class="statistic-card">
<el-statistic :value="totalData.profit" title="利润" :precision="2" />
<div
class="statistic-footer"
:class="periodType != 4 ? 'justify-between' : 'justify-center'"
>
<div class="footer-item">
<span>环比</span>
<span :class="getColor(totalData.profitSequentialGrowth)">
{{ totalData.profitSequentialGrowth }}%
<Icon class="ml-2px" :icon="getIcon(totalData.profitSequentialGrowth)" />
</span>
</div>
<div class="footer-item" v-if="periodType != 4">
<span>同比</span>
<span :class="getColor(totalData.profitSamePeriodCompareGrowth)">
{{ totalData.profitSamePeriodCompareGrowth }}%
<Icon class="ml-2px" :icon="getIcon(totalData.profitSamePeriodCompareGrowth)" />
</span>
</div>
</div>
</div>
</el-col>
</el-row>
</ContentWrap>
</template>
<script setup name="SignTotalCard">
import { getInfo } from '@/api/home/reportSignDetail'
const periodTypeOptions = ['本日', '本周', '本月', '本季', '本年']
const periodType = ref(2)
const totalData = ref({})
onMounted(() => {
handleSearchTotalInfo(2)
})
const infoLoading = ref(false)
async function handleSearchTotalInfo(index) {
periodType.value = index
infoLoading.value = true
try {
const data = await getInfo({ periodType: periodType.value + 1 })
totalData.value = data
} finally {
infoLoading.value = false
}
}
function getIcon(val) {
if (val > 0) {
return 'ep:caret-top'
} else if (val < 0) {
return 'ep:caret-bottom'
} else {
return 'ep:minus'
}
}
function getColor(val) {
if (val > 0) {
return 'green'
} else if (val < 0) {
return 'red'
} else {
return 'gley'
}
}
</script>
<style lang="scss" scoped>
.el-col {
text-align: center;
}
:global(h2#card-usage ~ .example .example-showcase) {
background-color: var(--el-fill-color) !important;
}
.el-statistic {
--el-statistic-content-font-size: 28px;
}
.statistic-card {
height: 100%;
// padding: 20px;
border-radius: 4px;
background-color: var(--el-bg-color-overlay);
}
.statistic-footer {
margin: 16px auto 0;
display: flex;
// justify-content: space-between;
align-items: center;
flex-wrap: wrap;
font-size: 12px;
color: var(--el-text-color-regular);
width: 300px;
}
.statistic-footer .footer-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.statistic-footer .footer-item span:last-child {
display: inline-flex;
align-items: center;
margin-left: 4px;
}
.green {
color: var(--el-color-success);
}
.gley {
color: var(--el-color-info);
}
.red {
color: var(--el-color-error);
}
</style>

View File

@@ -67,8 +67,8 @@
</el-row> </el-row>
</el-skeleton> </el-skeleton>
</el-card> </el-card>
<div class="mt-10px flex"> <div class="mt-10px flex" style="flex-wrap: wrap">
<el-card shadow="never" class="flex-1"> <el-card shadow="never" :class="mobile ? 'w-full mb-10px' : 'flex-1'">
<template #header> <template #header>
<div class="flex justify-between"> <div class="flex justify-between">
<span>成交率</span> <span>成交率</span>
@@ -80,7 +80,7 @@
</el-skeleton> </el-skeleton>
</el-skeleton> </el-skeleton>
</el-card> </el-card>
<el-card shadow="never" class="ml-10px"> <el-card shadow="never" :class="mobile ? 'flex-1' : 'ml-10px'">
<template #header> <template #header>
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
<span>跟进榜Top10</span> <span>跟进榜Top10</span>
@@ -107,7 +107,7 @@
</ul> </ul>
</el-skeleton> </el-skeleton>
</el-card> </el-card>
<el-card shadow="never" class="ml-10px"> <el-card shadow="never" :class="mobile ? 'flex-1 ml-10px' : 'ml-10px'">
<template #header> <template #header>
<div class="flex justify-between"> 本月成交榜Top10 </div> <div class="flex justify-between"> 本月成交榜Top10 </div>
</template> </template>
@@ -116,7 +116,7 @@
<el-table-column type="index" /> <el-table-column type="index" />
<el-table-column prop="username" label="姓名" width="100" /> <el-table-column prop="username" label="姓名" width="100" />
<el-table-column prop="followNum" label="成交数量" width="70" /> <el-table-column prop="followNum" label="成交数量" width="70" />
<el-table-column prop="deptName" label="所属组织" /> <el-table-column prop="deptName" label="所属组织" width="150" />
</el-table> </el-table>
</el-skeleton> </el-skeleton>
</el-card> </el-card>
@@ -142,12 +142,15 @@ import { useUserStore } from '@/store/modules/user'
import avatarImg from '@/assets/imgs/avatar.gif' import avatarImg from '@/assets/imgs/avatar.gif'
import { lineOptions } from './echarts-data' import { lineOptions } from './echarts-data'
import * as HomeApi from '@/api/home/index' import * as HomeApi from '@/api/home/index'
import { useAppStore } from '@/store/modules/app'
const { t } = useI18n() const { t } = useI18n()
const userStore = useUserStore() const userStore = useUserStore()
const appStore = useAppStore()
const loading = ref(false) const loading = ref(false)
const avatar = userStore.getUser.avatar ? userStore.getUser.avatar : avatarImg const avatar = userStore.getUser.avatar ? userStore.getUser.avatar : avatarImg
const username = userStore.getUser.nickname const username = userStore.getUser.nickname
const mobile = appStore.getMobile
const followDate = ref(1) const followDate = ref(1)

View File

@@ -0,0 +1,13 @@
<template>
<div>
<SignTotalCard />
<SignListCard />
</div>
</template>
<script setup name="SignReport">
import SignTotalCard from './Comp/SignTotalCard.vue'
import SignListCard from './Comp/SignListCard.vue'
</script>
<style lang="scss" scoped></style>

View File

@@ -1,7 +0,0 @@
<template>
<div> </div>
</template>
<script setup></script>
<style lang="scss" scoped></style>

View File

@@ -0,0 +1,86 @@
<template>
<div class="p-20px">
<p class="mb-30px font-bold text-20px">微信授权登陆</p>
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto">
<el-form-item label="用户名" prop="username">
<el-input v-model="form.username" placeholder="请输入用户名" />
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="form.password" placeholder="请输入密码" show-password type="password" />
</el-form-item>
</el-form>
<el-button type="primary" :disabled="formLoading" class="w-full" @click="onSubmit">
授权登陆
</el-button>
</div>
</template>
<script setup name="MPLogin">
import { bindWx } from '@/api/login'
const message = useMessage() // 消息弹窗
const form = ref({
code: undefined,
username: undefined,
password: undefined
})
const formRef = ref()
const rules = {
username: { required: true, message: '用户名不可为空', trigger: 'blur' },
password: { required: true, message: '密码不可为空', trigger: 'blur' }
}
// 微信授权登陆地址
const WX_AUTH_URL = 'https://open.weixin.qq.com/connect/oauth2/authorize?'
// 重定向参数-固定写法
const REDIRECT = '#wechat_redirect'
const params = ref({
appid: 'wxf87aa1f474c0494f', // 公众号 APP ID
redirect_uri: ``, // 授权后重定向的回调链接地址, 请使用 urlEncode 对链接进行处理
response_type: 'code', // 固定写法
scope: 'snsapi_base' // snsapi_base 静默授权获取 open id snsapi_userinfo 需要用户授权,获取详细信息
// state:'code', // a-zA-Z0-9的参数值最多128字节
})
const formLoading = ref(false)
async function onSubmit() {
// 这些需要判断没有 code 情况拉起授权登陆,有就结束放在重复拉起授权登陆
if (!form.value.code) {
const access_url = WX_AUTH_URL + `${new URLSearchParams(params.value)}` + REDIRECT
location.href = access_url
} else {
// 校验表单
if (!formRef.value) return
const valid = await formRef.value.validate()
if (!valid) return
// 提交请求
formLoading.value = true
try {
await bindWx(form.value)
message.success('绑定成功')
window.close()
} catch (error) {
console.log(error)
} finally {
formLoading.value = false
}
}
}
onMounted(() => {
const uri = location.origin + location.pathname
params.value.redirect_uri = encodeURI(uri)
// 获取地址参数
const param = new URLSearchParams(location.search)
form.value.code = param.get('code')
if (!form.value.code) {
const access_url = WX_AUTH_URL + `${new URLSearchParams(params.value)}` + REDIRECT
location.href = access_url
}
})
</script>
<style lang="scss" scoped></style>

View File

@@ -1,7 +1,193 @@
<template> <template>
<div> 站内信 </div> <!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="0">
<el-form-item>
<el-select
v-model="queryParams.messageType"
placeholder="消息类型"
clearable
filterable
@change="handleQuery"
>
<el-option
v-for="item in typeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-select
v-model="queryParams.readStatus"
placeholder="状态"
clearable
filterable
@change="handleQuery"
>
<el-option label="已读" :value="true" />
<el-option label="未读" :value="false" />
</el-select>
</el-form-item>
<el-form-item>
<el-button :disabled="selectedIds.length == 0" @click="handleUpdateList">
标记已读
</el-button>
<el-button @click="handleUpdateAll"> 全部已读 </el-button>
</el-form-item>
</el-form>
<el-text class="mb-10px" type="danger">tips: 双击展示消息详情</el-text>
<!-- 列表 -->
<el-table
ref="tableRef"
v-loading="loading"
:data="list"
row-key="id"
@selection-change="handleSelectionChange"
@row-dblclick="handleDetail"
>
<el-table-column type="selection" :selectable="selectable" reserve-selection width="60px" />
<el-table-column label="类型" align="left" prop="messageTypeName" width="200px" />
<el-table-column label="标题" align="left" prop="title" />
<el-table-column
label="时间"
align="left"
prop="createTime"
width="180"
:formatter="dateFormatter"
/>
<el-table-column label="状态" align="left" width="100px">
<template #default="{ row }">
<el-tag :type="row.readStatus ? 'success' : 'info'">
{{ row.readStatus ? '已读' : '未读' }}
</el-tag>
</template> </template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</template>
<script lang="ts" setup name="NotifyMessage">
import { dateFormatter } from '@/utils/formatTime'
import * as NotifyMessageApi from '@/api/system/notify/message'
import { useUserStore } from '@/store/modules/user'
import { getGeneralSysDictData } from '@/api/system/dict/dict.data'
<script setup name="NotifyMessage"></script> const router = useRouter()
<style lang="scss" scoped></style> const userStore = useUserStore()
const message = useMessage() // 消息
const loading = ref(true) // 列表的加载中
const total = ref(0) // 列表的总页数
const list = ref<any[]>([]) // 列表的数据
const queryParams = reactive({
pageNo: 1,
pageSize: 20,
messageType: undefined,
readStatus: undefined
})
const queryFormRef = ref() // 搜索的表单
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
const data = await NotifyMessageApi.getMyNotifyMessagePage({
...queryParams,
roleId: userStore.getUser?.currentRole
})
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
/** 某一行,是否允许选中 */
const selectable = (row: any) => {
return !row.readStatus
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.pageNo = 1
getList()
}
async function handleDetail(row: any) {
if (!row.readStatus) {
await handleReadOne(row.id)
}
const url = router.resolve({
path: '/nm-detail',
query: { id: row.id }
})
window.open(url.href, '_blank')
}
const tableRef = ref() // 表格的 Ref
const selectedIds = ref<number[]>([]) // 表格的选中 ID 数组
/** 标记一条站内信已读 */
const handleReadOne = async (id: number) => {
await NotifyMessageApi.updateNotifyMessageRead({
ids: [id]
})
await getList()
}
/** 标记全部站内信已读 **/
const handleUpdateAll = async () => {
await NotifyMessageApi.updateAllNotifyMessageRead({
roleId: userStore.getUser?.currentRole
})
message.success('全部已读成功!')
tableRef.value.clearSelection()
await getList()
}
/** 标记一些站内信已读 **/
const handleUpdateList = async () => {
if (selectedIds.value.length === 0) {
return
}
await NotifyMessageApi.updateNotifyMessageRead({
ids: selectedIds.value,
roleId: userStore.getUser?.currentRole
})
message.success('批量已读成功!')
tableRef.value.clearSelection()
await getList()
}
/** 当表格选择项发生变化时会触发该事件 */
const handleSelectionChange = (array: NotifyMessageApi.NotifyMessageVO[]) => {
selectedIds.value = []
if (!array) {
return
}
array.forEach((row) => selectedIds.value.push(row.id))
}
const typeOptions = ref<any[]>([])
function getOptions() {
getGeneralSysDictData('message_type').then((data) => {
typeOptions.value = data
})
}
/** 初始化 **/
onMounted(() => {
getOptions()
getList()
})
</script>

View File

@@ -0,0 +1,91 @@
<!--
* @Author: riverQiu
* @Date: 2024-09-11 18:42:37
* @LastEditors: riverQiu
* @LastEditTime: 2024-09-11 19:03:23
* @Description:
-->
<template>
<div class="container">
<ContentWrap style="max-width: 1000px; margin: 0 auto; overflow-x: auto">
<div class="text-center">
<div class="mb-10px" style="font-size: 24px; letter-spacing: 2px">
{{ info.title }}
</div>
<el-text>
{{ formatDate(info.createTime, 'YYYY-MM-DD hh:mm:ss') }}
</el-text>
</div>
<el-divider direction="horizontal" />
<div v-dompurify-html="info.content"></div>
</ContentWrap>
</div>
</template>
<script setup name="NMDetail">
import { getNotifyMessageDetail, updateNotifyMessageRead } from '@/api/system/notify/message'
import { formatDate } from '@/utils/formatTime'
const route = useRoute()
const info = ref({})
function init() {
getNotifyMessageDetail(route.query.id).then((data) => {
info.value = data
if (!data.readStatus) {
handleReadOne(data.id)
}
})
}
/** 标记一条站内信已读 */
const handleReadOne = async (id) => {
await updateNotifyMessageRead({
ids: [id]
// roleId: userStore.getUser?.currentRole
})
await getList()
}
onMounted(() => {
init()
})
</script>
<style lang="scss" scoped>
.container {
padding: 20px;
max-height: 100%;
overflow-y: auto;
}
:deep(p) {
font-size: 14px;
}
:deep(table) {
margin-top: 10px;
border-collapse: separate;
text-indent: initial;
border-spacing: 1px;
text-align: left;
border-width: 1px;
box-sizing: border-box;
}
:deep(th) {
font-size: 14px;
text-align: left;
border-width: 1px;
box-sizing: border-box;
}
:deep(td) {
font-size: 12px;
text-align: left;
border-width: 1px;
box-sizing: border-box;
min-width: 44px;
word-break: break-all;
}
:deep(.el-card__body) {
padding: 20px 10px;
}
</style>

View File

@@ -1,5 +1,5 @@
<template> <template>
<Dialog :title="dialogTitle" v-model="dialogVisible" width="1000px"> <Dialog v-if="dialogVisible" :title="dialogTitle" v-model="dialogVisible" width="1000px">
<el-tabs v-model="currentTab"> <el-tabs v-model="currentTab">
<el-tab-pane label="基础信息" name="base"> <el-tab-pane label="基础信息" name="base">
<el-form <el-form
@@ -474,12 +474,15 @@ const opts = ref({
}) })
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (type, id) => { const open = async (type, id, sp) => {
dialogVisible.value = true dialogVisible.value = true
dialogTitle.value = type == 'create' ? '新增班型' : '修改班型' dialogTitle.value = type == 'create' ? '新增班型' : '修改班型'
formType.value = type formType.value = type
currentTab.value = 'base' currentTab.value = 'base'
resetForm() resetForm()
if (type == 'create' && sp && sp.length) {
formData.value.schPlace = sp
}
if (!opts.value.length) { if (!opts.value.length) {
const arr = await ClassApi.getCommissionParams() const arr = await ClassApi.getCommissionParams()
arr.map((item) => { arr.map((item) => {
@@ -491,6 +494,7 @@ const open = async (type, id) => {
formLoading.value = true formLoading.value = true
try { try {
formData.value = await ClassApi.getClassType(id) formData.value = await ClassApi.getClassType(id)
formData.value.remark = formData.value.remark || ''
formData.value.schPlace = [formData.value.schoolId, formData.value.placeId] formData.value.schPlace = [formData.value.schoolId, formData.value.placeId]
if (!formData.value.companyProfitVO) { if (!formData.value.companyProfitVO) {
profitCompanyForm.value = { profitCompanyForm.value = {
@@ -540,11 +544,23 @@ const resetForm = () => {
typeName: '', typeName: '',
licenseType: '', licenseType: '',
status: 0, status: 0,
remark: '', remark: undefined,
quotations: [], quotations: [],
percentages: [] percentages: []
} }
formRef.value?.resetFields() formRef.value?.resetFields()
profitCompanyForm.value = {
profitMode: 1,
dangwei: [],
profitRule: {}
}
profitEmployeeForm.value = {
profitMode: 1,
dangwei: [],
profitRule: {}
}
} }
function handleAddPrice() { function handleAddPrice() {

View File

@@ -47,20 +47,23 @@
plain plain
@click="handleOpenDialog('create', null)" @click="handleOpenDialog('create', null)"
v-hasPermi="['school:class:add']" v-hasPermi="['school:class:add']"
>新增</el-button
> >
新增
</el-button>
<el-button <el-button
type="danger" type="danger"
@click="handleBatchDelete([])" @click="handleBatchDelete([])"
v-hasPermi="['school:class:batch-delete']" v-hasPermi="['school:class:batch-delete']"
>批量删除</el-button
> >
批量删除
</el-button>
<el-button <el-button
type="warning" type="warning"
@click="handleBatchStatus" @click="handleBatchStatus"
v-hasPermi="['school:class:batch-status']" v-hasPermi="['school:class:batch-status']"
>批量启/停用</el-button
> >
批量启/停用
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -235,7 +238,7 @@ async function getList() {
const ClassDialog = ref() const ClassDialog = ref()
function handleOpenDialog(type, id = null) { function handleOpenDialog(type, id = null) {
ClassDialog.value.open(type, id) ClassDialog.value.open(type, id, searchForm.value.schPlace)
} }
function handleReset() { function handleReset() {

View File

@@ -109,10 +109,22 @@
<el-input v-model="placeForm.address" placeholder="输入地址" /> <el-input v-model="placeForm.address" placeholder="输入地址" />
</el-form-item> </el-form-item>
<el-form-item label="经度" prop="lng"> <el-form-item label="经度" prop="lng">
<el-input v-model="placeForm.lng" placeholder="输入经度" /> <el-input-number
v-model="placeForm.lng"
:min="1"
:controls="false"
placeholder="输入经度"
style="width: 100%"
/>
</el-form-item> </el-form-item>
<el-form-item label="纬度" prop="lat"> <el-form-item label="纬度" prop="lat">
<el-input v-model="placeForm.lat" placeholder="输入纬度" /> <el-input-number
v-model="placeForm.lat"
:min="1"
:controls="false"
placeholder="输入纬度"
style="width: 100%"
/>
</el-form-item> </el-form-item>
<el-form-item label="所属区域" prop="area"> <el-form-item label="所属区域" prop="area">
<el-select v-model="placeForm.area" placeholder="请选择" clearable class="w-full"> <el-select v-model="placeForm.area" placeholder="请选择" clearable class="w-full">
@@ -130,10 +142,10 @@
<el-form-item label="负责人" prop="contact"> <el-form-item label="负责人" prop="contact">
<el-input v-model="placeForm.contact" placeholder="输入负责人" /> <el-input v-model="placeForm.contact" placeholder="输入负责人" />
</el-form-item> </el-form-item>
<el-form-item label="是否推荐" prop="contact"> <!-- <el-form-item label="是否推荐" prop="contact">
<el-radio v-model="placeForm.recommend" :label="true">是</el-radio> <el-radio v-model="placeForm.recommend" :label="true">是</el-radio>
<el-radio v-model="placeForm.recommend" :label="false">否</el-radio> <el-radio v-model="placeForm.recommend" :label="false">否</el-radio>
</el-form-item> </el-form-item> -->
</el-form> </el-form>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="描述" name="desc"> <el-tab-pane label="描述" name="desc">
@@ -145,6 +157,19 @@
<el-button @click="closePlaceDialog">取消</el-button> <el-button @click="closePlaceDialog">取消</el-button>
</div> </div>
</el-card> </el-card>
<el-autocomplete
:style="{
position: 'absolute',
top: '20px',
left: placeDialogShow ? '380px' : '20px',
width: '200px'
}"
v-model="areaValue"
clearable
placeholder="输入并搜索位置"
:fetch-suggestions="remoteMethod"
@select="currentSelect"
/>
<!-- 底部驾校场地列表 --> <!-- 底部驾校场地列表 -->
<el-card <el-card
@@ -234,6 +259,7 @@
<script setup name="Place"> <script setup name="Place">
import * as PlaceApi from '@/api/school/place' import * as PlaceApi from '@/api/school/place'
import { getConfigByConfigKey } from '@/api/system/set'
import { getAreaSimpleList } from '@/api/school/setting/area' import { getAreaSimpleList } from '@/api/school/setting/area'
import { checkPermi } from '@/utils/permission' import { checkPermi } from '@/utils/permission'
@@ -267,18 +293,35 @@ const mapHelpText = ref('')
const tipPostion = ref({}) const tipPostion = ref({})
const placeTab = ref('info') const placeTab = ref('info')
function initMap() { const defaultLatLng = ref({
lat: 31.86119,
lng: 117.283042
})
const defaultCity = ref('合肥')
let AutoComplete = ref(null)
async function initMap() {
const data = await getConfigByConfigKey({ configKey: 'defaultLocation' })
const cityInfo = JSON.parse(data.configValue)
defaultLatLng.value = {
lat: cityInfo.lat,
lng: cityInfo.lng
}
defaultCity.value = cityInfo.locationName
AMapLoader.load({ AMapLoader.load({
key: '713d839ff505943b0f18e6df45f3b0dc', //设置您的key key: '713d839ff505943b0f18e6df45f3b0dc', //设置您的key
version: '2.0', version: '2.0',
plugins: ['AMap.Geocoder'] plugins: ['AMap.Geocoder', 'AMap.AutoComplete']
}).then((AMap) => { }).then((AMap) => {
aMap.value = AMap aMap.value = AMap
geoCoder.value = new AMap.Geocoder() geoCoder.value = new AMap.Geocoder()
dialogMap.value = new AMap.Map('dialogMap', { dialogMap.value = new AMap.Map('dialogMap', {
zoom: 12, zoom: 12,
zooms: [2, 22], zooms: [2, 22],
center: [117.283042, 31.86119] center: [defaultLatLng.value.lng, defaultLatLng.value.lat]
})
AutoComplete.value = new AMap.AutoComplete({
city: defaultCity.value
}) })
locationMarker.value = new AMap.Marker({ locationMarker.value = new AMap.Marker({
icon: FlagRed icon: FlagRed
@@ -313,6 +356,32 @@ function initMap() {
}) })
} }
const areaValue = ref('')
function remoteMethod(searchValue, cb) {
if (searchValue) {
AutoComplete.value?.search(searchValue, (status, result) => {
if (result.tips?.length) {
// areaList.value = result?.tips
const list = result.tips.map((it) => ({
...it,
value: it.name
}))
cb(list)
} else {
cb([])
}
})
} else {
cb([])
}
}
function currentSelect(val) {
if (val) {
dialogMap.value.setCenter([val.location?.lng, val.location?.lat], true)
}
}
function regeoCode() { function regeoCode() {
geoCoder.value.getAddress([placeForm.value.lng, placeForm.value.lat], (status, result) => { geoCoder.value.getAddress([placeForm.value.lng, placeForm.value.lat], (status, result) => {
if (status === 'complete' && result.regeocode) { if (status === 'complete' && result.regeocode) {