From 5f2eee8d2a1061638ed87fe301714e647c6172c8 Mon Sep 17 00:00:00 2001 From: ye1023 <12588209+ye1023@user.noreply.gitee.com> Date: Thu, 13 Aug 2026 10:03:03 +0800 Subject: [PATCH] =?UTF-8?q?yxk-20260813=20=E6=8A=8A=E6=8A=8A=E8=84=89?= =?UTF-8?q?=E3=80=81=E4=B9=A0=E6=80=BB=E4=B9=A6=E8=AE=B0=E8=AE=B2=E8=AF=9D?= =?UTF-8?q?=E3=80=81=E5=B7=A1=E8=A7=86=E6=95=B4=E6=94=B9=E7=9A=84=E9=83=A8?= =?UTF-8?q?=E9=97=A8=E8=B4=9F=E8=B4=A3=E4=BA=BA=E5=88=86=E9=85=8D=E8=8A=82?= =?UTF-8?q?=E7=82=B9=EF=BC=9A=E6=98=AF=E5=90=A6=E5=8A=9E=E7=BB=93=E3=80=81?= =?UTF-8?q?=E9=83=A8=E9=97=A8=E7=BB=8F=E5=8A=9E=E4=BA=BA=E7=9A=84=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/BgTakepulseBPMForm.vue | 19 ++++++++++++++---- .../xispeak/components/BgXiSpeakBPMForm.vue | 20 ++++++++++++++----- .../components/DqInspectTaskBPMForm.vue | 20 ++++++++++++++----- 3 files changed, 45 insertions(+), 14 deletions(-) diff --git a/src/views/bg/bqtakepulse/components/BgTakepulseBPMForm.vue b/src/views/bg/bqtakepulse/components/BgTakepulseBPMForm.vue index f9dbc7d..abb5b84 100644 --- a/src/views/bg/bqtakepulse/components/BgTakepulseBPMForm.vue +++ b/src/views/bg/bqtakepulse/components/BgTakepulseBPMForm.vue @@ -229,17 +229,18 @@ - - + + 否（分配部门经办人） 是（办结） - - + + @@ -318,6 +319,10 @@ const wrapperCol = { xs: { span: 24 }, sm: { span: 17 } }; const wideLabelCol = { xs: { span: 24 }, sm: { span: 3 } }; const wideWrapperCol = { xs: { span: 24 }, sm: { span: 21 } }; + // 流程变量区桌面端整体右移并缩短标签列，兼顾左侧留白与标签、控件间距。 + const processLabelCol = { xs: { span: 24 }, sm: { span: 4 }, md: { span: 2 } }; + const processWideWrapperCol = { xs: { span: 24 }, sm: { span: 20 }, md: { span: 22 } }; + const processUserWrapperCol = { xs: { span: 24 }, sm: { span: 20 }, md: { span: 9 } }; const feedbackModalRef = ref(); const loading = ref(false); @@ -1133,6 +1138,12 @@ margin-bottom: 8px; } + // 限制经办人选人框与按钮的整体宽度，窄屏下仍可缩小到可用区域内。 + .process-user-selector { + width: 300px; + max-width: 100%; + } + :deep(.ant-divider-horizontal) { margin: 10px 0; } diff --git a/src/views/bg/xispeak/components/BgXiSpeakBPMForm.vue b/src/views/bg/xispeak/components/BgXiSpeakBPMForm.vue index eee2579..c73966f 100644 --- a/src/views/bg/xispeak/components/BgXiSpeakBPMForm.vue +++ b/src/views/bg/xispeak/components/BgXiSpeakBPMForm.vue @@ -236,17 +236,17 @@ - - + + 否（分配部门经办人） 是（办结） - - - + + + @@ -319,6 +319,10 @@ import { const wideWrapperCol = { xs: { span: 24 }, sm: { span: 17 } }; const compactLabelCol = { xs: { span: 24 }, sm: { span: 5 } }; const compactWrapperCol = { xs: { span: 24 }, sm: { span: 19 } }; + // 流程变量区桌面端整体右移并缩短标签列，兼顾左侧留白与标签、控件间距。 + const processLabelCol = { xs: { span: 24 }, sm: { span: 4 }, md: { span: 2 } }; + const processWideWrapperCol = { xs: { span: 24 }, sm: { span: 20 }, md: { span: 22 } }; + const processUserWrapperCol = { xs: { span: 24 }, sm: { span: 20 }, md: { span: 9 } }; const feedbackModalRef = ref(); const loading = ref(false); @@ -1021,6 +1025,12 @@ import { margin-bottom: 8px; } + // 限制经办人选人框与按钮的整体宽度，窄屏下仍可缩小到可用区域内。 + .process-user-selector { + width: 300px; + max-width: 100%; + } + .sub-approve-user-row { display: flex; width: 100%; diff --git a/src/views/dq/inspectTask/components/DqInspectTaskBPMForm.vue b/src/views/dq/inspectTask/components/DqInspectTaskBPMForm.vue index 6f0085b..e18bd29 100644 --- a/src/views/dq/inspectTask/components/DqInspectTaskBPMForm.vue +++ b/src/views/dq/inspectTask/components/DqInspectTaskBPMForm.vue @@ -184,17 +184,17 @@ - - + + 否（分配部门经办人） 是（办结） - - - + + + @@ -271,6 +271,10 @@ import { buildDeptLeaderAssignReason, normalizeDeptNames } from '/@/composables/ const wrapperCol = { xs: { span: 24 }, sm: { span: 17 } }; const wideLabelCol = { xs: { span: 24 }, sm: { span: 7 } }; const wideWrapperCol = { xs: { span: 24 }, sm: { span: 17 } }; + // 流程变量区桌面端整体右移并缩短标签列，兼顾左侧留白与标签、控件间距。 + const processLabelCol = { xs: { span: 24 }, sm: { span: 4 }, md: { span: 2 } }; + const processWideWrapperCol = { xs: { span: 24 }, sm: { span: 20 }, md: { span: 22 } }; + const processUserWrapperCol = { xs: { span: 24 }, sm: { span: 20 }, md: { span: 9 } }; @@ -960,6 +964,12 @@ import { buildDeptLeaderAssignReason, normalizeDeptNames } from '/@/composables/ margin-bottom: 8px; } + // 限制经办人选人框与按钮的整体宽度，窄屏下仍可缩小到可用区域内。 + .process-user-selector { + width: 300px; + max-width: 100%; + } + :deep(.ant-divider-horizontal) { margin: 10px 0; }