芋道源码
2 years ago
committed by
Gitee
commit
2e01944df9
@ -0,0 +1,48 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
export interface PermissionVO {
|
||||||
|
id?: number // 数据权限编号
|
||||||
|
userId: number | undefined // 用户编号
|
||||||
|
bizType: number | undefined // Crm 类型
|
||||||
|
bizId: number | undefined // Crm 类型数据编号
|
||||||
|
level: number | undefined // 权限级别
|
||||||
|
deptName?: string // 部门名称
|
||||||
|
nickname?: string // 用户昵称
|
||||||
|
postNames?: string // 岗位名称数组
|
||||||
|
createTime?: Date
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询团队成员列表
|
||||||
|
export const getPermissionList = async (params) => {
|
||||||
|
return await request.get({ url: `/crm/permission/list`, params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增团队成员
|
||||||
|
export const createPermission = async (data: PermissionVO) => {
|
||||||
|
return await request.post({ url: `/crm/permission/add`, data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改团队成员权限级别
|
||||||
|
export const updatePermission = async (data) => {
|
||||||
|
return await request.put({ url: `/crm/permission/update`, data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除团队成员
|
||||||
|
export const deletePermission = async (params) => {
|
||||||
|
return await request.delete({ url: '/crm/permission/delete', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 退出团队
|
||||||
|
export const quitTeam = async (id) => {
|
||||||
|
return await request.delete({ url: '/crm/permission/quit-team?id=' + id })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 领取公海数据
|
||||||
|
export const receive = async (data: { bizType: number; bizId: number }) => {
|
||||||
|
return await request.put({ url: `/crm/permission/receive`, data })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 数据放入公海
|
||||||
|
export const putPool = async (data: { bizType: number; bizId: number }) => {
|
||||||
|
return await request.put({ url: `/crm/permission/put-pool`, data })
|
||||||
|
}
|
||||||
@ -0,0 +1,147 @@
|
|||||||
|
<template>
|
||||||
|
<!-- 操作栏 -->
|
||||||
|
<el-row justify="end">
|
||||||
|
<el-button type="primary" @click="handleAdd">
|
||||||
|
<Icon class="mr-5px" icon="ep:plus" />
|
||||||
|
新增
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="handleEdit">
|
||||||
|
<Icon class="mr-5px" icon="ep:edit" />
|
||||||
|
编辑
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="handleRemove">
|
||||||
|
<Icon class="mr-5px" icon="ep:delete" />
|
||||||
|
移除
|
||||||
|
</el-button>
|
||||||
|
<el-button type="danger" @click="handleQuit"> 退出团队</el-button>
|
||||||
|
</el-row>
|
||||||
|
<!-- 团队成员展示 -->
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="list"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
:stripe="true"
|
||||||
|
class="mt-20px"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column align="center" label="姓名" prop="nickname" />
|
||||||
|
<el-table-column align="center" label="部门" prop="deptName" />
|
||||||
|
<el-table-column align="center" label="岗位" prop="postNames" />
|
||||||
|
<el-table-column align="center" label="权限级别" prop="level">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag>{{ getLevelName(row.level) }}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :formatter="dateFormatter" align="center" label="加入时间" prop="createTime" />
|
||||||
|
</el-table>
|
||||||
|
<CrmPermissionForm ref="crmPermissionFormRef" />
|
||||||
|
</template>
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { dateFormatter } from '@/utils/formatTime'
|
||||||
|
import { ElTable } from 'element-plus'
|
||||||
|
import * as PermissionApi from '@/api/crm/permission'
|
||||||
|
import { useUserStoreWithOut } from '@/store/modules/user'
|
||||||
|
import CrmPermissionForm from './CrmPermissionForm.vue'
|
||||||
|
import { CrmPermissionLevelEnum } from './index'
|
||||||
|
|
||||||
|
defineOptions({ name: 'CrmTeam' })
|
||||||
|
const props = defineProps<{
|
||||||
|
bizType: number
|
||||||
|
bizId: number
|
||||||
|
}>()
|
||||||
|
const loading = ref(true) // 列表的加载中
|
||||||
|
const list = ref<PermissionApi.PermissionVO[]>([
|
||||||
|
// TODO 测试数据
|
||||||
|
{
|
||||||
|
id: 1, // 数据权限编号
|
||||||
|
userId: 1, // 用户编号
|
||||||
|
bizType: 1, // Crm 类型
|
||||||
|
bizId: 1, // Crm 类型数据编号
|
||||||
|
level: 1, // 权限级别
|
||||||
|
deptName: '研发部门', // 部门名称
|
||||||
|
nickname: '芋道源码', // 用户昵称
|
||||||
|
postNames: '全栈开发工程师', // 岗位名称数组
|
||||||
|
createTime: new Date()
|
||||||
|
}
|
||||||
|
]) // 列表的数据
|
||||||
|
const getList = async () => {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const res = await PermissionApi.getPermissionList({
|
||||||
|
bizType: props.bizType,
|
||||||
|
bizId: props.bizId
|
||||||
|
})
|
||||||
|
list.value = res
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 获得权限级别名称
|
||||||
|
* @param level 权限级别
|
||||||
|
*/
|
||||||
|
const getLevelName = computed(() => (level: number) => {
|
||||||
|
switch (level) {
|
||||||
|
case CrmPermissionLevelEnum.OWNER:
|
||||||
|
return '负责人'
|
||||||
|
case CrmPermissionLevelEnum.READ:
|
||||||
|
return '只读'
|
||||||
|
case CrmPermissionLevelEnum.WRITE:
|
||||||
|
return '读写'
|
||||||
|
default:
|
||||||
|
break
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const multipleSelection = ref<PermissionApi.PermissionVO[]>([])
|
||||||
|
const handleSelectionChange = (val: PermissionApi.PermissionVO[]) => {
|
||||||
|
multipleSelection.value = val
|
||||||
|
}
|
||||||
|
const message = useMessage()
|
||||||
|
const crmPermissionFormRef = ref<InstanceType<typeof CrmPermissionForm>>()
|
||||||
|
const handleEdit = () => {
|
||||||
|
if (multipleSelection.value?.length === 0) {
|
||||||
|
message.warning('请先选择团队成员后操作！')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const ids = multipleSelection.value?.map((item) => item.id)
|
||||||
|
crmPermissionFormRef.value?.open('update', props.bizType, props.bizId, ids)
|
||||||
|
}
|
||||||
|
const handleRemove = async () => {
|
||||||
|
if (multipleSelection.value?.length === 0) {
|
||||||
|
message.warning('请先选择团队成员后操作！')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
await message.delConfirm()
|
||||||
|
const ids = multipleSelection.value?.map((item) => item.id)
|
||||||
|
await PermissionApi.deletePermission({
|
||||||
|
bizType: props.bizType,
|
||||||
|
bizId: props.bizId,
|
||||||
|
ids
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const handleAdd = () => {
|
||||||
|
crmPermissionFormRef.value?.open('create', props.bizType, props.bizId)
|
||||||
|
}
|
||||||
|
|
||||||
|
const userStore = useUserStoreWithOut()
|
||||||
|
const handleQuit = async () => {
|
||||||
|
const permission = list.value.find(
|
||||||
|
(item) => item.userId === userStore.getUser.id && item.level === CrmPermissionLevelEnum.OWNER
|
||||||
|
)
|
||||||
|
if (permission) {
|
||||||
|
message.warning('负责人不能退出团队！')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const userPermission = list.value.find((item) => item.userId === userStore.getUser.id)
|
||||||
|
await PermissionApi.quitTeam(userPermission?.id)
|
||||||
|
}
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => props.bizId,
|
||||||
|
() => {
|
||||||
|
getList()
|
||||||
|
},
|
||||||
|
{ immediate: true, deep: true }
|
||||||
|
)
|
||||||
|
</script>
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
import CrmTeam from './CrmTeamList.vue'
|
||||||
|
|
||||||
|
enum CrmBizTypeEnum {
|
||||||
|
CRM_LEADS = 1, // 线索
|
||||||
|
CRM_CUSTOMER = 2, // 客户
|
||||||
|
CRM_CONTACTS = 3, // 联系人
|
||||||
|
CRM_BUSINESS = 5, // 商机
|
||||||
|
CRM_CONTRACT = 6 // 合同
|
||||||
|
}
|
||||||
|
|
||||||
|
enum CrmPermissionLevelEnum {
|
||||||
|
OWNER = 1, // 负责人
|
||||||
|
READ = 2, // 读
|
||||||
|
WRITE = 3 // 写
|
||||||
|
}
|
||||||
|
|
||||||
|
export { CrmTeam, CrmBizTypeEnum, CrmPermissionLevelEnum }
|
||||||
Loading…
Reference in New Issue