From 4c7a214c55d0d4813d159402417257ad2d3282bc Mon Sep 17 00:00:00 2001
From: chaos-zhu <ggchaos1022@gmail.com>
Date: Fri, 11 Oct 2024 23:12:12 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E6=94=AF=E6=8C=81=E5=85=B3?=
 =?UTF-8?q?=E9=97=AD=E6=89=80=E6=9C=89=E7=BB=88=E7=AB=AF=E8=BF=9E=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/terminal/components/info-side.vue   |  2 +-
 .../views/terminal/components/terminal.vue    | 20 ++++++++++++++-----
 web/src/views/terminal/index.vue              | 10 ++++++++--
 3 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/web/src/views/terminal/components/info-side.vue b/web/src/views/terminal/components/info-side.vue
index 7267364..de53060 100644
--- a/web/src/views/terminal/components/info-side.vue
+++ b/web/src/views/terminal/components/info-side.vue
@@ -208,7 +208,7 @@
       style="display: block;width: 80%;margin: 15px auto;"
       @click="clickInputCommand"
     >
-      命令输入框
+      长指令输入
     </el-button>
   </div>
 </template>
diff --git a/web/src/views/terminal/components/terminal.vue b/web/src/views/terminal/components/terminal.vue
index a7d3245..eacb303 100644
--- a/web/src/views/terminal/components/terminal.vue
+++ b/web/src/views/terminal/components/terminal.vue
@@ -3,10 +3,13 @@
     <div class="terminal_top">
       <div class="left_menu">
         <el-dropdown trigger="click">
-          <span class="link_text">新建连接<el-icon><arrow-down /></el-icon></span>
+          <span class="link_text">连接管理<el-icon><arrow-down /></el-icon></span>
           <template #dropdown>
             <el-dropdown-menu>
-              <el-dropdown-item v-for="(item, index) in hostList" :key="index" @click="handleCommandHost(item)">
+              <el-dropdown-item class="link_close_all" @click="handleCloseAllTab">
+                <span>关闭所有连接</span>
+              </el-dropdown-item>
+              <el-dropdown-item v-for="(item, index) in hostList" :key="index" @click="handleLinkHost(item)">
                 {{ item.name }} {{ item.host }}
               </el-dropdown-item>
             </el-dropdown-menu>
@@ -48,7 +51,7 @@
           <template #dropdown>
             <el-dropdown-menu>
               <el-dropdown-item @click="handleFullScreen">
-                <span>开启全屏</span>
+                <span>启用全屏</span>
               </el-dropdown-item>
               <el-dropdown-item @click="showSetting = true">
                 <span>终端设置</span>
@@ -184,7 +187,7 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits(['closed', 'removeTab', 'add-host',])
+const emit = defineEmits(['closed', 'close-all-tab', 'removeTab', 'add-host',])
 
 const showInputCommand = ref(false)
 const infoSideRef = ref(null)
@@ -254,7 +257,7 @@ const handleResizeTerminalSftp = () => {
   })
 }
 
-const handleCommandHost = (host) => {
+const handleLinkHost = (host) => {
   if (!host.isConfig) {
     $message.warning('请先配置SSH连接信息')
     hostFormVisible.value = true
@@ -264,6 +267,10 @@ const handleCommandHost = (host) => {
   emit('add-host', host)
 }
 
+const handleCloseAllTab = () => {
+  emit('close-all-tab')
+}
+
 const handleExecScript = (scriptObj) => {
   let { command } = scriptObj
   command += '\n'
@@ -526,4 +533,7 @@ const handleInputCommand = async (command) => {
 .action_icon {
   color: var(--el-color-primary);
 }
+.link_close_all:hover {
+  color: #ff4949!important;
+}
 </style>
\ No newline at end of file
diff --git a/web/src/views/terminal/index.vue b/web/src/views/terminal/index.vue
index cb2c517..824dfc4 100644
--- a/web/src/views/terminal/index.vue
+++ b/web/src/views/terminal/index.vue
@@ -40,6 +40,7 @@
         :terminal-tabs="terminalTabs"
         @remove-tab="handleRemoveTab"
         @add-host="linkTerminal"
+        @close-all-tab="handleRemoveAllTab"
       />
     </div>
     <HostForm
@@ -74,8 +75,9 @@ let isAllConfssh = computed(() => {
   return hostList.value?.every(item => item.isConfig)
 })
 
-function linkTerminal(row) {
-  const { name, host } = row
+function linkTerminal({ id }) {
+  let targetHost = hostList.value.find(item => item.id === id)
+  const { host, name } = targetHost
   terminalTabs.push({ key: randomStr(16), name, host, status: CONNECTING })
 }
 
@@ -88,6 +90,10 @@ function handleRemoveTab(index) {
   terminalTabs.splice(index, 1)
 }
 
+function handleRemoveAllTab() {
+  terminalTabs.length = []
+}
+
 const handleUpdateList = async ({ host }) => {
   try {
     await $store.getHostList()