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

王彪总
1 parent 40ba5f9a
Showing 6 changed files with 514 additions and 9 deletions
api/work-order-manage/work-order-manage.js
components/unified-task-actions/unified-task-actions.vue
pages-sub/problem/ai-manage/index.vue
pages-sub/problem/regional-order-manage/index.vue
pages-sub/problem/work-order-manage/index.vue
pages-sub/problem/work-order-manage/order-detail.vue
@@ -112,3 +112,20 @@ export const workorderCreate = (data) =&gt; {
+
+
+/**
+ * 获得当前任务可用的统一节点动作（工作流配置化）
+ * @returns {Promise}
+ */
+export const getTaskActions = (taskId) => {
+  return get(`/app-api/workorder/task/${taskId}/actions`);
+};
+
+/**
+ * 执行统一节点动作（工作流配置化）
+ * @returns {Promise}
+ */
+export const executeTaskAction = (data) => {
+  return post('/app-api/workorder/task/action', data);
+};
+<template>
+  <up-popup
+      :show="visible"
+      mode="bottom"
+      round
+      closeable
+      :safe-area-inset-bottom="true"
+      @close="close"
+  >
+    <view class="unified-action-popup">
+      <view class="unified-action-title">{{ current ? current.name : '请选择操作' }}</view>
+
+      <!-- 第一步：动作列表 -->
+      <view v-if="!current" class="unified-action-list">
+        <up-button
+            v-for="action in actions"
+            :key="action.code"
+            :type="getButtonType(action.code)"
+            size="large"
+            :customStyle="{ marginBottom: '20rpx' }"
+            @click="selectAction(action)"
+        >
+          {{ action.name }}
+        </up-button>
+        <view v-if="!actions.length" class="unified-action-tip">当前节点暂未配置可执行动作</view>
+      </view>
+
+      <!-- 第二步：动作表单 -->
+      <view v-else class="unified-action-form">
+        <view v-if="current.requireAssignee" class="form-item">
+          <view class="form-label">处理人</view>
+          <up-radio-group v-if="workers.length" v-model="form.nextAssignee" class="worker-list">
+            <up-radio
+                v-for="worker in workers"
+                :key="worker.id"
+                :name="String(worker.id)"
+                :label="worker.nickname"
+            />
+          </up-radio-group>
+          <view v-else class="unified-action-tip">
+            {{ loadingWorkers ? '加载处理人中...' : '暂无可选处理人' }}
+          </view>
+        </view>
+
+        <view class="form-item">
+          <view class="form-label">{{ reasonRequired ? '原因/备注（必填）' : '原因/备注' }}</view>
+          <up-textarea
+              v-model.trim="form.reason"
+              :placeholder="reasonRequired ? '请输入原因/备注（必填）' : '请输入原因/备注（选填）'"
+              :count="200"
+              maxlength="200"
+              height="120"
+          />
+        </view>
+
+        <view v-if="current.requireAttachment" class="form-item">
+          <view class="form-label">附件（必填）</view>
+          <up-upload
+              :file-list="attachImgs.rawImgList.value || []"
+              @after-read="attachImgs.uploadImgs"
+              @delete="attachImgs.deleteImg"
+              multiple
+              width="70"
+              height="70"
+              :max-count="attachImgs.uploadConfig.maxCount"
+              :upload-text="attachImgs.uploadConfig.uploadText"
+              :size-type="attachImgs.uploadConfig.sizeType"
+          />
+        </view>
+
+        <view class="unified-action-btns">
+          <up-button type="info" size="large" @click="backToList">返回</up-button>
+          <up-button type="primary" size="large" :loading="submitting" @click="submit">确定</up-button>
+        </view>
+      </view>
+    </view>
+  </up-popup>
+</template>
+
+<script setup>
+import { ref, reactive, computed } from 'vue'
+import {
+  executeTaskAction,
+  getYlWorkersPage
+} from '@/api/work-order-manage/work-order-manage'
+import { useUploadImgs } from '@/common/utils/useUploadImgs'
+
+const emit = defineEmits(['success'])
+
+const visible = ref(false)
+const actions = ref([])
+const current = ref(null)
+const currentItem = ref(null)
+const submitting = ref(false)
+const workers = ref([])
+const loadingWorkers = ref(false)
+
+const form = reactive({
+  nextAssignee: '',
+  reason: ''
+})
+
+const attachImgs = useUploadImgs({
+  maxCount: 5,
+  uploadText: '选择附件'
+})
+
+const reasonRequired = computed(() => {
+  if (!current.value) return false
+  return (
+      current.value.requireReason === true ||
+      ['REJECT', 'RETURN', 'RETURN_PREV', 'TRANSFER', 'DELEGATE'].includes(current.value.code)
+  )
+})
+
+/** 打开动作弹窗 */
+const open = async (item, actionList) => {
+  currentItem.value = item
+  actions.value = actionList || []
+  current.value = null
+  form.nextAssignee = ''
+  form.reason = ''
+  attachImgs.clearImgs()
+  visible.value = true
+}
+
+const close = () => {
+  visible.value = false
+  current.value = null
+  submitting.value = false
+}
+
+const backToList = () => {
+  current.value = null
+}
+
+/** 动作按钮颜色 */
+const getButtonType = (code) => {
+  switch (code) {
+    case 'APPROVE':
+    case 'HANDLE':
+    case 'COMPLETE':
+      return 'success'
+    case 'REJECT':
+      return 'danger'
+    case 'RETURN':
+    case 'RETURN_PREV':
+      return 'warning'
+    case 'WITHDRAW':
+      return 'info'
+    default:
+      return 'primary'
+  }
+}
+
+/** 选择动作，按需加载处理人 */
+const selectAction = async (action) => {
+  // 退回动作必须在配置中指定目标节点（小程序端不提供节点选择）
+  if (action.code === 'RETURN' && !action.targetNodeKey) {
+    uni.showToast({ title: '该退回动作未配置目标节点，请在PC端配置', icon: 'none' })
+    return
+  }
+  current.value = action
+  form.nextAssignee = ''
+  form.reason = ''
+  attachImgs.clearImgs()
+  if (action.requireAssignee) {
+    loadWorkers()
+  }
+}
+
+/** 加载处理人 */
+const loadWorkers = async () => {
+  if (workers.value.length > 0) return
+  loadingWorkers.value = true
+  try {
+    const res = await getYlWorkersPage({
+      busiLine: currentItem.value?.busiLine,
+      pageNo: 1,
+      pageSize: 100
+    })
+    workers.value = res?.list || []
+  } catch (e) {
+    workers.value = []
+  } finally {
+    loadingWorkers.value = false
+  }
+}
+
+/** 提交动作 */
+const submit = async () => {
+  if (!current.value || !currentItem.value) return
+  const action = current.value
+  const reason = form.reason
+  if (reasonRequired.value && !reason) {
+    uni.showToast({ title: '请填写原因/备注', icon: 'none' })
+    return
+  }
+  if (action.requireAssignee && !form.nextAssignee) {
+    uni.showToast({ title: '请选择处理人', icon: 'none' })
+    return
+  }
+  const attachments = attachImgs.getSuccessImgUrls()
+  if (action.requireAttachment && attachments.length === 0) {
+    uni.showToast({ title: '请上传附件', icon: 'none' })
+    return
+  }
+
+  submitting.value = true
+  uni.showLoading({ title: '提交中...', mask: true })
+  try {
+    const data = {
+      taskId: currentItem.value.taskId,
+      actionCode: action.code,
+      reason: reason || undefined,
+      targetNodeKey: action.targetNodeKey || undefined
+    }
+    if (action.requireAssignee) {
+      data.nextAssignee = Number(form.nextAssignee)
+    }
+    if (attachments.length > 0) {
+      data.attachments = attachments
+    }
+    await executeTaskAction(data)
+    uni.hideLoading()
+    uni.showToast({ title: '操作成功', icon: 'success', duration: 1000 })
+    visible.value = false
+    emit('success', currentItem.value)
+  } catch (e) {
+    uni.hideLoading()
+    // 请求层已统一提示错误信息
+  } finally {
+    submitting.value = false
+  }
+}
+
+defineExpose({ open })
+</script>
+
+<style lang="scss" scoped>
+.unified-action-popup {
+  padding: 40rpx 40rpx calc(40rpx + env(safe-area-inset-bottom));
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+.unified-action-title {
+  font-size: 34rpx;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 40rpx;
+}
+
+.unified-action-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.unified-action-tip {
+  color: #909399;
+  font-size: 26rpx;
+  padding: 20rpx 0;
+}
+
+.unified-action-form .form-item {
+  margin-bottom: 30rpx;
+}
+
+.form-label {
+  font-size: 28rpx;
+  color: #303133;
+  margin-bottom: 16rpx;
+}
+
+.worker-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+}
+
+.unified-action-btns {
+  display: flex;
+  gap: 24rpx;
+  margin-top: 20rpx;
+
+  ::v-deep .u-button {
+    flex: 1;
+  }
+}
+</style>
@@ -98,7 +98,7 @@
               <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="handleProcess(item)">{{ nextStepMap[item.taskKey].btnText }}</up-button>
+                <up-button type="primary" size="large" @click="handleUnifiedProcess(item)">{{ nextStepMap[item.taskKey].btnText }}</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>
@@ -244,6 +244,9 @@
         </view>
       </view>
     </up-modal>
+
+    <!-- 统一节点动作弹窗（工作流配置化，未配置时回退原有逻辑） -->
+    <unified-task-actions ref="unifiedActionsRef" @success="handleUnifiedSuccess" />
   </view>
 </template>
@@ -260,6 +263,7 @@ import {
   dcyUniversalApproval,
   aiUniversalApproval
 } from '@/api/regional-order-manage/regional-order-manage'
+import { getTaskActions } from '@/api/work-order-manage/work-order-manage'
 import { useUserStore } from '@/pinia/user';
 import { nextStepMap, buzStatusMap } from '@/common/utils/common'
 import { useUploadImgs } from '@/common/utils/useUploadImgs'
@@ -443,6 +447,38 @@ const handleRenew = (item) =&gt; {
   navToOrderPage(pageUrl, { isRenew: 1, tempKey });
 };
+// ========== 统一节点动作（工作流配置化） ==========
+const unifiedActionsRef = ref(null)
+
+/** 查询当前任务是否已配置统一动作；未配置或接口异常时返回 null，回退原有逻辑 */
+const queryUnifiedActions = async (item) => {
+  if (!item || !item.taskId) return null
+  try {
+    const data = await getTaskActions(item.taskId)
+    if (data && data.configured && Array.isArray(data.actions) && data.actions.length > 0) {
+      return data.actions
+    }
+  } catch (e) {
+    console.warn('查询统一节点动作失败，回退原有逻辑', e)
+  }
+  return null
+}
+
+/** 待办-处理工单：已配置统一动作时走新逻辑，否则回退原有处理 */
+const handleUnifiedProcess = async (item) => {
+  const actions = await queryUnifiedActions(item)
+  if (actions) {
+    unifiedActionsRef.value?.open(item, actions)
+    return
+  }
+  handleProcess(item)
+}
+
+/** 统一动作执行成功后刷新列表 */
+const handleUnifiedSuccess = () => {
+  pagingRef.value && pagingRef.value.reload()
+}
+
 // 处理工单核心逻辑
 const handleProcess = async (item) => {
   if (!item) return uni.showToast({title: '工单信息异常', icon: 'none'});
@@ -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="handleReject(item)" v-show="nextStepMap[item.taskKey].backShow">回退</up-button>
+                <up-button type="warning" size="large" @click="handleUnifiedReject(item)" v-show="nextStepMap[item.taskKey].backShow">回退</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="handleProcess(item)">{{ nextStepMap[item.taskKey].btnText }}</up-button>
+                <up-button type="primary" size="large" @click="handleUnifiedProcess(item)">{{ nextStepMap[item.taskKey].btnText }}</up-button>
                 <up-button type="info" size="large" @click="handleDetail(item)">详情</up-button>
               </view>
@@ -205,6 +205,9 @@
         </view>
       </view>
     </up-modal>
+
+    <!-- 统一节点动作弹窗（工作流配置化，未配置时回退原有逻辑） -->
+    <unified-task-actions ref="unifiedActionsRef" @success="handleUnifiedSuccess" />
   </view>
 </template>
@@ -221,6 +224,7 @@ import {
   dcyUniversalApproval,
   aiUniversalApproval
 } from '@/api/regional-order-manage/regional-order-manage'
+import { getTaskActions } from '@/api/work-order-manage/work-order-manage'
 import { useUserStore } from '@/pinia/user';
 import { nextStepMap, buzStatusMap } from '@/common/utils/common'
 import { useUploadImgs } from '@/common/utils/useUploadImgs'
@@ -419,6 +423,55 @@ const handleRenew = (item) =&gt; {
 };
 // 处理工单核心逻辑
+// ========== 统一节点动作（工作流配置化） ==========
+const unifiedActionsRef = ref(null)
+
+/** 查询当前任务是否已配置统一动作；未配置或接口异常时返回 null，回退原有逻辑 */
+const queryUnifiedActions = async (item) => {
+  if (!item || !item.taskId) return null
+  try {
+    const data = await getTaskActions(item.taskId)
+    if (data && data.configured && Array.isArray(data.actions) && data.actions.length > 0) {
+      return data.actions
+    }
+  } catch (e) {
+    console.warn('查询统一节点动作失败，回退原有逻辑', e)
+  }
+  return null
+}
+
+/** 待办-处理工单：已配置统一动作时走新逻辑，否则回退原有处理 */
+const handleUnifiedProcess = async (item) => {
+  const actions = await queryUnifiedActions(item)
+  if (actions) {
+    unifiedActionsRef.value?.open(item, actions)
+    return
+  }
+  handleProcess(item)
+}
+
+/** 待办-回退：已配置统一动作时走新逻辑，否则回退原有弹窗 */
+const handleUnifiedReject = async (item) => {
+  const actions = await queryUnifiedActions(item)
+  if (actions) {
+    const rejectActions = actions.filter((action) =>
+        ['REJECT', 'RETURN', 'RETURN_PREV'].includes(action.code)
+    )
+    if (rejectActions.length > 0) {
+      unifiedActionsRef.value?.open(item, rejectActions)
+    } else {
+      uni.showToast({ title: '当前节点未配置回退动作', icon: 'none' })
+    }
+    return
+  }
+  handleReject(item)
+}
+
+/** 统一动作执行成功后刷新列表 */
+const handleUnifiedSuccess = () => {
+  pagingHandle('reload')
+}
+
 const handleProcess = async (item) => {
   if (!item) return showToast('工单信息异常');
   const stepName = nextStepMap[item.taskKey]?.name;
@@ -102,7 +102,7 @@
               </view>
               <!-- 操作按钮行 -->
               <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="handleReject(item)"
+                <up-button type="warning" size="large" @click="handleUnifiedReject(item)"
                            v-show="nextStepMap[item.taskKey].backShow">回退
                 </up-button>
@@ -110,7 +110,7 @@
                            v-show="nextStepMap[item.taskKey].renewShow">重新提交
                 </up-button>
-                <up-button type="primary" size="large" @click="handleProcess(item)">{{
+                <up-button type="primary" size="large" @click="handleUnifiedProcess(item)">{{
                     nextStepMap[item.taskKey].btnText
                   }}
                 </up-button>
@@ -272,6 +272,9 @@
         </view>
       </view>
     </up-modal>
+
+    <!-- 统一节点动作弹窗（工作流配置化，未配置时回退原有逻辑） -->
+    <unified-task-actions ref="unifiedActionsRef" @success="handleUnifiedSuccess" />
   </view>
 </template>
@@ -283,7 +286,8 @@ import {
   myBuzSimplePage,
   todoBuzSimplePage,
   doneBuzSimplePage,
-  universalApproval
+  universalApproval,
+  getTaskActions
 } from '@/api/work-order-manage/work-order-manage'
 // 从用户store获取角色信息
 import { useUserStore } from '@/pinia/user';
@@ -486,6 +490,55 @@ const handleRenew = (item) =&gt; {
   });
 };
+// ========== 统一节点动作（工作流配置化） ==========
+const unifiedActionsRef = ref(null)
+
+/** 查询当前任务是否已配置统一动作；未配置或接口异常时返回 null，回退原有逻辑 */
+const queryUnifiedActions = async (item) => {
+  if (!item || !item.taskId) return null
+  try {
+    const data = await getTaskActions(item.taskId)
+    if (data && data.configured && Array.isArray(data.actions) && data.actions.length > 0) {
+      return data.actions
+    }
+  } catch (e) {
+    console.warn('查询统一节点动作失败，回退原有逻辑', e)
+  }
+  return null
+}
+
+/** 待办-处理工单：已配置统一动作时走新逻辑，否则回退原有处理 */
+const handleUnifiedProcess = async (item) => {
+  const actions = await queryUnifiedActions(item)
+  if (actions) {
+    unifiedActionsRef.value?.open(item, actions)
+    return
+  }
+  handleProcess(item)
+}
+
+/** 待办-回退：已配置统一动作时走新逻辑，否则回退原有弹窗 */
+const handleUnifiedReject = async (item) => {
+  const actions = await queryUnifiedActions(item)
+  if (actions) {
+    const rejectActions = actions.filter((action) =>
+        ['REJECT', 'RETURN', 'RETURN_PREV'].includes(action.code)
+    )
+    if (rejectActions.length > 0) {
+      unifiedActionsRef.value?.open(item, rejectActions)
+    } else {
+      uni.showToast({ title: '当前节点未配置回退动作', icon: 'none' })
+    }
+    return
+  }
+  handleReject(item)
+}
+
+/** 统一动作执行成功后刷新列表 */
+const handleUnifiedSuccess = () => {
+  paging.value?.reload()
+}
+
 // 待办-处理工单
 const handleProcess = async (item) => {
   console.log(nextStepMap[item.taskKey].name)
@@ -258,7 +258,7 @@
     <!-- activeTab==0的时候才出现， 也就是待办 -->
     <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)"
+        <up-button type="warning" size="normal" @click="handleUnifiedReject(orderDetail)"
                    v-show="nextStepMap[orderDetail.taskKey].backShow">回退
         </up-button>
@@ -266,7 +266,7 @@
                    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)">{{
             nextStepMap[orderDetail.taskKey].btnText
           }}
         </up-button>
