From 58c994a3e2dcc16388e2d726da919633307219da Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Thu, 18 Sep 2025 15:06:37 +0800
Subject: [PATCH] feat: Support quick commands in the file terminal (#10405)

Refs #9541
---
 .../host/file-management/terminal/index.vue   | 30 ++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/host/file-management/terminal/index.vue b/frontend/src/views/host/file-management/terminal/index.vue
index d543d54d3..cba96d74a 100644
--- a/frontend/src/views/host/file-management/terminal/index.vue
+++ b/frontend/src/views/host/file-management/terminal/index.vue
@@ -8,7 +8,20 @@
         :fullScreen="true"
     >
         <template #content>
-            <Terminal style="height: calc(100vh - 100px)" ref="terminalRef"></Terminal>
+            <Terminal style="height: calc(100vh - 120px)" ref="terminalRef"></Terminal>
+            <div>
+                <el-select v-model="quickCmd" clearable filterable @change="quickInput" class="w-full -mt-6">
+                    <template #prefix>{{ $t('terminal.quickCommand') }}</template>
+                    <el-option-group v-for="group in commandTree" :key="group.label" :label="group.label">
+                        <el-option
+                            v-for="(cmd, index) in group.children"
+                            :key="index"
+                            :label="cmd.name"
+                            :value="cmd.command"
+                        />
+                    </el-option-group>
+                </el-select>
+            </div>
         </template>
     </DrawerPro>
 </template>
@@ -16,16 +29,21 @@
 <script lang="ts" setup>
 import { ref, nextTick } from 'vue';
 import Terminal from '@/components/terminal/index.vue';
+import { getCommandTree } from '@/api/modules/command';
 
 const terminalVisible = ref(false);
 const terminalRef = ref<InstanceType<typeof Terminal> | null>(null);
 
+let quickCmd = ref();
+const commandTree = ref();
+
 interface DialogProps {
     cwd: string;
     command: string;
 }
 const acceptParams = async (params: DialogProps): Promise<void> => {
     terminalVisible.value = true;
+    loadCommandTree();
     await initTerm(params.cwd);
 };
 
@@ -39,6 +57,16 @@ const initTerm = async (cwd: string) => {
     });
 };
 
+const loadCommandTree = async () => {
+    const res = await getCommandTree('command');
+    commandTree.value = res.data || [];
+};
+
+function quickInput(val: any) {
+    terminalRef.value?.sendMsg(val + '\n');
+    quickCmd.value = '';
+}
+
 const onClose = () => {
     terminalRef.value?.onClose();
 };