后管个人中心页面新增生成桩动态密码

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>