task#11332,司机app报销提交按钮遮挡列表数据bug

src/views/driverCaseList/driverCaseList.vue

@@ -11,25 +11,26 @@
           @click-left="goBack"
       />
     </div>
-    <div class="tab_wrap">
+    <div style="height: 83px">
-      <div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
+      <div class="tab_wrap">
-           @click="changeTab(index)">
+        <div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
-        {{ item.name }}
+             @click="changeTab(index)">
+          {{ item.name }}
+        </div>
       </div>
+
     </div>
     <div class="monthSearch" v-show="activeIndex == 0">
       <span v-for="(item,index) in monthList" :class="monthIndex === index ? 'active' : ''" :key="index" @click="clickHandle(index)">{{item}}</span>
     </div>
-<!--    style="min-height: 80%;position: relative"-->
     <van-pull-refresh v-model="isLoading" @refresh="onRefresh" v-show="!show" :class="activeIndex==0 ? 'firstpullRefresh' : 'secondpullRefresh'">
-<!--      v-show="!show"-->
+      <van-list
-<!--      <van-list
           v-model="loading"
           :finished="finished"
           finished-text="没有更多了"
           @load="onLoad"
-      ></van-list>-->
+      >
-      <div class="listWrap" :style="{ 'padding-top': activeIndex == 0 ? '0px' : '10px' }">
+        <div class="listWrap" :style="{ 'padding-top': activeIndex == 0 ? '0px' : '10px' }">
           <div class="itemWrap" v-for="(item,index) in pageList" :key="index" :style="{ 'padding-left': activeIndex == 0 ? '34px' : '11px' }">
             <div class="contentWrap" @click="goDetail(item.taskOrderId)">
               <div class="line1">
@@ -48,8 +49,13 @@
             <img v-show="activeIndex == 0" class="checkImg" @click="toggleSelection(item)" :src="item.isSelected ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
           </div>
         </div>
+
+      </van-list>
     </van-pull-refresh>
-    <div v-show="activeIndex == 0"  class="submitBtn" @click="noMultipleClicks(submitHandle)">提交</div>
+    <div v-show="activeIndex == 0" class="submitBtnWrap">
+      <div   class="submitBtn" @click="noMultipleClicks(submitHandle)">提交</div>
+    </div>
+
     <div class="bgEmptyImg" v-show="show" >
       <img  src="@/assets/empty.png" />
     </div>
@@ -89,8 +95,6 @@ export default {
     },
   },
   async mounted() {
-   /* let token = localStorage.getItem('token');
-    this.$notify(token);*/
     const urlParams = new URLSearchParams(window.location.search);
     this.driverId = urlParams.get('driverId');
     // this.driverId = 78948;
@@ -98,15 +102,22 @@ export default {
     await this.getList()
   },
   methods:{
+    async onLoad(){
+      console.log('onLoadonLoadonLoadonLoadonLoad')
+      /*this.pageNum++;
+      await this.getList()
+      this.loading = false;
+      if (this.pageList.length >= this.total) {
+        this.finished = true;
+      }*/
+    },
     async clickHandle(index){
       this.monthIndex=index
       await this.getList()
       this.submitData=[]
     },
     onRefresh() {
-
       this.pageNum=1;
-      // this.getDriverList()
       setTimeout(() => {
         this.$toast('刷新成功');
         this.isLoading = false;
@@ -220,6 +231,7 @@ export default {
 .wrap{
   @include wh(100%,100%);
   box-sizing: border-box;
+  overflow-y: auto;
 }
 .navBar{
   margin-bottom: 46px;
@@ -232,6 +244,9 @@ export default {
   @include flexColAround();
   padding: 2px 0 10px 0;
   @include bgFontColor(#FFFFFF,#101011);
+  position: fixed;
+  width: 100%;
+  z-index: 111;
   div {
     padding-top: 8px;
     @include colorOpa(#FFFFFF,0.5);
@@ -258,6 +273,10 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
+  position: fixed;
+  width: 100%;
+  z-index: 111;
+  top: 84px;
   span{
     display: inline-block;
     @include wh(102px,25px);
@@ -277,14 +296,16 @@ export default {
 /*::v-deep .van-pull-refresh{
   height: calc(100% - 91px) ;
 }*/
-.firstpullRefresh{
+/*.firstpullRefresh{
   height: calc(100% - 140px) ;
 }
 .secondpullRefresh{
   height: calc(100% - 91px) ;
-}
+}*/
 .listWrap{
-  @include wh(100%,100%);
+  //@include wh(100%,100%);
+  width: 100%;
+  height: calc(100% - 50px);
   box-sizing: border-box;
   padding: 0px 7px 10px 8px;
   overflow-y: auto;
@@ -325,10 +346,19 @@ export default {
     }
   }
 }
+.submitBtnWrap{
+  background-color: #F4F5F7;
+  height: 50px;
+  width: 100%;
+  position: fixed;
+  bottom: 10px;
+  @include flexTwoCenter;
+}
 .submitBtn{
-  position: absolute;
+  //position: absolute;
-  bottom: 15px;
+  //position:;
-  margin:20px 0 10px 6%;
+  //bottom: 15px;
+  //margin:20px 0 10px 6%;
   border-radius: 4px;
   text-align: center;
   @include bgFontColor(#FFFFFF,#333333);