diff --git a/src/views/mp/account/index.vue b/src/views/mp/account/index.vue
index 0214adc0d..2fde1a52f 100644
--- a/src/views/mp/account/index.vue
+++ b/src/views/mp/account/index.vue
@@ -7,6 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { clearAccountQuota, deleteAccount, generateAccountQrCode, getAccountPage } from '@/api/mp/account'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'MpAccount' })
 
@@ -75,6 +76,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="公众号接入" url="https://doc.iocoder.cn/mp/account/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['mp:account:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/mp/autoReply/index.vue b/src/views/mp/autoReply/index.vue
index 3b64cfc4f..f2a32bf62 100644
--- a/src/views/mp/autoReply/index.vue
+++ b/src/views/mp/autoReply/index.vue
@@ -1,3 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
 <template>
-  <div>开发中</div>
+  <div>
+    <DocAlert title="自动回复" url="https://doc.iocoder.cn/mp/auto-reply/" />
+
+    <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/mp/autoReply/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/autoReply/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
 </template>
diff --git a/src/views/mp/draft/index.vue b/src/views/mp/draft/index.vue
index 3b64cfc4f..caa8edaa6 100644
--- a/src/views/mp/draft/index.vue
+++ b/src/views/mp/draft/index.vue
@@ -1,3 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
 <template>
-  <div>开发中</div>
+  <div>
+    <DocAlert title="公众号图文" url="https://doc.iocoder.cn/mp/article/" />
+
+    <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/mp/autoReply/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/autoReply/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
 </template>
diff --git a/src/views/mp/freePublish/index.vue b/src/views/mp/freePublish/index.vue
index 4e75c41ad..e7cc47cad 100644
--- a/src/views/mp/freePublish/index.vue
+++ b/src/views/mp/freePublish/index.vue
@@ -1,46 +1,17 @@
 <script lang="ts" setup>
-// import { Icon } from '@/components/Icon'
-import WxNews from '../components/WxNews/index.vue'
-import { PageWrapper } from '@/components/Page'
-import { getSimpleAccounts } from '@/api/mp/account'
-import { deleteFreePublish, getFreePublishPage } from '@/api/mp/freePublish'
-import type { FormSchema } from '@/components/Form'
-
-const simpleAccountsOptions = await getSimpleAccounts()
-
-const searchSchema: FormSchema[] = [
-  {
-    label: '公众号',
-    field: 'accountId',
-    component: 'Select',
-    required: true,
-    defaultValue: simpleAccountsOptions[0].id,
-    componentProps: {
-      options: simpleAccountsOptions,
-      fieldNames: {
-        label: 'name',
-        value: 'id',
-      },
-    },
-    colProps: { span: 8 },
-  },
-]
-
-let reload = () => {}
-// 获取内部fetch方法;
-function getMethod(m: any) {
-  reload = m
-}
-
-// 删除按钮事件
-function handleDelete(id) {
-  deleteFreePublish(id, id)
-  reload()
-}
+import { DocAlert } from '@/components/DocAlert'
 </script>
 
 <template>
-  <PageWrapper title="公众号图文">
-    <WxNews :search-schema="searchSchema" :api="getFreePublishPage" @get-method="getMethod" @delete="handleDelete" />
-  </PageWrapper>
+  <div>
+    <DocAlert title="公众号图文" url="https://doc.iocoder.cn/mp/article/" />
+
+    <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/mp/freePublish/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/freePublish/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
 </template>
diff --git a/src/views/mp/material/index.vue b/src/views/mp/material/index.vue
index 3b64cfc4f..4cafcb156 100644
--- a/src/views/mp/material/index.vue
+++ b/src/views/mp/material/index.vue
@@ -1,3 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
 <template>
-  <div>开发中</div>
+  <div>
+    <DocAlert title="公众号素材" url="https://doc.iocoder.cn/mp/material/" />
+
+    <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/mp/material/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/material/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
 </template>
diff --git a/src/views/mp/menu/index.vue b/src/views/mp/menu/index.vue
index 3b64cfc4f..18b92c384 100644
--- a/src/views/mp/menu/index.vue
+++ b/src/views/mp/menu/index.vue
@@ -1,3 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
 <template>
-  <div>开发中</div>
+  <div>
+    <DocAlert title="公众号菜单" url="https://doc.iocoder.cn/mp/menu/" />
+
+    <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/mp/menu/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/menu/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
 </template>
diff --git a/src/views/mp/message/index.vue b/src/views/mp/message/index.vue
index 0f156ab5f..656ec6b4a 100644
--- a/src/views/mp/message/index.vue
+++ b/src/views/mp/message/index.vue
@@ -6,6 +6,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { getMessagePage } from '@/api/mp/message'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'MpMessage' })
 
@@ -35,6 +36,8 @@ function handleEdit(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="公众号手册" url="https://doc.iocoder.cn/mp/build/" />
+
     <BasicTable @register="registerTable">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
diff --git a/src/views/mp/statistics/index.vue b/src/views/mp/statistics/index.vue
index c21bd78ed..53644f15f 100644
--- a/src/views/mp/statistics/index.vue
+++ b/src/views/mp/statistics/index.vue
@@ -1,24 +1,17 @@
-<!-- <template>
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
   <div>
-    <UserSummaryChart class="md:w-1/2 w-full" :loading="loading" :accountId="accountId" />
-    <UserCumulateChart class="md:w-1/2 w-full" :loading="loading" :accountId="accountId" />
-    <UpstreamMessageChart class="md:w-1/2 w-full" :loading="loading" :accountId="accountId" />
-    <InterfaceSummaryChart class="md:w-1/2 w-full" :loading="loading" :accountId="accountId" />
+    <DocAlert title="公众号手册" url="https://doc.iocoder.cn/mp/build/" />
+
+    <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/mp/menu/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/mp/menu/index.vue 代码，pull request 贡献给我们！
+    </a-button>
   </div>
 </template>
-<script lang="ts" setup>
-import { ref } from 'vue'
-import UserSummaryChart from './components/UserSummaryChart.vue'
-import UserCumulateChart from './components/UserCumulateChart.vue'
-import UpstreamMessageChart from './components/UpstreamMessageChart.vue'
-import InterfaceSummaryChart from './components/InterfaceSummaryChart.vue'
-
-defineOptions({ name: 'Statistics' })
-
-const loading = ref(true)
-
-const accountId = ref(1)
-</script> -->
-<template>
-  <div>开发中</div>
-</template>
diff --git a/src/views/mp/tag/index.vue b/src/views/mp/tag/index.vue
index 4606e04de..86a7030cf 100644
--- a/src/views/mp/tag/index.vue
+++ b/src/views/mp/tag/index.vue
@@ -7,6 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteTag, getTagPage, syncTag } from '@/api/mp/tag'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'MpTag' })
 
@@ -58,6 +59,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="公众号标签" url="https://doc.iocoder.cn/mp/tag/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['mp:tag:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/mp/user/index.vue b/src/views/mp/user/index.vue
index 6a382c35a..63fa62ad3 100644
--- a/src/views/mp/user/index.vue
+++ b/src/views/mp/user/index.vue
@@ -7,6 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { getUserPage, syncUser } from '@/api/mp/mpuser'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'MpUser' })
 
@@ -50,6 +51,8 @@ function handleEdit(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="公众号粉丝" url="https://doc.iocoder.cn/mp/user/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['mp:user:sync']" type="primary" :pre-icon="IconEnum.RESET" @click="handleSync">