task#13992,待办事项自定义导航，审批详情的显示逻辑

src/views/index/toDoList.vue

@@ -1,17 +1,30 @@
 <template>
-
+  <div class="wrapCotainer">
-  <div class="empty" v-if="show">
+    <div class="navBar">
-    <img src="@/assets/empty.png" >
+      <van-nav-bar
-  </div>
+          title="待办列表"
-  <div class="wrap"  v-else>
+          left-arrow
-    <div class="itemWrap" @click="goApprovalList" v-for="(item,index) in todolist" :key="index">
+          left-arrow-color="#FFFFFF"
-      <div class="left">
+          :border="false"
-        <div class="title">{{ item.toDoName }}<span class="num">{{item.toDoCount}}</span></div>
+          :fixed="true"
-        <img class="ritBtn" src="@/assets/todoRight.png">
+          :safe-area-inset-top="true"
+          @click-left="goBack"
+      />
+    </div>
+    <div class="empty" v-if="show">
+      <img src="@/assets/empty.png" >
+    </div>
+    <div class="wrap"  v-else>
+      <div class="itemWrap" @click="goApprovalList" v-for="(item,index) in todolist" :key="index">
+        <div class="left">
+          <div class="title">{{ item.toDoName }}<span class="num" v-if="item.toDoCount">{{item.toDoCount}}</span></div>
+          <img class="ritBtn" src="@/assets/todoRight.png">
+        </div>
+        <div class="time">{{ item.toDoTime }}</div>
       </div>
-      <div class="time">{{ item.toDoTime }}</div>
     </div>
   </div>
+
 <!--  <div class="wrap" v-else>
     <ul id="dataList" class="dataList">
       <li class="item" v-for="(item,i) in todolist" :key="i">
@@ -35,8 +48,11 @@
 //getToDoList,toDoAudit
 import {toDoListNew} from "@/api/order"
 import {userOperationPermissions} from "@/api/mine"
+import {myMixins} from  "@/utils/myMixins"
+
 export default {
   name: "toDoList",
+  mixins:[myMixins],
   data() {
     return {
       todolist: [],
@@ -83,6 +99,12 @@ export default {
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
 @import "@/styles/common.scss";
+.wrapCotainer{
+
+}
+.navBar{
+  height: 46px;
+}
 .empty{
   @include wh(100%,100%);
   background-color: #FAFAFA;

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

@@ -24,7 +24,7 @@
       <div ><span class="opa">车辆名称:</span><span>{{ detailInfo.vehicleName }}</span></div>
       <div><span class="opa">车牌号:</span><span>{{ detailInfo.plateNumber }}</span></div>
 <!--      审批中，通过，终止-->
-      <div class="shopName" v-if="[1,2,3].includes(detailInfo.states)"><span class="opa">门店信息:</span><span>{{detailInfo.address || ''}}</span></div>
+      <div class="shopName" v-if="detailInfo.states ==1 || detailInfo.states ==2 ||detailInfo.states ==3"><span class="opa">门店信息:</span><span>{{detailInfo.address || ''}}</span></div>
       <div class="shopImgList">
         <template v-if="detailInfo.storePhotoUrls.indexOf(',') !== -1">
           <div v-for="(item,index) in (detailInfo.storePhotoUrls?.split(','))" :key="index">
@@ -91,8 +91,8 @@
       </div>
       <div :class="getStatusColor(detailInfo.states)" class="time">{{ detailInfo.createTime }}  {{detailInfo.statesStr}}</div>
 <!--      完成不通过-->
-      <div class="line" v-if="detailInfo.states==2 || detailInfo.states==5"></div>
+      <div class="line" v-if="detailInfo.auditRemark"></div>
-      <div class="reason" v-if="detailInfo.states==2 || detailInfo.states==5">{{detailInfo.auditRemark}}</div>
+      <div class="reason" v-if="detailInfo.auditRemark">{{detailInfo.auditRemark}}</div>
     </div>
   </div>
 <!--  维保申请审批中，维保完成审批中-->
@@ -132,7 +132,7 @@ export default {
   computed: {
      // 维保申请不通过，维保完成不通过
      noPassStatus(){
-       return  this.detailInfo.states===5
+       return  this.detailInfo.states===5 || this.detailInfo.states===4 || this.detailInfo.states===6;
      },
   },
   methods: {