zhouwx
2025-04-18 39868da3de6192d19dfd316c8be1c080b2d3ebe7
src/views/hazardousChemicals/warehouseManage/components/addProDialog.vue
@@ -51,6 +51,20 @@
            />
          </el-select>
        </el-form-item>
        <el-form-item label="存储柜:" prop="cupboardId" >
          <el-select
              v-model="state.form.cupboardId"
              placeholder="请选择存储柜"
              style="width: 100%"
          >
            <el-option
                v-for="item in state.cupList"
                :key="item.id"
                :label="item.cupboardName"
                :value="item.id"
            />
          </el-select>
        </el-form-item>
        <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>
@@ -73,7 +87,7 @@
<script setup>
import {reactive, ref, toRefs} from 'vue'
import {ElMessage} from "element-plus";
import {getWarehouse} from "@/api/hazardousChemicals/warehouse";
import {getCupById, getWarehouse} from "@/api/hazardousChemicals/warehouse";
import {addProductRecord, editProductRecord, getProductRecord} from "@/api/hazardousChemicals/productRecord";
import {getFinishBasicList} from "@/api/hazardousChemicals/finishedBasicInfo";
import moment from "moment";
@@ -88,8 +102,8 @@
  if(value === ''){
    callback(new Error('请输入最小包装数量'))
  }else{
    if(value > choosePro.value.maxEntry ){
      callback(new Error('输入数量不能大于单次入库最大数量'))
    if(choosePro.value && value > choosePro.value.maxEntry ){
      callback(new Error(`输入数量不能大于单次入库最大数量(${choosePro.value.maxEntry})`))
    }else {
      callback()
    }
@@ -105,13 +119,16 @@
    warehouseName: '',
    warehouseId: null,
    num: null,
    batchNo: ''
    batchNo: '',
    cupboardName: '',
    cupboardId: null,
  },
  formRules:{
    num: [{ required: true, trigger: "blur", validator: validateNum }],
    warehouseName: [{ required: true, trigger: "blur", message: '请选择入库仓库' }],
    basicName: [{ required: true, trigger: "blur", message: '请选择入库成品' }],
    cupboardId: [{ required: true, trigger: "blur", message: '请选择存储柜' }]
    // batchNo: [{ required: true, trigger: "blur", message: '请输入批号' }]
  },
  proList: [],
@@ -126,10 +143,13 @@
  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
    await getCupList(value.warehouseId)
    state.form = JSON.parse(JSON.stringify(value));
    state.form.cupboardId = state.form.cupboard && state.form.cupboard.id ?state.form.cupboard.id : null
    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;
@@ -148,7 +168,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)
  }
@@ -167,13 +193,7 @@
  }
  const res = await getWarehouse(param)
  if(res.code == 200){
    state.wareHouseList = res.data.list.map(item => {
      return{
        ...item,
        name: item.name + '—' + item.productSn + '(' + item.metering +item.unit+')'
      }
    })
    state.wareHouseList = res.data.list
  }else{
    ElMessage.warning(res.message)
  }
@@ -228,21 +248,32 @@
      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.form.cupboardId = null
  state.wareHouseList.forEach(item => {
    if(item.name === val){
      state.form.warehouseId = item.id
      getCupList(item.id)
    }
  })
}
const getCupList = async (val) => {
  const res = await getCupById(val)
  if(res.code == 200) {
    state.cupList = res.data
  }else {
    ElMessage.warning(res.message)
  }
}
const handleClose = () => {
  busRef.value.clearValidate();
  reset();
@@ -257,7 +288,9 @@
    warehouseName: '',
    warehouseId: null,
    num: null,
    batchNo: ''
    batchNo: '',
    cupboardName: '',
    cupboardId: null,
  }
  state.proList = [];
  state.wareHouseList = [];