hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-10 18:36:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

[银保app] 续期列表详情,保全列表详情5个页面添加水印效果,续期详情为出单失败时添加失败原因字段

Browse Source
This commit is contained in:
DESKTOP-AFPHKHF\PC
2022-12-28 14:39:47 +08:00
committed by liu.xiaofeng@ebiz-digits.com
parent d7d32f7850
commit 336fad2d04
5 changed files with 132 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/YB_APP/renewalDetail.vue
View File

@@ -36,6 +36,7 @@
<van-cell title="转账银行" :value="ybOrderDTOList.bankCode" /> <van-cell title="转账银行" :value="ybOrderDTOList.bankCode" />
<van-cell title="转账帐号" :value="ybOrderDTOList.bankAccNo" /> <van-cell title="转账帐号" :value="ybOrderDTOList.bankAccNo" />
<van-cell title="交费次数" :value="ybOrderDTOList.payTimes" /> <van-cell title="交费次数" :value="ybOrderDTOList.payTimes" />
<van-cell title="扣款失败原因" :value="ybOrderDTOList.defeateCause" v-if="changestate == 3" />
<van-cell title="应交日" :value="ybOrderDTOList.payToDate" /> <van-cell title="应交日" :value="ybOrderDTOList.payToDate" />
<van-cell title="归属网点" :value="ybOrderDTOList.netWorkName" /> <van-cell title="归属网点" :value="ybOrderDTOList.netWorkName" />
<van-cell title="归属地市" :value="ybOrderDTOList.city" /> <van-cell title="归属地市" :value="ybOrderDTOList.city" />
@@ -62,6 +63,8 @@
<script> <script>
import { getYBRenewalInfo } from '@/api/YB_APP/index' import { getYBRenewalInfo } from '@/api/YB_APP/index'
import warterMark from "@/assets/js/utils/warterMark.js"
import { getAgentInfo } from '@/api/ebiz/my/my.js'
export default { export default {
name: 'policyDetail', name: 'policyDetail',
components: {}, components: {},
@@ -82,8 +85,19 @@ export default {
console.log(this.policyNo, 'avc111111111111') console.log(this.policyNo, 'avc111111111111')
this.getYBRenewalInfo() this.getYBRenewalInfo()
this.changestate = this.policyNo.payFlag this.changestate = this.policyNo.payFlag
this.getAgentInfo()
}, },
methods: { methods: {
// 水印
getAgentInfo(){
getAgentInfo({}).then(res=>{
if(res.result == 0){
console.log('123')
warterMark.set(res.name+res.jobNo,"")
}
})
},
cancel() { cancel() {
this.show = false this.show = false
}, },

13
src/views/YB_APP/renewalList.vue
View File

@@ -109,7 +109,8 @@ import { Button, Search } from 'vant'
import { ref } from 'vue' import { ref } from 'vue'
import { getYBRenewalsList } from '@/api/YB_APP/index' import { getYBRenewalsList } from '@/api/YB_APP/index'
import utils from '@/assets/js/utils/date-utils' import utils from '@/assets/js/utils/date-utils'
import warterMark from "@/assets/js/utils/warterMark.js"
import { getAgentInfo } from '@/api/ebiz/my/my.js'
export default { export default {
name: 'renewalList', name: 'renewalList',
components: { components: {
@@ -155,8 +156,18 @@ export default {
let monthNum = new Date().getMonth() + 1 let monthNum = new Date().getMonth() + 1
this.calendarValue = yearNum + '-' + monthNum this.calendarValue = yearNum + '-' + monthNum
this.getYBRenewalsList() this.getYBRenewalsList()
this.getAgentInfo()
}, },
methods: { methods: {
// 水印
getAgentInfo(){
getAgentInfo({}).then(res=>{
if(res.result == 0){
console.log('123')
warterMark.set(res.name+res.jobNo,"")
}
})
},
// 上方关键词搜索按钮 // 上方关键词搜索按钮
keywordSearch(value) { keywordSearch(value) {
console.log('点击搜索了') console.log('点击搜索了')

12
src/views/YB_APP/saveallDetail.vue
View File

@@ -30,6 +30,8 @@
<script> <script>
import { ybSaveAllDetail } from '@/api/YB_APP/index' import { ybSaveAllDetail } from '@/api/YB_APP/index'
import warterMark from "@/assets/js/utils/warterMark.js"
import { getAgentInfo } from '@/api/ebiz/my/my.js'
export default { export default {
name: 'policyDetail', name: 'policyDetail',
components: {}, components: {},
@@ -43,8 +45,18 @@ export default {
this.policyNo = this.$route.query.policyNo this.policyNo = this.$route.query.policyNo
console.log(this.policyNo, 'avc') console.log(this.policyNo, 'avc')
this.ybSaveAllDetail() this.ybSaveAllDetail()
this.getAgentInfo()
}, },
methods: { methods: {
// 水印
getAgentInfo(){
getAgentInfo({}).then(res=>{
if(res.result == 0){
console.log('123')
warterMark.set(res.name+res.jobNo,"")
}
})
},
ybSaveAllDetail() { ybSaveAllDetail() {
let params = { let params = {
edorAcceptNo: this.policyNo edorAcceptNo: this.policyNo

12
src/views/YB_APP/saveallDetailTwo.vue
View File

@@ -25,6 +25,8 @@
<script> <script>
import { ybSaveManyDetail } from '@/api/YB_APP/index' import { ybSaveManyDetail } from '@/api/YB_APP/index'
import warterMark from "@/assets/js/utils/warterMark.js"
import { getAgentInfo } from '@/api/ebiz/my/my.js'
export default { export default {
name: 'policyDetail', name: 'policyDetail',
components: {}, components: {},
@@ -38,8 +40,18 @@ export default {
this.policyNo = this.$route.query.policyNo this.policyNo = this.$route.query.policyNo
console.log(this.policyNo, 'avc') console.log(this.policyNo, 'avc')
this.ybSaveManyDetail() this.ybSaveManyDetail()
this.getAgentInfo()
}, },
methods: { methods: {
// 水印
getAgentInfo(){
getAgentInfo({}).then(res=>{
if(res.result == 0){
console.log('123')
warterMark.set(res.name+res.jobNo,"")
}
})
},
ybSaveManyDetail() { ybSaveManyDetail() {
let params = { let params = {
contNo: this.policyNo contNo: this.policyNo

153
src/views/YB_APP/saveallList.vue
View File

@@ -1,8 +1,8 @@
<template> <template>
<div class="public_container"> <div class="public_container">
<!-- 最上方的搜索框 --> <!-- 最上方的搜索框 -->
<div style="position:relative;"> <div style="position: relative">
<van-search shape="round" v-model="findValue" placeholder="请输入保单号/客户身份证号"/> <van-search shape="round" v-model="findValue" placeholder="请输入保单号/客户身份证号" />
<button class="searchButton" @click="keywordSearch(findValue)">搜索</button> <button class="searchButton" @click="keywordSearch(findValue)">搜索</button>
</div> </div>
<!-- 标签选择 --> <!-- 标签选择 -->
@@ -25,44 +25,44 @@
</p> </p>
</div> </div>
<!-- 无内容显示的背景 --> <!-- 无内容显示的背景 -->
<div v-if="policyListDTOList == ''" style="position: relative;"> <div v-if="policyListDTOList == ''" style="position: relative">
<img class="noContentImg" src="../../assets/YB_APP/images/noguarantee.png" /> <img class="noContentImg" src="../../assets/YB_APP/images/noguarantee.png" />
<p class="noContentText">暂无保单</p> <p class="noContentText">暂无保单</p>
</div> </div>
<!-- 卡片列表 --> <!-- 卡片列表 -->
<div v-if="policyListDTOList != ''"> <div v-if="policyListDTOList != ''">
<!-- <van-list v-model="loading" :finished="finished" :finished-text="noContentTip" @load="onLoad"> --> <!-- <van-list v-model="loading" :finished="finished" :finished-text="noContentTip" @load="onLoad"> -->
<div class="cardList" v-for="(item, index) in policyListDTOList" :key="index"> <div class="cardList" v-for="(item, index) in policyListDTOList" :key="index">
<div class="topbackground1"> <div class="topbackground1">
<img class="cardListImg" src="../../assets/YB_APP/images/sign1.png" /> <img class="cardListImg" src="../../assets/YB_APP/images/sign1.png" />
<span class="cardListText">{{ item.riskName }}</span> <span class="cardListText">{{ item.riskName }}</span>
</div>
<div class="cardConetent">
<div class="textList">
<p>
<span>保单号</span><span>{{ item.contNo }}</span>
</p>
<p>
<span>保全项目</span><span>{{ item.edorName }}</span>
</p>
<p>
<span>投保人</span><span>{{ item.appntName }}</span>
</p>
<p>
<span>网点名称</span><span>{{ item.networkName }}</span>
</p>
<p>
<span>申请日期</span><span>{{ item.edorAppDate }}</span>
</p>
<p>
<span>保全状态</span><span>{{ item.edorState }}</span>
</p>
</div> </div>
<div class="cardConetent"> <div class="rightState">
<div class="textList"> <button class="rightStateButton" @click="goPolicyDetail(item.edorAcceptNo)">查看详情</button>
<p>
<span>保单号</span><span>{{ item.contNo }}</span>
</p>
<p>
<span>保全项目</span><span>{{ item.edorName }}</span>
</p>
<p>
<span>投保人</span><span>{{ item.appntName }}</span>
</p>
<p>
<span>网点名称</span><span>{{ item.networkName }}</span>
</p>
<p>
<span>申请日期</span><span>{{ item.edorAppDate }}</span>
</p>
<p>
<span>保全状态</span><span>{{ item.edorState}}</span>
</p>
</div>
<div class="rightState">
<button class="rightStateButton" @click="goPolicyDetail(item.edorAcceptNo)">查看详情</button>
</div>
</div> </div>
</div> </div>
</div>
<!-- </van-list> --> <!-- </van-list> -->
</div> </div>
</van-tab> </van-tab>
@@ -74,35 +74,35 @@
</p> </p>
</div> </div>
<!-- 无内容显示的背景 --> <!-- 无内容显示的背景 -->
<div v-if="policyListDTOListTwo == ''" style="position:relative;"> <div v-if="policyListDTOListTwo == ''" style="position: relative">
<img class="noContentImg" src="../../assets/YB_APP/images/noguarantee.png" /> <img class="noContentImg" src="../../assets/YB_APP/images/noguarantee.png" />
<p class="noContentText">暂无保单</p> <p class="noContentText">暂无保单</p>
</div> </div>
<!-- 卡片列表 --> <!-- 卡片列表 -->
<div v-if="policyListDTOListTwo != ''"> <div v-if="policyListDTOListTwo != ''">
<!-- <van-list v-model="loading" :finished="finished" :finished-text="noContentTip2" @load="onLoad"> --> <!-- <van-list v-model="loading" :finished="finished" :finished-text="noContentTip2" @load="onLoad"> -->
<div class="cardList" v-for="(item, index) in policyListDTOListTwo" :key="index"> <div class="cardList" v-for="(item, index) in policyListDTOListTwo" :key="index">
<div class="topbackground1"> <div class="topbackground1">
<img class="cardListImg" src="../../assets/YB_APP/images/sign1.png" /> <img class="cardListImg" src="../../assets/YB_APP/images/sign1.png" />
<span class="cardListText">{{ item.riskName }}</span> <span class="cardListText">{{ item.riskName }}</span>
</div>
<div class="cardConetent">
<div class="textList">
<p>
<span>保单号</span><span>{{ item.contNo }}</span>
</p>
<p>
<span>投保人</span><span>{{ item.appntName }}</span>
</p>
<p>
<span>承保日期</span><span>{{ item.signDate }}</span>
</p>
</div> </div>
<div class="cardConetent"> <div class="rightState">
<div class="textList"> <button class="rightStateButton2" @click="goPolicyDetail2(item.contNo)">查看详情</button>
<p>
<span>保单号</span><span>{{ item.contNo }}</span>
</p>
<p>
<span>投保人</span><span>{{ item.appntName }}</span>
</p>
<p>
<span>承保日期</span><span>{{ item.signDate }}</span>
</p>
</div>
<div class="rightState">
<button class="rightStateButton2" @click="goPolicyDetail2(item.contNo)">查看详情</button>
</div>
</div> </div>
</div> </div>
</div>
<!-- </van-list> --> <!-- </van-list> -->
</div></van-tab </div></van-tab
> >
@@ -117,7 +117,8 @@
import { Button, Search } from 'vant' import { Button, Search } from 'vant'
import { ref } from 'vue' import { ref } from 'vue'
import { getSaveAllList, ybSaveManyList } from '@/api/YB_APP/index' import { getSaveAllList, ybSaveManyList } from '@/api/YB_APP/index'
import warterMark from '@/assets/js/utils/warterMark.js'
import { getAgentInfo } from '@/api/ebiz/my/my.js'
export default { export default {
name: 'renewalList', name: 'renewalList',
components: { components: {
@@ -131,7 +132,7 @@ export default {
policyListDTOList: [], // 保全申请进度卡片列表内容 policyListDTOList: [], // 保全申请进度卡片列表内容
policyListDTOListTwo: [], // 现金价值卡片列表内容 policyListDTOListTwo: [], // 现金价值卡片列表内容
params: { params: {
otherNo: '', // 搜索按钮入参 otherNo: '' // 搜索按钮入参
} }
} }
}, },
@@ -139,12 +140,22 @@ export default {
mounted() { mounted() {
// this.getSaveAllList() // this.getSaveAllList()
// this.ybSaveManyList() // this.ybSaveManyList()
console.log(this.active,'我是active'); console.log(this.active, '我是active')
this.getAgentInfo()
}, },
methods: { methods: {
// 水印
getAgentInfo() {
getAgentInfo({}).then((res) => {
if (res.result == 0) {
console.log('123')
warterMark.set(res.name + res.jobNo, '')
}
})
},
getSaveAllList() { getSaveAllList() {
let that = this let that = this
console.log('我是log123第一个接口的',) console.log('我是log123第一个接口的')
// 保全申请列表 // 保全申请列表
getSaveAllList(that.params).then((res) => { getSaveAllList(that.params).then((res) => {
console.log(res, '我是res') console.log(res, '我是res')
@@ -161,8 +172,8 @@ export default {
ybSaveManyList() { ybSaveManyList() {
let that = this let that = this
console.log('我是log123第二个接口的') console.log('我是log123第二个接口的')
// 现金价值 // 现金价值
ybSaveManyList(that.params).then((res) => { ybSaveManyList(that.params).then((res) => {
console.log(res, '我是res') console.log(res, '我是res')
if (res.result == 0) { if (res.result == 0) {
that.policyListDTOListTwo = res.content that.policyListDTOListTwo = res.content
@@ -173,15 +184,15 @@ export default {
that.policyListDTOList = '' that.policyListDTOList = ''
} }
}) })
}, },
// 上方关键词搜索按钮 // 上方关键词搜索按钮
keywordSearch(value) { keywordSearch(value) {
console.log('点击搜索了') console.log('点击搜索了')
// this.params.idNo = value // this.params.idNo = value
this.params.otherNo = value this.params.otherNo = value
if(this.active == 0 ){ if (this.active == 0) {
this.getSaveAllList() this.getSaveAllList()
}else if(this.active == 1){ } else if (this.active == 1) {
this.ybSaveManyList() this.ybSaveManyList()
} }
}, },
@@ -210,7 +221,7 @@ export default {
} }
}) })
} }
}, }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@@ -228,7 +239,7 @@ export default {
font-size: 15px; font-size: 15px;
} }
/deep/ .van-icon-clear { /deep/ .van-icon-clear {
margin-right:46px; margin-right: 46px;
// background-color:blue ; // background-color:blue ;
} }
.searchButton { .searchButton {
@@ -269,7 +280,7 @@ export default {
margin-bottom: 12px; margin-bottom: 12px;
} }
// .cardList2 { // .cardList2 {
// height: 136px; // height: 136px;
// width: 96%; // width: 96%;
// border-radius: 12px; // border-radius: 12px;
// background-color: white; // background-color: white;
@@ -287,7 +298,7 @@ export default {
display: flex; display: flex;
// height: 100%; // height: 100%;
// width: 32%; // width: 32%;
// background-color: rgb(236, 9, 9); // background-color: rgb(236, 9, 9);
} }
.rightStateImg { .rightStateImg {
height: 100px; height: 100px;
@@ -303,7 +314,7 @@ export default {
margin-bottom: 14px; margin-bottom: 14px;
margin-left: 4px; margin-left: 4px;
font-size: 12px; font-size: 12px;
align-self:flex-end; align-self: flex-end;
} }
.rightStateButton2 { .rightStateButton2 {
height: 30px; height: 30px;
@@ -315,7 +326,7 @@ export default {
margin-bottom: 14px; margin-bottom: 14px;
margin-left: 4px; margin-left: 4px;
font-size: 12px; font-size: 12px;
align-self:flex-end; align-self: flex-end;
} }
.cardListText { .cardListText {
line-height: 34px; line-height: 34px;
@@ -341,16 +352,16 @@ export default {
.textList > p { .textList > p {
display: flex; display: flex;
margin-bottom: 11px; margin-bottom: 11px;
line-height: 20px line-height: 20px;
} }
.textList > p > span:nth-of-type(1) { .textList > p > span:nth-of-type(1) {
display: block; display: block;
// float:left; // float:left;
width: 50px; width: 50px;
overflow: hidden; overflow: hidden;
white-space:nowrap; white-space: nowrap;
// background-color: blueviolet; // background-color: blueviolet;
color: #3E3C3D; color: #3e3c3d;
} }
.textList > p > span:nth-of-type(2) { .textList > p > span:nth-of-type(2) {
// width: 5vh; // width: 5vh;
@@ -372,7 +383,7 @@ export default {
} }
.warmTip { .warmTip {
white-space:nowrap; white-space: nowrap;
padding: 5px 0; padding: 5px 0;
height: 28px; height: 28px;
background-color: #fff8ed; background-color: #fff8ed;