客户详情完善
This commit is contained in:
parent
7fd564307d
commit
17be1abb65
@ -69,11 +69,23 @@ export const queryAllList = async () => {
|
||||
}
|
||||
|
||||
// 查询客户操作日志
|
||||
export const getOperateLogPage = async (params: any) => {
|
||||
return await request.get({ url: '/crm/customer/operate-log-page', params })
|
||||
export const getOperateLogPage = async (id: number) => {
|
||||
return await request.get({ url: '/crm/customer/operate-log-page?id=' + id })
|
||||
}
|
||||
|
||||
//======================= 业务操作 =======================
|
||||
|
||||
// 锁定/解锁客户
|
||||
export const lockCustomer = async (id: number, lockStatus: boolean) => {
|
||||
return await request.put({ url: `/crm/customer/lock`, data: { id, lockStatus } })
|
||||
}
|
||||
|
||||
// 领取公海客户
|
||||
export const receive = async (ids: any[]) => {
|
||||
return await request.put({ url: '/crm/customer/receive', params: { ids: ids.join(',') } })
|
||||
}
|
||||
|
||||
// 客户放入公海
|
||||
export const putPool = async (id: number) => {
|
||||
return await request.put({ url: `/crm/customer/put-pool?id=${id}` })
|
||||
}
|
||||
|
@ -58,15 +58,3 @@ export const deletePermissionBatch = async (params) => {
|
||||
export const deleteSelfPermission = async (id) => {
|
||||
return await request.delete({ url: '/crm/permission/quit-team?id=' + id })
|
||||
}
|
||||
|
||||
// TODO @puhui999:调整下位置
|
||||
// 领取公海数据
|
||||
export const receive = async (data: { bizType: number; bizId: number }) => {
|
||||
return await request.put({ url: `/crm/permission/receive`, data })
|
||||
}
|
||||
|
||||
// TODO @puhui999:调整下位置
|
||||
// 数据放入公海
|
||||
export const putPool = async (data: { bizType: number; bizId: number }) => {
|
||||
return await request.put({ url: `/crm/permission/put-pool`, data })
|
||||
}
|
||||
|
@ -2,36 +2,14 @@
|
||||
<div class="p-20px">
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
v-for="(log, index) in logDataList"
|
||||
v-for="(log, index) in logList"
|
||||
:key="index"
|
||||
:timestamp="formatDate(log.createTime)"
|
||||
placement="top"
|
||||
>
|
||||
<div class="el-timeline-right-content">
|
||||
<el-row>
|
||||
<el-col :span="24" class="mb-10px">
|
||||
=======================
|
||||
<el-tag class="mr-10px" type="success">{{ log.userName }}</el-tag>
|
||||
<span>{{ log.title }}</span>
|
||||
=======================
|
||||
</el-col>
|
||||
<!-- 先处理一下有几行-->
|
||||
<template v-for="colNum in log.colSize" :key="colNum + 'col'">
|
||||
<el-col :span="24" class="mb-10px">
|
||||
<!-- 处理每一行-->
|
||||
<template
|
||||
v-for="(tagVal, index2) in log.tagsContentList.slice(
|
||||
(colNum - 1) * 3,
|
||||
3 * colNum
|
||||
)"
|
||||
:key="index2"
|
||||
>
|
||||
<el-tag class="mx-10px"> {{ tagVal }}</el-tag>
|
||||
<span>{{ log.contentStrList[index2] }}</span>
|
||||
</template>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-row>
|
||||
<el-tag class="mr-10px" type="success">{{ log.userName }}</el-tag>
|
||||
{{ log.action }}
|
||||
</div>
|
||||
<template #dot>
|
||||
<span :style="{ backgroundColor: getUserTypeColor(log.userType) }" class="dot-node-style">
|
||||
@ -51,11 +29,13 @@ import { ElTag } from 'element-plus'
|
||||
|
||||
defineOptions({ name: 'OperateLogV2' })
|
||||
|
||||
const props = defineProps<{
|
||||
interface Props {
|
||||
logList: OperateLogV2VO[] // 操作日志列表
|
||||
}>()
|
||||
}
|
||||
|
||||
const logDataList = ref<OperateLogV2VO[]>([]) // 操作日志列表
|
||||
withDefaults(defineProps<Props>(), {
|
||||
logList: () => []
|
||||
})
|
||||
|
||||
/** 获得 userType 颜色 */
|
||||
const getUserTypeColor = (type: number) => {
|
||||
@ -72,57 +52,6 @@ const getUserTypeColor = (type: number) => {
|
||||
}
|
||||
return '#409EFF'
|
||||
}
|
||||
|
||||
// 提取 tag 所需内容和位置
|
||||
const renderTags = (content: string) => {
|
||||
let newStr = unref(content).slice() // 去掉引用
|
||||
newStr = newStr.replaceAll('【】', '【空】').replaceAll(';', '') // 处理掉分号 特殊:处理一下空的情况
|
||||
const regex = /【([^【】]+)】/g
|
||||
const fg = '|' // 原始位置替换符号
|
||||
let match: any[] | null
|
||||
let matchStr: string[] = []
|
||||
let oldStr: string[] = []
|
||||
while ((match = regex.exec(newStr)) !== null) {
|
||||
matchStr.push(match[1]) // 提取值
|
||||
oldStr.push(match[0]) // 原值
|
||||
}
|
||||
// 为什么重新循环不放在 while 中一起是因为替换重新赋值过后 match 值就不准确了
|
||||
oldStr.forEach((item) => {
|
||||
newStr = newStr.replace(item, fg)
|
||||
})
|
||||
return [newStr.split(fg), matchStr]
|
||||
}
|
||||
|
||||
const initLog = () => {
|
||||
logDataList.value = props.logList.map((logItem) => {
|
||||
const keyValue = renderTags(logItem.action)
|
||||
// 挂载数据
|
||||
logItem.contentStrList = keyValue[0]
|
||||
if (keyValue[0][0] === '从') {
|
||||
logItem.title = logItem.subType
|
||||
} else {
|
||||
logItem.title = keyValue[0][0]
|
||||
logItem.contentStrList.splice(0, 1)
|
||||
}
|
||||
logItem.colSize = keyValue[0].length / 3 // 变更记录行数
|
||||
logItem.tagsContentList = keyValue[1]
|
||||
return logItem
|
||||
})
|
||||
}
|
||||
|
||||
watch(
|
||||
() => props.logList.length,
|
||||
(newObj) => {
|
||||
if (newObj) {
|
||||
initLog()
|
||||
console.log(logDataList.value)
|
||||
}
|
||||
},
|
||||
{
|
||||
immediate: true,
|
||||
deep: true
|
||||
}
|
||||
)
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
@ -11,19 +11,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<!-- 右上:按钮 -->
|
||||
<el-button
|
||||
type="primary"
|
||||
v-hasPermi="['crm:customer:update']"
|
||||
@click="openForm(customer.id)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<!-- TODO @puhui999:转移的操作接入 -->
|
||||
<el-button type="primary" @click="transfer">转移</el-button>
|
||||
<!-- TODO @puhui999:修改成交状态的接入 -->
|
||||
<el-button>更改成交状态</el-button>
|
||||
<el-button v-if="customer.lockStatus" @click="handleUnlock(customer.id!)">解锁</el-button>
|
||||
<el-button v-else @click="handleLock(customer.id!)">锁定</el-button>
|
||||
<slot></slot>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -42,43 +30,14 @@
|
||||
<el-descriptions-item label="首要联系人电话">{{ customer.mobile }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</ContentWrap>
|
||||
|
||||
<!-- 表单弹窗:添加/修改 -->
|
||||
<CustomerForm ref="formRef" @success="emit('refresh')" />
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { DICT_TYPE } from '@/utils/dict'
|
||||
import * as CustomerApi from '@/api/crm/customer'
|
||||
import CustomerForm from '../CustomerForm.vue'
|
||||
|
||||
defineOptions({ name: 'CustomerDetailsHeader' })
|
||||
|
||||
const { customer, loading } = defineProps<{
|
||||
defineProps<{
|
||||
customer: CustomerApi.CustomerVO // 客户信息
|
||||
loading: boolean // 加载中
|
||||
}>()
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
/** 修改操作 */
|
||||
const formRef = ref()
|
||||
const openForm = (id?: number) => {
|
||||
formRef.value.open('update', id)
|
||||
}
|
||||
|
||||
/** 锁定操作 */
|
||||
const handleLock = async (id: number) => {
|
||||
await CustomerApi.lockCustomer(id, true)
|
||||
message.success('锁定成功')
|
||||
emit('refresh')
|
||||
}
|
||||
|
||||
/** 解锁操作 */
|
||||
const handleUnlock = async (id: number) => {
|
||||
console.log(customer, '=======')
|
||||
await CustomerApi.lockCustomer(id, false)
|
||||
message.success('解锁成功')
|
||||
emit('refresh')
|
||||
}
|
||||
|
||||
const emit = defineEmits(['refresh']) // 定义 success 事件,用于操作成功后的回调
|
||||
</script>
|
||||
|
@ -1,5 +1,19 @@
|
||||
<template>
|
||||
<CustomerDetailsHeader :customer="customer" :loading="loading" @refresh="getCustomer(id)" />
|
||||
<CustomerDetailsHeader :customer="customer" :loading="loading">
|
||||
<el-button @click="close">返回</el-button>
|
||||
<!-- TODO puhui999: 按钮数据权限收尾统一完善,需要按权限分级和客户状态来动态显示匹配的按钮 -->
|
||||
<el-button v-hasPermi="['crm:customer:update']" type="primary" @click="openForm">
|
||||
编辑
|
||||
</el-button>
|
||||
<!-- TODO @puhui999:转移的操作接入 -->
|
||||
<el-button type="primary" @click="transfer">转移</el-button>
|
||||
<!-- TODO @puhui999:修改成交状态的接入 -->
|
||||
<el-button>更改成交状态</el-button>
|
||||
<el-button v-if="customer.lockStatus" @click="handleUnlock">解锁</el-button>
|
||||
<el-button v-if="!customer.lockStatus" @click="handleLock">锁定</el-button>
|
||||
<el-button v-if="!customer.ownerUserId" type="primary" @click="receive">领取客户</el-button>
|
||||
<el-button v-if="customer.ownerUserId" type="primary" @click="putPool">客户放入公海</el-button>
|
||||
</CustomerDetailsHeader>
|
||||
<el-col>
|
||||
<el-tabs>
|
||||
<el-tab-pane label="详细资料">
|
||||
@ -11,7 +25,7 @@
|
||||
<el-tab-pane label="联系人" lazy>
|
||||
<ContactList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="团队成员" lazy>
|
||||
<el-tab-pane label="团队成员">
|
||||
<PermissionList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="商机" lazy>
|
||||
@ -27,10 +41,14 @@
|
||||
<el-tab-pane label="回访" lazy>TODO 待开发</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-col>
|
||||
|
||||
<!-- 表单弹窗:添加/修改 -->
|
||||
<CustomerForm ref="formRef" @success="getCustomer" />
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { useTagsViewStore } from '@/store/modules/tagsView'
|
||||
import * as CustomerApi from '@/api/crm/customer'
|
||||
import CustomerForm from '@/views/crm/customer/CustomerForm.vue'
|
||||
import CustomerDetailsInfo from './CustomerDetailsInfo.vue' // 客户明细 - 详细信息
|
||||
import CustomerDetailsHeader from './CustomerDetailsHeader.vue' // 客户明细 - 头部
|
||||
import ContactList from '@/views/crm/contact/components/ContactList.vue' // 联系人列表
|
||||
@ -40,48 +58,86 @@ import ReceivableList from '@/views/crm/receivable/components/ReceivableList.vue
|
||||
import ReceivablePlanList from '@/views/crm/receivable/plan/components/ReceivablePlanList.vue' // 回款计划列表
|
||||
import PermissionList from '@/views/crm/permission/components/PermissionList.vue' // 团队成员列表(权限)
|
||||
import { BizTypeEnum } from '@/api/crm/permission'
|
||||
import { OperateLogV2VO } from '@/api/system/operatelog'
|
||||
import type { OperateLogV2VO } from '@/api/system/operatelog'
|
||||
|
||||
defineOptions({ name: 'CrmCustomerDetail' })
|
||||
|
||||
const route = useRoute()
|
||||
const id = Number(route.params.id) // 客户编号
|
||||
const customerId = ref(0) // 客户编号
|
||||
const loading = ref(true) // 加载中
|
||||
const message = useMessage() // 消息弹窗
|
||||
const { delView } = useTagsViewStore() // 视图操作
|
||||
const { currentRoute, push } = useRouter() // 路由
|
||||
/** 获取详情 */
|
||||
const customer = ref<CustomerApi.CustomerVO>({} as CustomerApi.CustomerVO) // 客户详情
|
||||
const getCustomer = async (id: number) => {
|
||||
const getCustomer = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
customer.value = await CustomerApi.getCustomer(id)
|
||||
await getOperateLog(id)
|
||||
customer.value = await CustomerApi.getCustomer(customerId.value)
|
||||
await getOperateLog()
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
const formRef = ref<InstanceType<typeof CustomerForm>>() // 客户表单 Ref
|
||||
// 编辑客户
|
||||
const openForm = () => {
|
||||
formRef.value?.open('update', customerId.value)
|
||||
}
|
||||
// 客户转移
|
||||
const transfer = () => {}
|
||||
// 锁定客户
|
||||
const handleLock = async () => {
|
||||
await message.confirm(`确定锁定客户【${customer.value.name}】 吗?`)
|
||||
await CustomerApi.lockCustomer(unref(customerId.value), true)
|
||||
message.success(`锁定客户【${customer.value.name}】成功`)
|
||||
await getCustomer()
|
||||
}
|
||||
// 解锁客户
|
||||
const handleUnlock = async () => {
|
||||
await message.confirm(`确定解锁客户【${customer.value.name}】 吗?`)
|
||||
await CustomerApi.lockCustomer(unref(customerId.value), false)
|
||||
message.success(`解锁客户【${customer.value.name}】成功`)
|
||||
await getCustomer()
|
||||
}
|
||||
// 领取客户
|
||||
const receive = async () => {
|
||||
await message.confirm(`确定领取客户【${customer.value.name}】 吗?`)
|
||||
await CustomerApi.receive([unref(customerId.value)])
|
||||
message.success(`领取客户【${customer.value.name}】成功`)
|
||||
await getCustomer()
|
||||
}
|
||||
// 客户放入公海
|
||||
const putPool = async () => {
|
||||
await message.confirm(`确定将客户【${customer.value.name}】放入公海吗?`)
|
||||
await CustomerApi.putPool(unref(customerId.value))
|
||||
message.success(`客户【${customer.value.name}】放入公海成功`)
|
||||
close()
|
||||
}
|
||||
const logList = ref<OperateLogV2VO[]>([]) // 操作日志列表
|
||||
/**
|
||||
* 获取操作日志
|
||||
*/
|
||||
const getOperateLog = async (customerId: number) => {
|
||||
if (!customerId) {
|
||||
const getOperateLog = async () => {
|
||||
if (!customerId.value) {
|
||||
return
|
||||
}
|
||||
const data = await CustomerApi.getOperateLogPage({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
bizId: customerId
|
||||
})
|
||||
const data = await CustomerApi.getOperateLogPage(customerId.value)
|
||||
logList.value = data.list
|
||||
}
|
||||
const close = () => {
|
||||
delView(unref(currentRoute))
|
||||
// TODO 先返回到客户列表
|
||||
push({ name: 'CrmCustomer' })
|
||||
}
|
||||
/** 初始化 */
|
||||
const { delView } = useTagsViewStore() // 视图操作
|
||||
const { currentRoute } = useRouter() // 路由
|
||||
const { params } = useRoute()
|
||||
onMounted(() => {
|
||||
if (!id) {
|
||||
if (!params.id) {
|
||||
ElMessage.warning('参数错误,客户不能为空!')
|
||||
delView(unref(currentRoute))
|
||||
close()
|
||||
return
|
||||
}
|
||||
getCustomer(id)
|
||||
customerId.value = params.id as unknown as number
|
||||
getCustomer()
|
||||
})
|
||||
</script>
|
||||
|
@ -72,10 +72,17 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery"> <Icon class="mr-5px" icon="ep:search" /> 搜索 </el-button>
|
||||
<el-button @click="resetQuery"> <Icon class="mr-5px" icon="ep:refresh" />重置 </el-button>
|
||||
<el-button @click="handleQuery">
|
||||
<Icon class="mr-5px" icon="ep:search" />
|
||||
搜索
|
||||
</el-button>
|
||||
<el-button @click="resetQuery(undefined)">
|
||||
<Icon class="mr-5px" icon="ep:refresh" />
|
||||
重置
|
||||
</el-button>
|
||||
<el-button v-hasPermi="['crm:customer:create']" type="primary" @click="openForm('create')">
|
||||
<Icon class="mr-5px" icon="ep:plus" /> 新增
|
||||
<Icon class="mr-5px" icon="ep:plus" />
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
v-hasPermi="['crm:customer:export']"
|
||||
@ -84,7 +91,8 @@
|
||||
type="success"
|
||||
@click="handleExport"
|
||||
>
|
||||
<Icon class="mr-5px" icon="ep:download" /> 导出
|
||||
<Icon class="mr-5px" icon="ep:download" />
|
||||
导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
@ -92,11 +100,19 @@
|
||||
|
||||
<!-- 列表 -->
|
||||
<ContentWrap>
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="客户列表" name="1" />
|
||||
<el-tab-pane label="我负责人的" name="2" />
|
||||
<el-tab-pane label="我关注的" name="3" />
|
||||
<el-tab-pane label="我参与的" name="4" />
|
||||
<el-tab-pane label="下属负责的" name="5" />
|
||||
<el-tab-pane label="客户公海" name="6" />
|
||||
</el-tabs>
|
||||
<el-table v-loading="loading" :data="list" :show-overflow-tooltip="true" :stripe="true">
|
||||
<el-table-column align="center" label="编号" prop="id" />
|
||||
<el-table-column align="center" label="客户名称" prop="name" width="160">
|
||||
<template #default="scope">
|
||||
<el-link type="primary" :underline="false" @click="openDetail(scope.row.id)">
|
||||
<el-link :underline="false" type="primary" @click="openDetail(scope.row.id)">
|
||||
{{ scope.row.name }}
|
||||
</el-link>
|
||||
</template>
|
||||
@ -197,6 +213,7 @@ import { dateFormatter } from '@/utils/formatTime'
|
||||
import download from '@/utils/download'
|
||||
import * as CustomerApi from '@/api/crm/customer'
|
||||
import CustomerForm from './CustomerForm.vue'
|
||||
import { TabsPaneContext } from 'element-plus'
|
||||
|
||||
defineOptions({ name: 'CrmCustomer' })
|
||||
|
||||
@ -206,24 +223,75 @@ const { t } = useI18n() // 国际化
|
||||
const loading = ref(true) // 列表的加载中
|
||||
const total = ref(0) // 列表的总页数
|
||||
const list = ref([]) // 列表的数据
|
||||
const queryParams = reactive({
|
||||
const queryParams = ref<{
|
||||
pageNo: number
|
||||
pageSize: number
|
||||
name: string
|
||||
mobile: string
|
||||
industryId: number | undefined
|
||||
level: number | undefined
|
||||
source: number | undefined
|
||||
sceneType: number | undefined
|
||||
pool: boolean | undefined
|
||||
}>({
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
pool: false,
|
||||
name: '',
|
||||
mobile: '',
|
||||
industryId: undefined,
|
||||
level: undefined,
|
||||
source: undefined
|
||||
source: undefined,
|
||||
sceneType: undefined,
|
||||
pool: undefined
|
||||
})
|
||||
const queryFormRef = ref() // 搜索的表单
|
||||
const exportLoading = ref(false) // 导出的加载中
|
||||
const activeName = ref('1') // 列表 tab
|
||||
|
||||
enum CrmSceneTypeEnum {
|
||||
OWNER = 1,
|
||||
FOLLOW = 2,
|
||||
INVOLVED = 3,
|
||||
SUBORDINATE = 4
|
||||
}
|
||||
|
||||
const handleClick = (tab: TabsPaneContext) => {
|
||||
switch (tab.paneName) {
|
||||
case '1':
|
||||
resetQuery()
|
||||
break
|
||||
case '2':
|
||||
resetQuery(() => {
|
||||
queryParams.value.sceneType = CrmSceneTypeEnum.OWNER
|
||||
})
|
||||
break
|
||||
case '3':
|
||||
resetQuery(() => {
|
||||
queryParams.value.sceneType = CrmSceneTypeEnum.FOLLOW
|
||||
})
|
||||
break
|
||||
case '4':
|
||||
resetQuery(() => {
|
||||
queryParams.value.sceneType = CrmSceneTypeEnum.INVOLVED
|
||||
})
|
||||
break
|
||||
case '5':
|
||||
resetQuery(() => {
|
||||
queryParams.value.sceneType = CrmSceneTypeEnum.SUBORDINATE
|
||||
})
|
||||
break
|
||||
case '6':
|
||||
resetQuery(() => {
|
||||
queryParams.value.pool = true
|
||||
})
|
||||
break
|
||||
}
|
||||
}
|
||||
/** 查询列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true
|
||||
try {
|
||||
const data = await CustomerApi.getCustomerPage(queryParams)
|
||||
const data = await CustomerApi.getCustomerPage(queryParams.value)
|
||||
list.value = data.list
|
||||
total.value = data.total
|
||||
} finally {
|
||||
@ -233,19 +301,30 @@ const getList = async () => {
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.pageNo = 1
|
||||
queryParams.value.pageNo = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
const resetQuery = (func: Function | undefined = undefined) => {
|
||||
queryFormRef.value.resetFields()
|
||||
queryParams.pool = false
|
||||
queryParams.value = {
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
name: '',
|
||||
mobile: '',
|
||||
industryId: undefined,
|
||||
level: undefined,
|
||||
source: undefined,
|
||||
sceneType: undefined,
|
||||
pool: undefined
|
||||
}
|
||||
func && func()
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
/** 打开客户详情 */
|
||||
const { push } = useRouter()
|
||||
const { currentRoute, push } = useRouter()
|
||||
const openDetail = (id: number) => {
|
||||
push({ name: 'CrmCustomerDetail', params: { id } })
|
||||
}
|
||||
@ -276,14 +355,20 @@ const handleExport = async () => {
|
||||
await message.exportConfirm()
|
||||
// 发起导出
|
||||
exportLoading.value = true
|
||||
const data = await CustomerApi.exportCustomer(queryParams)
|
||||
const data = await CustomerApi.exportCustomer(queryParams.value)
|
||||
download.excel(data, '客户.xls')
|
||||
} catch {
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
// 监听路由变化更新列表
|
||||
watch(
|
||||
() => currentRoute.value,
|
||||
() => {
|
||||
getList()
|
||||
}
|
||||
)
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getList()
|
||||
|
@ -2,7 +2,8 @@
|
||||
<!-- 操作栏 -->
|
||||
<el-row justify="end">
|
||||
<el-button @click="openForm">
|
||||
<Icon class="mr-5px" icon="fluent:people-team-add-20-filled" /> 添加团队成员
|
||||
<Icon class="mr-5px" icon="fluent:people-team-add-20-filled" />
|
||||
添加团队成员
|
||||
</el-button>
|
||||
<el-button @click="handleUpdate">
|
||||
<Icon class="mr-5px" icon="ep:edit" />
|
||||
@ -105,14 +106,14 @@ const handleDelete = async () => {
|
||||
message.warning('请先选择团队成员后操作!')
|
||||
return
|
||||
}
|
||||
// TODO @puhui999:应该有个提示哈
|
||||
await message.delConfirm()
|
||||
await message.delConfirm('是否删除选择的团队成员?')
|
||||
const ids = multipleSelection.value?.map((item) => item.id)
|
||||
await PermissionApi.deletePermissionBatch({
|
||||
bizType: props.bizType,
|
||||
bizId: props.bizId,
|
||||
ids
|
||||
})
|
||||
message.success('删除成功')
|
||||
}
|
||||
|
||||
/** 退出团队 */
|
||||
@ -125,7 +126,7 @@ const handleQuit = async () => {
|
||||
message.warning('负责人不能退出团队!')
|
||||
return
|
||||
}
|
||||
// TODO @puhui999:应该有个提示哈
|
||||
await message.confirm('确认退出团队吗?')
|
||||
const userPermission = list.value.find((item) => item.userId === userStore.getUser.id)
|
||||
await PermissionApi.deleteSelfPermission(userPermission?.id)
|
||||
}
|
||||
@ -133,7 +134,10 @@ const handleQuit = async () => {
|
||||
/** 监听打开的 bizId + bizType,从而加载最新的列表 */
|
||||
watch(
|
||||
() => [props.bizId, props.bizType],
|
||||
() => {
|
||||
(val) => {
|
||||
if (!val[0]) {
|
||||
return
|
||||
}
|
||||
getList()
|
||||
},
|
||||
{ immediate: true, deep: true }
|
||||
|
Loading…
Reference in New Issue
Block a user