diff --git a/src/views/bpm/category/index.vue b/src/views/bpm/category/index.vue
new file mode 100644
index 00000000..f8671bae
--- /dev/null
+++ b/src/views/bpm/category/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/bpm/" />
+
+    <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/bpm/category/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/bpm/category/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/bpm/definition/index.vue b/src/views/bpm/definition/index.vue
index 6c8859a2..43673dcb 100644
--- a/src/views/bpm/definition/index.vue
+++ b/src/views/bpm/definition/index.vue
@@ -1,3 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
 <template>
-  <div>开发中 definition</div>
+  <div>
+    <DocAlert title="工作流手册" url="https://doc.iocoder.cn/bpm/" />
+
+    <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/bpm/definition/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/bpm/definition/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
 </template>
diff --git a/src/views/bpm/form/index.vue b/src/views/bpm/form/index.vue
index d65d0db7..d87fbb2b 100644
--- a/src/views/bpm/form/index.vue
+++ b/src/views/bpm/form/index.vue
@@ -8,6 +8,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteForm, getFormPage } from '@/api/bpm/form'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'BpmForm' })
 
@@ -53,6 +54,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="审批接入（流程表单）" url="https://doc.iocoder.cn/bpm/use-bpm-form/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['bpm:form:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/bpm/group/index.vue b/src/views/bpm/group/index.vue
index 0848c84b..d8424504 100644
--- a/src/views/bpm/group/index.vue
+++ b/src/views/bpm/group/index.vue
@@ -7,6 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteUserGroup, getUserGroupPage } from '@/api/bpm/userGroup'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'BpmGroup' })
 
@@ -46,6 +47,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="工作流手册" url="https://doc.iocoder.cn/bpm/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['bpm:user-group:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/bpm/model/index.vue b/src/views/bpm/model/index.vue
index 48a40825..da13e1af 100644
--- a/src/views/bpm/model/index.vue
+++ b/src/views/bpm/model/index.vue
@@ -9,6 +9,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteModel, deployModel, getModelPage } from '@/api/bpm/model'
+import { DocAlert } from '@/components/DocAlert'
 
 // import { getAccessToken, getTenantId } from '@/utils/auth'
 
@@ -79,6 +80,14 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="流程设计器（BPMN）" url="https://doc.iocoder.cn/bpm/model-designer-dingding/" />
+    <DocAlert
+      title="流程设计器（钉钉、飞书）"
+      url="https://doc.iocoder.cn/bpm/model-designer-bpmn/"
+    />
+    <DocAlert title="选择审批人、发起人自选" url="https://doc.iocoder.cn/bpm/assignee/" />
+    <DocAlert title="会签、或签、依次审批" url="https://doc.iocoder.cn/bpm/multi-instance/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['bpm:model:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/bpm/oa/leave/index.vue b/src/views/bpm/oa/leave/index.vue
index ddcd441b..e43711c9 100644
--- a/src/views/bpm/oa/leave/index.vue
+++ b/src/views/bpm/oa/leave/index.vue
@@ -7,6 +7,7 @@ import { getLeavePage } from '@/api/bpm/leave'
 import { useGo } from '@/hooks/web/usePage'
 import { useMessage } from '@/hooks/web/useMessage'
 import { cancelProcessInstance } from '@/api/bpm/processInstance'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'BpmLeave' })
 
@@ -73,6 +74,8 @@ function handleProcessDetail(row) {
 
 <template>
   <div>
+    <DocAlert title="审批接入（业务表单）" url="https://doc.iocoder.cn/bpm/use-business-form/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/bpm/processExpression/index.vue b/src/views/bpm/processExpression/index.vue
new file mode 100644
index 00000000..7ccfaa84
--- /dev/null
+++ b/src/views/bpm/processExpression/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/bpm/" />
+
+    <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/bpm/processExpression/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/bpm/processExpression/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/bpm/processInstance/create/index.vue b/src/views/bpm/processInstance/create/index.vue
index 2315f949..97367695 100644
--- a/src/views/bpm/processInstance/create/index.vue
+++ b/src/views/bpm/processInstance/create/index.vue
@@ -11,6 +11,7 @@ import Icon from '@/components/Icon'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { getProcessDefinitionBpmnXML, getProcessDefinitionList } from '@/api/bpm/definition'
 import { createProcessInstance } from '@/api/bpm/processInstance'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'BpmProcessInstanceCreate' })
 
