src/components/Sidebar.vue

@@ -2,6 +2,7 @@
     <div class="sidebar">
         <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse" background-color="#324157"
             text-color="#bfcbd9" active-text-color="#20a0ff" unique-opened router>
+
             <template v-for="item in items">
                 <template v-if="item.subs">
                     <el-submenu :index="item.index" :key="item.index">
@@ -57,82 +58,82 @@ export default {
               },
             ]
           },
-
-            {
-                icon: "el-icon-lx-cascades",
-                index: "/config",
-                title: "模型配置",
-            },
-            {
-              icon: "el-icon-lx-redpacket_fill",
-              index: "/modelList",
-              title:"深度学习",
-            },
-            {
-                icon: "el-icon-lx-copy",
-                index: "/tabs",
-                title: "我的消息",
-            },
-            {
-                icon: "el-icon-lx-calendar",
-                index: "3",
-                title: "表单相关",
-                subs: [
-                    {
-                        index: "/form",
-                        title: "基本表单",
-                    },
-                    {
-                        index: "/upload",
-                        title: "文件上传",
-                    },
-                    {
-                        index: "4",
-                        title: "三级菜单",
-                        subs: [
-                            {
-                                index: "/editor",
-                                title: "富文本编辑器",
-                            },
-                        ],
-                    },
-                ],
-            },
-            {
-                icon: "el-icon-lx-emoji",
-                index: "/icon",
-                title: "自定义图标",
-            },
-            {
-                icon: "el-icon-pie-chart",
-                index: "/charts",
-                title: "训练结果",
-            },
-            {
-                icon: "el-icon-lx-global",
-                index: "/i18n",
-                title: "国际化功能",
-            },
-            {
-                icon: "el-icon-lx-warn",
-                index: "7",
-                title: "错误处理",
-                subs: [
-                    {
-                        index: "/permission",
-                        title: "权限测试",
-                    },
-                    {
-                        index: "/404",
-                        title: "404页面",
-                    },
-                ],
-            },
-            {
-                icon: "el-icon-lx-redpacket_fill",
-                index: "/donate",
-                title: "支持作者",
-            }
+          {
+              icon: "el-icon-lx-cascades",
+              index: "/config",
+              title: "模型配置",
+          },
+          {
+            icon: "el-icon-lx-redpacket_fill",
+            index: "/modelList",
+            title:"深度学习",
+          },
+          {
+            icon: "el-icon-pie-chart",
+            index: "/charts",
+            title: "训练结果",
+          },
+          {
+              icon: "el-icon-lx-copy",
+              index: "/tabs",
+              title: "我的消息",
+          },
+          //  无用组件
+          // {
+          //   icon: "el-icon-lx-calendar",
+          //   index: "3",
+          //   title: "表单相关",
+          //   subs: [
+          //     {
+          //       index: "/form",
+          //       title: "基本表单",
+          //     },
+          //     {
+          //       index: "/upload",
+          //       title: "文件上传",
+          //     },
+          //     {
+          //       index: "4",
+          //       title: "三级菜单",
+          //       subs: [
+          //         {
+          //           index: "/editor",
+          //           title: "富文本编辑器",
+          //         },
+          //       ],
+          //     },
+          //   ],
+          // },
+          //   {
+          //         icon: "el-icon-lx-emoji",
+          //         index: "/icon",
+          //         title: "自定义图标",
+          //   },
+          // {
+          //     icon: "el-icon-lx-global",
+          //     index: "/i18n",
+          //     title: "国际化功能",
+          // },
+          // {
+          //     icon: "el-icon-lx-warn",
+          //     index: "7",
+          //     title: "错误处理",
+          //     subs: [
+          //         {
+          //             index: "/permission",
+          //             title: "权限测试",
+          //         },
+          //         {
+          //             index: "/404",
+          //             title: "404页面",
+          //         },
+          //     ],
+          // },
+          // {
+          //     icon: "el-icon-lx-redpacket_fill",
+          //     index: "/donate",
+          //     title: "支持作者",
+          // }
         ];
 
         const route = useRoute();

