From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/SimpleProcessDesignerV2/src/SimpleProcessDesigner.vue | 237 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 237 insertions(+), 0 deletions(-)
diff --git a/src/components/SimpleProcessDesignerV2/src/SimpleProcessDesigner.vue b/src/components/SimpleProcessDesignerV2/src/SimpleProcessDesigner.vue
new file mode 100644
index 0000000..b940d6f
--- /dev/null
+++ b/src/components/SimpleProcessDesignerV2/src/SimpleProcessDesigner.vue
@@ -0,0 +1,237 @@
+<template>
+ <div v-loading="loading" class="overflow-auto">
+ <SimpleProcessModel
+ ref="simpleProcessModelRef"
+ v-if="processNodeTree"
+ :flow-node="processNodeTree"
+ :readonly="false"
+ @save="saveSimpleFlowModel"
+ />
+ <Dialog v-model="errorDialogVisible" title="淇濆瓨澶辫触" width="400" :fullscreen="false">
+ <div class="mb-2">浠ヤ笅鑺傜偣鍐呭涓嶅畬鍠勶紝璇蜂慨鏀瑰悗淇濆瓨</div>
+ <div
+ class="mb-3 b-rounded-1 bg-gray-100 p-2 line-height-normal"
+ v-for="(item, index) in errorNodes"
+ :key="index"
+ >
+ {{ item.name }} : {{ NODE_DEFAULT_TEXT.get(item.type) }}
+ </div>
+ <template #footer>
+ <el-button type="primary" @click="errorDialogVisible = false">鐭ラ亾浜�</el-button>
+ </template>
+ </Dialog>
+ </div>
+</template>
+
+<script setup lang="ts">
+import SimpleProcessModel from './SimpleProcessModel.vue'
+import { SimpleFlowNode, NodeType, NodeId, NODE_DEFAULT_TEXT } from './consts'
+import { getForm } from '@/api/bpm/form'
+import { handleTree } from '@/utils/tree'
+import * as RoleApi from '@/api/system/role'
+import * as DeptApi from '@/api/system/dept'
+import * as PostApi from '@/api/system/post'
+import * as UserApi from '@/api/system/user'
+import * as UserGroupApi from '@/api/bpm/userGroup'
+import { BpmModelFormType } from '@/utils/constants'
+
+defineOptions({
+ name: 'SimpleProcessDesigner'
+})
+
+const emits = defineEmits(['success']) // 淇濆瓨鎴愬姛浜嬩欢
+
+const props = defineProps({
+ modelName: {
+ type: String,
+ required: false
+ },
+ // 娴佺▼琛ㄥ崟 ID
+ modelFormId: {
+ type: Number,
+ required: false,
+ default: undefined,
+ },
+ // 琛ㄥ崟绫诲瀷
+ modelFormType: {
+ type: Number,
+ required: false,
+ default: BpmModelFormType.NORMAL,
+ },
+ // 鍙彂璧锋祦绋嬬殑浜哄憳缂栧彿
+ startUserIds: {
+ type: Array,
+ required: false
+ },
+ // 鍙彂璧锋祦绋嬬殑閮ㄩ棬缂栧彿
+ startDeptIds: {
+ type: Array,
+ required: false
+ }
+})
+
+const processData = inject('processData') as Ref
+const loading = ref(false)
+const formFields = ref<string[]>([])
+const formType = ref(props.modelFormType);
+
+// 鐩戝惉 modelFormType 鍙樺寲
+watch(
+ () => props.modelFormType,
+ (newVal) => {
+ formType.value = newVal;
+ },
+);
+
+// 鐩戝惉 modelFormId 鍙樺寲
+watch(
+ () => props.modelFormId,
+ async (newVal) => {
+ if (newVal) {
+ const form = await getForm(newVal);
+ formFields.value = form?.fields;
+ } else {
+ // 濡傛灉 modelFormId 涓虹┖锛屾竻绌鸿〃鍗曞瓧娈�
+ formFields.value = [];
+ }
+ },
+ { immediate: true },
+);
+
+const roleOptions = ref<RoleApi.RoleVO[]>([]) // 瑙掕壊鍒楄〃
+const postOptions = ref<PostApi.PostVO[]>([]) // 宀椾綅鍒楄〃
+const userOptions = ref<UserApi.UserVO[]>([]) // 鐢ㄦ埛鍒楄〃
+const deptOptions = ref<DeptApi.DeptVO[]>([]) // 閮ㄩ棬鍒楄〃
+const deptTreeOptions = ref()
+const userGroupOptions = ref<UserGroupApi.UserGroupVO[]>([]) // 鐢ㄦ埛缁勫垪琛�
+
+provide('formFields', formFields)
+provide('formType', formType)
+provide('roleList', roleOptions)
+provide('postList', postOptions)
+provide('userList', userOptions)
+provide('deptList', deptOptions)
+provide('userGroupList', userGroupOptions)
+provide('deptTree', deptTreeOptions)
+provide('startUserIds', props.startUserIds)
+provide('startDeptIds', props.startDeptIds)
+provide('tasks', [])
+provide('processInstance', {})
+
+
+const message = useMessage() // 鍥介檯鍖�
+const processNodeTree = ref<SimpleFlowNode | undefined>()
+provide('processNodeTree', processNodeTree)
+const errorDialogVisible = ref(false)
+let errorNodes: SimpleFlowNode[] = []
+
+// 娣诲姞鏇存柊妯″瀷鐨勬柟娉�
+const updateModel = () => {
+ if (!processNodeTree.value) {
+ processNodeTree.value = {
+ name: '鍙戣捣浜�',
+ type: NodeType.START_USER_NODE,
+ id: NodeId.START_USER_NODE_ID,
+ childNode: {
+ id: NodeId.END_EVENT_NODE_ID,
+ name: '缁撴潫',
+ type: NodeType.END_EVENT_NODE
+ }
+ }
+ // 鍒濆鍖栨椂涔熻Е鍙戜竴娆′繚瀛�
+ saveSimpleFlowModel(processNodeTree.value)
+ }
+}
+
+const saveSimpleFlowModel = async (simpleModelNode: SimpleFlowNode) => {
+ if (!simpleModelNode) {
+ return
+ }
+
+ try {
+ processData.value = simpleModelNode
+ emits('success', simpleModelNode)
+ } catch (error) {
+ console.error('淇濆瓨澶辫触:', error)
+ }
+}
+
+// 鏍￠獙鑺傜偣璁剧疆銆� 鏆傛椂浠� showText 涓虹┖ 鏈妭鐐归敊璇厤缃�
+const validateNode = (node: SimpleFlowNode | undefined, errorNodes: SimpleFlowNode[]) => {
+ if (node) {
+ const { type, showText, conditionNodes } = node
+ if (type == NodeType.END_EVENT_NODE) {
+ return
+ }
+ if (type == NodeType.START_USER_NODE) {
+ // 鍙戣捣浜鸿妭鐐规殏鏃朵笉鐢ㄦ牎楠岋紝鐩存帴鏍￠獙瀛╁瓙鑺傜偣
+ validateNode(node.childNode, errorNodes)
+ }
+
+ if (
+ type === NodeType.USER_TASK_NODE ||
+ type === NodeType.COPY_TASK_NODE ||
+ type === NodeType.CONDITION_NODE
+ ) {
+ if (!showText) {
+ errorNodes.push(node)
+ }
+ validateNode(node.childNode, errorNodes)
+ }
+
+ if (
+ type == NodeType.CONDITION_BRANCH_NODE ||
+ type == NodeType.PARALLEL_BRANCH_NODE ||
+ type == NodeType.INCLUSIVE_BRANCH_NODE
+ ) {
+ // 鍒嗘敮鑺傜偣
+ // 1. 鍏堟牎楠屽悇涓垎鏀�
+ conditionNodes?.forEach((item) => {
+ validateNode(item, errorNodes)
+ })
+ // 2. 鏍￠獙瀛╁瓙鑺傜偣
+ validateNode(node.childNode, errorNodes)
+ }
+ }
+}
+
+onMounted(async () => {
+ try {
+ loading.value = true
+ // // 鑾峰彇琛ㄥ崟瀛楁
+ // if (props.modelId) {
+ // const bpmnModel = await getModel(props.modelId)
+ // if (bpmnModel) {
+ // formType.value = bpmnModel.formType
+ // if (formType.value === BpmModelFormType.NORMAL && bpmnModel.formId) {
+ // const bpmnForm = (await getForm(bpmnModel.formId)) as unknown as FormVO
+ // formFields.value = bpmnForm?.fields
+ // }
+ // }
+ // }
+ // 鑾峰緱瑙掕壊鍒楄〃
+ roleOptions.value = await RoleApi.getSimpleRoleList()
+ // 鑾峰緱宀椾綅鍒楄〃
+ postOptions.value = await PostApi.getSimplePostList()
+ // 鑾峰緱鐢ㄦ埛鍒楄〃
+ userOptions.value = await UserApi.getSimpleUserList()
+ // 鑾峰緱閮ㄩ棬鍒楄〃
+ deptOptions.value = await DeptApi.getSimpleDeptList()
+ deptTreeOptions.value = handleTree(deptOptions.value as DeptApi.DeptVO[], 'id')
+ // 鑾峰彇鐢ㄦ埛缁勫垪琛�
+ userGroupOptions.value = await UserGroupApi.getUserGroupSimpleList()
+ // 鍔犺浇娴佺▼鏁版嵁
+ if (processData.value) {
+ processNodeTree.value = processData?.value
+ } else {
+ updateModel()
+ }
+ } finally {
+ loading.value = false
+ }
+})
+
+const simpleProcessModelRef = ref()
+
+defineExpose({})
+</script>
--
Gitblit v1.8.0