diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss index e47a785..c19dc9f 100644 --- a/src/styles/element-ui.scss +++ b/src/styles/element-ui.scss @@ -127,7 +127,7 @@ .avue-crud__search .el-form-item--small.el-form-item, .avue-crud__search .el-form-item--large.el-form-item, .avue-crud__search .el-form-item--medium.el-form-item { - margin-bottom: 1px; + margin-bottom: 8px; } .avue-crud__search .el-form-item__label { @@ -1072,8 +1072,8 @@ font-size: var(--el-form-label-font-size); } -// ============ 加深输入框 / 下拉框占位符颜色 ============ -// 客户反馈默认 placeholder 灰色(#a8abb2)太浅,统一加深一档到 #909399(Element Plus 次级文字标准灰)。 +// ============ 输入框 / 下拉框占位符与选中值颜色 ============ +// 客户反馈默认 placeholder 灰色(#a8abb2)太浅,统一加深到 #909399(Element Plus 次级文字标准灰)。 // 同时覆盖原生 input/textarea 与 el-select 的占位文本,保证全站一致。 // 注:.el-select__placeholder.is-transparent 是聚焦未选值时的透明态,无需处理。 .el-input__inner, @@ -1092,6 +1092,15 @@ } } +// 未选中:占位符用次级灰 #909399 .el-select__placeholder { color: #909399 !important; } + +// 已选中:选中文本用主文字色 #333333,与占位符明显区分。 +// 注意:Element Plus 选中值节点同时带 el-select__selected-item 与 el-select__placeholder 两个类, +// 而上面占位符规则用了 !important,故此处必须同样 !important 才能胜出(本规则 specificity 更高)。 +// 仅作用于非禁用态,禁用态保留 Element Plus 的禁用灰(--el-select-disabled-color),避免被覆盖。 +.el-select__wrapper:not(.is-disabled) .el-select__selected-item { + color: #606266 !important; +} diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue index 77f0e57..cb388b0 100644 --- a/src/views/business/contract-manage.vue +++ b/src/views/business/contract-manage.vue @@ -577,7 +577,7 @@
基本信息
- + {{ detailValue('signType') }} @@ -620,7 +620,7 @@ {{ detailUnitValue('paymentDays', '天') }} - {{ + {{ detailValue('remark') }} @@ -635,7 +635,7 @@
计费信息
- + {{ detailFeeGenerationMode }} @@ -664,7 +664,7 @@ - + {{ Number(detailSettlementRule.autoGenerate) === 1 ? '开启' : '关闭' }} @@ -2182,8 +2182,9 @@ export default { &__grid { display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - column-gap: 48px; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 24px; + row-gap: 0; } &__remark { @@ -2196,8 +2197,8 @@ export default { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; - width: 360px; - max-width: 100%; + width: 100%; + max-width: 360px; span { color: #606266; diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue index ba5b0d4..8bf015f 100644 --- a/src/views/vehicle/customer-archive.vue +++ b/src/views/vehicle/customer-archive.vue @@ -488,7 +488,6 @@ >新增联系人
- @@ -520,7 +519,6 @@ @size-change="size => handleDetailSizeChange('contact', size)" @current-change="page => handleDetailCurrentChange('contact', page)" /> -