aiotagro/admin-vben
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat:【antd】优化 bpmn-process-designer penal 样式

Browse Source
This commit is contained in:
puhui999
2025-09-24 20:45:30 +08:00
parent aaa821fbee
commit 9bd1252dd6
12 changed files with 59 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web-antd/src/components/bpmn-process-designer/package/penal/flow-condition/FlowCondition.vue
View File

@@ -153,11 +153,7 @@ watch(
<template>
<div class="panel-tab__content">
<Form
:model="flowConditionForm"
:label-col="{ span: 6 }"
:wrapper-col="{ span: 18 }"
>
<Form :model="flowConditionForm">
<Form.Item label="流转类型">
<Select v-model:value="flowConditionForm.type" @change="updateFlowType">
<Select.Option value="normal">普通流转路径</Select.Option>

2
apps/web-antd/src/components/bpmn-process-designer/package/penal/form/ElementForm.vue
View File

@@ -305,7 +305,7 @@ watch(
<template>
<div class="panel-tab__content">
<Form :label-col="{ style: { width: '80px' } }">
<Form>
<FormItem label="流程表单">
<!-- <Input v-model:value="formKey" @change="updateElementFormKey" />-->
<Select

46
apps/web-antd/src/components/bpmn-process-designer/package/penal/listeners/ElementListeners.vue
View File

@@ -309,12 +309,7 @@ watch(
:width="width as any"
:destroy-on-close="true"
>
<Form
:model="listenerForm"
ref="listenerFormRef"
:label-col="{ span: 6 }"
:wrapper-col="{ span: 18 }"
>
<Form :model="listenerForm" ref="listenerFormRef">
<FormItem
label="事件类型"
name="event"
@@ -462,20 +457,23 @@ watch(
</template>
</Form>
<Divider />
<p class="listener-filed__title">
<span><IconifyIcon icon="ep:menu" />注入字段：</span>
<Button type="primary" @click="openListenerFieldForm(null, -1)">
<div class="mb-2 flex justify-between">
<span class="flex items-center">
<IconifyIcon icon="ep:menu" class="mr-2 text-gray-600" />
注入字段
</span>
<Button
type="primary"
title="添加字段"
@click="openListenerFieldForm(null, -1)"
>
<template #icon>
<IconifyIcon icon="ep:plus" />
</template>
添加字段
</Button>
</p>
<Table
:data-source="fieldsListOfListener"
size="small"
:scroll="{ y: 240 }"
:pagination="false"
bordered
style="flex: none"
>
</div>
<Table :data-source="fieldsListOfListener" size="small" bordered>
<TableColumn title="序号" width="50px">
<template #default="{ index }">
{{ index + 1 }}
@@ -492,12 +490,12 @@ watch(
/>
<TableColumn
title="字段值/表达式"
width="100px"
width="120px"
:custom-render="
({ record }: any) => record.string || record.expression
"
/>
<TableColumn title="操作" width="130px">
<TableColumn title="操作" width="80px" fixed="right">
<template #default="{ record, index }">
<Button
size="small"
@@ -532,13 +530,7 @@ watch(
width="600px"
:destroy-on-close="true"
>
<Form
:model="listenerFieldForm"
ref="listenerFieldFormRef"
:label-col="{ span: 6 }"
:wrapper-col="{ span: 18 }"
style="height: 136px"
>
<Form :model="listenerFieldForm" ref="listenerFieldFormRef">
<FormItem
label="字段名称："
name="name"

2
apps/web-antd/src/components/bpmn-process-designer/package/penal/listeners/ProcessListenerDialog.vue
View File

@@ -89,7 +89,7 @@ const select = async (row: BpmProcessListenerApi.ProcessListener) => {
</template>
</Table.Column>
<Table.Column title="值" align="center" data-index="value" />
<Table.Column title="操作" align="center">
<Table.Column title="操作" align="center" fixed="right">
<template #default="{ record }">
<Button type="primary" @click="select(record)"> 选择 </Button>
</template>

31
apps/web-antd/src/components/bpmn-process-designer/package/penal/listeners/UserTaskListeners.vue
View File

@@ -1,7 +1,7 @@
<script lang="ts" setup>
import { inject, nextTick, ref, watch } from 'vue';
import { MenuOutlined, PlusOutlined, SelectOutlined } from '@vben/icons';
import { IconifyIcon, PlusOutlined, SelectOutlined } from '@vben/icons';
import { cloneDeep } from '@vben/utils';
import {
@@ -316,12 +316,7 @@ watch(
:width="width"
:destroy-on-close="true"
>
<Form
:model="listenerForm"
:label-col="{ span: 8 }"
:wrapper-col="{ span: 16 }"
ref="listenerFormRef"
>
<Form :model="listenerForm" ref="listenerFormRef">
<FormItem
label="事件类型"
name="event"
@@ -458,16 +453,22 @@ watch(
</Form>
<Divider />
<p class="listener-filed__title">
<span><MenuOutlined />注入字段：</span>
<div class="mb-2 flex justify-between">
<span class="flex items-center">
<IconifyIcon icon="ep:menu" class="mr-2 text-gray-600" />
注入字段
</span>
<Button
size="small"
type="primary"
title="添加字段"
@click="openListenerFieldForm(null)"
>
<template #icon>
<IconifyIcon icon="ep:plus" />
</template>
添加字段
</Button>
</p>
</div>
<Table
:data="fieldsListOfListener"
size="small"
@@ -533,13 +534,7 @@ watch(
:width="600"
:destroy-on-close="true"
>
<Form
:model="listenerFieldForm"
:label-col="{ span: 8 }"
:wrapper-col="{ span: 16 }"
ref="listenerFieldFormRef"
style="height: 136px"
>
<Form :model="listenerFieldForm" ref="listenerFieldFormRef">
<FormItem
label="字段名称："
name="name"

2
apps/web-antd/src/components/bpmn-process-designer/package/penal/multi-instance/ElementMultiInstance.vue
View File

@@ -421,7 +421,7 @@ watch(
</RadioGroup>
<div v-else>除了UserTask以外节点的多实例待实现</div>
<!-- 与Simple设计器配置合并，保留以前的代码 -->
<Form :label-col="{ span: 6 }" style="display: none">
<Form style="display: none">
<FormItem label="快捷配置">
<Button size="small" @click="() => changeConfig('依次审批')">
依次审批

24
apps/web-antd/src/components/bpmn-process-designer/package/penal/properties/ElementProperties.vue
View File

@@ -161,25 +161,15 @@ watch(
<template>
<div class="panel-tab__content">
<Table :data="elementPropertyList" :scroll="{ y: 240 }" bordered>
<Table :data="elementPropertyList" size="small" bordered>
<TableColumn title="序号" width="50">
<template #default="{ index }">
{{ index + 1 }}
</template>
</TableColumn>
<TableColumn
title="属性名"
data-index="name"
:min-width="100"
:ellipsis="{ showTitle: true }"
/>
<TableColumn
title="属性值"
data-index="value"
:min-width="100"
:ellipsis="{ showTitle: true }"
/>
<TableColumn title="操作" width="110">
<TableColumn title="属性名" data-index="name" />
<TableColumn title="属性值" data-index="value" />
<TableColumn title="操作">
<template #default="{ record, index }">
<Button
type="link"
@@ -215,11 +205,7 @@ watch(
:width="600"
:destroy-on-close="true"
>
<Form
:model="propertyForm"
ref="attributeFormRef"
:label-col="{ span: 6 }"
>
<Form :model="propertyForm" ref="attributeFormRef">
<FormItem label="属性名：" name="name">
<Input v-model:value="propertyForm.name" allow-clear />
</FormItem>

54
apps/web-antd/src/components/bpmn-process-designer/package/penal/signal-message/SignalAndMessage.vue
View File

@@ -84,8 +84,8 @@ onMounted(() => {
<template>
<div class="panel-tab__content">
<div class="panel-tab__content--title">
<span>
<IconifyIcon icon="ep:menu" style="margin-right: 8px; color: #555" />
<span class="flex items-center">
<IconifyIcon icon="ep:menu" class="mr-2 text-gray-600" />
消息列表
</span>
<Button type="primary" title="创建新消息" @click="openModel('message')">
@@ -95,33 +95,19 @@ onMounted(() => {
创建新消息
</Button>
</div>
<Table :data-source="messageList" :bordered="true" :pagination="false">
<Table :data-source="messageList" size="small" bordered>
<TableColumn title="序号" width="60px">
<template #default="{ index }">
{{ index + 1 }}
</template>
</TableColumn>
<TableColumn
title="消息ID"
data-index="id"
:width="300"
:ellipsis="{ showTitle: true }"
/>
<TableColumn
title="消息名称"
data-index="name"
:width="300"
:ellipsis="{ showTitle: true }"
/>
<TableColumn title="消息ID" data-index="id" />
<TableColumn title="消息名称" data-index="name" />
</Table>
<div
class="panel-tab__content--title"
style="padding-top: 8px; margin-top: 8px; border-top: 1px solid #eee"
>
<span>
<IconifyIcon icon="ep:menu" style="margin-right: 8px; color: #555">
信号列表
</IconifyIcon>
<div class="panel-tab__content--title mt-2 border-t border-gray-200 pt-2">
<span class="flex items-center">
<IconifyIcon icon="ep:menu" class="mr-2 text-gray-600" />
信号列表
</span>
<Button type="primary" title="创建新信号" @click="openModel('signal')">
<template #icon>
@@ -130,24 +116,14 @@ onMounted(() => {
创建新信号
</Button>
</div>
<Table :data-source="signalList" :bordered="true" :pagination="false">
<Table :data-source="signalList" size="small" bordered>
<TableColumn title="序号" width="60px">
<template #default="{ index }">
{{ index + 1 }}
</template>
</TableColumn>
<TableColumn
title="信号ID"
data-index="id"
:width="300"
:ellipsis="{ showTitle: true }"
/>
<TableColumn
title="信号名称"
data-index="name"
:width="300"
:ellipsis="{ showTitle: true }"
/>
<TableColumn title="信号ID" data-index="id" />
<TableColumn title="信号名称" data-index="name" />
</Table>
<Modal
@@ -157,11 +133,7 @@ onMounted(() => {
width="400px"
:destroy-on-close="true"
>
<Form
:model="modelObjectForm"
:label-col="{ span: 9 }"
:wrapper-col="{ span: 15 }"
>
<Form :model="modelObjectForm">
<FormItem :label="modelConfig.idLabel">
<Input v-model:value="modelObjectForm.id" allow-clear />
</FormItem>

2
apps/web-antd/src/components/bpmn-process-designer/package/penal/task/ElementTask.vue
View File

@@ -63,7 +63,7 @@ watch(
<template>
<div class="panel-tab__content">
<Form :label-col="{ span: 9 }" :wrapper-col="{ span: 15 }">
<Form>
<!-- add by 芋艿：由于「异步延续」暂时用不到，所以这里 display 为 none -->
<FormItem label="异步延续" style="display: none">
<Checkbox

9
apps/web-antd/src/components/bpmn-process-designer/package/penal/task/task-components/CallActivity.vue
View File

@@ -180,7 +180,7 @@ watch(
<template>
<div>
<Form :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">
<Form>
<FormItem label="实例名称">
<Input
v-model:value="formData.processInstanceName"
@@ -341,12 +341,7 @@ watch(
@ok="saveVariable"
@cancel="variableDialogVisible = false"
>
<Form
:model="varialbeFormData"
:label-col="{ span: 6 }"
:wrapper-col="{ span: 18 }"
ref="varialbeFormRef"
>
<Form :model="varialbeFormData" ref="varialbeFormRef">
<FormItem label="源：" name="source">
<Input v-model:value="varialbeFormData.source" allow-clear />
</FormItem>

2
apps/web-antd/src/components/bpmn-process-designer/package/penal/task/task-components/ReceiveTask.vue
View File

@@ -143,7 +143,7 @@ watch(
width="400px"
:destroy-on-close="true"
>
<Form :model="newMessageForm" size="small" :label-col="{ span: 6 }">
<Form :model="newMessageForm" size="small">
<Form.Item label="消息ID">
<Input v-model:value="newMessageForm.id" allow-clear />
</Form.Item>

2
apps/web-antd/src/components/bpmn-process-designer/package/penal/task/task-components/UserTask.vue
View File

@@ -344,7 +344,7 @@ onBeforeUnmount(() => {
</script>
<template>
<Form :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">
<Form>
<FormItem label="规则类型" name="candidateStrategy">
<Select
v-model:value="userTaskForm.candidateStrategy"