123

src/layout/components/Breadcrumb/Breadcrumb.vue

@@ -41,7 +41,7 @@ const getBreadcrumb = () => {
   const first: any = matched[0]
   if (!isDashboard(first)) {
     //it can replace the first page if not exits
-    matched = [{ path: '/dashboard', meta: { title: 'Dashboard' } }].concat(matched)
+    matched = [ ].concat(matched)
   }
   levelList.value = matched.filter(
     (item: RouteItemTy) => item.meta && item.meta.title && item.meta.breadcrumb !== false

src/layout/components/Sidebar/Sidebar.vue

@@ -12,6 +12,8 @@
 </template>
 
 <script setup lang="ts">
+import { useAppStore } from '@/store/app'
+import { usePermissionStore } from '@/store/permission'
 // import Logo from './Logo.vue'
 import SidebarItem from './SidebarItem.vue'
 //导入配置文件
@@ -47,8 +49,7 @@ const isCollapse = computed(() => {
 // const scssJson = dillScssExportToJson(scssExportJson)
 //get scss variable
 
-import { useAppStore } from '@/store/app'
-import { usePermissionStore } from '@/store/permission'
+
 
 const activeMenu = computed(() => {
   const { meta, path } = route
@@ -61,7 +62,10 @@ const activeMenu = computed(() => {
 </script>
 <style scoped lang="scss">
 //fix open the item style issue
-.el-menu-vertical {
-  width: var(--side-bar-width);
+// .el-menu-vertical {
+//   width: var(--side-bar-width);
+// }
+:deep .el-menu-item.is-active{
+  background:#AC014D ;
 }
 </style>

src/router/index.ts

@@ -56,11 +56,11 @@ export const asyncRoutes: RouterTy = [
 routesPush(
   [
     ...routesOne,
+    ...routesSix,
+    ...routesFive,
     ...routesTwo,
     ...routesThree,
     ...routesFour,
-    ...routesFive,
-    ...routesSix,
   ],
   asyncRoutes
 );

src/router/routes/routes-file-five.ts

@@ -11,19 +11,19 @@ const HomeRoutes = {
     {
       path: "/dataQuery/flightQuery",
       name: "FlightQuery",
-      meta: { title: "航班查询", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "航班查询" },
       component: () => import("@/views/dataQuery/flightQuery/index.vue"),
     },
     {
       path: "/dataQuery/waybillQuery",
       name: "WaybillQuery",
-      meta: { title: "运单查询", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "运单查询" },
       component: () => import("@/views/dataQuery/waybillQuery/index.vue"),
     },
     {
       path: "/dataQuery/freightInquiry",
       name: "FreightInquiry",
-      meta: { title: "货物查询", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "货物查询"},
       component: () => import("@/views/dataQuery/freightInquiry/index.vue"),
     },
   ],

src/router/routes/routes-file-four.ts

@@ -11,7 +11,7 @@ const HomeRoutes = {
     {
       path: "/systemSettings/securityPolicy",
       name: "SecurityPolicy",
-      meta: { title: "登录策略", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "登录策略" },
       component: () =>
         import("@/views/systemSettings/securityPolicy/index.vue"),
     },
@@ -19,14 +19,14 @@ const HomeRoutes = {
       path: '/systemSettings/securityPolicyedit',
       name: 'SecurityPolicyedit',
       hidden: true,
-      meta: { title: '安全策略编辑', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '安全策略编辑' },
       component: () =>
         import('@/views/systemSettings/securityPolicy/securityPolicyedit.vue'),
     },
     {
       path: '/systemSettings/warningSet',
       name: 'WarningSet',
-      meta: { title: '预警告警策略', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '预警告警策略' },
       redirect: '/systemSettings/warningSet',
       component: {
         render: () => h(resolveComponent('router-view')),
@@ -43,7 +43,7 @@ const HomeRoutes = {
           path: '/systemSettings/warningEdit',
           name: 'WarningEdit',
           hidden: true,
-          meta: { title: '预警告警策略编辑', elSvgIcon: 'Fold', icon: 'table' },
+          meta: { title: '预警告警策略编辑' },
           component: () =>
             import('@/views/systemSettings/warningEdit/index.vue'),
         },
@@ -52,7 +52,7 @@ const HomeRoutes = {
     {
       path: '/systemSettings/log',
       name: 'log',
-      meta: { title: '日志管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '日志管理' },
       component: () => import('@/views/systemSettings/log/index.vue'),
     },
     {
@@ -65,7 +65,7 @@ const HomeRoutes = {
         {
           path: '/systemSettings/serviceManagement',
           name: 'ServiceHome',
-          meta: { title: '服务管理', elSvgIcon: 'Fold', icon: 'table' },
+          meta: { title: '服务管理' },
           component: () =>
             import('@/views/systemSettings/serviceManagement/index.vue'),
         },
@@ -100,7 +100,7 @@ const HomeRoutes = {
     {
       path: '/systemSettings/queryTemplate',
       name: 'QueryTemplate',
-      meta: { title: '查询模板', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '查询模板' },
       redirect: '/systemSettings/queryTemplate',
       component: {
         render: () => h(resolveComponent('router-view')),
@@ -117,7 +117,7 @@ const HomeRoutes = {
           path: '/systemSettings/queryTemplateAdd',
           name: 'QueryTemplateAdd',
           hidden: true,
-          meta: { title: '新增查询模板', elSvgIcon: 'Fold', icon: 'table' },
+          meta: { title: '新增查询模板' },
           component: () =>
             import('@/views/systemSettings/queryTemplate/queryTemplateAdd.vue'),
         },
@@ -125,7 +125,7 @@ const HomeRoutes = {
           path: '/systemSettings/queryTemplateEdit',
           name: 'QueryTemplateEdit',
           hidden: true,
-          meta: { title: '编辑查询模板', elSvgIcon: 'Fold', icon: 'table' },
+          meta: { title: '编辑查询模板' },
           component: () =>
             import(
               '@/views/systemSettings/queryTemplate/queryTemplateEdit.vue'
@@ -135,7 +135,7 @@ const HomeRoutes = {
           path: '/systemSettings/queryTemplateColumn',
           name: 'QueryTemplateColumn',
           hidden: true,
-          meta: { title: '查询模板设置', elSvgIcon: 'Fold', icon: 'table' },
+          meta: { title: '查询模板设置' },
           component: () =>
             import(
               '@/views/systemSettings/queryTemplate/queryTemplateColumn.vue'
@@ -146,34 +146,34 @@ const HomeRoutes = {
     // {
     //   path: "/systemSettings/sourceservice",
     //   name: "Sourceservice",
-    //   meta: { title: "源数据管理", elSvgIcon: "Fold", icon: "table" },
+    //   meta: { title: "源数据管理" },
     //   component: () => import("@/views/systemSettings/sourceservice/index.vue"),
     // },
     {
       path: '/systemSettings/sourceserviceEdit',
       name: 'SourceserviceEdit',
       hidden: true,
-      meta: { title: '编辑数据源管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '编辑数据源管理' },
       component: () =>
         import('@/views/systemSettings/sourceserviceEdit/index.vue'),
     },
     {
       path: '/systemSettings/sourceTube',
       name: 'SourceTube',
-      meta: { title: '数据源管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '数据源管理' },
       component: () => import('@/views/systemSettings/sourceTube/index.vue'),
     },
     {
       path: '/systemSettings/protocolManagement',
       name: 'ProtocolManagement',
-      meta: { title: '协议管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '协议管理' },
       component: () =>
         import('@/views/systemSettings/protocolManagement/index.vue'),
     },
     {
       path: '/systemSettings/datastructure',
       name: 'Datastructure',
-      meta: { title: '数据结构管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '数据结构管理' },
       redirect: '/systemSettings/datastructure',
       component: {
         render: () => h(resolveComponent('router-view')),
@@ -190,7 +190,7 @@ const HomeRoutes = {
           path: '/systemSettings/datastructureTerm',
           name: 'DatastructureTerm',
           hidden: true,
-          meta: { title: '数据项', elSvgIcon: 'Fold', icon: 'table' },
+          meta: { title: '数据项' },
           component: () =>
             import(
               '@/views/systemSettings/datastructure/datastructureTerm.vue'
@@ -201,7 +201,7 @@ const HomeRoutes = {
     {
       path: '/systemSettings/messageTemplate',
       name: 'MessageTemplate',
-      meta: { title: '消息模板', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '消息模板' },
       component: () =>
         import('@/views/systemSettings/messageTemplate/index.vue'),
     },

src/router/routes/routes-file-one.ts

@@ -6,7 +6,7 @@ const HomeRoutes = {
   redirect: '/dashboard',
   children: [
     {
-      path: '/homein',
+      path: 'dashboard',
       name: 'Dashboard',
       redirect: '/homein',
       component: {

src/router/routes/routes-file-six.ts

@@ -27,8 +27,6 @@ const ActualTimeRoutes = {
           name: 'DepartureStation',
           meta: {
             title: '国内出港航站视图',
-            elSvgIcon: 'Fold',
-            icon: 'table',
             breadcrumb: false,
           },
           component: {
@@ -46,8 +44,6 @@ const ActualTimeRoutes = {
               name: 'DepartureFlight',
               meta: {
                 title: '国内出港航班视图',
-                elSvgIcon: 'Fold',
-                icon: 'table',
               },
               component: {
                 render: () => h(resolveComponent('router-view')),
@@ -115,7 +111,7 @@ const ActualTimeRoutes = {
         {
           path: '/realTime/internationalDeparture/station',
           name: 'InternationalDepartureStation',
-          meta: { title: '国际出港航站视图', elSvgIcon: 'Fold', icon: 'table' },
+          meta: { title: '国际出港航站视图' },
           component: {
             render: () => h(resolveComponent('router-view')),
           },
@@ -206,7 +202,7 @@ const ActualTimeRoutes = {
         {
           path: '/realTime/arrival/station',
           name: 'ArrivalStation',
-          meta: { title: '国内进港航站视图', elSvgIcon: 'Fold', icon: 'table' },
+          meta: { title: '国内进港航站视图' },
           component: {
             render: () => h(resolveComponent('router-view')),
           },
@@ -289,7 +285,7 @@ const ActualTimeRoutes = {
         {
           path: '/realTime/internationalArrival/station',
           name: 'InternationalArrivalStation',
-          meta: { title: '国际进港航站视图', elSvgIcon: 'Fold', icon: 'table' },
+          meta: { title: '国际进港航站视图' },
           component: {
             render: () => h(resolveComponent('router-view')),
           },
@@ -366,7 +362,7 @@ const ActualTimeRoutes = {
     {
       path: '/realTime/trackMap',
       name: 'TrackMap',
-      meta: { title: '轨迹地图', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '轨迹地图' },
       component: () => import('@/views/realTime/trackMap/index.vue'),
     },
   ],

src/router/routes/routes-file-three.ts

@@ -11,19 +11,19 @@ const HomeRoutes = {
     {
       path: "/BasicsData/airlineCompany",
       name: "AirlineCompany",
-      meta: { title: "航司信息维护", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "航司信息维护" },
       component: () => import("@/views/BasicsData/airlineCompany/index.vue"),
     },
     {
       path: "/BasicsData/airportCompany",
       name: "AirportCompany",
-      meta: { title: "机场公司维护", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "机场公司维护" },
       component: () => import("@/views/BasicsData/airportCompany/index.vue"),
     },
     {
       path: "/BasicsData/airportInfo",
       name: "AirportInfo",
-      meta: { title: "机场信息维护", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "机场信息维护" },
       redirect: "/BasicsData/airportInfo",
       component: {
         render: () => h(resolveComponent("router-view")),
@@ -38,7 +38,7 @@ const HomeRoutes = {
           path: "/BasicsData/airportInfoChild",
           name: "AirportInfoChild",
           hidden: true,
-          meta: { title: "航站楼设置", elSvgIcon: "Fold", icon: "table" },
+          meta: { title: "航站楼设置" },
           redirect: "/BasicsData/airportInfoChild",
           component: {
             render: () => h(resolveComponent("router-view")),
@@ -56,7 +56,7 @@ const HomeRoutes = {
               path: "/BasicsData/positionSetting",
               name: "PositionSetting",
               hidden: true,
-              meta: { title: "位置设置", elSvgIcon: "Fold", icon: "table" },
+              meta: { title: "位置设置" },
               component: () =>
                 import(
                   "@/views/BasicsData/airportInfo/positionSetting/index.vue"
@@ -69,14 +69,14 @@ const HomeRoutes = {
     {
       path: "/BasicsData/deployNode",
       name: "DeployNode",
-      meta: { title: "节点信息维护", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "节点信息维护" },
       component: () => import("@/views/BasicsData/deployNode/index.vue"),
     },
     {
       path: "/BasicsData/modelMaintenance",
       name: "ModelMaintenance",
       redirect: "/BasicsData/modelMaintenance",
-      meta: { title: "机型维护", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "机型维护" },
       component: {
         render: () => h(resolveComponent("router-view")),
       },
@@ -92,7 +92,7 @@ const HomeRoutes = {
           path: "/BasicsData/modelMaintenance/shippingSpace",
           name: "ShippingSpace",
           hidden: true,
-          meta: { title: "舱位管理", elSvgIcon: "Fold", icon: "table" },
+          meta: { title: "舱位管理" },
           component: () => import("@/views/BasicsData/shippingSpace/index.vue"),
         },
       ],
@@ -100,27 +100,27 @@ const HomeRoutes = {
     {
       path: "/BasicsData/containerMaintenance",
       name: "ContainerMaintenance",
-      meta: { title: "容器维护", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "容器维护" },
       component: () =>
         import("@/views/BasicsData/containerMaintenance/index.vue"),
     },
     {
       path: "/BasicsData/cargoInformation",
       name: "CargoInformation",
-      meta: { title: "货代信息维护", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "货代信息维护" },
       component: () => import("@/views/BasicsData/cargoInformation/index.vue"),
     },
     {
       path: "/BasicsData/specialCargoMaintenance",
       name: "SpecialCargoMaintenance",
-      meta: { title: "特殊货物类型维护", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "特殊货物类型维护" },
       component: () =>
         import("@/views/BasicsData/specialCargoMaintenance/index.vue"),
     },
     {
       path: "/BasicsData/equipmentMaintenance",
       name: "EquipmentMaintenance",
-      meta: { title: "设备维护", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "设备维护" },
       component: () =>
         import("@/views/BasicsData/equipmentMaintenance/index.vue"),
     },

src/router/routes/routes-file-two.ts

@@ -11,45 +11,45 @@ const HomeRoutes = {
     {
       path: 'permission',
       name: 'Permission',
-      meta: { title: '权限项管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '权限项管理' },
       component: () => import('@/views/userManagement/permission/index.vue'),
     },
     {
       path: 'role',
       name: 'Role',
-      meta: { title: '角色管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '角色管理' },
       component: () => import('@/views/userManagement/role/index.vue'),
     },
     {
       path: 'account',
       name: 'Account',
-      meta: { title: '账号管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '账号管理' },
       component: () => import('@/views/userManagement/account/index.vue'),
     },
     {
       path: 'accountGroup',
       name: 'AccountGroup',
-      meta: { title: '账号组管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '账号组管理' },
       component: () => import('@/views/userManagement/accountGroup/index.vue'),
     },
     {
       path: 'application',
       name: 'Application',
-      meta: { title: '应用管理', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '应用管理' },
       component: () => import('@/views/userManagement/application/index.vue'),
     },
     {
       path: 'auth',
       name: 'Auth',
       hidden: true,
-      meta: { title: '角色授权', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '角色授权' },
       component: () => import('@/views/userManagement/role/auth.vue'),
     },
     {
       path: 'accountAuth',
       name: 'AccountAuth',
       hidden: true,
-      meta: { title: '账号权限', elSvgIcon: 'Fold', icon: 'table' },
+      meta: { title: '账号权限' },
       component: () => import('@/views/userManagement/account/auth.vue'),
     },
   ],