src/router/index.js

@@ -5,11 +5,13 @@ const routes = [
     {
         path: '/',
         redirect: '/fileList'
-    }, {
+    },
+    {
         path: "/",
         name: "Home",
         component: Home,
-        children: [
+        children:
+        [
             {
                 path: "/fileList",
                 name: "fileList",
@@ -40,106 +42,64 @@ const routes = [
                     title: '文件分析结果'
                 },
                 component: () => import ( /* webpackChunkName: "dashboard" */ "../views/FileAnalysis.vue")
-            }, {
+            },
+            {
                 path: "/config",
                 name: "config",
                 meta: {
                     title: '模型配置'
                 },
                 component: () => import ( /* webpackChunkName: "table" */ "../views/ConfigList.vue")
-            }, {
+            },
+            {
                 path: "/charts",
                 name: "basecharts",
                 meta: {
                     title: '训练结果'
                 },
                 component: () => import ( /* webpackChunkName: "charts" */ "../views/BaseCharts.vue")
-            }, {
+            },
+            {
                 path: "/form",
                 name: "baseform",
                 meta: {
                     title: '表单'
                 },
                 component: () => import ( /* webpackChunkName: "form" */ "../views/BaseForm.vue")
-            }, {
+            },
+            {
                 path: "/tabs",
                 name: "tabs",
                 meta: {
                     title: 'tab标签'
                 },
                 component: () => import ( /* webpackChunkName: "tabs" */ "../views/Tabs.vue")
-            }, {
-                path: "/donate",
-                name: "donate",
-                meta: {
-                    title: '鼓励作者'
-                },
-                component: () => import ( /* webpackChunkName: "donate" */ "../views/Donate.vue")
-            }, {
-                path: "/permission",
-                name: "permission",
-                meta: {
-                    title: '权限管理',
-                    permission: true
-                },
-                component: () => import ( /* webpackChunkName: "permission" */ "../views/Permission.vue")
-            }, {
-                path: "/i18n",
-                name: "i18n",
-                meta: {
-                    title: '国际化语言'
-                },
-                component: () => import ( /* webpackChunkName: "i18n" */ "../views/I18n.vue")
-            }, {
+            },
+            {
                 path: "/upload",
                 name: "upload",
                 meta: {
                     title: '上传插件'
                 },
                 component: () => import ( /* webpackChunkName: "upload" */ "../views/Upload.vue")
-            }, {
-                path: "/icon",
-                name: "icon",
-                meta: {
-                    title: '自定义图标'
-                },
-                component: () => import ( /* webpackChunkName: "icon" */ "../views/Icon.vue")
-            }, {
-                path: '/404',
-                name: '404',
-                meta: {
-                    title: '找不到页面'
-                },
-                component: () => import (/* webpackChunkName: "404" */ '../views/404.vue')
-            }, {
-                path: '/403',
-                name: '403',
-                meta: {
-                    title: '没有权限'
-                },
-                component: () => import (/* webpackChunkName: "403" */ '../views/403.vue')
-            }, {
+            },
+            {
                 path: '/user',
                 name: 'user',
                 meta: {
                     title: '个人中心'
                 },
                 component: () => import (/* webpackChunkName: "user" */ '../views/User.vue')
-            }, {
-                path: '/editor',
-                name: 'editor',
-                meta: {
-                    title: '富文本编辑器'
-                },
-                component: () => import (/* webpackChunkName: "editor" */ '../views/Editor.vue')
-            },{
+            },
+            {
                 path:'/dllearning',
                 name:'dllearning',
                 meta:{
                     title:'深度学习页面'
                 },
                 component:()=>import(/*webpackChunkName:"dllearning" */ '../views/Dllearning.vue')
-            },{
+            },
+            {
                 path:'/dlform',
                 name:'dlform',
                 meta:{
@@ -170,10 +130,68 @@ const routes = [
                     title:'配置详情'
                 },
                 component:()=>import(/*webpackChunkName:"configform" */ '../views/ConfigDetail.vue')
-            }
-
+            },
+            //无用组件or路由
+            // {
+            //     path: "/permission",
+            //     name: "permission",
+            //     meta: {
+            //         title: '权限管理',
+            //         permission: true
+            //     },
+            //     component: () => import ( /* webpackChunkName: "permission" */ "../views/unused/Permission.vue")
+            // },
+            // {
+            //     path: '/editor',
+            //     name: 'editor',
+            //     meta: {
+            //         title: '富文本编辑器'
+            //     },
+            //     component: () => import (/* webpackChunkName: "editor" */ '../views/unused/Editor.vue')
+            // },
+            // {
+            //     path: "/icon",
+            //     name: "icon",
+            //     meta: {
+            //         title: '自定义图标'
+            //     },
+            //     component: () => import ( /* webpackChunkName: "icon" */ "../views/Icon.vue")
+            // },
+            // {
+            //     path: '/404',
+            //     name: '404',
+            //     meta: {
+            //         title: '找不到页面'
+            //     },
+            //     component: () => import (/* webpackChunkName: "404" */ '../views/404.vue')
+            // },
+            // {
+            //     path: '/403',
+            //     name: '403',
+            //     meta: {
+            //         title: '没有权限'
+            //     },
+            //     component: () => import (/* webpackChunkName: "403" */ '../views/403.vue')
+            // },
+            // {
+            //     path: "/donate",
+            //     name: "donate",
+            //     meta: {
+            //         title: '鼓励作者'
+            //     },
+            //     component: () => import ( /* webpackChunkName: "donate" */ "../views/Donate.vue")
+            // },
+            // {
+            //     path: "/i18n",
+            //     name: "i18n",
+            //     meta: {
+            //         title: '国际化语言'
+            //     },
+            //     component: () => import ( /* webpackChunkName: "i18n" */ "../views/I18n.vue")
+            // },
         ]
-    }, {
+    },
+    {
         path: "/login",
         name: "Login",
         meta: {

src/views/ModelList.vue

@@ -1,31 +1,3 @@
-<!--<template>-->
-<!--<div className="home-page">-->
-<!--<div className="sub-menu">-->
-<!--  <button class="el-button el-button&#45;&#45;primary" type="button" data-v-4eda24fc="">&lt;!&ndash;v-if&ndash;&gt;<i class="el-icon-upload"></i><span>上传</span></button>-->
-
-
-<!--  <button class="el-button el-button&#45;&#45;primary" type="button" data-v-4eda24fc="">&lt;!&ndash;v-if&ndash;&gt;<i class="el-icon-s-home"></i><span>模型</span></button>-->
-<!--</div>-->
-<!--<div className="carousel-page">-->
-<!--  <h3 className="img-list-title">图片文件列表</h3>-->
-
-
-
-
-<!--    <el-table  :show-header="false" style="width: 100%">-->
-<!--      <div>1</div>>-->
-<!--    </el-table>-->
-
-
-
-
-
-
-<!--</div>-->
-<!--</div>-->
-<!--</template>-->
-
-
 <template>
   <div class="">
     <div class="crumbs">
@@ -55,6 +27,8 @@
               </template>
             </el-table-column>
           </el-table>
+        </el-tab-pane>
+      </el-tabs>
 <!--          <div class="handle-row">-->
 <!--            <el-button type="primary">全部标为已读</el-button>-->
 <!--          </div>-->
@@ -66,9 +40,6 @@
 <!--              <el-button type="primary" size="large">配置模型</el-button>-->
 <!--            </router-link>-->
 
-
-
-      </el-tabs>
     </div>
   </div>
 </template>