From c20e4c6e6b26e60ce850913513db8475a34aa536 Mon Sep 17 00:00:00 2001
From: husq <931347610@qq.com>
Date: Tue, 26 Sep 2023 09:47:06 +0800
Subject: [PATCH] 添加隐藏导航栏功能
---
src/pages/page-web/projects/project_list/index.vue | 14 ++++++++++++--
src/pages/page-web/projects/tsa.vue | 1 -
src/pages/page-web/projects/workspace.vue | 8 ++++++--
3 files changed, 18 insertions(+), 5 deletions(-)
diff --git a/src/pages/page-web/projects/project_list/index.vue b/src/pages/page-web/projects/project_list/index.vue
index c3ea927..3cb1aa5 100644
--- a/src/pages/page-web/projects/project_list/index.vue
+++ b/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;
diff --git a/src/pages/page-web/projects/tsa.vue b/src/pages/page-web/projects/tsa.vue
index 59d1997..6815794 100644
--- a/src/pages/page-web/projects/tsa.vue
+++ b/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))
diff --git a/src/pages/page-web/projects/workspace.vue b/src/pages/page-web/projects/workspace.vue
index a34e25a..7ec0794 100644
--- a/src/pages/page-web/projects/workspace.vue
+++ b/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)
--
Gitblit v1.9.3