diff --git a/web-admin/src/styles/bx/index.scss b/web-admin/src/styles/bx/index.scss index 8441073ef..f11280f9b 100644 --- a/web-admin/src/styles/bx/index.scss +++ b/web-admin/src/styles/bx/index.scss @@ -825,12 +825,6 @@ } } -.dlg-note { - margin: 0 0 16px; - font-size: 13px; - color: var(--text-muted); -} - .flow-scroll { max-height: 320px; overflow-y: auto; @@ -877,6 +871,7 @@ } .form-section { + margin-top: 28px; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px dashed var(--border); @@ -888,6 +883,16 @@ padding-bottom: 0; } +/* 顶部基础字段表单 → 下方分块小标题 */ +.bx-dialog-form + .form-section { + margin-top: 28px; +} + +/* 分块结束后接备注等表单项时,保留与上方的间距 */ +.form-section + .bx-dialog-form { + margin-top: 28px; +} + .form-section h4 { margin: 0 0 12px; font-size: 13px; @@ -988,12 +993,8 @@ background: var(--row-alt); } -/* 报销新增/编辑弹窗:label 左、控件右,垂直居中,label 可换行(栅格列数不变) */ +/* 报销新增/编辑弹窗:label 上、控件下(与 Fresh Mint label-position=top 一致) */ .bx-dialog-form { - .el-form-item { - align-items: center; - } - [class*='form-grid-'] > .el-form-item { margin-bottom: 0; } @@ -1007,8 +1008,8 @@ word-break: break-word; line-height: 1.45; height: auto !important; - padding-right: 12px; - align-self: center; + padding-bottom: 6px; + justify-content: flex-start; } .el-form-item__content { diff --git a/web-admin/src/views/bx/advance/apply/index.vue b/web-admin/src/views/bx/advance/apply/index.vue index 547aadbba..9a2fce4dd 100644 --- a/web-admin/src/views/bx/advance/apply/index.vue +++ b/web-admin/src/views/bx/advance/apply/index.vue @@ -266,13 +266,11 @@ destroy-on-close :close-on-click-modal="false" > -

提交后进入顺序审批流程,可在「查看审批流」中确认节点与审批人。

- +
diff --git a/web-admin/src/views/bx/advance/issue/index.vue b/web-admin/src/views/bx/advance/issue/index.vue index 6c0636e10..34a32b40a 100644 --- a/web-admin/src/views/bx/advance/issue/index.vue +++ b/web-admin/src/views/bx/advance/issue/index.vue @@ -411,7 +411,7 @@ destroy-on-close :close-on-click-modal="false" > - +
diff --git a/web-admin/src/views/bx/expense-item/index.vue b/web-admin/src/views/bx/expense-item/index.vue index 8f1e6dc62..2b55a7002 100644 --- a/web-admin/src/views/bx/expense-item/index.vue +++ b/web-admin/src/views/bx/expense-item/index.vue @@ -197,8 +197,7 @@ ref="addFormRef" :model="formData" :rules="formRules" - label-position="right" - label-width="100px" + label-position="top" class="bx-dialog-form" scroll-to-error :scroll-into-view-options="{ behavior: 'smooth', block: 'center' }" @@ -251,8 +250,7 @@ ref="editFormRef" :model="formData" :rules="formRules" - label-position="right" - label-width="100px" + label-position="top" class="bx-dialog-form" scroll-to-error :scroll-into-view-options="{ behavior: 'smooth', block: 'center' }" @@ -319,8 +317,7 @@ ref="addChildFormRef" :model="formData" :rules="formRules" - label-position="right" - label-width="100px" + label-position="top" class="bx-dialog-form" scroll-to-error :scroll-into-view-options="{ behavior: 'smooth', block: 'center' }" diff --git a/web-admin/src/views/bx/payment/index.vue b/web-admin/src/views/bx/payment/index.vue index 0fa383809..14b9d3c57 100644 --- a/web-admin/src/views/bx/payment/index.vue +++ b/web-admin/src/views/bx/payment/index.vue @@ -465,7 +465,7 @@ destroy-on-close :close-on-click-modal="false" > - +
@@ -510,7 +510,7 @@ destroy-on-close :close-on-click-modal="false" > - +

报销单信息

diff --git a/web-admin/src/views/bx/reimburse/apply/index.vue b/web-admin/src/views/bx/reimburse/apply/index.vue index c5dc8e8fe..ddf7e4402 100644 --- a/web-admin/src/views/bx/reimburse/apply/index.vue +++ b/web-admin/src/views/bx/reimburse/apply/index.vue @@ -240,9 +240,7 @@ destroy-on-close :close-on-click-modal="false" > -

提交后进入顺序审批流程,可在「查看审批流」中确认节点与审批人。

- - +
- + diff --git a/web-admin/src/views/bx/reimburse/approve/index.vue b/web-admin/src/views/bx/reimburse/approve/index.vue index 645854769..67ea88ad9 100644 --- a/web-admin/src/views/bx/reimburse/approve/index.vue +++ b/web-admin/src/views/bx/reimburse/approve/index.vue @@ -547,7 +547,7 @@ destroy-on-close :close-on-click-modal="false" > - +
diff --git a/web-admin/src/views/bx/view/todo/index.vue b/web-admin/src/views/bx/view/todo/index.vue index 3fa9eedc3..7f671ceb0 100644 --- a/web-admin/src/views/bx/view/todo/index.vue +++ b/web-admin/src/views/bx/view/todo/index.vue @@ -267,7 +267,7 @@ destroy-on-close :close-on-click-modal="false" > - + diff --git a/web-admin/src/views/bx/workflow/advance/index.vue b/web-admin/src/views/bx/workflow/advance/index.vue index 4990966dd..b3851c7b7 100644 --- a/web-admin/src/views/bx/workflow/advance/index.vue +++ b/web-admin/src/views/bx/workflow/advance/index.vue @@ -136,8 +136,7 @@ ref="addFormRef" :model="formData" :rules="formRules" - label-position="right" - label-width="100px" + label-position="top" class="bx-dialog-form" scroll-to-error :scroll-into-view-options="{ behavior: 'smooth', block: 'center' }" @@ -186,8 +185,7 @@ ref="editFormRef" :model="formData" :rules="formRules" - label-position="right" - label-width="100px" + label-position="top" class="bx-dialog-form" scroll-to-error :scroll-into-view-options="{ behavior: 'smooth', block: 'center' }" diff --git a/web-admin/src/views/bx/workflow/reimburse/index.vue b/web-admin/src/views/bx/workflow/reimburse/index.vue index c6eb5708b..ac24208bd 100644 --- a/web-admin/src/views/bx/workflow/reimburse/index.vue +++ b/web-admin/src/views/bx/workflow/reimburse/index.vue @@ -136,8 +136,7 @@ ref="addFormRef" :model="formData" :rules="formRules" - label-position="right" - label-width="100px" + label-position="top" class="bx-dialog-form" scroll-to-error :scroll-into-view-options="{ behavior: 'smooth', block: 'center' }" @@ -186,8 +185,7 @@ ref="editFormRef" :model="formData" :rules="formRules" - label-position="right" - label-width="100px" + label-position="top" class="bx-dialog-form" scroll-to-error :scroll-into-view-options="{ behavior: 'smooth', block: 'center' }"