diff --git a/web/components/SidebarRight.vue b/web/components/SidebarRight.vue
deleted file mode 100644
index 813950d..0000000
--- a/web/components/SidebarRight.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
- 13123
-
-
-
diff --git a/web/components/Term.vue b/web/components/Term.vue
index 47c38bc..fa1f5fe 100644
--- a/web/components/Term.vue
+++ b/web/components/Term.vue
@@ -25,7 +25,6 @@ onMounted(()=>{
-
const mainLayoutStore = useMainLayoutStore()
const connection = new HubConnectionBuilder()
.withUrl(`${useRuntimeConfig().public.baseUrl}/TerminalHub`,{
diff --git a/web/components/shell/SideBar.vue b/web/components/shell/SideBar.vue
index 122eaa1..c2068b4 100755
--- a/web/components/shell/SideBar.vue
+++ b/web/components/shell/SideBar.vue
@@ -2,7 +2,7 @@
import {useMainLayoutStore} from "~/strores/UseMainLayoutStore";
import {type MenuOption, NIcon} from "naive-ui";
-import { LayoutGrid,Computer,Cpu,Cctv,UserRoundCog,Goal,Settings,LogOut,PanelLeftClose,PanelLeftOpen } from 'lucide-vue-next';
+import { LayoutGrid,Computer,Cpu,Cctv,UserRoundCog,Goal,Settings,LogOut,PanelLeftClose,PanelLeftOpen,SquareTerminal } from 'lucide-vue-next';
import type {Component} from "vue";
import { useLoadingBar } from 'naive-ui'
const {$gsap} = useNuxtApp()
@@ -25,6 +25,11 @@ const menuOptions: MenuOption[] = [
key: 'host',
icon:renderIcon(Computer),
children: [
+ {
+ label: '终端',
+ key: 'terminal',
+ icon:renderIcon(SquareTerminal)
+ },
{
label: 'CPU',
key: 'host/cpu',
@@ -58,6 +63,9 @@ const menuOptions: MenuOption[] = [
icon:renderIcon(LogOut)
}
]
+defineExpose({
+ menuOptions
+})
watch(()=>activeKey.value,async (newValue)=>{
loadingBar.start()
await navigateTo("/"+newValue)
diff --git a/web/components/shell/TitleBar.vue b/web/components/shell/TitleBar.vue
index 9139c58..2e6d7db 100755
--- a/web/components/shell/TitleBar.vue
+++ b/web/components/shell/TitleBar.vue
@@ -1,22 +1,45 @@
+
+
+ {{ getMenuInfo(i) }}
+
+
+
+
+
-
-
-
-
@@ -50,19 +69,20 @@ const options = ref(['@gmail.com', '@outlook.com', '@yahoo.com'])
border-bottom: $border;
gap: $gap*2;
@include SC_Font();
+
.dark-mode & {
background: $dark-bg-color;
border-bottom: $border-dark;
}
}
-:deep(.n-breadcrumb){
- ul{
+:deep(.n-breadcrumb) {
+ ul {
display: flex;
padding: 0;
align-content: center;
- li>span{
+ li > span {
font-size: 16px;
font-weight: 800;
@@ -70,42 +90,4 @@ const options = ref(['@gmail.com', '@outlook.com', '@yahoo.com'])
}
}
-.name {
- font-weight: 700;
- font-size: 26px;
- color: $light-text-color;
-
- .dark-mode & {
- color: $dark-text-color;
- }
-}
-
-.user {
- grid-column: 4;
-}
-
-.action {
- display: flex;
- gap: $gap*2;
- grid-column: 3;
- svg{
- cursor: pointer;
- stroke: rgba(51, 51, 51, 0.5);
- &:hover{
- stroke: $light-text-color;
- }
- .dark-mode &{
- stroke: rgba(255, 255, 255, 0.5);
- &:hover{
- stroke: $dark-text-color;
- }
- }
- }
-}
-:deep(.p-breadcrumb){
- background: unset;
- .p-menuitem-text{
- color: #D3D3D3;
- }
-}
\ No newline at end of file
diff --git a/web/layouts/Main.vue b/web/layouts/Main.vue
index 5e186b7..bac9818 100755
--- a/web/layouts/Main.vue
+++ b/web/layouts/Main.vue
@@ -201,7 +201,7 @@ onKeyStroke('Shift', (e) => {
-
+
diff --git a/web/pages/terminal.vue b/web/pages/terminal.vue
new file mode 100644
index 0000000..dde2abf
--- /dev/null
+++ b/web/pages/terminal.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file