fix: 容器列表样式调整 (#1620)

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',

frontend/src/lang/modules/tw.ts

@@ -29,6 +29,7 @@ const message = {
             watch: '追蹤',
             handle: '執行',
             expand: '展開',
+            collapse: '收起',
             log: '日誌',
             back: '返回',
             backup: '備份',

frontend/src/lang/modules/zh.ts

@@ -29,6 +29,7 @@ const message = {
             watch: '追踪',
             handle: '执行',
             expand: '展开',
+            collapse: '收起',
             log: '日志',
             back: '返回',
             backup: '备份',

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>

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

@@ -275,8 +275,12 @@ 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) {
+            if (item.hostIP) {
+                item.host = item.hostIP + ':' + item.hostPort;
+            } else {
                 item.host = item.hostPort;
             }
+        }
         dialogData.value.rowData.volumes = dialogData.value.rowData.volumes || [];
     }
     loadLimit();