From b696f3f5db7e471b490891f356f51a1450368ae8 Mon Sep 17 00:00:00 2001
From: Ran_Chen <1908198662@qq.com>
Date: Wed, 16 Apr 2025 17:18:11 +0800
Subject: [PATCH] =?UTF-8?q?=E2=80=9C=E8=A7=92=E8=89=B2=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E2=80=9D=E8=A1=8C=E5=86=85=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/manager-web/src/views/roleConfig.vue | 24 ++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/main/manager-web/src/views/roleConfig.vue b/main/manager-web/src/views/roleConfig.vue
index 2beff20d..81f01ae7 100644
--- a/main/manager-web/src/views/roleConfig.vue
+++ b/main/manager-web/src/views/roleConfig.vue
@@ -68,6 +68,14 @@
                           class="form-input"
                       />
                     </el-form-item>
+                    <div class="action-bar">
+              <el-button type="primary" class="save-btn" @click="saveConfig">保存配置</el-button>
+              <el-button class="reset-btn" @click="resetConfig">重置</el-button>
+              <div class="hint-text">
+                <img loading="lazy" src="@/assets/home/red-info.png" alt="">
+                <span>保存配置后，需要重启设备，新的配置才会生效。</span>
+              </div>
+</div>
                   </div>
                   <div class="form-column">
                     <el-form-item
@@ -109,14 +117,6 @@
               </div>
             </el-form>
 
-            <div class="action-bar">
-              <el-button type="primary" class="save-btn" @click="saveConfig">保存配置</el-button>
-              <el-button class="reset-btn" @click="resetConfig">重置</el-button>
-              <div class="hint-text">
-                <img loading="lazy" src="@/assets/home/red-info.png" alt="">
-                <span>保存配置后，需要重启设备，新的配置才会生效。</span>
-              </div>
-            </div>
           </el-card>
         </div>
       </div>
@@ -453,7 +453,7 @@ export default {
 }
 
 .form-content {
-  padding: 10px 0;
+  padding: 20px 0;
 }
 
 .form-grid {
@@ -465,6 +465,7 @@ export default {
 .form-column {
   display: flex;
   flex-direction: column;
+  gap: 6px;
 }
 
 .form-input {
@@ -505,9 +506,10 @@ export default {
 
 .action-bar {
   display: flex;
-  align-items: center;
+  flex-wrap: wrap;
   gap: 8px;
-  padding: 0 0 5px 0;
+  margin-top: 20px;
+  align-items: center;
 }
 
 .save-btn {