task#10677,tab切的索引记录

src/views/caseList/caseAuditList.vue

@@ -66,7 +66,7 @@ export default {
   },
   created() {
     const urlParams = new URLSearchParams(window.location.search);
-    this.id = this.$route.params.id || urlParams.get('id');
+    this.id = this.$route.params.id || urlParams.get('id') || this.$route.params.batchCode;
   },
   async mounted() {
     this.activeIndex=this.$route.params?.activeIndex || 0
@@ -116,6 +116,7 @@ export default {
         params: {
           id:id,
           index:this.activeIndex,
+          batchCode:this.id,
         }
       });
     },
@@ -172,9 +173,9 @@ export default {
 .navBar{
   margin-bottom: 46px;
 }
-::v-deep .van-nav-bar__content{
+/*::v-deep .van-nav-bar__content{
   background-color: #354683 !important;
-}
+}*/
 .tab_wrap {
   @include fontWeightSize(500, 14px);
   @include flexColAround();

src/views/caseList/caseDetail.vue

@@ -8,9 +8,10 @@
           :border="false"
           :fixed="true"
           :safe-area-inset-top="true"
-          @click-left="h5GoBack"
+          @click-left="goPrePage"
       />
     </div>
+<!--    h5GoBack-->
     <div class="listWrap">
      <div class="mapWrap">
        <div>DDA2304142407036</div>
@@ -142,11 +143,13 @@ export default {
       abPath:[],
       bcPath:[],
       activeIndex:'',
+      batchCode:'',
     }
   },
   created() {
     this.id = this.$route.params.id;
     this.activeIndex=this.$route.params.index;
+    this.batchCode=this.$route.params.batchCode
   },
   async mounted(){
     await this.getOrderDetail()
@@ -161,6 +164,7 @@ export default {
         params: {
           id:this.id,
           activeIndex:this.activeIndex,
+          batchCode:this.batchCode,
         }
       });
     },

src/views/caseList/caseList.vue

@@ -18,19 +18,25 @@
         <span class="numTip" style="opacity: 1 !important;">{{item.num}}</span>
       </div>
     </div>
-    <div class="listWrap">
+    <van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
-      <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.batchCode)">
+      <div class="listWrap">
-        <div class="line1">
+        <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.batchCode)">
-          <div><span>审核批次:</span><span>{{item.batchCode}}</span></div>
+          <div class="line1">
-          <div class="viewBtn">查看</div>
+            <div><span>审核批次:</span><span>{{item.batchCode}}</span></div>
+            <div class="viewBtn">查看</div>
+          </div>
+          <div><span>报销金额:</span><span class="redColor">{{item.totalAmount}}元</span><span class="greColor">/{{item.auditSuccessAmount}}元</span></div>
+          <div><span>案件数量:</span><span>{{item.orderCount}}</span><span class="greColor">/{{item.auditSuccessCount}}</span></div>
+          <div><span>提交人员:</span><span>{{ item.createUser }}</span></div>
+          <div><span>提交时间:</span><span>{{ item.createTime }}</span></div>
         </div>
-        <div><span>报销金额:</span><span class="redColor">{{item.totalAmount}}元</span><span class="greColor">/{{item.auditSuccessAmount}}元</span></div>
-        <div><span>案件数量:</span><span>{{item.orderCount}}</span><span class="greColor">/{{item.auditSuccessCount}}</span></div>
-        <div><span>提交人员:</span><span>{{ item.createUser }}</span></div>
-        <div><span>提交时间:</span><span>{{ item.createTime }}</span></div>
       </div>
+
+    </van-pull-refresh>
+    <div class="bgEmptyImg" v-show="show" >
+      <img  src="@/assets/empty.png" />
     </div>
-  </div>
+   </div>
 
 </template>
 
@@ -47,12 +53,18 @@ export default {
       pageList:[],
       pageNum:1,
       pageSize:10,
+      isLoading:"",
     }
   },
    async mounted() {
      await this.getCount();
      await this.getList()
   },
+  computed:{
+    show() {
+      return (this.pageList.length < 0 || this.pageList.length == 0); // 判断数组长度是否大于 0
+    },
+  },
   methods:{
     async changeTab(index) {
       this.activeIndex = index
@@ -60,6 +72,13 @@ export default {
       this.pageList = [];
       await this.getList()
     },
+    onRefresh() {
+      this.getList()
+      setTimeout(() => {
+        this.$toast('刷新成功');
+        this.isLoading = false;
+      }, 1000);
+    },
     async getList(){
      let res=await reimburseBatchList({
         pageNum:this.pageNum,
@@ -83,7 +102,6 @@ export default {
         name: 'caseAuditList',  // 目标路由的名称
         params: {
           id: id,                  // 参数对象的属性
-          // queryTime: this.time || this.queryTime
         }
       });
     },
@@ -101,9 +119,17 @@ export default {
 .navBar{
   margin-bottom: 46px;
 }
-::v-deep .van-nav-bar__content{
+.bgEmptyImg{
-  background-color: #354683 !important;
+  @include flexTwoCenter;
+  height: 90% ;
+  background-color: #FAFAFA;
+  img{
+    width: 100%;
+  }
 }
+/*::v-deep .van-nav-bar__content{
+  background-color: #354683 !important;
+}*/
 .tab_wrap {
   @include fontWeightSize(500, 14px);
   @include flexColAround();

src/views/driverCaseList/driverCaseList.vue

@@ -8,7 +8,7 @@
           :border="false"
           :fixed="true"
           :safe-area-inset-top="true"
-          @click-left="h5GoBack"
+          @click-left="goBack"
       />
     </div>
     <div class="tab_wrap">