aca10bcd45
feat(订单管理): 增加宽度和厚度公差字段，优化销售员选择方式 feat(合同管理): 新增合同管理模块及相关API接口 refactor(文件列表): 重构文件列表组件样式和布局 fix(QRCode): 修复内容为空时仍触发生成的bug perf(线圈管理): 优化用户列表加载条件，减少不必要请求 style(代码): 移除多余的空行和注释代码
52 lines
1.7 KiB
Vue
52 lines
1.7 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="税号">{{ customer.taxNumber || '-' }}</el-descriptions-item>
|
|
<el-descriptions-item label="客户地址" v-hasPermi="['crm:customer:address']">
|
|
{{ formattedAddress || '-' }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
</template>
|
|
|
|
<script>
|
|
import { formatAreaTextEnhanced } from '@/components/ChinaAreaSelect/index.js'
|
|
|
|
export default {
|
|
name: 'CustomerDetail',
|
|
props: {
|
|
// 客户信息对象
|
|
customer: {
|
|
type: Object,
|
|
required: true,
|
|
default: () => ({})
|
|
},
|
|
// 字典数据
|
|
dict: {
|
|
type: Object,
|
|
required: true,
|
|
default: () => ({ type: {} })
|
|
}
|
|
},
|
|
computed: {
|
|
formattedAddress() {
|
|
const address = formatAreaTextEnhanced(this.customer.address || '-')
|
|
return address.standard + ' (' + address.custom + ')'
|
|
}
|
|
}
|
|
}
|
|
</script> |