跳转

src/layout/components/Menu/src/Menu.vue

@@ -1,17 +1,26 @@
 <script lang="tsx">
-import { PropType } from 'vue'
-import { ElMenu, ElScrollbar } from 'element-plus'
-import { useAppStore } from '@/store/modules/app'
-import { usePermissionStore } from '@/store/modules/permission'
-import { useRenderMenuItem } from './components/useRenderMenuItem'
-import { isUrl } from '@/utils/is'
-import { useDesign } from '@/hooks/web/useDesign'
-import { LayoutType } from '@/types/layout'
+import {PropType} from 'vue'
+import {ElMenu, ElScrollbar} from 'element-plus'
+import {useAppStore} from '@/store/modules/app'
+import {usePermissionStore} from '@/store/modules/permission'
+import {useRenderMenuItem} from './components/useRenderMenuItem'
+import {isUrl} from '@/utils/is'
+import {useDesign} from '@/hooks/web/useDesign'
+import {LayoutType} from '@/types/layout'
 
-const { getPrefixCls } = useDesign()
+const {getPrefixCls} = useDesign()
 
 const prefixCls = getPrefixCls('menu')
-
+let openWindowList = [
+  '/display/cf',
+  '/display/kq',
+  '/display/ksh'
+];
+const toPath = {
+  '/display/cf': '/DataVisualizationInitcf',
+  '/display/kq': '/DataVisualizationInitkq',
+  '/display/ksh': '/DataVisualizationInitksh',
+}
 export default defineComponent({
   // eslint-disable-next-line vue/no-reserved-component-names
   name: 'Menu',
@@ -26,7 +35,7 @@ export default defineComponent({
 
     const layout = computed(() => appStore.getLayout)
 
-    const { push, currentRoute } = useRouter()
+    const {push, currentRoute} = useRouter()
 
     const permissionStore = usePermissionStore()
 
@@ -50,7 +59,7 @@ export default defineComponent({
     const uniqueOpened = computed(() => appStore.getUniqueOpened)
 
     const activeMenu = computed(() => {
-      const { meta, path } = unref(currentRoute)
+      const {meta, path} = unref(currentRoute)
       // if set path, the sidebar will highlight the path you set
       if (meta.activeMenu) {
         return meta.activeMenu as string
@@ -66,7 +75,11 @@ export default defineComponent({
       if (isUrl(index)) {
         window.open(index)
       } else {
-        push(index)
+        if (openWindowList.includes(index)) {
+          window.open(toPath[index])
+        } else {
+          push(index)
+        }
       }
     }
 
@@ -99,7 +112,7 @@ export default defineComponent({
         >
           {{
             default: () => {
-              const { renderMenuItem } = useRenderMenuItem(unref(menuMode))
+              const {renderMenuItem} = useRenderMenuItem(unref(menuMode))
               return renderMenuItem(unref(routers))
             }
           }}

src/router/modules/remaining.ts

@@ -71,6 +71,36 @@ const remainingRouter: AppRouteRecordRaw[] = [
     ]
   },
   {
+    path: '/DataVisualizationInitcf',
+    component: () => import('@/views/display/cf/index.vue'),
+    name: 'DataVisualizationInitcf',
+    meta: {
+      hidden: true,
+      title: '仓房',
+      noTagsView: true
+    }
+  },
+  {
+    path: '/DataVisualizationInitkq',
+    component: () => import('@/views/display/kq/index.vue'),
+    name: 'DataVisualizationInitkq',
+    meta: {
+      hidden: true,
+      title: '库区',
+      noTagsView: true
+    }
+  },
+  {
+    path: '/DataVisualizationInitksh',
+    component: () => import('@/views/display/ksh/index.vue'),
+    name: 'DataVisualizationInitksh',
+    meta: {
+      hidden: true,
+      title: '库区2',
+      noTagsView: true
+    }
+  },
+  {
     path: '/user',
     component: Layout,
     name: 'UserInfo',