From 45d99f47cdad3c1acba14e614ea1723812f58a45 Mon Sep 17 00:00:00 2001
From: liyuetong <li.yuetong@ebiz-fooge.com>
Date: Thu, 5 Aug 2021 17:15:24 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0css=E6=A0=B7=E5=BC=8F=E8=A7=A3?=
 =?UTF-8?q?=E5=86=B3=E7=99=BD=E5=B1=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/claims/ClaimApprovalList.vue | 180 +++++++++++---------
 1 file changed, 96 insertions(+), 84 deletions(-)

diff --git a/src/views/ebiz/claims/ClaimApprovalList.vue b/src/views/ebiz/claims/ClaimApprovalList.vue
index 03c6d7865..d126b1a6f 100644
--- a/src/views/ebiz/claims/ClaimApprovalList.vue
+++ b/src/views/ebiz/claims/ClaimApprovalList.vue
@@ -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'"
-          >赔案批次号&nbsp;&nbsp;&nbsp;&nbsp;{{ 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'"
+            >赔案批次号&nbsp;&nbsp;&nbsp;&nbsp;{{ 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>