From 96208c786d7944c7f2d2782613dbc6c873c9c50c Mon Sep 17 00:00:00 2001
From: CityFun <31820853+zhengkunwang223@users.noreply.github.com>
Date: Tue, 8 Jul 2025 18:34:14 +0800
Subject: [PATCH] feat: The runtime terminal supports specifying a user (#9461)

---
 .../website/runtime/components/terminal.vue   | 29 +++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/website/runtime/components/terminal.vue b/frontend/src/views/website/runtime/components/terminal.vue
index bbe844635..6758b2921 100644
--- a/frontend/src/views/website/runtime/components/terminal.vue
+++ b/frontend/src/views/website/runtime/components/terminal.vue
@@ -9,7 +9,16 @@
         :autoClose="false"
     >
         <template #content>
-            <Terminal style="height: calc(100vh - 180px)" ref="terminalRef" v-if="terminalOpen"></Terminal>
+            <el-form ref="formRef" :model="form" label-position="top">
+                <el-form-item :label="$t('commons.table.user')" prop="user">
+                    <el-input placeholder="root" clearable v-model="form.user">
+                        <template #append>
+                            <el-button @click="reConnect">{{ $t('commons.button.conn') }}</el-button>
+                        </template>
+                    </el-input>
+                </el-form-item>
+            </el-form>
+            <Terminal class="terminal" ref="terminalRef" v-if="terminalOpen"></Terminal>
         </template>
         <template #footer>
             <span class="dialog-footer">
@@ -48,7 +57,9 @@ const acceptParams = async (params: DialogProps): Promise<void> => {
     form.containerID = params.containerID;
     title.value = params.container;
     form.isCustom = false;
-    form.user = params.user;
+    if (params.user && params.user != '') {
+        form.user = params.user;
+    }
     form.command = '/bin/bash';
     initTerm();
 };
@@ -64,6 +75,15 @@ const initTerm = async () => {
     });
 };
 
+const reConnect = async () => {
+    if (terminalRef.value) {
+        terminalRef.value.onClose();
+    }
+    terminalOpen.value = false;
+    await nextTick();
+    initTerm();
+};
+
 const onClose = () => {
     terminalRef.value?.onClose();
     terminalOpen.value = false;
@@ -78,3 +98,8 @@ defineExpose({
     acceptParams,
 });
 </script>
+<style lang="scss" scoped>
+.terminal {
+    height: calc(100vh - 180px);
+}
+</style>