添加隐藏导航栏功能

husq

2023-09-26 c20e4c6e6b26e60ce850913513db8475a34aa536

添加隐藏导航栏功能

 src/pages/page-web/projects/project_list/index.vue

@@ -1,6 +1,6 @@
<template>
    <div class="project_list">
        <div class="left_content">
        <div :class="[isHidden? 'w50' : 'left_content']">
            <router-view />
        </div>
        <div class="right_content">
@@ -29,6 +29,11 @@
import Devices from '/@/pages/page-web/projects/devices.vue'
import { EBizCode, ERouterName } from '/@/types'
import { getRoot } from '/@/root'
const route = useRoute()
const isHidden = computed(() => {
  const flag = !!route.meta?.hidden
  return flag
})
const root = getRoot()
</script>

@@ -38,7 +43,12 @@
    transition: width 0.2s ease;
    height: 100%;
    width: 100%;

    .w50 {
        width: 50px;
        max-height: 100vh;
        background-color: black;
        color: $text-white-basic !important;
    }
    .left_content {
        width: 370px;
        max-height: 100vh;

 src/pages/page-web/projects/tsa.vue

@@ -282,7 +282,6 @@

const { appContext } = getCurrentInstance()
const global = appContext.config.globalProperties
const route = useRoute()
// const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE
const store = useMyStore()
const username = ref(localStorage.getItem(ELocalStorageKey.Username))

 src/pages/page-web/projects/workspace.vue

@@ -2,7 +2,7 @@
  <div class="project-app-wrapper">
    <div class="left">
      <Sidebar />
      <div class="main-content uranus-scrollbar dark">
      <div class="main-content uranus-scrollbar dark" v-if="!isHidden">
        <router-view />
      </div>
    </div>
@@ -104,7 +104,11 @@
      break
  }
}

const route = useRoute()
const isHidden = computed(() => {
  const flag = !!route.meta?.hidden
  return flag
})
const webSorketUrl = getWebsocketUrl() + '&workspace-id=' + workspace_id.value
// 监听ws 消息
useConnectWebSocket(messageHandler, webSorketUrl)