feat(crm): 新增客户管理相关组件和功能
新增客户信息展示、编辑组件及订单管理功能 优化客户详情页布局和交互体验 重构订单管理模块,增加客户关联功能
This commit is contained in:
41
klp-ui/src/views/crm/components/CustomerInfo.vue
Normal file
41
klp-ui/src/views/crm/components/CustomerInfo.vue
Normal file
@@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="客户编号">
|
||||
{{ customer.customerCode || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="公司">
|
||||
{{ customer.companyName || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="联系人">
|
||||
{{ customer.contactPerson || '-' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="客户联系方式">{{ customer.contactWay || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="客户行业">
|
||||
<dict-tag :value="customer.industry" :options="dict.type.customer_industry"></dict-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="客户等级">
|
||||
<dict-tag :value="customer.customerLevel" :options="dict.type.customer_level"></dict-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="客户地址" v-hasPermi="['crm:customer:address']">{{ customer.address || '-' }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'CustomerDetail',
|
||||
props: {
|
||||
// 客户信息对象
|
||||
customer: {
|
||||
type: Object,
|
||||
required: true,
|
||||
default: () => ({})
|
||||
},
|
||||
// 字典数据
|
||||
dict: {
|
||||
type: Object,
|
||||
required: true,
|
||||
default: () => ({ type: {} })
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user