From be0ee9e86e129a58472b745a6cb6e0b17eb1ff23 Mon Sep 17 00:00:00 2001
From: chaos-zhu <ggchaos1022@gmail.com>
Date: Sun, 4 Aug 2024 05:30:01 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E6=94=AF=E6=8C=81=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E8=BF=9E=E6=8E=A5=E7=BB=88=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/server/index.vue   | 8 +++++++-
 web/src/views/terminal/index.vue | 8 ++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/web/src/views/server/index.vue b/web/src/views/server/index.vue
index d303117..6645602 100644
--- a/web/src/views/server/index.vue
+++ b/web/src/views/server/index.vue
@@ -7,6 +7,7 @@
         </el-button>
         <template #dropdown>
           <el-dropdown-menu>
+            <el-dropdown-item @click="handleBatchSSH">连接终端</el-dropdown-item>
             <el-dropdown-item @click="handleBatchModify">批量修改</el-dropdown-item>
             <el-dropdown-item @click="handleBatchRemove">批量删除</el-dropdown-item>
           </el-dropdown-menu>
@@ -78,7 +79,7 @@ import HostForm from './components/host-form.vue'
 import ImportHost from './components/import-host.vue'
 import { ArrowDown } from '@element-plus/icons-vue'
 
-const { proxy: { $api, $store, $message, $messageBox } } = getCurrentInstance()
+const { proxy: { $api, $store, $router, $message, $messageBox } } = getCurrentInstance()
 
 let updateHostData = ref(null)
 let hostFormVisible = ref(false)
@@ -103,6 +104,11 @@ let handleSelectChange = (val) => {
   selectHosts.value = val
 }
 
+let handleBatchSSH = () => {
+  let ips = selectHosts.value.map(item => item.host)
+  $router.push({ path: '/terminal', query: { host: ips.join(',') } })
+}
+
 let handleBatchModify = async () => {
   if (!selectHosts.value.length) return $message.warning('请选择要批量操作的实例')
   isBatchModify.value = true
diff --git a/web/src/views/terminal/index.vue b/web/src/views/terminal/index.vue
index 3dd14fc..ece11fe 100644
--- a/web/src/views/terminal/index.vue
+++ b/web/src/views/terminal/index.vue
@@ -59,7 +59,7 @@ import HostForm from '../server/components/host-form.vue'
 
 const { proxy: { $store, $message } } = getCurrentInstance()
 
-const emit = defineEmits(['add-host',])
+// const emit = defineEmits(['add-host',])
 
 let terminalTabs = reactive([])
 let hostFormVisible = ref(false)
@@ -104,9 +104,9 @@ onActivated(async () => {
   await nextTick()
   const { host } = route.query
   if (!host) return
-  let targetHost = hostList.value.find(item => item.host === host)
-  if (!targetHost) return
-  terminalTabs.push(targetHost)
+  let targetHosts = hostList.value.filter(item => host.includes(item.host))
+  if (!targetHosts || !targetHosts.length) return
+  terminalTabs.push(...targetHosts)
 })
 
 </script>