fea(整体AVI视图): 静态开发

src/lang/zh/route.js

@@ -24,5 +24,8 @@ export default {
     Basic: '基础数据',
     WorkshopBasic: '车间基础数据',
     DeviceBasic: '设备基础数据',
-    LaneBasic: '车道基础数据'
+    LaneBasic: '车道基础数据',
+    // AVI大屏
+    Monitor: 'AVI大屏',
+    MonitorIndex: 'AVI大屏'
 }

src/router/index.js

@@ -19,6 +19,8 @@ import workshopRouter from './modules/workshop'
 import deviceRunningTimeRouter from './modules/deviceRunning'
 // 基础数据
 import basicRouter from './modules/basic'
+// AVI大屏
+import monitorRouter from './modules/monitor'
 // 系统管理
 import systemRouter from './modules/system'
 
@@ -48,6 +50,7 @@ export const asyncRouterMap = [
     workshopRouter,
     deviceRunningTimeRouter,
     basicRouter,
+    monitorRouter,
     systemRouter,
     {
         path: '*',

src/router/modules/monitor.js

+/**
+ * 大屏监控
+ */
+export default {
+    path: '/monitor',
+    component: () => import('@/views/Layout/lsd'),
+    redirect: '/monitor/index',
+    meta: { title: 'Monitor', icon: 'kanban', openNewWindow: true },
+    children: [
+        {
+            path: 'monitorIndex',
+            component: () => import('@/views/Monitor/index'),
+            name: 'MonitorIndex',
+            meta: { title: 'MonitorIndex', icon: 'kanban' }
+        }
+    ]
+}

src/views/Layout/components/SidebarItem.vue

@@ -2,7 +2,7 @@
     <div v-if="!item.hidden && item.children" class="sidebar-item-pack">
         <!-- 显示一层菜单 -->
         <template v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow && checkCurrentRouteAuthority(item.children, item)">
-            <router-link :to="resolvePath(onlyOneChild.path)">
+            <router-link tag="a" :target="openNewWindowToggle(item)" :to="resolvePath(onlyOneChild.path)">
                 <el-menu-item :index="resolvePath(onlyOneChild.path)">
                     <svg-icon :icon-class="onlyOneChild.meta.icon !== undefined ? onlyOneChild.meta.icon : 'list'" />
                     <span slot="title">{{generateTitle(onlyOneChild.meta.title)}}</span>
@@ -110,6 +110,14 @@
             isExternalLink (routePath) {
                 return validateURL(routePath)
             },
+            // 判断是否打开新的标签页
+            openNewWindowToggle (routeItem) {
+                if (routeItem.meta.hasOwnProperty('openNewWindow') && routeItem.meta.openNewWindow) {
+                    return '_blank'
+                } else {
+                    return '_self'
+                }
+            },
             generateTitle
         }
     }