主管任务审批

src/layout/index.vue

@@ -1,8 +1,14 @@
 <template>
   <div class="container bgcolor">
-    <keep-alive>
-      <router-view :key="$route.fullPath" />
-    </keep-alive>
+    <!-- 默认都走缓存 keepAlive：true 不缓存-->
+    <template v-if="$route.meta.keepAlive">
+      <router-view></router-view>
+    </template>
+    <template v-else>
+      <keep-alive>
+        <router-view></router-view>
+      </keep-alive>
+    </template>
     <!-- <keep-alive>
       <router-view v-if="$route.meta.keepAlive"></router-view>
     </keep-alive>

src/router/index.js

@@ -75,7 +75,6 @@ const router = new VueRouter({
           meta: { title: '提示类-业务员建店未完成页面' },
           component: () => import('@/views/home/hintTabPage/unCreateStore.vue'),
           meta: {
-            keepAlive: false,
             title: '提示类-业务员建店未完成页面',
           },
         },
@@ -442,6 +441,12 @@ const router = new VueRouter({
           component: () => import('@/views/week/systemSettings.vue'),
           meta: { title: '设置' },
         },
+        {
+          path: '/SUPTaskApproval',
+          name: 'SUPTaskApproval',
+          component: () => import('@/views/week/SUPTaskApproval/index.vue'),
+          meta: { title: '主管任务审批', keepAlive: true },
+        },
       ],
     },
     {

src/views/week/SUPTaskApproval/index.vue

@@ -0,0 +1,125 @@
+<template>
+  <div class="SUPTaskApproval">
+    <van-nav-bar class="navBar" title="主管任务审批" left-arrow @click-left="onClickLeft" />
+    <van-tabs class="myTab" type="card" v-model="tabVal" color="#0057ba" @change="tabChange">
+      <van-tab title="待审批" name="0"></van-tab>
+      <van-tab title="已审批" name="1"></van-tab>
+    </van-tabs>
+    <div class="content">
+      <van-list v-model="loading" :finished="finished" finished-text="--已经到底了--">
+        <div class="newCarList" v-for="(item, index) in list" :key="index">
+          <van-cell is-link>
+            <div class="newlist" @click="approveFn(item)">
+              <div class="title">
+                <p class="textLeft">{{ item.name }}</p>
+              </div>
+              <div class="info">客资线索：</div>
+              <div class="info" v-if="item.cid == 7">
+                家装类型：{{ item.jzCustomerDescription }}
+              </div>
+              <div class="info">联系电话：{{ item.phone }}</div>
+              <div class="info" v-if="item.createTime">首次接入时间：{{ item.createTime }}</div>
+              <div class="info" v-if="item.latestClueTime">
+                最后一次跟进时间：{{ item.latestClueTime }}
+              </div>
+            </div>
+          </van-cell>
+        </div>
+        <van-empty description="" v-if="list.length == 0" />
+      </van-list>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      tabVal: '0',
+      pageNum: 1,
+      list: [],
+      loading: false,
+      finished: true,
+    };
+  },
+  created() {},
+  methods: {
+    tabChange(name) {
+      window.scrollTo(0, 0);
+      this.pageNum = 1;
+      this.list = [];
+      this.tabVal = name;
+      //   this.onLoad();
+    },
+    onClickLeft() {
+      this.$router.replace({
+        path: '/My/index',
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.SUPTaskApproval {
+  .myTab {
+    .van-tabs__nav--card {
+      margin: 0 !important;
+      border-left: 0;
+      border-right: 0;
+    }
+    .van-tabs__wrap,
+    .van-tabs__nav--card {
+      height: 39px;
+    }
+    .van-tab {
+      line-height: 40px;
+    }
+  }
+  .van-tabs__nav--card .van-tab.van-tab--active {
+    background-color: #0057ba !important;
+  }
+  .content {
+    .newCarList {
+      margin: 14px;
+      border-radius: 8px;
+      overflow: hidden;
+    }
+    .newCarList .van-cell {
+      border-radius: 6px;
+      overflow: hidden;
+    }
+    .newCarList .newlist .title {
+      /* line-height: 32px; */
+    }
+    .newCarList .van-cell__right-icon {
+      top: 5px;
+    }
+    .newCarList .newlist {
+      box-sizing: border-box;
+    }
+    .newCarList .newlist .title {
+      font-size: 14px;
+      font-weight: bold;
+      color: #333;
+      padding: 5px 0;
+      /* line-height: 14px; */
+    }
+    .newCarList .newlist .info {
+      font-size: 14px;
+      color: #999;
+      line-height: 26px;
+    }
+    .newCarList .newlist .title p {
+      padding: 0;
+      margin: 0;
+    }
+    .newCarList .newlist .title .textLeft {
+      display: inline-block;
+      /* padding-bottom: 10px; */
+    }
+    .newCarList .newlist .title .textRight {
+      float: right;
+      color: #0057ba;
+    }
+  }
+}
+</style>

src/views/week/index.vue

@@ -191,6 +191,19 @@
                 <van-icon :name="history" class="zicon" />
               </template>
             </van-cell>
+            <van-cell title="主管任务审批" is-link to="/SUPTaskApproval" v-if="summaryTaskButton">
+              <template #icon>
+                <van-icon :name="history" class="zicon" />
+              </template>
+              <template #title>
+                <span>主管任务审批</span>
+                <span
+                  style="font-weight: 600; font-size: 16px; color: red; margin-left: 15px"
+                  v-if="photoApprovalNum"
+                  >({{ photoApprovalNum }})</span
+                >
+              </template>
+            </van-cell>
             <van-cell
               title="家装推广会历史提报查询"
               is-link