From 0f53de56a72f5548697937bb9690dfc343dbfb6b Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Tue, 23 Jan 2024 18:48:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=B9=E5=99=A8=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=80=89=E6=8B=A9=E5=88=97=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=20(#3684)?=
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 +
 .../src/views/container/container/index.vue    | 18 +++++++++++++++---
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 190bffaae..322696eb1 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -86,6 +86,7 @@ const message = {
             refreshRate: 'Rate',
             noRefresh: 'No Refresh',
             refreshRateUnit: '{0} Seconds/Time',
+            selectColumn: 'Select column',
         },
         loadingText: {
             Upgrading: 'System upgrade, please wait...',
diff --git a/frontend/src/lang/modules/tw.ts b/frontend/src/lang/modules/tw.ts
index 104995f9e..656cf4891 100644
--- a/frontend/src/lang/modules/tw.ts
+++ b/frontend/src/lang/modules/tw.ts
@@ -86,6 +86,7 @@ const message = {
             refreshRate: '刷新頻率',
             noRefresh: '不刷新',
             refreshRateUnit: '{0} 秒/次',
+            selectColumn: '選擇列',
         },
         loadingText: {
             Upgrading: '系統升級中，請稍候...',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 5223422a2..6dce6281c 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -86,6 +86,7 @@ const message = {
             refreshRate: '刷新频率',
             noRefresh: '不刷新',
             refreshRateUnit: '{0} 秒/次',
+            selectColumn: '选择列',
         },
         loadingText: {
             Upgrading: '系统升级中，请稍候...',
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index e3b5bd6d1..7e42d7718 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -13,6 +13,12 @@
                             {{ $t('container.includeAppstore') }}
                         </el-checkbox>
                     </div>
+                    <fu-table-column-select
+                        :columns="columns"
+                        trigger="hover"
+                        :title="$t('commons.table.selectColumn')"
+                        popper-class="popper-class"
+                    />
                 </div>
             </template>
             <template #toolbar>
@@ -86,6 +92,8 @@
                     @search="search"
                     :row-style="{ height: '65px' }"
                     style="width: 100%"
+                    :columns="columns"
+                    localKey="contanerColumn"
                 >
                     <el-table-column type="selection" />
                     <el-table-column
@@ -184,7 +192,12 @@
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="$t('container.ip')" :width="mobile ? 80 : 'auto'" min-width="100" fix>
+                    <el-table-column
+                        :label="$t('container.ip')"
+                        :width="mobile ? 80 : 'auto'"
+                        min-width="100"
+                        prop="network"
+                    >
                         <template #default="{ row }">
                             <div v-if="row.network">
                                 <div v-for="(item, index) in row.network" :key="index">{{ item }}</div>
@@ -235,7 +248,6 @@
                         :width="mobile ? 260 : 'auto'"
                         min-width="200"
                         prop="ports"
-                        fix
                     >
                         <template #default="{ row }">
                             <div v-if="row.ports">
@@ -277,7 +289,6 @@
                         min-width="200"
                         show-overflow-tooltip
                         prop="runTime"
-                        fix
                     />
                     <fu-table-operations
                         width="180px"
@@ -357,6 +368,7 @@ const dialogUpgradeRef = ref();
 const dialogPortJumpRef = ref();
 const opRef = ref();
 const includeAppStore = ref(true);
+const columns = ref([]);
 
 const dockerStatus = ref('Running');
 const loadStatus = async () => {