From 51392e09e2977eebc4b976a42e5ebfb9f36a49c8 Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Tue, 14 Jan 2025 12:26:34 +0800
Subject: [PATCH] =?UTF-8?q?:art:=20=E4=BF=AE=E6=94=B9=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E6=A0=B7=E5=BC=8F.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../setting/components/about-setting.vue      | 34 +++++++------------
 .../setting/components/encrypt-setting.vue    |  5 ++-
 .../setting/components/sftp-setting.vue       |  7 ++--
 .../src/views/system/setting/index.vue        | 12 ++-----
 4 files changed, 21 insertions(+), 37 deletions(-)

diff --git a/orion-visor-ui/src/views/system/setting/components/about-setting.vue b/orion-visor-ui/src/views/system/setting/components/about-setting.vue
index c6ded1fb..e6afdc97 100644
--- a/orion-visor-ui/src/views/system/setting/components/about-setting.vue
+++ b/orion-visor-ui/src/views/system/setting/components/about-setting.vue
@@ -1,26 +1,10 @@
 <template>
   <a-spin class="main-container" :loading="loading">
-    <h3 class="setting-header">关于</h3>
-    <!-- 不一致提示 -->
-    <a-alert v-if="app.version && webVersion !== app.version"
-             type="warning"
-             class="alert-wrapper">
-      当前前端版本与后端版本不一致, 请使用 Ctrl + F5 强制刷新页面
-    </a-alert>
-    <!-- 升级提示 -->
-    <a v-if="app.version && repo.tagName && ('v' + app.version) !== repo.tagName"
-       class="alert-href"
-       target="_blank"
-       :href="`https://github.com/dromara/orion-visor/releases/tag/${repo.tagName}`">
-      <a-alert class="alert-wrapper">
-        新版本已发布, 请及时升级版本
-      </a-alert>
-    </a>
-    <!-- 系统信息 -->
-    <a-descriptions class="detail-container"
+    <a-descriptions title="关于"
+                    class="detail-container"
                     size="large"
                     :align="{ label: 'right', value: 'left' }"
-                    :label-style="{ width: '138px' }"
+                    :label-style="{ width: '138px', 'vertical-align': 'top' }"
                     :column="1">
       <!-- 机器码 -->
       <a-descriptions-item label="机器码">
@@ -30,15 +14,23 @@
       </a-descriptions-item>
       <!-- 当前前端版本 -->
       <a-descriptions-item label="当前前端版本">
+        <!-- 前端版本 -->
         {{ 'v' + webVersion }}
+        <!-- 不一致提示 -->
+        <b v-if="app.version && webVersion !== app.version"
+           class="span-red ml8">当前前端版本与后端版本不一致, 请使用 Ctrl + F5 强制刷新页面</b>
       </a-descriptions-item>
       <!-- 当前后端版本 -->
       <a-descriptions-item label="当前后端版本">
         {{ 'v' + app.version }}
       </a-descriptions-item>
-      <!-- 当前后端版本 -->
+      <!-- 最新发布版本 -->
       <a-descriptions-item label="最新发布版本">
-        {{ repo.tagName || '-' }}
+        <!-- 最新版本 -->
+        <span>{{ repo.tagName || '-' }}</span>
+        <!-- 升级提示 -->
+        <b v-if="app.version && repo.tagName && ('v' + app.version) !== repo.tagName"
+           class="span-green ml8">新版本已发布, 请及时升级版本</b>
       </a-descriptions-item>
       <!-- 当前后端版本 -->
       <a-descriptions-item label="最新更新日志">
diff --git a/orion-visor-ui/src/views/system/setting/components/encrypt-setting.vue b/orion-visor-ui/src/views/system/setting/components/encrypt-setting.vue
index 2fccc996..1c3ce844 100644
--- a/orion-visor-ui/src/views/system/setting/components/encrypt-setting.vue
+++ b/orion-visor-ui/src/views/system/setting/components/encrypt-setting.vue
@@ -1,8 +1,7 @@
 <template>
   <a-spin class="main-container" :loading="loading">
-    <h3 class="setting-header">加密设置</h3>
-    <!-- 系统信息 -->
-    <a-descriptions class="detail-container"
+    <a-descriptions title="加密设置"
+                    class="detail-container"
                     :align="{ label: 'right', value: 'left' }"
                     :label-style="{ width: '98px', 'vertical-align': 'top', 'padding-top': '8px' }"
                     :column="1">
diff --git a/orion-visor-ui/src/views/system/setting/components/sftp-setting.vue b/orion-visor-ui/src/views/system/setting/components/sftp-setting.vue
index 498aa4e6..b762326d 100644
--- a/orion-visor-ui/src/views/system/setting/components/sftp-setting.vue
+++ b/orion-visor-ui/src/views/system/setting/components/sftp-setting.vue
@@ -1,11 +1,10 @@
 <template>
   <a-spin class="main-container" :loading="loading">
-    <h3 class="setting-header">SFTP 设置</h3>
-    <!-- 系统信息 -->
-    <a-descriptions class="detail-container"
+    <a-descriptions title="SFTP 设置"
+                    class="detail-container"
                     size="large"
                     :align="{ label: 'right', value: 'left' }"
-                    :label-style="{ width: '128px' }"
+                    :label-style="{ width: '128px', 'vertical-align': 'top' }"
                     :column="1">
       <!-- 文件预览大小 -->
       <a-descriptions-item label="文件预览大小">
diff --git a/orion-visor-ui/src/views/system/setting/index.vue b/orion-visor-ui/src/views/system/setting/index.vue
index 9969a55d..ba5de3fb 100644
--- a/orion-visor-ui/src/views/system/setting/index.vue
+++ b/orion-visor-ui/src/views/system/setting/index.vue
@@ -88,22 +88,16 @@
   }
 
   :deep(.main-container) {
-    padding-left: 24px;
+    padding: 16px 0 0 24px;
     width: 100%;
 
-    .setting-header {
-      color: var(--color-text-1);
-      margin-bottom: 20px;
+    .arco-descriptions-title {
+      font-weight: 600;
     }
 
     .alert-href {
       text-decoration: none;
     }
-
-    .alert-wrapper {
-      margin: 0 0 12px 24px;
-      width: 598px;
-    }
   }
 
 </style>