mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-24 17:12:53 +08:00
GFRS-2267 续期需求-保单列表和短险保单列表--提交人:白金岩
This commit is contained in:
@@ -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)
|
||||
}
|
||||
|
||||
@@ -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)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user