仿钉钉设计器- 审批节点配置结构调整

ea1e51a6 · jason · 58fc91b8 · ea1e51a6 · ea1e51a6 · ea1e51a6
Commit ea1e51a6 authored Jun 19, 2024 by jason
Showing with 91 additions and 49 deletions

src/components/SimpleProcessDesignerV2/src/NodeHandler.vue
+33 -16

src/components/SimpleProcessDesignerV2/src/consts.ts
+58 -33

src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue
+0 -0

No files found.
--- a/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue
+++ b/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue
@@ -42,7 +42,14 @@
 </template>
 <script setup lang="ts">
-import { SimpleFlowNode, NodeType, NODE_DEFAULT_NAME, ApproveMethodType, RejectHandlerType, CandidateStrategy } from './consts'
+import {
+  SimpleFlowNode,
+  NodeType,
+  NODE_DEFAULT_NAME,
+  ApproveMethodType,
+  RejectHandlerType,
+  CandidateStrategy
+} from './consts'
 import { generateUUID } from '@/utils'
 defineOptions({
  name: 'NodeHandler'
@@ -63,18 +70,15 @@ const props = defineProps({
 const emits = defineEmits(['update:childNode'])
 const addNode = (type: number) => {
  popoverShow.value = false
  if (type === NodeType.USER_TASK_NODE) {
-    const id =  'Activity_'+ generateUUID();
+    const id = 'Activity_' + generateUUID()
    const data: SimpleFlowNode = {
      id: id,
      name: NODE_DEFAULT_NAME.get(NodeType.USER_TASK_NODE) as string,
      showText: '',
      type: NodeType.USER_TASK_NODE,
-      // 审批节点配置
-      attributes: {
      approveMethod: ApproveMethodType.RRANDOM_SELECT_ONE_APPROVE,
      candidateStrategy: CandidateStrategy.USER,
      candidateParam: undefined,
@@ -85,15 +89,28 @@ const addNode = (type: number) => {
      },
      rejectHandler: {
        type: RejectHandlerType.FINISH_PROCESS
-        }
      },
      childNode: props.childNode
+      // 审批节点配置
+      // attributes: {
+      //   approveMethod: ApproveMethodType.RRANDOM_SELECT_ONE_APPROVE,
+      //   candidateStrategy: CandidateStrategy.USER,
+      //   candidateParam: undefined,
+      //   fieldsPermission: undefined,
+      //    // 超时处理
+      //   timeoutHandler: {
+      //     enable: false
+      //   },
+      //   rejectHandler: {
+      //     type: RejectHandlerType.FINISH_PROCESS
+      //   }
+      // },
    }
-    emits('update:childNode', data);
+    emits('update:childNode', data)
  }
  if (type === NodeType.COPY_TASK_NODE) {
    const data: SimpleFlowNode = {
-      id:  'Activity_'+ generateUUID(),
+      id: 'Activity_' + generateUUID(),
      name: NODE_DEFAULT_NAME.get(NodeType.COPY_TASK_NODE) as string,
      showText: '',
      type: NodeType.COPY_TASK_NODE,
@@ -108,14 +125,14 @@ const addNode = (type: number) => {
    emits('update:childNode', data)
  }
  if (type === NodeType.EXCLUSIVE_NODE) {
-    const data : SimpleFlowNode = {
+    const data: SimpleFlowNode = {
      name: '条件分支',
      type: NodeType.EXCLUSIVE_NODE,
      id: 'GateWay_' + generateUUID(),
      childNode: props.childNode,
      conditionNodes: [
        {
-          id: 'Flow_'+ generateUUID(),
+          id: 'Flow_' + generateUUID(),
          name: '条件1',
          showText: '',
          type: NodeType.CONDITION_NODE,
@@ -126,7 +143,7 @@ const addNode = (type: number) => {
          }
        },
        {
-          id: 'Flow_'+ generateUUID(),
+          id: 'Flow_' + generateUUID(),
          name: '其它情况',
          showText: '其它情况进入此流程',
          type: NodeType.CONDITION_NODE,
@@ -141,25 +158,25 @@ const addNode = (type: number) => {
    emits('update:childNode', data)
  }
  if (type === NodeType.PARALLEL_NODE_FORK) {
-    const data : SimpleFlowNode = {
+    const data: SimpleFlowNode = {
      name: '并行分支',
      type: NodeType.PARALLEL_NODE_FORK,
      id: 'GateWay_' + generateUUID(),
      childNode: props.childNode,
      conditionNodes: [
        {
-          id: 'Flow_'+ generateUUID(),
+          id: 'Flow_' + generateUUID(),
          name: '并行1',
          showText: '无需配置条件同时执行',
          type: NodeType.CONDITION_NODE,
-          childNode: undefined,
+          childNode: undefined
        },
        {
-          id: 'Flow_'+ generateUUID(),
+          id: 'Flow_' + generateUUID(),
          name: '并行2',
          showText: '无需配置条件同时执行',
          type: NodeType.CONDITION_NODE,
-          childNode: undefined,
+          childNode: undefined
        }
      ]
    }

--- a/src/components/SimpleProcessDesignerV2/src/consts.ts
+++ b/src/components/SimpleProcessDesignerV2/src/consts.ts
@@ -71,12 +71,10 @@ export enum RejectHandlerType {
   * 驳回到指定节点
   */
  RETURN_USER_TASK = 2
 }
 // 条件配置类型 （ 用于条件节点配置 ）
 export enum ConditionConfigType {
  /**
   * 条件表达式
   */
@@ -89,7 +87,6 @@ export enum ConditionConfigType  {
 }
 // 多人审批方式类型 （ 用于审批节点 ）
 export enum ApproveMethodType {
  /**
   * 随机挑选一人审批
   */
@@ -108,7 +105,6 @@ export enum ApproveMethodType  {
   * 多人依次审批
   */
  SEQUENTIAL_APPROVE = 4
 }
 // 候选人策略 （ 用于审批节点。抄送节点 )
@@ -151,23 +147,53 @@ export enum CandidateStrategy {
  EXPRESSION = 60
 }
+export type RejectHandler = {
+  type: RejectHandlerType
+  returnNodeId?: string
+}
+export type TimeoutHandler = {
+  //是否开启超时处理
+  enable: boolean
+  // 超时执行的动作
+  action?: number
+  // 超时时间设置
+  timeDuration?: string
+  // 执行动作是自动提醒, 最大提醒次数
+  maxRemindCount?: number
+}
 export type SimpleFlowNode = {
-  id: string,
+  id: string
-  type: NodeType,
+  type: NodeType
-  name: string,
+  name: string
-  showText?: string,
+  showText?: string
-  attributes?: any,
+  attributes?: any
  // 孩子节点
-  childNode?: SimpleFlowNode,
+  childNode?: SimpleFlowNode
  // 条件节点
  conditionNodes?: SimpleFlowNode[]
+  // 候选人策略
+  candidateStrategy?: number
+  // 候选人参数
+  candidateParam?: string
+  // 多人审批方式
+  approveMethod?: ApproveMethodType
+  //通过比例
+  approveRatio: number
+  // 表单权限
+  fieldsPermission?: any[]
+  // 审批任务超时处理
+  timeoutHandler?: TimeoutHandler
+  // 审批任务拒绝处理
+  rejectHandler?: RejectHandler
 }
 // 条件组
 export type ConditionGroup = {
  // 条件组的逻辑关系是否为且
-  and : boolean,
+  and: boolean
  // 条件数组
  conditions: Condition[]
 }
@@ -175,84 +201,83 @@ export type ConditionGroup =  {
 // 条件
 export type Condition = {
  // 条件规则的逻辑关系是否为且
-  and : boolean,
+  and: boolean
  rules: ConditionRule[]
 }
 // 条件规则
 export type ConditionRule = {
-  type : number,
+  type: number
-  opName: string,
+  opName: string
-  opCode: string,
+  opCode: string
-  leftSide: string,
+  leftSide: string
  rightSide: string
 }
+export const NODE_DEFAULT_TEXT = new Map<number, string>()
-export const NODE_DEFAULT_TEXT = new Map<number,string>()
 NODE_DEFAULT_TEXT.set(NodeType.USER_TASK_NODE, '请配置审批人')
 NODE_DEFAULT_TEXT.set(NodeType.COPY_TASK_NODE, '请配置抄送人')
 NODE_DEFAULT_TEXT.set(NodeType.CONDITION_NODE, '请设置条件')
-export const NODE_DEFAULT_NAME = new Map<number,string>()
+export const NODE_DEFAULT_NAME = new Map<number, string>()
 NODE_DEFAULT_NAME.set(NodeType.USER_TASK_NODE, '审批人')
 NODE_DEFAULT_NAME.set(NodeType.COPY_TASK_NODE, '抄送人')
 NODE_DEFAULT_NAME.set(NodeType.CONDITION_NODE, '条件')
-export const APPROVE_METHODS: DictDataVO [] = [
+export const APPROVE_METHODS: DictDataVO[] = [
  { label: '随机挑选一人审批', value: ApproveMethodType.RRANDOM_SELECT_ONE_APPROVE },
  { label: '多人会签(按通过比例%)', value: ApproveMethodType.APPROVE_BY_RATIO },
  { label: '多人或签(一人通过或拒绝)', value: ApproveMethodType.ANY_APPROVE },
  { label: '依次审批(按顺序依次审批)', value: ApproveMethodType.SEQUENTIAL_APPROVE }
 ]
-export const CONDITION_CONFIG_TYPES: DictDataVO [] = [
+export const CONDITION_CONFIG_TYPES: DictDataVO[] = [
  { label: '条件表达式', value: 1 },
  { label: '条件规则', value: 2 }
 ]
 // 时间单位类型
-export const TIME_UNIT_TYPES: DictDataVO [] = [
+export const TIME_UNIT_TYPES: DictDataVO[] = [
  { label: '分钟', value: TimeUnitType.MINUTE },
  { label: '小时', value: TimeUnitType.HOUR },
-  { label: '天', value: TimeUnitType.DAY },
+  { label: '天', value: TimeUnitType.DAY }
 ]
 // 超时处理执行动作类型
-export const TIMEOUT_HANDLER_ACTION_TYPES: DictDataVO [] = [
+export const TIMEOUT_HANDLER_ACTION_TYPES: DictDataVO[] = [
  { label: '自动提醒', value: 1 },
  { label: '自动同意', value: 2 },
-  { label: '自动拒绝', value: 3 },
+  { label: '自动拒绝', value: 3 }
 ]
-export const REJECT_HANDLER_TYPES: DictDataVO [] = [
+export const REJECT_HANDLER_TYPES: DictDataVO[] = [
  { label: '终止流程', value: RejectHandlerType.FINISH_PROCESS },
  { label: '驳回到指定节点', value: RejectHandlerType.RETURN_USER_TASK }
  // { label: '结束任务', value: RejectHandlerType.FINISH_TASK }
 ]
 // 比较运算符
-export const COMPARISON_OPERATORS : DictDataVO = [
+export const COMPARISON_OPERATORS: DictDataVO = [
  {
    value: '==',
-    label: '等于',
+    label: '等于'
  },
  {
    value: '!=',
-    label: '不等于',
+    label: '不等于'
  },
  {
    value: '>',
-    label: '大于',
+    label: '大于'
  },
  {
    value: '>=',
-    label: '大于等于',
+    label: '大于等于'
  },
  {
    value: '<',
-    label: '小于',
+    label: '小于'
  },
  {
    value: '<=',
-    label: '小于等于',
+    label: '小于等于'
  }
 ]
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/UserTaskNodeConfig.vue