diff --git a/src/components/DetailCard/ItemValue.vue b/src/components/DetailCard/ItemValue.vue
index f57b73b4d..de48f443b 100644
--- a/src/components/DetailCard/ItemValue.vue
+++ b/src/components/DetailCard/ItemValue.vue
@@ -3,7 +3,7 @@ export default {
   name: 'ItemValue',
   props: {
     value: {
-      type: [String, Function, Array, Object],
+      type: [String, Number, Function, Array, Object],
       default: ''
     },
     item: {
diff --git a/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionDetail.vue b/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionDetail.vue
index 43dae2e9f..679625a7b 100644
--- a/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionDetail.vue
+++ b/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionDetail.vue
@@ -11,7 +11,7 @@
 
 <script>
 import { DetailCard, QuickActions } from '@/components'
-// import { toSafeLocalDateStr } from '@/utils/common'
+import { toSafeLocalDateStr } from '@/utils/common'
 
 export default {
   name: 'AssetPermissionDetail',
@@ -60,24 +60,23 @@ export default {
         },
         {
           key: this.$t('perms.userCount'),
-          // value: this.getDataLength(this.object.users)
-          value: JSON.stringify(this.object.users_amount)
+          value: this.object.users_amount
         },
         {
           key: this.$t('perms.userGroupCount'),
-          value: JSON.stringify(this.object.assets_amount)
+          value: this.object.assets_amount
         },
         {
           key: this.$t('perms.assetCount'),
-          value: JSON.stringify(this.object.users_amount)
+          value: this.object.users_amount
         },
         {
           key: this.$t('perms.nodeCount'),
-          value: JSON.stringify(this.object.nodes_amount)
+          value: this.object.nodes_amount
         },
         {
           key: this.$t('perms.systemUserCount'),
-          value: JSON.stringify(this.object.system_users_amount)
+          value: this.object.system_users_amount
         },
         {
           key: this.$t('perms.dateStart'),
@@ -89,7 +88,7 @@ export default {
         },
         {
           key: this.$t('common.dateCreated'),
-          value: this.object.date_created
+          value: toSafeLocalDateStr(this.object.date_created)
         },
         {
           key: this.$t('common.createdBy'),
@@ -101,14 +100,6 @@ export default {
         }
       ]
     }
-  },
-  methods: {
-    getDataLength(data) {
-      if (data instanceof Array) {
-        return JSON.stringify(data.length)
-      }
-      return data
-    }
   }
 }
 </script>
diff --git a/src/views/perms/RemoteAppPermission/RemoteAppPermissionDetail/RemoteAppPermissionDetail.vue b/src/views/perms/RemoteAppPermission/RemoteAppPermissionDetail/RemoteAppPermissionDetail.vue
index 7a27fe63f..40cff5617 100644
--- a/src/views/perms/RemoteAppPermission/RemoteAppPermissionDetail/RemoteAppPermissionDetail.vue
+++ b/src/views/perms/RemoteAppPermission/RemoteAppPermissionDetail/RemoteAppPermissionDetail.vue
@@ -60,19 +60,19 @@ export default {
         },
         {
           key: this.$t('perms.userCount'),
-          value: this.getDataLength(this.object.users)
+          value: this.object.users_amount
         },
         {
           key: this.$t('perms.userGroupCount'),
-          value: this.getDataLength(this.object.user_groups)
+          value: this.object.user_groups_amount
         },
         {
           key: this.$t('perms.remoteAppCount'),
-          value: this.getDataLength(this.object.remote_apps)
+          value: this.object.remote_apps_amount
         },
         {
           key: this.$t('perms.systemUserCount'),
-          value: this.getDataLength(this.object.system_users)
+          value: this.object.system_users_amount
         },
         {
           key: this.$t('perms.dateStart'),
@@ -96,14 +96,6 @@ export default {
         }
       ]
     }
-  },
-  methods: {
-    getDataLength(data) {
-      if (data instanceof Array) {
-        return JSON.stringify(data.length)
-      }
-      return data
-    }
   }
 }
 </script>
diff --git a/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue b/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue
index 723d8f41a..b415914aa 100644
--- a/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue
+++ b/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue
@@ -4,7 +4,6 @@
 
 <script>
 import { GenericListPage } from '@/layout/components'
-import { LengthFormatter } from '@/components/ListTable/formatters/index'
 
 export default {
   components: {
@@ -30,7 +29,6 @@ export default {
             label: this.$t('assets.RemoteApps')
           },
           system_users_amount: {
-            formatter: LengthFormatter,
             label: this.$t('assets.SystemUsers')
           }
         }