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

切换tab，通过，未通过时，需要重置右上角的按钮状态--全部展开

Browse Source
This commit is contained in:
liyuetong
2021-07-23 13:20:40 +08:00
parent 389e94825d
commit 7c110a88a5
1 changed files with 54 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
src/views/ebiz/claims/ClaimApprovalList.vue
View File

@@ -37,45 +37,42 @@
>{{ item.approvalDate }}</div> >{{ item.approvalDate }}</div>
<div class="bg-white pv15 pr15 pl10 mt15"> <div class="bg-white pv15 pr15 pl10 mt15">
<van-collapse v-model="activeNames"> <van-collapse v-model="activeNames">
<!-- <van-checkbox-group v-model="item.checkboxResult" :ref="'checkboxGroup'+index"> --> <van-collapse-item :name="item01.id" v-for="(item01, index01) in item.claimApprovalSearchLst" :key="index01">
<van-collapse-item :name="item01.id" v-for="(item01, index01) in item.claimApprovalSearchLst" :key="index01"> <template #title>
<template #title> <span class="w30 h30 inline-b" @click.stop="checkBoxSwitch(item01.id,item01.isChecked)">
<span @click.stop="checkBoxSwitch(item01.id,item01.isChecked)"> <i :class="item01.isChecked=='0'?'checked':'nochecked'"></i>
<i :class="item01.isChecked=='0'?'checked':'nochecked'"></i> </span>
</span> <span class="ml5 mr10 fwb">{{index01+1}}.{{item01.insuredName}}</span>
<!-- <van-checkbox :name="item01.id" v-if="active == 'notApproved'" label-disabled @click.stop="checkBoxClick"></van-checkbox> --> <span class="mr10 fwb">{{item01.caseEndDate}}</span>
<span class="ml5 mr10 fwb">{{index01+1}}.{{item01.insuredName}}</span> <span class="mr10 fwb">{{item01.getMoney}}元</span>
<span class="mr10 fwb">{{item01.caseEndDate}}</span> </template>
<span class="mr10 fwb">{{item01.getMoney}}元</span> <div class="pb10 pt10 border-gb" style="border-top: 1px solid #dadada;">
</template> <div class="w130 inline-b">赔案号：</div>
<div class="pb10 pt10 border-gb" style="border-top: 1px solid #dadada;"> <span class="fs14 c-gray-dark ml20">{{ item01.clmNo }}</span>
<div class="w130 inline-b">赔案号：</div> </div>
<span class="fs14 c-gray-dark ml20">{{ item01.clmNo }}</span> <div v-for="(item02, index02) in item01.claimPayeeLst" :key="index02">
</div> <div class="pb10 pt10 border-gb">
<div v-for="(item02, index02) in item01.claimPayeeLst" :key="index02"> <div class="w130 inline-b">领款人：</div>
<div class="pb10 pt10 border-gb"> <span class="fs14 c-gray-dark ml20">{{ item02.payeeName }}</span>
<div class="w130 inline-b">领款人：</div> </div>
<span class="fs14 c-gray-dark ml20">{{ item02.payeeName }}</span> <div class="pb10 pt10 border-gb">
</div> <div class="w130 inline-b">领款金额（万元）：</div>
<div class="pb10 pt10 border-gb"> <span class="fs14 c-gray-dark ml20">{{ item02.payMoney }}</span>
<div class="w130 inline-b">领款金额（万元）：</div> </div>
<span class="fs14 c-gray-dark ml20">{{ item02.payMoney }}</span> <div class="pb10 pt10 border-gb">
</div> <div class="w130 inline-b">先前支付失败次数：</div>
<div class="pb10 pt10 border-gb"> <span class="fs14 c-gray-dark ml20">{{ item02.getCount }}</span>
<div class="w130 inline-b">先前支付失败次数：</div> </div>
<span class="fs14 c-gray-dark ml20">{{ item02.getCount }}</span> <div class="pb10 pt10 border-gb">
</div> <div class="w130 inline-b">上一次支付失败原因：</div>
<div class="pb10 pt10 border-gb"> <span class="fs14 c-gray-dark ml20">{{ item02.lastFailReason }}</span>
<div class="w130 inline-b">上一次支付失败原因：</div> </div>
<span class="fs14 c-gray-dark ml20">{{ item02.lastFailReason }}</span> <div class="pb10 pt10 border-gb">
</div> <div class="w130 inline-b">上一次支付失败日期：</div>
<div class="pb10 pt10 border-gb"> <span class="fs14 c-gray-dark ml20">{{ item02.lastFailDate }}</span>
<div class="w130 inline-b">上一次支付失败日期：</div> </div>
<span class="fs14 c-gray-dark ml20">{{ item02.lastFailDate }}</span> </div>
</div> </van-collapse-item>
</div>
</van-collapse-item>
<!-- </van-checkbox-group> -->
</van-collapse> </van-collapse>
</div> </div>
</div> </div>
@@ -140,7 +137,7 @@ export default {
window.appCallBack = this.appCallBack window.appCallBack = this.appCallBack
}, },
methods: { methods: {
checkBtn() { checkBtn() {
let title = this.isOpen == '1' ? '全部收起' : '全部展开' let title = this.isOpen == '1' ? '全部收起' : '全部展开'
this.$jump({ this.$jump({
flag: 'webview_right_button', flag: 'webview_right_button',
@@ -248,64 +245,6 @@ export default {
that.$forceUpdate() that.$forceUpdate()
console.log(this.claimApprovalIds,'claimApprovalIds') console.log(this.claimApprovalIds,'claimApprovalIds')
}, },
checkBoxClick(){
// ev.stopPropagation();
let that = this
this.claimApprovalIds= []
//非全选状态时，更新claimApprovalIds数组
this.claimApprovalList.forEach(function(item) {
that.claimApprovalIds = that.claimApprovalIds.concat(item.checkboxResult)
})
that.$forceUpdate()
if(that.claimApprovalIds.length){
that.getTotalMoneyFunc()
}
//审批弹框点击取消之后，操作checkbox或全选时，统计通过、拒绝按钮数量
// 按钮状态 0通过 1拒绝
if(this.btnStatus == 0){
this.refuseNum = 0
this.passNum = this.claimApprovalIds.length
}else if(this.btnStatus == 1){
this.refuseNum = this.claimApprovalIds.length
this.passNum = 0
}
console.log(this.claimApprovalIds,'claimApprovalIds')
},
//全选
checkAllFunc() {
let that = this
if(that.claimApprovalIds.length != that.total){
this.claimApprovalIds= []
this.claimApprovalList.forEach(function(item) {
item.checkboxResult = []
let arr = []
item.claimApprovalSearchLst.forEach(function(item01) {
arr.push(item01.id)
that.claimApprovalIds.push(item01.id)
})
item.checkboxResult = arr
})
that.getTotalMoneyFunc()
}else{ //取消全选
this.claimApprovalIds= []
this.claimApprovalList.forEach(function(item) {
item.checkboxResult = []
let arr = []
item.checkboxResult = arr
})
that.totalMoney = 0
}
//审批弹框点击取消之后，操作checkbox或全选时，统计通过、拒绝按钮数量
// 按钮状态 0通过 1拒绝
if(this.btnStatus == 0){
this.refuseNum = 0
this.passNum = this.claimApprovalIds.length
}else if(this.btnStatus == 1){
this.refuseNum = this.claimApprovalIds.length
this.passNum = 0
}
that.$forceUpdate()
},
//通过按钮 //通过按钮
passHandle(){ passHandle(){
if(this.claimApprovalIds.length){ if(this.claimApprovalIds.length){
@@ -341,8 +280,11 @@ export default {
}).then(() => { }).then(() => {
claimApproval({claimApprovalIds:this.claimApprovalIds,approvalResult:approvalResult}).then(res => { claimApproval({claimApprovalIds:this.claimApprovalIds,approvalResult:approvalResult}).then(res => {
if (res.result == '0') { if (res.result == '0') {
that.getList() that.getList()
} else { } else if(res.result == '2') { //当前数据正在审批中，请稍后再试--刷新数据
that.getList()
this.$toast(res.resultMessage)
}else{
this.$toast(res.resultMessage) this.$toast(res.resultMessage)
} }
}) })
@@ -350,8 +292,13 @@ export default {
}, },
//审批记录--切换1已通过，0未通过按钮状态 //审批记录--切换1已通过，0未通过按钮状态
approvalRecordSwitch(plainStatus){ approvalRecordSwitch(plainStatus){
this.getList(plainStatus) let that = this
this.plainStatus = plainStatus this.getList(plainStatus)
this.plainStatus = plainStatus
//切换tab时，需要重置右上角的按钮状态--全部展开
that.activeNames = []
that.isOpen = 0 //右上角按钮状态 0 全部收起 1 全部展开
that.checkBtn() // 初始化显示按钮
}, },
//初始化列表 //初始化列表
async getList(plainStatus) { async getList(plainStatus) {
@@ -415,6 +362,7 @@ export default {
}) })
}, },
tabChange(name) { tabChange(name) {
let that = this
this.currentPage = 1 this.currentPage = 1
this.active = name this.active = name
this.claimApprovalList = [] this.claimApprovalList = []
@@ -425,6 +373,10 @@ export default {
}else{ }else{
this.getList() this.getList()
} }
//切换tab时，需要重置右上角的按钮状态--全部展开
that.activeNames = []
that.isOpen = 0 //右上角按钮状态 0 全部收起 1 全部展开
that.checkBtn() // 初始化显示按钮
} }
} }
} }