业务线小程序不用写死，从后端接口获取

王彪总
1 parent 3c73dfc0
Showing 5 changed files with 203 additions and 18 deletions
pages-sub/problem/regional-order-manage/index.vue
pages-sub/problem/regional-order-manage/list-detail.vue
pages-sub/problem/regional-order-manage/order-detail.vue
pages-sub/problem/work-order-manage/index.vue
pages-sub/problem/work-order-manage/order-detail.vue
@@ -108,9 +108,9 @@
               <!-- 待办工单(0) 保留原来的操作按钮区 不变 -->
               <view v-if="activeTab === 0" class="u-body-item u-body-item-btn-wrap u-flex common-justify-between common-item-center mt-20">
-                <up-button type="warning" size="large" @click="handleUnifiedReject(item)" v-show="nextStepMap[item.taskKey].backShow">回退</up-button>
+                <up-button type="warning" size="large" @click="handleUnifiedReject(item)" v-show="showRejectButton(item)">回退</up-button>
                 <up-button type="success" size="large" @click="handleRenew(item)" v-show="nextStepMap[item.taskKey].renewShow">重新提交</up-button>
-                <up-button type="primary" size="large" @click="handleUnifiedProcess(item)">{{ nextStepMap[item.taskKey].btnText }}</up-button>
+                <up-button type="primary" size="large" @click="handleUnifiedProcess(item)">{{ getProcessButtonText(item) }}</up-button>
                 <up-button type="info" size="large" @click="handleDetail(item)">详情</up-button>
               </view>
