task#13992,代办列表更新，新增维保审批列表

src/views/vehicle-maintenance/vehicle-maintenance-list.vue

@@ -0,0 +1,141 @@
+<template>
+<div class="wrap">
+  <div class="navBar">
+    <van-nav-bar
+        title="车辆维保"
+        left-arrow
+        left-arrow-color="#FFFFFF"
+        :border="false"
+        :fixed="true"
+        :safe-area-inset-top="true"
+        @click-left="h5GoBack"
+    />
+  </div>
+  <div class="tab_wrap">
+    <div v-for="(item, index) in tabArr" :key="index"
+         @click="changeTab(index)">
+      <span :class="{'active' : activeIndex == index , 'alpha' :true}"> {{ item.name }}</span>
+      <span class="numTip" style="opacity: 1 !important;" v-if="index===0">{{item.num}}</span>
+    </div>
+  </div>
+<!--   v-show="!show"-->
+  <van-pull-refresh class="refresh" v-model="isLoading"  @refresh="onRefresh">
+    <div class="listWrap">
+<!--      v-for="(item,index) in pageList" :key="index" @click="noMultipleClicks(goPageDetail,item.id)"-->
+      <div class="listItem"  @click="noMultipleClicks(goPageDetail)">
+        <div class="line1">
+          <div class="title">维保申请</div>
+          <div class="right">
+<!--            <img class="commonImg" :src="getStatus(item.state.code)">
+            <div :class="getStatusColor(item.state.code)">{{item.state.label}}</div>-->
+            <img class="commonImg" src="@/assets/waitSubmit.png">
+            <div class="yelColor">待审核</div>
+          </div>
+        </div>
+        <div class="driverInfo">中道001车辆名称 / A589566</div>
+        <div class="time">2023-05-12 12:30:30</div>
+<!--        <div v-show="activeIndex == 2"><span>审核备注:</span><span style="color: #FF5D2E">{{ item.auditRemark }}</span></div>-->
+      </div>
+      <div class="listItem" >
+        <div class="line1">
+          <div  class="title">维保申请</div>
+          <div class="right">
+            <img class="commonImg" src="@/assets/waitSubmit.png">
+            <div class="yelColor">待审核</div>
+          </div>
+        </div>
+        <div class="driverInfo">中道001车辆名称 / A589566</div>
+        <div class="time">2023-05-12 12:30:30</div>
+      </div>
+    </div>
+  </van-pull-refresh>
+
+</div>
+</template>
+
+<script>
+import {myMixins} from  "@/utils/myMixins"
+// import {getStatus,getStatusColor} from "@/utils/approval";
+export default {
+  name: "vehicle-maintenance-list",
+  mixins:[myMixins],
+  data() {
+    return {
+      id:'',
+      tabArr: [ {name: '待审批', status: 2,num:2 },{name: '已审批', status: 2,num:0 },],
+      activeIndex: 0,
+      pageList:[],
+      pageNum:1,
+      pageSize:10,
+      isLoading:"",
+      noClick:true,
+    }
+  },
+  mounted() {
+    this.id=this.$route.params.id
+    console.log("this.id",this.id)
+    // this.getList()
+  },
+  computed:{
+   /* show() {
+      return (this.pageList.length < 0 || this.pageList.length == 0); // 判断数组长度是否大于 0
+    },*/
+  },
+  methods: {
+    onRefresh() {
+      this.getList()
+      setTimeout(() => {
+        this.$toast('刷新成功');
+        this.isLoading = false;
+      }, 1000);
+    },
+    async changeTab(index) {
+      this.activeIndex = index
+      this.pageNum = 1
+      this.pageList = [];
+      await this.getList()
+    },
+    async getList() {
+
+    },
+    goPageDetail(id){
+      console.log("跳转详情",id)
+      this.$router.push({
+        name: 'maintenanceApplication',  // 目标路由的名称
+        params: {
+          id:123,
+          // index:this.activeIndex,
+          // batchCode:this.id,
+          // getUrlId:this.getUrlId,
+          // type:this.type,
+        }
+      });
+
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+@import "@/styles/common.scss";
+@import "@/styles/approval.scss";
+.listItem{
+  padding: 11px 28px 11px 23px;
+  div{
+    .title{
+      @include fontWeightSize(bold,14px);
+      line-height: 20px;
+      margin-bottom: 8px;
+    }
+    .right{
+      @include flexCenter();
+    }
+  }
+  .driverInfo{
+    font-size: 12px;
+    line-height: 18px;
+    margin-bottom: 5px;
+  }
+}
+</style>