diff --git a/src/views/system/tenant/DedailModal.vue b/src/views/system/tenant/DetailModal.vue
similarity index 100%
rename from src/views/system/tenant/DedailModal.vue
rename to src/views/system/tenant/DetailModal.vue
diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue
index 0e9b807c..2b0ad535 100644
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { Space } from 'ant-design-vue'
 import { PlusOutlined } from '@ant-design/icons-vue'
-import DedailModal from './DedailModal.vue'
+import DetailModal from './DetailModal.vue'
 import TenantModal from './TenantFormModal.vue'
 import AuthSettingModal from './AuthSettingModal.vue'
 import { columns, searchFormSchema } from './data'
@@ -103,7 +103,7 @@ async function handleDelete(id: string) {
     </BasicTable>
 
     <TenantModal @register="registerModal" @success="reload()" />
-    <DedailModal @register="registerDetailModal" @success="reload()" />
+    <DetailModal @register="registerDetailModal" @success="reload()" />
     <AuthSettingModal @register="registerAuthSettingModal" @success="reload()" />
   </div>
 </template>