style: Adjust the overview page style (#10588)

2026-09-23 16:00:52 +00:00 · 2025-10-09 10:07:26 +00:00
parent 4a8b524a7c
commit 6ed000985c
12 changed files with 53 additions and 22 deletions
@@ -3592,8 +3592,9 @@ const message = {
            nodeUnbindHelper:
                'Detected that this node is not bound to a license. Please bind it in [Panel Settings - License] menu and try again!',
            memTotal: 'Total Memory',
-            nodeManagement: 'Node Management',
-            panelManagement: 'Panel Management',
+            nodeManagement: 'Multi-Machine Management',
+            nodeItem: 'Node Management',
+            panelItem: 'Panel Management',
            addPanel: 'Add Panel',
            addNode: 'Add Node',
            connInfo: 'Connection Information',
@@ -3543,7 +3543,9 @@ const message = {
            nodeUnbindHelper:
                'Se ha detectado que este nodo no está vinculado a una licencia. Vincúlalo desde [Ajustes del Panel - Licencia] e inténtalo de nuevo.',
            memTotal: 'Memoria Total',
-            nodeManagement: 'Gestión de Nodos',
+            nodeManagement: 'Gestión Multi-Máquina',
+            nodeItem: 'Gestión de Nodos',
+            panelItem: 'Gestión de Paneles',
            addNode: 'Añadir Nodo',
            connInfo: 'Información de Conexión',
            nodeInfo: 'Información del Nodo',
@@ -3478,8 +3478,9 @@ const message = {
            nodeUnbindHelper:
                'このノードがライセンスにバインドされていないことを検出しました。[パネル設定 - ライセンス]メニューでバインドしてから再試行してください！',
            memTotal: '総メモリ',
-            nodeManagement: 'ノード管理',
-            panelManagement: 'パネル管理',
+            nodeManagement: 'マルチマシン管理',
+            nodeItem: 'ノード管理',
+            panelItem: 'パネル管理',
            addPanel: 'パネル追加',
            addNode: 'ノードを追加',
            connInfo: '接続情報',
@@ -3415,8 +3415,9 @@ const message = {
            nodeUnbindHelper:
                '이 노드가 라이선스에 바인딩되지 않은 것으로 감지되었습니다. [패널 설정 - 라이선스] 메뉴에서 바인딩 후 다시 시도하세요!',
            memTotal: '총 메모리',
-            nodeManagement: '노드 관리',
-            panelManagement: '패널 관리',
+            nodeManagement: '다중 머신 관리',
+            nodeItem: '노드 관리',
+            panelItem: '패널 관리',
            addPanel: '패널 추가',
            addNode: '노드 추가',
            connInfo: '연결 정보',
@@ -3544,8 +3544,9 @@ const message = {
            nodeUnbindHelper:
                'Terdeteksi nod ini tidak terikat pada lesen. Sila ikat dalam menu [Tetapan Panel - Lesen] dan cuba lagi!',
            memTotal: 'Jumlah Memori',
-            nodeManagement: 'Pengurusan Nod',
-            panelManagement: 'Pengurusan Panel',
+            nodeManagement: 'Pengurusan Multi-Mesin',
+            nodeItem: 'Pengurusan Nod',
+            panelItem: 'Pengurusan Panel',
            addPanel: 'Tambah Panel',
            addNode: 'Tambah Nod',
            connInfo: 'Maklumat Sambungan',
@@ -3564,8 +3564,9 @@ const message = {
            nodeUnbindHelper:
                'Detectamos que este nó não está vinculado a uma licença. Por favor vincule no menu [Configurações do Painel - Licença] e tente novamente!',
            memTotal: 'Memória Total',
-            nodeManagement: 'Gerenciamento de Nó',
-            panelManagement: 'Gerenciamento de Painel',
+            nodeManagement: 'Gerenciamento Multi-Máquina',
+            nodeItem: 'Gerenciamento de Nós',
+            panelItem: 'Gerenciamento de Painéis',
            addPanel: 'Adicionar Painel',
            addNode: 'Adicionar Nó',
            connInfo: 'Informações de Conexão',
@@ -3554,8 +3554,9 @@ const message = {
            nodeUnbindHelper:
                'Обнаружено, что узел не привязан к лицензии. Привяжите в меню [Настройки панели - Лицензия] и повторите попытку!',
            memTotal: 'Общая память',
-            nodeManagement: 'Управление узлом',
-            panelManagement: 'Управление Панелью',
+            nodeManagement: 'Управление Несколькими Машинами',
+            nodeItem: 'Управление Узлами',
+            panelItem: 'Управление Панелями',
            addPanel: 'Добавить Панель',
            addNode: 'Добавить узел',
            connInfo: 'Информация о подключении',
@@ -3633,8 +3633,9 @@ const message = {
            nodeUnbindHelper:
                'Bu düğümün lisansa bağlı olmadığı algılandı. Lütfen [Panel Ayarları - Lisans] menüsünde bağlayın ve tekrar deneyin!',
            memTotal: 'Toplam Bellek',
-            nodeManagement: 'Düğüm Yönetimi',
-            panelManagement: 'Panel Yönetimi',
+            nodeManagement: 'Çoklu Makine Yönetimi',
+            nodeItem: 'Düğüm Yönetimi',
+            panelItem: 'Panel Yönetimi',
            addPanel: 'Panel Ekle',
            addNode: 'Düğüm Ekle',
            connInfo: 'Bağlantı Bilgileri',
@@ -3342,8 +3342,9 @@ const message = {
            nodeUnbind: '節點未綁定許可證',
            nodeUnbindHelper: '檢測到該節點未綁定許可證，請在 [面板設定 - 許可證] 選單中綁定後重試！',
            memTotal: '記憶體總計',
-            nodeManagement: '節點管理',
-            panelManagement: '面板管理',
+            nodeManagement: '多機管理',
+            nodeItem: '節點管理',
+            panelItem: '面板管理',
            addPanel: '添加面板',
            addNode: '新增節點',
            connInfo: '連接資訊',
@@ -3313,8 +3313,9 @@ const message = {
            nodeUnbind: '节点未绑定许可证',
            nodeUnbindHelper: '检测到该节点未绑定许可证，请在 [ 面板设置 - 许可证 ] 菜单中绑定后重试！',
            memTotal: '内存总计',
-            nodeManagement: '节点管理',
-            panelManagement: '面板管理',
+            nodeManagement: '多机管理',
+            nodeItem: '节点管理',
+            panelItem: '面板管理',
            addPanel: '添加面板',
            addNode: '添加节点',
            connInfo: '连接信息',
@@ -164,9 +164,10 @@
            </el-col>
            <el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
                <el-carousel
+                    class="my-carousel"
                    :key="simpleNodes.length"
-                    indicator-position="none"
                    height="346px"
+                    :indicator-position="showSimpleNode() ? '' : 'none'"
                    :arrow="showSimpleNode() ? 'hover' : 'never'"
                >
                    <el-carousel-item key="systemInfo">
@@ -176,7 +177,7 @@
                            </template>
                            <template #body>
                                <el-scrollbar>
-                                    <el-descriptions :column="1" class="ml-5" border>
+                                    <el-descriptions :column="1" class="ml-5 -mt-2" border>
                                        <el-descriptions-item
                                            class-name="system-content"
                                            label-class-name="system-label"
@@ -761,9 +762,22 @@ onBeforeUnmount(() => {
    width: 100% !important;
 }

+.my-carousel {
+    .el-carousel__button {
+        margin-bottom: -4px;
+        background-color: var(--el-text-color-regular);
+    }
+    .el-carousel__indicator.is-active .el-carousel__button {
+        background-color: var(--panel-color-primary);
+    }
+    .el-descriptions .el-descriptions__body .el-descriptions__table {
+        border-spacing: 0 5px !important; /* 垂直间距15px */
+    }
+}
+
 .simple-node {
    padding: 10px 15px 10px 0px;
-    margin: 3px 10px 3px 20px;
+    margin: -8px 10px 3px 20px;
    &:hover {
        background-color: rgba(0, 94, 235, 0.03);
    }
@@ -30,6 +30,7 @@
 import { ref, nextTick } from 'vue';
 import Terminal from '@/components/terminal/index.vue';
 import { getCommandTree } from '@/api/modules/command';
+import i18n from '@/lang';

 const terminalVisible = ref(false);
 const terminalRef = ref<InstanceType<typeof Terminal> | null>(null);
@@ -60,6 +61,11 @@ const initTerm = async (cwd: string) => {
 const loadCommandTree = async () => {
    const res = await getCommandTree('command');
    commandTree.value = res.data || [];
+    for (const item of commandTree.value) {
+        if (item.label === 'Default') {
+            item.label = i18n.global.t('commons.table.default');
+        }
+    }
 };

 function quickInput(val: Array<string>) {