@@ -358,6 +358,9 @@
         </view>
       </view>
     </up-modal>
+
+    <!-- 统一节点动作弹窗（工作流配置化，未配置时回退原有逻辑） -->
+    <unified-task-actions ref="unifiedActionsRef" @success="handleUnifiedSuccess" />
   </view>
 </template>
@@ -370,7 +373,8 @@ import {
   getDoneTaskDetail,
   getTodoTaskDetail,
   getApprovalDetail,
-  universalApproval
+  universalApproval,
+  getTaskActions
 } from '@/api/work-order-manage/work-order-manage';
 import {nextStepMap, buzStatusMap, calculateFormatTimeDiff} from '@/common/utils/common'
 // 引入图片上传组合式函数
@@ -697,6 +701,58 @@ const confirmReject = async () =&gt; {
   }
 };
+// ========== 统一节点动作（工作流配置化） ==========
+const unifiedActionsRef = ref(null)
+
+/** 查询当前任务是否已配置统一动作；未配置或接口异常时返回 null，回退原有逻辑 */
+const queryUnifiedActions = async (item: any) => {
+  if (!item || !item.taskId) return null
+  try {
+    const data = await getTaskActions(item.taskId)
+    if (data && data.configured && Array.isArray(data.actions) && data.actions.length > 0) {
+      return data.actions
+    }
+  } catch (e) {
+    console.warn('查询统一节点动作失败，回退原有逻辑', e)
+  }
+  return null
+}
+
+/** 处理工单：已配置统一动作时走新逻辑，否则回退原有处理 */
+const handleUnifiedProcess = async (item: any) => {
+  const actions = await queryUnifiedActions(item)
+  if (actions) {
+    unifiedActionsRef.value?.open(item, actions)
+    return
+  }
+  handleProcess(item)
+}
+
+/** 回退：已配置统一动作时走新逻辑，否则回退原有弹窗 */
+const handleUnifiedReject = async (item: any) => {
+  const actions = await queryUnifiedActions(item)
+  if (actions) {
+    const rejectActions = actions.filter((action: any) =>
+        ['REJECT', 'RETURN', 'RETURN_PREV'].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})
+}
+
 // ========== handleProcess 处理工单 ==========
 const handleProcess = async (item: any) => {
   console.log(nextStepMap[item.taskKey]?.name)