1

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;
 }
 
 /* 按钮样式 */