diff --git a/src/views/infra/apiAccessLog/index.vue b/src/views/infra/apiAccessLog/index.vue
index 22835f1d..d714f391 100644
--- a/src/views/infra/apiAccessLog/index.vue
+++ b/src/views/infra/apiAccessLog/index.vue
@@ -8,6 +8,7 @@ import { IconEnum } from '@/enums/appEnum'
 import type { ApiAccessLogExportReqVO } from '@/api/infra/apiAccessLog'
 import { exportApiAccessLog, getApiAccessLogPage } from '@/api/infra/apiAccessLog'
 import { useModal } from '@/components/Modal'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraApiErrorLog' })
 
@@ -49,6 +50,8 @@ async function handleExport() {
 
 <template>
   <div>
+    <DocAlert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['infra:api-access-log:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
diff --git a/src/views/infra/apiErrorLog/index.vue b/src/views/infra/apiErrorLog/index.vue
index a1e6caa8..703459e0 100644
--- a/src/views/infra/apiErrorLog/index.vue
+++ b/src/views/infra/apiErrorLog/index.vue
@@ -9,6 +9,7 @@ import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { ApiErrorLogExportReqVO } from '@/api/infra/apiErrorLog'
 import { exportApiErrorLog, getApiErrorLogPage, updateApiErrorLogProcess } from '@/api/infra/apiErrorLog'
 import { useModal } from '@/components/Modal'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraApiErrorLog' })
 
@@ -62,6 +63,8 @@ async function handleExport() {
 
 <template>
   <div>
+    <DocAlert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['infra:api-error-log:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
diff --git a/src/views/infra/codegen/index.vue b/src/views/infra/codegen/index.vue
index 5770687a..309219e9 100644
--- a/src/views/infra/codegen/index.vue
+++ b/src/views/infra/codegen/index.vue
@@ -9,6 +9,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteCodegenTable, downloadCodegen, getCodegenTablePage, syncCodegenFromDB } from '@/api/infra/codegen'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraCodegen' })
 
@@ -64,6 +65,11 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="代码生成（单表）" url="https://doc.iocoder.cn/new-feature/" />
+    <DocAlert title="代码生成（树表）" url="https://doc.iocoder.cn/new-feature/tree/" />
+    <DocAlert title="代码生成（主子表）" url="https://doc.iocoder.cn/new-feature/master-sub/" />
+    <DocAlert title="单元测试" url="https://doc.iocoder.cn/unit-test/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['infra:codegen:create']" type="primary" :pre-icon="IconEnum.IMPORT" @click="openImportTableModal(true)">
diff --git a/src/views/infra/config/index.vue b/src/views/infra/config/index.vue
index 87b162ee..0fa216ff 100644
--- a/src/views/infra/config/index.vue
+++ b/src/views/infra/config/index.vue
@@ -8,6 +8,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { ConfigExportReqVO } from '@/api/infra/config'
 import { deleteConfig, exportConfig, getConfigPage } from '@/api/infra/config'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraConfig' })
 
@@ -60,6 +61,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="配置中心" url="https://doc.iocoder.cn/config-center/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['infra:config:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/infra/demo/demo01/index.vue b/src/views/infra/demo/demo01/index.vue
new file mode 100644
index 00000000..dcf90705
--- /dev/null
+++ b/src/views/infra/demo/demo01/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert title="代码生成（单表）" url="https://doc.iocoder.cn/new-feature/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo01/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo01/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/infra/demo/demo02/index.vue b/src/views/infra/demo/demo02/index.vue
new file mode 100644
index 00000000..748f53c9
--- /dev/null
+++ b/src/views/infra/demo/demo02/index.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { DocAlert } from '@/components/DocAlert'
+</script>
+<template>
+  <div>
+    <DocAlert title="代码生成（树表）" url="https://doc.iocoder.cn/new-feature/tree/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo02/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo02/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/views/infra/demo/demo03/erp/index.vue b/src/views/infra/demo/demo03/erp/index.vue
new file mode 100644
index 00000000..486b35d6
--- /dev/null
+++ b/src/views/infra/demo/demo03/erp/index.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { DocAlert } from '@/components/DocAlert'
+</script>
+<template>
+  <div>
+    <DocAlert title="代码生成（主子表）" url="https://doc.iocoder.cn/new-feature/master-sub/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo03/erp/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo03/erp/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/views/infra/demo/demo03/inner/index.vue b/src/views/infra/demo/demo03/inner/index.vue
new file mode 100644
index 00000000..67650d5a
--- /dev/null
+++ b/src/views/infra/demo/demo03/inner/index.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { DocAlert } from '@/components/DocAlert'
+</script>
+<template>
+  <div>
+    <DocAlert title="代码生成（主子表）" url="https://doc.iocoder.cn/new-feature/master-sub/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo03/inner/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo03/inner/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/views/infra/demo/demo03/normal/index.vue b/src/views/infra/demo/demo03/normal/index.vue
new file mode 100644
index 00000000..48695850
--- /dev/null
+++ b/src/views/infra/demo/demo03/normal/index.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { DocAlert } from '@/components/DocAlert'
+</script>
+<template>
+  <div>
+    <DocAlert title="代码生成（主子表）" url="https://doc.iocoder.cn/new-feature/master-sub/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo03/normal/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/infra/demo/demo03/normal/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/views/infra/druid/index.vue b/src/views/infra/druid/index.vue
index d0f8f039..503dd4a8 100644
--- a/src/views/infra/druid/index.vue
+++ b/src/views/infra/druid/index.vue
@@ -1,12 +1,16 @@
 <script setup lang="ts" name="InfraDruid">
 import { ref } from 'vue'
 import { IFrame } from '@/components/IFrame'
+import { DocAlert } from '@/components/DocAlert'
 
 const src = ref(`${import.meta.env.VITE_GLOB_BASE_URL}/druid/index.html`)
 </script>
 
 <template>
   <div>
+    <DocAlert title="数据库 MyBatis" url="https://doc.iocoder.cn/mybatis/" />
+    <DocAlert title="多数据源（读写分离）" url="https://doc.iocoder.cn/dynamic-datasource/" />
+
     <IFrame :src="src" />
   </div>
 </template>
diff --git a/src/views/infra/file/index.vue b/src/views/infra/file/index.vue
index 6b32949d..e9a0de40 100644
--- a/src/views/infra/file/index.vue
+++ b/src/views/infra/file/index.vue
@@ -10,6 +10,7 @@ import { deleteFile, getFilePage } from '@/api/infra/file'
 import { getAccessToken, getTenantId } from '@/utils/auth'
 import { copyText } from '@/utils/copyTextToClipboard'
 import { uploadApi } from '@/api/base/upload'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraFile' })
 
@@ -54,6 +55,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="上传下载" url="https://doc.iocoder.cn/file/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <BasicUpload
diff --git a/src/views/infra/fileConfig/index.vue b/src/views/infra/fileConfig/index.vue
index bb050126..e421db46 100644
--- a/src/views/infra/fileConfig/index.vue
+++ b/src/views/infra/fileConfig/index.vue
@@ -7,6 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteFileConfig, getFileConfigPage, testFileConfig, updateFileConfigMaster } from '@/api/infra/fileConfig'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraFileConfig' })
 
@@ -65,6 +66,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="上传下载" url="https://doc.iocoder.cn/file/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['infra:file-config:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/infra/job/index.vue b/src/views/infra/job/index.vue
index b567a622..7d70f68f 100644
--- a/src/views/infra/job/index.vue
+++ b/src/views/infra/job/index.vue
@@ -10,6 +10,7 @@ import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { JobExportReqVO } from '@/api/infra/job'
 import { deleteJob, exportJob, getJobPage, runJob, updateJobStatus } from '@/api/infra/job'
 import { InfraJobStatusEnum } from '@/enums/systemEnum'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraJob' })
 
@@ -101,6 +102,10 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="定时任务" url="https://doc.iocoder.cn/job/" />
+    <DocAlert title="异步任务" url="https://doc.iocoder.cn/async-task/" />
+    <DocAlert title="消息队列" url="https://doc.iocoder.cn/message-queue/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['infra:job:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/infra/job/logger/index.vue b/src/views/infra/job/logger/index.vue
index 3a06b254..312f72ec 100644
--- a/src/views/infra/job/logger/index.vue
+++ b/src/views/infra/job/logger/index.vue
@@ -9,6 +9,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { JobLogExportReqVO } from '@/api/infra/jobLog'
 import { exportJobLog, getJobLogPage } from '@/api/infra/jobLog'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraJobLog' })
 
@@ -53,6 +54,10 @@ async function handleExport() {
 
 <template>
   <div>
+    <DocAlert title="定时任务" url="https://doc.iocoder.cn/job/" />
+    <DocAlert title="异步任务" url="https://doc.iocoder.cn/async-task/" />
+    <DocAlert title="消息队列" url="https://doc.iocoder.cn/message-queue/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['infra:job:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
diff --git a/src/views/infra/redis/index.vue b/src/views/infra/redis/index.vue
index a5a51d97..bff3a330 100644
--- a/src/views/infra/redis/index.vue
+++ b/src/views/infra/redis/index.vue
@@ -4,6 +4,7 @@ import { baseInfoSchema } from './redis.data'
 import { Description } from '@/components/Description'
 import { getCache } from '@/api/infra/redis'
 import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraRedis' })
 const CommandStats = createAsyncComponent(() => import('./components/CommandStats.vue'))
@@ -31,6 +32,11 @@ onMounted(async () => {
 
 <template>
   <div class="p-4">
+    <div class="-mr-4 -ml-4 mb-4">
+      <DocAlert title="Redis 缓存" url="https://doc.iocoder.cn/redis-cache/" />
+      <DocAlert title="本地缓存" url="https://doc.iocoder.cn/local-cache/" />
+    </div>
+
     <Description
       title="基础信息"
       :collapse-options="{ canExpand: true, helpMessage: 'Redis 基本信息' }"
diff --git a/src/views/infra/server/index.vue b/src/views/infra/server/index.vue
index 33ca80ff..c568920f 100644
--- a/src/views/infra/server/index.vue
+++ b/src/views/infra/server/index.vue
@@ -2,6 +2,7 @@
 import { onMounted, ref } from 'vue'
 import { IFrame } from '@/components/IFrame'
 import { getConfigKey } from '@/api/infra/config'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraAdminServer' })
 
@@ -24,6 +25,8 @@ onMounted(() => {
 
 <template>
   <div>
+    <DocAlert title="服务监控" url="https://doc.iocoder.cn/server-monitor/" />
+
     <IFrame v-if="!loading" :src="src" />
   </div>
 </template>
diff --git a/src/views/infra/skywalking/index.vue b/src/views/infra/skywalking/index.vue
index ee36848e..d5450394 100644
--- a/src/views/infra/skywalking/index.vue
+++ b/src/views/infra/skywalking/index.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { IFrame } from '@/components/IFrame'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraSkywalking' })
 
@@ -9,6 +10,8 @@ const src = ref('http://skywalking.shop.iocoder.cn')
 
 <template>
   <div>
+    <DocAlert title="服务监控" url="https://doc.iocoder.cn/server-monitor/" />
+
     <IFrame :src="src" />
   </div>
 </template>
diff --git a/src/views/infra/swagger/index.vue b/src/views/infra/swagger/index.vue
index 4416a1e4..feda024b 100644
--- a/src/views/infra/swagger/index.vue
+++ b/src/views/infra/swagger/index.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { IFrame } from '@/components/IFrame'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraSwagger' })
 
@@ -11,6 +12,8 @@ const src = ref(`${import.meta.env.VITE_GLOB_BASE_URL}/swagger-ui`)
 
 <template>
   <div>
+    <DocAlert title="服务监控" url="https://doc.iocoder.cn/server-monitor/" />
+
     <IFrame :src="src" />
   </div>
 </template>
diff --git a/src/views/infra/webSocket/index.vue b/src/views/infra/webSocket/index.vue
index 37a18bab..ed04cebb 100644
--- a/src/views/infra/webSocket/index.vue
+++ b/src/views/infra/webSocket/index.vue
@@ -5,6 +5,7 @@ import { useWebSocket } from '@vueuse/core'
 import { PageWrapper } from '@/components/Page'
 import { formatToDateTime } from '@/utils/dateUtil'
 import { useUserStore } from '@/store/modules/user'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraWebSocket' })
 
@@ -57,6 +58,8 @@ function toggle() {
 
 <template>
   <PageWrapper title="WebSocket 示例">
+    <DocAlert title="WebSocket 实时通信" url="https://doc.iocoder.cn/websocket/" />
+
     <div class="flex">
       <div class="w-1/3 p-4">
         <div class="flex items-center">
diff --git a/src/views/system/area/index.vue b/src/views/system/area/index.vue
index 7d69699a..fa317405 100644
--- a/src/views/system/area/index.vue
+++ b/src/views/system/area/index.vue
@@ -6,7 +6,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable } from '@/components/Table'
 import { getAreaTree } from '@/api/system/area'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemArea' })
 
diff --git a/src/views/system/loginlog/index.vue b/src/views/system/loginlog/index.vue
index e3f9f251..195765b4 100644
--- a/src/views/system/loginlog/index.vue
+++ b/src/views/system/loginlog/index.vue
@@ -5,7 +5,7 @@ import { useMessage } from '@/hooks/web/useMessage'
 import { BasicTable, useTable } from '@/components/Table'
 import type { LoginLogReqVO } from '@/api/system/loginLog'
 import { exportLoginLog, getLoginLogPage } from '@/api/system/loginLog'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemLoginLog' })
 
diff --git a/src/views/system/mail/account/index.vue b/src/views/system/mail/account/index.vue
index 6a9d8072..ddfde5d2 100644
--- a/src/views/system/mail/account/index.vue
+++ b/src/views/system/mail/account/index.vue
@@ -7,7 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteMailAccount, getMailAccountPage } from '@/api/system/mail/account'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemMailAccount' })
 
diff --git a/src/views/system/mail/log/index.vue b/src/views/system/mail/log/index.vue
index 9de029cb..28cec34d 100644
--- a/src/views/system/mail/log/index.vue
+++ b/src/views/system/mail/log/index.vue
@@ -6,7 +6,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { getMailAccountPage } from '@/api/system/mail/log'
 import { useModal } from '@/components/Modal'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemOperateLog' })
 
diff --git a/src/views/system/mail/template/index.vue b/src/views/system/mail/template/index.vue
index f424c09c..f927edd0 100644
--- a/src/views/system/mail/template/index.vue
+++ b/src/views/system/mail/template/index.vue
@@ -8,7 +8,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteMailTemplate, getMailTemplatePage } from '@/api/system/mail/template'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemMailTemplate' })
 
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index aa62b64e..bb5e44f0 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -9,7 +9,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteMenu, getMenuList } from '@/api/system/menu'
 import { usePermission } from '@/hooks/web/usePermission'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemMenu' })
 
diff --git a/src/views/system/notify/message/index.vue b/src/views/system/notify/message/index.vue
index 62fddd50..9a1376a4 100644
--- a/src/views/system/notify/message/index.vue
+++ b/src/views/system/notify/message/index.vue
@@ -6,7 +6,7 @@ import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { getNotifyMessagePage } from '@/api/system/notify/message'
 import MessageInfoModal from '@/views/system/notify/components/MessageInfoModal.vue'
 import { useModal } from '@/components/Modal'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemMessage' })
 
diff --git a/src/views/system/notify/my/index.vue b/src/views/system/notify/my/index.vue
index bb9569a3..f6a29d05 100644
--- a/src/views/system/notify/my/index.vue
+++ b/src/views/system/notify/my/index.vue
@@ -9,7 +9,7 @@ import { getMyNotifyMessagePage, updateAllNotifyMessageRead, updateNotifyMessage
 import MessageInfoModal from '@/views/system/notify/components/MessageInfoModal.vue'
 import { useModal } from '@/components/Modal'
 import { useUserMessageStore } from '@/store/modules/userMessage'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemMyMessage' })
 
diff --git a/src/views/system/notify/template/index.vue b/src/views/system/notify/template/index.vue
index e2d52449..74ecd94c 100644
--- a/src/views/system/notify/template/index.vue
+++ b/src/views/system/notify/template/index.vue
@@ -8,7 +8,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteNotifyTemplate, getNotifyTemplatePage } from '@/api/system/notify/template'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemMessageTemplate' })
 
diff --git a/src/views/system/oauth2/client/index.vue b/src/views/system/oauth2/client/index.vue
index f8be09c2..407f68e3 100644
--- a/src/views/system/oauth2/client/index.vue
+++ b/src/views/system/oauth2/client/index.vue
@@ -7,7 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteOAuth2Client, getOAuth2ClientPage } from '@/api/system/oauth2/client'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemClient' })
 
diff --git a/src/views/system/oauth2/token/index.vue b/src/views/system/oauth2/token/index.vue
index a8bb132f..b67b6dca 100644
--- a/src/views/system/oauth2/token/index.vue
+++ b/src/views/system/oauth2/token/index.vue
@@ -5,7 +5,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteAccessToken, getAccessTokenPage } from '@/api/system/oauth2/token'
 import { useMessage } from '@/hooks/web/useMessage'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemToken' })
 
diff --git a/src/views/system/operatelog/index.vue b/src/views/system/operatelog/index.vue
index 9b08bd16..817cf448 100644
--- a/src/views/system/operatelog/index.vue
+++ b/src/views/system/operatelog/index.vue
@@ -8,7 +8,7 @@ import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { OperateLogPageReqVO } from '@/api/system/operatelog'
 import { exportOperateLog, getOperateLogPage } from '@/api/system/operatelog'
 import { useModal } from '@/components/Modal'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemOperateLog' })
 
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index a1cf9f25..5e820b7a 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -10,7 +10,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { RoleExportReqVO } from '@/api/system/role'
 import { deleteRole, exportRole, getRolePage } from '@/api/system/role'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemRole' })
 
diff --git a/src/views/system/sms/channel/index.vue b/src/views/system/sms/channel/index.vue
index b0086ed4..c33dc615 100644
--- a/src/views/system/sms/channel/index.vue
+++ b/src/views/system/sms/channel/index.vue
@@ -7,7 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteSmsChannel, getSmsChannelPage } from '@/api/system/sms/smsChannel'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemSmsChannel' })
 
diff --git a/src/views/system/sms/log/index.vue b/src/views/system/sms/log/index.vue
index 77c92c5b..319f4cbf 100644
--- a/src/views/system/sms/log/index.vue
+++ b/src/views/system/sms/log/index.vue
@@ -6,7 +6,7 @@ import type { SmsLogExportReqVO } from '@/api/system/sms/smsLog'
 import { exportSmsLog, getSmsLogPage } from '@/api/system/sms/smsLog'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemSmsLog' })
 
diff --git a/src/views/system/sms/template/index.vue b/src/views/system/sms/template/index.vue
index 8264684a..a1384ef7 100644
--- a/src/views/system/sms/template/index.vue
+++ b/src/views/system/sms/template/index.vue
@@ -9,7 +9,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemSmsTemplate' })
 
diff --git a/src/views/system/social/client/index.vue b/src/views/system/social/client/index.vue
index e1d1e43c..b913f0a4 100644
--- a/src/views/system/social/client/index.vue
+++ b/src/views/system/social/client/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 </script>
 
 <template>
diff --git a/src/views/system/social/user/index.vue b/src/views/system/social/user/index.vue
index e1d1e43c..b913f0a4 100644
--- a/src/views/system/social/user/index.vue
+++ b/src/views/system/social/user/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 </script>
 
 <template>
diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue
index d0ec9779..6081c81e 100644
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -8,7 +8,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemTenant' })
 
diff --git a/src/views/system/tenantPackage/index.vue b/src/views/system/tenantPackage/index.vue
index 1634a02b..a0b22ae1 100644
--- a/src/views/system/tenantPackage/index.vue
+++ b/src/views/system/tenantPackage/index.vue
@@ -7,7 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteTenantPackage, getTenantPackagePage } from '@/api/system/tenantPackage'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemTenantPackage' })
 
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index e70752b5..fb2f613e 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -12,7 +12,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { UserExportReqVO } from '@/api/system/user'
 import { deleteUser, exportUser, getUserPage } from '@/api/system/user'
-import { DocAlert } from '@/components/DocAlert';
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'SystemUser' })