You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
444 lines
16 KiB
444 lines
16 KiB
<template>
|
|
<div class="app-container">
|
|
<div>
|
|
<div class="tab-header webtop">
|
|
<div>【查看】客户信息</div>
|
|
<div>
|
|
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="listconadd">
|
|
<el-form ref="dataForm" :model="temp" label-position="top" label-width="190px" class="formadd">
|
|
<div class="titwu">客户信息</div>
|
|
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
|
|
<div>基础信息</div>
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">客户名称</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.name" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">客户类型</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.customerType" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">联系电话</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.mobile" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">微信号</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.weixin" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row v-show="temp.customerType === '个人'">
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">公司名称</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-form-item>
|
|
<el-input v-model="temp.companyName" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">客户地址</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-form-item>
|
|
<el-input v-model="temp.address" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">客户级别</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.level" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">是否开启提醒</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.isOnRemind" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">提醒日期</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.remind_day" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">提醒备注 </span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.remind_remark" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<!--更多信息-->
|
|
<el-collapse v-model="activeNames">
|
|
<el-collapse-item title="更多信息" name="2">
|
|
<el-form ref="datufrom" :model="temp" label-position="top" label-width="190px" class="formadd02">
|
|
<el-row v-show="temp.customerType === '个人'">
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">客户生日</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.birthday" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">性别</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.sex" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">证件类型</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.certificateType" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">证件号码</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.idnumber" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">证件有效期</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.endDate" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">电子邮箱</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.e_mail" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">紧急联系人</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.contacts" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">紧急联系电话</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.emergencyMobile" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">客户来源</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.source" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">客户分类</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="temp.customerClass" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">备注</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-form-item>
|
|
<el-input v-model="temp.remarks" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</el-collapse-item>
|
|
</el-collapse>
|
|
<!--运营情况-->
|
|
<el-collapse v-model="activeNames">
|
|
<el-collapse-item title="运营情况" name="3">
|
|
<el-form ref="datufrom" :model="templooke" label-position="top" label-width="190px" class="formadd03">
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">承运货物类型</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="templooke.consignmentType" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">承运货物</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="templooke.consignment" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">运输路线</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="templooke.hallway_state" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">购车状态</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<div class="yihang">
|
|
<el-checkbox-group v-if="aseType.length > 0" v-model="aseTypeBox">
|
|
<el-checkbox v-for="item in aseType" :key="item.divtkey" :label="item.divtkey">{{ item.dictValue }}</el-checkbox>
|
|
</el-checkbox-group>
|
|
<div class="mw">
|
|
第
|
|
<el-input v-model="templooke.purchase_num" :readonly="true" class="addinputw" clearable/>
|
|
辆
|
|
</div>
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">现有车辆</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="templooke.existing_vehicles" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">现有车辆品牌</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item>
|
|
<el-input v-model="templooke.existing_vehiclesBrand" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4" class="trightb">
|
|
<el-form-item>
|
|
<span slot="label">备注</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-form-item>
|
|
<el-input v-model="templooke.remarks" :readonly="true" class="addinputw" clearable/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</el-collapse-item>
|
|
</el-collapse>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { getPcCustomerInfoBySid } from '@/api/jichuxinxi/crmcustomer'
|
|
import { getPcBusinessInfoBySid } from '@/api/jichuxinxi/crmbusiness'
|
|
|
|
export default {
|
|
name: 'Kehudanganinfo',
|
|
data() {
|
|
return {
|
|
aseTypeBox: [],
|
|
activeNames: ['1'],
|
|
aseType: [
|
|
{
|
|
dictValue: '首次购车',
|
|
divtkey: 0
|
|
},
|
|
{
|
|
dictValue: '续购',
|
|
divtkey: 1
|
|
}
|
|
],
|
|
stateId: 0,
|
|
temp: {}, // 添加和修改
|
|
templooke: {}
|
|
}
|
|
},
|
|
methods: {
|
|
// 修改回显
|
|
openInfo(sid) {
|
|
this.stateId = sid
|
|
if (this.stateId !== '0') {
|
|
getPcCustomerInfoBySid(this.stateId).then((response) => {
|
|
if (response.code === '200') {
|
|
this.$refs['dataForm'].clearValidate()
|
|
this.temp = response.data
|
|
}
|
|
})
|
|
getPcBusinessInfoBySid(this.stateId).then((response) => {
|
|
if (response.code === '200') {
|
|
this.templooke = response.data
|
|
const Arry = []
|
|
Arry.push(parseInt(response.data.purchase_time))
|
|
this.aseTypeBox = Arry
|
|
}
|
|
})
|
|
}
|
|
},
|
|
// 组件返回
|
|
handleReturn() {
|
|
this.$emit('handleReturn')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.yulan {
|
|
text-align: right;
|
|
margin-top: 15px;
|
|
}
|
|
.trightb {
|
|
text-align: right;
|
|
}
|
|
|
|
.hang {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
.addinputwduan {
|
|
width: 80px;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
/deep/ .el-collapse-item__header {
|
|
height:40px;
|
|
padding: 10px;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
text-align: left;
|
|
color: #ffffff;
|
|
background-color: #0294d7;
|
|
}
|
|
/deep/ .el-collapse-item__content{
|
|
padding-bottom: 0;
|
|
}
|
|
</style>
|
|
|