diff --git a/src/components/AccountCreateUpdateForm/index.vue b/src/components/AccountCreateUpdateForm/index.vue
index 836cae0ea..e5b3dfe88 100644
--- a/src/components/AccountCreateUpdateForm/index.vue
+++ b/src/components/AccountCreateUpdateForm/index.vue
@@ -29,7 +29,7 @@ export default {
       loading: true,
       usernameChanged: false,
       url: '/api/v1/assets/accounts/',
-      form: this.account || { },
+      form: this.account || {},
       fields: [
         [this.$t('common.Basic'), ['name', 'username', 'privileged']],
         [this.$t('assets.Secret'), ['secret_type', 'secret', 'ssh_key', 'token', 'api_key', 'passphrase']],
@@ -121,6 +121,11 @@ export default {
       })
     },
     confirm(form) {
+      const secretType = form.secret_type || ''
+      if (secretType !== 'password') {
+        form.secret = form[secretType]
+        delete form[secretType]
+      }
       if (this.account?.name) {
         this.$emit('edit', form)
       } else {
diff --git a/src/components/AccountListTable/AddAccount.vue b/src/components/AccountListTable/AccountCreateUpdate.vue
similarity index 100%
rename from src/components/AccountListTable/AddAccount.vue
rename to src/components/AccountListTable/AccountCreateUpdate.vue
diff --git a/src/components/AccountListTable/index.vue b/src/components/AccountListTable/index.vue
index 71cf48eb3..dd236016f 100644
--- a/src/components/AccountListTable/index.vue
+++ b/src/components/AccountListTable/index.vue
@@ -8,7 +8,7 @@
       :account="account"
       @updateAuthDone="onUpdateAuthDone"
     />
-    <AddAccount
+    <AccountCreateUpdate
       v-if="showAddDialog"
       :visible.sync="showAddDialog"
       :asset="iAsset"
@@ -28,7 +28,7 @@ import ListTable from '@/components/ListTable/index'
 import { ActionsFormatter } from '@/components/TableFormatters'
 import ViewSecret from './ViewSecret'
 import UpdateSecretInfo from './UpdateSecretInfo'
-import AddAccount from './AddAccount'
+import AccountCreateUpdate from './AccountCreateUpdate'
 import { connectivityMeta } from './const'
 import { openTaskPage } from '@/utils/jms'
 import { hasUUID } from '@/utils/common'
@@ -41,7 +41,7 @@ export default {
     UpdateSecretInfo,
     PasswordHistoryDialog,
     ViewSecret,
-    AddAccount
+    AccountCreateUpdate
   },
   props: {
     url: {
diff --git a/src/i18n/langs/en.json b/src/i18n/langs/en.json
index 365e25b38..2f955d088 100644
--- a/src/i18n/langs/en.json
+++ b/src/i18n/langs/en.json
@@ -640,6 +640,7 @@
   },
   "perms": {
     "": "",
+    "permAccount": "Accounts",
     "Actions": "Actions",
     "Permission": "Permissions",
     "Asset": "Asset",
diff --git a/src/i18n/langs/ja.json b/src/i18n/langs/ja.json
index 4e51d27b1..ac83dd08c 100644
--- a/src/i18n/langs/ja.json
+++ b/src/i18n/langs/ja.json
@@ -647,6 +647,7 @@
   },
   "perms": {
     "": "",
+    "permAccount": "認定アカウント",
     "Actions": "アクション",
     "Asset": "資産",
     "Basic": "基本",
diff --git a/src/i18n/langs/zh.json b/src/i18n/langs/zh.json
index 130763abb..c24f323a8 100644
--- a/src/i18n/langs/zh.json
+++ b/src/i18n/langs/zh.json
@@ -662,6 +662,7 @@
   },
   "perms": {
     "": "",
+    "permAccount": "授权账号",
     "Actions": "动作",
     "Asset": "资产",
     "Basic": "基本",
diff --git a/src/views/assets/Asset/AssetCreateUpdate/WebCreateUpdate.vue b/src/views/assets/Asset/AssetCreateUpdate/WebCreateUpdate.vue
index e2eb5d87a..d1f819622 100644
--- a/src/views/assets/Asset/AssetCreateUpdate/WebCreateUpdate.vue
+++ b/src/views/assets/Asset/AssetCreateUpdate/WebCreateUpdate.vue
@@ -30,7 +30,8 @@ export default {
             } catch (e) {
               // pass
             }
-            formValue['protocols'][0].port = port
+            const protocols = formValue['protocols']?.[0] || {}
+            protocols.port = port
           }
         },
         username_selector: {
diff --git a/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionAccount.vue b/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionAccount.vue
new file mode 100644
index 000000000..b3a21f5a2
--- /dev/null
+++ b/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionAccount.vue
@@ -0,0 +1,81 @@
+<template>
+  <ListTable ref="ListTable" :table-config="tableConfig" :header-actions="headerActions" class- />
+</template>
+
+<script>
+import ListTable from '@/components/ListTable'
+
+export default {
+  name: 'AssetPermissionAccount',
+  components: {
+    ListTable
+  },
+  props: {
+    object: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    const vm = this
+    return {
+      tableConfig: {
+        url: `/api/v1/perms/asset-permissions/${this.object.id}/accounts/`,
+        columns: [
+          'asset', 'name', 'username', 'privileged', 'version', 'comment'
+        ],
+        columnsShow: {
+          default: [
+            'asset', 'name', 'username', 'privileged', 'version'
+          ],
+          min: ['asset_name', 'name']
+        },
+        columnsMeta: {
+          asset: {
+            label: this.$t('assets.Asset'),
+            showOverflowTooltip: true,
+            formatter: function(row) {
+              const to = {
+                name: 'AssetDetail',
+                params: { id: row.asset.id }
+              }
+              if (vm.$hasPerm('assets.view_asset')) {
+                return <router-link to={ to } >{ row.asset.name }</router-link>
+              } else {
+                return <span>{ row.asset.name }</span>
+              }
+            }
+          },
+          name: {
+            formatter: null
+          },
+          privileged: {
+            width: '120px',
+            label: this.$t('assets.Privileged'),
+            formatterArgs: {
+              showFalse: false
+            }
+          }
+        },
+        tableAttrs: {
+          border: false
+        }
+      },
+      headerActions: {
+        hasSearch: true,
+        hasRefresh: true,
+        hasLeftActions: true,
+        hasRightActions: true,
+        hasExport: false,
+        hasImport: false,
+        hasCreate: false,
+        hasMoreActions: false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/perms/AssetPermission/AssetPermissionDetail/index.vue b/src/views/perms/AssetPermission/AssetPermissionDetail/index.vue
index 4919e3a2d..958389aff 100644
--- a/src/views/perms/AssetPermission/AssetPermissionDetail/index.vue
+++ b/src/views/perms/AssetPermission/AssetPermissionDetail/index.vue
@@ -11,6 +11,7 @@ import { GenericDetailPage, TabPage } from '@/layout/components'
 import AssetPermissionDetail from './AssetPermissionDetail'
 import AssetPermissionUser from './AssetPermissionUser'
 import AssetPermissionAsset from './AssetPermissionAsset'
+import AssetPermissionAccount from './AssetPermissionAccount'
 
 export default {
   components: {
@@ -18,6 +19,7 @@ export default {
     AssetPermissionDetail,
     AssetPermissionUser,
     AssetPermissionAsset,
+    AssetPermissionAccount,
     TabPage
   },
   data() {
@@ -42,6 +44,11 @@ export default {
             title: this.$t('perms.assetAndNode'),
             name: 'AssetPermissionAsset',
             hidden: () => !this.$hasPerm('assets.view_asset') || !this.$hasPerm('perms.change_assetpermission')
+          },
+          {
+            title: this.$t('perms.permAccount'),
+            name: 'AssetPermissionAccount',
+            hidden: () => !this.$hasPerm('assets.view_account') || !this.$hasPerm('perms.change_assetpermission')
           }
         ]
       }