From d4401919a436dac26f28bf128ff6d975c2240939 Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Tue, 17 Dec 2024 16:36:58 +0800
Subject: [PATCH 1/9] =?UTF-8?q?feat:=20=E5=AD=90=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bpm/definition/index.ts               |   6 +
 src/assets/svgs/bpm/childProcess.svg          |   1 +
 .../src/NodeHandler.vue                       |  17 +++
 .../src/ProcessNodeTree.vue                   |   7 ++
 .../SimpleProcessDesignerV2/src/consts.ts     |   9 ++
 .../nodes-config/ChildProcessNodeConfig.vue   | 115 ++++++++++++++++++
 .../src/nodes/ChildProcessNode.vue            |  97 +++++++++++++++
 src/utils/dict.ts                             |   1 +
 .../detail/ProcessInstanceSimpleViewer.vue    |  15 ++-
 .../detail/ProcessInstanceTimeline.vue        |   5 +-
 10 files changed, 271 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/svgs/bpm/childProcess.svg
 create mode 100644 src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
 create mode 100644 src/components/SimpleProcessDesignerV2/src/nodes/ChildProcessNode.vue

diff --git a/src/api/bpm/definition/index.ts b/src/api/bpm/definition/index.ts
index caedba14..9eb835fd 100644
--- a/src/api/bpm/definition/index.ts
+++ b/src/api/bpm/definition/index.ts
@@ -20,3 +20,9 @@ export const getProcessDefinitionList = async (params) => {
     params
   })
 }
+
+export const getChildProcessSimpleList = async () => {
+  return await request.get({
+    url: '/bpm/process-definition/child-process/list-all-simple'
+  })
+}
diff --git a/src/assets/svgs/bpm/childProcess.svg b/src/assets/svgs/bpm/childProcess.svg
new file mode 100644
index 00000000..09f9ca55
--- /dev/null
+++ b/src/assets/svgs/bpm/childProcess.svg
@@ -0,0 +1 @@
+<svg t="1734419297528" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4299" width="200" height="200"><path d="M375.466667 213.333333a85.333333 85.333333 0 1 1-85.333334 85.333334 85.333333 85.333333 0 0 1 85.333334-85.333334m0-85.333333a170.666667 170.666667 0 1 0 170.666666 170.666667 170.666667 170.666667 0 0 0-170.666666-170.666667z" fill="#ffffff" p-id="4300"></path><path d="M716.8 597.333333m-85.333333 0a85.333333 85.333333 0 1 0 170.666666 0 85.333333 85.333333 0 1 0-170.666666 0Z" fill="#ffffff" p-id="4301"></path><path d="M716.8 853.333333m-85.333333 0a85.333333 85.333333 0 1 0 170.666666 0 85.333333 85.333333 0 1 0-170.666666 0Z" fill="#ffffff" p-id="4302"></path><path d="M418.133333 384h-85.333333v426.666667a85.333333 85.333333 0 0 0 85.333333 85.333333V384zM674.133333 554.666667h-256v85.333333h256v-85.333333zM674.133333 810.666667h-256v85.333333h256v-85.333333z" fill="#ffffff" p-id="4303"></path></svg>
\ No newline at end of file
diff --git a/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue b/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue
index 853a0aa6..0c9bb265 100644
--- a/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue
+++ b/src/components/SimpleProcessDesignerV2/src/NodeHandler.vue
@@ -39,6 +39,13 @@
             </div>
             <div class="handler-item-text">包容分支</div>
           </div>
+          <!-- TODO @芋艿：这里需要换一下子流程的图标~ -->
+          <div class="handler-item" @click="addNode(NodeType.CHILD_PROCESS_NODE)">
+            <div class="handler-item-icon copy">
+              <span class="iconfont icon-size icon-copy"></span>
+            </div>
+            <div class="handler-item-text">子流程</div>
+          </div>
         </div>
         <template #reference>
           <div class="add-icon"><Icon icon="ep:plus" /></div>
@@ -208,6 +215,16 @@ const addNode = (type: number) => {
     }
     emits('update:childNode', data)
   }
+  if (type === NodeType.CHILD_PROCESS_NODE) {
+    const data: SimpleFlowNode = {
+      id: 'Activity_' + generateUUID(),
+      name: NODE_DEFAULT_NAME.get(NodeType.CHILD_PROCESS_NODE) as string,
+      showText: '',
+      type: NodeType.CHILD_PROCESS_NODE,
+      childNode: props.childNode
+    }
+    emits('update:childNode', data)
+  }
 }
 </script>
 
