admin/nexus-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Baobhan Sith
2025-05-13 00:43:33 +08:00
parent 52b797837e
commit fb89c2e451
2 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/src/components/LayoutRenderer.vue
+8 -1
View File
@@ -484,13 +484,20 @@ onMounted(() => {
</template> </template>
<!-- StatusMonitor --> <!-- StatusMonitor -->
<template v-else-if="layoutNode.component === 'statusMonitor'"> <template v-else-if="layoutNode.component === 'statusMonitor'">
<keep-alive> <keep-alive v-if="activeSessionId">
<component <component
:is="currentMainComponent" :is="currentMainComponent"
v-bind="componentProps" v-bind="componentProps"
class="flex-grow overflow-auto" class="flex-grow overflow-auto"
/> />
</keep-alive> </keep-alive>
<div v-else class="flex-grow flex justify-center items-center text-center text-text-secondary bg-header text-sm p-4">
<div class="flex flex-col items-center justify-center p-8 w-full h-full">
<i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i>
<span class="text-lg font-medium text-text-secondary mb-2">{{ t('layout.noActiveSession.title') }}</span>
<div class="text-xs text-text-secondary mt-2">{{ t('layout.noActiveSession.message') }}</div>
</div>
</div>
</template> </template>
<!-- Other Panes --> <!-- Other Panes -->
<template v-else-if="currentMainComponent"> <template v-else-if="currentMainComponent">
packages/frontend/src/components/StatusMonitor.vue
+11 -12
View File
@@ -1,16 +1,15 @@
<template> <template>
<!-- 根元素，包含内边距、背景、边框和文本样式 --> <!-- 根元素，包含内边距、背景、边框和文本样式 -->
<div class="status-monitor p-4 bg-background text-foreground h-full overflow-y-auto text-sm"> <div class="status-monitor p-4 bg-background text-foreground h-full overflow-y-auto text-sm" :class="{ 'bg-header': !activeSessionId }">
<!-- 标题，包含外边距、边框、内边距、字体大小和颜色 --> <h4 v-if="activeSessionId" class="mt-0 mb-4 border-b border-border pb-2 text-base font-medium">
<h4 class="mt-0 mb-4 border-b border-border pb-2 text-base font-medium"> {{ t('statusMonitor.title') }}
{{ t('statusMonitor.title') }} </h4>
</h4>
<!-- 无活动会话状态 --> <!-- 无活动会话状态 -->
<div v-if="!activeSessionId" class="no-session-status flex flex-col items-center justify-center text-center text-text-secondary mt-4 h-full"> <div v-if="!activeSessionId" class="no-session-status flex flex-col items-center justify-center text-center text-text-secondary mt-4 h-full">
<i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i> <i class="fas fa-plug text-4xl mb-3 text-text-secondary"></i>
<span class="text-lg font-medium mb-2">{{ t('layout.noActiveSession.title') }}</span> <span class="text-lg font-medium mb-2">{{ t('layout.noActiveSession.title') }}</span>
</div> </div>
<!-- 错误状态 --> <!-- 错误状态 -->
<div v-else-if="currentStatusError" class="status-error flex flex-col items-center justify-center text-center text-red-500 mt-4 h-full"> <div v-else-if="currentStatusError" class="status-error flex flex-col items-center justify-center text-center text-red-500 mt-4 h-full">
@@ -95,8 +94,8 @@
</div> </div>
<!-- 网络速率 --> <!-- 网络速率，仅在有活动会话且有数据时显示 -->
<div class="status-item grid grid-cols-[auto_1fr] items-center gap-3 mt-2"> <div v-if="activeSessionId && currentServerStatus" class="status-item grid grid-cols-[auto_1fr] items-center gap-3 mt-2">
<label class="font-semibold text-text-secondary text-left whitespace-nowrap">{{ t('statusMonitor.networkLabel') }} ({{ currentServerStatus?.netInterface || '...' }}):</label> <label class="font-semibold text-text-secondary text-left whitespace-nowrap">{{ t('statusMonitor.networkLabel') }} ({{ currentServerStatus?.netInterface || '...' }}):</label>
<div class="network-values flex items-center justify-start gap-4"> <!-- 减小间距 --> <div class="network-values flex items-center justify-start gap-4"> <!-- 减小间距 -->
<span class="rate down inline-flex items-center gap-1 text-green-500 text-xs whitespace-nowrap"> <span class="rate down inline-flex items-center gap-1 text-green-500 text-xs whitespace-nowrap">