diff --git a/src/views/perms/AssetPermission/AssetPermissionDetail/AssetRelationCard/index.vue b/src/components/AssetRelationCard/index.vue
similarity index 99%
rename from src/views/perms/AssetPermission/AssetPermissionDetail/AssetRelationCard/index.vue
rename to src/components/AssetRelationCard/index.vue
index b3806b02b..1f02958af 100644
--- a/src/views/perms/AssetPermission/AssetPermissionDetail/AssetRelationCard/index.vue
+++ b/src/components/AssetRelationCard/index.vue
@@ -18,6 +18,7 @@
 <script>
 import IBox from '@/components/IBox'
 import AssetSelect from '@/components/AssetSelect'
+
 export default {
   name: 'AssetRelationCard',
   components: {
diff --git a/src/components/index.js b/src/components/index.js
index dbbaf89a7..bb4662a5b 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -22,3 +22,4 @@ export { default as Switcher } from './Swicher'
 export { default as SummaryCard } from './SummaryCard'
 export { default as UploadField } from './UploadField'
 export { default as AssetUserTable } from './AssetUserTable'
+export { default as AssetRelationCard } from './AssetRelationCard'
diff --git a/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionAsset.vue b/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionAsset.vue
index ad1024e7a..efbcee836 100644
--- a/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionAsset.vue
+++ b/src/views/perms/AssetPermission/AssetPermissionDetail/AssetPermissionAsset.vue
@@ -15,7 +15,7 @@
 import ListTable from '@/components/ListTable'
 import RelationCard from '@/components/RelationCard'
 import { DeleteActionFormatter } from '@/components/ListTable/formatters/index'
-import AssetRelationCard from './AssetRelationCard/index'
+import AssetRelationCard from '@/components/AssetRelationCard'
 
 export default {
   name: 'AssetPermissionAsset',