feat: 全屏

frontend/src/components/app-layout/index.vue

@@ -1,9 +1,9 @@
 <template>
     <Layout v-loading="loading" :element-loading-text="loadinText" fullscreen>
-        <template #menu>
+        <template #menu v-if="!globalStore.isFullScreen">
             <Menu></Menu>
         </template>
-        <template #footer>
+        <template #footer v-if="!globalStore.isFullScreen">
             <Footer></Footer>
         </template>
     </Layout>

frontend/src/components/file-list/index.vue

@@ -12,6 +12,7 @@
                     @click="jump(key)"
                     :right="key == paths.length - 1"
                 >
+                    <!-- <span class="sle">{{ item }}</span> -->
                     {{ item }}
                 </BreadCrumbItem>
             </BreadCrumbs>

frontend/src/store/index.ts

@@ -19,9 +19,13 @@ export const GlobalStore = defineStore({
             theme: 'bright',
             footer: true,
         },
+        isFullScreen: false,
     }),
     getters: {},
     actions: {
+        setScreenFull() {
+            this.isFullScreen = !this.isFullScreen;
+        },
         setLogStatus(login: boolean) {
             this.isLogin = login;
         },

frontend/src/store/interface/index.ts

@@ -15,6 +15,7 @@ export interface GlobalState {
     language: string; // zh | en
     // assemblySize: string; // small | default | large
     themeConfig: ThemeConfigProp;
+    isFullScreen: boolean;
 }
 
 export interface MenuState {

frontend/src/views/host/terminal/terminal/index.vue

@@ -131,13 +131,16 @@ import i18n from '@/lang';
 import { Host } from '@/api/interface/host';
 import { getHostTree, testByID } from '@/api/modules/host';
 import { getCommandList } from '@/api/modules/command';
+import { GlobalStore } from '@/store';
 
 const dialogRef = ref();
 const ctx = getCurrentInstance() as any;
+const globalStore = GlobalStore();
 
 function toggleFullscreen() {
     if (screenfull.isEnabled) {
         screenfull.toggle();
+        globalStore.setScreenFull();
     }
 }