| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="不良原因:" prop="defectiveReason"> |
| | | <el-select v-model="form.defectiveReason" placeholder="请选择" clearable style="width: 100%"> |
| | | <el-option |
| | | v-for="dict in defective_reason" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | <el-form-item label="合格数量:" prop="qualifiedQuantity"> |
| | | <el-input-number :step="0.01" :min="0" style="width: 100%" v-model="form.qualifiedQuantity" placeholder="请输入" clearable :precision="2" disabled/> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | </el-row> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="检测单位:" prop="checkCompany"> |
| | | <el-input v-model="form.checkCompany" placeholder="请输入" clearable/> |
| | | <el-form-item label="不良原因:" prop="defectiveReason"> |
| | | <el-select v-model="form.defectiveReason" placeholder="请选择" clearable style="width: 100%"> |
| | | <el-option |
| | | v-for="dict in defective_reason" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="检测结果:" prop="checkResult"> |
| | | <el-select v-model="form.checkResult"> |
| | | <el-option label="合格" value="合格" /> |
| | | <el-option label="不合格" value="不合格" /> |
| | | </el-select> |
| | | <el-form-item label="检测单位:" prop="checkCompany"> |
| | | <el-input v-model="form.checkCompany" placeholder="请输入" clearable/> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="检验员:" prop="checkName"> |
| | | <el-select v-model="form.checkName" placeholder="请选择" clearable> |
| | | <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" |
| | | :value="item.nickName"/> |
| | | </el-select> |
| | | <el-select v-model="form.checkName" placeholder="请选择" clearable> |
| | | <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" |
| | | :value="item.nickName"/> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="检测结果:" prop="checkResult"> |
| | | <el-select v-model="form.checkResult"> |
| | | <el-option label="合格" value="合格" /> |
| | | <el-option label="不合格" value="不合格" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="检测日期:" prop="checkTime"> |
| | |
| | | // 监听不良数量变化,自动更新数量 |
| | | // 当 defectiveQuantity 增加时,quantity 减少;当 defectiveQuantity 减少时,quantity 增加 |
| | | watch(() => form.value.defectiveQuantity, (newVal, oldVal) => { |
| | | const newDefectiveQty = Number(newVal) || 0; |
| | | const oldDefectiveQty = Number(oldVal) || 0; |
| | | const currentQuantity = Number(form.value.quantity) || 0; |
| | | |
| | | // 计算变化量:新值 - 旧值 |
| | | const changeAmount = newDefectiveQty - oldDefectiveQty; |
| | | |
| | | // quantity 反向变化 |
| | | form.value.quantity = Number((currentQuantity - changeAmount).toFixed(2)); |
| | | if (newVal > form.value.quantity) { |
| | | form.value.defectiveQuantity = form.value.quantity; |
| | | } |
| | | form.value.qualifiedQuantity = Number((form.value.quantity - newVal).toFixed(2)); |
| | | }); |
| | | |
| | | // 监听总数量变化,自动更新合格数量 |
| | | watch(() => form.value.quantity, (newVal, oldVal) => { |
| | | const totalQty = Number(newVal) || 0; |
| | | const defectiveQty = Number(form.value.defectiveQuantity) || 0; |
| | | |
| | | // 确保不良数量不超过总数量 |
| | | if (defectiveQty > totalQty) { |
| | | form.value.defectiveQuantity = totalQty; |
| | | } |
| | | |
| | | console.log(totalQty); |
| | | // 计算合格数量 |
| | | form.value.qualifiedQuantity = Number((totalQty - defectiveQty).toFixed(2)); |
| | | }); |
| | | |
| | | // 打开弹框 |