hhyykk/ipms-sjy-ui
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy-ui.git synced 2025-03-07 03:39:08 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

【缺陷修复】Simple 流程设计器，当横向内容过多时，左侧会被顶出去

Browse Source
This commit is contained in:
jason 2024-12-18 21:18:55 +08:00
parent 5e386336b9
commit 0ae9acdfd6
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/SimpleProcessDesignerV2/src/nodes-config/ConditionNodeConfig.vue
View File

@ -381,7 +381,7 @@ const fieldOptions = computed(() => {
/** 获取字段名称 */ /** 获取字段名称 */
const getFieldTitle = (field: string) => { const getFieldTitle = (field: string) => {
const item = fieldsInfo.find((item) => item.field === field) const item = fieldOptions.value.find((item) => item.field === field)
return item?.title return item?.title
} }

7
src/components/SimpleProcessDesignerV2/theme/simple-process-designer.scss
View File

@ -173,13 +173,16 @@
height: 100%; height: 100%;
padding-top: 32px; padding-top: 32px;
background-color: #fafafa; background-color: #fafafa;
overflow-x: auto;
width: 100%;
.simple-process-model { .simple-process-model {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
transform-origin: 50% 0 0; transform-origin: 50% 0 0;
overflow: auto; min-width: fit-content;
transform: scale(1); transform: scale(1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
background: url(@/assets/svgs/bpm/simple-process-bg.svg) 0 0 repeat; background: url(@/assets/svgs/bpm/simple-process-bg.svg) 0 0 repeat;
@ -473,6 +476,7 @@
.branch-node-container { .branch-node-container {
position: relative; position: relative;
display: flex; display: flex;
min-width: fit-content;
&::before { &::before {
position: absolute; position: absolute;
@ -548,6 +552,7 @@
background: transparent; background: transparent;
border-top: 2px solid #dedede; border-top: 2px solid #dedede;
border-bottom: 2px solid #dedede; border-bottom: 2px solid #dedede;
flex-shrink: 0;
&::before { &::before {
position: absolute; position: absolute;