sz-team/supervision-test-frontend-repo
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

yxk-20260813

Browse Source 
是否办结、部门经办人的样式调整
This commit is contained in:
ye1023
2026-08-13 09:42:27 +08:00
parent 59b25340f5
commit a0eecef9e1
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue
+15 -5
View File
@@ -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%;