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]保单列表搜索框改变到弹出层搜索,续期详情列表字段修改

Browse Source
This commit is contained in:
DESKTOP-AFPHKHF\PC
2023-01-10 10:29:31 +08:00
parent fb67a6dd65
commit bede56b2db
3 changed files with 114 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,10 +1,11 @@
<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> -->
<!-- <button @click="showSideBar = !showSideBar">点击按钮</button> -->
<!-- <div style="width:100%;height:1000px;background:rgba(0, 0, 0, 0.2);"></div> --> <!-- <div style="width:100%;height:1000px;background:rgba(0, 0, 0, 0.2);"></div> -->
<!-- 右侧搜索按钮 --> <!-- 右侧搜索按钮 -->
@@ -64,11 +65,16 @@
<van-popup v-model="showSideBar" position="right" style="width: 80%; height: 100%" :overlay-style="{ opacity: 0.7 }"> <van-popup v-model="showSideBar" position="right" style="width: 80%; height: 100%" :overlay-style="{ opacity: 0.7 }">
<div class="state-content"> <div class="state-content">
<div> <div>
<p>承保日期</p> <p>条件查询</p>
<div class="underwriteDateClass"> <van-search v-model="conditionInquire" shape="round" placeholder="保单号/客户身份证号/客户姓名" left-icon=" " />
<span class="underwriteDateSpan">{{ underwriteDate }}</span
><img class="underwriteDateImg" @click="datechange" src="../../assets/YB_APP/images/date.png" />
</div> </div>
<div>
<p>承保日期</p>
<van-search show-action v-model="underwriteDate" shape="round" placeholder="右侧选择日期" left-icon=" ">
<template #action>
<img class="underwriteDateImg" @click="clickTime" src="../../assets/YB_APP/images/date.png" />
</template>
</van-search>
</div> </div>
<div> <div>
<p>保单状态</p> <p>保单状态</p>
@@ -109,15 +115,23 @@
<van-button class="m-btn-left" @click="reset">重置</van-button> <van-button class="m-btn-left" @click="reset">重置</van-button>
<van-button class="m-btn-right" @click="submit">确定</van-button> <van-button class="m-btn-right" @click="submit">确定</van-button>
</div> </div>
<van-popup v-model="calendarShow" position="bottom"> <van-popup v-model="showPicker" position="bottom">
<van-datetime-picker v-model="currentDate" type="year-month" title="选择日期" @cancel="handleCurrentDateCancel" @confirm="handleCurrentDateConfirm" /> <van-datetime-picker
v-model="currentDate"
type="year-month"
title="选择年月"
:min-date="minDate"
:max-date="maxDate"
@confirm="timeSubmit"
@cancel="timeCancel"
/>
</van-popup> </van-popup>
</van-popup> </van-popup>
</div> </div>
</template> </template>
<script> <script>
import { Button, Search } from 'vant' import { Button, Search, DatetimePicker } from 'vant'
import { ref } from 'vue' import { ref } from 'vue'
import utils from '@/assets/js/utils/date-utils' import utils from '@/assets/js/utils/date-utils'
import { YBpolicyListAgent } from '@/api/YB_APP/index' import { YBpolicyListAgent } from '@/api/YB_APP/index'
@@ -128,7 +142,8 @@ export default {
name: 'policyList', name: 'policyList',
components: { components: {
[Button.name]: Button, [Button.name]: Button,
[Search.name]: Search [Search.name]: Search,
[DatetimePicker.name]: DatetimePicker
}, },
setup() { setup() {
const value = ref('') const value = ref('')
@@ -136,6 +151,7 @@ export default {
}, },
data() { data() {
return { return {
showPicker: false,
findValue: '', // 上面搜索框的value findValue: '', // 上面搜索框的value
policyListDTOList: [], policyListDTOList: [],
filpolicyListDTOList: [], // 结合watch过滤后的卡片数据 filpolicyListDTOList: [], // 结合watch过滤后的卡片数据
@@ -166,18 +182,23 @@ export default {
clickChangevisitSucceed: 0, clickChangevisitSucceed: 0,
clickChangevisitAccomplish: 0, clickChangevisitAccomplish: 0,
calendarShow: false, calendarShow: false,
currentDate: new Date(), // currentDate: new Date(),
underwriteDate: '', // 承保日期的时间 underwriteDate: '', // 承保日期的时间
conditionInquire: '', // 条件查询
params: { params: {
signDate: '', // 日期 signDate: '', // 日期
otherNo: '', // 保单号 otherNo: '', // 保单号
stateName: '', // 保单状态 state: '', // 保单状态
bankChannel: '', // 渠道名称 bankChannel: '', // 渠道名称
visitSuccess: '', // 回访成功 visitSuccess: '', // 回访成功
visitFinish: '', // 回访完成 visitFinish: '', // 回访完成
pageSize: 10, pageSize: 10,
pageNo: 0 pageNo: 0
}, },
minDate: new Date(2020, 0, 1),
maxDate: new Date(2030, 11, 31),
currentDate: new Date(),
loading: false, loading: false,
finished: false finished: false
} }
@@ -199,7 +220,7 @@ export default {
this.YBpolicyListAgent() this.YBpolicyListAgent()
// 筛选按钮的点击事件 // 筛选按钮的点击事件
window.appCallBack = this.appCallBack window.appCallBack = this.appCallBack
this.underwriteDate = this.$route.query.date // this.underwriteDate = this.$route.query.date
// this.params.signDate = this.$route.query.date // this.params.signDate = this.$route.query.date
}, },
@@ -230,9 +251,6 @@ export default {
}) })
}, 500) }, 500)
}, },
datechange() {
this.calendarShow = true
},
// 四个选择的状态 // 四个选择的状态
warrantyState(val) { warrantyState(val) {
this.clickChangewarranty = val this.clickChangewarranty = val
@@ -274,11 +292,11 @@ export default {
// that.filpolicyListDTOList = res.policyListDTOList // that.filpolicyListDTOList = res.policyListDTOList
// console.log(this.policyListDTOList, 'data里的policyListDTOList') // console.log(this.policyListDTOList, 'data里的policyListDTOList')
// this.YBpolicyListAgent() // this.YBpolicyListAgent()
if (res.policyListDTOList && res.policyListDTOList.length == 0) { if (res.policyListDTOList.length == 0) {
this.finished = true this.finished = true
this.loading = false this.loading = false
that.filpolicyListDTOList = [] // that.filpolicyListDTOList = []
console.log('111111111111111111111') // console.log('111111111111111111111')
// that.filpolicyListDTOList = res.policyListDTOList.policyListDTOList // that.filpolicyListDTOList = res.policyListDTOList.policyListDTOList
} else { } else {
that.filpolicyListDTOList = that.filpolicyListDTOList.concat(res.policyListDTOList) that.filpolicyListDTOList = that.filpolicyListDTOList.concat(res.policyListDTOList)
@@ -290,17 +308,20 @@ export default {
that.filpolicyListDTOList = res.policyListDTOList that.filpolicyListDTOList = res.policyListDTOList
} }
} }
} else {
if (that.params.pageNo == 1) {
that.filpolicyListDTOList = []
console.log('33333333333333333333333333')
} else { } else {
that.$toast(res.resultMessage) that.$toast(res.resultMessage)
this.finished = true this.finished = true
this.loading = false this.loading = false
// if (that.params.pageNo == 1) {
// that.filpolicyListDTOList = [] // that.filpolicyListDTOList = []
console.log('44444444444444444444444444444') // console.log('33333333333333333333333333')
} // } else {
// that.$toast(res.resultMessage)
// this.finished = true
// this.loading = false
// // that.filpolicyListDTOList = []
// console.log('44444444444444444444444444444')
// }
} }
}) })
}, },
@@ -318,29 +339,38 @@ export default {
}) })
}, },
// 上方关键词搜索按钮 // 上方关键词搜索按钮
keywordSearch(value) { // keywordSearch(value) {
console.log(value, '点击搜索了') // console.log(value, '点击搜索了')
// this.filpolicyListDTOList = this.policyListDTOList.filter((p) => { // // this.filpolicyListDTOList = this.policyListDTOList.filter((p) => {
// return p.policyNo.indexOf(value) !== -1 // // return p.policyNo.indexOf(value) !== -1
// }) // // })
this.params.pageNo = 0 // // this.params.pageNo = 0
this.params.otherNo = value // this.clickChangewarranty = 0
this.YBpolicyListAgent() // this.clickChangechannel = 0
// console.log(value,'我是value'); // this.clickChangevisitSucceed = 0
// console.log(this.riskCode,'我是this.riskCode'); // this.clickChangevisitAccomplish = 0
}, // this.underwriteDate = ''
// this.params.pageNo = 0
// this.params.otherNo = value
// this.filpolicyListDTOList = []
// this.YBpolicyListAgent()
// // console.log(value,'我是value');
// // console.log(this.riskCode,'我是this.riskCode');
// },
reset() { reset() {
// 筛选的重置操作 // 筛选的重置操作
// 全部按钮选中; list全部匹配(点击全部的时候可以通过匹配规则匹配到所有的产品) // 全部按钮选中; list全部匹配(点击全部的时候可以通过匹配规则匹配到所有的产品)
// this.isActive = [true, false, false, false, false] // this.isActive = [true, false, false, false, false]
// this.list = this.proList // this.list = this.proList
// this.showSideBar = false // this.showSideBar = false
this.currentDate = new Date()
this.clickChangewarranty = 0 this.clickChangewarranty = 0
this.clickChangechannel = 0 this.clickChangechannel = 0
this.clickChangevisitSucceed = 0 this.clickChangevisitSucceed = 0
this.clickChangevisitAccomplish = 0 this.clickChangevisitAccomplish = 0
this.underwriteDate = '' this.underwriteDate = ''
this.params.pageNo = 1 this.conditionInquire = ''
this.params.pageNo = 0
}, },
submit() { submit() {
// 筛选的确定操作 // 筛选的确定操作
@@ -354,17 +384,12 @@ export default {
this.showSideBar = false this.showSideBar = false
this.params.pageNo = 0 this.params.pageNo = 0
this.params.signDate = this.underwriteDate this.params.signDate = this.underwriteDate
this.params.otherNo = this.conditionInquire
// this.params.signDate = '2022-09' // this.params.signDate = '2022-09'
console.log(this.params.signDate) this.params.state = this.list1[this.clickChangewarranty].id
console.log(this.clickChangewarranty, '123321')
this.params.stateName = this.list1[this.clickChangewarranty].id
console.log(this.params.stateName)
this.params.bankChannel = this.list1[this.clickChangechannel].id this.params.bankChannel = this.list1[this.clickChangechannel].id
console.log(this.params.bankChannel)
this.params.visitSuccess = this.list1[this.clickChangevisitSucceed].id this.params.visitSuccess = this.list1[this.clickChangevisitSucceed].id
console.log(this.params.visitSuccess)
this.params.visitFinish = this.list1[this.clickChangevisitAccomplish].id this.params.visitFinish = this.list1[this.clickChangevisitAccomplish].id
console.log(this.params.visitFinish)
this.YBpolicyListAgent() this.YBpolicyListAgent()
this.$toast.loading({ this.$toast.loading({
duration: 15000, // 持续展示 toast duration: 15000, // 持续展示 toast
@@ -382,12 +407,24 @@ export default {
// } // }
// }) // })
}, },
handleCurrentDateCancel() { // 查询里的图片出来时间
this.calendarShow = false clickTime() {
this.showPicker = true
}, },
handleCurrentDateConfirm(e) { // 时间里的确认按钮
this.calendarShow = false timeSubmit() {
this.underwriteDate = utils.formatDate(e, 'yyyy-MM') // this.params.renewalDate = this.currentDate
let yearNum = this.currentDate.getFullYear()
let monthNum = this.currentDate.getMonth() + 1
if (monthNum < 10) {
monthNum = '0' + monthNum
}
this.underwriteDate = yearNum + '-' + monthNum
this.showPicker = false
},
// 时间里的取消按钮
timeCancel() {
this.showPicker = false
} }
} }
@@ -630,18 +667,18 @@ export default {
margin-left: 10px; margin-left: 10px;
} }
.underwriteDateImg { .underwriteDateImg {
height: 16px; height: 20px;
align-items: center; // align-items: center;
position: absolute; // right: 10px;
right: 10px; margin-top: 10px;
top: 7px; // top: 7px;
} }
.chooseMessage { .chooseMessage {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
/deep/ .van-icon-clear { // /deep/ .van-icon-clear {
margin-right: 46px; // margin-right: 46px;
// background-color:blue ; // // background-color:blue ;
} // }
</style> </style>

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

@@ -36,11 +36,11 @@
<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.defaultReson" 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" />
<van-cell title="保单生效日" :value="ybOrderDTOList.chargeDate" /> <van-cell title="保单生效日" :value="ybOrderDTOList.cvalidate" />
<van-cell title="归属指标" :value="ybOrderDTOList.rnewIndex" /> <van-cell title="归属指标" :value="ybOrderDTOList.rnewIndex" />
</van-cell-group> </van-cell-group>
</div> </div>
@@ -70,9 +70,9 @@ export default {
components: {}, components: {},
data() { data() {
return { return {
ybOrderDTOList: '', ybOrderDTOList: {},
policyNo: {}, policyNo: {},
changestate: 2, changestate: '',
show: false show: false
} }
}, },

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

@@ -73,7 +73,7 @@
<span>所属渠道</span><span>{{ item.policySource }}</span> <span>所属渠道</span><span>{{ item.policySource }}</span>
</p> </p>
<p> <p>
<span v-if="active == 3">终止原因</span><span>{{ item.contState }}</span> <span v-if="active == 3">终止原因</span><span>{{ item.terminateReason }}</span>
</p> </p>
<p> <p>
<span>金额/元</span><span class="redword">{{ item.money }}</span> <span>金额/元</span><span class="redword">{{ item.money }}</span>
@@ -109,7 +109,7 @@ 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 warterMark from '@/assets/js/utils/warterMark.js'
import { getAgentInfo } from '@/api/ebiz/my/my.js' import { getAgentInfo } from '@/api/ebiz/my/my.js'
export default { export default {
name: 'renewalList', name: 'renewalList',
@@ -137,7 +137,7 @@ export default {
// idNo: '', // 身份证号 // idNo: '', // 身份证号
// payToDate: '', // 时间 // payToDate: '', // 时间
state: '', // 状态 state: '', // 状态
otherNo: '' ,// 搜索条件 otherNo: '' // 搜索条件
// userModel: { // userModel: {
// id: 'Y0000001' // id: 'Y0000001'
// } // }
@@ -170,10 +170,10 @@ export default {
methods: { methods: {
// 水印 // 水印
getAgentInfo() { getAgentInfo() {
getAgentInfo({}).then(res=>{ getAgentInfo({}).then((res) => {
if (res.result == 0) { if (res.result == 0) {
console.log('123') console.log('123')
warterMark.set(res.name+res.jobNo,"") warterMark.set(res.name + res.jobNo, '')
} }
}) })
}, },