Browse Source

[Feat 0000] 为某些页面配置菜单展示项

houzekong 11 tháng trước cách đây
mục cha
commit
bc0153d574
2 tập tin đã thay đổi với 21 bổ sung5 xóa
  1. 3 2
      src/layouts/default/layout.data.ts
  2. 18 3
      src/layouts/default/sider/index.vue

+ 3 - 2
src/layouts/default/layout.data.ts

@@ -1,4 +1,5 @@
-export const noHeadeLink = ['/micro-vent-3dModal/dashboard/analysis', '/model3D/home'];
+export const noHeadeLink = ['/micro-vent-3dModal/dashboard/analysis', '/model3D/home', '/fileManager/cad-viewer'];
+export const noSiderLink = ['/fileManager/cad-viewer'];
 export const noContentLink = ['/micro-vent-3dModal/modelchannel/model3D/home'];
 export const ThemeModel = {
   theme5_5: {
@@ -18,4 +19,4 @@ export const ThemeModel = {
     'vent-btn-primary-color': '#1c638a',
     'vent-btn-primary-border-color': '#56b3c96b',
   },
-};
+};

+ 18 - 3
src/layouts/default/sider/index.vue

@@ -13,7 +13,7 @@
   <MixSider v-else-if="getIsMixSidebar" />
   <BottomSider v-else-if="getIsBottomMenu" />
   <Sider v-else /> -->
-  <BottomSider />
+  <BottomSider v-if="!noSiderLink.includes(routePath)" />
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
@@ -26,10 +26,13 @@
   import { useAppInject } from '/@/hooks/web/useAppInject';
   import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
   import { useDesign } from '/@/hooks/web/useDesign';
+  import { useRoute } from 'vue-router';
+  import { noSiderLink } from '../layout.data';
   export default defineComponent({
     name: 'SiderWrapper',
     components: { Sider, Drawer, MixSider, BottomSider },
     setup() {
+      const route = useRoute();
       const { prefixCls } = useDesign('layout-sider-wrapper');
       const { getIsMobile } = useAppInject();
       const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar, getIsBottomMenu, getIsBottomMenuH, getShowSidebar } = useMenuSetting();
@@ -39,14 +42,26 @@
         });
       }
 
-      return { prefixCls, getIsMobile, getCollapsed, handleClose, getMenuWidth, getIsMixSidebar, getIsBottomMenu, getIsBottomMenuH, getShowSidebar, };
+      return {
+        prefixCls,
+        getIsMobile,
+        getCollapsed,
+        handleClose,
+        getMenuWidth,
+        getIsMixSidebar,
+        getIsBottomMenu,
+        getIsBottomMenuH,
+        getShowSidebar,
+        routePath: route.path,
+        noSiderLink,
+      };
     },
   });
 </script>
 <style lang="less">
   @prefix-cls: ~'@{namespace}-layout-sider-wrapper';
   @ventSpace: zxm;
-  
+
   .@{prefix-cls} {
     .@{ventSpace}-drawer-body {
       height: 100vh;