From 1b9aa9b5e93a5967cf4694c23c34b18e673b88ff Mon Sep 17 00:00:00 2001
From: Lemon <ziao4956@gmail.com>
Date: Fri, 5 Jul 2024 11:14:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E7=AE=A1=E4=B8=AA=E4=BA=BA=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E9=A1=B5=E9=9D=A2=E6=96=B0=E5=A2=9E=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E6=A1=A9=E5=8A=A8=E6=80=81=E5=AF=86=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jsowell-ui/src/api/pile/basic.js              |  7 +++
 .../src/views/system/user/profile/index.vue   | 53 ++++++++++++++++++-
 2 files changed, 58 insertions(+), 2 deletions(-)

diff --git a/jsowell-ui/src/api/pile/basic.js b/jsowell-ui/src/api/pile/basic.js
index 137b9e0ff..f5c2139dc 100644
--- a/jsowell-ui/src/api/pile/basic.js
+++ b/jsowell-ui/src/api/pile/basic.js
@@ -122,3 +122,10 @@ export function getPersonalPileList(data) {
         data: data
     })
 }
+
+export function generatePileSecret() {
+    return request({
+        url: '/pile/basic/getPileSecretStr',
+        method: 'get'
+    })
+}
diff --git a/jsowell-ui/src/views/system/user/profile/index.vue b/jsowell-ui/src/views/system/user/profile/index.vue
index 5d6872ecc..0aedd67a8 100644
--- a/jsowell-ui/src/views/system/user/profile/index.vue
+++ b/jsowell-ui/src/views/system/user/profile/index.vue
@@ -55,7 +55,39 @@
         </el-card>
       </el-col>
     </el-row>
-  </div>
+
+      <el-row :gutter="20">
+      <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">
+                              <svg-icon icon-class="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>
 </template>
 
 <script>
@@ -63,6 +95,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";
 
 export default {
   name: "Profile",
@@ -70,6 +103,8 @@ export default {
   data() {
     return {
       user: {},
+        nowDate: '',
+        pileSecret: '',
       roleGroup: {},
       postGroup: {},
       activeTab: "userinfo"
@@ -77,6 +112,7 @@ export default {
   },
   created() {
     this.getUser();
+    this.nowDate = new Date().toLocaleDateString();
   },
   methods: {
     getUser() {
@@ -85,7 +121,20 @@ export default {
         this.roleGroup = response.roleGroup;
         this.postGroup = response.postGroup;
       });
-    }
+    },
+      generatePileSecret() {
+          generatePileSecret().then(response => {
+              console.log("response", response);
+              this.pileSecret = response.obj;
+          });
+      }
   }
 };
 </script>
+
+<style>
+.button-container {
+    display: flex;
+    justify-content: right; /* 靠右 */
+}
+</style>