From d66bd9e34e7b6e121d7a9a1294cb0235fd42c519 Mon Sep 17 00:00:00 2001
From: "BOOL\\25024" <http://192.168.2.2:8099/jsowell/jsowell-uniapp.git>
Date: Fri, 5 Jul 2024 14:16:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF=20=20?=
 =?UTF-8?q?=E6=A1=A9=E5=AF=86=E7=A0=81=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/system/user/profile/index.vue   | 80 +++++++++----------
 1 file changed, 38 insertions(+), 42 deletions(-)

diff --git a/jsowell-ui/src/views/system/user/profile/index.vue b/jsowell-ui/src/views/system/user/profile/index.vue
index 8946a51f5..80da098a2 100644
--- a/jsowell-ui/src/views/system/user/profile/index.vue
+++ b/jsowell-ui/src/views/system/user/profile/index.vue
@@ -56,38 +56,33 @@
       </el-col>
     </el-row>
 
-      <el-row :gutter="20" v-hasRole="['admin', 'common']">
+    <el-row :gutter="20" v-hasRole="['admin', 'common']" style="margin-top: 20px;">
       <el-col :span="6" :xs="24">
-          <el-card class="box-card">
-              <div slot="header" class="clearfix">
-                  <span>桩动态密码</span>
-                  <div class="button-container">
-                      <el-button
-                          type="primary"
-                          @click="generatePileSecret"
-                          plain>点击生成动态密码</el-button>
-                  </div>
-              </div>
-              <div>
-                  <div>
-                      <ul class="list-group list-group-striped">
-                          <li class="list-group-item">
-                              <el-icon name="date" /> 当前日期
-                              <div class="pull-right">{{ nowDate }}</div>
-                          </li>
-                      </ul>
-                      <ul class="list-group list-group-striped">
-                          <li class="list-group-item">
-                              <el-icon name="key" /> 动态密码
-                              <div class="pull-right">{{ pileSecret }}</div>
-                          </li>
-                      </ul>
-                  </div>
-              </div>
-          </el-card>
+        <el-card class="box-card">
+          <div slot="header" class="password">
+            <p>桩动态密码</p>
+            <el-button type="primary" @click="generatePileSecret" plain>点击生成动态密码</el-button>
+          </div>
+          <div>
+            <div>
+              <ul class="list-group list-group-striped">
+                <li class="list-group-item">
+                  <el-icon name="date" /> 当前日期
+                  <div class="pull-right">{{ nowDate }}</div>
+                </li>
+              </ul>
+              <ul class="list-group list-group-striped">
+                <li class="list-group-item">
+                  <el-icon name="key" /> 动态密码
+                  <div class="pull-right">{{ pileSecret }}</div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </el-card>
       </el-col>
-      </el-row>
-      </div>
+    </el-row>
+  </div>
 </template>
 
 <script>
@@ -95,7 +90,7 @@ import userAvatar from "./userAvatar";
 import userInfo from "./userInfo";
 import resetPwd from "./resetPwd";
 import { getUserProfile } from "@/api/system/user";
-import {generatePileSecret} from "@/api/pile/basic";
+import { generatePileSecret } from "@/api/pile/basic";
 
 export default {
   name: "Profile",
@@ -103,8 +98,8 @@ export default {
   data() {
     return {
       user: {},
-        nowDate: '',
-        pileSecret: '',
+      nowDate: '',
+      pileSecret: '',
       roleGroup: {},
       postGroup: {},
       activeTab: "userinfo"
@@ -122,19 +117,20 @@ export default {
         this.postGroup = response.postGroup;
       });
     },
-      generatePileSecret() {
-          generatePileSecret().then(response => {
-              console.log("response", response);
-              this.pileSecret = response.obj;
-          });
-      }
+    generatePileSecret() {
+      generatePileSecret().then(response => {
+        console.log("response", response);
+        this.pileSecret = response.obj;
+      });
+    }
   }
 };
 </script>
 
 <style>
-.button-container {
-    display: flex;
-    justify-content: right; /* 靠右 */
+.password {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 </style>