chore: 新增实操训练入口

src/components/layout/aside.vue

@@ -19,8 +19,7 @@
               :key="item.title"
               v-for="item in item.children"
               @click="handleClick(item.path, item)"
-              v-show="menuVisible(item.tag)"
-            >
+              v-show="menuVisible(item.tag)">
               <template #title>
                 <template v-if="item.href">
                   <a :href="item.href" target="_blank">{{ item.title }}</a>
@@ -30,15 +29,14 @@
             </el-menu-item>
           </el-submenu>
 
-          <el-menu-item
-            :index="item.path"
-            :key="item.title"
-            @click="handleClick(item.path)"
-            v-show="menuVisible(item.tag)"
-            v-else
-          >
+          <el-menu-item :index="item.path" :key="item.title" @click="handleClick(item.path)" v-show="menuVisible(item.tag)" v-else>
             <i class="iconfont" :class="item.icon"></i>
-            <span slot="title">{{ item.title }}</span>
+            <template #title>
+              <template v-if="item.href">
+                <a :href="item.href" target="_blank">{{ item.title }}</a>
+              </template>
+              <template v-else>{{ item.title }}</template>
+            </template>
           </el-menu-item>
         </template>
       </el-menu>
@@ -135,6 +133,11 @@ export default {
             { tag: 'menu_help_system', title: '系统说明', path: '/doc' },
             { tag: 'menu_help_qa', title: '常见问题', path: '/help' }
           ]
+        },
+        {
+          title: '实操训练',
+          href: 'https://saas-x.ezijing.com',
+          icon: 'icon-bianzuhong'
         }
       ]
     }
@@ -144,9 +147,7 @@ export default {
       if (this.menus && this.menus.length) {
         return this.menus
       }
-      return this.user.role === 2
-        ? this.techerMenus.concat(this.defaultMenus)
-        : this.studentMenus.concat(this.defaultMenus)
+      return this.user.role === 2 ? this.techerMenus.concat(this.defaultMenus) : this.studentMenus.concat(this.defaultMenus)
     },
     user() {
       return this.$store.state.user
@@ -261,7 +262,7 @@ export default {
     .el-submenu__title {
       height: 50px;
       line-height: 50px;
-      padding-left: 25px !important;
+      // padding-left: 25px !important;
     }
     .el-menu-item:hover,
     .el-menu-item:focus {
@@ -271,7 +272,7 @@ export default {
     .el-submenu .el-menu-item {
       height: 36px;
       line-height: 36px;
-      padding-left: 55px !important;
+      padding-left: 50px !important;
     }
   }
 }