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 13:56:16 +08:00
parent b6415c21be
commit 12458177be
2 changed files with 74 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,15 +1,41 @@
<template> <template>
<div> <div>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="80px"> <el-collapse v-model="currentCollapseItem">
<el-form-item prop="id" label="节点 ID"> <el-collapse-item name="1">
<el-input v-model="formData.id" @change="idChange"> </el-input> <template #title>
</el-form-item> <div class="collapse__title">
<el-form-item prop="name" label="节点名称"> <el-icon>
<el-input v-model="formData.name" @change="nameChange"> </el-input> <InfoFilled />
</el-form-item> </el-icon>
<el-form-item label="执行监听器" style="margin-bottom: 0"> </el-form-item> 常规
<ExecutionListener :element="element"></ExecutionListener> </div>
</el-form> </template>
<div>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="90px">
<el-form-item prop="id" label="节点 ID">
<el-input v-model="formData.id" @change="idChange"> </el-input>
</el-form-item>
<el-form-item prop="name" label="节点名称">
<el-input v-model="formData.name" @change="nameChange"> </el-input>
</el-form-item>
</el-form>
</div>
</el-collapse-item>
<el-collapse-item name="2">
<template #title>
<div class="collapse__title">
<el-icon>
<BellFilled />
</el-icon>
执行监听器
</div>
</template>
<div>
<ExecutionListener :element="element"></ExecutionListener>
</div>
</el-collapse-item>
</el-collapse>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -30,7 +56,7 @@ const { parseData } = useParseElement({
}); });
const formData = ref(parseData<StartEndPanel>()); const formData = ref(parseData<StartEndPanel>());
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' }],
name: [{ required: true, message: '请输入', trigger: 'blur' }] name: [{ required: true, message: '请输入', trigger: 'blur' }]

48
src/components/BpmnDesign/panel/StartEndPanel.vue
View File

@ -1,15 +1,41 @@
<template> <template>
<div> <div>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="80px"> <el-collapse v-model="currentCollapseItem">
<el-form-item prop="id" label="节点 ID"> <el-collapse-item name="1">
<el-input v-model="formData.id" @change="idChange"> </el-input> <template #title>
</el-form-item> <div class="collapse__title">
<el-form-item prop="name" label="节点名称"> <el-icon>
<el-input v-model="formData.name" @change="nameChange"> </el-input> <InfoFilled />
</el-form-item> </el-icon>
<el-form-item label="执行监听器" style="margin-bottom: 0"> </el-form-item> 常规
<ExecutionListener :element="element"></ExecutionListener> </div>
</el-form> </template>
<div>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="90px">
<el-form-item prop="id" label="节点 ID">
<el-input v-model="formData.id" @change="idChange"> </el-input>
</el-form-item>
<el-form-item prop="name" label="节点名称">
<el-input v-model="formData.name" @change="nameChange"> </el-input>
</el-form-item>
</el-form>
</div>
</el-collapse-item>
<el-collapse-item name="2">
<template #title>
<div class="collapse__title">
<el-icon>
<BellFilled />
</el-icon>
执行监听器
</div>
</template>
<div>
<ExecutionListener :element="element"></ExecutionListener>
</div>
</el-collapse-item>
</el-collapse>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -30,7 +56,7 @@ const { parseData } = useParseElement({
}); });
const formData = ref(parseData<StartEndPanel>()); const formData = ref(parseData<StartEndPanel>());
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' }],
name: [{ required: true, message: '请输入', trigger: 'blur' }] name: [{ required: true, message: '请输入', trigger: 'blur' }]