|
|
@@ -33,20 +33,53 @@
|
|
|
</div>
|
|
|
<div class="infoLeft">
|
|
|
<img class="lineImg" src="../assets/image/line.png" alt="">
|
|
|
- <el-form v-if="lunboActiveIndex == 1" ref="conditionData" :model="conditionData" label-width="90px">
|
|
|
- <el-form-item label="产品名称:" size="mini">
|
|
|
+ <el-button class="lunboSearchBtn" icon="el-icon-search" circle @click="toUserInfoList"></el-button>
|
|
|
+ <el-form v-if="lunboActiveIndex == 0" ref="conditionData" :model="conditionData" label-width="96px">
|
|
|
+ <el-form-item class="formItemFull" label="业绩归属:" size="mini">
|
|
|
+ <el-input v-model="conditionData.yj"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItemFull" label="年缴费区间:" size="mini">
|
|
|
+ <el-input v-model="conditionData.jfS" style="width: 43%;"></el-input>
|
|
|
+ -
|
|
|
+ <el-input v-model="conditionData.jfE" style="width: 43%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItemFull" label="投保年份:" size="mini">
|
|
|
+ <el-input v-model="conditionData.money"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItemFull" label="险种类别:" size="mini">
|
|
|
+ <el-select v-model="conditionData.num">
|
|
|
+ <el-option label="险种类别1" value="有效"></el-option>
|
|
|
+ <el-option label="险种类别2" value="无效"></el-option>
|
|
|
+ <el-option label="险种类别3" value="无效"></el-option>
|
|
|
+ <el-option label="险种类别4" value="无效"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItemFull" label="保额区间:" size="mini">
|
|
|
+ <el-input v-model="conditionData.name" style="width: 43%;"></el-input>
|
|
|
+ -
|
|
|
+ <el-input v-model="conditionData.name" style="width: 43%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-form v-if="lunboActiveIndex == 1" :inline="true" ref="conditionData" :model="conditionData" label-width="96px">
|
|
|
+ <el-form-item class="formItem" label="年龄:" size="mini">
|
|
|
<el-input v-model="conditionData.name"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item class="mt10" label="保单状态:" size="mini">
|
|
|
- <el-select v-model="conditionData.status">
|
|
|
- <el-option label="有效" value="有效"></el-option>
|
|
|
- <el-option label="无效" value="无效"></el-option>
|
|
|
+ <el-form-item class="formItem" label="性别:" size="mini">
|
|
|
+ <el-select v-model="conditionData.num">
|
|
|
+ <el-option label="男" value="男"></el-option>
|
|
|
+ <el-option label="女" value="女"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item class="mt10" label="首期保费:" size="mini">
|
|
|
- <el-input v-model="conditionData.money"></el-input>
|
|
|
+ <el-form-item class="formItem" label="省份:" size="mini">
|
|
|
+ <el-select v-model="conditionData.num">
|
|
|
+ <el-option label="河南" value="河南"></el-option>
|
|
|
+ <el-option label="河北" value="河北"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItem" label="学历:" size="mini">
|
|
|
+ <el-input v-model="conditionData.name"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item class="mt10" label="保单数量:" size="mini">
|
|
|
+ <el-form-item class="formItem" label="保单件数:" size="mini">
|
|
|
<el-select v-model="conditionData.num">
|
|
|
<el-option label="3张以下" value="有效"></el-option>
|
|
|
<el-option label="4-7张" value="无效"></el-option>
|
|
|
@@ -54,34 +87,80 @@
|
|
|
<el-option label="10张以上" value="无效"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item class="formItem" label="客户类型:" size="mini">
|
|
|
+ <el-select v-model="conditionData.num">
|
|
|
+ <el-option label="客户类型1" value="有效"></el-option>
|
|
|
+ <el-option label="客户类型2" value="无效"></el-option>
|
|
|
+ <el-option label="客户类型3" value="无效"></el-option>
|
|
|
+ <el-option label="客户类型4" value="无效"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItem" label="核心客户号:" size="mini">
|
|
|
+ <el-input v-model="conditionData.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItem" label="客户层级:" size="mini">
|
|
|
+ <el-input v-model="conditionData.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItemFull labelM" label="参与方进入时间:" size="mini">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="cyfDate"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-form v-if="lunboActiveIndex == 2" ref="conditionData" :model="conditionData" label-width="96px">
|
|
|
+ <el-form-item class="formItemFull" label="年收入:" size="mini">
|
|
|
+ <el-input v-model="conditionData.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-form v-if="lunboActiveIndex == 3" ref="conditionData" :model="conditionData" label-width="96px">
|
|
|
+ <el-form-item class="formItemFull" label="投保对象:" size="mini">
|
|
|
+ <el-input v-model="conditionData.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-form v-if="lunboActiveIndex == 4" ref="conditionData" :model="conditionData" label-width="196px">
|
|
|
+ <el-form-item class="formItemFull" label="是否理赔:" size="mini">
|
|
|
+ <el-radio v-model="conditionData.radio" label="1">是</el-radio>
|
|
|
+ <el-radio v-model="conditionData.radio" label="2">否</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItemFull" label="是否有效:" size="mini">
|
|
|
+ <el-radio v-model="conditionData.radio" label="1">是</el-radio>
|
|
|
+ <el-radio v-model="conditionData.radio" label="2">否</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItemFull" label="是否关注官微:" size="mini">
|
|
|
+ <el-radio v-model="conditionData.radio" label="1">是</el-radio>
|
|
|
+ <el-radio v-model="conditionData.radio" label="2">否</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="formItemFull" label="是否注册官微:" size="mini">
|
|
|
+ <el-radio v-model="conditionData.radio" label="1">是</el-radio>
|
|
|
+ <el-radio v-model="conditionData.radio" label="2">否</el-radio>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
- <div v-else>
|
|
|
-
|
|
|
- </div>
|
|
|
</div>
|
|
|
- <div class="infoRight">
|
|
|
- <div v-if="lunboActiveIndex == 1">
|
|
|
- <div class="infoItem">
|
|
|
- <div class="infoItemTitle">基本信息</div>
|
|
|
- <el-row class="infoCon">
|
|
|
- <el-col :span="12">性别:{{conditionData.sex}}</el-col>
|
|
|
- <el-col :span="12">年龄:{{conditionData.age}}</el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <div class="infoItem">
|
|
|
- <div class="infoItemTitle">客户标签</div>
|
|
|
- <el-row class="infoCon">
|
|
|
- <el-col :span="12" v-for="(item,index) in conditionData.tag" :key="index">{{item}}</el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
+<!-- <div class="infoRight">-->
|
|
|
+<!-- <div v-if="lunboActiveIndex == 0">-->
|
|
|
+<!-- <div class="infoItem">-->
|
|
|
+<!-- <div class="infoItemTitle">基本信息</div>-->
|
|
|
+<!-- <el-row class="infoCon">-->
|
|
|
+<!-- <el-col :span="12">性别:{{conditionData.sex}}</el-col>-->
|
|
|
+<!-- <el-col :span="12">年龄:{{conditionData.age}}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="infoItem">-->
|
|
|
+<!-- <div class="infoItemTitle">客户标签</div>-->
|
|
|
+<!-- <el-row class="infoCon">-->
|
|
|
+<!-- <el-col :span="12" v-for="(item,index) in conditionData.tag" :key="index">{{item}}</el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div v-else>-->
|
|
|
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <el-button class="searchBtn" type="primary" size="mini">查询</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div>-->
|
|
|
+<!-- <el-button class="searchBtn" type="primary" size="mini">查询</el-button>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -138,6 +217,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ // 客户年龄段性别分布
|
|
|
barTwoWayChartData:{
|
|
|
legendData:["男生", "女生"],
|
|
|
xAxisData:["儿童", "少年", "青年", "中年", "老年", "大龄", "高龄"],
|
|
|
@@ -146,6 +226,7 @@
|
|
|
[5,12,12,19,19,23,23]
|
|
|
]
|
|
|
},
|
|
|
+ // 险种类别
|
|
|
barChartData:{
|
|
|
yAxisName:'单位:万',
|
|
|
color:['#028FF3','#F29700'],
|
|
|
@@ -161,6 +242,7 @@
|
|
|
},
|
|
|
]
|
|
|
},
|
|
|
+ // 拥有保单件数分布
|
|
|
pieChartData:{
|
|
|
color:['#0084F1','#ED475B','#F39801','#00C7FF'],
|
|
|
seriesData:[
|
|
|
@@ -170,6 +252,7 @@
|
|
|
{ value: 100, name: '>10' },
|
|
|
]
|
|
|
},
|
|
|
+ // 近10年有效客户数
|
|
|
barChartVistorsData:{
|
|
|
yAxisName:'数量:万个',
|
|
|
color:['#048EF3','#7FE59A','#FAD889','#F29EC2'],
|
|
|
@@ -199,7 +282,7 @@
|
|
|
},
|
|
|
width:'100%',
|
|
|
height:'80%',
|
|
|
- lunboActiveIndex:'1',
|
|
|
+ lunboActiveIndex:'0',
|
|
|
lunboData:[
|
|
|
{
|
|
|
iconSrc:require('../assets/image/productInfo.png'),
|
|
|
@@ -231,6 +314,7 @@
|
|
|
age:'23',
|
|
|
tag:['万能险大户','百万医疗','单身女青年','理性用户'],
|
|
|
},
|
|
|
+ cyfDate:'',
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -279,6 +363,9 @@
|
|
|
|
|
|
});
|
|
|
},
|
|
|
+ toUserInfoList(){
|
|
|
+ this.$router.push({ path:'/userInfoList'})
|
|
|
+ }
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
@@ -320,10 +407,6 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .mt20{
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
.ht100p{
|
|
|
height: 100%;
|
|
|
}
|