From ea17c451a6929b69a14c2e613cae38a425f6ee7e Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Mon, 4 Sep 2023 16:56:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E5=90=88=E5=B9=B6?=
 =?UTF-8?q?=E5=AF=BC=E8=87=B4=E7=9A=84=E4=BB=A3=E7=A0=81=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=20(#2174)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/interface/container.ts       |  1 +
 frontend/src/lang/modules/en.ts               |  2 +-
 frontend/src/lang/modules/tw.ts               |  2 +-
 frontend/src/lang/modules/zh.ts               |  2 +-
 .../src/views/container/container/index.vue   | 27 +++++++++++--------
 5 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/frontend/src/api/interface/container.ts b/frontend/src/api/interface/container.ts
index f734372a7..8c64db553 100644
--- a/frontend/src/api/interface/container.ts
+++ b/frontend/src/api/interface/container.ts
@@ -57,6 +57,7 @@ export namespace Container {
         createTime: string;
         state: string;
         runTime: string;
+        network: Array<string>;
         ports: Array<string>;
         isFromApp: boolean;
         isFromCompose: boolean;
diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index d278c697e..f060b5227 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -78,7 +78,7 @@ const message = {
             interval: 'Interval',
             user: 'User',
             title: 'Title',
-					  network: 'Network',
+            network: 'Network',
             port: 'Port',
             protocol: 'Protocol',
             tableSetting: 'Table setting',
diff --git a/frontend/src/lang/modules/tw.ts b/frontend/src/lang/modules/tw.ts
index 858c9dad2..d371af1a1 100644
--- a/frontend/src/lang/modules/tw.ts
+++ b/frontend/src/lang/modules/tw.ts
@@ -78,7 +78,7 @@ const message = {
             interval: '耗時',
             user: '用戶',
             title: '標題',
-					  network: '網絡',
+            network: '網絡',
             port: '端口',
             protocol: '協議',
             tableSetting: '列表設置',
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index c427a0459..ff185975e 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -78,7 +78,7 @@ const message = {
             interval: '耗时',
             user: '用户',
             title: '标题',
-					  network: '网络',
+            network: '网络',
             port: '端口',
             protocol: '协议',
             tableSetting: '列表设置',
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index e5e309516..a1a5494de 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -90,7 +90,10 @@
                     <el-table-column :label="$t('container.source')" show-overflow-tooltip min-width="100" fix>
                         <template #default="{ row }">
                             <div v-if="row.hasLoad">
-                                <div>CPU: {{ row.cpuPercent.toFixed(2) }}% {{ $t('monitor.memory') }}: {{ row.memoryPercent.toFixed(2) }}%</div>
+                                <div>
+                                    CPU: {{ row.cpuPercent.toFixed(2) }}% {{ $t('monitor.memory') }}:
+                                    {{ row.memoryPercent.toFixed(2) }}%
+                                </div>
                             </div>
                             <div v-if="!row.hasLoad">
                                 <el-button link loading></el-button>
@@ -98,16 +101,18 @@
                         </template>
                     </el-table-column>
                     <el-table-column
-                    		:label="$t('commons.table.network')"
-												:width="mobile ? 80 : 'auto'"
-												min-width="80"
-												fix
-										>
-												<div v-if="row.network">
-														<div v-for="(item, index) in row.network" :key="index">
-																<div>{{ item }}</div>
-														</div>
-												</div>
+                        :label="$t('commons.table.network')"
+                        :width="mobile ? 80 : 'auto'"
+                        min-width="80"
+                        fix
+                    >
+                        <template #default="{ row }">
+                            <div v-if="row.network">
+                                <div v-for="(item, index) in row.network" :key="index">
+                                    <div>{{ item }}</div>
+                                </div>
+                            </div>
+                        </template>
                     </el-table-column>
                     <el-table-column
                         :label="$t('commons.table.port')"