diff --git a/src/views/modules/quality/com_qualityIssueDetail.vue b/src/views/modules/quality/com_qualityIssueDetail.vue index c536486..f535f66 100644 --- a/src/views/modules/quality/com_qualityIssueDetail.vue +++ b/src/views/modules/quality/com_qualityIssueDetail.vue @@ -688,13 +688,15 @@ export default { } /* 数字输入框 */ +/* 数字输入框 - 完整修复 */ /deep/ .el-input-number--small { width: 100%; + line-height: 32px; } /deep/ .el-input-number--small .el-input__inner { height: 32px; - line-height: 32px; + line-height: 32px !important; padding: 0 40px 0 10px; box-sizing: border-box; border: 1px solid #dcdfe6; @@ -704,12 +706,41 @@ export default { text-align: left; } +/* 数字输入框按钮容器 */ /deep/ .el-input-number--small .el-input-number__increase, /deep/ .el-input-number--small .el-input-number__decrease { - height: 15px; - line-height: 15px; - width: 28px; + height: 15px !important; + line-height: 10px !important; + width: 20px !important; font-size: 12px; + display: flex !important; + align-items: center !important; + justify-content: center !important; + right: 1px; +} + +/deep/ .el-input-number--small .el-input-number__increase { + top: 1px; + border-bottom: 1px solid #dcdfe6; +} + +/deep/ .el-input-number--small .el-input-number__decrease { + bottom: 1px; +} + +/* 数字输入框按钮 hover 效果 */ +/deep/ .el-input-number--small .el-input-number__increase:hover, +/deep/ .el-input-number--small .el-input-number__decrease:hover { + background-color: #ecf5ff; + color: #409eff; +} + +/* 数字输入框禁用按钮样式 */ +/deep/ .el-input-number--small .el-input-number__increase.is-disabled, +/deep/ .el-input-number--small .el-input-number__decrease.is-disabled { + background-color: #f5f7fa; + color: #c0c4cc; + cursor: not-allowed; } /* 按钮样式 */