代办事项

src/api/order.js

@@ -4,7 +4,7 @@ import request from '@/utils/http'
 export function getToDoList() {
   return request({
     url: '/supplierAppV2/dispatchApp/toDoMessage/toDoList',
-    method: 'POST',
+    method:'POST',
   })
 }
 // 代办事项审核

src/views/index/toDoList.vue

@@ -1,16 +1,17 @@
 <template>
-  <div v-if="show" style="width:100%;height:100%;background: #F1F5F9;;display: flex;align-items: center;justify-content: center">
+  <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" >
+    <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>
+            <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 class="time">{{ item.toDoTime }} &nbsp;&nbsp;{{ item.userName }}</div>
         </div>
         <div class="right">
           <button class="nopass" @click="noPass(item)">不通过</button>
@@ -22,44 +23,42 @@
 </template>
 
 <script>
-import {getToDoList,toDoAudit} from "@/api/order"
+import {getToDoList, toDoAudit} from "@/api/order"
+
 export default {
   name: "toDoList",
-  data(){
+  data() {
-    return{
+    return {
-      todolist:[],
+      todolist: [],
-      show:false
+      show: false
     }
   },
-   mounted() {
+  mounted() {
     this.getList()
   },
-  methods:{
+  methods: {
-    async getList(){
+    async getList() {
-      let result=await getToDoList();
+      let result = await getToDoList();
-      // if(result.code === 200){
+      this.todolist = result.data;
-          this.todolist=result.data;
+      if (this.todolist?.length === 0) {
-          if(this.todolist?.length === 0){
+        this.show = true
-            this.show=true
+      } else {
-          }else {
+        this.show = false
-            this.show=false
+      }
-          }
-        // console.log("this.todolist",this.todolist?.length)
-      // }
     },
-     async noPass(item){
+    async noPass(item) {
-      let result=await  toDoAudit({
+      let result = await toDoAudit({
-        toDoId:item.toDoId,
+        toDoId: item.toDoId,
-        toDoType:item.toDoType.code
+        toDoType: item.toDoType.code
       })
-      console.log("不通过",item,result)
+      console.log("不通过", item, result)
     },
-    async passThrough(item){
+    async passThrough(item) {
-      let result=await  toDoAudit({
+      let result = await toDoAudit({
-        toDoId:item.toDoId,
+        toDoId: item.toDoId,
-        toDoType:item.toDoType.code
+        toDoType: item.toDoType.code
       })
-      console.log("通过",item,result)
+      console.log("通过", item, result)
     }
   }
 }
@@ -68,8 +67,9 @@ export default {
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
 @import "@/styles/common.scss";
+
 .wrap {
-  @include wh(100%,100%);
+  @include wh(100%, 100%);
   box-sizing: border-box;
   padding: 13px 13px 0 13px;
   background-color: #F4F5F7;
@@ -116,7 +116,7 @@ export default {
 
 button {
   padding: 2px 8px;
-  @include fontWeightSize(bold,12px);
+  @include fontWeightSize(bold, 12px);
   border-radius: 3px;
 }
 
@@ -128,7 +128,7 @@ button {
 
 .pass {
   border: 1px solid #2A5094 !important;
-  @include bgFontColor(white,#2A5094);
+  @include bgFontColor(white, #2A5094);
 }