1
This commit is contained in:
PQZ
parent
695ed397f2
commit
614b816bc4
@ -1,31 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as CustomerMainApi from '@/api/base/customer';
|
||||
export default {
|
||||
name: "BindCar",
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
created() {
|
||||
const row = this.$route.query.row
|
||||
},
|
||||
methods: {
|
||||
/**通过id客户信息查询*/
|
||||
getById(){
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
128
src/views/base/customer/CustomerMember.vue
Normal file
128
src/views/base/customer/CustomerMember.vue
Normal file
@ -0,0 +1,128 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>{{ formData.levelName }}</span>
|
||||
</div>
|
||||
<!--客户基本信息-->
|
||||
<el-descriptions class="margin-top" :column="3" border>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
会员名称
|
||||
</template>
|
||||
{{ formData.cusName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
性别
|
||||
</template>
|
||||
<dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="formData.sex"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
联系方式
|
||||
</template>
|
||||
{{ formData.phoneNumber }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
生日
|
||||
</template>
|
||||
{{ parseTime(formData.birthday, '{y}-{m}-{d}') }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
客户来源
|
||||
</template>
|
||||
<dict-tag :type="DICT_TYPE.DICT_CUS_DATA_FROM" :value="formData.dataFrom"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
最近办理业务
|
||||
</template>
|
||||
<dict-tag :type="DICT_TYPE.DICT_CUS_BUSI_TYPE" :value="formData.nearDoContent"/>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
联系地址
|
||||
</template>
|
||||
{{ formData.address }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
绑定车辆
|
||||
</template>
|
||||
<template v-for="item in formData.carList">
|
||||
<el-popover
|
||||
placement="top-start"
|
||||
width="200"
|
||||
trigger="hover"
|
||||
:content="item.licenseNumber">
|
||||
<el-tag
|
||||
style="margin-left: 5px"
|
||||
:key="item.id"
|
||||
slot="reference">
|
||||
{{ item.brandStr }}({{ item.modelStr }})
|
||||
</el-tag>
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
会员标签
|
||||
</template>
|
||||
<template v-for="item in formData.labelList">
|
||||
<el-popover
|
||||
placement="top-start"
|
||||
width="200"
|
||||
trigger="hover"
|
||||
:content="item.labelContent">
|
||||
<el-tag
|
||||
style="margin-left: 5px"
|
||||
:key="item.id"
|
||||
slot="reference"
|
||||
:type="item.labelType">
|
||||
{{ item.labelName }}
|
||||
</el-tag>
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-descriptions-item>
|
||||
|
||||
</el-descriptions>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as CustomerMainApi from '@/api/base/customer';
|
||||
|
||||
export default {
|
||||
name: "CustomerMember",
|
||||
data() {
|
||||
return {
|
||||
//列表传入数据
|
||||
param: {},
|
||||
//当前客户数据
|
||||
formData: {},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
const row = this.$route.query.row
|
||||
this.param = row
|
||||
this.getById(row.id)
|
||||
},
|
||||
methods: {
|
||||
/**通过id客户信息查询*/
|
||||
async getById(id) {
|
||||
const res = await CustomerMainApi.getCustomerMain(id);
|
||||
this.formData = res.data;
|
||||
console.log(this.formData)
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -45,6 +45,7 @@
|
||||
<dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="scope.row.sex"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="80" label="会员等级" align="center" prop="levelName" />
|
||||
<el-table-column width="110" label="联系方式" align="center" prop="phoneNumber"/>
|
||||
<el-table-column width="100" label="生日" align="center" prop="birthday">
|
||||
<template v-slot="scope">
|
||||
|
||||
@ -40,8 +40,7 @@
|
||||
<dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="scope.row.sex" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="80" label="会员等级" align="center" prop="levelName">
|
||||
</el-table-column>
|
||||
<el-table-column width="80" label="会员等级" align="center" prop="levelName" />
|
||||
<el-table-column width="110" label="联系方式" align="center" prop="phoneNumber"/>
|
||||
<el-table-column width="100" label="生日" align="center" prop="birthday">
|
||||
<template v-slot="scope">
|
||||
@ -204,7 +203,7 @@ export default {
|
||||
*/
|
||||
customerDetail(row){
|
||||
this.$router.push({
|
||||
name: "CustomerDetail",
|
||||
name: "CustomerMember",
|
||||
query:{
|
||||
row: row
|
||||
}
|
||||
|
||||
@ -30,6 +30,7 @@
|
||||
|
||||
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
|
||||
<el-table-column width="100" label="客户名称" align="center" prop="cusName"/>
|
||||
<el-table-column width="80" label="会员等级" align="center" prop="levelName" />
|
||||
<el-table-column width="60" label="性别" align="center" prop="sex">
|
||||
<template v-slot="scope">
|
||||
<dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="scope.row.sex" />
|
||||
|
||||
@ -133,7 +133,8 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tenantCode:"lanan",
|
||||
tenantCode:"lighting",
|
||||
// tenantCode:"lanan",
|
||||
codeUrl: "",
|
||||
//是否开启图形验证码
|
||||
captchaEnable: false,
|
||||
|
||||
Loading…
Reference in New Issue
Block a user