| | |
| | | wrap-class="layout-main-scroll flex" |
| | | view-class="layout-main-scroll bg-[var(--color-bg-side)] flex h100 w-full" |
| | | > |
| | | <SideBar v-if="!isSharePage && sidebarIsShow" :isShow="sidebarIsShow" @toggleSidebar="toggleSidebar" /> |
| | | <SidebarOther v-if="!isSharePage && !sidebarIsShow" :isShow="!sidebarIsShow" @toggleSidebar="toggleSidebar" /> |
| | | <WorkSpaceMenu v-show="isWorkSpace" /> |
| | | <div v-show="isAskAnswer || isHome"> |
| | | <SideBar v-if="!isSharePage && sidebarIsShow" :isShow="sidebarIsShow" @toggleSidebar="toggleSidebar" /> |
| | | <!-- <SidebarOther v-if="!isSharePage && !sidebarIsShow" :isShow="!sidebarIsShow" @toggleSidebar="toggleSidebar" /> --> |
| | | </div> |
| | | <GisMenu v-show="isGis" /> |
| | | |
| | | <div |
| | | class="flex-auto flex-col flex right-container" |
| | | :class="{ |
| | |
| | | import { useRoute } from 'vue-router'; |
| | | import Header from './header/Header.vue'; |
| | | import ShareHeader from './header/ShareHeader.vue'; |
| | | |
| | | import { selectFirstRoom, sidebarIsShow, toggleSidebar } from '/@/stores/chatRoom'; |
| | | import Login from './login/Login.vue'; |
| | | import SideBar from './sidebar/Sidebar.vue'; |
| | | import SidebarOther from './sidebar/SidebarOther.vue'; |
| | |
| | | import { useThemeConfig } from '/@/stores/themeConfig'; |
| | | import { NextLoading } from '/@/utils/loading'; |
| | | import { Local } from '/@/utils/storage'; |
| | | import WorkSpaceMenu from './sidebar/WorkSpaceMenu.vue'; |
| | | import GisMenu from './sidebar/GisMenu.vue'; |
| | | import router from '/@/router/index'; |
| | | // 引入组件 |
| | | const LayoutParentView = defineAsyncComponent(() => import('/@/layout/routerView/parent.vue')); |
| | | const LayoutFooter = defineAsyncComponent(() => import('/@/layout/footer/index.vue')); |
| | | |
| | | const isWorkSpace = computed(() => { |
| | | return router.currentRoute.value.path.startsWith('/workspace'); |
| | | }); |
| | | const isAskAnswer = computed(() => { |
| | | return router.currentRoute.value.path.startsWith('/ask_answer'); |
| | | }); |
| | | const isHome = computed(() => { |
| | | return router.currentRoute.value.path.startsWith('/home'); |
| | | }); |
| | | const isGis = computed(() => { |
| | | return router.currentRoute.value.path.startsWith('/gis'); |
| | | }); |
| | | |
| | | // 定义变量内容 |
| | | const layoutMainScrollbarRef = ref(); |
| | | const route = useRoute(); |
| | |
| | | // 页面加载前 |
| | | onMounted(() => { |
| | | NextLoading.done(600); |
| | | selectFirstRoom(); |
| | | }); |
| | | |
| | | // 暴露变量 |
| | |
| | | }); |
| | | |
| | | //#region ====================== 侧边栏显示隐藏 ====================== |
| | | const sidebarIsShow = ref(Local.get('sidebarIsShow') ?? true); |
| | | const toggleSidebar = (val) => { |
| | | sidebarIsShow.value = val; |
| | | Local.set('sidebarIsShow', val); |
| | | }; |
| | | // const sidebarIsShow = ref( true); |
| | | // const toggleSidebar = (val) => { |
| | | // sidebarIsShow.value = val; |
| | | // }; |
| | | //#endregion |
| | | </script> |
| | | |