Skip to content

Commit 455688e

Browse files
author
puhui999
committed
crm-客户：集成操作日志详情组件
1 parent 59c6670 commit 455688e

File tree

5 files changed

+48
-27
lines changed

5 files changed

+48
-27
lines changed

‎src/api/crm/customer/index.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,3 +67,8 @@ export const exportCustomer = async (params) => {
6767
export const queryAllList = async () => {
6868
return await request.get({ url: `/crm/customer/query-all-list` })
6969
}
70+
71+
// 查询客户操作日志
72+
export const getOperateLog = async (id: number) => {
73+
return await request.get({ url: `/crm/customer/operate-log?id=` + id })
74+
}

‎src/views/crm/customer/CustomerForm.vue

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<template>
2-
<Dialog :title="dialogTitle" v-model="dialogVisible">
2+
<Dialog v-model="dialogVisible" :title="dialogTitle">
33
<el-form
44
ref="formRef"
5+
v-loading="formLoading"
56
:model="formData"
67
:rules="formRules"
78
label-width="100px"
8-
v-loading="formLoading"
99
>
1010
<el-row>
1111
<el-col :span="12">
@@ -17,7 +17,7 @@
1717
<el-form-item label="所属行业" prop="industryId">
1818
<el-select v-model="formData.industryId" placeholder="请选择所属行业">
1919
<el-option
20-
v-for="dict in getStrDictOptions(DICT_TYPE.CRM_CUSTOMER_INDUSTRY)"
20+
v-for="dict in getIntDictOptions(DICT_TYPE.CRM_CUSTOMER_INDUSTRY)"
2121
:key="dict.value"
2222
:label="dict.label"
2323
:value="dict.value"
@@ -31,7 +31,7 @@
3131
<el-form-item label="客户来源" prop="source">
3232
<el-select v-model="formData.source" placeholder="请选择客户来源">
3333
<el-option
34-
v-for="dict in getStrDictOptions(DICT_TYPE.CRM_CUSTOMER_SOURCE)"
34+
v-for="dict in getIntDictOptions(DICT_TYPE.CRM_CUSTOMER_SOURCE)"
3535
:key="dict.value"
3636
:label="dict.label"
3737
:value="dict.value"
@@ -43,7 +43,7 @@
4343
<el-form-item label="客户等级" prop="level">
4444
<el-select v-model="formData.level" placeholder="请选择客户等级">
4545
<el-option
46-
v-for="dict in getStrDictOptions(DICT_TYPE.CRM_CUSTOMER_LEVEL)"
46+
v-for="dict in getIntDictOptions(DICT_TYPE.CRM_CUSTOMER_LEVEL)"
4747
:key="dict.value"
4848
:label="dict.label"
4949
:value="dict.value"
@@ -120,9 +120,9 @@
120120
<el-form-item label="下次联系时间" prop="contactNextTime">
121121
<el-date-picker
122122
v-model="formData.contactNextTime"
123+
placeholder="选择下次联系时间"
123124
type="date"
124125
value-format="x"
125-
placeholder="选择下次联系时间"
126126
/>
127127
</el-form-item>
128128
</el-col>
@@ -139,13 +139,13 @@
139139
</el-col>
140140
</el-form>
141141
<template #footer>
142-
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
142+
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
143143
<el-button @click="dialogVisible = false">取 消</el-button>
144144
</template>
145145
</Dialog>
146146
</template>
147-
<script setup lang="ts">
148-
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
147+
<script lang="ts" setup>
148+
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
149149
import * as CustomerApi from '@/api/crm/customer'
150150
import * as AreaApi from '@/api/system/area'
151151
import { defaultProps } from '@/utils/tree'

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

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
<el-button v-hasPermi="['crm:customer:update']" @click="openForm(customer.id)">
1515
编辑
1616
</el-button>
17+
<el-button @click="transfer">转移</el-button>
1718
<el-button>更改成交状态</el-button>
1819
</div>
1920
</div>
@@ -26,22 +27,24 @@
2627
<el-descriptions-item label="成交状态">
2728
{{ customer.dealStatus ? '已成交' : '未成交' }}
2829
</el-descriptions-item>
29-
<el-descriptions-item label="负责人">{{ customer.ownerUserName }} </el-descriptions-item>
30+
<el-descriptions-item label="负责人">{{ customer.ownerUserName }}</el-descriptions-item>
3031
<!-- TODO wanwan 首要联系人? -->
3132
<el-descriptions-item label="首要联系人" />
3233
<!-- TODO wanwan 首要联系人电话? -->
33-
<el-descriptions-item label="首要联系人电话">{{ customer.mobile }} </el-descriptions-item>
34+
<el-descriptions-item label="首要联系人电话">{{ customer.mobile }}</el-descriptions-item>
3435
</el-descriptions>
3536
</ContentWrap>
3637

3738
<!-- 表单弹窗：添加/修改 -->
3839
<CustomerForm ref="formRef" @success="emit('refresh')" />
3940
</template>
40-
<script setup lang="ts">
41+
<script lang="ts" setup>
4142
import { DICT_TYPE } from '@/utils/dict'
4243
import * as CustomerApi from '@/api/crm/customer'
4344
import CustomerForm from '../CustomerForm.vue'
4445
46+
defineOptions({ name: 'CustomerDetailsHeader' })
47+
4548
const { customer, loading } = defineProps<{
4649
customer: CustomerApi.CustomerVO // 客户信息
4750
loading: boolean // 加载中

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

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<ContentWrap>
3-
<el-collapse class="" v-model="activeNames">
3+
<el-collapse v-model="activeNames" class="">
44
<el-collapse-item name="basicInfo">
55
<template #title>
66
<span class="text-base font-bold">基本信息</span>
@@ -20,11 +20,11 @@
2020
</el-descriptions-item>
2121
<el-descriptions-item label="手机">{{ customer.mobile }}</el-descriptions-item>
2222
<el-descriptions-item label="电话">{{ customer.telephone }}</el-descriptions-item>
23-
<el-descriptions-item label="邮箱">{{ customer.email }} </el-descriptions-item>
24-
<el-descriptions-item label="QQ">{{ customer.qq }} </el-descriptions-item>
25-
<el-descriptions-item label="微信">{{ customer.wechat }} </el-descriptions-item>
26-
<el-descriptions-item label="网址">{{ customer.website }} </el-descriptions-item>
27-
<el-descriptions-item label="所在地">{{ customer.areaName }} </el-descriptions-item>
23+
<el-descriptions-item label="邮箱">{{ customer.email }}</el-descriptions-item>
24+
<el-descriptions-item label="QQ">{{ customer.qq }}</el-descriptions-item>
25+
<el-descriptions-item label="微信">{{ customer.wechat }}</el-descriptions-item>
26+
<el-descriptions-item label="网址">{{ customer.website }}</el-descriptions-item>
27+
<el-descriptions-item label="所在地">{{ customer.areaName }}</el-descriptions-item>
2828
<el-descriptions-item label="详细地址"
2929
>{{ customer.detailAddress }}
3030
</el-descriptions-item>
@@ -38,17 +38,17 @@
3838
</el-descriptions-item>
3939
</el-descriptions>
4040
<el-descriptions :column="1">
41-
<el-descriptions-item label="客户描述">{{ customer.description }} </el-descriptions-item>
42-
<el-descriptions-item label="备注">{{ customer.remark }} </el-descriptions-item>
41+
<el-descriptions-item label="客户描述">{{ customer.description }}</el-descriptions-item>
42+
<el-descriptions-item label="备注">{{ customer.remark }}</el-descriptions-item>
4343
</el-descriptions>
4444
</el-collapse-item>
4545
<el-collapse-item name="systemInfo">
4646
<template #title>
4747
<span class="text-base font-bold">系统信息</span>
4848
</template>
4949
<el-descriptions :column="2">
50-
<el-descriptions-item label="负责人">{{ customer.ownerUserName }} </el-descriptions-item>
51-
<el-descriptions-item label="创建人">{{ customer.creatorName }} </el-descriptions-item>
50+
<el-descriptions-item label="负责人">{{ customer.ownerUserName }}</el-descriptions-item>
51+
<el-descriptions-item label="创建人">{{ customer.creatorName }}</el-descriptions-item>
5252
<el-descriptions-item label="创建时间">
5353
{{ customer.createTime ? formatDate(customer.createTime) : '空' }}
5454
</el-descriptions-item>
@@ -60,15 +60,16 @@
6060
</el-collapse>
6161
</ContentWrap>
6262
</template>
63-
<script setup lang="ts">
63+
<script lang="ts" setup>
6464
import * as CustomerApi from '@/api/crm/customer'
6565
import { DICT_TYPE } from '@/utils/dict'
6666
import { formatDate } from '@/utils/formatTime'
6767
68+
defineOptions({ name: 'CustomerDetailsInfo' })
6869
const { customer } = defineProps<{
6970
customer: CustomerApi.CustomerVO // 客户明细
7071
}>()
7172
7273
const activeNames = ref(['basicInfo', 'systemInfo']) // 展示的折叠面板
7374
</script>
74-
<style scoped lang="scss"></style>
75+
<style lang="scss" scoped></style>

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

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,9 @@
55
<el-tab-pane label="详细资料">
66
<CustomerDetailsInfo :customer="customer" />
77
</el-tab-pane>
8-
<el-tab-pane label="操作日志" lazy>TODO 待开发</el-tab-pane>
8+
<el-tab-pane label="操作日志">
9+
<OperateLogV2 :log-list="logList" />
10+
</el-tab-pane>
911
<el-tab-pane label="联系人" lazy>
1012
<ContactList :biz-id="customer.id!" :biz-type="BizTypeEnum.CRM_CUSTOMER" />
1113
</el-tab-pane>
@@ -38,24 +40,34 @@ import ReceivableList from '@/views/crm/receivable/components/ReceivableList.vue
3840
import ReceivablePlanList from '@/views/crm/receivable/plan/components/ReceivablePlanList.vue' // 回款计划列表
3941
import PermissionList from '@/views/crm/permission/components/PermissionList.vue' // 团队成员列表（权限）
4042
import { BizTypeEnum } from '@/api/crm/permission'
43+
import { OperateLogV2VO } from '@/api/system/operatelog'
4144
4245
defineOptions({ name: 'CrmCustomerDetail' })
4346
4447
const route = useRoute()
4548
const id = Number(route.params.id) // 客户编号
4649
const loading = ref(true) // 加载中
47-
4850
/** 获取详情 */
4951
const customer = ref<CustomerApi.CustomerVO>({} as CustomerApi.CustomerVO) // 客户详情
5052
const getCustomer = async (id: number) => {
5153
loading.value = true
5254
try {
5355
customer.value = await CustomerApi.getCustomer(id)
56+
await getOperateLog(id)
5457
} finally {
5558
loading.value = false
5659
}
5760
}
58-
61+
const logList = ref<OperateLogV2VO[]>([]) // 操作日志列表
62+
/**
63+
* 获取操作日志
64+
*/
65+
const getOperateLog = async (customerId: number) => {
66+
if (!customerId) {
67+
return
68+
}
69+
logList.value = await CustomerApi.getOperateLog(customerId)
70+
}
5971
/** 初始化 */
6072
const { delView } = useTagsViewStore() // 视图操作
6173
const { currentRoute } = useRouter() // 路由

0 commit comments

Comments
 (0)