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

王彪总
1 parent 397b30ae
Showing 6 changed files with 159 additions and 17 deletions
pages-sub/problem/ai-manage/index.vue
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
@@ -96,9 +96,11 @@
               </view>
               <!-- 操作按钮行 -->
               <view class="u-body-item u-flex u-body-item-btn-wrap common-justify-between common-item-center mt-20">
-<!--                <up-button type="warning" size="mini" @click="handleReject(item)" v-show="nextStepMap[item.taskKey].backShow">回退</up-button>-->
 <!--                <up-button type="success" size="mini" @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="warning" size="large" @click="handleUnifiedReject(item)"
+                           v-show="showRejectButton(item)">回退
+                </up-button>
+                <up-button type="primary" size="large" @click="handleUnifiedProcess(item)">{{ getProcessButtonText(item) }}</up-button>
 <!--                <up-button type="primary" size="large" @click="handleProcess(item)" v-show="nextStepMap[item.taskKey].ysShow">验收</up-button>-->
                 <up-button type="info" size="large" @click="handleDetail(item)">详情</up-button>
@@ -395,7 +397,12 @@ 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);
-    pagingRef.value.complete(res?.list || [], res?.total || 0);
+    const list = res?.list || [];
+    // 待办列表预取统一动作配置，供按钮文案与显隐复用
+    if (activeTab.value === 0) {
+      await attachConfiguredActions(list);
+    }
+    pagingRef.value.complete(list, res?.total || 0);
   } catch (error) {
     console.error('加载工单失败：', error);
     pagingRef.value?.complete(false);
@@ -464,9 +471,37 @@ const queryUnifiedActions = async (item) =&gt; {
   return null
 }
+/** 驳回类动作编码：只有配置了这些动作，才展示「回退」按钮 */
+const REJECT_ACTION_CODES = ['REJECT', 'RETURN', 'RETURN_PREV']
+
+/** 待办列表：批量预取统一动作配置，挂在行数据上供按钮显隐复用 */
+const attachConfiguredActions = async (list) => {
+  if (!Array.isArray(list) || list.length === 0) return
+  await Promise.all(list.map(async (item) => {
+    item.configuredActions = await queryUnifiedActions(item)
+  }))
+}
+
+/** 回退按钮显隐：AI 工单仅当节点配置了回退类动作时才展示 */
+const showRejectButton = (item) => {
+  return Array.isArray(item?.configuredActions)
+      && item.configuredActions.some((action) => REJECT_ACTION_CODES.includes(action.code))
+}
+
+/** 主按钮文案：已配置统一动作时取配置的动作名称，未配置时沿用原有节点规则 */
+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
@@ -474,6 +509,23 @@ const handleUnifiedProcess = async (item) =&gt; {
   handleProcess(item)
 }
+/** 回退：已配置统一动作时走新逻辑，否则回退原有弹窗 */
+const handleUnifiedReject = async (item) => {
+  const actions = Array.isArray(item?.configuredActions)
+      ? item.configuredActions
+      : await queryUnifiedActions(item)
+  if (actions) {
+    const rejectActions = actions.filter((action) => REJECT_ACTION_CODES.includes(action.code))
+    if (rejectActions.length > 0) {
+      unifiedActionsRef.value?.open(item, rejectActions)
+    } else {
+      uni.showToast({ title: '当前节点未配置回退动作', icon: 'none' })
+    }
+    return
+  }
+  handleReject(item)
+}
+
 /** 统一动作执行成功后刷新列表 */
 const handleUnifiedSuccess = () => {
   pagingRef.value && pagingRef.value.reload()
@@ -109,7 +109,7 @@
               <!-- 待办工单(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="showRejectButton(item)">回退</up-button>
-                <up-button type="success" size="large" @click="handleRenew(item)" v-show="nextStepMap[item.taskKey].renewShow">重新提交</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)">{{ getProcessButtonText(item) }}</up-button>
                 <up-button type="info" size="large" @click="handleDetail(item)">详情</up-button>
               </view>
@@ -223,26 +223,29 @@
     </view>
     <!-- 底部操作按钮 -->
-    <view v-if="activeTab === '0' && nextStepMap[orderDetail.taskKey]" class="fixed-bottom-btn-wrap">
+    <view v-if="activeTab === '0' && (configuredActions || 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)"
+          @click="handleUnifiedReject(orderDetail)"
           v-show="showRejectButton"
         >回退</up-button>
         <up-button
           type="success"
           size="normal"
           @click="handleRenew(orderDetail)"
-          v-show="nextStepMap[orderDetail.taskKey].renewShow"
+          v-show="nextStepMap[orderDetail.taskKey]?.renewShow"
         >重新提交</up-button>
-        <up-button type="primary" size="normal" @click="handleProcess(orderDetail)">
+        <up-button type="primary" size="normal" @click="handleUnifiedProcess(orderDetail)">
           {{ processButtonText }}
         </up-button>
       </view>
     </view>
+    <!-- 统一节点动作弹窗（工作流配置化） -->
+    <unified-task-actions ref="unifiedActionsRef" @success="handleUnifiedSuccess" />
+
     <!-- 回退弹窗 -->
     <up-modal
       :show="rejectModalShow"
@@ -523,6 +526,48 @@ const processButtonText = computed(() =&gt; {
   return nextStepMap[orderDetail.value.taskKey]?.btnText
 })
+/** 统一动作弹窗 */
+const unifiedActionsRef = ref<any>(null)
+
+/** 处理：已配置统一动作时走统一接口，否则回退原有处理 */
+const handleUnifiedProcess = async (item: any) => {
+  const actions = Array.isArray(configuredActions.value)
+      ? configuredActions.value
+      : await queryUnifiedActions(item?.taskId)
+  if (actions) {
+    unifiedActionsRef.value?.open(item, actions)
+    return
+  }
+  handleProcess(item)
+}
+
+/** 回退：已配置统一动作时走统一接口，否则回退原有弹窗 */
+const handleUnifiedReject = async (item: any) => {
+  const actions = Array.isArray(configuredActions.value)
+      ? configuredActions.value
+      : await queryUnifiedActions(item?.taskId)
+  if (actions) {
+    const rejectActions = actions.filter((action: any) =>
+        REJECT_ACTION_CODES.includes(action.code)
+    )
+    if (rejectActions.length > 0) {
+      unifiedActionsRef.value?.open(item, rejectActions)
+    } else {
+      uni.showToast({ title: '当前节点未配置回退动作', icon: 'none' })
+    }
+    return
+  }
+  handleReject(item)
+}
+
+/** 统一动作执行成功后通知列表刷新并返回 */
+const handleUnifiedSuccess = () => {
+  if (eventChannel.value) {
+    eventChannel.value.emit('needRefresh')
+  }
+  uni.navigateBack({ delta: 1 })
+}
+
 /**
  * 核心：工单详情接口 workOrderDetailByID
  * @param id 上一页传递的工单ID
@@ -253,17 +253,17 @@
     </view>
     <!-- activeTab==0的时候才出现， 也就是待办 -->
-    <view v-if="activeTab==0&&nextStepMap[orderDetail.taskKey]" class="fixed-bottom-btn-wrap">
+    <view v-if="activeTab==0&&(configuredActions||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)"
+        <up-button type="warning" size="normal" @click="handleUnifiedReject(orderDetail)"
                    v-show="showRejectButton">回退
         </up-button>
         <up-button type="success" size="normal" @click="handleRenew(orderDetail)"
-                   v-show="nextStepMap[orderDetail.taskKey].renewShow">重新提交
+                   v-show="nextStepMap[orderDetail.taskKey]?.renewShow">重新提交
         </up-button>
-        <up-button type="primary" size="normal" @click="handleProcess(orderDetail)">{{
+        <up-button type="primary" size="normal" @click="handleUnifiedProcess(orderDetail)">{{
             processButtonText
           }}
         </up-button>
@@ -357,6 +357,9 @@
       </view>
     </up-modal>
+    <!-- 统一节点动作弹窗（工作流配置化） -->
+    <unified-task-actions ref="unifiedActionsRef" @success="handleUnifiedSuccess" />
+
   </view>
 </template>
@@ -591,6 +594,48 @@ const processButtonText = computed(() =&gt; {
   return nextStepMap[orderDetail.value.taskKey]?.btnText
 })
+/** 统一动作弹窗 */
+const unifiedActionsRef = ref<any>(null)
+
+/** 处理：已配置统一动作时走统一接口，否则回退原有处理 */
+const handleUnifiedProcess = async (item: any) => {
+  const actions = Array.isArray(configuredActions.value)
+      ? configuredActions.value
+      : await queryUnifiedActions(item?.taskId)
+  if (actions) {
+    unifiedActionsRef.value?.open(item, actions)
+    return
+  }
+  handleProcess(item)
+}
+
+/** 回退：已配置统一动作时走统一接口，否则回退原有弹窗 */
+const handleUnifiedReject = async (item: any) => {
+  const actions = Array.isArray(configuredActions.value)
+      ? configuredActions.value
+      : await queryUnifiedActions(item?.taskId)
+  if (actions) {
+    const rejectActions = actions.filter((action: any) =>
+        REJECT_ACTION_CODES.includes(action.code)
+    )
+    if (rejectActions.length > 0) {
+      unifiedActionsRef.value?.open(item, rejectActions)
+    } else {
+      uni.showToast({ title: '当前节点未配置回退动作', icon: 'none' })
+    }
+    return
+  }
+  handleReject(item)
+}
+
+/** 统一动作执行成功后通知列表刷新并返回 */
+const handleUnifiedSuccess = () => {
+  if (eventChannel.value) {
+    eventChannel.value.emit('needRefresh')
+  }
+  uni.navigateBack({ delta: 1 })
+}
+
 /**
  * 获取工单详情
  */
@@ -902,7 +947,7 @@ const handleAcceptModalConfirm = async () =&gt; {
     await callApprovalApi(postData, item.taskKey);
     showToast('提交成功', 'success');
     handleAcceptModalCancel();
-    eventChannel.vlue.emit('needRefresh');
+    eventChannel.value.emit('needRefresh');
     uni.navigateBack({delta: 1});
   } catch (error: any) {
     console.error('验收失败：', error);
@@ -107,7 +107,7 @@
                 </up-button>
                 <up-button type="success" size="large" @click="handleRenew(item)"
-                           v-show="nextStepMap[item.taskKey].renewShow">重新提交
+                           v-show="nextStepMap[item.taskKey]?.renewShow">重新提交
                 </up-button>
                 <up-button type="primary" size="large" @click="handleUnifiedProcess(item)">{{
@@ -256,14 +256,14 @@
     </view>
     <!-- activeTab==0的时候才出现， 也就是待办 -->
-    <view v-if="activeTab==0&&nextStepMap[orderDetail.taskKey]" class="fixed-bottom-btn-wrap">
+    <view v-if="activeTab==0&&(configuredActions||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="showRejectButton">回退
         </up-button>
         <up-button type="success" size="normal" @click="handleRenew(orderDetail)"
-                   v-show="nextStepMap[orderDetail.taskKey].renewShow">重新提交
+                   v-show="nextStepMap[orderDetail.taskKey]?.renewShow">重新提交
         </up-button>
         <up-button type="primary" size="normal" @click="handleUnifiedProcess(orderDetail)">{{