refactor: 应用卡片打开容器终端，适配多个容器情况

Author: wan92hen

frontend/src/views/app-store/installed/index.vue

@@ -731,7 +731,8 @@ const openLog = (row: any) => {
 };
 
 const openTerminal = (row: any) => {
-    dialogTerminalRef.value!.acceptParams({ containerID: row.container, container: row.container });
+    const title = i18n.global.t('app.app') + ' ' + row.name;
+    dialogTerminalRef.value!.acceptParams({ containerID: row.container, title: title });
 };
 
 const getConfig = async () => {

frontend/src/views/container/compose/detail/index.vue

@@ -298,7 +298,8 @@ const onMonitor = (row: any) => {
 
 const dialogTerminalRef = ref();
 const onTerminal = (row: any) => {
-    dialogTerminalRef.value!.acceptParams({ containerID: row.containerID, container: row.name });
+    const title = i18n.global.t('menu.container') + ' ' + row.name;
+    dialogTerminalRef.value!.acceptParams({ containerID: row.containerID, title: title });
 };
 
 const buttons = [

frontend/src/views/container/container/index.vue

@@ -614,7 +614,8 @@ const onMonitor = (row: any) => {
 
 const dialogTerminalRef = ref();
 const onTerminal = (row: any) => {
-    dialogTerminalRef.value!.acceptParams({ containerID: row.containerID, container: row.name });
+    const title = i18n.global.t('menu.container') + ' ' + row.name;
+    dialogTerminalRef.value!.acceptParams({ containerID: row.containerID, title: title });
 };
 
 const onInspect = async (id: string) => {

frontend/src/views/container/container/terminal/index.vue

@@ -9,6 +9,11 @@
     >
         <template #content>
             <el-form ref="formRef" :model="form" label-position="top">
+                <el-form-item :label="$t('menu.container')" prop="containerID" v-if="form.containerIDList.length > 1">
+                    <el-select placeholder="container" clearable v-model="form.containerID">
+                        <el-option v-for="item in form.containerIDList" :key="item" :label="item" :value="item" />
+                    </el-select>
+                </el-form-item>
                 <el-form-item :label="$t('commons.table.user')" prop="user">
                     <el-input placeholder="root" clearable v-model="form.user" />
                 </el-form-item>
@@ -67,18 +72,20 @@ const form = reactive({
     command: '',
     user: '',
     containerID: '',
+    containerIDList: [],
 });
 const formRef = ref();
 const terminalRef = ref<InstanceType<typeof Terminal> | null>(null);
 
 interface DialogProps {
     containerID: string;
-    container: string;
+    title: string;
 }
 const acceptParams = async (params: DialogProps): Promise<void> => {
     terminalVisible.value = true;
-    form.containerID = params.containerID;
-    title.value = params.container;
+    form.containerIDList = params.containerID.split(',');
+    form.containerID = form.containerIDList[0];
+    title.value = params.title;
     form.isCustom = false;
     form.user = '';
     form.command = '/bin/sh';