wujingjing
2025-04-02 a040c54c99825755c0b210c5dca39898b68e3db1
src/layout/component/main.vue
@@ -9,8 +9,13 @@
         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="{
@@ -36,7 +41,7 @@
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';
@@ -45,9 +50,26 @@
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();
@@ -78,6 +100,7 @@
// 页面加载前
onMounted(() => {
   NextLoading.done(600);
   selectFirstRoom();
});
// 暴露变量
@@ -86,11 +109,10 @@
});
//#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>