优化pda显示效果

This commit is contained in:
杨学谦 2025-12-24 10:35:42 +08:00
parent 1621d3f5b1
commit 61631de3e7

View File

@ -24,12 +24,20 @@
</el-col>
<el-col :span="22" :offset="1">
<el-form-item label="本次实际拣选:" required>
<el-input class="form-input large-center-input" v-model="bindingData.planPickQty" clearable readonly/>
<el-input
class="form-input large-center-input highlight-pick-qty"
v-model="bindingData.planPickQty"
clearable
readonly/>
</el-form-item>
</el-col>
<el-col :span="22" :offset="1">
<el-form-item label="实际剩余数量:" required>
<el-input class="form-input large-center-input" v-model="bindingData.realRemainQty" clearable readonly/>
<el-input
class="form-input small-remain-qty"
v-model="bindingData.realRemainQty"
clearable
readonly/>
</el-form-item>
</el-col>
<el-col :span="22" :offset="1">
@ -480,4 +488,29 @@ export default {
margin-top: 10px;
font-size: 18px;
}
.highlight-pick-qty {
background-color: #dbeeff !important; /* 淡蓝色背景 */
font-weight: bold !important; /* 加粗 */
font-size: 28px !important; /* 放大字体 */
}
:deep(.highlight-pick-qty .el-input__inner) {
background-color: #dbeeff !important; /* 淡蓝色背景 */
font-weight: bold !important; /* 加粗 */
font-size: 28px !important; /* 放大字体 */
text-align: center;
height: 45px;
}
/* 新增样式:减小剩余数量字体 */
.small-remain-qty {
font-size: 16px !important;
}
:deep(.small-remain-qty .el-input__inner) {
font-size: 16px !important;
text-align: center;
height: 30px;
}
</style>