From 51c593f319048fac1e521457297bf9b5cc9a325b Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Fri, 9 Jan 2026 14:23:37 +0800
Subject: [PATCH 1/8] =?UTF-8?q?feat:=20[bpm]=20=E5=AE=A1=E6=89=B9=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E6=93=8D=E4=BD=9C=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bpm/processInstance/index.ts          |   2 +
 src/api/bpm/task/index.ts                     |   6 +
 .../detail/components/operation-button.vue    | 207 ++++++++++++++++++
 .../processInstance/detail/index.vue          |  71 ++----
 src/pages/bpm/components/todo-list.vue        |   2 +-
 5 files changed, 236 insertions(+), 52 deletions(-)
 create mode 100644 src/pages-bpm/processInstance/detail/components/operation-button.vue

diff --git a/src/api/bpm/processInstance/index.ts b/src/api/bpm/processInstance/index.ts
index 3aa3930..bcb3f44 100644
--- a/src/api/bpm/processInstance/index.ts
+++ b/src/api/bpm/processInstance/index.ts
@@ -1,3 +1,4 @@
+import type { Task } from '@/api/bpm/task'
 import type { PageParam, PageResult } from '@/http/types'
 import { http } from '@/http/http'
 
@@ -47,6 +48,7 @@ export interface ProcessInstance {
 export interface ApprovalDetail {
   processInstance: ProcessInstance
   processDefinition: ProcessDefinition
+  todoTask: Task
 }
 
 /** 抄送流程实例 */
diff --git a/src/api/bpm/task/index.ts b/src/api/bpm/task/index.ts
index 115ba2e..8635186 100644
--- a/src/api/bpm/task/index.ts
+++ b/src/api/bpm/task/index.ts
@@ -11,6 +11,10 @@ export interface TaskUser {
   deptName?: string
 }
 
+export interface OperationButtonSetting {
+  displayName: string // 按钮名称
+  enable: boolean // 是否启用
+}
 /** 流程任务 */
 export interface Task {
   id: string
@@ -24,6 +28,8 @@ export interface Task {
   ownerUser?: TaskUser
   processInstanceId?: string // 流程实例 ID
   processInstance: ProcessInstance
+  reasonRequire?: boolean // 是否填写审批意见
+  buttonsSetting?: Record<number, OperationButtonSetting> // 按钮设置
 }
 
 /** 查询待办任务分页列表 */
diff --git a/src/pages-bpm/processInstance/detail/components/operation-button.vue b/src/pages-bpm/processInstance/detail/components/operation-button.vue
new file mode 100644
index 0000000..4c957e1
--- /dev/null
+++ b/src/pages-bpm/processInstance/detail/components/operation-button.vue
@@ -0,0 +1,207 @@
+<!-- 操作按钮 -->
+<template>
+  <view class="yd-detail-footer">
+    <!-- 有待审批的任务 -->
+    <view v-if="runningTask">
+      <view v-if="leftOperations.length > 0" class="w-full flex items-center">
+        <!-- 左侧操作按钮 -->
+        <view v-for="(action, idx) in leftOperations" :key="idx" class="mr-32rpx w-60rpx flex flex-col items-center" @click="handleOperation(action.operationType)">
+          <wd-icon :name="action.iconName" size="40rpx" color="#1890ff" />
+          <text class="mt-4rpx text-22rpx text-[#333]">{{ action.displayName }}</text>
+        </view>
+        <!-- 更多操作按钮 -->
+        <view v-if="moreOperations.length > 0" class="mr-32rpx w-60rpx flex flex-col items-center" @click="handleShowMore">
+          <wd-icon name="ellipsis" size="40rpx" color="#1890ff" />
+          <text class="mt-4rpx text-22rpx text-[#333]">更多</text>
+        </view>
+        <!-- 右侧按钮，TODO 是否一定要保留两个按钮 -->
+        <view class="flex flex-1 gap-16rpx">
+          <wd-button
+            v-for="(action, idx) in rightOperations"
+            :key="idx"
+            :plain="action.plain"
+            :type="action.btnType"
+            :round="false"
+            class="flex-1"
+            custom-style="min-width: 200rpx; width: 200rpx;"
+            @click="handleOperation(action.operationType)"
+          >
+            {{ action.displayName }}
+          </wd-button>
+        </view>
+      </view>
+      <!-- 更多操作 ActionSheet -->
+      <wd-action-sheet v-if="moreOperations.length > 0" v-model="showMoreActions" :actions="moreOperations" title="请选择操作" @select="handleMoreAction" />
+    </view>
+    <!-- TODO 无待审批的任务 需要显示什么 -->
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { Action } from 'wot-design-uni/components/wd-action-sheet/types'
+import type { ButtonType } from 'wot-design-uni/components/wd-button/types'
+import type { Task } from '@/api/bpm/task'
+import { useToast } from 'wot-design-uni'
+import {
+  BpmTaskOperationButtonTypeEnum,
+  BpmTaskStatusEnum,
+  OPERATION_BUTTON_NAME,
+} from '@/utils/constants'
+
+const showMoreActions = ref(false)
+
+type MoreOperationType = Action & {
+  operationType: number
+}
+
+interface LeftOperationType {
+  operationType: number
+  iconName: string
+  displayName: string
+}
+
+interface RightOperationType {
+  operationType: number
+  btnType: ButtonType
+  displayName: string
+  plain: boolean
+}
+const operationIconsMap: Record<number, string> = {
+  [BpmTaskOperationButtonTypeEnum.TRANSFER]: 'transfer',
+  [BpmTaskOperationButtonTypeEnum.ADD_SIGN]: 'add',
+  [BpmTaskOperationButtonTypeEnum.DELEGATE]: 'share',
+  [BpmTaskOperationButtonTypeEnum.RETURN]: 'arrow-left',
+  [BpmTaskOperationButtonTypeEnum.COPY]: 'copy',
+}
+/** 左侧操作按钮 【最多两个】{转办, 委派, 退回, 加签， 抄送等} */
+const leftOperations = ref<LeftOperationType[]>([])
+
+/** 右侧操作按钮【最多两个】{通过，拒绝, 取消,减签} */
+const rightOperationTypes = []
+const rightOperations = ref<RightOperationType[]>([])
+/** 更多操作 */
+const moreOperations = ref<MoreOperationType[]>([])
+const toast = useToast()
+const runningTask = ref<Task>()
+const reasonRequire = ref<boolean>(false)
+
+/** 加载待办任务 */
+function loadTodoTask(task: Task) {
+  runningTask.value = task
+  if (task) {
+    reasonRequire.value = task.reasonRequire ?? false
+    // 右侧按钮
+    if (isHandleTaskStatus() && task.buttonsSetting[BpmTaskOperationButtonTypeEnum.REJECT]?.enable) {
+      rightOperationTypes.push(BpmTaskOperationButtonTypeEnum.REJECT)
+      rightOperations.value.push({
+        operationType: BpmTaskOperationButtonTypeEnum.REJECT,
+        displayName: getButtonDisplayName(BpmTaskOperationButtonTypeEnum.REJECT),
+        btnType: 'error',
+        plain: true,
+      })
+    }
+    if (isHandleTaskStatus() && task.buttonsSetting[BpmTaskOperationButtonTypeEnum.APPROVE]?.enable) {
+      rightOperationTypes.push(BpmTaskOperationButtonTypeEnum.APPROVE)
+      rightOperations.value.push({
+        operationType: BpmTaskOperationButtonTypeEnum.APPROVE,
+        displayName: getButtonDisplayName(BpmTaskOperationButtonTypeEnum.APPROVE),
+        btnType: 'primary',
+        plain: false,
+      })
+    }
+    // TODO 减签
+    // 左侧操作，和更多操作
+    Object.keys(task.buttonsSetting || {}).forEach((key) => {
+      const operationType = Number(key)
+      if (task.buttonsSetting[key].enable && isHandleTaskStatus()
+        && !rightOperationTypes.includes(operationType)) {
+        if (leftOperations.value.length >= 2) {
+          moreOperations.value.push({
+            name: getButtonDisplayName(operationType),
+            operationType,
+          })
+        } else {
+          leftOperations.value.push({
+            operationType,
+            iconName: operationIconsMap[operationType],
+            displayName: getButtonDisplayName(operationType),
+          })
+        }
+      }
+    })
+  }
+}
+/** 跳转到相应的操作页面 */
+function handleOperation(operationType: number) {
+  if (!runningTask.value) {
+    return
+  }
+  switch (operationType) {
+    case BpmTaskOperationButtonTypeEnum.APPROVE:
+      uni.navigateTo({ url: `/pages-bpm/processInstance/detail/audit/index?id=${runningTask.value.id}&pass=true` })
+      break
+    case BpmTaskOperationButtonTypeEnum.REJECT:
+      uni.navigateTo({ url: `/pages-bpm/processInstance/detail/audit/index?id=${runningTask.value.id}&pass=false` })
+      break
+    case BpmTaskOperationButtonTypeEnum.DELEGATE:
+      toast.show('委派功能待实现')
+      break
+    case BpmTaskOperationButtonTypeEnum.TRANSFER:
+      toast.show('转办功能待实现')
+      break
+    case BpmTaskOperationButtonTypeEnum.ADD_SIGN:
+      toast.show('加签功能待实现')
+      break
+    case BpmTaskOperationButtonTypeEnum.RETURN:
+      toast.show('退回功能待实现')
+      break
+  }
+}
+
+/** 显示更多操作 */
+function handleShowMore() {
+  showMoreActions.value = true
+}
+
+/** 处理更多操作选择 */
+function handleMoreAction(action: { item: MoreOperationType }) {
+  handleOperation(action.item.operationType)
+  showMoreActions.value = false
+}
+
+/** 获取按钮的显示名称 */
+function getButtonDisplayName(btnType: BpmTaskOperationButtonTypeEnum) {
+  let displayName = OPERATION_BUTTON_NAME.get(btnType)
+  if (
+    runningTask.value?.buttonsSetting
+    && runningTask.value?.buttonsSetting[btnType]
+  ) {
+    displayName = runningTask.value.buttonsSetting[btnType].displayName
+  }
+  return displayName
+}
+
+/** 是否显示按钮 */
+function isShowButton(btnType: BpmTaskOperationButtonTypeEnum): boolean {
+  let isShow = true
+  if (
+    runningTask.value?.buttonsSetting
+    && runningTask.value?.buttonsSetting[btnType]
+  ) {
+    isShow = runningTask.value.buttonsSetting[btnType].enable
+  }
+  return isShow
+}
+
+/** 任务是否为处理中状态 */
+function isHandleTaskStatus() {
+  let canHandle = false
+  if (BpmTaskStatusEnum.RUNNING === runningTask.value?.status) {
+    canHandle = true
+  }
+  return canHandle
+}
+
+/** 暴露方法 */
+defineExpose({ loadTodoTask })
+</script>
diff --git a/src/pages-bpm/processInstance/detail/index.vue b/src/pages-bpm/processInstance/detail/index.vue
index 5474c8d..519aa5c 100644
--- a/src/pages-bpm/processInstance/detail/index.vue
+++ b/src/pages-bpm/processInstance/detail/index.vue
@@ -88,29 +88,15 @@
 
     <!-- TODO 待开发：区域：流程评论 -->
 
-    <!-- 区域：底部操作栏 TODO @jason：抽成类似：/Users/yunai/Java/yudao-ui-admin-vben-v5/apps/web-antd/src/views/bpm/processInstance/detail/modules/operation-button.vue -->
-    <view v-if="runningTask" class="yd-detail-footer">
-      <view class="yd-detail-footer-actions">
-        <wd-button type="error" plain class="flex-1" @click="handleReject">
-          拒绝
-        </wd-button>
-        <wd-button type="primary" class="flex-1" @click="handleApprove">
-          同意
-        </wd-button>
-      </view>
-      <!-- TODO @jason：审批通过、不通过：缺少签名、选择审批人 -->
-      <!-- TODO @jason：取消流程、重新发起 -->
-      <!-- TODO @jason：抄送、转派、委派、退回 -->
-      <!-- TODO @jason：加签、减签 -->
-    </view>
+    <!-- 区域：底部操作栏 -->
+    <ProcessInstanceOperationButton ref="operationButtonRef" />
   </view>
 </template>
 
 <script lang="ts" setup>
 import type { ProcessDefinition, ProcessInstance } from '@/api/bpm/processInstance'
 import type { Task } from '@/api/bpm/task'
-import { onLoad } from '@dcloudio/uni-app'
-import { computed, ref } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import { useToast } from 'wot-design-uni'
 import { getApprovalDetail } from '@/api/bpm/processInstance'
 import { getTaskListByProcessInstanceId } from '@/api/bpm/task'
@@ -118,6 +104,12 @@ import { useUserStore } from '@/store'
 import { navigateBackPlus } from '@/utils'
 import { formatDateTime, formatPast } from '@/utils/date'
 import FormDetail from './components/form-detail.vue'
+import ProcessInstanceOperationButton from './components/operation-button.vue'
+
+const props = defineProps<{
+  id: string // 流程实例的编号
+  taskId?: string // 任务编号
+}>()
 
 definePage({
   style: {
@@ -128,23 +120,13 @@ definePage({
 
 const userStore = useUserStore()
 const toast = useToast()
-const processInstanceId = ref('')
 const processInstance = ref<Partial<ProcessInstance>>({})
 const processDefinition = ref<Partial<ProcessDefinition>>({})
 const tasks = ref<Task[]>([])
 const orderAsc = ref(true)
 
-/** 当前用户需要处理的任务 */
-const runningTask = computed(() => {
-  return tasks.value.find((task) => {
-    // 待处理状态
-    if (task.status !== 1 && task.status !== 6) {
-      return false
-    }
-    // 当前用户是处理人
-    return task.assigneeUser?.id === userStore.userInfo?.id
-  })
-})
+// 操作按钮组件 ref
+const operationButtonRef = ref()
 
 /** 排序后的任务列表 */
 const sortedTasks = computed(() => {
@@ -244,46 +226,33 @@ function getStatusTextClass(status: number) {
   return 'text-[#999]'
 }
 
-/** 同意 */
-function handleApprove() {
-  if (!runningTask.value) {
-    return
-  }
-  uni.navigateTo({ url: `/pages-bpm/processInstance/detail/audit/index?id=${runningTask.value.id}&pass=true` })
-}
-
-/** 拒绝 */
-function handleReject() {
-  if (!runningTask.value) {
-    return
-  }
-  uni.navigateTo({ url: `/pages-bpm/processInstance/detail/audit/index?id=${runningTask.value.id}&pass=false` })
-}
-
 /** 加载流程实例 */
 async function loadProcessInstance() {
-  const data = await getApprovalDetail({ processInstanceId: processInstanceId.value })
+  const param = {
+    processInstanceId: props.id,
+    taskId: props.taskId,
+  }
+  const data = await getApprovalDetail(param)
   if (!data || !data.processInstance) {
     toast.show('查询不到审批详情信息')
     return
   }
   processInstance.value = data.processInstance
   processDefinition.value = data.processDefinition || {}
+  operationButtonRef.value?.loadTodoTask(data.todoTask)
 }
 
 /** 加载任务列表 */
 async function loadTasks() {
-  tasks.value = await getTaskListByProcessInstanceId(processInstanceId.value)
+  tasks.value = await getTaskListByProcessInstanceId(props.id)
 }
 
 /** 初始化 */
-onLoad(async (options) => {
-  // TODO @jason：通过 props id 处理；
-  if (!options?.id) {
+onMounted(async () => {
+  if (!props.id) {
     toast.show('参数错误')
     return
   }
-  processInstanceId.value = options.id
   await Promise.all([loadProcessInstance(), loadTasks()])
 })
 </script>
diff --git a/src/pages/bpm/components/todo-list.vue b/src/pages/bpm/components/todo-list.vue
index d0f61a0..3c49bfd 100644
--- a/src/pages/bpm/components/todo-list.vue
+++ b/src/pages/bpm/components/todo-list.vue
@@ -118,7 +118,7 @@ function handleReset() {
 
 /** 查看详情 */
 function handleDetail(item: Task) {
-  uni.navigateTo({ url: `/pages-bpm/processInstance/detail/index?id=${item.processInstance.id}` })
+  uni.navigateTo({ url: `/pages-bpm/processInstance/detail/index?id=${item.processInstance.id}&taskId=${item.id}` })
 }
 
 /** 同意 */
-- 
Gitee


From 73c9a8212de75b325b732c0d0e61eb18fdf64a49 Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Sat, 10 Jan 2026 08:35:59 +0800
Subject: [PATCH 2/8] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E5=B0=8F?=
 =?UTF-8?q?=E7=A8=8B=E5=BA=8F=20tabbar=20=E6=98=BE=E7=A4=BA=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.ku.vue            | 15 ++++-----------
 src/App.vue               |  3 +--
 src/router/interceptor.ts |  5 ++++-
 src/tabbar/store.ts       | 21 ++++++++++++++++++++-
 4 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/src/App.ku.vue b/src/App.ku.vue
index 8aab489..996bd9c 100644
--- a/src/App.ku.vue
+++ b/src/App.ku.vue
@@ -2,23 +2,16 @@
 import { ref } from 'vue'
 import { useThemeStore } from '@/store'
 import FgTabbar from '@/tabbar/index.vue'
-import { isPageTabbar } from './tabbar/store'
+import { tabbarVisible, updateTabbarVisible } from './tabbar/store'
 import { currRoute } from './utils'
 
 const themeStore = useThemeStore()
 
-const isCurrentPageTabbar = ref(true)
 onShow(() => {
   console.log('App.ku.vue onShow', currRoute())
   const { path } = currRoute()
-  // “蜡笔小开心”提到本地是 '/pages/index/index'，线上是 '/' 导致线上 tabbar 不见了
-  // 所以这里需要判断一下，如果是 '/' 就当做首页，也要显示 tabbar
-  if (path === '/') {
-    isCurrentPageTabbar.value = true
-  }
-  else {
-    isCurrentPageTabbar.value = isPageTabbar(path)
-  }
+  // 更新 tabbar 的显示状态
+  updateTabbarVisible(path)
 })
 
 const helloKuRoot = ref('Hello AppKuVue')
@@ -39,7 +32,7 @@ defineExpose({
 
     <KuRootView />
 
-    <FgTabbar v-if="isCurrentPageTabbar" />
+    <FgTabbar v-if="tabbarVisible" />
     <wd-toast />
     <wd-message-box />
   </wd-config-provider>
diff --git a/src/App.vue b/src/App.vue
index 0ea6924..85a6f3e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,8 +11,7 @@ onShow((options) => {
   // https://github.com/unibest-tech/unibest/issues/192
   if (options?.path) {
     navigateToInterceptor.invoke({ url: `/${options.path}`, query: options.query })
-  }
-  else {
+  } else {
     navigateToInterceptor.invoke({ url: '/' })
   }
 })
diff --git a/src/router/interceptor.ts b/src/router/interceptor.ts
index 36031b1..fc09c8f 100644
--- a/src/router/interceptor.ts
+++ b/src/router/interceptor.ts
@@ -6,7 +6,7 @@ import { isMp } from '@uni-helper/uni-env'
  * 黑、白名单的配置，请看 config.ts 文件， EXCLUDE_LOGIN_PATH_LIST
  */
 import { useTokenStore } from '@/store/token'
-import { isPageTabbar, tabbarStore } from '@/tabbar/store'
+import { isPageTabbar, tabbarStore, updateTabbarVisible } from '@/tabbar/store'
 import { getAllPages, getLastPage, HOME_PAGE, parseUrlToObj } from '@/utils/index'
 import { toLoginPage } from '@/utils/toLoginPage'
 import { EXCLUDE_LOGIN_PATH_LIST, isNeedLoginMode, LOGIN_PAGE, LOGIN_PAGE_ENABLE_IN_MP, NOT_FOUND_PAGE } from './config'
@@ -70,6 +70,9 @@ export const navigateToInterceptor = {
       path = url
     }
 
+    // 更新 tabbar 的显示状态
+    updateTabbarVisible(path)
+
     // 处理直接进入路由非首页时，tabbarIndex 不正确的问题
     tabbarStore.setAutoCurIdx(path)
 
diff --git a/src/tabbar/store.ts b/src/tabbar/store.ts
index b936173..79d6e1f 100644
--- a/src/tabbar/store.ts
+++ b/src/tabbar/store.ts
@@ -1,6 +1,6 @@
 /* eslint-disable brace-style */ // 原因：unibest 官方维护的代码，尽量不要大概，避免难以合并
 import type { CustomTabBarItem, CustomTabBarItemBadge } from './types'
-import { reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
 import { isNeedLoginMode } from '@/router/config'
 import { FG_LOG_ENABLE, judgeIsExcludePath } from '@/router/interceptor'
@@ -33,6 +33,25 @@ export function isPageTabbar(path: string) {
   return tabbarList.some(item => item.pagePath === _path)
 }
 
+// tabbar 的显示状态
+export const tabbarVisible = ref(true)
+
+/**
+ * 更新 tabbar 的显示状态, 仅在 onShow 更新。微信小程序中 tabbar 显示不正确
+ * src/router/interceptor.ts 中的 navigateToInterceptor 会调用 updateTabbarVisible
+ *
+ * @param path 当前页面的 path
+ */
+export function updateTabbarVisible(path: string) {
+  // “蜡笔小开心”提到本地是 '/pages/index/index'，线上是 '/' 导致线上 tabbar 不见了
+  // 所以这里需要判断一下，如果是 '/' 就当做首页，也要显示 tabbar
+  if (path === '/') {
+    tabbarVisible.value = true
+    return
+  }
+  tabbarVisible.value = isPageTabbar(path)
+}
+
 /**
  * 自定义 tabbar 的状态管理，原生 tabbar 无需关注本文件
  * tabbar 状态，增加 storageSync 保证刷新浏览器时在正确的 tabbar 页面
-- 
Gitee


From eca81e8ee32d295d318376a05cfe20412bc75f2d Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Sat, 10 Jan 2026 22:35:29 +0800
Subject: [PATCH 3/8] =?UTF-8?q?Revert=20"feat:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=20tabbar=20=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 73c9a8212de75b325b732c0d0e61eb18fdf64a49.
---
 src/App.ku.vue            | 15 +++++++++++----
 src/App.vue               |  3 ++-
 src/router/interceptor.ts |  5 +----
 src/tabbar/store.ts       | 21 +--------------------
 4 files changed, 15 insertions(+), 29 deletions(-)

diff --git a/src/App.ku.vue b/src/App.ku.vue
index 996bd9c..8aab489 100644
--- a/src/App.ku.vue
+++ b/src/App.ku.vue
@@ -2,16 +2,23 @@
 import { ref } from 'vue'
 import { useThemeStore } from '@/store'
 import FgTabbar from '@/tabbar/index.vue'
-import { tabbarVisible, updateTabbarVisible } from './tabbar/store'
+import { isPageTabbar } from './tabbar/store'
 import { currRoute } from './utils'
 
 const themeStore = useThemeStore()
 
+const isCurrentPageTabbar = ref(true)
 onShow(() => {
   console.log('App.ku.vue onShow', currRoute())
   const { path } = currRoute()
-  // 更新 tabbar 的显示状态
-  updateTabbarVisible(path)
+  // “蜡笔小开心”提到本地是 '/pages/index/index'，线上是 '/' 导致线上 tabbar 不见了
+  // 所以这里需要判断一下，如果是 '/' 就当做首页，也要显示 tabbar
+  if (path === '/') {
+    isCurrentPageTabbar.value = true
+  }
+  else {
+    isCurrentPageTabbar.value = isPageTabbar(path)
+  }
 })
 
 const helloKuRoot = ref('Hello AppKuVue')
@@ -32,7 +39,7 @@ defineExpose({
 
     <KuRootView />
 
-    <FgTabbar v-if="tabbarVisible" />
+    <FgTabbar v-if="isCurrentPageTabbar" />
     <wd-toast />
     <wd-message-box />
   </wd-config-provider>
diff --git a/src/App.vue b/src/App.vue
index 85a6f3e..0ea6924 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,7 +11,8 @@ onShow((options) => {
   // https://github.com/unibest-tech/unibest/issues/192
   if (options?.path) {
     navigateToInterceptor.invoke({ url: `/${options.path}`, query: options.query })
-  } else {
+  }
+  else {
     navigateToInterceptor.invoke({ url: '/' })
   }
 })
diff --git a/src/router/interceptor.ts b/src/router/interceptor.ts
index fc09c8f..36031b1 100644
--- a/src/router/interceptor.ts
+++ b/src/router/interceptor.ts
@@ -6,7 +6,7 @@ import { isMp } from '@uni-helper/uni-env'
  * 黑、白名单的配置，请看 config.ts 文件， EXCLUDE_LOGIN_PATH_LIST
  */
 import { useTokenStore } from '@/store/token'
-import { isPageTabbar, tabbarStore, updateTabbarVisible } from '@/tabbar/store'
+import { isPageTabbar, tabbarStore } from '@/tabbar/store'
 import { getAllPages, getLastPage, HOME_PAGE, parseUrlToObj } from '@/utils/index'
 import { toLoginPage } from '@/utils/toLoginPage'
 import { EXCLUDE_LOGIN_PATH_LIST, isNeedLoginMode, LOGIN_PAGE, LOGIN_PAGE_ENABLE_IN_MP, NOT_FOUND_PAGE } from './config'
@@ -70,9 +70,6 @@ export const navigateToInterceptor = {
       path = url
     }
 
-    // 更新 tabbar 的显示状态
-    updateTabbarVisible(path)
-
     // 处理直接进入路由非首页时，tabbarIndex 不正确的问题
     tabbarStore.setAutoCurIdx(path)
 
diff --git a/src/tabbar/store.ts b/src/tabbar/store.ts
index 79d6e1f..b936173 100644
--- a/src/tabbar/store.ts
+++ b/src/tabbar/store.ts
@@ -1,6 +1,6 @@
 /* eslint-disable brace-style */ // 原因：unibest 官方维护的代码，尽量不要大概，避免难以合并
 import type { CustomTabBarItem, CustomTabBarItemBadge } from './types'
-import { reactive, ref } from 'vue'
+import { reactive } from 'vue'
 
 import { isNeedLoginMode } from '@/router/config'
 import { FG_LOG_ENABLE, judgeIsExcludePath } from '@/router/interceptor'
@@ -33,25 +33,6 @@ export function isPageTabbar(path: string) {
   return tabbarList.some(item => item.pagePath === _path)
 }
 
-// tabbar 的显示状态
-export const tabbarVisible = ref(true)
-
-/**
- * 更新 tabbar 的显示状态, 仅在 onShow 更新。微信小程序中 tabbar 显示不正确
- * src/router/interceptor.ts 中的 navigateToInterceptor 会调用 updateTabbarVisible
- *
- * @param path 当前页面的 path
- */
-export function updateTabbarVisible(path: string) {
-  // “蜡笔小开心”提到本地是 '/pages/index/index'，线上是 '/' 导致线上 tabbar 不见了
-  // 所以这里需要判断一下，如果是 '/' 就当做首页，也要显示 tabbar
-  if (path === '/') {
-    tabbarVisible.value = true
-    return
-  }
-  tabbarVisible.value = isPageTabbar(path)
-}
-
 /**
  * 自定义 tabbar 的状态管理，原生 tabbar 无需关注本文件
  * tabbar 状态，增加 storageSync 保证刷新浏览器时在正确的 tabbar 页面
-- 
Gitee


From 956f04379d99baddd0d801316ee4594553d4d594 Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Sun, 11 Jan 2026 21:40:40 +0800
Subject: [PATCH 4/8] =?UTF-8?q?feat:=20[bpm]=20=E8=BD=AC=E5=8A=9E=E5=92=8C?=
 =?UTF-8?q?=E5=A7=94=E6=B4=BE=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bpm/task/index.ts                     |  10 ++
 .../detail/components/operation-button.vue    |   8 +-
 .../processInstance/detail/reassign/index.vue | 153 ++++++++++++++++++
 3 files changed, 169 insertions(+), 2 deletions(-)
 create mode 100644 src/pages-bpm/processInstance/detail/reassign/index.vue

diff --git a/src/api/bpm/task/index.ts b/src/api/bpm/task/index.ts
index 8635186..e7d854b 100644
--- a/src/api/bpm/task/index.ts
+++ b/src/api/bpm/task/index.ts
@@ -61,3 +61,13 @@ export function getTaskListByProcessInstanceId(processInstanceId: string) {
 export function getTaskManagerPage(params: PageParam) {
   return http.get<PageResult<Task>>('/bpm/task/manager-page', params)
 }
+
+/** 委派任务 */
+export function delegateTask(data: { id: string, delegateUserId: string, reason: string }) {
+  return http.put<boolean>('/bpm/task/delegate', data)
+}
+
+/** 转办任务 */
+export function transferTask(data: { id: string, assigneeUserId: string, reason: string }) {
+  return http.put<boolean>('/bpm/task/transfer', data)
+}
diff --git a/src/pages-bpm/processInstance/detail/components/operation-button.vue b/src/pages-bpm/processInstance/detail/components/operation-button.vue
index 4c957e1..0792418 100644
--- a/src/pages-bpm/processInstance/detail/components/operation-button.vue
+++ b/src/pages-bpm/processInstance/detail/components/operation-button.vue
@@ -144,10 +144,14 @@ function handleOperation(operationType: number) {
       uni.navigateTo({ url: `/pages-bpm/processInstance/detail/audit/index?id=${runningTask.value.id}&pass=false` })
       break
     case BpmTaskOperationButtonTypeEnum.DELEGATE:
-      toast.show('委派功能待实现')
+      uni.navigateTo({
+        url: `/pages-bpm/processInstance/detail/reassign/index?processInstanceId=${runningTask.value.processInstanceId}&taskId=${runningTask.value.id}&type=delegate`,
+      })
       break
     case BpmTaskOperationButtonTypeEnum.TRANSFER:
-      toast.show('转办功能待实现')
+      uni.navigateTo({
+        url: `/pages-bpm/processInstance/detail/reassign/index?processInstanceId=${runningTask.value.processInstanceId}&taskId=${runningTask.value.id}&type=transfer`,
+      })
       break
     case BpmTaskOperationButtonTypeEnum.ADD_SIGN:
       toast.show('加签功能待实现')
diff --git a/src/pages-bpm/processInstance/detail/reassign/index.vue b/src/pages-bpm/processInstance/detail/reassign/index.vue
new file mode 100644
index 0000000..a4a4488
--- /dev/null
+++ b/src/pages-bpm/processInstance/detail/reassign/index.vue
@@ -0,0 +1,153 @@
+<template>
+  <view class="yd-page-container">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      :title="isDelegate ? '委派任务' : '转办任务'"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+
+    <!-- 操作表单 -->
+    <view class="p-24rpx">
+      <wd-form ref="formRef" :model="formData" :rules="formRules">
+        <wd-cell-group border>
+          <!-- 用户选择 -->
+          <UserPicker
+            v-model="formData.userId"
+            prop="userId"
+            type="radio"
+            :label="`${isDelegate ? '接收人' : '新审批人'}：`"
+            :placeholder="`请选择${isDelegate ? '接收人' : '新审批人'}`"
+          />
+
+          <!-- 审批意见 -->
+          <wd-textarea
+            v-model="formData.reason"
+            prop="reason"
+            label="审批意见："
+            label-width="180rpx"
+            placeholder="请输入审批意见"
+            :maxlength="500"
+            show-word-limit
+            clearable
+          />
+        </wd-cell-group>
+        <!-- 提交按钮 -->
+        <view class="mt-48rpx">
+          <wd-button
+            type="primary"
+            block
+            :loading="submitting"
+            :disabled="submitting"
+            @click="handleSubmit"
+          >
+            {{ isDelegate ? '委派' : '转办' }}
+          </wd-button>
+        </view>
+      </wd-form>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
+import { computed, reactive, ref } from 'vue'
+import { useToast } from 'wot-design-uni'
+import { delegateTask, transferTask } from '@/api/bpm/task'
+import UserPicker from '@/components/system-select/user-picker.vue'
+import { navigateBackPlus } from '@/utils'
+
+const props = defineProps<{
+  processInstanceId: string
+  taskId: string
+  type: string // 'delegate' 或 'transfer'
+}>()
+
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+
+const taskId = computed(() => props.taskId)
+const processInstanceId = computed(() => props.processInstanceId)
+const operationType = computed(() => props.type || 'transfer') // 默认转办
+const isDelegate = computed(() => operationType.value === 'delegate')
+const toast = useToast()
+const submitting = ref(false)
+const formRef = ref<FormInstance>()
+
+const formData = reactive({
+  userId: undefined as number | undefined,
+  reason: '',
+})
+
+const formRules = {
+  userId: [
+    { required: true, message: `请选择${isDelegate.value ? '接收人' : '新审批人'}` },
+  ],
+  reason: [
+    { required: true, message: '审批意见不能为空' },
+  ],
+}
+
+/** 返回上一页 */
+function handleBack() {
+  navigateBackPlus(`/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}&taskId=${taskId.value}`)
+}
+
+/** 初始化校验 */
+if (!props.taskId || !props.processInstanceId) {
+  toast.show('参数错误')
+}
+
+/** 提交操作 */
+async function handleSubmit() {
+  if (submitting.value)
+    return
+
+  // 使用 wd-form 的校验方法
+  const { valid } = await formRef.value!.validate()
+  if (!valid) {
+    return
+  }
+
+  submitting.value = true
+  try {
+    const data = {
+      id: taskId.value as string,
+      reason: formData.reason,
+    }
+
+    let result
+    if (isDelegate.value) {
+      // 委派
+      result = await delegateTask({
+        ...data,
+        delegateUserId: String(formData.userId),
+      })
+    } else {
+      // 转办
+      result = await transferTask({
+        ...data,
+        assigneeUserId: String(formData.userId),
+      })
+    }
+
+    if (result) {
+      toast.success(`${isDelegate.value ? '委派' : '转办'}成功`)
+      setTimeout(() => {
+        uni.redirectTo({
+          url: `/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}&taskId=${taskId.value}`,
+        })
+      }, 1500)
+    }
+  } catch (error) {
+    console.error(`[reassign] ${isDelegate.value ? '委派' : '转办'}失败:`, error)
+    toast.error(`${isDelegate.value ? '委派' : '转办'}失败`)
+  } finally {
+    submitting.value = false
+  }
+}
+</script>
-- 
Gitee


From dda2d4240abc939fe85b83896860e3c8fbad5302 Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Sun, 11 Jan 2026 23:00:51 +0800
Subject: [PATCH 5/8] =?UTF-8?q?feat:=20[bpm]=20=E9=80=80=E5=9B=9E=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bpm/task/index.ts                     |  10 ++
 .../detail/components/operation-button.vue    |  68 ++++----
 .../processInstance/detail/return/index.vue   | 157 ++++++++++++++++++
 3 files changed, 202 insertions(+), 33 deletions(-)
 create mode 100644 src/pages-bpm/processInstance/detail/return/index.vue

diff --git a/src/api/bpm/task/index.ts b/src/api/bpm/task/index.ts
index e7d854b..38386d5 100644
--- a/src/api/bpm/task/index.ts
+++ b/src/api/bpm/task/index.ts
@@ -71,3 +71,13 @@ export function delegateTask(data: { id: string, delegateUserId: string, reason:
 export function transferTask(data: { id: string, assigneeUserId: string, reason: string }) {
   return http.put<boolean>('/bpm/task/transfer', data)
 }
+
+/** 退回任务 */
+export function returnTask(data: { id: string, targetTaskDefinitionKey: string, reason: string }) {
+  return http.put<boolean>('/bpm/task/return', data)
+}
+
+/** 获取可退回的节点列表 */
+export function getTaskListByReturn(taskId: string) {
+  return http.get<any[]>(`/bpm/task/list-by-return?id=${taskId}`)
+}
diff --git a/src/pages-bpm/processInstance/detail/components/operation-button.vue b/src/pages-bpm/processInstance/detail/components/operation-button.vue
index 0792418..5441f64 100644
--- a/src/pages-bpm/processInstance/detail/components/operation-button.vue
+++ b/src/pages-bpm/processInstance/detail/components/operation-button.vue
@@ -1,40 +1,39 @@
 <!-- 操作按钮 -->
 <template>
-  <view class="yd-detail-footer">
-    <!-- 有待审批的任务 -->
-    <view v-if="runningTask">
-      <view v-if="leftOperations.length > 0" class="w-full flex items-center">
-        <!-- 左侧操作按钮 -->
-        <view v-for="(action, idx) in leftOperations" :key="idx" class="mr-32rpx w-60rpx flex flex-col items-center" @click="handleOperation(action.operationType)">
-          <wd-icon :name="action.iconName" size="40rpx" color="#1890ff" />
-          <text class="mt-4rpx text-22rpx text-[#333]">{{ action.displayName }}</text>
-        </view>
-        <!-- 更多操作按钮 -->
-        <view v-if="moreOperations.length > 0" class="mr-32rpx w-60rpx flex flex-col items-center" @click="handleShowMore">
-          <wd-icon name="ellipsis" size="40rpx" color="#1890ff" />
-          <text class="mt-4rpx text-22rpx text-[#333]">更多</text>
-        </view>
-        <!-- 右侧按钮，TODO 是否一定要保留两个按钮 -->
-        <view class="flex flex-1 gap-16rpx">
-          <wd-button
-            v-for="(action, idx) in rightOperations"
-            :key="idx"
-            :plain="action.plain"
-            :type="action.btnType"
-            :round="false"
-            class="flex-1"
-            custom-style="min-width: 200rpx; width: 200rpx;"
-            @click="handleOperation(action.operationType)"
-          >
-            {{ action.displayName }}
-          </wd-button>
-        </view>
+  <!-- 有待审批的任务 -->
+  <view v-if="runningTask" class="yd-detail-footer">
+    <view class="w-full flex items-center">
+      <!-- 左侧操作按钮 -->
+      <view v-for="(action, idx) in leftOperations" :key="idx" class="mr-32rpx w-60rpx flex flex-col items-center" @click="handleOperation(action.operationType)">
+        <wd-icon :name="action.iconName" size="40rpx" color="#1890ff" />
+        <text class="mt-4rpx text-22rpx text-[#333]">{{ action.displayName }}</text>
+      </view>
+      <!-- 更多操作按钮 -->
+      <view v-if="moreOperations.length > 0" class="mr-32rpx w-60rpx flex flex-col items-center" @click="handleShowMore">
+        <wd-icon name="ellipsis" size="40rpx" color="#1890ff" />
+        <text class="mt-4rpx text-22rpx text-[#333]">更多</text>
       </view>
       <!-- 更多操作 ActionSheet -->
       <wd-action-sheet v-if="moreOperations.length > 0" v-model="showMoreActions" :actions="moreOperations" title="请选择操作" @select="handleMoreAction" />
+
+      <!-- 右侧按钮，TODO 是否一定要保留两个按钮 -->
+      <view class="flex flex-1 gap-16rpx">
+        <wd-button
+          v-for="(action, idx) in rightOperations"
+          :key="idx"
+          :plain="action.plain"
+          :type="action.btnType"
+          :round="false"
+          class="flex-1"
+          custom-style="min-width: 200rpx; width: 200rpx;"
+          @click="handleOperation(action.operationType)"
+        >
+          {{ action.displayName }}
+        </wd-button>
+      </view>
     </view>
-    <!-- TODO 无待审批的任务 需要显示什么 -->
   </view>
+  <!-- TODO 无待审批的任务 需要显示什么 -->
 </template>
 
 <script lang="ts" setup>
@@ -91,7 +90,7 @@ function loadTodoTask(task: Task) {
   if (task) {
     reasonRequire.value = task.reasonRequire ?? false
     // 右侧按钮
-    if (isHandleTaskStatus() && task.buttonsSetting[BpmTaskOperationButtonTypeEnum.REJECT]?.enable) {
+    if (isHandleTaskStatus() && task.buttonsSetting && task.buttonsSetting[BpmTaskOperationButtonTypeEnum.REJECT]?.enable) {
       rightOperationTypes.push(BpmTaskOperationButtonTypeEnum.REJECT)
       rightOperations.value.push({
         operationType: BpmTaskOperationButtonTypeEnum.REJECT,
@@ -100,7 +99,7 @@ function loadTodoTask(task: Task) {
         plain: true,
       })
     }
-    if (isHandleTaskStatus() && task.buttonsSetting[BpmTaskOperationButtonTypeEnum.APPROVE]?.enable) {
+    if (isHandleTaskStatus() && task.buttonsSetting && task.buttonsSetting[BpmTaskOperationButtonTypeEnum.APPROVE]?.enable) {
       rightOperationTypes.push(BpmTaskOperationButtonTypeEnum.APPROVE)
       rightOperations.value.push({
         operationType: BpmTaskOperationButtonTypeEnum.APPROVE,
@@ -109,6 +108,7 @@ function loadTodoTask(task: Task) {
         plain: false,
       })
     }
+    console.log('rightOperationTypes====>', rightOperationTypes)
     // TODO 减签
     // 左侧操作，和更多操作
     Object.keys(task.buttonsSetting || {}).forEach((key) => {
@@ -157,7 +157,9 @@ function handleOperation(operationType: number) {
       toast.show('加签功能待实现')
       break
     case BpmTaskOperationButtonTypeEnum.RETURN:
-      toast.show('退回功能待实现')
+      uni.navigateTo({
+        url: `/pages-bpm/processInstance/detail/return/index?processInstanceId=${runningTask.value.processInstanceId}&taskId=${runningTask.value.id}`,
+      })
       break
   }
 }
diff --git a/src/pages-bpm/processInstance/detail/return/index.vue b/src/pages-bpm/processInstance/detail/return/index.vue
new file mode 100644
index 0000000..a0ebfe7
--- /dev/null
+++ b/src/pages-bpm/processInstance/detail/return/index.vue
@@ -0,0 +1,157 @@
+<template>
+  <view class="yd-page-container">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      title="退回任务"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+
+    <!-- 操作表单 -->
+    <view class="p-24rpx">
+      <wd-form ref="formRef" :model="formData" :rules="formRules">
+        <wd-cell-group border>
+          <!-- 退回节点选择 -->
+          <wd-picker
+            v-model="formData.targetActivityId"
+            label="退回节点："
+            prop="targetActivityId"
+            :columns="activityOptions"
+            value-key="taskDefinitionKey"
+            label-key="name"
+            placeholder="请选择退回节点"
+          />
+
+          <!-- 退回原因 -->
+          <wd-textarea
+            v-model="formData.reason"
+            prop="reason"
+            label="退回原因："
+            label-width="180rpx"
+            placeholder="请输入退回原因"
+            :maxlength="500"
+            show-word-limit
+            clearable
+          />
+        </wd-cell-group>
+        <!-- 提交按钮 -->
+        <view class="mt-48rpx">
+          <wd-button
+            type="primary"
+            block
+            :loading="submitting"
+            :disabled="submitting"
+            @click="handleSubmit"
+          >
+            退回
+          </wd-button>
+        </view>
+      </wd-form>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
+import { computed, onMounted, reactive, ref } from 'vue'
+import { useToast } from 'wot-design-uni'
+import { getTaskListByReturn, returnTask } from '@/api/bpm/task'
+import { navigateBackPlus } from '@/utils'
+
+const props = defineProps<{
+  processInstanceId: string
+  taskId: string
+}>()
+
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+
+const taskId = computed(() => props.taskId)
+const processInstanceId = computed(() => props.processInstanceId)
+const toast = useToast()
+const submitting = ref(false)
+const formRef = ref<FormInstance>()
+const activityOptions = ref<any[]>([])
+
+const formData = reactive({
+  targetActivityId: '',
+  reason: '',
+})
+
+const formRules = {
+  targetActivityId: [
+    { required: true, message: '退回节点不能为空' },
+  ],
+  reason: [
+    { required: true, message: '退回原因不能为空' },
+  ],
+}
+
+/** 返回上一页 */
+function handleBack() {
+  navigateBackPlus(`/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}&taskId=${taskId.value}`)
+}
+
+/** 初始化校验 */
+if (!props.taskId || !props.processInstanceId) {
+  toast.show('参数错误')
+}
+
+/** 获取可退回的节点列表 */
+async function loadReturnTaskList() {
+  try {
+    const result = await getTaskListByReturn(taskId.value)
+    console.log('[return] 获取可退回节点:', result)
+    if (result && Array.isArray(result)) {
+      activityOptions.value = result
+    }
+  } catch (error) {
+    console.error('[return] 获取可退回节点失败:', error)
+    toast.error('获取可退回节点失败')
+  }
+}
+
+/** 提交操作 */
+async function handleSubmit() {
+  if (submitting.value)
+    return
+
+  // 使用 wd-form 的校验方法
+  const { valid } = await formRef.value!.validate()
+  if (!valid) {
+    return
+  }
+
+  submitting.value = true
+  try {
+    const result = await returnTask({
+      id: taskId.value as string,
+      targetTaskDefinitionKey: formData.targetActivityId,
+      reason: formData.reason,
+    })
+
+    if (result) {
+      toast.success('退回成功')
+      setTimeout(() => {
+        uni.redirectTo({
+          url: `/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}&taskId=${taskId.value}`,
+        })
+      }, 1500)
+    }
+  } catch (error) {
+    console.error('[return] 退回失败:', error)
+    toast.error('退回失败')
+  } finally {
+    submitting.value = false
+  }
+}
+
+/** 页面加载时获取可退回节点列表 */
+onMounted(() => {
+  loadReturnTaskList()
+})
+</script>
-- 
Gitee


From 0a58e7b97396a7885478152139306ebc30a4dc27 Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Mon, 12 Jan 2026 10:00:52 +0800
Subject: [PATCH 6/8] =?UTF-8?q?feat:=20[bpm]=20=E5=8A=A0=E7=AD=BE=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bpm/task/index.ts                     |   5 +
 src/components/system-select/user-picker.vue  |   3 +
 .../processInstance/detail/add-sign/index.vue | 150 ++++++++++++++++++
 .../detail/components/operation-button.vue    |   5 +-
 .../processInstance/detail/return/index.vue   |   1 -
 5 files changed, 161 insertions(+), 3 deletions(-)
 create mode 100644 src/pages-bpm/processInstance/detail/add-sign/index.vue

diff --git a/src/api/bpm/task/index.ts b/src/api/bpm/task/index.ts
index 38386d5..4341290 100644
--- a/src/api/bpm/task/index.ts
+++ b/src/api/bpm/task/index.ts
@@ -81,3 +81,8 @@ export function returnTask(data: { id: string, targetTaskDefinitionKey: string,
 export function getTaskListByReturn(taskId: string) {
   return http.get<any[]>(`/bpm/task/list-by-return?id=${taskId}`)
 }
+
+/** 加签任务 */
+export function signCreateTask(data: { id: string, type: string, userIds: number[], reason: string }) {
+  return http.put<boolean>('/bpm/task/create-sign', data)
+}
diff --git a/src/components/system-select/user-picker.vue b/src/components/system-select/user-picker.vue
index 3dbeca6..6efedbe 100644
--- a/src/components/system-select/user-picker.vue
+++ b/src/components/system-select/user-picker.vue
@@ -7,6 +7,7 @@
     value-key="id"
     label-key="nickname"
     :type="type"
+    :prop="prop"
     filterable
     :placeholder="placeholder"
     @confirm="handleConfirm"
@@ -23,10 +24,12 @@ const props = withDefaults(defineProps<{
   type?: 'radio' | 'checkbox'
   label?: string
   placeholder?: string
+  prop?: string
 }>(), {
   type: 'checkbox',
   label: '',
   placeholder: '请选择',
+  prop: '',
 })
 
 const emit = defineEmits<{
diff --git a/src/pages-bpm/processInstance/detail/add-sign/index.vue b/src/pages-bpm/processInstance/detail/add-sign/index.vue
new file mode 100644
index 0000000..801108a
--- /dev/null
+++ b/src/pages-bpm/processInstance/detail/add-sign/index.vue
@@ -0,0 +1,150 @@
+<template>
+  <view class="yd-page-container">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      title="加签任务"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+
+    <!-- 操作表单 -->
+    <view class="p-24rpx">
+      <wd-form ref="formRef" :model="formData" :rules="formRules">
+        <wd-cell-group border>
+          <!-- 加签处理人 -->
+          <UserPicker
+            v-model="formData.userIds"
+            prop="userIds"
+            type="checkbox"
+            label="加签处理人："
+            label-width="200rpx"
+            placeholder="请选择加签处理人"
+            :rules="formRules.userIds"
+          />
+
+          <!-- 审批意见 -->
+          <wd-textarea
+            v-model="formData.reason"
+            prop="reason"
+            label="审批意见："
+            label-width="200rpx"
+            placeholder="请输入审批意见"
+            :maxlength="500"
+            show-word-limit
+            clearable
+          />
+        </wd-cell-group>
+        <!-- 提交按钮 -->
+        <view class="mt-48rpx flex gap-16rpx">
+          <wd-button
+            type="primary"
+            class="flex-1"
+            plain
+            :loading="submitting"
+            :disabled="submitting"
+            @click="handleSubmit('before')"
+          >
+            向前加签
+          </wd-button>
+          <wd-button
+            type="primary"
+            class="flex-1"
+            :loading="submitting"
+            :disabled="submitting"
+            @click="handleSubmit('after')"
+          >
+            向后加签
+          </wd-button>
+        </view>
+      </wd-form>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
+import { computed, reactive, ref } from 'vue'
+import { useToast } from 'wot-design-uni'
+import { signCreateTask } from '@/api/bpm/task'
+import UserPicker from '@/components/system-select/user-picker.vue'
+import { navigateBackPlus } from '@/utils'
+
+const props = defineProps<{
+  processInstanceId: string
+  taskId: string
+}>()
+
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+
+const taskId = computed(() => props.taskId)
+const processInstanceId = computed(() => props.processInstanceId)
+const toast = useToast()
+const submitting = ref(false)
+const formRef = ref<FormInstance>()
+
+const formData = reactive({
+  userIds: [] as number[],
+  reason: '',
+})
+
+const formRules = {
+  userIds: [
+    { required: true, message: '加签处理人不能为空', validator: (value: number[]) => value.length > 0 },
+  ],
+  reason: [
+    { required: true, message: '审批意见不能为空' },
+  ],
+}
+
+/** 返回上一页 */
+function handleBack() {
+  navigateBackPlus(`/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}&taskId=${taskId.value}`)
+}
+
+/** 初始化校验 */
+if (!props.taskId || !props.processInstanceId) {
+  toast.show('参数错误')
+}
+
+/** 提交操作 */
+async function handleSubmit(type: 'before' | 'after') {
+  if (submitting.value)
+    return
+
+  // 使用 wd-form 的校验方法
+  const { valid } = await formRef.value!.validate()
+  if (!valid) {
+    return
+  }
+  submitting.value = true
+  try {
+    const result = await signCreateTask({
+      id: taskId.value as string,
+      type,
+      userIds: formData.userIds,
+      reason: formData.reason,
+    })
+
+    if (result) {
+      const actionText = type === 'before' ? '向前加签' : '向后加签'
+      toast.success(`${actionText}成功`)
+      setTimeout(() => {
+        uni.redirectTo({
+          url: `/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}&taskId=${taskId.value}`,
+        })
+      }, 1500)
+    }
+  } catch (error) {
+    const actionText = type === 'before' ? '向前加签' : '向后加签'
+    console.error(`[add-sign] ${actionText}失败:`, error)
+    toast.error(`${actionText}失败`)
+  } finally {
+    submitting.value = false
+  }
+}
+</script>
diff --git a/src/pages-bpm/processInstance/detail/components/operation-button.vue b/src/pages-bpm/processInstance/detail/components/operation-button.vue
index 5441f64..c4dcc3b 100644
--- a/src/pages-bpm/processInstance/detail/components/operation-button.vue
+++ b/src/pages-bpm/processInstance/detail/components/operation-button.vue
@@ -108,7 +108,6 @@ function loadTodoTask(task: Task) {
         plain: false,
       })
     }
-    console.log('rightOperationTypes====>', rightOperationTypes)
     // TODO 减签
     // 左侧操作，和更多操作
     Object.keys(task.buttonsSetting || {}).forEach((key) => {
@@ -154,7 +153,9 @@ function handleOperation(operationType: number) {
       })
       break
     case BpmTaskOperationButtonTypeEnum.ADD_SIGN:
-      toast.show('加签功能待实现')
+      uni.navigateTo({
+        url: `/pages-bpm/processInstance/detail/add-sign/index?processInstanceId=${runningTask.value.processInstanceId}&taskId=${runningTask.value.id}`,
+      })
       break
     case BpmTaskOperationButtonTypeEnum.RETURN:
       uni.navigateTo({
diff --git a/src/pages-bpm/processInstance/detail/return/index.vue b/src/pages-bpm/processInstance/detail/return/index.vue
index a0ebfe7..b245c7c 100644
--- a/src/pages-bpm/processInstance/detail/return/index.vue
+++ b/src/pages-bpm/processInstance/detail/return/index.vue
@@ -105,7 +105,6 @@ if (!props.taskId || !props.processInstanceId) {
 async function loadReturnTaskList() {
   try {
     const result = await getTaskListByReturn(taskId.value)
-    console.log('[return] 获取可退回节点:', result)
     if (result && Array.isArray(result)) {
       activityOptions.value = result
     }
-- 
Gitee


From 2be09644b71ca070ca646b635b3714b41a947492 Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Tue, 13 Jan 2026 11:00:54 +0800
Subject: [PATCH 7/8] =?UTF-8?q?feat:=20[bpm]=20=E5=87=8F=E7=AD=BE=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bpm/task/index.ts                     |   6 +
 .../detail/components/operation-button.vue    |  63 +++++-
 .../detail/delete-sign/index.vue              | 181 ++++++++++++++++++
 src/utils/constants/biz-bpm-enum.ts           |   6 +
 4 files changed, 253 insertions(+), 3 deletions(-)
 create mode 100644 src/pages-bpm/processInstance/detail/delete-sign/index.vue

diff --git a/src/api/bpm/task/index.ts b/src/api/bpm/task/index.ts
index 4341290..8ff897a 100644
--- a/src/api/bpm/task/index.ts
+++ b/src/api/bpm/task/index.ts
@@ -30,6 +30,7 @@ export interface Task {
   processInstance: ProcessInstance
   reasonRequire?: boolean // 是否填写审批意见
   buttonsSetting?: Record<number, OperationButtonSetting> // 按钮设置
+  children?: Task[] // 由加签生成，包含多层子任务
 }
 
 /** 查询待办任务分页列表 */
@@ -86,3 +87,8 @@ export function getTaskListByReturn(taskId: string) {
 export function signCreateTask(data: { id: string, type: string, userIds: number[], reason: string }) {
   return http.put<boolean>('/bpm/task/create-sign', data)
 }
+
+/** 减签任务 */
+export function signDeleteTask(data: { id: string, reason: string }) {
+  return http.delete<boolean>('/bpm/task/delete-sign', data)
+}
diff --git a/src/pages-bpm/processInstance/detail/components/operation-button.vue b/src/pages-bpm/processInstance/detail/components/operation-button.vue
index c4dcc3b..1076eba 100644
--- a/src/pages-bpm/processInstance/detail/components/operation-button.vue
+++ b/src/pages-bpm/processInstance/detail/components/operation-button.vue
@@ -41,7 +41,9 @@ import type { Action } from 'wot-design-uni/components/wd-action-sheet/types'
 import type { ButtonType } from 'wot-design-uni/components/wd-button/types'
 import type { Task } from '@/api/bpm/task'
 import { useToast } from 'wot-design-uni'
+import { useUserStore } from '@/store'
 import {
+  BpmProcessInstanceStatus,
   BpmTaskOperationButtonTypeEnum,
   BpmTaskStatusEnum,
   OPERATION_BUTTON_NAME,
@@ -71,7 +73,10 @@ const operationIconsMap: Record<number, string> = {
   [BpmTaskOperationButtonTypeEnum.DELEGATE]: 'share',
   [BpmTaskOperationButtonTypeEnum.RETURN]: 'arrow-left',
   [BpmTaskOperationButtonTypeEnum.COPY]: 'copy',
+  [BpmTaskOperationButtonTypeEnum.DELETE_SIGN]: 'remove',
 }
+
+const userStore = useUserStore()
 /** 左侧操作按钮 【最多两个】{转办, 委派, 退回, 加签， 抄送等} */
 const leftOperations = ref<LeftOperationType[]>([])
 
@@ -90,7 +95,7 @@ function loadTodoTask(task: Task) {
   if (task) {
     reasonRequire.value = task.reasonRequire ?? false
     // 右侧按钮
-    if (isHandleTaskStatus() && task.buttonsSetting && task.buttonsSetting[BpmTaskOperationButtonTypeEnum.REJECT]?.enable) {
+    if (isHandleTaskStatus() && isShowButton(BpmTaskOperationButtonTypeEnum.REJECT)) {
       rightOperationTypes.push(BpmTaskOperationButtonTypeEnum.REJECT)
       rightOperations.value.push({
         operationType: BpmTaskOperationButtonTypeEnum.REJECT,
@@ -99,7 +104,7 @@ function loadTodoTask(task: Task) {
         plain: true,
       })
     }
-    if (isHandleTaskStatus() && task.buttonsSetting && task.buttonsSetting[BpmTaskOperationButtonTypeEnum.APPROVE]?.enable) {
+    if (isHandleTaskStatus() && isShowButton(BpmTaskOperationButtonTypeEnum.APPROVE)) {
       rightOperationTypes.push(BpmTaskOperationButtonTypeEnum.APPROVE)
       rightOperations.value.push({
         operationType: BpmTaskOperationButtonTypeEnum.APPROVE,
@@ -108,7 +113,7 @@ function loadTodoTask(task: Task) {
         plain: false,
       })
     }
-    // TODO 减签
+
     // 左侧操作，和更多操作
     Object.keys(task.buttonsSetting || {}).forEach((key) => {
       const operationType = Number(key)
@@ -128,6 +133,21 @@ function loadTodoTask(task: Task) {
         }
       }
     })
+    /** 减签操作的显示 */
+    if (isShowDeleteSign()) {
+      if (leftOperations.value.length >= 2) {
+        moreOperations.value.push({
+          name: getButtonDisplayName(BpmTaskOperationButtonTypeEnum.DELETE_SIGN),
+          operationType: BpmTaskOperationButtonTypeEnum.DELETE_SIGN,
+        })
+      } else {
+        leftOperations.value.push({
+          operationType: BpmTaskOperationButtonTypeEnum.DELETE_SIGN,
+          iconName: operationIconsMap[BpmTaskOperationButtonTypeEnum.DELETE_SIGN],
+          displayName: getButtonDisplayName(BpmTaskOperationButtonTypeEnum.DELETE_SIGN),
+        })
+      }
+    }
   }
 }
 /** 跳转到相应的操作页面 */
@@ -162,6 +182,11 @@ function handleOperation(operationType: number) {
         url: `/pages-bpm/processInstance/detail/return/index?processInstanceId=${runningTask.value.processInstanceId}&taskId=${runningTask.value.id}`,
       })
       break
+    case BpmTaskOperationButtonTypeEnum.DELETE_SIGN:
+      uni.navigateTo({
+        url: `/pages-bpm/processInstance/detail/delete-sign/index?processInstanceId=${runningTask.value.processInstanceId}&taskId=${runningTask.value.id}&children=${encodeURIComponent(JSON.stringify(runningTask.value.children || []))}`,
+      })
+      break
   }
 }
 
@@ -209,6 +234,38 @@ function isHandleTaskStatus() {
   return canHandle
 }
 
+/** 流程状态是否为结束状态 */
+function isEndProcessStatus(status: number) {
+  let isEndStatus = false
+  if (
+    BpmProcessInstanceStatus.APPROVE === status
+    || BpmProcessInstanceStatus.REJECT === status
+    || BpmProcessInstanceStatus.CANCEL === status
+  ) {
+    isEndStatus = true
+  }
+  return isEndStatus
+}
+
+/** 流程发起人是否为当前用户 */
+function isProcessStartUser() {
+  let isStartUser = false
+  if (userStore.userInfo?.userId === runningTask.value?.processInstance?.startUser?.id) {
+    isStartUser = true
+  }
+  return isStartUser
+}
+
+/** 是否显示减签 */
+function isShowDeleteSign() {
+  return runningTask.value?.children?.length > 0
+}
+
+/** 是否显示流程发起人取消 */
+function isShowProcessStartCancel() {
+  return isProcessStartUser
+}
+
 /** 暴露方法 */
 defineExpose({ loadTodoTask })
 </script>
diff --git a/src/pages-bpm/processInstance/detail/delete-sign/index.vue b/src/pages-bpm/processInstance/detail/delete-sign/index.vue
new file mode 100644
index 0000000..0f5da26
--- /dev/null
+++ b/src/pages-bpm/processInstance/detail/delete-sign/index.vue
@@ -0,0 +1,181 @@
+<template>
+  <view class="yd-page-container">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      title="减签任务"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+
+    <!-- 操作表单 -->
+    <view class="p-24rpx">
+      <wd-form ref="formRef" :model="formData" :rules="formRules">
+        <wd-cell-group border>
+          <!-- 减签人员选择 -->
+          <wd-picker
+            v-model="formData.deleteSignTaskId"
+            :columns="taskOptions"
+            value-key="id"
+            label-key="label"
+            label="减签人员："
+            label-width="180rpx"
+            placeholder="请选择减签人员"
+            prop="deleteSignTaskId"
+          />
+
+          <!-- 审批意见 -->
+          <wd-textarea
+            v-model="formData.reason"
+            prop="reason"
+            label="审批意见："
+            label-width="180rpx"
+            placeholder="请输入审批意见"
+            :maxlength="500"
+            show-word-limit
+            clearable
+          />
+        </wd-cell-group>
+        <!-- 提交按钮 -->
+        <view class="mt-48rpx">
+          <wd-button
+            type="primary"
+            block
+            :loading="submitting"
+            :disabled="submitting"
+            @click="handleSubmit"
+          >
+            减签
+          </wd-button>
+        </view>
+      </wd-form>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
+import { computed, onMounted, reactive, ref } from 'vue'
+import { useToast } from 'wot-design-uni'
+import { signDeleteTask } from '@/api/bpm/task'
+import { navigateBackPlus } from '@/utils'
+
+const props = defineProps<{
+  processInstanceId: string
+  taskId: string
+  children?: string // JSON 字符串格式的子任务数据
+}>()
+
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+
+const taskId = computed(() => props.taskId)
+const processInstanceId = computed(() => props.processInstanceId)
+const toast = useToast()
+const submitting = ref(false)
+const formRef = ref<FormInstance>()
+const taskOptions = ref<any[]>([])
+
+const formData = reactive({
+  deleteSignTaskId: '',
+  reason: '',
+})
+
+const formRules = {
+  deleteSignTaskId: [
+    { required: true, message: '减签人员不能为空' },
+  ],
+  reason: [
+    { required: true, message: '审批意见不能为空' },
+  ],
+}
+
+/** 返回上一页 */
+function handleBack() {
+  navigateBackPlus(`/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}&taskId=${taskId.value}`)
+}
+
+/** 初始化校验 */
+if (!props.taskId || !props.processInstanceId) {
+  toast.show('参数错误')
+}
+
+/** 获取减签人员标签 */
+function getDeleteSignUserLabel(task: any): string {
+  const deptName = task?.assigneeUser?.deptName || task?.ownerUser?.deptName
+  const nickname = task?.assigneeUser?.nickname || task?.ownerUser?.nickname
+  return `${nickname} ( 所属部门：${deptName} )`
+}
+
+/** 获取可减签的任务列表 */
+async function loadDeleteSignTaskList() {
+  try {
+    let childTasks = []
+
+    // 从 URL 参数中获取子任务数据
+    if (props.children) {
+      try {
+        childTasks = JSON.parse(decodeURIComponent(props.children))
+      } catch (parseError) {
+        console.error('[delete-sign] 解析子任务数据失败:', parseError)
+      }
+    }
+
+    // 提示没有子任务数据
+    if (childTasks.length === 0) {
+      toast.show('没有可减签的任务')
+      return
+    }
+
+    taskOptions.value = childTasks.map(task => ({
+      id: task.id,
+      label: getDeleteSignUserLabel(task),
+    }))
+  } catch (error) {
+    console.error('[delete-sign] 获取可减签任务失败:', error)
+    toast.error('获取可减签任务失败')
+  }
+}
+
+/** 提交操作 */
+async function handleSubmit() {
+  if (submitting.value)
+    return
+
+  // 使用 wd-form 的校验方法
+  const { valid } = await formRef.value!.validate()
+  if (!valid) {
+    return
+  }
+
+  submitting.value = true
+  try {
+    const result = await signDeleteTask({
+      id: formData.deleteSignTaskId,
+      reason: formData.reason,
+    })
+
+    if (result) {
+      toast.success('减签成功')
+      setTimeout(() => {
+        uni.redirectTo({
+          url: `/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}&taskId=${taskId.value}`,
+        })
+      }, 1500)
+    }
+  } catch (error) {
+    console.error('[delete-sign] 减签失败:', error)
+    toast.error('减签失败')
+  } finally {
+    submitting.value = false
+  }
+}
+
+/** 页面加载时获取可减签任务列表 */
+onMounted(() => {
+  loadDeleteSignTaskList()
+})
+</script>
diff --git a/src/utils/constants/biz-bpm-enum.ts b/src/utils/constants/biz-bpm-enum.ts
index 93e18c9..32cdceb 100644
--- a/src/utils/constants/biz-bpm-enum.ts
+++ b/src/utils/constants/biz-bpm-enum.ts
@@ -147,6 +147,10 @@ export enum BpmTaskOperationButtonTypeEnum {
    * 委派
    */
   DELEGATE = 4,
+  /**
+   * 减签
+   */
+  DELETE_SIGN = 8,
   /**
    * 拒绝
    */
@@ -159,6 +163,7 @@ export enum BpmTaskOperationButtonTypeEnum {
    * 转办
    */
   TRANSFER = 3,
+
 }
 
 /**
@@ -286,6 +291,7 @@ OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.DELEGATE, '委派')
 OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.ADD_SIGN, '加签')
 OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.RETURN, '退回')
 OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.COPY, '抄送')
+OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.DELETE_SIGN, '减签')
 
 /**
  * 流程实例的变量枚举
-- 
Gitee


From db6c85a834cb69d5cb28bfadcdf9db8ed8f52483 Mon Sep 17 00:00:00 2001
From: jason <2667446@qq.com>
Date: Tue, 13 Jan 2026 14:23:57 +0800
Subject: [PATCH 8/8] =?UTF-8?q?feat:=20[bpm]=20=E6=B5=81=E7=A8=8B=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/components/operation-button.vue    |  63 +++++++--
 .../processInstance/detail/index.vue          |  27 ++--
 .../detail/process-cancel/index.vue           | 133 ++++++++++++++++++
 src/store/user.ts                             |   2 +
 src/utils/constants/biz-bpm-enum.ts           |   6 +-
 5 files changed, 206 insertions(+), 25 deletions(-)
 create mode 100644 src/pages-bpm/processInstance/detail/process-cancel/index.vue

diff --git a/src/pages-bpm/processInstance/detail/components/operation-button.vue b/src/pages-bpm/processInstance/detail/components/operation-button.vue
index 1076eba..f209081 100644
--- a/src/pages-bpm/processInstance/detail/components/operation-button.vue
+++ b/src/pages-bpm/processInstance/detail/components/operation-button.vue
@@ -33,12 +33,24 @@
       </view>
     </view>
   </view>
-  <!-- TODO 无待审批的任务 需要显示什么 -->
+  <!--  无待审批的任务 仅显示取消按钮。TODO 看看还需要显示 -->
+  <view v-if="!runningTask && isShowProcessStartCancel()" class="yd-detail-footer">
+    <wd-button
+      plain
+      type="primary"
+      :round="false"
+      block
+      @click="handleOperation(BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL)"
+    >
+      取消
+    </wd-button>
+  </view>
 </template>
 
 <script lang="ts" setup>
 import type { Action } from 'wot-design-uni/components/wd-action-sheet/types'
 import type { ButtonType } from 'wot-design-uni/components/wd-button/types'
+import type { ProcessInstance } from '@/api/bpm/processInstance'
 import type { Task } from '@/api/bpm/task'
 import { useToast } from 'wot-design-uni'
 import { useUserStore } from '@/store'
@@ -74,23 +86,26 @@ const operationIconsMap: Record<number, string> = {
   [BpmTaskOperationButtonTypeEnum.RETURN]: 'arrow-left',
   [BpmTaskOperationButtonTypeEnum.COPY]: 'copy',
   [BpmTaskOperationButtonTypeEnum.DELETE_SIGN]: 'remove',
+  [BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL]: 'stop-circle',
 }
 
 const userStore = useUserStore()
 /** 左侧操作按钮 【最多两个】{转办, 委派, 退回, 加签， 抄送等} */
 const leftOperations = ref<LeftOperationType[]>([])
 
-/** 右侧操作按钮【最多两个】{通过，拒绝, 取消,减签} */
+/** 右侧操作按钮【最多两个】{通过，拒绝, 取消} */
 const rightOperationTypes = []
 const rightOperations = ref<RightOperationType[]>([])
 /** 更多操作 */
 const moreOperations = ref<MoreOperationType[]>([])
 const toast = useToast()
 const runningTask = ref<Task>()
+const processInstance = ref<ProcessInstance>()
 const reasonRequire = ref<boolean>(false)
 
-/** 加载待办任务 */
-function loadTodoTask(task: Task) {
+/** 初始化 */
+function init(theProcessInstance: ProcessInstance, task: Task) {
+  processInstance.value = theProcessInstance
   runningTask.value = task
   if (task) {
     reasonRequire.value = task.reasonRequire ?? false
@@ -149,12 +164,35 @@ function loadTodoTask(task: Task) {
       }
     }
   }
+
+  // 是否显示流程取消
+  if (isShowProcessStartCancel()) {
+    if (rightOperationTypes.length < 2) {
+      rightOperationTypes.push(BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL)
+      rightOperations.value.push({
+        operationType: BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL,
+        displayName: getButtonDisplayName(BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL),
+        btnType: 'primary',
+        plain: true,
+      })
+    } else {
+      if (leftOperations.value.length >= 2) {
+        moreOperations.value.push({
+          name: getButtonDisplayName(BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL),
+          operationType: BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL,
+        })
+      } else {
+        leftOperations.value.push({
+          operationType: BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL,
+          iconName: operationIconsMap[BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL],
+          displayName: getButtonDisplayName(BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL),
+        })
+      }
+    }
+  }
 }
 /** 跳转到相应的操作页面 */
 function handleOperation(operationType: number) {
-  if (!runningTask.value) {
-    return
-  }
   switch (operationType) {
     case BpmTaskOperationButtonTypeEnum.APPROVE:
       uni.navigateTo({ url: `/pages-bpm/processInstance/detail/audit/index?id=${runningTask.value.id}&pass=true` })
@@ -187,6 +225,11 @@ function handleOperation(operationType: number) {
         url: `/pages-bpm/processInstance/detail/delete-sign/index?processInstanceId=${runningTask.value.processInstanceId}&taskId=${runningTask.value.id}&children=${encodeURIComponent(JSON.stringify(runningTask.value.children || []))}`,
       })
       break
+    case BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL:
+      uni.navigateTo({
+        url: `/pages-bpm/processInstance/detail/process-cancel/index?processInstanceId=${processInstance.value.id}&taskId=${runningTask.value?.id}`,
+      })
+      break
   }
 }
 
@@ -250,7 +293,7 @@ function isEndProcessStatus(status: number) {
 /** 流程发起人是否为当前用户 */
 function isProcessStartUser() {
   let isStartUser = false
-  if (userStore.userInfo?.userId === runningTask.value?.processInstance?.startUser?.id) {
+  if (userStore.userInfo?.userId === processInstance.value?.startUser?.id) {
     isStartUser = true
   }
   return isStartUser
@@ -263,9 +306,9 @@ function isShowDeleteSign() {
 
 /** 是否显示流程发起人取消 */
 function isShowProcessStartCancel() {
-  return isProcessStartUser
+  return isProcessStartUser() && !isEndProcessStatus(processInstance.value?.status)
 }
 
 /** 暴露方法 */
-defineExpose({ loadTodoTask })
+defineExpose({ init })
 </script>
diff --git a/src/pages-bpm/processInstance/detail/index.vue b/src/pages-bpm/processInstance/detail/index.vue
index 519aa5c..196a33c 100644
--- a/src/pages-bpm/processInstance/detail/index.vue
+++ b/src/pages-bpm/processInstance/detail/index.vue
@@ -12,32 +12,31 @@
       <view class="p-24rpx">
         <!-- 标题和状态 -->
         <view class="mb-16rpx flex items-center justify-between">
-          <text class="text-32rpx text-[#333] font-bold">{{ processInstance.name }}</text>
-          <wd-tag :type="getStatusType(processInstance.status)">
-            {{ getStatusText(processInstance.status) }}
+          <text class="text-32rpx text-[#333] font-bold">{{ processInstance?.name }}</text>
+          <wd-tag :type="getStatusType(processInstance?.status)">
+            {{ getStatusText(processInstance?.status) }}
           </wd-tag>
         </view>
         <!-- 发起人信息 -->
         <view class="flex items-center">
           <view class="mr-12rpx h-64rpx w-64rpx flex items-center justify-center rounded-full bg-[#1890ff] text-white">
-            {{ processInstance.startUser?.nickname?.[0] || '?' }}
+            {{ processInstance?.startUser?.nickname?.[0] || '?' }}
           </view>
           <view>
-            <text class="text-28rpx text-[#333]">{{ processInstance.startUser?.nickname }}</text>
-            <text v-if="processInstance.startUser?.deptName" class="ml-8rpx text-24rpx text-[#999]">
-              {{ processInstance.startUser?.deptName }}
+            <text class="text-28rpx text-[#333]">{{ processInstance?.startUser?.nickname }}</text>
+            <text v-if="processInstance?.startUser?.deptName" class="ml-8rpx text-24rpx text-[#999]">
+              {{ processInstance?.startUser?.deptName }}
             </text>
           </view>
         </view>
         <!-- 提交时间 -->
         <view class="mt-16rpx text-24rpx text-[#999]">
-          提交于 {{ formatDateTime(processInstance.startTime) }}
+          提交于 {{ formatDateTime(processInstance?.startTime) }}
         </view>
       </view>
     </view>
 
     <!-- 区域：审批详情（表单） -->
-    <!-- TODO @jason：看看 idea 告警，怎么优化下 -->
     <FormDetail :process-definition="processDefinition" :process-instance="processInstance" />
 
     <!-- 区域：审批记录 TODO @jason：抽成类似 /Users/yunai/Java/yudao-ui-admin-vben-v5/apps/web-antd/src/views/bpm/processInstance/detail/modules/task-list.vue -->
@@ -89,7 +88,7 @@
     <!-- TODO 待开发：区域：流程评论 -->
 
     <!-- 区域：底部操作栏 -->
-    <ProcessInstanceOperationButton ref="operationButtonRef" />
+    <ProcessInstanceOperationButton ref="operationButtonRef" :process-instance="processInstance" />
   </view>
 </template>
 
@@ -120,8 +119,8 @@ definePage({
 
 const userStore = useUserStore()
 const toast = useToast()
-const processInstance = ref<Partial<ProcessInstance>>({})
-const processDefinition = ref<Partial<ProcessDefinition>>({})
+const processInstance = ref<ProcessInstance>()
+const processDefinition = ref<ProcessDefinition>()
 const tasks = ref<Task[]>([])
 const orderAsc = ref(true)
 
@@ -238,8 +237,8 @@ async function loadProcessInstance() {
     return
   }
   processInstance.value = data.processInstance
-  processDefinition.value = data.processDefinition || {}
-  operationButtonRef.value?.loadTodoTask(data.todoTask)
+  processDefinition.value = data.processDefinition
+  operationButtonRef.value?.init(data.processInstance, data.todoTask)
 }
 
 /** 加载任务列表 */
diff --git a/src/pages-bpm/processInstance/detail/process-cancel/index.vue b/src/pages-bpm/processInstance/detail/process-cancel/index.vue
new file mode 100644
index 0000000..d360bea
--- /dev/null
+++ b/src/pages-bpm/processInstance/detail/process-cancel/index.vue
@@ -0,0 +1,133 @@
+<template>
+  <view class="yd-page-container">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      title="取消流程"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+
+    <!-- 操作表单 -->
+    <view class="p-24rpx">
+      <wd-form ref="formRef" :model="formData" :rules="formRules">
+        <wd-cell-group border>
+          <!-- 友情提醒 -->
+          <view class="mb-24rpx border border-[#ffd591] rounded-16rpx bg-[#fff7e6] p-24rpx">
+            <view class="mb-12rpx flex items-center">
+              <wd-icon name="warning" color="#faad14" size="32rpx" />
+              <text class="ml-12rpx text-28rpx text-[#faad14] font-bold">友情提醒</text>
+            </view>
+            <text class="text-26rpx text-[#666]">取消后，该审批流程将自动结束。</text>
+          </view>
+
+          <!-- 取消理由 -->
+          <wd-textarea
+            v-model="formData.cancelReason"
+            prop="cancelReason"
+            label="取消理由："
+            label-width="180rpx"
+            placeholder="请输入取消理由"
+            :maxlength="500"
+            show-word-limit
+            clearable
+          />
+        </wd-cell-group>
+        <!-- 提交按钮 -->
+        <view class="mt-48rpx">
+          <wd-button
+            type="primary"
+            block
+            :loading="submitting"
+            :disabled="submitting"
+            @click="handleSubmit"
+          >
+            确认取消
+          </wd-button>
+        </view>
+      </wd-form>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
+import { computed, reactive, ref } from 'vue'
+import { useToast } from 'wot-design-uni'
+import { cancelProcessInstanceByStartUser } from '@/api/bpm/processInstance'
+import { navigateBackPlus } from '@/utils'
+
+const props = defineProps<{
+  processInstanceId: string
+  taskId?: string
+}>()
+
+definePage({
+  style: {
+    navigationBarTitleText: '',
+    navigationStyle: 'custom',
+  },
+})
+
+const processInstanceId = computed(() => props.processInstanceId)
+const taskId = computed(() => props.taskId)
+const toast = useToast()
+const submitting = ref(false)
+const formRef = ref<FormInstance>()
+
+const formData = reactive({
+  cancelReason: '',
+})
+
+const formRules = {
+  cancelReason: [
+    { required: true, message: '取消理由不能为空' },
+  ],
+}
+
+/** 返回上一页 */
+function handleBack() {
+  const backUrl = taskId.value
+    ? `/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}&taskId=${taskId.value}`
+    : `/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}`
+  navigateBackPlus(backUrl)
+}
+
+/** 初始化校验 */
+if (!props.processInstanceId) {
+  toast.show('参数错误')
+}
+
+/** 提交操作 */
+async function handleSubmit() {
+  if (submitting.value)
+    return
+
+  // 使用 wd-form 的校验方法
+  const { valid } = await formRef.value!.validate()
+  if (!valid) {
+    return
+  }
+
+  submitting.value = true
+  try {
+    const result = await cancelProcessInstanceByStartUser(
+      processInstanceId.value,
+      formData.cancelReason,
+    )
+
+    if (result) {
+      toast.success('流程取消成功')
+      setTimeout(() => {
+        uni.redirectTo({
+          url: `/pages-bpm/processInstance/detail/index?id=${processInstanceId.value}`,
+        })
+      }, 1500)
+    }
+  } catch (error) {
+    console.error('[process-cancel] 取消流程失败:', error)
+    toast.error('取消流程失败')
+  } finally {
+    submitting.value = false
+  }
+}
+</script>
diff --git a/src/store/user.ts b/src/store/user.ts
index 651d080..6577f03 100644
--- a/src/store/user.ts
+++ b/src/store/user.ts
@@ -63,6 +63,8 @@ export const useUserStore = defineStore(
     /** 获取用户信息 */
     const fetchUserInfo = async () => {
       const res = await getAuthPermissionInfo()
+      // 后端返回的用户 Id 字段为 id.
+      res.user.userId = res.user.id
       setUserInfo(res)
       return res
     }
diff --git a/src/utils/constants/biz-bpm-enum.ts b/src/utils/constants/biz-bpm-enum.ts
index 32cdceb..1149c1d 100644
--- a/src/utils/constants/biz-bpm-enum.ts
+++ b/src/utils/constants/biz-bpm-enum.ts
@@ -151,6 +151,10 @@ export enum BpmTaskOperationButtonTypeEnum {
    * 减签
    */
   DELETE_SIGN = 8,
+  /**
+   * 流程发起人取消
+   */
+  PROCESS_START_CANCEL = 9,
   /**
    * 拒绝
    */
@@ -163,7 +167,6 @@ export enum BpmTaskOperationButtonTypeEnum {
    * 转办
    */
   TRANSFER = 3,
-
 }
 
 /**
@@ -292,6 +295,7 @@ OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.ADD_SIGN, '加签')
 OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.RETURN, '退回')
 OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.COPY, '抄送')
 OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.DELETE_SIGN, '减签')
+OPERATION_BUTTON_NAME.set(BpmTaskOperationButtonTypeEnum.PROCESS_START_CANCEL, '取消')
 
 /**
  * 流程实例的变量枚举
-- 
Gitee