重大风险添加了标签页

src/views/danger/majorDanger/index.vue

 <template>
     <div>
+        <van-sticky :offset-top="0">
             <LHeader :text="text"></LHeader>
+        </van-sticky>
         <!-- <van-sticky offset-top="1.5rem">
         <van-search
           v-model="searchValue"
@@ -15,6 +17,18 @@
         </van-sticky> -->
         <!-- 内容列表 -->
         <!-- 接口对接4 START -->
+        <van-tabs
+            v-model="active"
+            @change="
+                getList();
+                showIndex = null;
+            "
+            color="#2980f7"
+            animated
+            :sticky="true"
+            offset-top="1.5rem"
+        >
+            <van-tab v-for="(item, key) in tabs" :key="key" :title="item.title">
                 <div class="con-list" @touchmove="showIndex = null">
                     <van-cell-group
                         inset
@@ -24,7 +38,9 @@
                     >
                         <van-row gutter="">
                             <van-col span="6">隐患编号：</van-col>
-          <van-col span="18">{{ item.businessId }}</van-col>
+                            <van-col span="18">{{
+                                item.businessId || item.id
+                            }}</van-col>
                         </van-row>
                         <van-row gutter="">
                             <van-col span="6">所属项目：</van-col>
@@ -32,25 +48,30 @@
                         </van-row>
                         <van-row gutter="">
                             <van-col span="6">隐患级别：</van-col>
-          <van-col span="18">{{ item.hdLev | dangerText }}</van-col>
+                            <van-col span="18">{{
+                                item.hdLev | dangerText
+                            }}</van-col>
                         </van-row>
                         <van-row gutter="">
                             <van-col span="6">工单状态：</van-col>
                             <van-col span="18">{{ item.taskName }}</van-col>
                         </van-row>
-        <!-- <van-row gutter="">
-          <van-col span="6">发现时间：</van-col>
-          <van-col span="18">{{ item.hdDiscoveryTime }}</van-col>
-        </van-row> -->
                         <!-- *接口对接4 END -->
 
                         <!-- 长按显示遮罩层 -->
                         <van-overlay :show="showIndex == index">
                             <div class="wrapper" @click.stop="showIndex = null">
-            <van-button round type="primary" @click="goDetail(item)"
+                                <van-button
+                                    round
+                                    type="primary"
+                                    @click="goDetail(item)"
                                     >详情</van-button
                                 >
-            <van-button round type="info" @click="goConfirm(item)"
+                                <van-button
+                                    v-show="active == 1"
+                                    round
+                                    type="info"
+                                    @click="goConfirm(item)"
                                     >审批</van-button
                                 >
                             </div>
@@ -66,20 +87,18 @@
                         position: fixed;
                         top: 30%;
                     "
-      v-if="isHaveNews"
+                    v-if="messageList['length'] == 0"
                 >
                     暂无数据
                 </div>
-      <tab-bar :index="1"></tab-bar>
+            </van-tab>
+        </van-tabs>
     </div>
 </template>
 
 <script>
-import tabBar from "@/components/TabBar";
 import LHeader from "@/components/header.vue";
-import {getFun,postFun} from "@/service/table.js";
-import { majorList } from "@/service/danger";
-
+import { getFun, postFun } from "@/service/table.js";
 /*接口对接2 START*/
 // 例子：
 // import {
@@ -98,7 +117,6 @@ import { majorList } from "@/service/danger";
 export default {
     components: {
         LHeader,
-    tabBar
     },
     data() {
         return {
@@ -106,15 +124,26 @@ export default {
             searchValue: "",
             isHaveNews: false,
             messageList: [],
-      Loop: "", // 定时器
             showIndex: null, // 是否显示遮罩层
+            // myHDMajorList
+            active: 0,
+            tabs: [
+                {
+                    title: "待确认",
+                    api: "/majorapprove/list",
+                },
+                {
+                    title: "已审批",
+                    api: "/majorapprove/myHDMajorList",
+                },
+            ],
         };
     },
     created() {
         this.getList();
     },
     methods: {
-    getList(select='') {
+        getList(select = "") {
             /*接口对接3 START*/
             // 例子：
             this.$toast.loading({
@@ -123,9 +152,9 @@ export default {
                 loadingType: "spinner",
                 duration: 0,
             });
-      let formdata=new FormData();
-      formdata.append('select',select);
-      majorList("/majorapprove/list",formdata)
+            let formdata = new FormData();
+            formdata.append("select", select);
+            postFun(this.tabs[this.active]["api"], formdata)
                 .then((res) => {
                     this.$toast.clear();
                     this.messageList = res.rows;
@@ -141,7 +170,7 @@ export default {
             /*接口对接3 END*/
         },
         onSearch(val) {
-      this.getList(this.searchValue)
+            this.getList(this.searchValue);
         },
 
         touchstart(index, item) {
@@ -157,7 +186,7 @@ export default {
             this.$router.push({
                 name: "normal-detail",
                 params: {
-          id: data.taskId,
+                    id: data.taskId||data.id,
                 },
             });
             this.showIndex = null;
@@ -210,4 +239,7 @@ export default {
         }
     }
 }
+/deep/.van-tab__pane {
+    min-height: 8rem;
+}
 </style>

src/views/risk/my-insert/index.vue

@@ -101,17 +101,6 @@ export default {
             messageList: [],
             Loop: "", // 定时器
             showIndex: null, // 是否显示遮罩层
-            active: 0,
-            tabs: [
-                {
-                    title: "我的上报",
-                    api: "/riskMain/myList",
-                },
-                {
-                    title: "上报退回",
-                    api: "/riskMain/list",
-                },
-            ],
         };
     },
     created() {