From de4ac8d72dc69abe60e37d5a45af4246ca96975b Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Wed, 31 Jan 2024 15:10:20 +0800
Subject: [PATCH] =?UTF-8?q?task#10595,=E6=A1=88=E4=BB=B6=E5=AE=A1=E6=A0=B8?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E4=B8=8B=E6=8B=89=E5=88=B7=E6=96=B0=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C=E4=BB=A5=E5=8F=8A=E6=95=B0=E6=8D=AE=E4=B8=BA=E7=A9=BA?=
 =?UTF-8?q?=E7=9A=84=E9=A1=B5=E9=9D=A2=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/caseList/caseAuditList.vue | 55 ++++++++++++++++++++++------
 1 file changed, 43 insertions(+), 12 deletions(-)

diff --git a/src/views/caseList/caseAuditList.vue b/src/views/caseList/caseAuditList.vue
index 3dd33619..0169c409 100644
--- a/src/views/caseList/caseAuditList.vue
+++ b/src/views/caseList/caseAuditList.vue
@@ -18,21 +18,27 @@
         <span class="numTip" style="opacity: 1 !important;">{{item.num}}</span>
       </div>
     </div>
-    <div class="listWrap">
-      <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.id)">
-        <div class="line1">
-          <div><span>审核批次:</span><span>{{ item.batchCode }}</span></div>
-          <div class="right">
-            <img class="commonImg" :src="getStatus(item.state.code)">
-            <div :class="getStatusColor(item.state.code)">{{item.state.label}}</div>
-            <img class="rightArrImg"  src="@/assets/list_rightArrow.png">
+    <van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
+      <div class="listWrap">
+        <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.id)">
+          <div class="line1">
+            <div><span>审核批次:</span><span>{{ item.batchCode }}</span></div>
+            <div class="right">
+              <img class="commonImg" :src="getStatus(item.state.code)">
+              <div :class="getStatusColor(item.state.code)">{{item.state.label}}</div>
+              <img class="rightArrImg"  src="@/assets/list_rightArrow.png">
+            </div>
           </div>
+          <div><span>报销金额:</span><span>{{ item.reimburseAmount }}元</span></div>
+          <div v-show="activeIndex == 2"><span>审核备注:</span><span style="color: #FF5D2E">{{ item.auditRemark }}</span></div>
         </div>
-        <div><span>报销金额:</span><span>{{ item.reimburseAmount }}元</span></div>
-        <div v-show="activeIndex == 2"><span>审核备注:</span><span style="color: #FF5D2E">{{ item.auditRemark }}</span></div>
       </div>
+
+    </van-pull-refresh>
+    <div class="bgEmptyImg" v-show="show" >
+      <img  src="@/assets/empty.png" />
     </div>
- </div>
+  </div>
 
 </template>
 
@@ -50,8 +56,14 @@ export default {
       pageNum:1,
       pageSize:10,
       id:'',//批次id
+      isLoading:"",
     }
   },
+  computed:{
+    show() {
+      return (this.pageList.length < 0 || this.pageList.length == 0); // 判断数组长度是否大于 0
+    },
+  },
   created() {
     const urlParams = new URLSearchParams(window.location.search);
     this.id = this.$route.params.id || urlParams.get('id');
@@ -62,6 +74,13 @@ export default {
     await this.getList()
   },
   methods:{
+    onRefresh() {
+      this.getList()
+      setTimeout(() => {
+        this.$toast('刷新成功');
+        this.isLoading = false;
+      }, 1000);
+    },
     async changeTab(index) {
       this.activeIndex = index
       this.pageNum = 1
@@ -142,6 +161,10 @@ export default {
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
 @import "@/styles/common.scss";
+.refresh{
+  min-height: 100%;
+  background-color: #F4F5F7;
+}
 .wrap{
   @include wh(100%,100%);
   box-sizing: border-box;
@@ -196,7 +219,7 @@ export default {
   width: 100%;
   height: calc(100% - 86px);
   overflow-y: auto;
-  background-color: #F4F5F7;
+
   .listItem{
     width: 100%;
     box-sizing: border-box;
@@ -227,6 +250,14 @@ export default {
     }
   }
 }
+.bgEmptyImg{
+  @include flexTwoCenter;
+  height: 90% ;
+  background-color: #FAFAFA;
+  img{
+    width: 100%;
+  }
+}
 .greColor{
   color:#38AD00 ;
   font-weight: 500;