@lambo-design-mobile/workflow-approve 1.0.0-beta.22 → 1.0.0-beta.24

package/src/WorkflowDiagram.vue

@@ -10,6 +10,16 @@
       <div class="containers">
         <div ref="canvas" class="canvas"></div>
       </div>
+      <div v-if="predictButtonEnabled" class="predict-toggle">
+        <van-button
+            type="primary"
+            size="small"
+            :loading="loadingFutureNodes"
+            @click="toggleNodeDisplay"
+        >
+          {{ showAllNodes ? '显示预测路线' : '显示设计路线' }}
+        </van-button>
+      </div>
 
       <!--审批流程追踪-->
       <div class="title-info">
@@ -74,7 +84,8 @@
 </template>
 <script>
 import Viewer from "bpmn-js/lib/Viewer";
-import {getHisAudit, getPrintData, printData} from "../api";
+import { Toast } from "vant";
+import {getHisAudit, getPrintData, printData, renderFutureNode} from "../api";
 import ApprovalNodeCell from "./ApprovalNodeCell.vue";
 import { getAuditStatus } from './js/global';
 import FlowNodeCell from "./FlowNodeCell.vue";  // 根据路径修改
@@ -90,6 +101,11 @@ export default {
       type: String,
       required: false,
     },
+    taskId: {
+      type: String,
+      required: false,
+      default: '',
+    },
     taskNode: {
       type: String,
       required: false,
@@ -98,18 +114,48 @@ export default {
       type: String,
       required: true,
     },
+    predictButtonEnabled: {
+      type: Boolean,
+      default: false,
+    },
   },
   mounted() {
     this.getPrintData()
     // this.getHisAudit()
     this.onTrack()
   },
+  beforeDestroy() {
+    this.removeTouchGesture();
+    if (this.bpmnViewer) {
+      this.bpmnViewer.destroy();
+      this.bpmnViewer = null;
+    }
+  },
   data() {
     return {
       showTaskNodeDetail: false,
       nodeDetailsList: [],
       currentIndex: 0,
       auditData: [],
+      tableData: [],
+
+      bpmnViewer: null,
+      diagramReady: false,
+
+      // 预测路线相关状态
+      showAllNodes: true,
+      loadingFutureNodes: false,
+      futureNodeData: null,
+
+      // 已办/待办集合（用于预测路线显示时保留已执行路径）
+      doneLightSet: new Set(),
+      doneTaskSet: new Set(),
+      donePointIdSet: new Set(),
+      doneNodeIdSet: new Set(),
+      todoPointIdSet: new Set(),
+
+      // 触摸手势事件句柄（用于重复初始化时清理）
+      touchGestureHandlers: null,
     }
   },
   computed: {
@@ -125,8 +171,9 @@ export default {
     getPrintData() {
       getPrintData(this.applyId, this.procId).then(resp => {
         if (resp.data.code === '200') {
-          this.tableData = resp.data.data
-          this.auditData = resp.data.data
+          const data = Array.isArray(resp.data.data) ? resp.data.data : [];
+          this.tableData = data;
+          this.auditData = data;
         }
       })
     },
@@ -137,16 +184,317 @@ export default {
         }
       })
     },
