From 16f86e8024e9321f8d8951fb60b6d60d0d821af9 Mon Sep 17 00:00:00 2001
From: chaos-zhu <ggchaos1022@gmail.com>
Date: Sun, 4 Aug 2024 21:33:43 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E5=AE=9E=E4=BE=8B=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E5=8F=B0=E7=9B=B4=E8=BE=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/server/components/host-table.vue | 17 ++++++++++-------
 web/src/views/server/index.vue                 | 14 +++++++-------
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/web/src/views/server/components/host-table.vue b/web/src/views/server/components/host-table.vue
index a7896a6..dcf59d5 100644
--- a/web/src/views/server/components/host-table.vue
+++ b/web/src/views/server/components/host-table.vue
@@ -33,12 +33,12 @@
             <el-descriptions-item label="位置" width="20%">
               {{ row.monitorData?.ipInfo.country || '--' }} {{ row.monitorData?.ipInfo.regionName }}
             </el-descriptions-item>
-            <el-descriptions-item label="其他" width="20%">
-              <span @click="handleToConsole(row)">服务商控制台</span>
+            <el-descriptions-item v-show="row.consoleUrl" label="其他" width="20%">
+              <span class="link" @click="handleToConsole(row)">服务商控制台</span>
             </el-descriptions-item>
           </el-descriptions>
           <div v-else class="no_client_data">
-            监控客户端未安装，无法获取实时数据。<span class="go_install" @click="handleOnekey(row)">去安装</span>
+            监控客户端未安装，无法获取实时数据。<span class="link" @click="handleOnekey(row)">去安装</span>
           </div>
         </template>
       </el-table-column>
@@ -178,6 +178,9 @@ const handleRemoveHost = async ({ host }) => {
   :deep(.el-descriptions__title) {
     display: none;
   }
+  :deep(.el-descriptions) {
+    padding: 0 25px;
+  }
 
   .no_client_data {
     font-size: 14px;
@@ -185,10 +188,10 @@ const handleRemoveHost = async ({ host }) => {
     line-height: 23px;
     text-align: center;
     color: var(--el-color-warning);;
-    .go_install {
-      color: var(--el-color-primary);
-      cursor: pointer;
-    }
+  }
+  .link {
+    color: var(--el-color-primary);
+    cursor: pointer;
   }
 }
 </style>
diff --git a/web/src/views/server/index.vue b/web/src/views/server/index.vue
index 97140dc..b08b796 100644
--- a/web/src/views/server/index.vue
+++ b/web/src/views/server/index.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="server_group_container">
     <div class="server_group_header">
+      <!-- <el-button v-show="selectHosts.length" type="primary" @click="hostFormVisible = true">批量操作</el-button> -->
+      <el-button type="primary" @click="hostFormVisible = true">添加实例</el-button>
+      <!-- <el-button type="primary" @click="handleHiddenIP">
+        {{ hiddenIp ? '显示IP' : '隐藏IP' }}
+      </el-button> -->
+      <el-button type="primary" @click="importVisible = true">导入实例</el-button>
       <el-dropdown>
         <el-button type="primary" class="group_action_btn">
           批量操作<el-icon class="el-icon--right"><arrow-down /></el-icon>
@@ -14,12 +20,6 @@
           </el-dropdown-menu>
         </template>
       </el-dropdown>
-      <!-- <el-button v-show="selectHosts.length" type="primary" @click="hostFormVisible = true">批量操作</el-button> -->
-      <el-button type="primary" @click="hostFormVisible = true">添加实例</el-button>
-      <!-- <el-button type="primary" @click="handleHiddenIP">
-        {{ hiddenIp ? '显示IP' : '隐藏IP' }}
-      </el-button> -->
-      <el-button type="primary" @click="importVisible = true">导入实例</el-button>
     </div>
     <div class="server_group_collapse">
       <div v-if="isNoHost">
@@ -208,7 +208,7 @@ let hostFormClosed = () => {
     align-items: center;
     justify-content: end;
     .group_action_btn {
-      margin-right: 12px;
+      margin: 0 12px;
     }
   }