From 9441c68f55c02049257836532deb120b7fa014a9 Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Wed, 30 Aug 2023 15:35:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E7=A5=A8=E9=80=9A=E7=9F=A5=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=8A=A0=E4=B8=8B=E6=8B=89=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index/invoicingNotify.vue | 94 +++++++++++++++--------------
 1 file changed, 50 insertions(+), 44 deletions(-)

diff --git a/src/views/index/invoicingNotify.vue b/src/views/index/invoicingNotify.vue
index 3737b49f..095c69a4 100644
--- a/src/views/index/invoicingNotify.vue
+++ b/src/views/index/invoicingNotify.vue
@@ -11,39 +11,41 @@
         @click-left="goBack"
     />
   </div>
-<div class="itemWrap" v-for="(item,index) in notifyList" :key="index" >
-  <div class="item line1">
-    <div class="itemTime">
-      <span class="title">开票月份:</span>
-      <span class="content">{{ item.invoiceMonth }}</span>
+  <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+    <div class="itemWrap" v-for="(item,index) in notifyList" :key="index" >
+      <div class="item line1">
+        <div class="itemTime">
+          <span class="title">开票月份:</span>
+          <span class="content">{{ item.invoiceMonth }}</span>
+        </div>
+        <div class="orderNum">
+          <span class="title">总案件数:</span>
+          <span class="content">{{ item.orderNum }}</span>
+        </div>
+        <div class="checkBtn" @click="goPage('invoicingDetail',{id:item.batchCode,startTime:item.startTime,overTime:item.overTime})">查看 </div>
+      </div>
+      <div class="item">
+        <span class="title">批次号:</span>
+        <span class="content">{{ item.batchCode }}</span>
+      </div>
+      <div class="item">
+        <span class="title">结算总金额:</span>
+        <span class="content">{{ item.totalMoney + '元' }}</span>
+      </div>
+      <div class="item">
+        <span class="title">扣款金额:</span>
+        <span class="content">{{ item.cutMoney + '元'}}</span>
+      </div>
+      <div class="item">
+        <span class="title">扣款原因:</span>
+        <span class="content"  style="color: #FF8F37;">{{ item.remark }}</span>
+      </div>
+      <div class="item">
+        <span class="title">最终开票金额:</span>
+        <span class="content">{{ item.invoiceMoney+ '元' }}</span>
+      </div>
     </div>
-    <div class="orderNum">
-      <span class="title">总案件数:</span>
-      <span class="content">{{ item.orderNum }}</span>
-    </div>
-    <div class="checkBtn" @click="goPage('invoicingDetail',{id:item.batchCode,startTime:item.startTime,overTime:item.overTime})">查看 </div>
-  </div>
-  <div class="item">
-    <span class="title">批次号:</span>
-    <span class="content">{{ item.batchCode }}</span>
-  </div>
-  <div class="item">
-    <span class="title">结算总金额:</span>
-    <span class="content">{{ item.totalMoney + '元' }}</span>
-  </div>
-  <div class="item">
-    <span class="title">扣款金额:</span>
-    <span class="content">{{ item.cutMoney + '元'}}</span>
-  </div>
-  <div class="item">
-    <span class="title">扣款原因:</span>
-    <span class="content"  style="color: #FF8F37;">{{ item.remark }}</span>
-  </div>
-  <div class="item">
-    <span class="title">最终开票金额:</span>
-    <span class="content">{{ item.invoiceMoney+ '元' }}</span>
-  </div>
-</div>
+  </van-pull-refresh>
   <div v-show="show" class="bgShow">
     <img src="@/assets/empty.png">
   </div>
@@ -61,13 +63,22 @@ export default {
       notifyList:[],
       pageNum:1,
       pageSize:10,
-      show:false
+      show:false,
+      isLoading: false,
     }
   },
   mounted() {
       this.getNotifyList()
   },
   methods:{
+    onRefresh() {
+      this.pageNum=1
+      this.getNotifyList()
+      setTimeout(() => {
+        this.$toast('刷新成功');
+        this.isLoading = false;
+      }, 1000);
+    },
     async getNotifyList(){
       let res = await notifyInvoiceList({
           pageNum:this.pageNum,
@@ -94,10 +105,10 @@ export default {
   @include wh(100%,100%);
   background-color: #F4F5F7;
   overflow-y: auto;
+  box-sizing: border-box;
+  padding-bottom: 30px;
 }
 .navBar{
-
-  //height: 46px;
   margin-bottom: 46px;
 }
 .itemWrap{
@@ -114,27 +125,22 @@ export default {
     }
     .title{
       opacity: .5;
-      //width:55px;
     }
-    .content{}
   }
   .line1{
     width: 100%;
-    display: flex;
-    justify-content: space-between;
+    @include flexColBet;
     .checkBtn{
-      background: #354D93;
-      border-radius: 3px;
+      @include bgFontColor(#FFFFFF,#354D93);
       @include wh(48px,18px);
+      border-radius: 3px;
       line-height: 18px;
       text-align: center;
-      color: #FFFFFF;
     }
   }
 }
 .bgShow{
   @include wh(100%,80%);
-  @include flexCenter;
-  justify-content: center;
+  @include flexTwoCenter;
 }
 </style>
\ No newline at end of file