b2894lxlx/tms-erp-web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style(forms): 全站表单项间距统一调整为14px

Browse Source 
- 统一调整settlement、business、payment模块以及全局样式中.el-form-item的margin-bottom从16/18/20px改为14px
- 保留搜索栏相关的.el-form-item间距为8px和特殊分组risk-disposal的28px
- 修正多个页面和组件的局部样式覆盖问题，确保填写区表单项间距一致
- 更新element-ui.scss中.dialog-form--carded对应的margin-bottom为14px
- 维护部分表单组件原本使用的重要样式不变，保证视觉统一且不影响特殊布局
This commit is contained in:
赵忠林
2026-08-26 15:38:39 +08:00
parent dca137df8d
commit c3f05a342e
19 changed files with 46 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/business/components/business-crud-page.vue
+2 -2
View File
@@ -13377,7 +13377,7 @@ export default {
&__dispatch-shipping-form {
:deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
}
@@ -13891,7 +13891,7 @@ export default {
width: 100%;
:deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
:deep(.el-select),
src/views/business/components/master-order-dispatch.vue
+1 -1
View File
@@ -697,7 +697,7 @@ export default {
.route-overview__line { flex: 0 1 56px; min-width: 24px; height: 32px; margin-top: 0; border-bottom: 6px solid #e4e7ed; }
.segment-header { min-height: 46px; padding: 0 20px; border-bottom: 1px solid #eff1f7; font-weight: 600; em { color: #409eff; font-style: normal; } }
.segment-content { padding: 16px 24px; }
.dispatch-form { :deep(.el-form-item) { margin-bottom: 16px; } :deep(.el-input), :deep(.el-select), :deep(.el-date-editor), :deep(.el-input-number) { width: 100%; } :deep(.el-input-group__append .el-select) { width: auto; } }
.dispatch-form { :deep(.el-form-item) { margin-bottom: 14px; } :deep(.el-input), :deep(.el-select), :deep(.el-date-editor), :deep(.el-input-number) { width: 100%; } :deep(.el-input-group__append .el-select) { width: auto; } }
.transport-type-field :deep(.el-input) { width: 240px; }
.goods-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 -24px 12px; padding: 14px 24px; border-top: 1px solid #eff1f7; border-bottom: 1px solid #eff1f7; h3 { margin: 0; padding-left: 12px; border-left: 4px solid #409eff; font-size: 16px; } span { color: #909399; font-size: 13px; } }
.freight-heading { margin: 16px 0 12px; h3 { margin: 0; padding-left: 12px; border-left: 4px solid #409eff; font-size: 16px; } }
src/views/business/contract-manage.vue
+1 -1
View File
@@ -2250,7 +2250,7 @@ export default {
:deep(.el-form-item) {
align-items: center;
margin-bottom: 16px;
margin-bottom: 14px;
}
:deep(.el-form-item__label) {
src/views/business/loading-manage.vue
+1 -1
View File
@@ -2748,7 +2748,7 @@ export default {
}
:deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
:deep(.el-form-item__label) {
src/views/business/project-apply.vue
+1 -1
View File
@@ -2088,7 +2088,7 @@ export default {
}
:deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
:deep(.el-form-item__label) {
src/views/business/voucher-manage.vue
+1 -1
View File
@@ -1019,7 +1019,7 @@ load();
display: none;
}
&__upload-form :deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
&__upload-tip {
margin-left: 16px;
src/views/payment/bill-ledger-form.vue
+1 -1
View File
@@ -561,7 +561,7 @@ export default {
<style scoped lang="scss">
.bill-ledger-form-page__form :deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
.bill-ledger-form-page__basic-grid {
display: grid;
src/views/payment/bill-payment-form.vue
+1 -1
View File
@@ -379,7 +379,7 @@ export default {
<style scoped lang="scss">
.bill-payment-form-page__form :deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
.bill-payment-form-page__form :deep(.el-input),
.bill-payment-form-page__form :deep(.el-input-number),
src/views/payment/invoice-receipt-form.vue
+1 -1
View File
@@ -752,7 +752,7 @@ export default {
<style scoped lang="scss">
.receipt-form-page__form :deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
.receipt-form-page__form :deep(.el-select),
.receipt-form-page__form :deep(.el-input-number) {
src/views/payment/payment-application-form.vue
+1 -1
View File
@@ -1321,7 +1321,7 @@ export default {
display: inline-flex;
}
.payment-form-page :deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
.payment-form-page :deep(.el-input-number .el-input__inner) {
text-align: left;
src/views/settlement/components/formal-settlement-editor.vue
+1 -1
View File
@@ -1557,7 +1557,7 @@ export default {
gap: 8px;
}
.formal-editor :deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
.formal-editor :deep(.el-form-item__content) {
line-height: normal;
src/views/settlement/components/pre-settlement-editor.vue
+1 -1
View File
@@ -1634,7 +1634,7 @@ export default {
}
:deep(.pre-settlement-editor .el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
:deep(.pre-settlement-editor .el-table),
src/views/settlement/components/settlement-adjustment-editor.vue
+1 -1
View File
@@ -557,7 +557,7 @@ export default {
gap: 8px;
}
.settlement-adjustment-editor :deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
.settlement-adjustment-editor :deep(.el-table) {
--el-table-border-color: #eff1f7;
src/views/settlement/components/transport-reconciliation-editor.vue
+1 -1
View File
@@ -802,7 +802,7 @@ export default {
display: none;
}
.reconciliation-editor :deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
}
.reconciliation-editor :deep(.el-table) {
--el-table-border-color: #eff1f7;
src/views/settlement/receivable-payable-detail.vue
+1 -1
View File
@@ -1857,7 +1857,7 @@ export default {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
:deep(.el-form-item) {
margin-bottom: 16px;
margin-bottom: 14px;
&:last-child {
margin-bottom: 0;
src/views/system/user.vue
+1 -1
View File
@@ -1094,7 +1094,7 @@ export default {
}
.user-edit-dialog .el-form-item {
margin-bottom: 16px;
margin-bottom: 14px;
}
.user-edit-dialog .el-form-item__label {