hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-08 11:46:44 +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.bankAccNo" />
<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.netWorkName" />
<van-cell title="归属地市" :value="ybOrderDTOList.city" />
@@ -62,6 +63,8 @@
<script>
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 {
name: 'policyDetail',
components: {},
@@ -82,8 +85,19 @@ export default {
console.log(this.policyNo, 'avc111111111111')
this.getYBRenewalInfo()
this.changestate = this.policyNo.payFlag
this.getAgentInfo()
},
methods: {
// 水印
getAgentInfo(){
getAgentInfo({}).then(res=>{
if(res.result == 0){
console.log('123')
warterMark.set(res.name+res.jobNo,"")
}
})
},
cancel() {
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 { getYBRenewalsList } from '@/api/YB_APP/index'
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 {
name: 'renewalList',
components: {
@@ -155,8 +156,18 @@ export default {
let monthNum = new Date().getMonth() + 1
this.calendarValue = yearNum + '-' + monthNum
this.getYBRenewalsList()
this.getAgentInfo()
},
methods: {
// 水印
getAgentInfo(){
getAgentInfo({}).then(res=>{
if(res.result == 0){
console.log('123')
warterMark.set(res.name+res.jobNo,"")
}
})
},
// 上方关键词搜索按钮
keywordSearch(value) {
console.log('点击搜索了')

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

@@ -30,6 +30,8 @@
<script>
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 {
name: 'policyDetail',
components: {},
@@ -43,8 +45,18 @@ export default {
this.policyNo = this.$route.query.policyNo
console.log(this.policyNo, 'avc')
this.ybSaveAllDetail()
this.getAgentInfo()
},
methods: {
// 水印
getAgentInfo(){
getAgentInfo({}).then(res=>{
if(res.result == 0){
console.log('123')
warterMark.set(res.name+res.jobNo,"")
}
})
},
ybSaveAllDetail() {
let params = {
edorAcceptNo: this.policyNo

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

@@ -25,6 +25,8 @@
<script>
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 {
name: 'policyDetail',
components: {},
@@ -38,8 +40,18 @@ export default {
this.policyNo = this.$route.query.policyNo
console.log(this.policyNo, 'avc')
this.ybSaveManyDetail()
this.getAgentInfo()
},
methods: {
// 水印
getAgentInfo(){
getAgentInfo({}).then(res=>{
if(res.result == 0){
console.log('123')
warterMark.set(res.name+res.jobNo,"")
}
})
},
ybSaveManyDetail() {
let params = {
contNo: this.policyNo

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

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