|
@@ -18,39 +18,39 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">民族</span>
|
|
|
- <span class="value">汉</span>
|
|
|
+ <span class="value">{{custInfo.ethnic}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">出生日期</span>
|
|
|
- <span class="value">{{custInfo.birthday}}</span>
|
|
|
+ <span class="value">{{parseTime(custInfo.birthday,'{yy}-{mm}-{dd}')}}</span>
|
|
|
<el-tag type="warning" effect="dark" size="mini" v-if="custInfo.label3 && custInfo.label3 !='' ">{{custInfo.label3}}</el-tag>
|
|
|
<el-tag type="warning" effect="dark" size="mini" v-if="custInfo.label96 && custInfo.label96 !='' ">{{custInfo.label96}}</el-tag>
|
|
|
<el-tag type="warning" effect="dark" size="mini" v-if="custInfo.label97 && custInfo.label97 !='' ">{{custInfo.label97}}</el-tag>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">国籍</span>
|
|
|
- <span class="value">中国</span>
|
|
|
+ <span class="value">{{custInfo.nation}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">婚姻状况</span>
|
|
|
- <span class="value">已婚</span>
|
|
|
+ <span class="value">{{custInfo.maritalstat}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">职业</span>
|
|
|
- <span class="value">律师</span>
|
|
|
+ <span class="value">{{custInfo.occupation}}</span>
|
|
|
<el-tag type="warning" effect="dark" size="mini" v-if="custInfo.label98 && custInfo.label98 !='' ">{{custInfo.label98}}</el-tag>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">工作单位</span>
|
|
|
- <span class="value">神州通誉软件(上海)有限公司</span>
|
|
|
+ <span class="value">{{custInfo.employer}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">最高学历</span>
|
|
|
- <span class="value">硕士</span>
|
|
|
+ <span class="value">{{custInfo.education}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">客户类型</span>
|
|
|
- <span class="value">投保人</span>
|
|
|
+ <span class="value">{{custInfo.custtype}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">客户等级</span>
|
|
@@ -58,7 +58,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">社保情况</span>
|
|
|
- <span class="value">有社保</span>
|
|
|
+ <span class="value">{{custInfo.SIStatus}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">官微积分</span>
|
|
@@ -70,7 +70,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">个人年收入</span>
|
|
|
- <span class="value">6w-8w</span>
|
|
|
+ <span class="value">{{custInfo.PIncome}}</span>
|
|
|
<el-tag type="warning" effect="dark" size="mini" v-if="custInfo.label21 && custInfo.label21 !='' ">{{custInfo.label21}}</el-tag>
|
|
|
</el-col>
|
|
|
<!-- <el-col :span="12">-->
|
|
@@ -79,11 +79,11 @@
|
|
|
<!-- </el-col>-->
|
|
|
<el-col :span="12">
|
|
|
<span class="name">收入来源</span>
|
|
|
- <span class="value">工资</span>
|
|
|
+ <span class="value">{{custInfo.IncomeSource}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<span class="name">户籍所在地</span>
|
|
|
- <span class="value">江苏省南京市江宁区天元东路***号a区*栋****</span>
|
|
|
+ <span class="value">{{custInfo.regresidence}}</span>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -145,8 +145,8 @@ export default {
|
|
|
return {
|
|
|
custInfo:{},
|
|
|
tabActive:'hyxx',
|
|
|
- habitData:[],
|
|
|
- healthData:[],
|
|
|
+ habitData:{},
|
|
|
+ healthData:{},
|
|
|
contractInformationData:[],
|
|
|
claimData:[],
|
|
|
contactData:[
|
|
@@ -190,32 +190,7 @@ export default {
|
|
|
phone:'180***121',
|
|
|
},
|
|
|
],
|
|
|
- relationshipData:[
|
|
|
- {
|
|
|
- type:'父母',
|
|
|
- name1:'张大川',
|
|
|
- role1:'儿子',
|
|
|
- name2:'张三',
|
|
|
- role2:'父亲',
|
|
|
- des:'父子关系,张三是张大川的父亲',
|
|
|
- },
|
|
|
- {
|
|
|
- type:'子女',
|
|
|
- name1:'张大川',
|
|
|
- role1:'父亲',
|
|
|
- name2:'张蕾',
|
|
|
- role2:'女儿',
|
|
|
- des:'父女关系,张蕾是张大川的女儿',
|
|
|
- },
|
|
|
- {
|
|
|
- type:'夫妻',
|
|
|
- name1:'张大川',
|
|
|
- role1:'丈夫',
|
|
|
- name2:'王美丽',
|
|
|
- role2:'妻子',
|
|
|
- des:'夫妻关系,王美丽是张大川的妻子',
|
|
|
- },
|
|
|
- ],
|
|
|
+ relationshipData:[],
|
|
|
touchedData: {
|
|
|
data:[
|
|
|
{
|
|
@@ -263,7 +238,7 @@ export default {
|
|
|
// color:"chocolate",
|
|
|
dowload:false,
|
|
|
},
|
|
|
- tagsData:['有极短意保单','给本人投保','给父母投保','给配偶投保','仅有一年期短险保单','有续期缴费的保单'],
|
|
|
+ tagsData:[],
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -275,49 +250,34 @@ export default {
|
|
|
methods: {
|
|
|
getCustomerByIdData(){
|
|
|
this.loading = true;
|
|
|
- let id = this.$route.query.id;
|
|
|
+ let that = this;
|
|
|
+ let id = that.$route.query.id;
|
|
|
getCustomerById({id:id}).then(response => {
|
|
|
console.log(response);
|
|
|
- this.custInfo = response.data.custInfo
|
|
|
- this.loading = false;
|
|
|
+ that.custInfo = response.data.custInfo;
|
|
|
+ that.relationshipData = response.data.relationship;
|
|
|
+ that.habitData.ctype = response.data.custInfo.ctype;
|
|
|
+ response.data.Hobby1 ? response.data.custInfo.Hobby1 = response.data.custInfo.Hobby1+'、' : response.data.custInfo.Hobby1 ='';
|
|
|
+ response.data.Hobby2 ? response.data.custInfo.Hobby2 = response.data.custInfo.Hobby2+'、' : response.data.custInfo.Hobby2 ='';
|
|
|
+ response.data.Hobby3 ? response.data.custInfo.Hobby3 = response.data.custInfo.Hobby3 : response.data.custInfo.Hobby3 ='';
|
|
|
+ that.habitData.Hobby = response.data.custInfo.Hobby1 + response.data.custInfo.Hobby2 +response.data.custInfo.Hobby3;
|
|
|
+ that.healthData.evadate = response.data.custInfo.evadate;
|
|
|
+ that.healthData.height = response.data.custInfo.height;
|
|
|
+ that.healthData.weight = response.data.custInfo.weight;
|
|
|
+ that.healthData.bmi = response.data.custInfo.bmi;
|
|
|
+ that.labelAll();
|
|
|
}
|
|
|
);
|
|
|
},
|
|
|
- // 客户等级
|
|
|
- levelText(val){
|
|
|
- var text = '';
|
|
|
- switch (val){
|
|
|
- case 0:
|
|
|
- text = '无';
|
|
|
- break;
|
|
|
- case 1:
|
|
|
- text = '钻石';
|
|
|
- break;
|
|
|
- case 2:
|
|
|
- text = '白金';
|
|
|
- break;
|
|
|
- case 3:
|
|
|
- text = '黄金';
|
|
|
- break;
|
|
|
- case 4:
|
|
|
- text = '普通';
|
|
|
- break;
|
|
|
- }
|
|
|
- return text;
|
|
|
- },
|
|
|
- labelPD(index){
|
|
|
+ labelAll(){
|
|
|
var that = this;
|
|
|
- var label = 'label'+index;
|
|
|
- if(that.custInfo[label] && that.custInfo[label] != ""){
|
|
|
- return true;
|
|
|
- }else{
|
|
|
- return false;
|
|
|
+ for(var i=0;i<120;i++){
|
|
|
+ var label = 'label'+i;
|
|
|
+ if(that.custInfo[label] && that.custInfo[label] != ""){
|
|
|
+ that.tagsData.push(that.custInfo[label]);
|
|
|
+ }
|
|
|
}
|
|
|
- },
|
|
|
- labeText(index){
|
|
|
- var that = this;
|
|
|
- var label = 'label'+index;
|
|
|
- return that.custInfo[label];
|
|
|
+ console.log(that.tagsData)
|
|
|
},
|
|
|
tabChange(tab, event){
|
|
|
console.log(tab, event);
|
|
@@ -358,12 +318,13 @@ export default {
|
|
|
.userInfoTab{
|
|
|
margin-top: 16px;
|
|
|
.tagDiv{
|
|
|
- padding: 20px 30px;
|
|
|
+ padding: 10px 30px 20px;
|
|
|
border-radius: 5px;
|
|
|
background: #FFF;
|
|
|
box-sizing: border-box;
|
|
|
.tag{
|
|
|
margin-right: 16px;
|
|
|
+ margin-top: 10px;
|
|
|
}
|
|
|
}
|
|
|
}
|