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 @@
         </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">
+            <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"
                 />
@@ -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 @@
         </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" @confirm="setDisplayNames" />
+            <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" @confirm="setDisplayNames" />
               </a-form-item>
             </a-col>
           </a-row>
@@ -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 @@
         </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" @confirm="onSubApproveUserConfirm" />
+            <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" @confirm="onSubApproveUserConfirm" />
               </a-form-item>
             </a-col>
           </a-row>
@@ -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;
   }