HIA24016N_PipeLineDemo.git

import { 
  ref, 
  onMounted, 
  reactive, 
  computed, 
  Ref, 
  watch, 
  SetupContext, 
  h, 
} from 'vue' 
import { injectModel } from '@/libs/Provider/Provider' 
import { WmsTaskDrawer } from '../Models/WmsTaskDrawer' 
import { ElMessage } from 'element-plus' 
import isEqual from 'lodash/isEqual' 
import { ConfirmBox } from '@/components/ConfirmBox/ConfirmBox' 
import { cloneDeep } from 'lodash' 
 
export const useWmsTaskDrawer = (props: any, ctx?: any) => { 
  const wmsTaskDrawer = injectModel<WmsTaskDrawer>('wmsTaskDrawer') 
  /** 
   * 用来对比的初始化数据 
   */ 
  const initiateData: Ref<Record<string, any>> = ref({}) 
  const formData = ref<Record<string, any>>({}) 
  // ref 
  const formRef = ref() 
 
  const disabled = ref(false) 
 
  const current = computed(() => { 
    return props.row || null 
  }) 
 
  const inputNumber = (attrs) => { 
    return ( 
      <el-input-number 
        min="1" 
        step="1" 
        precision="0" 
        {...attrs} 
      ></el-input-number> 
    ) 
  } 
 
  const visible = computed({ 
    get() { 
      return props.modelValue 
    }, 
    set(val) { 
      ctx.emit('update:modelValue', val) 
    }, 
  }) 
  /** 
   * 添加的form字段 
   */ 
  const formItems = reactive([ 
                    { 
                   label: '任务号', 
                   prop: 'taskNo', 
                   el: 'input', 
                   //disabled: disabled, 
                   placeholder: '请输入任务号', 
              rules: [{required: true, message: '任务号不能为空', trigger: 'blur' }], 
                }, 
                { 
                   label: '任务类型', 
                   prop: 'taskType', 
                   el: 'select', 
                   //disabled: disabled, 
                   placeholder: '请输入任务类型', 
              rules: [{required: true, message: '任务类型不能为空', trigger: 'blur' }], 
                }, 
                { 
                   label: '任务等级', 
                   prop: 'taskLevel', 
                   el: (props: any, { attrs }: SetupContext) => { 
                     return h(inputNumber, {  
                       ...props,  
                       clearable: true, 
                       ...attrs,  
                     })  
                   },
                   width: '100%',
                   step: 1,
                   precision: 0, 
                   //disabled: disabled, 
                   placeholder: '请输入任务等级', 
              rules: [{required: true, message: '任务等级不能为空', trigger: 'blur' }], 
                }, 
                { 
                   label: '任务状态', 
                   prop: 'taskStatus', 
                   el: 'select', 
                   //disabled: disabled, 
                   placeholder: '请输入任务状态', 
              rules: [{required: true, message: '任务状态不能为空', trigger: 'blur' }], 
                }, 
                { 
                   label: '托盘编号', 
                   prop: 'containerNo', 
                   el: 'input', 
                   //disabled: disabled, 
                   placeholder: '请输入托盘编号', 
                }, 
                { 
                   label: '起始库位', 
                   prop: 'sourcePlace', 
                   el: 'input', 
                   //disabled: disabled, 
                   placeholder: '请输入起始库位', 
                }, 
                { 
                   label: '目标库位', 
                   prop: 'toPlace', 
                   el: 'input', 
                   //disabled: disabled, 
                   placeholder: '请输入目标库位', 
                }, 
                { 
                   label: '巷道', 
                   prop: 'aisle', 
                   el: (props: any, { attrs }: SetupContext) => { 
                     return h(inputNumber, {  
                       ...props,  
                       clearable: true, 
                       ...attrs,  
                     })  
                   },
                   width: '100%',
                   step: 1,
                   precision: 0, 
                   //disabled: disabled, 
                   placeholder: '请输入巷道', 
                }, 
                { 
                   label: '堆垛机ID', 
                   prop: 'dodeviceId', 
                   el: (props: any, { attrs }: SetupContext) => { 
                     return h(inputNumber, {  
                       ...props,  
                       clearable: true, 
                       ...attrs,  
                     })  
                   },
                   width: '100%',
                   step: 1,
                   precision: 0, 
                   //disabled: disabled, 
                   placeholder: '请输入堆垛机ID', 
                }, 
                { 
                   label: '设备类型', 
                   prop: 'dodevicetype', 
                   el: (props: any, { attrs }: SetupContext) => { 
                     return h(inputNumber, {  
                       ...props,  
                       clearable: true, 
                       ...attrs,  
                     })  
                   },
                   width: '100%',
                   step: 1,
                   precision: 0, 
                   //disabled: disabled, 
                   placeholder: '请输入设备类型', 
              rules: [{required: true, message: '设备类型不能为空', trigger: 'blur' }], 
                }, 
                { 
                   label: '设备任务状态', 
                   prop: 'taskDodeviceStatus', 
                   el: (props: any, { attrs }: SetupContext) => { 
                     return h(inputNumber, {  
                       ...props,  
                       clearable: true, 
                       ...attrs,  
                     })  
                   },
                   width: '100%',
                   step: 1,
                   precision: 0, 
                   //disabled: disabled, 
                   placeholder: '请输入设备任务状态', 
              rules: [{required: true, message: '设备任务状态不能为空', trigger: 'blur' }], 
                }, 
                { 
                   label: 'WCS是否可以读取', 
                   prop: 'isRead', 
                   el: 'select', 
                   //disabled: disabled, 
                   placeholder: '请输入WCS是否可以读取', 
              rules: [{required: true, message: 'WCS是否可以读取不能为空', trigger: 'blur' }], 
                 options: [{label: '是',value: 'true'}, {label: '否',value: 'false'}] 
                }, 
                { 
                   label: '子任务类型', 
                   prop: 'sonTaskType', 
                   el: 'select', 
                   //disabled: disabled, 
                   placeholder: '请输入子任务类型', 
                }, 
                { 
                   label: '来源单据号', 
                   prop: 'sourceOrderNo', 
                   el: 'input', 
                   //disabled: disabled, 
                   placeholder: '请输入来源单据号', 
                }, 
                { 
                   label: '下个任务是否生成成功', 
                   prop: 'isNextTask', 
                   el: (props: any, { attrs }: SetupContext) => { 
                     return h(inputNumber, {  
                       ...props,  
                       clearable: true, 
                       ...attrs,  
                     })  
                   },
                   width: '100%',
                   step: 1,
                   precision: 0, 
                   //disabled: disabled, 
                   placeholder: '请输入下个任务是否生成成功', 
                }, 
                { 
                   label: '可变变量1', 
                   prop: 'mutableParam1', 
                   el: 'input', 
                   //disabled: disabled, 
                   placeholder: '请输入可变变量1', 
                }, 
                { 
                   label: '可变变量2', 
                   prop: 'mutableParam2', 
                   el: 'input', 
                   //disabled: disabled, 
                   placeholder: '请输入可变变量2', 
                }, 
                { 
                   label: '可变变量3', 
                   prop: 'mutableParam3', 
                   el: 'input', 
                   //disabled: disabled, 
                   placeholder: '请输入可变变量3', 
                },  
  ]) 
  /** 
   * 校验是否有数据变化 
   */ 
  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 = { 
      taskNo: formData.value.taskNo, 
taskType: formData.value.taskType, 
taskLevel: formData.value.taskLevel, 
taskStatus: formData.value.taskStatus, 
containerNo: formData.value.containerNo, 
sourcePlace: formData.value.sourcePlace, 
toPlace: formData.value.toPlace, 
aisle: formData.value.aisle, 
dodeviceId: formData.value.dodeviceId, 
dodevicetype: formData.value.dodevicetype, 
taskDodeviceStatus: formData.value.taskDodeviceStatus, 
isRead: formData.value.isRead, 
sonTaskType: formData.value.sonTaskType, 
sourceOrderNo: formData.value.sourceOrderNo, 
isNextTask: formData.value.isNextTask, 
mutableParam1: formData.value.mutableParam1, 
mutableParam2: formData.value.mutableParam2, 
mutableParam3: formData.value.mutableParam3,  
    } 
    if (!current.value) { 
      await wmsTaskDrawer.addWmsTask(data) 
    } else { 
      const id = current.value.id 
      await wmsTaskDrawer.updateWmsTask(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 commonQueryEnumForFrom = async () => { 
    const taskTypeEnumEnum = await wmsTaskDrawer.getWmsEnumData({ 
 EnumName: 'TaskTypeEnum', 
}) 
updateFormItemOptions('taskType', taskTypeEnumEnum) 
const wmsTaskStatusEnum = await wmsTaskDrawer.getWmsEnumData({ 
 EnumName: 'WmsTaskStatus', 
}) 
updateFormItemOptions('taskStatus', wmsTaskStatusEnum) 
const sonTaskTypeEnumEnum = await wmsTaskDrawer.getWmsEnumData({ 
 EnumName: 'SonTaskTypeEnum', 
}) 
updateFormItemOptions('sonTaskType', sonTaskTypeEnumEnum) 
 
  } 
  commonQueryEnumForFrom() 
  /** 
   * 弹窗打开获取详情 
   */ 
  const onOpen = async () => { 
    if (current.value) { 
      const res = await wmsTaskDrawer.getWmsTaskDetail(current.value) 
 
      formData.value = { 
        taskNo: res.taskNo, 
taskType: res.taskType, 
taskLevel: res.taskLevel, 
taskStatus: res.taskStatus, 
containerNo: res.containerNo, 
sourcePlace: res.sourcePlace, 
toPlace: res.toPlace, 
aisle: res.aisle, 
dodeviceId: res.dodeviceId, 
dodevicetype: res.dodevicetype, 
taskDodeviceStatus: res.taskDodeviceStatus, 
isRead: res.isRead, 
sonTaskType: res.sonTaskType, 
sourceOrderNo: res.sourceOrderNo, 
isNextTask: res.isNextTask, 
mutableParam1: res.mutableParam1, 
mutableParam2: res.mutableParam2, 
mutableParam3: res.mutableParam3,  
        id: res.id, 
      } 
      disabled.value = true 
      updateCheckData() 
    } else { 
      formData.value = {} 
 
      disabled.value = false 
      updateCheckData() 
    } 
  } 
 
  watch(() => current.value, onOpen) 
 
  return { 
    formItems, 
    formData, 
    visible, 
    formRef, 
    onOpen, 
    onClose, 
    onConfirm, 
  } 
}