diff --git a/src/components/SimpleProcessDesignerV2/src/ProcessNodeTree.vue b/src/components/SimpleProcessDesignerV2/src/ProcessNodeTree.vue
index 9b1d65aa..c0386032 100644
--- a/src/components/SimpleProcessDesignerV2/src/ProcessNodeTree.vue
+++ b/src/components/SimpleProcessDesignerV2/src/ProcessNodeTree.vue
@@ -17,6 +17,12 @@
     :flow-node="currentNode"
     @update:flow-node="handleModelValueUpdate"
   />
+  <!-- 子流程节点 -->
+  <ChildProcessNode
+    v-if="currentNode && currentNode.type === NodeType.CHILD_PROCESS_NODE"
+    :flow-node="currentNode"
+    @update:flow-node="handleModelValueUpdate"
+  />
   <!-- 条件节点 -->
   <ExclusiveNode
     v-if="currentNode && currentNode.type === NodeType.CONDITION_BRANCH_NODE"
@@ -57,6 +63,7 @@ import StartUserNode from './nodes/StartUserNode.vue'
 import EndEventNode from './nodes/EndEventNode.vue'
 import UserTaskNode from './nodes/UserTaskNode.vue'
 import CopyTaskNode from './nodes/CopyTaskNode.vue'
+import ChildProcessNode from './nodes/ChildProcessNode.vue'
 import ExclusiveNode from './nodes/ExclusiveNode.vue'
 import ParallelNode from './nodes/ParallelNode.vue'
 import InclusiveNode from './nodes/InclusiveNode.vue'
