HIA24016N_PipeLineDemo.git

import { ref, onMounted, reactive, computed, Ref, watch } from 'vue'
import { injectModel } from '@/libs/Provider/Provider'
import { WmsPlaceDrawer } from '../Models/WmsPlaceDrawer'
import { ElMessage } from 'element-plus'
import isEqual from 'lodash/isEqual'
import { ConfirmBox } from '@/components/ConfirmBox/ConfirmBox'
import { cloneDeep } from 'lodash'
import {
  getAreaAreaDataList,
  getWmsEnumData,
} from '@/widgets/HIAWms/Models/Service/WmsMaterialDrawer'
 
export const useWmsPlaceDrawer = (props: any, ctx?: any) => {
  const wmsPlaceDrawer = injectModel<WmsPlaceDrawer>('wmsPlaceDrawer')
  /**
   * 用来对比的初始化数据
   */
  const initiateData: Ref<Record<string, any>> = ref({})
  const formData = ref<Record<string, any>>({})
  // ref
  const formRef = ref()
 
  const current = computed(() => {
    return props.row || null
  })
  const visible = computed({
    get() {
      return props.modelValue
    },
    set(val) {
      ctx.emit('update:modelValue', val)
    },
  })
  /**
   * 添加的form字段
   */
  const formItems = reactive([
    {
      label: '编号',
      prop: 'placeNo',
      el: 'input',
      placeholder: '请输入编号',
      rules: [{ required: true, message: '编号不能为空', trigger: 'blur' }],
    },
    {
      label: '货位类型',
      prop: 'storageTypeNo',
      el: 'select',
      options: [],
      placeholder: '请选择货位类型',
      rules: [
        { required: true, message: '货位类型不能为空', trigger: 'change' },
      ],
    },
    {
      label: '货位状态',
      prop: 'placeStatus',
      el: 'select',
      options: [],
      placeholder: '请选择货位状态',
      rules: [
        { required: true, message: '货位状态不能为空', trigger: 'change' },
      ],
    },
    {
      label: '所在库区',
      prop: 'areaCode',
      el: 'select',
      options: [],
      placeholder: '请选择所在库区',
      rules: [{ required: true, message: '所在库区不能为空', trigger: 'blur' }],
    },
    {
      label: '巷道',
      prop: 'aisle',
      el: 'input',
      placeholder: '请输入巷道',
      rules: [{ required: true, message: '巷道不能为空', trigger: 'blur' }],
    },
    {
      label: '层',
      prop: 'layerNo',
      el: 'input',
      placeholder: '请输入层',
      rules: [{ required: true, message: '层不能为空', trigger: 'blur' }],
    },
    {
      label: '排',
      prop: 'rowNo',
      el: 'input',
      placeholder: '请输入排',
    },
    {
      label: '列',
      prop: 'columnNo',
      el: 'input',
      placeholder: '请输入列',
    },
    {
      label: '是否锁定',
      prop: 'islock',
      el: 'select',
      options: [],
      placeholder: '请选择是否锁定',
      rules: [
        { required: true, message: '是否锁定不能为空', trigger: 'change' },
      ],
    },
    {
      label: '是否空托',
      prop: 'emptyContainer',
      el: 'select',
      options: [],
      placeholder: '请选择是否空托',
      rules: [
        { required: true, message: '是否空托不能为空', trigger: 'change' },
      ],
    },
    {
      label: '备注',
      el: 'input',
      placeholder: '请输入备注',
    },
  ])
  /**
   * 校验是否有数据变化
   */
  const checkIsEqualObject = () => {
    const data = {
      formData: formData.value,
    }
    const check = isEqual(initiateData.value, data)
    return check
  }
 
  const onClose = (done: () => void) => {
    if (visible.value) {
      if (checkIsEqualObject()) {
        visible.value = false
        done && done()
      } else {
        ConfirmBox('是否保存设置？')
          .then(() => {
            onConfirm()
          })
          .catch(() => {
            visible.value = false
            done && done()
          })
      }
    }
  }
  /**
   * 保存
   */
  const onConfirm = async () => {
    await formRef.value?.validate()
    const data = {
      placeNo: formData.value.placeNo, // 编号
      storageTypeNo: formData.value.storageTypeNo, // 货位类型
      placeStatus: formData.value.placeStatus, // 货位状态
      areaCode: formData.value.areaCode, // 所在库区
      aisle: formData.value.aisle, // 巷道
      rowNo: formData.value.rowNo, // 排
      columnNo: formData.value.columnNo, // 列
      layerNo: formData.value.layerNo, // 层
      islock: formData.value.islock, // 是否锁定
      emptyContainer: formData.value.emptyContainer, // 是否空托
      remark: formData.value.remark, // 备注
    }
    if (!current.value) {
      await wmsPlaceDrawer.addWmsPlace(data)
    } else {
      const id = current.value.id
      await wmsPlaceDrawer.updateWmsPlace(id, data)
    }
    ElMessage.success('保存成功')
    ctx.emit('confirm')
  }
 
  const updateCheckData = () => {
    initiateData.value = {
      formData: {
        ...formData.value,
      },
    }
  }
 
  const updateFormItemOptions = (propName: string, enumData: any[]) => {
    const item = formItems.find((item) => item.prop === propName)
    if (item && enumData) {
      item.options = enumData.map((item) => ({
        label: item.description,
        value: item.value,
      }))
    }
  }
 
  const updateFormAreaOptions = (propName: string, enumData: any[]) => {
    const item = formItems.find((item) => item.prop === propName)
    if (item && enumData) {
      item.options = enumData.map((item) => ({
        label: item.areaName,
        value: item.areaNo,
      }))
    }
  }
  /**
   * 弹窗打开获取详情
   */
  const onOpen = async () => {
    const storageTypeNoData = await getWmsEnumData({
      EnumName: 'PlaceTypeEnum',
    })
    updateFormItemOptions('storageTypeNo', storageTypeNoData)
 
    const placeStatusData = await getWmsEnumData({
      EnumName: 'PlaceStatusEnum',
    })
    updateFormItemOptions('placeStatus', placeStatusData)
    const yesNoData = await getWmsEnumData({
      EnumName: 'YesNoEnum',
    })
    updateFormItemOptions('islock', yesNoData)
    updateFormItemOptions('emptyContainer', yesNoData)
 
    const areaList = await getAreaAreaDataList()
    updateFormAreaOptions('areaCode', areaList)
 
    if (current.value) {
      const res = await wmsPlaceDrawer.getWmsPlaceDetail(current.value)
 
      formData.value = {
        placeNo: res.placeNo, // 编号
        storageTypeNo: res.storageTypeNo, // 货位类型
        placeStatus: res.placeStatus, // 货位状态
        areaCode: res.areaCode, // 所在库区
        aisle: res.aisle, // 巷道
        rowNo: res.rowNo, // 排
        columnNo: res.columnNo, // 列
        layerNo: res.layerNo, // 层
        islock: res.islock, // 是否锁定
        emptyContainer: res.emptyContainer, // 是否空托
        remark: res.remark, // 备注
        id: res.id, // 主键ID
      }
      updateCheckData()
    } else {
      formData.value = {
        storageTypeNo: 1, // 货位类型
        placeStatus: 1, // 货位状态
        areaCode: areaList[0], // 所在库区
        aisle: 1, // 巷道
        layerNo: 1, // 层
        islock: 2, // 是否锁定
        emptyContainer: 2, // 是否空托
      }
      updateCheckData()
    }
  }
 
  watch(() => current.value, onOpen)
 
  return {
    formItems,
    formData,
    visible,
    formRef,
    onOpen,
    onClose,
    onConfirm,
  }
}