修复

src/layout/vab-tabs/index.vue

@@ -42,6 +42,7 @@
           {{ item.title }}
         </el-breadcrumb-item>
       </el-breadcrumb> -->
+      <!-- {{visitedRoutes}} -->
 
 
       <a-tabs
@@ -163,9 +164,12 @@ export default {
       })
     },
     async addTabs(tag) {
+      console.log('tag')
+      console.log(tag)
+      
   
       
-      if ( tag.meta && tag.meta.tagHidden !== true) {
+      if ( tag.meta && tag.meta.title&&tag.meta.tagHidden !== true) {
         let matched = [tag.name]
         if (tag.matched) matched = tag.matched.map((item) => item.name)
         await this.addVisitedRoute({

src/router/index.js

@@ -45,26 +45,26 @@ export const constantRoutes = [{
     //     hidden: true,
     // },
 
-    {
-        path: '/index',
-        redirect: '/index/index',
-        meta: {
-            title: '数据看板',
-            icon: 'home',
+    // {
+    //     path: '/index',
+    //     redirect: '/index/index',
+    //     meta: {
+    //         title: '数据看板',
+    //         icon: 'home',
 
-        },
-        component: Layout,
-        children: [{
-            meta: {
-                title: '数据看板',
-                icon: 'home',
-                affix: true,
-            },
-            path: '/index/index',
-            component: () =>
-                import ('@/views/index/index'),
-        }, ]
-    },
+    //     },
+    //     component: Layout,
+    //     children: [{
+    //         meta: {
+    //             title: '数据看板',
+    //             icon: 'home',
+    //             affix: true,
+    //         },
+    //         path: '/index/index',
+    //         component: () =>
+    //             import ('@/views/index/index'),
+    //     }, ]
+    // },
 
 
     {

src/store/modules/routes.js

@@ -58,14 +58,28 @@ const actions = {
         }
         data[0].meta.affix = false
 
-        // data.unshift({
-        //     path: 'external-link',
-        //     component: 'Layout',
-        //     children: [{
-        //         path: '/home',
-        //         meta: { title: '数据看板', icon: 'home', affix: false }
-        //     }]
-        // }, )
+        data.unshift({
+            path: "/home",
+            hidden: false,
+            redirect: "/index/index",
+            component: "Layout",
+            meta: {
+                title: "数据看板",
+                icon: "home",
+
+            },
+            children: [{
+                path: "/index/index",
+                hidden: false,
+                component: "@/views/index/index",
+                meta: {
+                    title: "数据看板",
+                    icon: "home",
+                    affix: true
+
+                }
+            }]
+        })
         data.forEach(function(item) {
             if (item.children.length > 1) {
                 item.children.forEach(function(i) {

src/views/middle.vue

@@ -10,17 +10,44 @@
     </div>
     <div class="middle-container-lists">
       <el-row>
-        <el-col :xs="5" :md="3" :sm="4" :lg="3" :xl="3" class="list-one"  v-for="item in middleList"
+        <el-col
+          :xs="5"
+          :md="3"
+          :sm="4"
+          :lg="3"
+          :xl="3"
+          class="list-one"
+          v-for="item in middleList"
           :key="item"
-         >
+        >
           <router-link :to="item.children[0].path">
-            <div class="list-one-img">
+            <div
+              class="list-one-img"
+              :style="`background-image:${
+                item.children.length > 1
+                  ? item.meta.backgroundImage
+                  : item.children[0].meta.backgroundImage
+              }`"
+            >
               <!-- <img src="@/assets/images/home.svg" /> -->
               <!-- <img src="../assets/images/home.svg" /> -->
-              <img :src="`static/svgIcons/${item.children.length>1?item.meta.icon:item.children[0].meta.icon}.svg`" alt="" />
-               <!-- <img :src="`static/svgIcons/home.svg`" alt="" /> -->
+              <img
+                :src="`static/svgIcons/${
+                  item.children.length > 1
+                    ? item.meta.icon
+                    : item.children[0].meta.icon
+                }.svg`"
+                alt=""
+              />
+              <!-- <img :src="`static/svgIcons/home.svg`" alt="" /> -->
             </div>
-            <p>{{item.children.length>1?item.meta.title:item.children[0].meta.title}}</p>
+            <p>
+              {{
+                item.children.length > 1
+                  ? item.meta.title
+                  : item.children[0].meta.title
+              }}
+            </p>
           </router-link>
         </el-col>
 
@@ -110,34 +137,39 @@ export default defineComponent({
   setup() {
     const store = useStore()
 
-    const middleList=store.state.middleList
+    const middleList = store.state.middleList
 
     onMounted(() => {
       console.log('middleList')
       console.log(middleList)
-      // var  newArr=[]
 
-      var aa='linear-gradient(135deg, #64c3f5, #5590e9)'
 
-      middleList.forEach((item) => {
+      var color = [
+        'linear-gradient(135deg, #64c3f5, #5590e9)',
+        'linear-gradient(135deg, #edb6b6, #edb6b6)',
+        'linear-gradient(135deg, #b4d0b3, #6acf7c)',
+        'linear-gradient(135deg, #e29d67, #d85f35)',
+        'linear-gradient(135deg, #dea8b9, #d65ab6)',
+        'linear-gradient(135deg, #eeda9e, #e4b166)',
+        'linear-gradient(135deg, #97a6f0, #4361ee)',
+        'linear-gradient(135deg, #89eee1, #56b1d2)',
+        'linear-gradient(135deg, #eeda9e, #e4b166)',
 
-        //  item.meta.backgroundImage=aa
-        if(item.children.length>2){
-          //  console.log(item)
-           item.meta.backgroundImage=aa
-           console.log(item)
+      ]
 
-        }else{
-            item.children[0].meta.backgroundImage=aa
-             console.log(item)
+      middleList.forEach((item, index) => {
+        index
+        if (item.children.length > 1) {
+          item.meta.backgroundImage = color[index]
+        } else {
+          item.children[0].meta.backgroundImage = color[index]
         }
-       
-
-        // newArr.push({ label: item, prop: index.toString() })
       })
+      console.log('修改后的middleList')
+      console.log(middleList)
     })
     return {
-      middleList
+      middleList,
     }
   },
 })
@@ -171,15 +203,15 @@ export default defineComponent({
     margin-top: 80px;
     .list-one {
       margin-bottom: 60px;
-      p{
-          color:#fff;
+      p {
+        color: #fff;
       }
       .list-one-img {
         cursor: pointer;
         width: 92px;
         height: 92px;
         // background: #5c88fa;
-        background-image: linear-gradient(135deg, #64c3f5 , #5590e9);
+        background-image: linear-gradient(135deg, #64c3f5, #5590e9);
         line-height: 92px;
         border-radius: 22px;
         margin: 0 auto;