From ec05e81286d54b326df40493cd98451bd1f99ee5 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Wed, 12 Jul 2023 16:07:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=B9=E5=99=A8=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4=20(#1620)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/lang/modules/en.ts                          | 1 +
 frontend/src/lang/modules/tw.ts                          | 1 +
 frontend/src/lang/modules/zh.ts                          | 1 +
 frontend/src/views/container/container/index.vue         | 5 +++++
 frontend/src/views/container/container/operate/index.vue | 6 +++++-
 5 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index f9c10713c..a6567d01d 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -29,6 +29,7 @@ const message = {
             watch: 'Watch',
             handle: 'Handle',
             expand: 'Expand',
+            collapse: 'Collapse',
             log: 'Log',
             back: 'Back',
             backup: 'Backup',
diff --git a/frontend/src/lang/modules/tw.ts b/frontend/src/lang/modules/tw.ts
index c106a1c3e..4a8342b23 100644
--- a/frontend/src/lang/modules/tw.ts
+++ b/frontend/src/lang/modules/tw.ts
@@ -29,6 +29,7 @@ const message = {
             watch: '追蹤',
             handle: '執行',
             expand: '展開',
+            collapse: '收起',
             log: '日誌',
             back: '返回',
             backup: '備份',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 31da0ece7..55214892e 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -29,6 +29,7 @@ const message = {
             watch: '追踪',
             handle: '执行',
             expand: '展开',
+            collapse: '收起',
             log: '日志',
             back: '返回',
             backup: '备份',
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index 4a08502ed..e32334446 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -117,6 +117,11 @@
                                         {{ $t('commons.button.expand') }}...
                                     </el-button>
                                 </div>
+                                <div v-if="row.expand && row.ports.length > 3">
+                                    <el-button type="primary" link @click="row.expand = false">
+                                        {{ $t('commons.button.shrink') }}
+                                    </el-button>
+                                </div>
                             </div>
                         </template>
                     </el-table-column>
diff --git a/frontend/src/views/container/container/operate/index.vue b/frontend/src/views/container/container/operate/index.vue
index 5ee09a383..3a1043013 100644
--- a/frontend/src/views/container/container/operate/index.vue
+++ b/frontend/src/views/container/container/operate/index.vue
@@ -275,7 +275,11 @@ const acceptParams = (params: DialogProps): void => {
         dialogData.value.rowData.envStr = dialogData.value.rowData.env.join('\n');
         dialogData.value.rowData.exposedPorts = dialogData.value.rowData.exposedPorts || [];
         for (const item of dialogData.value.rowData.exposedPorts) {
-            item.host = item.hostPort;
+            if (item.hostIP) {
+                item.host = item.hostIP + ':' + item.hostPort;
+            } else {
+                item.host = item.hostPort;
+            }
         }
         dialogData.value.rowData.volumes = dialogData.value.rowData.volumes || [];
     }