提交了我的延期加了标签页

src/App.vue

@@ -49,9 +49,9 @@ export default {
             ],
              // cachePage预先定义的缓存页面
             otherCache: [],
-             // 专门处理列表缓存的页面，这些页面缓存逻辑与其他缓存不一样去详情返回列表缓存，但是进入列表必须刷新
+             // 专门处理列表缓存的页面，这些页面缓存逻辑与其他缓存不一样去详情返回列表缓存，但是进入列表必须刷新,如何有需要缓存的列表请放到这里来。
             listCache:['insert-danger','confirme-danger','report-return','change-danger','review-danger','stand-book','major-danger','delay-approval',
-            'my-delay','risk-return','risk-account','risk-confirme'],
+            'my-delay','risk-return','risk-account','risk-confirme','my-delay'],
         };
     },
 

src/views/danger/myDelay/index.vue

@@ -16,7 +16,18 @@
                 </template>
             </van-search>
         </van-sticky>
-       
+        <van-tabs
+            v-model="active"
+            @change="
+                postList(searchValue);
+                showIndex = null;
+            "
+            color="#2980f7"
+            animated
+            :sticky="true"
+            offset-top="2.93rem"
+        >
+            <van-tab v-for="(item, key) in tabs" :key="key" :title="item.title">
                 <div class="con-list" @touchmove="showIndex = null">
                     <van-cell-group
                         inset
@@ -36,7 +47,9 @@
                         </van-row>
                         <van-row gutter="" v-show="item.hdLev">
                             <van-col span="7">隐患级别：</van-col>
-                    <van-col span="17">{{ item.hdLev | dangerText }}</van-col>
+                            <van-col span="17">{{
+                                item.hdLev | dangerText
+                            }}</van-col>
                         </van-row>
 
                         <van-row gutter="">
@@ -49,7 +62,9 @@
                         </van-row>
                         <van-row gutter="">
                             <van-col span="7">超期标识：</van-col>
-                    <van-col span="17">{{ item.dueDate | formatTime }}</van-col>
+                            <van-col span="17">{{
+                                item.dueDate | formatTime
+                            }}</van-col>
                         </van-row>
                         <van-row gutter="" v-if="item.taskName">
                             <van-col span="7">工单状态：</van-col>
@@ -59,9 +74,17 @@
                         <!-- 长按显示遮罩层 -->
                         <van-overlay :show="showIndex == index">
                             <div class="wrapper" @click.stop="showIndex = null">
-                        <van-button round type="primary" @click="goDetail(item,'normal-detail')"
+                                <van-button
+                                    round
+                                    type="primary"
+                                    @click="goDetail(item, 'normal-detail')"
                                     >隐患详情</van-button
-                        ><van-button round type="info" @click="goDetail(item,'finish-delay-detail')"
+                                ><van-button
+                                    round
+                                    type="info"
+                                    @click="
+                                        goDetail(item, 'finish-delay-detail')
+                                    "
                                     >延期查看</van-button
                                 >
                             </div>
@@ -81,15 +104,16 @@
                 >
                     暂无数据
                 </div>
+            </van-tab>
+        </van-tabs>
     </div>
 </template>
 
 <script>
 import LHeader from "@/components/header.vue";
 import { getFun, postFun } from "@/service/table.js";
-import { Dialog } from "vant";
 export default {
-    name:'my-delay',
+    name: "my-delay",
     components: {
         LHeader,
     },
@@ -99,6 +123,21 @@ export default {
             searchValue: "",
             messageList: [],
             showIndex: null,
+            active: 0,
+            tabs: [
+                {
+                    title: "待审批",
+                    api: "/delayApply/finishDelayList",
+                },
+                {
+                    title: "已通过",
+                    api: "/delayApply/finishDelayListYes",
+                },
+                {
+                    title: "已退回",
+                    api: "/delayApply/finishDelayListNo",
+                },
+            ],
         };
     },
     created() {
@@ -117,7 +156,7 @@ export default {
             });
             let formdata = new FormData();
             formdata.append("select", select);
-            postFun("/rectification/finishDelayList", formdata)
+            postFun(this["tabs"][this.active]["api"], formdata)
                 .then((res) => {
                     console.log(res);
                     this.$toast.clear();
@@ -139,16 +178,16 @@ export default {
         },
 
         // 详情
-        goDetail(data,name='normal-detail') {
-            let id=name=='normal-detail'?data.pid:data.id
+        goDetail(data, name = "normal-detail") {
+            let id = name == "normal-detail" ? data.pid : data.id;
             this.$router.push({
                 name,
                 params: {
-                    id
+                    id,
                 },
             });
             this.showIndex = null;
-        }
+        },
     },
     filters: {
         formatTime: function (val) {

src/views/saveWorkbench/index.vue

@@ -11,7 +11,7 @@
     </div> -->
 
     <!-- 滚动通知 -->
-    <van-notice-bar left-icon="volume-o" :scrollable="false" mode="link">
+    <!-- <van-notice-bar left-icon="volume-o" :scrollable="false" mode="link">
       <van-swipe
         vertical
         class="notice-swipe"
@@ -21,7 +21,7 @@
         <van-swipe-item>提示：您有1条待办事项需要处理</van-swipe-item>
         <van-swipe-item>提示：您有2条待办事项需要处理</van-swipe-item>
       </van-swipe>
-    </van-notice-bar>
+    </van-notice-bar> -->
 
     <!-- 内容 -->
     <div class="con">