wip: 待办事项
dhb52
2 years ago
parent
25347b3ea5
commit
24849335a8
@ -0,0 +1,39 @@
|
||||
import request from '@/config/axios'
|
||||
|
||||
export interface CustomerVO {
|
||||
id?: number
|
||||
name: string
|
||||
industryId: number
|
||||
level: number
|
||||
source: number
|
||||
followUpStatus?: boolean
|
||||
lockStatus?: boolean
|
||||
dealStatus?: boolean
|
||||
mobile: string
|
||||
telephone: string
|
||||
website: string
|
||||
qq: string
|
||||
wechat: string
|
||||
email: string
|
||||
description: string
|
||||
remark: string
|
||||
ownerUserId?: number
|
||||
ownerUserName?: string
|
||||
ownerUserDept?: string
|
||||
roUserIds?: string
|
||||
rwUserIds?: string
|
||||
areaId?: number
|
||||
areaName?: string
|
||||
detailAddress: string
|
||||
contactLastTime?: Date
|
||||
contactNextTime: Date
|
||||
createTime?: Date
|
||||
updateTime?: Date
|
||||
creator?: string
|
||||
creatorName?: string
|
||||
}
|
||||
|
||||
// 查询客户列表
|
||||
export const getTodayCustomerPage = async (params) => {
|
||||
return await request.get({ url: `/crm/message/todayCustomer`, params })
|
||||
}
|
||||
@ -0,0 +1,134 @@
|
||||
<template>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="4" class="min-w-[200px]">
|
||||
<div class="side-item-list">
|
||||
<div
|
||||
v-for="(item, index) in leftSides"
|
||||
:key="index"
|
||||
:class="leftType == item.infoType ? 'side-item-select' : 'side-item-default'"
|
||||
class="side-item"
|
||||
@click="sideClick(item)"
|
||||
>
|
||||
{{ item.name }}
|
||||
<el-badge v-if="item.msgCount > 0" :max="99" :value="item.msgCount" />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="20" :xs="24">
|
||||
<TodayCustomer v-if="leftType === 'todayCustomer'" />
|
||||
<FollowLeads v-if="leftType === 'followLeads'" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import TodayCustomer from './tables/TodayCustomer.vue'
|
||||
import FollowLeads from './tables/FollowLeads.vue'
|
||||
|
||||
const leftType = ref('todayCustomer')
|
||||
const leftSides = ref([
|
||||
{
|
||||
name: '今日需联系客户',
|
||||
infoType: 'todayCustomer',
|
||||
msgCount: 1,
|
||||
tips: '下次跟进时间为今日的客户'
|
||||
},
|
||||
{
|
||||
name: '分配给我的线索',
|
||||
infoType: 'followLeads',
|
||||
msgCount: 0,
|
||||
tips: '转移之后未跟进的线索'
|
||||
},
|
||||
{
|
||||
name: '分配给我的客户',
|
||||
infoType: 'followCustomer',
|
||||
msgCount: 0,
|
||||
tips: '转移、领取、分配之后未跟进的客户，默认显示自己负责的客户'
|
||||
},
|
||||
{
|
||||
name: '待进入公海的客户',
|
||||
infoType: 'putInPoolRemind',
|
||||
msgCount: 0,
|
||||
tips: ''
|
||||
},
|
||||
{
|
||||
name: '待审核合同',
|
||||
infoType: 'checkContract',
|
||||
msgCount: 0,
|
||||
tips: ''
|
||||
},
|
||||
{
|
||||
name: '待审核回款',
|
||||
crmType: 'receivables',
|
||||
infoType: 'checkReceivables',
|
||||
msgCount: 0,
|
||||
tips: ''
|
||||
},
|
||||
{
|
||||
name: '待回款提醒',
|
||||
infoType: 'remindReceivablesPlan',
|
||||
msgCount: 4,
|
||||
tips: ''
|
||||
},
|
||||
{
|
||||
name: '即将到期的合同',
|
||||
infoType: 'endContract',
|
||||
msgCount: 20,
|
||||
tips: '根据“合同到期时间”及设置的“提前提醒天数”提醒'
|
||||
}
|
||||
])
|
||||
|
||||
/**
|
||||
* 侧边点击
|
||||
*/
|
||||
const sideClick = (item) => {
|
||||
leftType.value = item.infoType
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.side-item-list {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
font-size: 14px;
|
||||
background-color: white;
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 5px;
|
||||
|
||||
.side-item {
|
||||
position: relative;
|
||||
height: 50px;
|
||||
padding: 0 20px;
|
||||
line-height: 50px;
|
||||
cursor: pointer;
|
||||
|
||||
i {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.side-item-default {
|
||||
color: #333;
|
||||
border-right: 2px solid transparent;
|
||||
}
|
||||
|
||||
.side-item-select {
|
||||
color: #409eff;
|
||||
background-color: #ecf5ff;
|
||||
border-right: 2px solid var(--el-color-primary);
|
||||
}
|
||||
|
||||
.el-badge :deep(.el-badge__content) {
|
||||
top: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.el-badge {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 15px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,14 @@
|
||||
<!-- 分配给我的线索 -->
|
||||
<template>
|
||||
<div>
|
||||
TODO: 分配给我的线索
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="FollowLeads">
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue