修改首页

马宇豪

2024-11-28 62feaa429971245b5837c456ef830e87a75b7a14

 src/views/hazardousChemicals/warehouseManage/components/addProDialog.vue

@@ -51,7 +51,7 @@
            />
          </el-select>
        </el-form-item>
        <el-form-item label="最小包装数量:" prop="num" >
        <el-form-item label="数量:" prop="num" >
          <el-input v-model.trim="state.form.num" oninput="value=value.replace(/^\.+|[^\d]/g,'')" placeholder="请输入最小包装数量" @input="changeNum"></el-input>
        </el-form-item>
        <el-form-item label="批号:" prop="batchNo" >
@@ -84,6 +84,18 @@
const length = ref()
const emit = defineEmits(["getList"]);

const validateNum = (rule, value, callback)=>{
  if(value === ''){
    callback(new Error('请输入最小包装数量'))
  }else{
    if(choosePro.value && value > choosePro.value.maxEntry ){
      callback(new Error(`输入数量不能大于单次入库最大数量(${choosePro.value.maxEntry})`))
    }else {
      callback()
    }

  }
}

const state = reactive({
  form: {
@@ -97,7 +109,7 @@

  },
  formRules:{
    num: [{ required: true, trigger: "blur", message: '请输入最小包装数量' }],
    num: [{ required: true, trigger: "blur", validator: validateNum }],
    warehouseName: [{ required: true, trigger: "blur", message: '请选择入库仓库' }],
    basicName: [{ required: true, trigger: "blur", message: '请选择入库成品' }],
    // batchNo: [{ required: true, trigger: "blur", message: '请输入批号' }]
@@ -111,13 +123,14 @@
const openDialog = async (type, value) => {
  await getProBasic("")
  await getWareHouseList("")

  state.form.batchNo = moment(new Date()).format("YYYYMMDD")
  title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑':'' ;
  if(type === 'edit' ) {
    state.form = value;
    state.form.basicName = value.productBasic.name
    state.form.basicName = value.productBasic.name + '—' + value.productBasic.productSn + ' (' + value.productBasic.metering +value.productBasic.unit+') '
    state.form.warehouseName = value.warehouse.name;
    choosePro.value = value.productBasic
    choosePro.value.name = value.productBasic.name + '—' + value.productBasic.productSn + ' (' + value.productBasic.metering + value.productBasic.unit+') '
    changeNum()
  }
  dialogVisible.value = true;
@@ -136,7 +149,13 @@
  }
  const res = await getFinishBasicList(param)
  if(res.code == 200){
    state.proList = res.data.list
    state.proList = res.data.list.map(item => {
      return{
        ...item,
        name: item.name + '—' + item.productSn + ' (' + item.metering +item.unit+') '

      }
    })
  }else{
    ElMessage.warning(res.message)
  }
@@ -165,9 +184,9 @@
  const valid = await busRef.value.validate();
  if(valid){
    if(title.value === '新增'){
      if(state.form.batchNo == ''){
        state.form.batchNo = moment(new Date()).format("YYYY-MM-DD")
      }
      // if(state.form.batchNo == ''){
      //   state.form.batchNo = moment(new Date()).format("YYYY-MM-DD")
      // }
      const {id, ...data} = JSON.parse(JSON.stringify(state.form))
      const res = await addProductRecord(data)
      if(res.code === 200){
@@ -183,9 +202,9 @@
      reset();
      dialogVisible.value = false;
    }else if(title.value === '编辑'){
      if(state.form.batchNo == ''){
        state.form.batchNo = moment(new Date()).format("YYYY-MM-DD")
      }
      // if(state.form.batchNo == ''){
      //   state.form.batchNo = moment(new Date()).format("YYYY-MM-DD")
      // }
      const {...data} = JSON.parse(JSON.stringify(state.form))
      const res = await editProductRecord(data)
      if(res.code === 200){
@@ -210,12 +229,13 @@
      state.form.basicId = item.id
      console.log('item',item)
      choosePro.value = item;
      changeNum()
    }
  })
}
const changeNum = () => {
  const minPackageType = choosePro.value.minPackage == 0 ? '瓶' :choosePro.value.minPackage == 1?'袋':choosePro.value.minPackage == 2?'桶 ':choosePro.value.minPackage == 3?'盒':choosePro.value.minPackage == 4?'箱':'其他'
  state.message = `您将入库 { ${choosePro.value.name} }，编号：{ ${choosePro.value.productSn} }，最小包装${choosePro.value.metering}${choosePro.value.unit}，类别：${minPackageType}。 \n 共计：${state.form.num}${minPackageType}`
  state.message = `您将入库 { ${choosePro.value.name.substring(0,choosePro.value.name.lastIndexOf('—'))    } }，编号：{ ${choosePro.value.productSn} }，最小包装${choosePro.value.metering}${choosePro.value.unit}，类别：${minPackageType}。 \n 共计：${state.form.num}${minPackageType}`
}
const selectWareValue = (val) => {
  state.wareHouseList.forEach(item => {