From a0eecef9e16b358f4a5906c30b2dc8e809462f53 Mon Sep 17 00:00:00 2001
From: ye1023 <12588209+ye1023@user.noreply.gitee.com>
Date: Thu, 13 Aug 2026 09:42:27 +0800
Subject: [PATCH] =?UTF-8?q?yxk-20260813=20=E6=98=AF=E5=90=A6=E5=8A=9E?=
 =?UTF-8?q?=E7=BB=93=E3=80=81=E9=83=A8=E9=97=A8=E7=BB=8F=E5=8A=9E=E4=BA=BA?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=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/BgPartymatterBPMForm.vue       | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue b/src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue
index 2492227..29d3281 100644
--- a/src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue
+++ b/src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue
@@ -231,17 +231,17 @@
         </div>
         <a-form v-if="showSubApproveUser" class="process-variable-form" labelAlign="left" :labelCol="labelCol" :wrapperCol="wrapperCol">
           <a-row :gutter="16">
-            <a-col :span="12">
-              <a-form-item label="是否办结" :labelCol="wideLabelCol" :wrapperCol="wideWrapperCol">
+            <a-col :xs="24" :md="{ span: 22, offset: 1 }">
+              <a-form-item label="是否办结" :labelCol="processLabelCol" :wrapperCol="processWideWrapperCol">
                 <a-radio-group v-model:value="isEnd" :disabled="savingSubApproveUser">
                   <a-radio :value="0">否（分配部门经办人）</a-radio>
                   <a-radio :value="1">是（办结）</a-radio>
                 </a-radio-group>
               </a-form-item>
             </a-col>
-            <a-col v-if="showSubApproveUserSelector" :span="12">
-              <a-form-item label="部门经办人" :labelCol="wideLabelCol" :wrapperCol="wideWrapperCol">
-                <sz-dept-user-modal v-model:value="subApproveUser" :disabled="savingSubApproveUser" />
+            <a-col v-if="showSubApproveUserSelector" :xs="24" :md="{ span: 22, offset: 1 }">
+              <a-form-item label="部门经办人" :labelCol="processLabelCol" :wrapperCol="processUserWrapperCol">
+                <sz-dept-user-modal class="process-user-selector" v-model:value="subApproveUser" :disabled="savingSubApproveUser" />
               </a-form-item>
             </a-col>
             <!--            <a-col :span="24">-->
@@ -319,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);
@@ -1197,6 +1201,12 @@
     margin-bottom: 8px;
   }
 
+  // 限制经办人选人框与按钮的整体宽度，窄屏下仍可缩小到可用区域内。
+  .process-user-selector {
+    width: 300px;
+    max-width: 100%;
+  }
+
   .sub-approve-user-row {
     display: flex;
     width: 100%;