样式

src/views/layout/Layout.vue

 <template>
   <div class="app-wrapper" :class="classObj">
-    <div
-      v-if="device === 'mobile' && sidebar.opened"
-      class="drawer-bg"
-      @click="handleClickOutside"
-    ></div>
+    <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside"></div>
     <navbar></navbar>
 
     <div class="Header-container">
       <sidebar class="sidebar-container" @callBackIndex="handleIndex"></sidebar>
       <!-- <sidebar class="newSide" @callBackIndex="handleIndex"></sidebar> -->
       <div class="main-container">
-        <tags-view :index="index"></tags-view>
+        <tags-view :index="index" :num="num"></tags-view>
         <app-main></app-main>
       </div>
     </div>
   },
   data() {
     return {
-      index: 0
+      index: 0,
+      num: 1
     };
   },
   methods: {
     handleClickOutside() {
       this.$store.dispatch("closeSideBar", { withoutAnimation: false });
     },
-    handleIndex(data) {
+    handleIndex(data, num) {
       // console.log({ prop: data });
       this.index = data;
+      this.num = num;
     }
   }
 };

src/views/layout/components/Sidebar/SidebarItem.vue

             v-if="child.meta.isChild != true"
             :key="child.name"
           >
-            <el-menu-item :index="resolvePath(child.path)">
+            <el-menu-item @click="onClick(item)" :index="resolvePath(child.path)">
               <svg-icon v-if="child.meta && child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
               <span v-if="child.meta && child.meta.title" slot="title">
                 {{
           </router-link>
 
           <router-link v-else :to="child.path" :key="child.name">
-            <el-menu-item :index="resolvePath(child.path)">
+            <el-menu-item @click="onClick(item,child.parentNum)" :index="resolvePath(child.path)">
               <svg-icon v-if="child.meta && child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
               <span v-if="child.meta && child.meta.title" slot="title">
                 {{
       return path.resolve(this.basePath, ...paths);
     },
     generateTitle,
-    onClick(index) {
+    onClick(index, num) {
       this.permission_routers.map((item, i) => {
         if (this.isObjectValueEqual(item, index)) {
-          this.$emit("a", i);
+          if (num) {
+            this.$emit("a", i, num);
+          } else {
+            this.$emit("a", i, 999);
+          }
         }
       });
     },

src/views/layout/components/Sidebar/index.vue

     resolvePath(...paths) {
       return path.resolve(this.basePath, ...paths);
     },
-    b(index) {
-      // console.log(index);
+    b(index, num) {
       // this.index = index;
       // this.activeClass = index;
-      this.$emit("callBackIndex", index);
+      this.$emit("callBackIndex", index, num);
     }
   },
   created() {

src/views/layout/components/TagsView.vue

       <li @click="closeAllTags">{{ $t("tagsView.closeAll") }}</li>
     </ul>-->
     <div class="tags-view-wrapper">
-      <div class="tagsBox">
-        <div
-          class="tagsOne"
-          v-if="permission_routers[newIndex].meta"
-          v-for="(item, i) in permission_routers[newIndex].children"
-          :key="i"
-        >
-          <router-link :to="item.path" v-if="!item.hidden && !item.is_menu">
-            <p
-              class="newTags"
-              :class="activeClass == i ? 'active' : ''"
-              @click="onClick(i)"
-            >{{ generateTitle(item.meta.title) }}</p>
-          </router-link>
+      <div style="height:100%">
+        <div style="height:100%" v-if="newIndex == 9">
+          <div class="tagsBox" v-if="routerList.length > 0 && newNum != 999">
+            <div
+              class="tagsOne"
+              v-if="routerList[newIndex].meta"
+              v-for="(item, i) in routerList[newIndex].children"
+              :key="i"
+            >
+              <router-link :to="item.path" v-if="item.num ? item.num == newNum : false">
+                <p
+                  class="newTags"
+                  :class="activeClass == i ? 'active' : ''"
+                  @click="onClick(i)"
+                >{{ generateTitle(item.meta.title) }}</p>
+              </router-link>
+            </div>
+          </div>
+          <div class="tagsBox" v-if="newNum == 999">
+            <div
+              class="tagsOne"
+              v-if="permission_routers[newIndex].meta"
+              v-for="(item, i) in permission_routers[newIndex].children"
+              :key="i"
+            >
+              <router-link :to="item.path" v-if="item.num ? item.num == newNum : false">
+                <p
+                  class="newTags"
+                  :class="activeClass == i ? 'active' : ''"
+                  @click="onClick(i)"
+                >{{ generateTitle(item.meta.title) }}</p>
+              </router-link>
+            </div>
+          </div>
         </div>
-        <div v-else class="tagsOne">
-          <p class="newTags" :class="activeClass == i ? 'active' : ''" @click="onClick(i)">
-            {{
-            generateTitle(permission_routers[newIndex].children[0].meta.title)
-            }}
-          </p>
+        <div class="tagsBox" v-if="newIndex != 9">
+          <div
+            class="tagsOne"
+            v-if="permission_routers[newIndex].meta"
+            v-for="(item, i) in permission_routers[newIndex].children"
+            :key="i"
+          >
+            <router-link :to="item.path" v-if="!item.hidden && !item.is_menu">
+              <p
+                class="newTags"
+                :class="activeClass == i ? 'active' : ''"
+                @click="onClick(i)"
+              >{{ generateTitle(item.meta.title) }}</p>
+            </router-link>
+          </div>
+          <div v-else class="tagsOne">
+            <p class="newTags" :class="activeClass == i ? 'active' : ''" @click="onClick(i)">
+              {{
+              generateTitle(permission_routers[newIndex].children[0].meta.title)
+              }}
+            </p>
+          </div>
         </div>
       </div>
     </div>
 import { mapGetters } from "vuex";
 
 export default {
-  props: ["index"],
+  props: {
+    index: Number,
+    num: Number
+  },
   components: { ScrollPane },
   data() {
     return {
       left: 0,
       selectedTag: {},
       newIndex: 0,
-      activeClass: ""
+      activeClass: 0,
+      newNum: 1
     };
   },
   computed: {
         this.activeClass = 0;
       }
       this.newIndex = this.index;
+    },
+    num(newVal) {
+      this.newNum = newVal;
+      if (newVal == 999) {
+        this.routerList = [];
+      } else {
+        this.routerList = this.permission_routers;
+      }
+      if (newVal == 1) {
+        this.activeClass = 2;
+      }
+      if (newVal == 2) {
+        this.activeClass = 6;
+      }
     }
   },
+  created() {
+    this.routerList = this.permission_routers;
+  },
   mounted() {
     // this.addViewTags();
   },

src/xt_pages/home/index.vue

             :total="total"
           ></el-pagination>
         </div>
-
       </div>
     </section>
   </div>
   methods: {
     dateCompare(date) {
       var date1 = Date.parse(new Date()) / 1000;
-      console.log(date);
-      console.log(date1);
+      // console.log(date);
+      // console.log(date1);
       if (date > date1) {
         return 1;
       } else {