ZF/yudao-ui-admin-vben
1
0
Fork 0
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git synced 2025-12-30 10:32:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: [bpm][ele] bpmn 设计器时间事件配置优化

Browse Source
This commit is contained in:
jason
2025-12-18 11:15:35 +08:00
parent 936e127c0d
commit b18353e171
3 changed files with 14 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/CycleConfig.vue
View File

@@ -211,7 +211,7 @@ watch(
<ElInput
v-model="cronStr"
readonly
class="w-[400px] font-bold"
class="!w-[400px] font-bold"
key="cronStr"
/>
</div>
@@ -273,7 +273,7 @@ watch(
:min="f.min"
:max="f.max"
size="small"
class="w-[60px]"
class="!w-[100px]"
:key="`range0-${f.key}`"
/>
到
@@ -282,7 +282,7 @@ watch(
:min="f.min"
:max="f.max"
size="small"
class="w-[60px]"
class="!w-[100px]"
:key="`range1-${f.key}`"
/>
之间每{{ f.label }}
@@ -294,7 +294,7 @@ watch(
:min="f.min"
:max="f.max"
size="small"
class="w-[60px]"
class="!w-[100px]"
:key="`step0-${f.key}`"
/>
开始每
@@ -303,7 +303,7 @@ watch(
:min="1"
:max="f.max"
size="small"
class="w-[60px]"
class="!w-[100px]"
:key="`step1-${f.key}`"
/>
{{ f.label }}
@@ -342,7 +342,7 @@ watch(
循环次数：<ElInputNumber
v-model="repeat"
:min="1"
class="w-[100px]"
class="!w-[100px]"
key="repeat"
/>
</div>
@@ -351,7 +351,7 @@ watch(
v-model="isoDate"
type="datetime"
placeholder="选择开始时间"
class="w-[200px]"
class="!w-[200px]"
key="isoDate"
/>
</div>
@@ -360,7 +360,7 @@ watch(
v-model="isoDuration"
readonly
placeholder="如P3DT30M30S"
class="w-[200px]"
class="!w-[200px]"
key="isoDuration"
/>
</div>
@@ -380,7 +380,7 @@ watch(
<ElInput
v-model="durationCustom[unit.key]"
size="small"
class="ml-2 w-[60px]"
class="ml-2 !w-[60px]"
placeholder="自定义"
@change="setDuration(unit.key, durationCustom[unit.key])"
/>

4
apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/DurationConfig.vue
View File

@@ -69,7 +69,7 @@ watch(
<template>
<div>
<div class="mb-2.5">
当前选择：<ElInput v-model="isoString" readonly class="w-[300px]" />
当前选择：<ElInput v-model="isoString" readonly class="!w-[300px]" />
</div>
<div v-for="unit in units" :key="unit.key" class="mb-2">
<span>{{ unit.label }}：</span>
@@ -86,7 +86,7 @@ watch(
<ElInput
v-model="custom[unit.key]"
size="small"
class="ml-2 w-[60px]"
class="ml-2 !w-[60px]"
placeholder="自定义"
@change="setUnit(unit.key, custom[unit.key])"
/>

11
apps/web-ele/src/views/bpm/components/bpmn-process-designer/package/penal/time-event-config/TimeEventConfig.vue
View File

@@ -1,6 +1,4 @@
<script lang="ts" setup>
import type { Dayjs } from 'dayjs';
import type { Ref } from 'vue';
import { computed, nextTick, onMounted, ref, toRaw, watch } from 'vue';
@@ -30,7 +28,7 @@ const bpmnInstances = () => (window as any).bpmnInstances;
const type: Ref<string> = ref('time');
const condition: Ref<string> = ref('');
const valid: Ref<boolean> = ref(false);
const dateValue = ref<Dayjs>();
const dateValue = ref();
const placeholder = computed<string>(() => {
if (type.value === 'time') return '请输入时间';
@@ -108,7 +106,6 @@ function validate(): boolean {
// 选择时间 Modal
const [DateModal, dateModalApi] = useVbenModal({
title: '选择时间',
class: 'w-[400px]',
onConfirm: onDateConfirm,
});
@@ -126,7 +123,6 @@ function onDateConfirm(): void {
// 持续时长 Modal
const [DurationModal, durationModalApi] = useVbenModal({
title: '时间配置',
class: 'w-[600px]',
onConfirm: onDurationConfirm,
});
@@ -141,7 +137,6 @@ function onDurationConfirm(): void {
// 循环配置 Modal
const [CycleModal, cycleModalApi] = useVbenModal({
title: '时间配置',
class: 'w-[800px]',
onConfirm: onCycleConfirm,
});
@@ -338,7 +333,7 @@ watch(
v-model="dateValue"
type="datetime"
placeholder="选择日期时间"
class="w-full"
class="!w-full"
@change="onDateChange"
/>
</DateModal>
@@ -349,7 +344,7 @@ watch(
</DurationModal>
<!-- 循环配置器 -->
<CycleModal>
<CycleModal class="w-2/3">
<CycleConfig :value="condition" @change="onCycleChange" />
</CycleModal>