From b8bff2a159aab01bd811dd4ddb970ec793adc797 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 10 Apr 2024 16:50:56 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=BD=91=E5=85=83=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E6=8B=93=E5=B1=95=E4=BF=A1=E6=81=AF=E6=98=BE=E7=A4=BA=E6=A8=AA?=
 =?UTF-8?q?=E5=90=91=E6=8E=92=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ne/neInfo/index.vue | 182 +++++++++++++++++-----------------
 1 file changed, 92 insertions(+), 90 deletions(-)

diff --git a/src/views/ne/neInfo/index.vue b/src/views/ne/neInfo/index.vue
index 7bd3d0ef..75e54d03 100644
--- a/src/views/ne/neInfo/index.vue
+++ b/src/views/ne/neInfo/index.vue
@@ -602,96 +602,98 @@ onMounted(() => {
           </template>
         </template>
         <template #expandedRowRender="{ record }">
-          <div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
-            <a-divider orientation="left">
-              {{ t('views.ne.neInfo.info') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.ne.neInfo.serviceState') }}：</span>
-              <a-tag
-                :color="record.serverState.online ? 'processing' : 'error'"
-              >
-                {{
-                  record.serverState.online
-                    ? t('views.ne.neInfo.normalcy')
-                    : t('views.ne.neInfo.exceptions')
-                }}
-              </a-tag>
-            </div>
-            <div>
-              <span>{{ t('views.ne.neInfo.version') }}：</span>
-              <span>{{ record.serverState.version }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.ne.neInfo.serialNum') }}：</span>
-              <span>{{ record.serverState.sn }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.ne.neInfo.expiryDate') }}：</span>
-              <span>{{ record.serverState.expire }}</span>
-            </div>
-          </div>
-          <div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
-            <a-divider orientation="left">
-              {{ t('views.ne.neInfo.resourceInfo') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.ne.neInfo.neCpu') }}：</span>
-              <a-progress
-                status="normal"
-                :stroke-color="
-                  record.resoures.nfCpuUsage < 30
-                    ? '#52c41a'
-                    : record.resoures.nfCpuUsage > 70
-                    ? '#ff4d4f'
-                    : '#1890ff'
-                "
-                :percent="record.resoures.nfCpuUsage"
-              />
-            </div>
-            <div>
-              <span>{{ t('views.ne.neInfo.sysCpu') }}：</span>
-              <a-progress
-                status="normal"
-                :stroke-color="
-                  record.resoures.sysCpuUsage < 30
-                    ? '#52c41a'
-                    : record.resoures.sysCpuUsage > 70
-                    ? '#ff4d4f'
-                    : '#1890ff'
-                "
-                :percent="record.resoures.sysCpuUsage"
-              />
-            </div>
-            <div>
-              <span>{{ t('views.ne.neInfo.sysMem') }}：</span>
-              <a-progress
-                status="normal"
-                :stroke-color="
-                  record.resoures.sysMemUsage < 30
-                    ? '#52c41a'
-                    : record.resoures.sysMemUsage > 70
-                    ? '#ff4d4f'
-                    : '#1890ff'
-                "
-                :percent="record.resoures.sysMemUsage"
-              />
-            </div>
-            <div>
-              <span>{{ t('views.ne.neInfo.sysDisk') }}：</span>
-              <a-progress
-                status="normal"
-                :stroke-color="
-                  record.resoures.sysDiskUsage < 30
-                    ? '#52c41a'
-                    : record.resoures.sysDiskUsage > 70
-                    ? '#ff4d4f'
-                    : '#1890ff'
-                "
-                :percent="record.resoures.sysDiskUsage"
-              />
-            </div>
-          </div>
+          <a-row :gutter="16">
+            <a-col :offset="2" :lg="8" :md="8" :xs="24">
+              <a-divider orientation="left">
+                {{ t('views.ne.neInfo.info') }}
+              </a-divider>
+              <div>
+                <span>{{ t('views.ne.neInfo.serviceState') }}：</span>
+                <a-tag
+                  :color="record.serverState.online ? 'processing' : 'error'"
+                >
+                  {{
+                    record.serverState.online
+                      ? t('views.ne.neInfo.normalcy')
+                      : t('views.ne.neInfo.exceptions')
+                  }}
+                </a-tag>
+              </div>
+              <div>
+                <span>{{ t('views.ne.neInfo.version') }}：</span>
+                <span>{{ record.serverState.version }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.ne.neInfo.serialNum') }}：</span>
+                <span>{{ record.serverState.sn }}</span>
+              </div>
+              <div>
+                <span>{{ t('views.ne.neInfo.expiryDate') }}：</span>
+                <span>{{ record.serverState.expire }}</span>
+              </div>
+            </a-col>
+            <a-col :offset="2" :lg="8" :md="8" :xs="24">
+              <a-divider orientation="left">
+                {{ t('views.ne.neInfo.resourceInfo') }}
+              </a-divider>
+              <div>
+                <span>{{ t('views.ne.neInfo.neCpu') }}：</span>
+                <a-progress
+                  status="normal"
+                  :stroke-color="
+                    record.resoures.nfCpuUsage < 30
+                      ? '#52c41a'
+                      : record.resoures.nfCpuUsage > 70
+                      ? '#ff4d4f'
+                      : '#1890ff'
+                  "
+                  :percent="record.resoures.nfCpuUsage"
+                />
+              </div>
+              <div>
+                <span>{{ t('views.ne.neInfo.sysCpu') }}：</span>
+                <a-progress
+                  status="normal"
+                  :stroke-color="
+                    record.resoures.sysCpuUsage < 30
+                      ? '#52c41a'
+                      : record.resoures.sysCpuUsage > 70
+                      ? '#ff4d4f'
+                      : '#1890ff'
+                  "
+                  :percent="record.resoures.sysCpuUsage"
+                />
+              </div>
+              <div>
+                <span>{{ t('views.ne.neInfo.sysMem') }}：</span>
+                <a-progress
+                  status="normal"
+                  :stroke-color="
+                    record.resoures.sysMemUsage < 30
+                      ? '#52c41a'
+                      : record.resoures.sysMemUsage > 70
+                      ? '#ff4d4f'
+                      : '#1890ff'
+                  "
+                  :percent="record.resoures.sysMemUsage"
+                />
+              </div>
+              <div>
+                <span>{{ t('views.ne.neInfo.sysDisk') }}：</span>
+                <a-progress
+                  status="normal"
+                  :stroke-color="
+                    record.resoures.sysDiskUsage < 30
+                      ? '#52c41a'
+                      : record.resoures.sysDiskUsage > 70
+                      ? '#ff4d4f'
+                      : '#1890ff'
+                  "
+                  :percent="record.resoures.sysDiskUsage"
+                />
+              </div>
+            </a-col>
+          </a-row>
         </template>
       </a-table>
     </a-card>