style：任务单排产-新增计划-数量值添加校验（不能大于未计划数量）

src/views/mes/plan/PlanForm.vue

@@ -188,6 +188,7 @@ const taskList = ref<TaskVO[]>([]) // 用户列表
 const taskDetailList = ref<TaskDetailVO[]>([]) // 用户列表
 const deviceSelectDialogRef = ref()
 const selectedDeviceRows = ref<DeviceLedgerVO[]>([])
+const maxUnplannedNumber = ref<number | undefined>(undefined)
 
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -306,10 +307,45 @@ const validatePlanEndTime = (_rule: any, value: any, callback: (error?: Error) =
   }
   callback()
 }
+const getSelectedTaskDetailUnplanned = () => {
+  const detail = taskDetailList.value.find(
+    (item: any) => Number(item.id) === Number(formData.value.taskDetailId)
+  ) as any
+  if (!detail) return undefined
+  const total = Number(detail.number)
+  const planned = Number(detail.planNumber)
+  if (!Number.isFinite(total) || !Number.isFinite(planned)) return undefined
+  return Math.max(total - planned, 0)
+}
+const getPlanNumberLimit = () => {
+  const detailUnplanned = getSelectedTaskDetailUnplanned()
+  if (detailUnplanned !== undefined) return detailUnplanned
+  return maxUnplannedNumber.value
+}
+const validatePlanNumber = (_rule: any, value: any, callback: (error?: Error) => void) => {
+  if (value === undefined || value === null || value === '') {
+    callback()
+    return
+  }
+  const currentPlanNumber = Number(value)
+  if (!Number.isFinite(currentPlanNumber)) {
+    callback(new Error('计划数量必须为数字'))
+    return
+  }
+  const planNumberLimit = getPlanNumberLimit()
+  if (planNumberLimit !== undefined && currentPlanNumber > planNumberLimit) {
+    callback(new Error(`计划数量不能大于未计划数量(${planNumberLimit})`))
+    return
+  }
+  callback()
+}
 const formRules = reactive({
   taskDetailId: [{ required: true, message: t('ProductionPlan.Plan.validatorTaskDetailRequired'), trigger: 'blur' }],
   taskId: [{ required: true, message: t('ProductionPlan.Plan.validatorTaskRequired'), trigger: 'blur' }],
-  planNumber: [{ required: true, message: t('ProductionPlan.Plan.validatorPlanNumberRequired'), trigger: 'blur' }],
+  planNumber: [
+    { required: true, message: t('ProductionPlan.Plan.validatorPlanNumberRequired'), trigger: 'blur' },
+    { validator: validatePlanNumber, trigger: ['blur', 'change'] }
+  ],
   // reyaNumber: [{ required: true, message: t('ProductionPlan.Plan.validatorReyaNumberRequired'), trigger: 'blur' }],
   planStartTime: [
     { required: true, message: t('ProductionPlan.Plan.validatorPlanStartRequired'), trigger: 'blur' },
@@ -374,6 +410,7 @@ const open = async (type: string, id?: number,
   dialogTitle.value = t('action.' + type)
   formType.value = type
   resetForm()
+  maxUnplannedNumber.value = number !== undefined ? Math.max(Number(number), 0) : undefined
   formData.value.deliveryDate = taskDeliveryDate || undefined
   if(taskId) {
    formData.value.taskId = taskId
@@ -465,6 +502,7 @@ const resetForm = () => {
       finishDate: undefined,
       deliveryDate: undefined
   }
+  maxUnplannedNumber.value = undefined
   selectedDeviceRows.value = []
   formRef.value?.resetFields()
 }
@@ -474,10 +512,12 @@ const handleTaskChange = async() => {
   taskDetailList.value =await TaskApi.getTaskDetailListByTaskId(formData.value.taskId)
   formData.value.taskDetailId = undefined
   formData.value.finishDate = undefined
+  formRef.value?.validateField('planNumber')
 }
 /** 明细变化 */
 const handleTaskDetailChange = async() => {
   syncFinishDateByTaskDetail()
+  formRef.value?.validateField('planNumber')
 }
 const handlePlanStartTimeChange = () => {
   formRef.value?.validateField(['planStartTime', 'planEndTime'])