41 lines
1.3 KiB
Vue
41 lines
1.3 KiB
Vue
|
<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>
|