@@ -366,6 +366,10 @@ const queryList = async (pageNo, pageSize) =&gt; {
     if (activeTab.value === 0) res = await todoBuzSimplePage(params);
     else if (activeTab.value === 2) res = await myBuzSimplePage(params);
     else res = await doneBuzSimplePage(params);
+    // 待办列表：预取各任务的统一动作配置，供底部按钮显隐使用
+    if (activeTab.value === 0) {
+      await attachConfiguredActions(res?.list);
+    }
     pagingHandle('complete', res?.list || [], res?.total || 0);
   } catch (error) {
     console.error('加载工单失败：', error);
@@ -440,9 +444,39 @@ const queryUnifiedActions = async (item) =&gt; {
   return null
 }
+/** 待办列表：批量预取统一动作配置，挂在行数据上供按钮显隐复用 */
+const attachConfiguredActions = async (list) => {
+  if (!Array.isArray(list) || list.length === 0) return
+  await Promise.all(list.map(async (item) => {
+    item.configuredActions = await queryUnifiedActions(item)
+  }))
+}
+
+/** 驳回类动作编码：只有配置了这些动作，才展示「回退」按钮 */
+const REJECT_ACTION_CODES = ['REJECT', 'RETURN', 'RETURN_PREV']
+
+/** 回退按钮显隐：已配置统一动作时以配置为准，未配置时沿用原有节点规则 */
+const showRejectButton = (item) => {
+  if (Array.isArray(item?.configuredActions)) {
+    return item.configuredActions.some((action) => REJECT_ACTION_CODES.includes(action.code))
+  }
+  return !!nextStepMap[item.taskKey]?.backShow
+}
+
+/** 主按钮文案：已配置统一动作时取配置的动作名称，未配置时沿用原有节点规则 */
+const getProcessButtonText = (item) => {
+  const actions = item?.configuredActions
+  if (Array.isArray(actions) && actions.length > 0) {
+    return actions[0].name || actions[0].code
+  }
+  return nextStepMap[item.taskKey]?.btnText
+}
+
 /** 待办-处理工单：已配置统一动作时走新逻辑，否则回退原有处理 */
 const handleUnifiedProcess = async (item) => {
-  const actions = await queryUnifiedActions(item)
+  const actions = Array.isArray(item?.configuredActions)
+      ? item.configuredActions
+      : await queryUnifiedActions(item)
   if (actions) {
     unifiedActionsRef.value?.open(item, actions)
     return
@@ -452,7 +486,9 @@ const handleUnifiedProcess = async (item) =&gt; {
 /** 待办-回退：已配置统一动作时走新逻辑，否则回退原有弹窗 */
 const handleUnifiedReject = async (item) => {
-  const actions = await queryUnifiedActions(item)
+  const actions = Array.isArray(item?.configuredActions)
+      ? item.configuredActions
+      : await queryUnifiedActions(item)
   if (actions) {
     const rejectActions = actions.filter((action) =>
         ['REJECT', 'RETURN', 'RETURN_PREV'].includes(action.code)
@@ -229,7 +229,7 @@
           type="warning"
           size="normal"
           @click="handleReject(orderDetail)"
-          v-show="nextStepMap[orderDetail.taskKey].backShow"
+          v-show="showRejectButton"
         >回退</up-button>
         <up-button
           type="success"
@@ -238,7 +238,7 @@
           v-show="nextStepMap[orderDetail.taskKey].renewShow"
         >重新提交</up-button>
         <up-button type="primary" size="normal" @click="handleProcess(orderDetail)">
-          {{ nextStepMap[orderDetail.taskKey].btnText }}
+          {{ processButtonText }}
         </up-button>
       </view>
     </view>
@@ -326,10 +326,11 @@
 </template>
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { timeFormat } from '@/uni_modules/uview-plus'
 import { getApprovalDetail,workOrderDetailByID } from '@/api/regional-order-manage/regional-order-manage'
+import { getTaskActions } from '@/api/work-order-manage/work-order-manage'
 import { nextStepMap, calculateFormatTimeDiff } from '@/common/utils/common'
 import { useUploadImgs } from '@/common/utils/useUploadImgs'
@@ -484,6 +485,44 @@ const getCurrentStepIndex = () =&gt; {
   return activityNodes.length
 }
+// ========== 统一节点动作（工作流配置化） ==========
+/** 当前任务已配置的统一动作；null 表示未配置（回退原有按钮逻辑） */
+const configuredActions = ref<any>(null)
+
+/** 查询当前任务是否已配置统一动作；未配置或接口异常时返回 null */
+const queryUnifiedActions = async (taskId: any) => {
+  if (!taskId) return null
+  try {
+    const data = await getTaskActions(taskId)
+    if (data && data.configured && Array.isArray(data.actions) && data.actions.length > 0) {
+      return data.actions
+    }
+  } catch (e) {
+    console.warn('查询统一节点动作失败，回退原有逻辑', e)
+  }
+  return null
+}
+
+/** 驳回类动作编码：只有配置了这些动作，才展示「回退」按钮 */
+const REJECT_ACTION_CODES = ['REJECT', 'RETURN', 'RETURN_PREV']
+
+/** 回退按钮显隐：已配置统一动作时以配置为准，未配置时沿用原有节点规则 */
+const showRejectButton = computed(() => {
+  if (Array.isArray(configuredActions.value)) {
+    return configuredActions.value.some((action: any) => REJECT_ACTION_CODES.includes(action.code))
+  }
+  return !!nextStepMap[orderDetail.value.taskKey]?.backShow
+})
+
+/** 主按钮文案：已配置统一动作时取配置的动作名称，未配置时沿用原有节点规则 */
+const processButtonText = computed(() => {
+  const actions = configuredActions.value
+  if (Array.isArray(actions) && actions.length > 0) {
+    return actions[0].name || actions[0].code
+  }
+  return nextStepMap[orderDetail.value.taskKey]?.btnText
+})
+
 /**
  * 核心：工单详情接口 workOrderDetailByID
  * @param id 上一页传递的工单ID
@@ -494,6 +533,8 @@ const DetailQuery = async (id: string | number) =&gt; {
     loading.value = true
     const res = await workOrderDetailByID({ id })
     if (res) {
+      // 待办详情：预取当前任务的统一动作配置，用于底部按钮显隐
+      configuredActions.value = activeTab.value === '0' ? await queryUnifiedActions(res.taskId) : null
       orderDetail.value = res
       currentImgList.value = orderDetail.value.startImgs
       // 赋值流程实例ID，供流程节点接口使用
@@ -256,7 +256,7 @@
     <view v-if="activeTab==0&&nextStepMap[orderDetail.taskKey]" class="fixed-bottom-btn-wrap">
       <view class="u-body-item u-flex common-justify-between common-item-center ">
         <up-button type="warning" size="normal" @click="handleReject(orderDetail)"
-                   v-show="nextStepMap[orderDetail.taskKey].backShow">回退
+                   v-show="showRejectButton">回退
         </up-button>
         <up-button type="success" size="normal" @click="handleRenew(orderDetail)"
@@ -264,7 +264,7 @@
         </up-button>
         <up-button type="primary" size="normal" @click="handleProcess(orderDetail)">{{
-            nextStepMap[orderDetail.taskKey].btnText
+            processButtonText
           }}
         </up-button>
@@ -375,6 +375,7 @@ import {
   aiUniversalApproval
 } from '@/api/regional-order-manage/regional-order-manage';
 import {nextStepMap, buzStatusMap, calculateFormatTimeDiff} from '@/common/utils/common'
+import {getTaskActions} from '@/api/work-order-manage/work-order-manage';
 import {useUploadImgs} from '@/common/utils/useUploadImgs'
 import { useUserStore } from '@/pinia/user';
@@ -552,6 +553,44 @@ const getCurrentStepIndex = () =&gt; {
   return activityNodes.length;
 }
+// ========== 统一节点动作（工作流配置化） ==========
+/** 当前任务已配置的统一动作；null 表示未配置（回退原有按钮逻辑） */
+const configuredActions = ref<any>(null)
+
+/** 查询当前任务是否已配置统一动作；未配置或接口异常时返回 null */
+const queryUnifiedActions = async (taskIdStr: string) => {
+  if (!taskIdStr) return null
+  try {
+    const data = await getTaskActions(taskIdStr)
+    if (data && data.configured && Array.isArray(data.actions) && data.actions.length > 0) {
+      return data.actions
+    }
+  } catch (e) {
+    console.warn('查询统一节点动作失败，回退原有逻辑', e)
+  }
+  return null
+}
+
+/** 驳回类动作编码：只有配置了这些动作，才展示「回退」按钮 */
+const REJECT_ACTION_CODES = ['REJECT', 'RETURN', 'RETURN_PREV']
+
+/** 回退按钮显隐：已配置统一动作时以配置为准，未配置时沿用原有节点规则 */
+const showRejectButton = computed(() => {
+  if (Array.isArray(configuredActions.value)) {
+    return configuredActions.value.some((action: any) => REJECT_ACTION_CODES.includes(action.code))
+  }
+  return !!nextStepMap[orderDetail.value.taskKey]?.backShow
+})
+
+/** 主按钮文案：已配置统一动作时取配置的动作名称，未配置时沿用原有节点规则 */
+const processButtonText = computed(() => {
+  const actions = configuredActions.value
+  if (Array.isArray(actions) && actions.length > 0) {
+    return actions[0].name || actions[0].code
+  }
+  return nextStepMap[orderDetail.value.taskKey]?.btnText
+})
+
 /**
  * 获取工单详情
  */
@@ -560,6 +599,8 @@ const DetailQuery = async (taskIdStr: string) =&gt; {
   try {
     loading.value = true;
     const tabType = Number(activeTab.value);
+    // 待办详情：与详情请求并行预取当前任务的统一动作配置，用于底部按钮显隐
+    const actionPromise = tabType === 0 ? queryUnifiedActions(taskIdStr) : Promise.resolve(null);
     let res: any;
     // 0-待办 1-已办 2-我发起的任务
     if (tabType === 0) {
@@ -574,6 +615,7 @@ const DetailQuery = async (taskIdStr: string) =&gt; {
     }
     if (res) {
+      configuredActions.value = await actionPromise;
       orderDetail.value = res;
       currentImgList.value = orderDetail.value.startImgs
     }
@@ -103,7 +103,7 @@
               <!-- 操作按钮行 -->
               <view class="u-body-item u-body-item-btn-wrap u-flex common-justify-between common-item-center mt-20">
                 <up-button type="warning" size="large" @click="handleUnifiedReject(item)"
-                           v-show="nextStepMap[item.taskKey].backShow">回退
+                           v-show="showRejectButton(item)">回退
                 </up-button>
                 <up-button type="success" size="large" @click="handleRenew(item)"
@@ -111,7 +111,7 @@
                 </up-button>
                 <up-button type="primary" size="large" @click="handleUnifiedProcess(item)">{{
-                    nextStepMap[item.taskKey].btnText
+                    getProcessButtonText(item)
                   }}
                 </up-button>
                 <up-button type="info" size="large" @click="handleDetail(item)">详情</up-button>
@@ -404,6 +404,10 @@ const queryList = async (pageNo, pageSize) =&gt; {
       // 已办工单
       res = await doneBuzSimplePage(apiParams);
     }
+    // 待办列表：预取各任务的统一动作配置，供底部按钮显隐使用
+    if (activeTab.value == 0) {
+      await attachConfiguredActions(res.list);
+    }
     // 适配z-paging分页
     paging.value.complete(res.list, res.total);
   } catch (error) {
@@ -507,9 +511,39 @@ const queryUnifiedActions = async (item) =&gt; {
   return null
 }
+/** 待办列表：批量预取统一动作配置，挂在行数据上供按钮显隐复用 */
+const attachConfiguredActions = async (list) => {
+  if (!Array.isArray(list) || list.length === 0) return
+  await Promise.all(list.map(async (item) => {
+    item.configuredActions = await queryUnifiedActions(item)
+  }))
+}
+
+/** 驳回类动作编码：只有配置了这些动作，才展示「回退」按钮 */
+const REJECT_ACTION_CODES = ['REJECT', 'RETURN', 'RETURN_PREV']
+
+/** 回退按钮显隐：已配置统一动作时以配置为准，未配置时沿用原有节点规则 */
+const showRejectButton = (item) => {
+  if (Array.isArray(item?.configuredActions)) {
+    return item.configuredActions.some((action) => REJECT_ACTION_CODES.includes(action.code))
+  }
+  return !!nextStepMap[item.taskKey]?.backShow
+}
+
+/** 主按钮文案：已配置统一动作时取配置的动作名称，未配置时沿用原有节点规则 */
+const getProcessButtonText = (item) => {
+  const actions = item?.configuredActions
+  if (Array.isArray(actions) && actions.length > 0) {
+    return actions[0].name || actions[0].code
+  }
+  return nextStepMap[item.taskKey]?.btnText
+}
+
 /** 待办-处理工单：已配置统一动作时走新逻辑，否则回退原有处理 */
 const handleUnifiedProcess = async (item) => {
-  const actions = await queryUnifiedActions(item)
+  const actions = Array.isArray(item?.configuredActions)
+      ? item.configuredActions
+      : await queryUnifiedActions(item)
   if (actions) {
     unifiedActionsRef.value?.open(item, actions)
     return
@@ -519,7 +553,9 @@ const handleUnifiedProcess = async (item) =&gt; {
 /** 待办-回退：已配置统一动作时走新逻辑，否则回退原有弹窗 */
 const handleUnifiedReject = async (item) => {
-  const actions = await queryUnifiedActions(item)
+  const actions = Array.isArray(item?.configuredActions)
+      ? item.configuredActions
+      : await queryUnifiedActions(item)
   if (actions) {
     const rejectActions = actions.filter((action) =>
         ['REJECT', 'RETURN', 'RETURN_PREV'].includes(action.code)
@@ -259,7 +259,7 @@
     <view v-if="activeTab==0&&nextStepMap[orderDetail.taskKey]" class="fixed-bottom-btn-wrap">
       <view class="u-body-item u-flex common-justify-between common-item-center ">
         <up-button type="warning" size="normal" @click="handleUnifiedReject(orderDetail)"
-                   v-show="nextStepMap[orderDetail.taskKey].backShow">回退
+                   v-show="showRejectButton">回退
         </up-button>
         <up-button type="success" size="normal" @click="handleRenew(orderDetail)"
@@ -267,7 +267,7 @@
         </up-button>
         <up-button type="primary" size="normal" @click="handleUnifiedProcess(orderDetail)">{{
-            nextStepMap[orderDetail.taskKey].btnText
+            processButtonText
           }}
         </up-button>
       </view>
@@ -365,7 +365,7 @@
 </template>
 <script setup lang="ts">
-import {ref, watch} from 'vue';
+import {ref, computed, watch} from 'vue';
 import {onLoad, onShow} from '@dcloudio/uni-app';
 import {timeFormat} from '@/uni_modules/uview-plus';
 import {
@@ -513,6 +513,8 @@ const DetailQuery = async (taskIdStr: string) =&gt; {
     loading.value = true;
     // 转换activeTab为数字类型，避免类型不一致导致接口调用失败
     const tabType = Number(activeTab.value);
+    // 待办详情：与详情请求并行预取当前任务的统一动作配置，用于底部按钮显隐
+    const actionPromise = tabType === 0 ? queryUnifiedActions({taskId: taskIdStr}) : Promise.resolve(null);
     let res: any;
     // 0-待办 1-已办 2-我发起的任务
     if (tabType === 0) {
@@ -528,6 +530,7 @@ const DetailQuery = async (taskIdStr: string) =&gt; {
     // 覆盖工单详情数据
     if (res) {
+      configuredActions.value = await actionPromise;
       orderDetail.value = res;
       currentImgList.value = orderDetail.value.startImgs
     }
@@ -705,6 +708,29 @@ const confirmReject = async () =&gt; {
 // ========== 统一节点动作（工作流配置化） ==========
 const unifiedActionsRef = ref(null)
+/** 当前任务已配置的统一动作；null 表示未配置（回退原有按钮逻辑） */
+const configuredActions = ref<any>(null)
+
+/** 驳回类动作编码：只有配置了这些动作，才展示「回退」按钮 */
+const REJECT_ACTION_CODES = ['REJECT', 'RETURN', 'RETURN_PREV']
+
+/** 回退按钮显隐：已配置统一动作时以配置为准，未配置时沿用原有节点规则 */
+const showRejectButton = computed(() => {
+  if (Array.isArray(configuredActions.value)) {
+    return configuredActions.value.some((action: any) => REJECT_ACTION_CODES.includes(action.code))
+  }
+  return !!nextStepMap[orderDetail.value.taskKey]?.backShow
+})
+
+/** 主按钮文案：已配置统一动作时取配置的动作名称，未配置时沿用原有节点规则 */
+const processButtonText = computed(() => {
+  const actions = configuredActions.value
+  if (Array.isArray(actions) && actions.length > 0) {
+    return actions[0].name || actions[0].code
+  }
+  return nextStepMap[orderDetail.value.taskKey]?.btnText
+})
+
 /** 查询当前任务是否已配置统一动作；未配置或接口异常时返回 null，回退原有逻辑 */
 const queryUnifiedActions = async (item: any) => {
   if (!item || !item.taskId) return null
@@ -721,7 +747,9 @@ const queryUnifiedActions = async (item: any) =&gt; {
 /** 处理工单：已配置统一动作时走新逻辑，否则回退原有处理 */
 const handleUnifiedProcess = async (item: any) => {
-  const actions = await queryUnifiedActions(item)
+  const actions = Array.isArray(configuredActions.value)
+      ? configuredActions.value
+      : await queryUnifiedActions(item)
   if (actions) {
     unifiedActionsRef.value?.open(item, actions)
     return
@@ -731,7 +759,9 @@ const handleUnifiedProcess = async (item: any) =&gt; {
 /** 回退：已配置统一动作时走新逻辑，否则回退原有弹窗 */
 const handleUnifiedReject = async (item: any) => {
-  const actions = await queryUnifiedActions(item)
+  const actions = Array.isArray(configuredActions.value)
+      ? configuredActions.value
+      : await queryUnifiedActions(item)
   if (actions) {
     const rejectActions = actions.filter((action: any) =>
         ['REJECT', 'RETURN', 'RETURN_PREV'].includes(action.code)