Fix Bug #413: 医生个人报卡管理核心缺陷:医生个人报卡编辑/查看界面与门诊医生站登记报卡界面设计不统一
根因:infectiousDiseaseReportDialog.vue 中所有输入框使用了 class="underline-input" 但缺少对应的CSS定义, 导致输入框显示为 Element Plus 默认的完整边框样式,而非预期的下划线样式。 下拉框(underline-select)和地址选择器(address-selects)有对应的下划线CSS定义,但普通输入框没有, 造成编辑/查看界面与登记界面的排版视觉不一致。 修复:新增 .underline-input CSS 类定义,与 .underline-select 保持一致的下划线样式。 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -1775,6 +1775,33 @@ defineExpose({ show, showReport, close: handleClose });
|
|||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 输入框下划线样式(与 underline-select 保持一致) */
|
||||||
|
.underline-input :deep(.el-input__wrapper) {
|
||||||
|
border: none;
|
||||||
|
border-bottom: 1px solid #dcdfe6;
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.underline-input :deep(.el-input__wrapper:hover) {
|
||||||
|
border-bottom-color: #c0c4cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.underline-input :deep(.el-input__wrapper.is-focus) {
|
||||||
|
border-bottom-color: #409eff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.underline-input :deep(.el-input__inner) {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.underline-input :deep(.el-input__inner::placeholder) {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
/* 街道下拉框下划线样式 */
|
/* 街道下拉框下划线样式 */
|
||||||
.underline-select {
|
.underline-select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
Reference in New Issue
Block a user