diff --git a/src/layout/components/NavHeader/AccountDropdown.vue b/src/layout/components/NavHeader/AccountDropdown.vue
index d8ceeeb7d..2c2f0ca04 100644
--- a/src/layout/components/NavHeader/AccountDropdown.vue
+++ b/src/layout/components/NavHeader/AccountDropdown.vue
@@ -54,7 +54,7 @@ export default {
     handleClick(val) {
       switch (val) {
         case 'profile':
-          this.$router.push({ name: 'userProfile' })
+          this.$router.push({ name: 'UserProfile' })
           break
         case 'AdminPage':
           setPermission('Admin')
diff --git a/src/router/index.js b/src/router/index.js
index 40356ef63..684971d69 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -65,8 +65,8 @@ export const commonRoutes = {
     children: [
       {
         path: '',
-        name: 'userProfile',
-        component: () => import('@/userviews/users/index'),
+        name: 'UserProfile',
+        component: () => import('@/userviews/users/UserProfile/index'),
         meta: { title: i18n.t('route.UserProfile'), icon: 'user', activeMenu: '/users/profile' }
       }
     ]
diff --git a/src/userviews/users/UserProfile/PasswordUpdate.vue b/src/userviews/users/UserProfile/PasswordUpdate.vue
new file mode 100644
index 000000000..190400876
--- /dev/null
+++ b/src/userviews/users/UserProfile/PasswordUpdate.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>password update</div>
+</template>
+
+<script>
+export default {
+  name: 'PasswordUpdate'
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/userviews/users/UserProfile.vue b/src/userviews/users/UserProfile/ProfileInfo.vue
similarity index 86%
rename from src/userviews/users/UserProfile.vue
rename to src/userviews/users/UserProfile/ProfileInfo.vue
index 762fd358a..ba2db7169 100644
--- a/src/userviews/users/UserProfile.vue
+++ b/src/userviews/users/UserProfile/ProfileInfo.vue
@@ -14,7 +14,7 @@ import DetailCard from '@/components/DetailCard'
 import QuickActions from '@/components/QuickActions'
 import { toSafeLocalDateStr } from '@/utils/common'
 export default {
-  name: 'UserProfile',
+  name: 'ProfileInfo',
   components: {
     DetailCard,
     QuickActions
@@ -59,28 +59,28 @@ export default {
             }.bind(this)
           }
         },
-        {
-          title: this.$t('assets.UpdatePassword'),
-          attrs: {
-            type: 'primary',
-            label: this.$t('common.Update')
-          },
-          callbacks: {
-            click: function() {
-
-            }
-          }
-        },
-        {
-          title: this.$t('assets.UpdateSSHPublicKey'),
-          attrs: {
-            type: 'primary',
-            label: this.$t('common.Update')
-          },
-          callbacks: {
-            click: function() {}
-          }
-        },
+        // {
+        //   title: this.$t('assets.UpdatePassword'),
+        //   attrs: {
+        //     type: 'primary',
+        //     label: this.$t('common.Update')
+        //   },
+        //   callbacks: {
+        //     click: function() {
+        //
+        //     }
+        //   }
+        // },
+        // {
+        //   title: this.$t('assets.UpdateSSHPublicKey'),
+        //   attrs: {
+        //     type: 'primary',
+        //     label: this.$t('common.Update')
+        //   },
+        //   callbacks: {
+        //     click: function() {}
+        //   }
+        // },
         {
           title: this.$t('assets.ResetPublicKeyAndDownload'),
           attrs: {
diff --git a/src/userviews/users/UserProfile/ProfileUpdate.vue b/src/userviews/users/UserProfile/ProfileUpdate.vue
new file mode 100644
index 000000000..f80a78bc4
--- /dev/null
+++ b/src/userviews/users/UserProfile/ProfileUpdate.vue
@@ -0,0 +1,14 @@
+<template>
+  <div>profile update</div>
+
+</template>
+
+<script>
+export default {
+  name: 'ProfileUpdate'
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/userviews/users/UserProfile/SSHUpdate.vue b/src/userviews/users/UserProfile/SSHUpdate.vue
new file mode 100644
index 000000000..925650693
--- /dev/null
+++ b/src/userviews/users/UserProfile/SSHUpdate.vue
@@ -0,0 +1,14 @@
+<template>
+  <div>ssh update</div>
+
+</template>
+
+<script>
+export default {
+  name: 'SSHUpdate'
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/userviews/users/index.vue b/src/userviews/users/UserProfile/index.vue
similarity index 53%
rename from src/userviews/users/index.vue
rename to src/userviews/users/UserProfile/index.vue
index 0c71c3b2d..59d506613 100644
--- a/src/userviews/users/index.vue
+++ b/src/userviews/users/UserProfile/index.vue
@@ -8,22 +8,42 @@
 
 <script>
 import { GenericDetailPage } from '@/layout/components'
-import UserProfile from './UserProfile.vue'
+import ProfileInfo from './ProfileInfo'
+import ProfileUpdate from './ProfileUpdate'
+import PasswordUpdate from './PasswordUpdate'
+import SSHUpdate from './SSHUpdate'
+
 export default {
   name: 'AssetListDetail',
   components: {
     GenericDetailPage,
-    UserProfile
+    ProfileInfo,
+    ProfileUpdate,
+    PasswordUpdate,
+    SSHUpdate
   },
   data() {
     return {
       user: {},
       config: {
         title: this.$t('common.nav.Profile'),
+        activeMenu: 'ProfileInfo',
         submenu: [
           {
             title: this.$t('common.BasicInfo'),
-            name: 'UserProfile'
+            name: 'ProfileInfo'
+          },
+          {
+            title: '设置个人信息',
+            name: 'ProfileUpdate'
+          },
+          {
+            title: '设置登录密码',
+            name: 'PasswordUpdate'
+          },
+          {
+            title: '设置SSH公钥',
+            name: 'SSHUpdate'
           }
         ],
         hasRightSide: false