@@ -78,6 +79,8 @@ async function submitForm(formData) {
 
 <template>
   <PageWrapper>
+    <DocAlert title="流程发起、取消、重新发起" url="https://doc.iocoder.cn/bpm/process-instance/" />
+
     <div class="mx-auto my-0 mt-2.5 w-200">
       <Steps :current="current">
         <Steps.Step title="选择流程" />
diff --git a/src/views/bpm/processInstance/index.vue b/src/views/bpm/processInstance/index.vue
index 8f96948f..e2be921c 100644
--- a/src/views/bpm/processInstance/index.vue
+++ b/src/views/bpm/processInstance/index.vue
@@ -6,6 +6,7 @@ import { useMessage } from '@/hooks/web/useMessage'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { IconEnum } from '@/enums/appEnum'
 import { cancelProcessInstance, getMyProcessInstancePage } from '@/api/bpm/processInstance'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'InfraApiErrorLog' })
 
@@ -47,6 +48,8 @@ async function handleCancel(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="流程发起、取消、重新发起" url="https://doc.iocoder.cn/bpm/process-instance/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['bpm:process-instance:query']" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/bpm/processInstance/manager/index.vue b/src/views/bpm/processInstance/manager/index.vue
new file mode 100644
index 00000000..72635267
--- /dev/null
+++ b/src/views/bpm/processInstance/manager/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/bpm/" />
+
+    <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/bpm/processInstance/manager/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/bpm/processInstance/manager/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/bpm/processListener/index.vue b/src/views/bpm/processListener/index.vue
new file mode 100644
index 00000000..2153b3dc
--- /dev/null
+++ b/src/views/bpm/processListener/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/bpm/" />
+
+    <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/bpm/processListener/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/bpm/processListener/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/bpm/task/copy/index.vue b/src/views/bpm/task/copy/index.vue
new file mode 100644
index 00000000..e4c56366
--- /dev/null
+++ b/src/views/bpm/task/copy/index.vue
@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert
+      title="审批转办、委派、抄送"
+      url="https://doc.iocoder.cn/bpm/task-delegation-and-cc/"
+    />
+
+    <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/bpm/task/copy/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/bpm/task/copy/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/bpm/task/done/index.vue b/src/views/bpm/task/done/index.vue
index 5a86b671..27e843da 100644
--- a/src/views/bpm/task/done/index.vue
+++ b/src/views/bpm/task/done/index.vue
@@ -5,6 +5,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { IconEnum } from '@/enums/appEnum'
 import { getDoneTaskPage } from '@/api/bpm/task'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'BpmDoneTask' })
 
@@ -37,6 +38,14 @@ function handleAudit(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="审批通过、不通过、驳回" url="https://doc.iocoder.cn/bpm/task-todo-done/" />
+    <DocAlert title="审批加签、减签" url="https://doc.iocoder.cn/bpm/sign/" />
+    <DocAlert
+      title="审批转办、委派、抄送"
+      url="https://doc.iocoder.cn/bpm/task-delegation-and-cc/"
+    />
+    <DocAlert title="审批加签、减签" url="https://doc.iocoder.cn/bpm/sign/" />
+
     <BasicTable @register="registerTable">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
diff --git a/src/views/bpm/task/manager/index.vue b/src/views/bpm/task/manager/index.vue
new file mode 100644
index 00000000..b74bbf50
--- /dev/null
+++ b/src/views/bpm/task/manager/index.vue
@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert'
+</script>
+
+<template>
+  <div>
+    <DocAlert
+      title="审批转办、委派、抄送"
+      url="https://doc.iocoder.cn/bpm/task-delegation-and-cc/"
+    />
+
+    <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/bpm/task/manager/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/bpm/task/manager/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/bpm/task/todo/index.vue b/src/views/bpm/task/todo/index.vue
index da7bc5f7..42e7de36 100644
--- a/src/views/bpm/task/todo/index.vue
+++ b/src/views/bpm/task/todo/index.vue
@@ -5,6 +5,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { IconEnum } from '@/enums/appEnum'
 import { getTodoTaskPage } from '@/api/bpm/task'
+import { DocAlert } from '@/components/DocAlert'
 
 defineOptions({ name: 'BpmTodoTask' })
 
@@ -33,6 +34,14 @@ function handleAudit(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="审批通过、不通过、驳回" url="https://doc.iocoder.cn/bpm/task-todo-done/" />
+    <DocAlert title="审批加签、减签" url="https://doc.iocoder.cn/bpm/sign/" />
+    <DocAlert
+      title="审批转办、委派、抄送"
+      url="https://doc.iocoder.cn/bpm/task-delegation-and-cc/"
+    />
+    <DocAlert title="审批加签、减签" url="https://doc.iocoder.cn/bpm/sign/" />
+
     <BasicTable @register="registerTable">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
diff --git a/src/views/bpm/taskAssignRule/index.vue b/src/views/bpm/taskAssignRule/index.vue
deleted file mode 100644
index e8bc1bd4..00000000
--- a/src/views/bpm/taskAssignRule/index.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <div>开发中 taskAssignRule</div>
-</template>