综合首页待办任务最多的类型tag active

src/views/complex/index.vue

@@ -274,7 +274,7 @@
       <el-card class="left-buttom-card" shadow="always">
         <el-button style="z-index: 10;position: absolute; right: 3%;" type="text" @click="todoReflush()">刷新一下<i
             class="el-icon-refresh-right el-icon--right"></i></el-button>
-        <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tabs v-model="maxTagKey" @tab-click="handleClick">
           <el-tab-pane name="major" v-if="meunNames.includes('大中型业务')">
             <span slot="label">大中型待办({{ majorTodoTotal }})</span>
             <div v-if="majorTodoList.length > 0">
@@ -728,7 +728,8 @@ export default {
       searchResults: [],
       hasOpenBar: false,
       ifMajorDeclareCheck:false,
-      ifAssetsDeclareCheck:false
+      ifAssetsDeclareCheck:false,
+      maxTagKey: null
     }
   },
   computed: {
@@ -736,37 +737,15 @@ export default {
       'permission_menus',
       'userInfo'
     ]),
-    activeName: {
-      get() {
-        const maxTodo = new Map();
-        maxTodo.set("major", this.majorTodoTotal);
-        maxTodo.set("personal", this.personalTodoTotal);
-        maxTodo.set("assets", this.assetsTodoTotal);
-        maxTodo.set("majorCheck", this.majorDeclareCheckNum);
-        maxTodo.set("assetsDeclareCheckList", this.assetsDeclareCheckNum);
-        let maxKey = [...maxTodo.entries()].reduce((maxKey, [key, value]) => {
-          return maxKey && maxTodo.get(maxKey) > value ? maxKey : null;
-        }, 0);
-        if(maxKey){
-          return maxKey;
-        }
-        if (this.meunNames.includes('大中型业务')){
-          return "major";
-        }
-
-        if (this.meunNames.includes('个贷业务')){
-          return "personal";  }
-
-        if (this.meunNames.includes('资产业务')){
-          return "assets";
-        }
-      },
-      set() { }
-
-    }
 
   },
   watch: {
+    majorTodoTotal:{
+      immediate: true,
+      handler(newv) {
+          this.getToDoMaxNum();
+      }
+    },
     permission_menus: {
       immediate: true, // immediate选项可以开启首次赋值监听
       deep: true,
@@ -823,12 +802,24 @@ export default {
     this.getBusinessTotalNum();
     this.majorDeclareTodoList();
     this.assetsDeclareTodoList();
+    this.getToDoMaxNum();
   },
 
   methods: {
     handleClick(tab, event) {
     },
-
+    getToDoMaxNum(){
+        const maxTodo = new Map();
+        maxTodo.set("major", this.majorTodoTotal);
+        maxTodo.set("personal", this.personalTodoTotal);
+        maxTodo.set("assets", this.assetsTodoTotal);
+        maxTodo.set("majorCheck", this.majorDeclareCheckNum);
+        maxTodo.set("assetsDeclareCheckList", this.assetsDeclareCheckNum);
+        let maxKey = [...maxTodo.entries()].reduce((maxKey, [key, value]) => {
+          return maxKey && maxTodo.get(maxKey) > value ? maxKey : key;
+        }, 0);
+        this.maxTagKey = maxKey;
+    },
     jumpDir(path) {
       if (path==='/administration'){
         const admin = this.permission_menus.filter(item => item.pcUrl === path);