diff --git a/contact-frontend/packages/modules/services/system/src/views/AuthenticatorView.vue b/contact-frontend/packages/modules/services/system/src/views/AuthenticatorView.vue
index 1deed1e7..2059e342 100644
--- a/contact-frontend/packages/modules/services/system/src/views/AuthenticatorView.vue
+++ b/contact-frontend/packages/modules/services/system/src/views/AuthenticatorView.vue
@@ -19,7 +19,7 @@ import { NTabs, NTab } from 'naive-ui'
       <n-tab :name="ROUTE_NAME.SYSTEM_AUTHENTICATOR_METHODS_INDEX">
         登录提供方
       </n-tab>
-      <n-tab :name="ROUTE_NAME.SYSTEM_AUTHENTICATOR_TEMPLATE_INDEX">
+      <n-tab :name="ROUTE_NAME.SYSTEM_AUTHENTICATOR_TEMPLATE_INDEX" disabled>
         模板
       </n-tab>
       <n-tab :name="ROUTE_NAME.SYSTEM_AUTHENTICATOR_SETTING_INDEX">
diff --git a/contact-frontend/packages/modules/services/system/src/views/pages/authenticator/AuthenticatorMethodsView.vue b/contact-frontend/packages/modules/services/system/src/views/pages/authenticator/AuthenticatorMethodsView.vue
index f94fad80..5e614222 100644
--- a/contact-frontend/packages/modules/services/system/src/views/pages/authenticator/AuthenticatorMethodsView.vue
+++ b/contact-frontend/packages/modules/services/system/src/views/pages/authenticator/AuthenticatorMethodsView.vue
@@ -1,3 +1,31 @@
+<script setup lang="ts">
+import { NButton, NDivider } from 'naive-ui'
+</script>
 <template>
-  <div>methods</div>
+  <div class="pt-2 flex flex-col">
+    <span class="text-gray-500">原生</span>
+    <n-button>用户名(默认)</n-button>
+    <n-button disabled>邮箱</n-button>
+    <n-button disabled>电话</n-button>
+    <span class="text-gray-500">其他</span>
+    <n-divider title-placement="left"> 国际 </n-divider>
+    <n-button disabled>MicroSoft</n-button>
+    <n-button disabled>Google</n-button>
+    <n-button disabled>Apple</n-button>
+    <n-button disabled>Facebook</n-button>
+    <n-button disabled>Twitter</n-button>
+    <n-button disabled>GitHub</n-button>
+    <n-button disabled>Steam</n-button>
+    <n-divider title-placement="left"> 国内 </n-divider>
+    <n-button disabled>微信</n-button>
+    <n-button disabled>微博</n-button>
+    <n-button disabled>QQ</n-button>
+    <n-button disabled>淘宝</n-button>
+    <n-button disabled>钉钉</n-button>
+    <n-button disabled>飞书</n-button>
+    <n-button disabled>企业微信</n-button>
+    <span class="text-gray-500">定制</span>
+    <n-button disabled>OpenID Connect</n-button>
+    <n-button disabled>SAML</n-button>
+  </div>
 </template>
diff --git a/contact-frontend/packages/modules/services/system/src/views/pages/authenticator/AuthenticatorTemplateView.vue b/contact-frontend/packages/modules/services/system/src/views/pages/authenticator/AuthenticatorTemplateView.vue
index d9ebc257..dfe3d6ac 100644
--- a/contact-frontend/packages/modules/services/system/src/views/pages/authenticator/AuthenticatorTemplateView.vue
+++ b/contact-frontend/packages/modules/services/system/src/views/pages/authenticator/AuthenticatorTemplateView.vue
@@ -1,3 +1,5 @@
 <template>
-  <div>template</div>
+  <div>
+    <span>原生</span>
+  </div>
 </template>
diff --git a/contact-frontend/packages/shared/utils/src/routes.ts b/contact-frontend/packages/shared/utils/src/routes.ts
index b4dae4b0..54311777 100644
--- a/contact-frontend/packages/shared/utils/src/routes.ts
+++ b/contact-frontend/packages/shared/utils/src/routes.ts
@@ -11,7 +11,7 @@ function renderIcon(icon?: Component) {
 export function routesToMenus(
   routes: RouteRecordRaw[],
   isNotRoot?: boolean,
-  deep?: boolean
+  deep: boolean = true
 ): MenuOption[] {
   const result: MenuOption[] = []
   const array = isNotRoot ? routes : routes[0].children