mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-10 03:26:45 +08:00
加css样式解决白屏问题
This commit is contained in:
liyuetong
@@ -1,88 +1,90 @@
|
||||
<template>
|
||||
<div class="sale-list-container pb50">
|
||||
<van-sticky>
|
||||
<van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
|
||||
<van-tab name="notApproved" title="未审批"></van-tab>
|
||||
<van-tab name="approvalRecord" title="审批记录"></van-tab>
|
||||
</van-tabs>
|
||||
</van-sticky>
|
||||
<div class="fs12 p10 bg-white" v-if="active == 'approvalRecord'">
|
||||
<van-button
|
||||
round
|
||||
:plain="plainStatus=='0'"
|
||||
size="small"
|
||||
class="mr5"
|
||||
type="danger"
|
||||
@click="approvalRecordSwitch('1')"
|
||||
>已通过</van-button>
|
||||
<van-button
|
||||
round
|
||||
:plain="plainStatus=='1'"
|
||||
size="small"
|
||||
class="mr5"
|
||||
type="danger"
|
||||
@click="approvalRecordSwitch('0')"
|
||||
>未通过</van-button>
|
||||
</div>
|
||||
<div v-if="isSuccess">
|
||||
<div v-if="claimApprovalList.length > 0">
|
||||
<div v-for="(item, index) in claimApprovalList" :key="index">
|
||||
<div
|
||||
class="fs12 mt20 mb5 text-center"
|
||||
v-if="active == 'notApproved'"
|
||||
>赔案批次号 {{ item.clmBatchNo }}</div>
|
||||
<div
|
||||
class="fs12 mt20 mb5 text-center"
|
||||
v-if="active == 'approvalRecord'"
|
||||
>{{ item.approvalDate }}</div>
|
||||
<div class="bg-white pv15 pr15 pl10 mt15">
|
||||
<van-collapse v-model="activeNames">
|
||||
<van-collapse-item :name="item01.id" v-for="(item01, index01) in item.claimApprovalSearchLst" :key="index01">
|
||||
<template #title>
|
||||
<span class="w30 h30 inline-b" v-if="active == 'notApproved'" @click.stop="checkBoxSwitch(item01.id,item01.isChecked)">
|
||||
<i :class="item01.isChecked=='0'?'checked':'nochecked'"></i>
|
||||
</span>
|
||||
<span class="ml5 mr10 fwb w80 inline-b v-middle" style="word-break: break-all;">{{index01+1}}.{{item01.insuredName}}</span>
|
||||
<span class="mr10 fwb">{{item01.caseEndDate}}</span>
|
||||
<span class="mr10 fwb">{{item01.getMoney}}元</span>
|
||||
</template>
|
||||
<div class="pb10 pt10 border-gb" style="border-top: 1px solid #dadada;">
|
||||
<div class="w130 inline-b">赔案号：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item01.clmNo }}</span>
|
||||
</div>
|
||||
<div v-for="(item02, index02) in item01.claimPayeeLst" :key="index02">
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">领款人：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.payeeName }}</span>
|
||||
</div>
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">领款金额（元）：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.payMoney }}</span>
|
||||
</div>
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">先前支付失败次数：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.getCount }}</span>
|
||||
</div>
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">上一次支付失败原因：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.lastFailReason }}</span>
|
||||
</div>
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">上一次支付失败日期：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.lastFailDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h50 inline-b"></div>
|
||||
<div class="sale-list-container pb50 box">
|
||||
<div class="section">
|
||||
<van-sticky>
|
||||
<van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
|
||||
<van-tab name="notApproved" title="未审批"></van-tab>
|
||||
<van-tab name="approvalRecord" title="审批记录"></van-tab>
|
||||
</van-tabs>
|
||||
</van-sticky>
|
||||
<div class="fs12 p10 bg-white" v-if="active == 'approvalRecord'">
|
||||
<van-button
|
||||
round
|
||||
:plain="plainStatus=='0'"
|
||||
size="small"
|
||||
class="mr5"
|
||||
type="danger"
|
||||
@click="approvalRecordSwitch('1')"
|
||||
>已通过</van-button>
|
||||
<van-button
|
||||
round
|
||||
:plain="plainStatus=='1'"
|
||||
size="small"
|
||||
class="mr5"
|
||||
type="danger"
|
||||
@click="approvalRecordSwitch('0')"
|
||||
>未通过</van-button>
|
||||
</div>
|
||||
<div v-if="isSuccess">
|
||||
<div v-if="claimApprovalList.length > 0">
|
||||
<div v-for="(item, index) in claimApprovalList" :key="index">
|
||||
<div
|
||||
class="fs12 mt20 mb5 text-center"
|
||||
v-if="active == 'notApproved'"
|
||||
>赔案批次号 {{ item.clmBatchNo }}</div>
|
||||
<div
|
||||
class="fs12 mt20 mb5 text-center"
|
||||
v-if="active == 'approvalRecord'"
|
||||
>{{ item.approvalDate }}</div>
|
||||
<div class="bg-white pv15 pr15 pl10 mt15">
|
||||
<van-collapse v-model="activeNames">
|
||||
<van-collapse-item :name="item01.id" v-for="(item01, index01) in item.claimApprovalSearchLst" :key="index01">
|
||||
<template #title>
|
||||
<span class="w30 h30 inline-b" v-if="active == 'notApproved'" @click.stop="checkBoxSwitch(item01.id,item01.isChecked)">
|
||||
<i :class="item01.isChecked=='0'?'checked':'nochecked'"></i>
|
||||
</span>
|
||||
<span class="ml5 mr10 fwb w80 inline-b v-middle" style="word-break: break-all;">{{index01+1}}.{{item01.insuredName}}</span>
|
||||
<span class="mr10 fwb">{{item01.caseEndDate}}</span>
|
||||
<span class="mr10 fwb">{{item01.getMoney}}元</span>
|
||||
</template>
|
||||
<div class="pb10 pt10 border-gb" style="border-top: 1px solid #dadada;">
|
||||
<div class="w130 inline-b">赔案号：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item01.clmNo }}</span>
|
||||
</div>
|
||||
<div v-for="(item02, index02) in item01.claimPayeeLst" :key="index02">
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">领款人：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.payeeName }}</span>
|
||||
</div>
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">领款金额（元）：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.payMoney }}</span>
|
||||
</div>
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">先前支付失败次数：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.getCount }}</span>
|
||||
</div>
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">上一次支付失败原因：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.lastFailReason }}</span>
|
||||
</div>
|
||||
<div class="pb10 pt10 border-gb">
|
||||
<div class="w130 inline-b">上一次支付失败日期：</div>
|
||||
<span class="fs14 c-gray-dark ml20">{{ item02.lastFailDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h50 inline-b"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="text-center">
|
||||
<img class="mt40" src="@/assets/images/pic_page-non.png" />
|
||||
<div class="fs17 mt40" v-if="active == 'notApproved'">暂无未审批信息！</div>
|
||||
<div class="fs17 mt40" v-if="active == 'approvalRecord'">暂无审批记录！</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="text-center">
|
||||
<img class="mt40" src="@/assets/images/pic_page-non.png" />
|
||||
<div class="fs17 mt40" v-if="active == 'notApproved'">暂无未审批信息！</div>
|
||||
<div class="fs17 mt40" v-if="active == 'approvalRecord'">暂无审批记录！</div>
|
||||
</div>
|
||||
<div class="bottom-btn bg-white pt10 pb10 flex justify-content-s" style="border-top: 1px solid #dadada;" v-if="active == 'notApproved'">
|
||||
<div>
|
||||
@@ -94,7 +96,7 @@
|
||||
<van-button type="danger" round size="small" @click="passHandle" v-no-more-click="1000">通过（{{passNum}}）</van-button>
|
||||
<van-button class="ml10 mr10" plain type="danger" round size="small" @click="refuseHandle" v-no-more-click="1000">拒绝（{{refuseNum}}）</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -411,4 +413,14 @@ export default {
|
||||
background-size: 100% 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box{
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
.section{
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user