yxk-20260813
把把脉、习总书记讲话、巡视整改的部门负责人分配节点:是否办结、部门经办人的样式调整
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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%;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user