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

src/views/index/toDoList.vue

@@ -1,8 +1,25 @@
 <template>
-  <div class="empty" v-if="show">
+<!--  <div class="empty" v-if="show">
     <img src="@/assets/empty.png" >
+  </div>-->
+<!--  v-else-->
+  <div class="wrap" >
+    <div class="itemWrap" @click="goApprovalList">
+      <div class="left">
+        <div class="title">车辆维保<span class="num">2</span></div>
+        <img class="ritBtn" src="@/assets/todoRight.png">
+      </div>
+      <div class="time">2024-12-12 23:00:00</div>
+    </div>
+    <div class="itemWrap">
+      <div class="left">
+        <div class="title">其他<span class="num">0</span></div>
+        <img class="ritBtn" src="@/assets/todoRight.png">
+      </div>
+      <div class="time">2024-12-12 23:00:00</div>
+    </div>
   </div>
-  <div class="wrap" v-else>
+<!--  <div class="wrap" v-else>
     <ul id="dataList" class="dataList">
       <li class="item" v-for="(item,i) in todolist" :key="i">
         <div class="left">
@@ -18,7 +35,7 @@
         </div>
       </li>
     </ul>
-  </div>
+  </div>-->
 </template>
 
 <script>
@@ -38,6 +55,14 @@ export default {
     this.getList()
   },
   methods: {
+    goApprovalList(){
+      this.$router.push({
+        name: 'vehicleMaintenanceList',
+        params:{
+          id:123
+        }
+      })
+    },
     async getList() {
       let result = await getToDoList();
       this.todolist = result.data;
@@ -50,7 +75,6 @@ export default {
     async getPermissions(){
       let res = await userOperationPermissions();
       this.permissonList = res.data
-      // console.log("代办事项",this.permissonList.includes('approve'))
     },
     async todoAudit(item,type) {
        await toDoAudit({
@@ -78,9 +102,37 @@ export default {
 }
 .wrap {
   @include wh(100%, 100%);
-  box-sizing: border-box;
-  padding: 13px 13px 0 13px;
+  @include sizing4Padding(13px,13px,0,13px);
   background-color: #F4F5F7;
+  .itemWrap{
+    @include wh(349px, 68px);
+    background: #FFFFFF;
+    box-shadow: 0px 2px 10px 0px rgba(216,216,216,0.5);
+    @include sizing4Radius(11px,12px,16px,15px, 6px);
+    @include flexBetween;
+    margin-bottom: 10px;
+    .left{
+      @include flexColBet;
+    }
+    .ritBtn{
+      @include wh(6px, 9px);
+    }
+    .time{
+      opacity: .6;
+    }
+    .title{
+      @include flexCenter;
+    }
+    .num{
+      display: inline-block;
+      @include whLin(14px, 14px);
+      @include fontWeightSize(10px,bold);
+      @include bgFontColor(#FFFFFF,#F93D3D);
+      border-radius: 2px;
+      text-align: center;
+      margin-left: 8px;
+    }
+  }
 }
 
 .dataList {