admin/lx-admin-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 优化面板类型

Browse Source
This commit is contained in:
LiuHao 2024-03-18 14:18:30 +08:00
parent 8761392c85
commit 0c39b593ce
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/BpmnDesign/panel/ParticipantPanel.vue
View File

@ -13,10 +13,10 @@
<div> <div>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="90px"> <el-form ref="formRef" :model="formData" :rules="formRules" label-width="90px">
<el-form-item prop="id" label="节点 ID"> <el-form-item prop="id" label="节点 ID">
<el-input v-model="formData.id" @change="idChange"> </el-input> <el-input v-model="formData.id" @change="idChange"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="name" label="节点名称"> <el-form-item prop="name" label="节点名称">
<el-input v-model="formData.name" @change="nameChange"> </el-input> <el-input v-model="formData.name" @change="nameChange"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -42,11 +42,12 @@
import useParseElement from '@/components/BpmnDesign/hooks/useParseElement'; import useParseElement from '@/components/BpmnDesign/hooks/useParseElement';
import usePanel from '@/components/BpmnDesign/hooks/usePanel'; import usePanel from '@/components/BpmnDesign/hooks/usePanel';
import { ModdleElement } from 'bpmn'; import { ModdleElement } from 'bpmn';
import { StartEndPanel } from 'bpmnDesign'; import { ParticipantPanel } from 'bpmnDesign';
interface PropType { interface PropType {
element: ModdleElement; element: ModdleElement;
} }
const props = withDefaults(defineProps<PropType>(), {}); const props = withDefaults(defineProps<PropType>(), {});
const { nameChange, idChange } = usePanel({ const { nameChange, idChange } = usePanel({
element: toRaw(props.element) element: toRaw(props.element)
@ -55,7 +56,7 @@ const { parseData } = useParseElement({
element: toRaw(props.element) element: toRaw(props.element)
}); });
const formData = ref(parseData<StartEndPanel>()); const formData = ref(parseData<ParticipantPanel>());
const currentCollapseItem = ref(['1', '2']); const currentCollapseItem = ref(['1', '2']);
const formRules = ref<ElFormRules>({ const formRules = ref<ElFormRules>({
id: [{ required: true, message: '请输入', trigger: 'blur' }], id: [{ required: true, message: '请输入', trigger: 'blur' }],

16
src/types/bpmn/panel.d.ts vendored
View File

@ -72,4 +72,20 @@ declare module 'bpmnDesign' {
conditionExpressionValue: string; conditionExpressionValue: string;
skipExpression: string; skipExpression: string;
} }
export interface ParticipantPanel extends BasePanel {}
export interface SubProcessPanel extends BasePanel {
multiInstanceType: MultiInstanceTypeEnum;
collection?: string;
elementVariable?: string;
completionCondition?: string;
loopCharacteristics?: {
collection: string;
elementVariable: string;
isSequential: boolean;
completionCondition: {
body: string;
};
};
}
} }