-    onTrack() {
+
+    // 切换“设计路线 / 预测路线”显示
+    async toggleNodeDisplay() {
+      if (this.showAllNodes) {
+        const success = await this.loadFutureNodes();
+        if (!success) return;
+        this.showAllNodes = false;
+        this.$emit('toggle-predictive', {showPredictive: true, futureNodeData: this.futureNodeData});
+      } else {
+        this.showAllNodesInDiagram();
+        this.showAllNodes = true;
+        this.$emit('toggle-predictive', {showPredictive: false, futureNodeData: null});
+      }
+    },
+
+    // 加载未来节点（预测路线）数据
+    async loadFutureNodes() {
+      if (!this.instanceId || !this.taskId) {
+        Toast('缺少必要参数：流程实例ID或当前任务ID');
+        return false;
+      }
+      if (!this.diagramReady) {
+        Toast('流程图尚未加载完成，请稍后重试');
+        return false;
+      }
+
+      this.loadingFutureNodes = true;
+      try {
+        const resp = await renderFutureNode(this.instanceId, this.taskId);
+        if (resp.data.code === '200' && resp.data.data) {
+          const futureData = resp.data.data;
+          const currentNodeId = futureData.currentNodeId;
+          const elementRegistry = this.bpmnViewer && this.bpmnViewer.get('elementRegistry');
+          if (currentNodeId && elementRegistry) {
+            const currentElement = elementRegistry.get(currentNodeId);
+            if (currentElement && this.isElementInSubProcess(currentElement)) {
+              Toast('预测路线暂不支持子流程节点，请查看设计路线');
+              return false;
+            }
+          }
+          this.futureNodeData = futureData;
+          this.showFutureNodesOnly();
+          return true;
+        }
+        Toast.fail(`加载预测路线失败：${resp.data.message || '未知错误'}`);
+        return false;
+      } catch (error) {
+        Toast.fail(`加载预测路线失败：${error.message || '未知错误'}`);
+        return false;
+      } finally {
+        this.loadingFutureNodes = false;
+      }
+    },
+
+    // 只显示预测路线相关节点（并保留已办路径）
+    showFutureNodesOnly() {
+      if (!this.futureNodeData || !this.bpmnViewer) return;
+
+      const elementRegistry = this.bpmnViewer.get('elementRegistry');
+
+      // 获取所有元素
+      const allElements = elementRegistry.getAll();
+
+      // 从后端数据中提取节点和边信息
+      const {nodes = [], edges = [], futureNodeIds = []} = this.futureNodeData;
+
+      // 构建节点ID到节点数据的映射
+      const nodeMap = new Map();
+      nodes.forEach(node => {
+        nodeMap.set(node.id, node);
+      });
+
+      // 构建边ID到边数据的映射
+      const edgeMap = new Map();
+      edges.forEach(edge => {
+        edgeMap.set(edge.id, edge);
+      });
+
+      // 已办连线和节点集合（使用 Set 便于判断）
+      const doneLightSet = this.doneLightSet instanceof Set ? this.doneLightSet : new Set(this.doneLightSet || []);
+      const doneNodeSet = this.doneNodeIdSet instanceof Set ? this.doneNodeIdSet : new Set(this.doneNodeIdSet || []);
+      const hiddenNodeSet = new Set(this.futureNodeData.hiddenNodeIds || []);
+      const hiddenEdgeSet = new Set(this.futureNodeData.hiddenEdgeIds || []);
+
+      const futureNodeIdSet = new Set(futureNodeIds || []);
+      void futureNodeIdSet;
+
+      const visibleSubProcessIds = new Set(this.futureNodeData.visibleSubProcessIds || []);
+
+      // 遍历所有元素
+      allElements.forEach(element => {
+        const gfx = elementRegistry.getGraphics(element);
+        if (!gfx) return;
+
+        // 开始事件和结束事件
+        if (element.type === 'bpmn:StartEvent' || element.type === 'bpmn:EndEvent') {
+          const nodeData = nodeMap.get(element.id) || {};
+          const nodeFutureVisible = nodeData.hasOwnProperty('futureVisible')
+              ? nodeData.futureVisible
+              : !hiddenNodeSet.has(element.id);
+          const parentSubProcess = element.parent && element.parent.type === 'bpmn:SubProcess' ? element.parent : null;
+          const parentVisible = parentSubProcess ? visibleSubProcessIds.has(parentSubProcess.id) : true;
+          const parentDone = parentSubProcess && doneNodeSet.has(parentSubProcess.id);
+          if (parentSubProcess && !parentVisible && !parentDone) {
+            gfx.style.display = 'none';
+            return;
+          }
+          const shouldDisplay = nodeFutureVisible || doneNodeSet.has(element.id);
+          if (!shouldDisplay) {
+            gfx.style.display = 'none';
+            return;
+          }
+          gfx.style.display = '';
+          gfx.style.opacity = '1';
+          return;
+        }
+
+        // 处理任务节点
+        if (element.type === 'bpmn:UserTask' ||
+            element.type === 'bpmn:ServiceTask' ||
+            element.type === 'bpmn:Task' ||
+            element.type === 'bpmn:CallActivity') {
+
+          const nodeData = nodeMap.get(element.id) || {};
+          const nodeFutureVisible = nodeData.hasOwnProperty('futureVisible')
+              ? nodeData.futureVisible
+              : !hiddenNodeSet.has(element.id);
+          const parentId = nodeData.parentSubProcessId;
+          const parentIsDone = parentId && doneNodeSet.has(parentId);
+          const isDoneTask = doneNodeSet.has(element.id) || parentIsDone;
+          const shouldDisplay = nodeFutureVisible || isDoneTask;
+
+          if (!shouldDisplay) {
+            gfx.style.display = 'none';
+            return;
+          }
+
+          gfx.style.display = '';
+          gfx.style.opacity = '1';
+
+          if (nodeData.futureHighlight) {
+            const visualElement = gfx.querySelector('.djs-visual > :nth-child(1)');
+            if (visualElement) {
+              visualElement.style.stroke = '#FFD700';
+              visualElement.style.strokeWidth = '2px';
+            }
+          }
+        }
+
+        // 处理连线
+        if (element.type === 'bpmn:SequenceFlow') {
+          const edgeData = edgeMap.get(element.id) || {};
+
+          // 修改：严格判断连线是否已办，只有连线本身在 doneLightSet 中才视为已办
+          const isDoneLine = doneLightSet.has(element.id);
+
+          const edgeFutureVisible = edgeData.hasOwnProperty('futureVisible')
+              ? edgeData.futureVisible
+              : !hiddenEdgeSet.has(element.id);
+
+          if (!(edgeFutureVisible || isDoneLine)) {
+            gfx.style.display = 'none';
+            return;
+          }
+
+          gfx.style.display = '';
+          gfx.style.opacity = '1';
+
+          const shouldHighlight = edgeData.futureHighlight === true;
+          if (shouldHighlight) {
+            const canvas = this.bpmnViewer.get('canvas');
+            if (canvas && canvas.hasMarker(element.id, 'done-line')) {
+              canvas.removeMarker(element.id, 'done-line');
+            }
+            const visualElement = gfx.querySelector('.djs-visual > :nth-child(1)');
+            if (visualElement) {
+              visualElement.style.stroke = '#FFD700';
+              visualElement.style.strokeWidth = '2px';
+            }
+          }
+        }
+
+        // 处理网关节点
+        if (typeof element.type === 'string' && element.type.includes('Gateway')) {
+          const nodeData = nodeMap.get(element.id) || {};
+          const nodeFutureVisible = nodeData.hasOwnProperty('futureVisible')
+              ? nodeData.futureVisible
+              : !hiddenNodeSet.has(element.id);
+
+          // 检查是否同时连接到已办节点和预测路径上的节点
+          const hasIncomingDone = element.incoming?.some(conn => {
+            const source = conn.source;
+            return doneLightSet.has(conn.id) || (source && doneNodeSet.has(source.id));
+          });
+
+          const hasOutgoingFuture = element.outgoing?.some(conn => {
+            const target = conn.target;
+            const connData = edgeMap.get(conn.id) || {};
+            return connData.futureVisible || (target && nodeMap.get(target.id)?.futureVisible);
+          });
+
+          // 严格网关显示条件：预测可见 / 已办 / 同时连接已办与预测（避免孤立网关）
+          const shouldDisplay = nodeFutureVisible || doneNodeSet.has(element.id) || (hasIncomingDone && hasOutgoingFuture);
+          if (!shouldDisplay) {
+            gfx.style.display = 'none';
+            return;
+          }
+          gfx.style.display = '';
+          gfx.style.opacity = '1';
+          const visualElement = gfx.querySelector('.djs-visual > :nth-child(1)');
+          if (visualElement) {
+            if (nodeData.futureHighlight) {
+              visualElement.style.stroke = '#FFD700';
+              visualElement.style.strokeWidth = '2px';
+            } else {
+              visualElement.style.stroke = '#000000';
+              visualElement.style.strokeWidth = '2px';
+            }
+          }
+        }
+
+        // 处理子流程节点（SubProcess）
+        if (element.type === 'bpmn:SubProcess') {
+          const nodeData = nodeMap.get(element.id) || {};
+          const nodeFutureVisible = nodeData.hasOwnProperty('futureVisible')
+              ? nodeData.futureVisible
+              : visibleSubProcessIds.has(element.id);
+          const shouldDisplay = nodeFutureVisible || doneNodeSet.has(element.id);
+          if (!shouldDisplay) {
+            gfx.style.display = 'none';
+            return;
+          }
+          gfx.style.display = '';
+          gfx.style.opacity = '1';
+          const visualElement = gfx.querySelector('.djs-visual > :nth-child(1)');
+          if (visualElement) {
+            if (nodeData.futureHighlight) {
+              visualElement.style.stroke = '#FFD700';
+              visualElement.style.strokeWidth = '2px';
+            } else {
+              visualElement.style.stroke = '#000000';
+              visualElement.style.strokeWidth = '2px';
+            }
+          }
+        }
+
+        // 处理 label（如连线名称）
+        if (element.type === 'label' && element.labelTarget) {
+          const target = element.labelTarget;
+          const targetEdgeData = edgeMap.get(target.id) || {};
+          const futureLabelVisible = targetEdgeData.hasOwnProperty('futureLabelVisible')
+              ? targetEdgeData.futureLabelVisible
+              : false;
+          const targetIsDoneLine = doneLightSet.has(target.id);
+          gfx.style.display = (futureLabelVisible || targetIsDoneLine) ? '' : 'none';
+        }
+      });
+    },
+
+    // 恢复显示全部节点（设计路线）
+    showAllNodesInDiagram() {
+      if (!this.bpmnViewer) return;
+      this.futureNodeData = null;
+      this.showTaskNodeDetail = false;
+      this.nodeDetailsList = [];
+      this.currentIndex = 0;
+
+      // 重新加载流程图是最可靠的恢复方式（避免样式残留）
+      this.onTrack();
+    },
+
+    isElementInSubProcess(element) {
+      let parent = element && element.parent;
+      while (parent) {
+        if (parent.type === 'bpmn:SubProcess') {
+          return true;
+        }
+        parent = parent.parent;
+      }
+      return false;
+    },
+
+    removeTouchGesture() {
+      if (!this.touchGestureHandlers) return;
+      const {container, onTouchStart, onTouchMove, onTouchEnd} = this.touchGestureHandlers;
+      if (container) {
+        container.removeEventListener('touchstart', onTouchStart);
+        container.removeEventListener('touchmove', onTouchMove);
+        container.removeEventListener('touchend', onTouchEnd);
+      }
+      this.touchGestureHandlers = null;
+    },
+
+    async onTrack() {
+      this.removeTouchGesture();
+      if (this.bpmnViewer) {
+        this.bpmnViewer.destroy();
+        this.bpmnViewer = null;
+      }
+      this.diagramReady = false;
+
       // 初始化 Viewer
       this.bpmnViewer = new Viewer({
         container: this.$refs.canvas
       });
 
-      // 获取并加载流程数据
-      printData(this.applyId, this.instanceId, this.procId).then(async resp => {
-        let result = resp.data
-        if (result.code === '200') {
+      try {
+        // 获取并加载流程数据
+        const resp = await printData(this.applyId, this.instanceId, this.procId);
+        const result = resp && resp.data;
+        if (result && result.code === '200') {
           const bpmnXmlStr = result.data.processXml;
           await this.bpmnViewer.importXML(bpmnXmlStr);
 
@@ -154,48 +502,58 @@ export default {
           canvas.zoom('fit-viewport', 'auto');
           canvas.zoom(0.6); // 放大视图
 
-          //给流程节点添加固定样式
+          // 给流程节点添加固定样式
           this.doPrint(result.data.historicData);
+          this.diagramReady = true;
 
           // 添加手势缩放和移动功能
           this.addTouchGesture();
           // 监听元素点击事件
           this.addElementClickListener();
 
+          return;
         }
-      }).catch(err => {
-        console.error("Error fetching BPMN data:", err);
-      });
 
+        this.diagramReady = false;
+        Toast.fail(`加载流程图失败：${(result && result.message) || '未知错误'}`);
+      } catch (err) {
+        this.diagramReady = false;
+        console.error("Error fetching BPMN data:", err);
+        Toast.fail(`加载流程图失败：${err.message || '未知错误'}`);
+      }
     },
     doPrint(printData) {
-      const {doneLightSet, donePointSet, doneTaskSet, todoPointSet} =
-          printData;
+      const {doneLightSet, donePointSet, doneTaskSet, todoPointSet} = printData || {};
+
+      // 保存已办连线和节点集合，供预测路线显示时使用
+      this.doneLightSet = new Set(doneLightSet || []);
+      this.doneTaskSet = new Set(doneTaskSet || []);
+      this.donePointIdSet = new Set(donePointSet || []);
+      this.doneNodeIdSet = new Set([
+        ...this.doneTaskSet,
+        ...this.donePointIdSet
+      ]);
+      this.todoPointIdSet = new Set(todoPointSet || []);
+
       const canvas = this.bpmnViewer.get("canvas");
       const elementRegistry = this.bpmnViewer.get('elementRegistry');
       elementRegistry.filter((item) => item.type === 'bpmn:UserTask');
-      for (let k in doneLightSet) {
-        if (doneLightSet[k]) {
-          canvas.addMarker(doneLightSet[k], "done-line");
-        }
+      for (const id of this.doneLightSet) {
+        if (id) canvas.addMarker(id, "done-line");
       }
-      for (let k in donePointSet) {
-        if (donePointSet[k]) {
-          canvas.addMarker(donePointSet[k], "done-point");
-        }
+      for (const id of this.donePointIdSet) {
+        if (id) canvas.addMarker(id, "done-point");
       }
-      for (let k in doneTaskSet) {
-        if (doneTaskSet[k]) {
-          canvas.addMarker(doneTaskSet[k], "done-task");
-        }
+      for (const id of this.doneTaskSet) {
+        if (id) canvas.addMarker(id, "done-task");
       }
-      for (let k in todoPointSet) {
-        if (todoPointSet[k]) {
-          canvas.addMarker(todoPointSet[k], "todo-point");
-        }
+      for (const id of this.todoPointIdSet) {
+        if (id) canvas.addMarker(id, "todo-point");
       }
     },
     addTouchGesture() {
+      if (!this.bpmnViewer) return;
+      this.removeTouchGesture();
       const canvas = this.bpmnViewer.get('canvas');
       const container = this.$refs.canvas;
       let initialDistance = null;
@@ -208,7 +566,7 @@ export default {
         return Math.sqrt(dx * dx + dy * dy);
       };
 
-      container.addEventListener('touchstart', (event) => {
+      const onTouchStart = (event) => {
         if (event.touches.length === 2) {
           initialDistance = calculateDistance(event.touches[0], event.touches[1]);
         } else if (event.touches.length === 1) {
@@ -218,9 +576,9 @@ export default {
           };
           isPanning = true;
         }
-      });
+      };
 
-      container.addEventListener('touchmove', (event) => {
+      const onTouchMove = (event) => {
         if (event.touches.length === 2 && initialDistance !== null) {
           const currentDistance = calculateDistance(event.touches[0], event.touches[1]);
           const zoomFactor = currentDistance / initialDistance;
@@ -250,18 +608,25 @@ export default {
 
           event.preventDefault(); // 阻止默认的触摸事件
         }
-      });
+      };
 
-      container.addEventListener('touchend', () => {
+      const onTouchEnd = () => {
         initialDistance = null; // 重置初始距离
         isPanning = false; // 停止平移
-      });
+      };
+
+      container.addEventListener('touchstart', onTouchStart);
+      container.addEventListener('touchmove', onTouchMove);
+      container.addEventListener('touchend', onTouchEnd);
+
+      this.touchGestureHandlers = {container, onTouchStart, onTouchMove, onTouchEnd};
     },
     addElementClickListener() {
       const eventBus = this.bpmnViewer.get('eventBus');
       eventBus.on('element.click', (event) => {
         const elementId = event.element.id;
-        let matchedRecords = this.tableData.filter(item => item.taskNode === elementId);
+        const tableData = Array.isArray(this.tableData) ? this.tableData : [];
+        let matchedRecords = tableData.filter(item => item.taskNode === elementId);
 
         if (matchedRecords.length > 0) {
           const getTime = (record) => {
@@ -293,6 +658,12 @@ export default {
 <style scoped>
 @import 'styles/global.css';
 
+.predict-toggle {
+  display: flex;
+  justify-content: center;
+  margin-top: 12px;
+}
+
 .canvas {
   width: 100%;
   height: 250px;

package/src/js/global.js

@@ -1,13 +1,27 @@
-export function getAuditStatus(auditResult) {
+export function getAuditStatus(auditResult, handleName, rejectName) {
+    handleName = handleName ? handleName : '通过'
+    rejectName = rejectName ? rejectName : '驳回'
     const statusMap = {
         '00': { text: '流程发起', icon: "faqi", color: '#0d88ff', type: 'success' },
-        '30': { text: '通过', icon: "tongguo", color: '#0d88ff', type: 'success' },
-        '40': { text: '驳回上一节点', icon: "bohui", color: '#ed4014', type: 'danger' },
-        '50': { text: '驳回到原点', icon: "bohui", color: '#ed4014', type: 'danger' },
+        '10': { text: '首节点自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '11': { text: '与上一环节办理人相同自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '12': { text: '与发起人相同自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '13': { text: '办理人为空自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '14': { text: '符合流程变量条件自动跳过', icon: "tiaoguo", color: '#0d88ff', type: 'success' },
+        '30': { text: `${handleName}`, icon: "tongguo", color: '#0d88ff', type: 'success' },
+        '31': { text: '同意', icon: "tongyi", color: '#0d88ff', type: 'success' },
+        '32': { text: '不同意', icon: "butongyi", color: '#ed4014', type: 'warning' },
+        '40': { text: `${rejectName}上一节点`, icon: "bohui", color: '#ed4014', type: 'danger' },
+        '50': { text: `${rejectName}到原点`, icon: "bohui", color: '#ed4014', type: 'danger' },
         '51': { text: '流程作废', icon: "liuchengzuofei", color: '#ed4014', type: 'danger' },
-        '60': { text: '撤回', icon: "chehui", color: '#ed4014', type: 'warning' },
+        '60': { text: '撤回', icon: "chehui", color: '#0d88ff', type: 'primary' },
+        '61': { text: '交回', icon: "jiaohui", color: '#0d88ff', type: 'primary' },
+        '62': { text: '撤回委派', icon: "chehuiweipai", color: '#ed4014', type: 'warning' },
+        '63': { text: '委派', icon: "weipai", color: '#0d88ff', type: 'primary' },
         '80': { text: '跳转指定节点', icon: "tiaozhuan", color: '#0d88ff', type: 'primary' },
-        '90': { text: '驳回指定节点', icon: "bohui", color: '#ed4014', type: 'primary' },
+        '82': { text: '指定他人处理', icon: "zhiding", color: '#0d88ff', type: 'primary' },
+        '83': { text: '减签', icon: "jianqian", color: '#ed4014', type: 'warning' },
+        '90': { text: `${rejectName}指定节点`, icon: "bohui", color: '#ed4014', type: 'primary' },
     };
 
     return {
@@ -16,4 +30,4 @@ export function getAuditStatus(auditResult) {
         color: (statusMap[auditResult] && statusMap[auditResult].color) || '#ff9900',
         type: (statusMap[auditResult] && statusMap[auditResult].type) || 'warning',
     };
-}
+}

package/src/utils/const.js

@@ -0,0 +1,36 @@
+export const NodeType = {
+  UserTask: 'userTask',
+  MultiNode: 'multiNode',
+  SequentialMultiNode: 'sequentialMultiNode'
+}
+
+// 流程信息按钮
+export const WorkflowInfoButtons = {
+  ProcessTrace: 'processTrace',// 流程跟踪图
+  AuditHistory: 'auditHistory',// 审批历史
+  AuditOpinion: 'auditOpinion',// 审批意见
+  AttachmentFile: 'attachmentFile',// 附件
+}
+
+// 流程操作按钮
+export const WorkflowOperationButtons = {
+  AuditTo30: 'auditTo30',// 通过
+  AuditTo70: 'auditTo70',// 驳回原点
+  AuditTo40: 'auditTo40',// 驳回上一节点
+  AuditTo90: 'auditTo90',// 驳回指定节点
+  AuditTo80: 'auditTo80',// 跳转指定节点
+  AuditTo82: 'auditTo82',// 转办
+  AuditTo50: 'auditTo50',// 人工终止
+  DelegateTask: 'delegateTask',// 委派
+  RevokeDelegateTask: 'revokeDelegateTask',// 撤回委派
+  AppointTask: 'appointTask',// 交回委派
+  AddMultitaskInstance: 'addMultitaskInstance',// 会签加签
+  ReductionMultitaskInstance: 'reductionMultitaskInstance',// 会签减签
+}
+
+// 流程流转控制按钮
+export const WorkflowControlButtons = {
+  RejectProcessControl: 'rejectProcessControl',// 允许驳回时控制流转
+  AppointHandler: 'appointHandler',// 指定下一环节的办理人
+  AppointTimeoutTime: 'appointTimeoutTime',// 指定下一环节办理时限（含预警时间）
+}