diff --git a/src/components/SimpleProcessDesignerV2/src/consts.ts b/src/components/SimpleProcessDesignerV2/src/consts.ts
index b81aa948..f3e0643b 100644
--- a/src/components/SimpleProcessDesignerV2/src/consts.ts
+++ b/src/components/SimpleProcessDesignerV2/src/consts.ts
@@ -23,6 +23,11 @@ export enum NodeType {
    */
   COPY_TASK_NODE = 12,
 
+  /**
+   * 子流程节点
+   */
+  CHILD_PROCESS_NODE = 13,
+
   /**
    * 条件节点
    */
@@ -98,6 +103,8 @@ export interface SimpleFlowNode {
   defaultFlow?: boolean
   // 活动的状态，用于前端节点状态展示
   activityStatus?: TaskStatusEnum
+  // 调用子流程
+  childProcess?: string
 }
 // 候选人策略枚举 （ 用于审批节点。抄送节点 )
 export enum CandidateStrategy {
@@ -413,12 +420,14 @@ NODE_DEFAULT_TEXT.set(NodeType.USER_TASK_NODE, '请配置审批人')
 NODE_DEFAULT_TEXT.set(NodeType.COPY_TASK_NODE, '请配置抄送人')
 NODE_DEFAULT_TEXT.set(NodeType.CONDITION_NODE, '请设置条件')
 NODE_DEFAULT_TEXT.set(NodeType.START_USER_NODE, '请设置发起人')
+NODE_DEFAULT_TEXT.set(NodeType.CHILD_PROCESS_NODE, '请设置子流程')
 
 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, '条件')
 NODE_DEFAULT_NAME.set(NodeType.START_USER_NODE, '发起人')
+NODE_DEFAULT_NAME.set(NodeType.CHILD_PROCESS_NODE, '子流程')
 
 // 候选人策略。暂时不从字典中取。 后续可能调整。控制显示顺序
 export const CANDIDATE_STRATEGY: DictDataVO[] = [
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
new file mode 100644
index 00000000..923cffd1
--- /dev/null
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
@@ -0,0 +1,115 @@
+<template>
+  <el-drawer
+    :append-to-body="true"
+    v-model="settingVisible"
+    :show-close="false"
+    :size="550"
+    :before-close="saveConfig"
+  >
+    <template #header>
+      <div class="config-header">
+        <input
+          v-if="showInput"
+          type="text"
+          class="config-editable-input"
+          @blur="blurEvent()"
+          v-mountedFocus
+          v-model="nodeName"
+          :placeholder="nodeName"
+        />
+        <div v-else class="node-name">
+          {{ nodeName }} <Icon class="ml-1" icon="ep:edit-pen" :size="16" @click="clickIcon()" />
+        </div>
+        <div class="divide-line"></div>
+      </div>
+    </template>
+    <el-tabs type="border-card" v-model="activeTabName">
+      <el-tab-pane label="子流程" name="child">
+        <div>
+          <el-form ref="formRef" :model="configForm" label-position="top" :rules="formRules">
+            <el-form-item label="选择子流程" prop="childProcessKey">
+              <el-select v-model="configForm.childProcessKey" clearable>
+                <el-option
+                  v-for="(item, index) in childProcessOptions"
+                  :key="index"
+                  :label="item.name"
+                  :value="item.key"
+                />
+              </el-select>
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+    <template #footer>
+      <el-divider />
+      <div>
+        <el-button type="primary" @click="saveConfig">确 定</el-button>
+        <el-button @click="closeDrawer">取 消</el-button>
+      </div>
+    </template>
+  </el-drawer>
+</template>
+<script setup lang="ts">
+import { getChildProcessSimpleList } from '@/api/bpm/definition'
+import { SimpleFlowNode, NodeType } from '../consts'
+import { useWatchNode, useDrawer, useNodeName } from '../node'
+defineOptions({
+  name: 'ChildProcessNodeConfig'
+})
+const props = defineProps({
+  flowNode: {
+    type: Object as () => SimpleFlowNode,
+    required: true
+  }
+})
+// 抽屉配置
+const { settingVisible, closeDrawer, openDrawer } = useDrawer()
+// 当前节点
+const currentNode = useWatchNode(props)
+// 节点名称
+const { nodeName, showInput, clickIcon, blurEvent } = useNodeName(NodeType.CHILD_PROCESS_NODE)
+// 激活的 Tab 标签页
+const activeTabName = ref('child')
+// 子流程表单配置
+const formRef = ref() // 表单 Ref
+// 表单校验规则
+const formRules = reactive({
+  childProcessKey: [{ required: true, message: '子流程不能为空', trigger: 'change' }]
+})
+const configForm = ref({
+  childProcessKey: ''
+})
+const childProcessOptions = ref()
+
+// 保存配置
+const saveConfig = async () => {
+  activeTabName.value = 'child'
+  if (!formRef) return false
+  const valid = await formRef.value.validate()
+  if (!valid) return false
+  const childInfo = childProcessOptions.value.find(
+    (option) => option.key === configForm.value.childProcessKey
+  )
+  currentNode.value.name = nodeName.value!
+  currentNode.value.childProcess = `${childInfo.key}:${childInfo.name}`
+  currentNode.value.showText = `调用子流程：${childInfo.name}`
+  settingVisible.value = false
+  return true
+}
+// 显示子流程节点配置， 由父组件传过来
+const showChildProcessNodeConfig = (node: SimpleFlowNode) => {
+  nodeName.value = node.name
+  if (node.childProcess && node.childProcess !== '') {
+    configForm.value.childProcessKey = node.childProcess.split(':')[0]
+  }
+}
+
+defineExpose({ openDrawer, showChildProcessNodeConfig }) // 暴露方法给父组件
+
+onMounted(async () => {
+  childProcessOptions.value = await getChildProcessSimpleList()
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes/ChildProcessNode.vue b/src/components/SimpleProcessDesignerV2/src/nodes/ChildProcessNode.vue
new file mode 100644
index 00000000..0e976277
--- /dev/null
+++ b/src/components/SimpleProcessDesignerV2/src/nodes/ChildProcessNode.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="node-wrapper">
+    <div class="node-container">
+      <div
+        class="node-box"
+        :class="[
+          { 'node-config-error': !currentNode.showText },
+          `${useTaskStatusClass(currentNode?.activityStatus)}`
+        ]"
+      >
+        <div class="node-title-container">
+          <div class="node-title-icon copy-task"><span class="iconfont icon-copy"></span></div>
+          <input
+            v-if="!readonly && showInput"
+            type="text"
+            class="editable-title-input"
+            @blur="blurEvent()"
+            v-mountedFocus
+            v-model="currentNode.name"
+            :placeholder="currentNode.name"
+          />
+          <div v-else class="node-title" @click="clickTitle">
+            {{ currentNode.name }}
+          </div>
+        </div>
+        <div class="node-content" @click="openNodeConfig">
+          <div class="node-text" :title="currentNode.showText" v-if="currentNode.showText">
+            {{ currentNode.showText }}
+          </div>
+          <div class="node-text" v-else>
+            {{ NODE_DEFAULT_TEXT.get(NodeType.CHILD_PROCESS_NODE) }}
+          </div>
+          <Icon v-if="!readonly" icon="ep:arrow-right-bold" />
+        </div>
+        <div v-if="!readonly" class="node-toolbar">
+          <div class="toolbar-icon"
+            ><Icon color="#0089ff" icon="ep:circle-close-filled" :size="18" @click="deleteNode"
+          /></div>
+        </div>
+      </div>
+
+      <!-- 传递子节点给添加节点组件。会在子节点前面添加节点 -->
+      <NodeHandler
+        v-if="currentNode"
+        v-model:child-node="currentNode.childNode"
+        :current-node="currentNode"
+      />
+    </div>
+    <ChildProcessNodeConfig
+      v-if="!readonly && currentNode"
+      ref="nodeSetting"
+      :flow-node="currentNode"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { SimpleFlowNode, NodeType, NODE_DEFAULT_TEXT } from '../consts'
+import NodeHandler from '../NodeHandler.vue'
+import { useNodeName2, useWatchNode, useTaskStatusClass } from '../node'
+import ChildProcessNodeConfig from '../nodes-config/ChildProcessNodeConfig.vue'
+defineOptions({
+  name: 'ChildProcessNode'
+})
+const props = defineProps({
+  flowNode: {
+    type: Object as () => SimpleFlowNode,
+    required: true
+  }
+})
+// 定义事件，更新父组件。
+const emits = defineEmits<{
+  'update:flowNode': [node: SimpleFlowNode | undefined]
+}>()
+// 是否只读
+const readonly = inject<Boolean>('readonly')
+// 监控节点的变化
+const currentNode = useWatchNode(props)
+// 节点名称编辑
+const { showInput, blurEvent, clickTitle } = useNodeName2(currentNode, NodeType.CHILD_PROCESS_NODE)
+const nodeSetting = ref()
+// 打开节点配置
+const openNodeConfig = () => {
+  if (readonly) {
+    return
+  }
+  nodeSetting.value.showChildProcessNodeConfig(currentNode.value)
+  nodeSetting.value.openDrawer()
+}
+
+// 删除节点。更新当前节点为孩子节点
+const deleteNode = () => {
+  emits('update:flowNode', currentNode.value.childNode)
+}
+</script>
+
+<style scoped></style>
diff --git a/src/utils/dict.ts b/src/utils/dict.ts
index 1134152b..af7053d8 100644
--- a/src/utils/dict.ts
+++ b/src/utils/dict.ts
@@ -144,6 +144,7 @@ export enum DICT_TYPE {
 
   // ========== BPM 模块 ==========
   BPM_MODEL_TYPE = 'bpm_model_type',
+  BPM_PROCESS_TYPE = 'bpm_process_type',
   BPM_MODEL_FORM_TYPE = 'bpm_model_form_type',
   BPM_TASK_CANDIDATE_STRATEGY = 'bpm_task_candidate_strategy',
   BPM_PROCESS_INSTANCE_STATUS = 'bpm_process_instance_status',
diff --git a/src/views/bpm/processInstance/detail/ProcessInstanceSimpleViewer.vue b/src/views/bpm/processInstance/detail/ProcessInstanceSimpleViewer.vue
index 0808bec9..976859ba 100644
--- a/src/views/bpm/processInstance/detail/ProcessInstanceSimpleViewer.vue
+++ b/src/views/bpm/processInstance/detail/ProcessInstanceSimpleViewer.vue
@@ -108,6 +108,19 @@ const setSimpleModelNodeTaskStatus = (
       simpleModel.activityStatus = TaskStatusEnum.NOT_START
     }
   }
+
+  // 子流程节点
+  if (simpleModel.type === NodeType.CHILD_PROCESS_NODE) {
+    simpleModel.activityStatus = TaskStatusEnum.NOT_START
+    if (rejectedTaskActivityIds.includes(simpleModel.id)) {
+      simpleModel.activityStatus = TaskStatusEnum.REJECT
+    } else if (unfinishedTaskActivityIds.includes(simpleModel.id)) {
+      simpleModel.activityStatus = TaskStatusEnum.RUNNING
+    } else if (finishedActivityIds.includes(simpleModel.id)) {
+      simpleModel.activityStatus = TaskStatusEnum.APPROVE
+    }
+  }
+
   // 条件节点 对应 SequenceFlow
   if (simpleModel.type === NodeType.CONDITION_NODE) {
     // 条件节点。只有通过和未执行状态
@@ -157,7 +170,7 @@ const setSimpleModelNodeTaskStatus = (
 .process-viewer-container {
   height: 100%;
   width: 100%;
-  
+
   :deep(.process-viewer) {
     height: 100% !important;
     min-height: 100%;
diff --git a/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue b/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
index 56b466a9..6991821a 100644
--- a/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
+++ b/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
@@ -168,6 +168,7 @@ import copySvg from '@/assets/svgs/bpm/copy.svg'
 import conditionSvg from '@/assets/svgs/bpm/condition.svg'
 import parallelSvg from '@/assets/svgs/bpm/parallel.svg'
 import finishSvg from '@/assets/svgs/bpm/finish.svg'
+import childProcessSvg from '@/assets/svgs/bpm/childProcess.svg'
 
 defineOptions({ name: 'BpmProcessInstanceTimeline' })
 withDefaults(
@@ -234,7 +235,9 @@ const nodeTypeSvgMap = {
   // 条件分支节点
   [NodeType.CONDITION_NODE]: { color: '#14bb83', svg: conditionSvg },
   // 并行分支节点
-  [NodeType.PARALLEL_BRANCH_NODE]: { color: '#14bb83', svg: parallelSvg }
+  [NodeType.PARALLEL_BRANCH_NODE]: { color: '#14bb83', svg: parallelSvg },
+  // 子流程节点
+  [NodeType.CHILD_PROCESS_NODE]: { color: '#3296fb', svg: childProcessSvg }
 }
 
 // 只有只有状态是 -1、0、1 才展示头像右小角状态小icon
-- 
Gitee


From f35a64961e329dcae3a778db1ebb8e6e9de75615 Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Wed, 18 Dec 2024 09:47:51 +0800
Subject: [PATCH 2/9] =?UTF-8?q?feat:=20=E5=AD=90=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=A4=9A=E5=AE=9E=E4=BE=8B=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../nodes-config/ChildProcessNodeConfig.vue   | 91 ++++++++++++++++++-
 1 file changed, 88 insertions(+), 3 deletions(-)

diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
index 923cffd1..62fcae1b 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
@@ -37,6 +37,53 @@
                 />
               </el-select>
             </el-form-item>
+            <el-form-item label="是否多实例" prop="multiInstance">
+              <el-radio-group v-model="configForm.multiInstance">
+                <el-radio :value="true" :label="true">是</el-radio>
+                <el-radio :value="false" :label="false">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="多人审批方式" prop="approveMethod" v-if="configForm.multiInstance">
+              <el-radio-group v-model="configForm.approveMethod">
+                <div class="flex-col">
+                  <div
+                    v-for="(item, index) in APPROVE_METHODS"
+                    :key="index"
+                    class="flex items-center"
+                  >
+                    <el-radio :value="item.value" :label="item.value">
+                      {{ item.label }}
+                    </el-radio>
+                    <el-form-item prop="approveRatio">
+                      <el-input-number
+                        v-model="configForm.approveRatio"
+                        :min="10"
+                        :max="100"
+                        :step="10"
+                        size="small"
+                        v-if="
+                          item.value === ApproveMethodType.APPROVE_BY_RATIO &&
+                          configForm.approveMethod === ApproveMethodType.APPROVE_BY_RATIO
+                        "
+                      />
+                    </el-form-item>
+                  </div>
+                </div>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item
+              label="多实例来源"
+              prop="multiInstanceSource"
+              v-if="configForm.multiInstance"
+            >
+              <el-input
+                type="textarea"
+                v-model="configForm.multiInstanceSource"
+                clearable
+                style="width: 100%"
+                placeholder="请输入多实例来源（目前仅支持流程表达式!）"
+              />
+            </el-form-item>
           </el-form>
         </div>
       </el-tab-pane>
@@ -52,7 +99,13 @@
 </template>
 <script setup lang="ts">
 import { getChildProcessSimpleList } from '@/api/bpm/definition'
-import { SimpleFlowNode, NodeType } from '../consts'
+import {
+  SimpleFlowNode,
+  NodeType,
+  APPROVE_METHODS,
+  ApproveMethodType,
+  CandidateStrategy
+} from '../consts'
 import { useWatchNode, useDrawer, useNodeName } from '../node'
 defineOptions({
   name: 'ChildProcessNodeConfig'
@@ -75,10 +128,18 @@ const activeTabName = ref('child')
 const formRef = ref() // 表单 Ref
 // 表单校验规则
 const formRules = reactive({
-  childProcessKey: [{ required: true, message: '子流程不能为空', trigger: 'change' }]
+  childProcessKey: [{ required: true, message: '子流程不能为空', trigger: 'change' }],
+  multiInstance: [{ required: true, message: '是否多实例不能为空', trigger: 'change' }],
+  approveMethod: [{ required: true, message: '多人审批方式不能为空', trigger: 'change' }],
+  approveRatio: [{ required: true, message: '通过比例不能为空', trigger: 'change' }],
+  multiInstanceSource: [{ required: true, message: '多实例来源不能为空', trigger: 'blur' }]
 })
 const configForm = ref({
-  childProcessKey: ''
+  childProcessKey: '',
+  multiInstance: false,
+  approveMethod: ApproveMethodType.SEQUENTIAL_APPROVE,
+  approveRatio: 100,
+  multiInstanceSource: ''
 })
 const childProcessOptions = ref()
 
@@ -94,6 +155,20 @@ const saveConfig = async () => {
   currentNode.value.name = nodeName.value!
   currentNode.value.childProcess = `${childInfo.key}:${childInfo.name}`
   currentNode.value.showText = `调用子流程：${childInfo.name}`
+  if (configForm.value.multiInstance) {
+    currentNode.value.candidateStrategy = CandidateStrategy.EXPRESSION
+    currentNode.value.candidateParam = configForm.value.multiInstanceSource
+    currentNode.value.approveMethod = configForm.value.approveMethod
+    if (configForm.value.approveMethod === ApproveMethodType.APPROVE_BY_RATIO) {
+      currentNode.value.approveRatio = configForm.value.approveRatio
+    }
+  } else {
+    currentNode.value.candidateStrategy = undefined
+    currentNode.value.candidateParam = undefined
+    currentNode.value.approveMethod = undefined
+    currentNode.value.approveRatio = undefined
+  }
+
   settingVisible.value = false
   return true
 }
@@ -103,6 +178,16 @@ const showChildProcessNodeConfig = (node: SimpleFlowNode) => {
   if (node.childProcess && node.childProcess !== '') {
     configForm.value.childProcessKey = node.childProcess.split(':')[0]
   }
+  console.log(node)
+  if (node.candidateStrategy) {
+    configForm.value.multiInstance = true
+    configForm.value.multiInstanceSource = node.candidateParam
+    configForm.value.approveMethod = node.approveMethod
+    if (node.approveMethod === ApproveMethodType.APPROVE_BY_RATIO) {
+      configForm.value.approveRatio = node.approveRatio
+    }
+    console.log(configForm.value)
+  }
 }
 
 defineExpose({ openDrawer, showChildProcessNodeConfig }) // 暴露方法给父组件
-- 
Gitee


From ad619f473880f7f286ac12bb19baf536b1f85d58 Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Wed, 18 Dec 2024 10:01:55 +0800
Subject: [PATCH 3/9] =?UTF-8?q?fix:=20timeline=E6=94=AF=E6=8C=81CHILD=5FPR?=
 =?UTF-8?q?OCESS=5FNODE=E7=9A=84loading=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bpm/processInstance/detail/ProcessInstanceTimeline.vue     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue b/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
index 6991821a..940eaafe 100644
--- a/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
+++ b/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
@@ -256,7 +256,8 @@ const getApprovalNodeIcon = (taskStatus: number, nodeType: NodeType) => {
   if (
     nodeType === NodeType.START_USER_NODE ||
     nodeType === NodeType.USER_TASK_NODE ||
-    nodeType === NodeType.END_EVENT_NODE
+    nodeType === NodeType.END_EVENT_NODE ||
+    nodeType === NodeType.CHILD_PROCESS_NODE
   ) {
     return statusIconMap[taskStatus]?.icon
   }
-- 
Gitee


From f89564f81c308438f3f9bc1e23b24bbf26a27261 Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Thu, 19 Dec 2024 08:33:29 +0800
Subject: [PATCH 4/9] =?UTF-8?q?fix:=20=E5=AD=90=E6=B5=81=E7=A8=8BType?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A820?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SimpleProcessDesignerV2/src/consts.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SimpleProcessDesignerV2/src/consts.ts b/src/components/SimpleProcessDesignerV2/src/consts.ts
index f3e0643b..6c7b922f 100644
--- a/src/components/SimpleProcessDesignerV2/src/consts.ts
+++ b/src/components/SimpleProcessDesignerV2/src/consts.ts
@@ -26,7 +26,7 @@ export enum NodeType {
   /**
    * 子流程节点
    */
-  CHILD_PROCESS_NODE = 13,
+  CHILD_PROCESS_NODE = 20,
 
   /**
    * 条件节点
-- 
Gitee


From f57910b32af49ab9219621d569e31d8795f30ea9 Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Thu, 19 Dec 2024 09:54:35 +0800
Subject: [PATCH 5/9] =?UTF-8?q?fix:=20=E8=8E=B7=E5=8F=96=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=8F=98=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bpm/definition/index.ts                    |  4 ++--
 .../SimpleProcessDesignerV2/src/consts.ts          | 14 ++++++++++++++
 .../src/nodes-config/ChildProcessNodeConfig.vue    |  7 ++++---
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/api/bpm/definition/index.ts b/src/api/bpm/definition/index.ts
index 9eb835fd..0caf07f1 100644
--- a/src/api/bpm/definition/index.ts
+++ b/src/api/bpm/definition/index.ts
@@ -21,8 +21,8 @@ export const getProcessDefinitionList = async (params) => {
   })
 }
 
-export const getChildProcessSimpleList = async () => {
+export const getProcessListByProcessType = async (processType) => {
   return await request.get({
-    url: '/bpm/process-definition/child-process/list-all-simple'
+    url: '/bpm/process-definition/list-all-simple?processType=' + processType
   })
 }
diff --git a/src/components/SimpleProcessDesignerV2/src/consts.ts b/src/components/SimpleProcessDesignerV2/src/consts.ts
index 6c7b922f..ae3cb9e2 100644
--- a/src/components/SimpleProcessDesignerV2/src/consts.ts
+++ b/src/components/SimpleProcessDesignerV2/src/consts.ts
@@ -577,3 +577,17 @@ export enum ProcessVariableEnum {
    */
   START_USER_ID = 'PROCESS_START_USER_ID'
 }
+
+/**
+ * 流程类型枚举
+ */
+export enum ProcessTypeEnum {
+  /**
+   * 主流程
+   */
+  MAIN = 1,
+  /**
+   * 子流程
+   */
+  CHILD = 2
+}
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
index 62fcae1b..7ceb1bb3 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
@@ -98,13 +98,14 @@
   </el-drawer>
 </template>
 <script setup lang="ts">
-import { getChildProcessSimpleList } from '@/api/bpm/definition'
+import { getProcessListByProcessType } from '@/api/bpm/definition'
 import {
   SimpleFlowNode,
   NodeType,
   APPROVE_METHODS,
   ApproveMethodType,
-  CandidateStrategy
+  CandidateStrategy,
+  ProcessTypeEnum
 } from '../consts'
 import { useWatchNode, useDrawer, useNodeName } from '../node'
 defineOptions({
@@ -193,7 +194,7 @@ const showChildProcessNodeConfig = (node: SimpleFlowNode) => {
 defineExpose({ openDrawer, showChildProcessNodeConfig }) // 暴露方法给父组件
 
 onMounted(async () => {
-  childProcessOptions.value = await getChildProcessSimpleList()
+  childProcessOptions.value = await getProcessListByProcessType(ProcessTypeEnum.CHILD)
 })
 </script>
 
-- 
Gitee


From b2d360af0f0498af9ac6ec7bd98798a25660ca76 Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Thu, 19 Dec 2024 10:05:24 +0800
Subject: [PATCH 6/9] =?UTF-8?q?chore:=20=E5=8E=BB=E9=99=A4console.log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/nodes-config/ChildProcessNodeConfig.vue                 | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
index 7ceb1bb3..ef6d8d10 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
@@ -179,7 +179,6 @@ const showChildProcessNodeConfig = (node: SimpleFlowNode) => {
   if (node.childProcess && node.childProcess !== '') {
     configForm.value.childProcessKey = node.childProcess.split(':')[0]
   }
-  console.log(node)
   if (node.candidateStrategy) {
     configForm.value.multiInstance = true
     configForm.value.multiInstanceSource = node.candidateParam
@@ -187,7 +186,6 @@ const showChildProcessNodeConfig = (node: SimpleFlowNode) => {
     if (node.approveMethod === ApproveMethodType.APPROVE_BY_RATIO) {
       configForm.value.approveRatio = node.approveRatio
     }
-    console.log(configForm.value)
   }
 }
 
-- 
Gitee


From 71dfc6eb38b509d3cfd2cdc2e443737b528d9387 Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Fri, 20 Dec 2024 11:00:05 +0800
Subject: [PATCH 7/9] =?UTF-8?q?fix:=20fix:=20=E9=80=9A=E8=BF=87Model?=
 =?UTF-8?q?=E8=8E=B7=E5=BE=97=E6=B5=81=E7=A8=8B=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bpm/definition/index.ts                            | 6 ------
 src/api/bpm/model/index.ts                                 | 7 +++++++
 .../src/nodes-config/ChildProcessNodeConfig.vue            | 2 +-
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/api/bpm/definition/index.ts b/src/api/bpm/definition/index.ts
index 0caf07f1..caedba14 100644
--- a/src/api/bpm/definition/index.ts
+++ b/src/api/bpm/definition/index.ts
@@ -20,9 +20,3 @@ export const getProcessDefinitionList = async (params) => {
     params
   })
 }
-
-export const getProcessListByProcessType = async (processType) => {
-  return await request.get({
-    url: '/bpm/process-definition/list-all-simple?processType=' + processType
-  })
-}
diff --git a/src/api/bpm/model/index.ts b/src/api/bpm/model/index.ts
index 0c499dba..8b90dacf 100644
--- a/src/api/bpm/model/index.ts
+++ b/src/api/bpm/model/index.ts
@@ -72,3 +72,10 @@ export const deleteModel = async (id: number) => {
 export const deployModel = async (id: number) => {
   return await request.post({ url: '/bpm/model/deploy?id=' + id })
 }
+
+
+export const getProcessListByProcessType = async (processType) => {
+  return await request.get({
+    url: '/bpm/model/list-all-simple?processType=' + processType
+  })
+}
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
index ef6d8d10..90d5d136 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
@@ -98,7 +98,7 @@
   </el-drawer>
 </template>
 <script setup lang="ts">
-import { getProcessListByProcessType } from '@/api/bpm/definition'
+import { getProcessListByProcessType } from '@/api/bpm/model'
 import {
   SimpleFlowNode,
   NodeType,
-- 
Gitee


From bcba84aa6ff552c7af53baac8f5b4c318b89c40e Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Fri, 20 Dec 2024 11:27:16 +0800
Subject: [PATCH 8/9] =?UTF-8?q?fix:=20=E6=B7=BB=E5=8A=A0ChildProcess?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SimpleProcessDesignerV2/src/consts.ts  | 11 ++++++++++-
 .../src/nodes-config/ChildProcessNodeConfig.vue       |  9 ++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/SimpleProcessDesignerV2/src/consts.ts b/src/components/SimpleProcessDesignerV2/src/consts.ts
index ae3cb9e2..2c3b6154 100644
--- a/src/components/SimpleProcessDesignerV2/src/consts.ts
+++ b/src/components/SimpleProcessDesignerV2/src/consts.ts
@@ -104,7 +104,7 @@ export interface SimpleFlowNode {
   // 活动的状态，用于前端节点状态展示
   activityStatus?: TaskStatusEnum
   // 调用子流程
-  childProcess?: string
+  childProcess?: ChildProcess
 }
 // 候选人策略枚举 （ 用于审批节点。抄送节点 )
 export enum CandidateStrategy {
@@ -591,3 +591,12 @@ export enum ProcessTypeEnum {
    */
   CHILD = 2
 }
+
+/**
+ * 子流程结构定义
+ */
+export type ChildProcess = {
+  processKey: string
+  processName: string
+}
+
diff --git a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
index 90d5d136..4aaed5f1 100644
--- a/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
+++ b/src/components/SimpleProcessDesignerV2/src/nodes-config/ChildProcessNodeConfig.vue
@@ -154,7 +154,10 @@ const saveConfig = async () => {
     (option) => option.key === configForm.value.childProcessKey
   )
   currentNode.value.name = nodeName.value!
-  currentNode.value.childProcess = `${childInfo.key}:${childInfo.name}`
+  currentNode.value.childProcess = {
+    processKey: childInfo.key,
+    processName: childInfo.name
+  }
   currentNode.value.showText = `调用子流程：${childInfo.name}`
   if (configForm.value.multiInstance) {
     currentNode.value.candidateStrategy = CandidateStrategy.EXPRESSION
@@ -176,8 +179,8 @@ const saveConfig = async () => {
 // 显示子流程节点配置， 由父组件传过来
 const showChildProcessNodeConfig = (node: SimpleFlowNode) => {
   nodeName.value = node.name
-  if (node.childProcess && node.childProcess !== '') {
-    configForm.value.childProcessKey = node.childProcess.split(':')[0]
+  if (node.childProcess) {
+    configForm.value.childProcessKey = node.childProcess.processKey
   }
   if (node.candidateStrategy) {
     configForm.value.multiInstance = true
-- 
Gitee


From df8798c688451fd098d1c4dbfc5c1052a851bb86 Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Fri, 20 Dec 2024 17:04:53 +0800
Subject: [PATCH 9/9] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=AE=BE=E8=AE=A1?=
 =?UTF-8?q?=E5=99=A8=E7=B1=BB=E5=9E=8B=E4=B8=8D=E5=88=B7=E6=96=B0Bpmn?=
 =?UTF-8?q?=E8=AE=BE=E8=AE=A1=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../package/designer/ProcessDesigner.vue      | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue b/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
index 6cbe11fa..2690b5dd 100644
--- a/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
+++ b/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
@@ -690,10 +690,22 @@ const processSave = async () => {
 onBeforeMount(() => {
   console.log(props, 'propspropspropsprops')
 })
-onMounted(() => {
-  initBpmnModeler()
-  createNewDiagram(props.value)
-})
+watch(
+  () => props.value,
+  (val) => {
+    val &&
+      val.length &&
+      nextTick(() => {
+        initBpmnModeler()
+        createNewDiagram(props.value)
+      })
+  },
+  { immediate: true }
+)
+// onMounted(() => {
+//   initBpmnModeler()
+//   createNewDiagram(props.value)
+// })
 onBeforeUnmount(() => {
   // this.$once('hook:beforeDestroy', () => {
   // })
-- 
Gitee