完善车辆管理模块

src/views/index/toDoList.vue

@@ -1,9 +1,14 @@
 <template>
-  <div class="wrap" >
-    <ul id="dataList" class="dataList">
+  <div v-if="show" style="width:100%;height:100%;background: #F1F5F9;;display: flex;align-items: center;justify-content: center">
+    <img src="@/assets/empty.png" style="width:65%;">
+  </div>
+  <div class="wrap" v-else>
+    <ul id="dataList" class="dataList" >
       <li class="item" v-for="(item,i) in todolist" :key="i">
         <div class="left">
-          <div class="repairName"><span class="name">{{ item.toDoType.label }}</span><span class="carCode">{{item.plateNumber ? item.plateNumber : "无"}}</span></div>
+          <div class="repairName">
+            <span class="name">{{ item.toDoType.label }}</span>
+            <span class="carCode">{{item.plateNumber ? item.plateNumber : "无"}}</span></div>
           <div class="addressName">{{ item.address }}</div>
           <div class="time">{{item.toDoTime}} &nbsp;&nbsp;{{item.userName}}</div>
         </div>
@@ -23,17 +28,23 @@ export default {
   data(){
     return{
       todolist:[],
+      show:false
     }
   },
    mounted() {
-    // this.getList()
+    this.getList()
   },
   methods:{
     async getList(){
       let result=await getToDoList();
       if(result.code === 200){
           this.todolist=result.data;
-        console.log("this.todolist",this.todolist)
+          if(this.todolist.length === 0){
+            this.show=true
+          }else {
+            this.show=false
+          }
+        console.log("this.todolist",this.todolist.length)
       }
     },
      async noPass(item){
@@ -81,7 +92,7 @@ export default {
 }
 
 .repairName {
-  font-weight: 500;
+  font-weight: bold;
 }
 
 .name {
@@ -105,7 +116,7 @@ export default {
 
 button {
   padding: 2px 8px;
-  @include fontWeightSize(500,12px);
+  @include fontWeightSize(bold,12px);
   border-radius: 3px;
 }