GFRS-2267 续期需求-保单列表和短险保单列表--提交人:白金岩

This commit is contained in:
bai.jinyan
2021-06-01 18:45:44 +08:00
parent 0afe31068d
commit 1bd8311da1
2 changed files with 109 additions and 46 deletions

View File

@@ -1,26 +1,47 @@
<template>
<div class="policy-list-container">
<div class="policy-list-content">
<van-tabs @click="onClick">
<van-tab :title="item" v-for="(item, index) in titleList" :key="index"></van-tab>
<div v-if="list">
<div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
<div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
<cellLine :text="item.riskName" size="large"></cellLine>
<cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
<cellLine title="投保人" :text="item.appntName"></cellLine>
<cellLine title="被保人" :text="item.insuredName"></cellLine>
<cellLine title="保额(元)" :text="item.amount"></cellLine>
<cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
<cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
<cellLine v-if="item.netWorkName != ''" title="网点名称" :text="item.netWorkName"></cellLine>
<van-tabs v-model="active">
<van-tab title="有效">
<div v-if="list.length > 0">
<div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
<div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
<cellLine :text="item.riskName" size="large"></cellLine>
<cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
<cellLine title="投保人" :text="item.appntName"></cellLine>
<cellLine title="被保人" :text="item.insuredName"></cellLine>
<cellLine title="保额(元)" :text="item.amount"></cellLine>
<cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
<cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
<cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
</div>
</div>
</div>
</div>
<div v-else class="text-center">
<img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
<div class="fs17 c-gray-dark mt40">暂无保单列表</div>
</div>
<div v-else class="text-center">
<img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
<div class="fs17 c-gray-dark mt40">暂无保单列表</div>
</div>
</van-tab>
<van-tab title="终止">
<div v-if="invalidList.length > 0">
<div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in invalidList" :key="index">
<div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
<cellLine :text="item.riskName" size="large"></cellLine>
<cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
<cellLine title="投保人" :text="item.appntName"></cellLine>
<cellLine title="被保人" :text="item.insuredName"></cellLine>
<cellLine title="保额(元)" :text="item.amount"></cellLine>
<cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
<cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
<cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
</div>
</div>
</div>
<div v-else class="text-center">
<img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
<div class="fs17 c-gray-dark mt40">暂无保单列表</div>
</div>
</van-tab>
</van-tabs>
</div>
</div>
@@ -55,15 +76,11 @@ export default {
that.getPolicyList()
},
methods: {
onClick(index) {
this.active = index + 1 + ''
this.getPolicyList()
},
// 获取保单列表
getPolicyList() {
openLoading()
let that = this
let data = {
status: this.active,
idNo: this.customerInfo.idNo,
idType: this.customerInfo.idType,
sex: this.customerInfo.sex,
@@ -73,7 +90,20 @@ export default {
getPolicyList(data).then(res => {
closeLoading()
if (res.result == 0) {
this.list = res.policyListDTOList
for (let item of res.policyListDTOList) {
for (let value in item) {
if (!item[value]) {
item[value] = '-'
}
}
}
res.policyListDTOList.map(item => {
if (item.orderStatus === '0') {
that.list.push(item)
} else {
that.invalidList.push(item)
}
})
} else {
this.$toast(res.resultMessage)
}

View File

@@ -1,25 +1,47 @@
<template>
<div class="policy-list-container">
<div class="policy-list-content">
<van-tabs @click="onClick">
<van-tab :title="item" v-for="(item, index) in titleList" :key="index"></van-tab>
<div v-if="list">
<div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
<div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
<cellLine :text="item.riskName" size="large"></cellLine>
<cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
<cellLine title="投保人" :text="item.appntName"></cellLine>
<cellLine title="被保人" :text="item.insuredName"></cellLine>
<cellLine title="保额(元)" :text="item.amount"></cellLine>
<cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
<cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
<van-tabs v-model="active">
<van-tab title="有效">
<div v-if="list.length > 0">
<div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
<div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
<cellLine :text="item.riskName" size="large"></cellLine>
<cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
<cellLine title="投保人" :text="item.appntName"></cellLine>
<cellLine title="被保人" :text="item.insuredName"></cellLine>
<cellLine title="保额(元)" :text="item.amount"></cellLine>
<cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
<cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
<cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
</div>
</div>
</div>
</div>
<div v-else class="text-center">
<img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
<div class="fs17 c-gray-dark mt40">暂无保单列表</div>
</div>
<div v-else class="text-center">
<img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
<div class="fs17 c-gray-dark mt40">暂无保单列表</div>
</div>
</van-tab>
<van-tab title="终止">
<div v-if="invalidList.length > 0">
<div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in invalidList" :key="index">
<div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
<cellLine :text="item.riskName" size="large"></cellLine>
<cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
<cellLine title="投保人" :text="item.appntName"></cellLine>
<cellLine title="被保人" :text="item.insuredName"></cellLine>
<cellLine title="保额(元)" :text="item.amount"></cellLine>
<cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
<cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
<cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
</div>
</div>
</div>
<div v-else class="text-center">
<img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
<div class="fs17 c-gray-dark mt40">暂无保单列表</div>
</div>
</van-tab>
</van-tabs>
</div>
</div>
@@ -52,19 +74,30 @@ export default {
that.getPolicyList()
},
methods: {
onClick(index) {
this.active = index + 1 + ''
this.getPolicyList()
},
// 获取短险保单列表
getPolicyList() {
openLoading()
let that = this
let data = {
}
debugger
getShortPolicyList(data).then(res => {
closeLoading()
if (res.result == 0) {
this.list = res.policyListDTOList
for (let item of res.policyListDTOList) {
for (let value in item) {
if (!item[value]) {
item[value] = '-'
}
}
}
res.policyListDTOList.map(item => {
if (item.orderStatus === '0') {
that.list.push(item)
} else {
that.invalidList.push(item)
}
})
} else {
this.$toast(res.resultMessage)
}