From 84721f2e17bf3cf43742e51d99779385ee2db099 Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Sun, 22 Jun 2025 00:06:51 +0800
Subject: [PATCH] =?UTF-8?q?:zap:=20=E4=BC=98=E5=8C=96=E8=BF=9E=E6=8E=A5?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../host-list/components/host-card-list.vue   | 12 ++---
 .../asset/host-list/components/host-table.vue | 51 +++++++++++++------
 .../src/views/asset/host-list/types/const.ts  |  4 ++
 .../asset/host-list/types/table.columns.ts    |  2 +-
 4 files changed, 46 insertions(+), 23 deletions(-)

diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue b/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
index a3de2565..b885d8e2 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
@@ -188,9 +188,7 @@
                :wrap="true">
         <template v-for="groupId in record.groupIdList"
                   :key="groupId">
-          <a-tag color="green">
-            {{ hostGroupList.find(s => s.key === groupId)?.title || groupId }}
-          </a-tag>
+          <a-tag>{{ hostGroupList.find(s => s.key === groupId)?.title || groupId }}</a-tag>
         </template>
       </a-space>
     </template>
@@ -244,11 +242,11 @@
                        @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'SSH' } })">
               <span class="more-doption normal">SSH</span>
             </a-doption>
-            <!-- SFTP -->
-            <a-doption v-if="record.types.includes(HostType.SSH.value)"
+            <!-- RDP -->
+            <a-doption v-if="record.types.includes(HostType.RDP.value)"
                        v-permission="['asset:terminal:access']"
-                       @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'SFTP' } })">
-              <span class="more-doption normal">SFTP</span>
+                       @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'RDP' } })">
+              <span class="more-doption normal">RDP</span>
             </a-doption>
           </template>
         </a-dropdown>
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
index 04476c51..180ce82e 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
@@ -233,9 +233,7 @@
                  :wrap="true">
           <template v-for="groupId in record.groupIdList"
                     :key="groupId">
-            <a-tag color="green">
-              {{ hostGroupList.find(s => s.key === groupId)?.title || groupId }}
-            </a-tag>
+            <a-tag>{{ hostGroupList.find(s => s.key === groupId)?.title || groupId }}</a-tag>
           </template>
         </a-space>
       </template>
@@ -255,6 +253,41 @@
       <!-- 操作 -->
       <template #handle="{ record }">
         <div class="table-handle-wrapper row-handle-wrapper">
+          <!-- 单协议连接 -->
+          <a-button v-if="record.types?.length === 1"
+                    type="text"
+                    size="mini"
+                    v-permission="['asset:terminal:access']"
+                    @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: record.types[0] } })">
+            连接
+          </a-button>
+          <!-- 多协议连接 -->
+          <a-popover v-else-if="(record.types?.length || 0) > 1"
+                     v-permission="['asset:terminal:access']"
+                     :title="undefined"
+                     :content-style="{ padding: '8px' }">
+            <a-button type="text" size="mini">
+              连接
+            </a-button>
+            <template #content>
+              <a-space>
+                <!-- SSH -->
+                <a-button v-if="record.types.includes(HostType.SSH.value)"
+                          type="text"
+                          size="mini"
+                          @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: record.types[0] } })">
+                  SSH
+                </a-button>
+                <!-- RDP -->
+                <a-button v-if="record.types.includes(HostType.RDP.value)"
+                          type="text"
+                          size="mini"
+                          @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'RDP' } })">
+                  RDP
+                </a-button>
+              </a-space>
+            </template>
+          </a-popover>
           <!-- 修改 -->
           <a-button type="text"
                     size="mini"
@@ -293,18 +326,6 @@
                          @click="emits('openCopy', record)">
                 <span class="more-doption normal">复制</span>
               </a-doption>
-              <!-- SSH -->
-              <a-doption v-if="record.types.includes(HostType.SSH.value)"
-                         v-permission="['asset:terminal:access']"
-                         @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'SSH' } })">
-                <span class="more-doption normal">SSH</span>
-              </a-doption>
-              <!-- SFTP -->
-              <a-doption v-if="record.types.includes(HostType.SSH.value)"
-                         v-permission="['asset:terminal:access']"
-                         @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'SFTP' } })">
-                <span class="more-doption normal">SFTP</span>
-              </a-doption>
             </template>
           </a-dropdown>
         </div>
diff --git a/orion-visor-ui/src/views/asset/host-list/types/const.ts b/orion-visor-ui/src/views/asset/host-list/types/const.ts
index 2638c21b..870a0eef 100644
--- a/orion-visor-ui/src/views/asset/host-list/types/const.ts
+++ b/orion-visor-ui/src/views/asset/host-list/types/const.ts
@@ -20,6 +20,10 @@ export const HostType = {
     value: 'SSH',
     port: 22,
   },
+  RDP: {
+    value: 'RDP',
+    port: 3389,
+  },
 };
 
 // 系统类型
diff --git a/orion-visor-ui/src/views/asset/host-list/types/table.columns.ts b/orion-visor-ui/src/views/asset/host-list/types/table.columns.ts
index 2f1c3873..fe6e064d 100644
--- a/orion-visor-ui/src/views/asset/host-list/types/table.columns.ts
+++ b/orion-visor-ui/src/views/asset/host-list/types/table.columns.ts
@@ -100,7 +100,7 @@ const columns = [
   }, {
     title: '操作',
     slotName: 'handle',
-    width: 162,
+    width: 198,
     align: 'center',
     fixed: 'right',
     default: true,