测试问题修改

This commit is contained in:
liu.xiaofeng@ebiz-digits.com
2024-02-22 14:22:37 +08:00
parent a6a2e5b749
commit df590bc2d0
3 changed files with 106 additions and 35 deletions

View File

@@ -9,16 +9,20 @@
</div> </div>
<div style="display: flex;font-size: 13px;color: #999;margin-top: 10px;"> <div style="display: flex;font-size: 13px;color: #999;margin-top: 10px;">
<span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;"> <span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;">
<span style="color: #EC5449;font-size: 22px;margin-right: 7px;font-weight: bold;">{{infoContent.contSize}}</span> <span style="color: #EC5449;font-size: 22px;margin-right: 2px;font-weight: bold;">{{infoContent.contSize}}</span>
<span></span>
</span> </span>
<span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;"> <span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;">
<span style="color: #EC5449;font-size: 22px;margin-right: 7px;font-weight: bold;">{{infoContent.members.length}}</span> <span style="color: #EC5449;font-size: 22px;margin-right: 2px;font-weight: bold;">{{infoContent.members.length}}</span>
<span></span>
</span> </span>
<span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;"> <span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;">
<span style="color: #EC5449;font-size: 22px;margin-right: 7px;font-weight: bold;">{{infoContent.totalAmt}}</span> <span style="color: #EC5449;font-size: 22px;margin-right: 2px;font-weight: bold;">{{infoContent.totalAmt}}</span>
<span>万元</span>
</span> </span>
<span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;"> <span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;">
<span style="color: #EC5449;font-size: 22px;margin-right: 7px;font-weight: bold;">{{infoContent.totalPrem}}</span> <span style="color: #EC5449;font-size: 22px;margin-right: 2px;font-weight: bold;">{{infoContent.totalPrem}}</span>
<span>万元</span>
</span> </span>
</div> </div>
</div> </div>
@@ -131,22 +135,22 @@
</div> </div>
<div style="padding: 10px 0px;"> <div style="padding: 10px 0px;">
<div style="display: flex;line-height: 30px;align-items: center;"> <div style="display: flex;line-height: 30px;align-items: center;">
<p style="width: 30%;color: #666;">投保人</p> <p style="width: 25%;color: #666;">投保人</p>
<p style="width: 25%;color: #000;">{{item.appntName}}</p> <p style="width: 25%;color: #000;">{{item.appntName}}</p>
<p style="width: 25%;color: #666;">被保险人</p> <p style="width: 25%;color: #666;">被保险人</p>
<p style="width: 20%;color: #000;">{{item.insuredName}}</p> <p style="width: 25%;color: #000;">{{item.insuredName}}</p>
</div> </div>
<div style="display: flex;line-height: 30px;align-items: center;"> <div style="display: flex;line-height: 30px;align-items: center;">
<p style="width: 30%;color: #666;">保额()</p> <p style="width: 25%;color: #666;">保额()</p>
<p style="width: 25%;color: #000;">{{item.amt}}</p> <p style="width: 25%;color: #000;">{{item.amt.toFixed(2)}}</p>
<p style="width: 25%;color: #666;">保费()</p> <p style="width: 25%;color: #666;">保费()</p>
<p style="width: 20%;color: #000;">{{item.prem}}</p> <p style="width: 25%;color: #000;">{{item.prem.toFixed(2)}}</p>
</div> </div>
<div style="display: flex;line-height: 30px;align-items: center;"> <div style="display: flex;line-height: 30px;align-items: center;">
<p style="width: 30%;color: #666;">交费期间</p> <p style="width: 25%;color: #666;">交费期间</p>
<p style="width: 25%;color: #000;">{{item.paymentPeriod}}</p> <p style="width: 25%;color: #000;">{{item.paymentPeriod}}</p>
<p style="width: 25%;color: #666;">保险期间</p> <p style="width: 25%;color: #666;">保险期间</p>
<p style="width: 20%;color: #000;">{{item.insuredPeriod}}</p> <p style="width: 25%;color: #000;">{{item.insuredPeriod}}</p>
</div> </div>
<div style="display: flex;line-height: 30px;align-items: center;"> <div style="display: flex;line-height: 30px;align-items: center;">
<p style="width: 30%;color: #666;">保险生效日期</p> <p style="width: 30%;color: #666;">保险生效日期</p>
@@ -230,6 +234,7 @@ export default {
}, },
mounted(){ mounted(){
this.infoContent.activeAppntId = this.$route.query.appntId
this.getGBCappntDetail() this.getGBCappntDetail()
}, },
methods: { methods: {
@@ -237,14 +242,16 @@ export default {
this.activeMembersIndex = thisIndex this.activeMembersIndex = thisIndex
this.infoContent.appntName = thisData.name this.infoContent.appntName = thisData.name
this.infoContent.age = thisData.age this.infoContent.age = thisData.age
this.infoContent.activeAppntId = thisData.appntId
this.infoContent.gender = thisData.gender this.infoContent.gender = thisData.gender
this.infoContent.mobile = thisData.mobile this.infoContent.mobile = thisData.mobile
this.infoContent.departmentName = thisData.departmentName this.infoContent.departmentName = thisData.departmentName
this.getGBCappntDetail()
}, },
getGBCappntDetail() { getGBCappntDetail() {
let params = { let params = {
"projectCode": this.$route.query.projectCode, "projectCode": this.$route.query.projectCode,
"appntId": this.$route.query.appntId "appntId": this.infoContent.activeAppntId
} }
getGBCappntDetail(params).then(res => { getGBCappntDetail(params).then(res => {
if(res.result == 0) { if(res.result == 0) {
@@ -257,7 +264,7 @@ export default {
getGBCappntConnectSave(){ getGBCappntConnectSave(){
let params = { let params = {
"projectCode": this.$route.query.projectCode, "projectCode": this.$route.query.projectCode,
"appntId": this.$route.query.projectCode, "appntId": this.infoContent.activeAppntId,
"connectContent": this.connectContent "connectContent": this.connectContent
} }
getGBCappntConnectSave(params).then(res=>{ getGBCappntConnectSave(params).then(res=>{
@@ -275,7 +282,7 @@ export default {
this.infoContent.appntType = value.id this.infoContent.appntType = value.id
let params = { let params = {
"projectCode": this.$route.query.projectCode, "projectCode": this.$route.query.projectCode,
"appntId": this.$route.query.appntId, "appntId": this.infoContent.activeAppntId,
"appntType": this.infoContent.appntType "appntType": this.infoContent.appntType
} }
getGBCappntTypeSave(params).then(res=>{ getGBCappntTypeSave(params).then(res=>{

View File

@@ -98,26 +98,69 @@
<p style="font-size: 18px;line-height: 35px;font-weight: bold;">项目数据统计</p> <p style="font-size: 18px;line-height: 35px;font-weight: bold;">项目数据统计</p>
<p style="color: #a7a7a7;font-size: 14px;">数据截止日期2024-03-30</p> <p style="color: #a7a7a7;font-size: 14px;">数据截止日期2024-03-30</p>
</div> </div>
<div style="margin-top: 10px;margin-bottom: 3px;background: rgba(255, 87, 83, 0.7);line-height: 30px;display: flex;align-items: center;color: #fff;font-size: 14px;"> <div style="overflow: auto;">
<span style="width: 25%;display: flex;justify-content: center;">小组</span> <table cellspacing=0 style="margin-top: 10px;">
<span style="width: 25%;display: flex;justify-content: center;">组长</span> <thead style="background: rgba(255, 87, 83, 0.7);color: #fff;">
<span style="width: 25%;display: flex;justify-content: center;">获客人数</span> <tr class="theadClass">
<span style="width: 25%;display: flex;justify-content: center;">获客率</span> <th>小组</th>
</div> <th>组长</th>
<div> <th>获客人数</th>
<div style="background: rgba(251, 235, 230, 0.44);margin-bottom: 1px;line-height: 30px;display: flex;align-items: center;color: #333;font-size: 13px;"> <th>获客率</th>
<span style="width: 50%;display: flex;justify-content: center;">项目合并</span> <th>筛客人数</th>
<span style="width: 25%;display: flex;justify-content: center;">890</span> <th>筛客率</th>
<span style="width: 25%;display: flex;justify-content: center;">89%</span> <th>累计标保()</th>
</div> <th>承保人数</th>
</div> <th>承保件数()</th>
<div> <th>件均()</th>
<div v-for="(item,index) in dataList3" :key="index" style="background: rgba(251, 235, 230, 0.44);margin-bottom: 1px;line-height: 30px;display: flex;align-items: center;color: #333;font-size: 13px;"> <th>面谈转化率</th>
<span style="width: 25%;display: flex;justify-content: center;">{{item.name}}</span> <th>受理承保率</th>
<span style="width: 25%;display: flex;justify-content: center;">{{item.role}}</span> <th>受理标保()</th>
<span style="width: 25%;display: flex;justify-content: center;">{{item.value1}}</span> <th>受理件数</th>
<span style="width: 25%;display: flex;justify-content: center;">{{item.value2}}</span> <th>重疾险件数</th>
</div> <th>重疾标保()</th>
<th>重疾件均()</th>
</tr>
</thead>
<tbody>
<tr class="tbodyClass">
<td colspan="2">项目合并</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
<td>.00</td>
</tr>
<tr v-for="(item,index) in dataList3" :key="index" class="tbodyClass">
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
<td>{{item.name}}</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</div> </div>
@@ -206,6 +249,7 @@ export default {
}, },
mounted(){ mounted(){
document.title = this.$route.query.projectName
this.getGBCappntlist() this.getGBCappntlist()
this.getProductList() this.getProductList()
}, },
@@ -373,4 +417,23 @@ export default {
/deep/ [data-v-3f765cce] .van-dropdown-item__content{ /deep/ [data-v-3f765cce] .van-dropdown-item__content{
box-shadow: 0px 0px 5px 5px #f5f5f5; box-shadow: 0px 0px 5px 5px #f5f5f5;
} }
.theadClass{
th{
white-space: nowrap;
padding: 0px 10px;
font-size: 14px;
font-weight: 400;
line-height: 30px;
}
}
.tbodyClass{
background: rgba(251, 235, 230, 0.44);
line-height: 30px;
margin-bottom: 1px;
font-size: 13px;
/*color: #fff;*/
td{
text-align: center;
}
}
</style> </style>

View File

@@ -62,7 +62,8 @@ export default {
this.$router.push({ this.$router.push({
path:'/GBC/projectDetail', path:'/GBC/projectDetail',
query:{ query:{
projectCode:data.projectCode projectCode:data.projectCode,
projectName:data.projectName
}, },
}) })
}, },