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.
239 lines
7.6 KiB
239 lines
7.6 KiB
<template>
|
|
<div class="app-container">
|
|
<div v-show="viewState == 1">
|
|
<div class="tab-header webtop">
|
|
<div>{{ viewTitle }}</div>
|
|
<div>
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="listconadd">
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
|
|
<el-row style="border-top: 1px solid #e0e3eb">
|
|
<el-col :span="12">
|
|
<div class="span-sty">客户名称</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">客户类型</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.customerType }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<div class="span-sty">联系电话</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">微信号</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.weixin }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div class="span-sty">客户地址</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.province }}{{ formobj.city }}{{ formobj.county }}{{ formobj.address }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<div class="span-sty">客户级别</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.level }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">是否开启提醒</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.isOnRemind }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row v-show="formobj.isOnRemind == '是'">
|
|
<el-col :span="12">
|
|
<div class="span-sty">提醒日期</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.remind_day }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">提醒备注</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.remind_remark }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">更多信息</div>
|
|
<el-row v-if="formobj.customerType == '个人'">
|
|
<el-col :span="12">
|
|
<div class="span-sty">客户生日</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.birthday }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">性别</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.sex }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<div class="span-sty">证件类型</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.certificateType }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">证件号码</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.idnumber }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<div class="span-sty">证件有效期</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.endDate }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">电子邮箱</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.e_mail }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<div class="span-sty">紧急联系人</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.emergencyContact }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">紧急联系电话</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.emergencyMobile }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<div class="span-sty">客户来源</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.source }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="span-sty">客户分类</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.customerClass }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div class="span-sty">备注</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import req from '@/api/client/customermanagement'
|
|
|
|
export default {
|
|
name: 'CustomerManagementInfo',
|
|
data() {
|
|
return {
|
|
viewTitle: '',
|
|
viewState: 1,
|
|
formobj: {
|
|
name: '',
|
|
customerType: '',
|
|
customerTypeKey: '',
|
|
visitWay: '',
|
|
visitWayKey: '',
|
|
mobile: '',
|
|
weixin: '',
|
|
province: '',
|
|
city: '',
|
|
county: '',
|
|
address: '',
|
|
level: '',
|
|
levelKey: '',
|
|
isOnRemind: '',
|
|
isOnRemindKey: '',
|
|
remind_day: '',
|
|
remind_remark: '',
|
|
birthday: '',
|
|
sex: '',
|
|
sexKey: '',
|
|
certificateType: '',
|
|
certificateTypeKey: '',
|
|
idnumber: '',
|
|
endDate: '',
|
|
e_mail: '',
|
|
emergencyContact: '',
|
|
emergencyMobile: '',
|
|
source: '',
|
|
sourceKey: '',
|
|
customerClass: '',
|
|
customerClassKey: '',
|
|
remarks: '',
|
|
userSid: '',
|
|
orgPath: '',
|
|
useOrgSid: '',
|
|
sid: '',
|
|
customerOrgName: '',
|
|
customerOrgSid: ''
|
|
},
|
|
rules: {}
|
|
}
|
|
},
|
|
methods: {
|
|
showInfo(row) {
|
|
this.viewTitle = '客户信息详情'
|
|
this.$nextTick(() => {
|
|
this.$refs['form_obj'].clearValidate()
|
|
})
|
|
req.fetchDetailsBySid(row.sid).then((res) => {
|
|
if (res.success) {
|
|
this.formobj = res.data
|
|
}
|
|
})
|
|
},
|
|
handleReturn() {
|
|
this.formobj = {
|
|
name: '',
|
|
customerType: '',
|
|
customerTypeKey: '',
|
|
visitWay: '',
|
|
visitWayKey: '',
|
|
mobile: '',
|
|
weixin: '',
|
|
province: '',
|
|
city: '',
|
|
county: '',
|
|
address: '',
|
|
level: '',
|
|
levelKey: '',
|
|
isOnRemind: '',
|
|
isOnRemindKey: '',
|
|
remind_day: '',
|
|
remind_remark: '',
|
|
birthday: '',
|
|
sex: '',
|
|
sexKey: '',
|
|
certificateType: '',
|
|
certificateTypeKey: '',
|
|
idnumber: '',
|
|
endDate: '',
|
|
e_mail: '',
|
|
emergencyContact: '',
|
|
emergencyMobile: '',
|
|
source: '',
|
|
sourceKey: '',
|
|
customerClass: '',
|
|
customerClassKey: '',
|
|
remarks: '',
|
|
userSid: '',
|
|
orgPath: '',
|
|
useOrgSid: '',
|
|
sid: '',
|
|
customerOrgName: '',
|
|
customerOrgSid: ''
|
|
}
|
|
this.$emit('doback')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.span-sty {
|
|
width: 130px !important;
|
|
}
|
|
.addinputInfo {
|
|
margin-left: 120px !important;
|
|
}
|
|
</style>
|
|
|