abu/wzj-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 优化面板工具

Browse Source
This commit is contained in:
LiuHao 2024-01-21 21:33:40 +08:00
parent 0c42b14fa2
commit d27bc8be46
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/BpmnDesign/panel/TaskPanel.vue
View File

@ -2,13 +2,13 @@
<div> <div>
<el-form ref="formRef" v-model="formData" label-width="80px"> <el-form ref="formRef" v-model="formData" label-width="80px">
<el-form-item prop="id" label="节点 ID"> <el-form-item prop="id" label="节点 ID">
<el-input v-model="formData.id"> </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"> </el-input> <el-input v-model="formData.name" @change="nameChange"> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="documentation" label="节点描述"> <el-form-item prop="documentation" label="节点描述">
<el-input v-model="formData.documentation"> </el-input> <el-input v-model="formData.documentation" @change="documentationChange"> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="userType" label="人员类型"> <el-form-item prop="userType" label="人员类型">
<el-input v-model="formData.userType"> </el-input> <el-input v-model="formData.userType"> </el-input>
@ -23,6 +23,7 @@
<script setup lang="ts"> <script setup lang="ts">
import useParseElement from '@/components/BpmnDesign/hooks/useParseElement'; import useParseElement from '@/components/BpmnDesign/hooks/useParseElement';
import { TaskPanel } from 'bpmnDesign'; import { TaskPanel } from 'bpmnDesign';
import usePanel from '@/components/BpmnDesign/hooks/usePanel';
interface PropType { interface PropType {
modeler: any; modeler: any;
@ -32,6 +33,10 @@ interface PropType {
const props = withDefaults(defineProps<PropType>(), { const props = withDefaults(defineProps<PropType>(), {
categorys: () => [] categorys: () => []
}); });
const { documentationChange, nameChange, idChange } = usePanel({
modeler: props.modeler,
element: toRaw(props.element)
});
const { parse, formData } = useParseElement<TaskPanel>({ const { parse, formData } = useParseElement<TaskPanel>({
modeler: props.modeler, modeler: props.modeler,
element: toRaw(props.element) element: toRaw(props.element)