Skip to content

Commit a7f86df

Browse files
qingkediguoqingkediguo
committed
feat: CRM 客户限制
1 parent 6369b33 commit a7f86df

File tree

4 files changed

+100
-82
lines changed

4 files changed

+100
-82
lines changed

‎src/views/crm/customer/detail/CustomerDetails.vue

Lines changed: 82 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,82 +1,86 @@
11
<template>
2-
<el-collapse v-model="activeNames">
3-
<el-collapse-item name="basicInfo">
4-
<template #title>
5-
<span class="text-base font-bold">基本信息</span>
6-
</template>
7-
<el-descriptions :column="4">
8-
<el-descriptions-item label="客户名称">
9-
{{ customer.name }}
10-
</el-descriptions-item>
11-
<el-descriptions-item label="所属行业">
12-
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_INDUSTRY" :value="customer.industryId" />
13-
</el-descriptions-item>
14-
<el-descriptions-item label="客户来源">
15-
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_SOURCE" :value="customer.source" />
16-
</el-descriptions-item>
17-
<el-descriptions-item label="客户等级">
18-
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_LEVEL" :value="customer.level" />
19-
</el-descriptions-item>
20-
<el-descriptions-item label="手机">
21-
{{ customer.mobile }}
22-
</el-descriptions-item>
23-
<el-descriptions-item label="电话">
24-
{{ customer.telephone }}
25-
</el-descriptions-item>
26-
<el-descriptions-item label="邮箱">
27-
{{ customer.email }}
28-
</el-descriptions-item>
29-
<el-descriptions-item label="QQ">
30-
{{ customer.qq }}
31-
</el-descriptions-item>
32-
<el-descriptions-item label="微信">
33-
{{ customer.wechat }}
34-
</el-descriptions-item>
35-
<el-descriptions-item label="网址">
36-
{{ customer.website }}
37-
</el-descriptions-item>
38-
<el-descriptions-item label="所在地">
39-
{{ customer.areaName }}
40-
</el-descriptions-item>
41-
<el-descriptions-item label="详细地址">
42-
{{ customer.detailAddress }}
43-
</el-descriptions-item>
44-
<el-descriptions-item label="下次联系时间">
45-
{{ customer.contactNextTime ? formatDate(customer.contactNextTime, 'YYYY-MM-DD') : '空' }}
46-
</el-descriptions-item>
47-
<el-descriptions-item label="最后跟进时间">
48-
{{ customer.contactLastTime ? formatDate(customer.contactLastTime) : '空' }}
49-
</el-descriptions-item>
50-
</el-descriptions>
51-
<el-descriptions :column="1">
52-
<el-descriptions-item label="客户描述">
53-
{{ customer.description }}
54-
</el-descriptions-item>
55-
<el-descriptions-item label="备注">
56-
{{ customer.remark }}
57-
</el-descriptions-item>
58-
</el-descriptions>
59-
</el-collapse-item>
60-
<el-collapse-item name="systemInfo">
61-
<template #title>
62-
<span class="text-base font-bold">系统信息</span>
63-
</template>
64-
<el-descriptions :column="2">
65-
<el-descriptions-item label="负责人">
66-
{{ customer.ownerUserName }}
67-
</el-descriptions-item>
68-
<el-descriptions-item label="创建人">
69-
{{ customer.creatorName }}
70-
</el-descriptions-item>
71-
<el-descriptions-item label="创建时间">
72-
{{ customer.createTime ? formatDate(customer.createTime) : '空' }}
73-
</el-descriptions-item>
74-
<el-descriptions-item label="更新时间">
75-
{{ customer.updateTime ? formatDate(customer.updateTime) : '空' }}
76-
</el-descriptions-item>
77-
</el-descriptions>
78-
</el-collapse-item>
79-
</el-collapse>
2+
<ContentWrap>
3+
<el-collapse class="" v-model="activeNames">
4+
<el-collapse-item name="basicInfo">
5+
<template #title>
6+
<span class="text-base font-bold">基本信息</span>
7+
</template>
8+
<el-descriptions :column="4">
9+
<el-descriptions-item label="客户名称">
10+
{{ customer.name }}
11+
</el-descriptions-item>
12+
<el-descriptions-item label="所属行业">
13+
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_INDUSTRY" :value="customer.industryId" />
14+
</el-descriptions-item>
15+
<el-descriptions-item label="客户来源">
16+
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_SOURCE" :value="customer.source" />
17+
</el-descriptions-item>
18+
<el-descriptions-item label="客户等级">
19+
<dict-tag :type="DICT_TYPE.CRM_CUSTOMER_LEVEL" :value="customer.level" />
20+
</el-descriptions-item>
21+
<el-descriptions-item label="手机">
22+
{{ customer.mobile }}
23+
</el-descriptions-item>
24+
<el-descriptions-item label="电话">
25+
{{ customer.telephone }}
26+
</el-descriptions-item>
27+
<el-descriptions-item label="邮箱">
28+
{{ customer.email }}
29+
</el-descriptions-item>
30+
<el-descriptions-item label="QQ">
31+
{{ customer.qq }}
32+
</el-descriptions-item>
33+
<el-descriptions-item label="微信">
34+
{{ customer.wechat }}
35+
</el-descriptions-item>
36+
<el-descriptions-item label="网址">
37+
{{ customer.website }}
38+
</el-descriptions-item>
39+
<el-descriptions-item label="所在地">
40+
{{ customer.areaName }}
41+
</el-descriptions-item>
42+
<el-descriptions-item label="详细地址">
43+
{{ customer.detailAddress }}
44+
</el-descriptions-item>
45+
<el-descriptions-item label="下次联系时间">
46+
{{
47+
customer.contactNextTime ? formatDate(customer.contactNextTime, 'YYYY-MM-DD') : '空'
48+
}}
49+
</el-descriptions-item>
50+
<el-descriptions-item label="最后跟进时间">
51+
{{ customer.contactLastTime ? formatDate(customer.contactLastTime) : '空' }}
52+
</el-descriptions-item>
53+
</el-descriptions>
54+
<el-descriptions :column="1">
55+
<el-descriptions-item label="客户描述">
56+
{{ customer.description }}
57+
</el-descriptions-item>
58+
<el-descriptions-item label="备注">
59+
{{ customer.remark }}
60+
</el-descriptions-item>
61+
</el-descriptions>
62+
</el-collapse-item>
63+
<el-collapse-item name="systemInfo">
64+
<template #title>
65+
<span class="text-base font-bold">系统信息</span>
66+
</template>
67+
<el-descriptions :column="2">
68+
<el-descriptions-item label="负责人">
69+
{{ customer.ownerUserName }}
70+
</el-descriptions-item>
71+
<el-descriptions-item label="创建人">
72+
{{ customer.creatorName }}
73+
</el-descriptions-item>
74+
<el-descriptions-item label="创建时间">
75+
{{ customer.createTime ? formatDate(customer.createTime) : '空' }}
76+
</el-descriptions-item>
77+
<el-descriptions-item label="更新时间">
78+
{{ customer.updateTime ? formatDate(customer.updateTime) : '空' }}
79+
</el-descriptions-item>
80+
</el-descriptions>
81+
</el-collapse-item>
82+
</el-collapse>
83+
</ContentWrap>
8084
</template>
8185
<script setup lang="ts">
8286
import * as CustomerApi from '@/api/crm/customer'

