优化pda显示效果

dev_wms_client/src/layout/pda.vue

@@ -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>