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

src/views/index/toDoList.vue

@@ -1,17 +1,30 @@
 <template>
-
-  <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">{{item.toDoCount}}</span></div>
-        <img class="ritBtn" src="@/assets/todoRight.png">
+  <div class="wrapCotainer">
+    <div class="navBar">
+      <van-nav-bar
+          title="待办列表"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :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;