‎src/views/crm/customer/detail/index.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -66,8 +66,7 @@
6666
<el-col>
6767
<el-tabs>
6868
<el-tab-pane label="详细资料">
69-
<!-- TODO wanwan：这个 ml-2 是不是可以优化下，不要整个左移，而是里面的内容有个几 px 的偏移，不顶在框里 -->
70-
<CustomerDetails class="ml-2" :customer="customer" />
69+
<CustomerDetails :customer="customer" />
7170
</el-tab-pane>
7271
<el-tab-pane label="活动" lazy> 活动</el-tab-pane>
7372
<el-tab-pane label="邮件" lazy> 邮件</el-tab-pane>

‎src/views/crm/customerLimitConfig/CustomerQuantityLimit.vue

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
11
<template>
2+
<el-button type="primary" plain @click="handleQuery">
3+
<Icon icon="ep:refresh" class="mr-5px" /> 刷新
4+
</el-button>
25
<el-button
36
type="primary"
47
plain
@@ -7,7 +10,13 @@
710
>
811
<Icon icon="ep:plus" class="mr-5px" /> 新增
912
</el-button>
10-
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
13+
<el-table
14+
v-loading="loading"
15+
:data="list"
16+
:stripe="true"
17+
:show-overflow-tooltip="true"
18+
class="mt-4"
19+
>
1120
<el-table-column label="编号" align="center" prop="id" />
1221
<el-table-column label="规则类型" align="center" prop="type" />
1322
<el-table-column label="规则适用人群" align="center" prop="userNames" />
@@ -122,6 +131,12 @@ const handleDelete = async (id: number) => {
122131
123132
const { confType } = defineProps<{ confType: LimitConfType }>()
124133
134+
/** 搜索按钮操作 */
135+
const handleQuery = () => {
136+
queryParams.pageNo = 1
137+
getList()
138+
}
139+
125140
/** 初始化 **/
126141
onMounted(() => {
127142
getList()

‎src/views/crm/customerLimitConfig/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<!-- 列表 -->
33
<ContentWrap>
4-
<el-tabs tab-position="left" style="height: 200px">
4+
<el-tabs tab-position="left">
55
<el-tab-pane label="拥有客户数限制">
66
<CustomerQuantityLimit :confType="LimitConfType.CUSTOMER_QUANTITY_LIMIT" />
77
</el-tab-pane>

0 commit comments

Comments
 (0)