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>