Cpte-Vue3/src/views/shipping/Pick.data.ts

import { BasicColumn } from '/@/components/Table';
import { JVxeTypes, JVxeColumn } from '/@/components/jeecg/JVxeTable/types';
import { render } from '@/utils/common/renderUtils';
//列表数据
export const columns: BasicColumn[] = [
  {
    title: '系统单号',
    align: 'center',
    dataIndex: 'orderNo',
    width: '130px',
  },
  {
    title: '外部单号',
    align: 'center',
    dataIndex: 'thirdOrderNo',
    width: '130px',
  },
  {
    title: '任务号',
    align: 'center',
    dataIndex: 'no',
    width: '130px',
  },
  {
    title: '订单状态',
    align: 'center',
    dataIndex: 'status_dictText',
    width: '100px',
    customRender: ({ text }) => {
      //出库状态:1.已创建;2.部分分配;3.已分配;4.拣货中;5.拣货完成;6.已关闭;7.已取消。
      const statusColorMap = {
        已创建: 'orange',
        部分分配: 'cyan',
        已分配: 'cyan',
        拣货中: 'blue',
        拣货完成: 'green',
        已关闭: 'green',
        已取消: 'red',
      };
      const color = statusColorMap[text] || 'red';
      return render.renderTag(text, color);
    },
  },
  {
    title: '单据类型',
    align: 'center',
    dataIndex: 'orderType_dictText',
    width: '100px',
  },

  {
    title: '需求数量',
    align: 'center',
    dataIndex: 'orderQty',
    width: '80px',
  },
  {
    title: '分配数量',
    align: 'center',
    dataIndex: 'allocatedQty',
    width: '80px',
  },
  {
    title: '拣货数量',
    align: 'center',
    dataIndex: 'pickedQty',
    width: '80px',
  },
  {
    title: '外部仓库',
    align: 'center',
    dataIndex: 'whCode',
    width: '80px',
  },
  {
    title: '客户',
    align: 'center',
    dataIndex: 'customerCode',
  },
  {
    title: '订单日期',
    align: 'center',
    dataIndex: 'orderDate',
  },
];

//子表表格配置
export const pickDetailColumns: JVxeColumn[] = [
  {
    title: '出库单ID',
    key: 'pickId',
    type: JVxeTypes.hidden,
  },
  {
    title: '物料',
    key: 'itemId',
    type: JVxeTypes.selectSearch,
    width: 150,
    async: true, // 异步搜索，默认为 true
    //查询状态启用、未删除的物料
    dictCode: 'base_item where iz_active=1 and del_flag=0,item_code,id',
    tipsContent: '请搜索物料',
    validateRules: [
      {
        required: true, // 必填
        message: '请选择${title}', // 显示的文本
      },
    ],
  },
  {
    title: '单位',
    key: 'unit',
    type: JVxeTypes.select,
    dictCode: 'package_unit',
    width: '80px',
    placeholder: '请选择${title}',
    defaultValue: '托',
  },
  {
    title: '需求数量',
    key: 'orderQty',
    type: JVxeTypes.inputNumber,
    width: '110px',
    validateRules: [
      {
        required: true, // 必填
        message: '请输入${title}', // 显示的文本
      },
    ],
  },
  {
    title: '分配数量',
    key: 'allocatedQty',
    type: JVxeTypes.normal,
    width: '80px',
    defaultValue: '0',
    disabled: true,
  },
  {
    title: '拣货数量',
    key: 'pickedQty',
    type: JVxeTypes.normal,
    width: '80px',
    placeholder: '请输入${title}',
    defaultValue: '0',
    disabled: true,
  },
  {
    title: '明细状态',
    key: 'status',
    type: JVxeTypes.normal,
    width: '80px',
    defaultValue: '1',
    formatter: ({ cellValue }) => {
      //入库状态:1.已创建;2.部分收货;3.收货完成;4.已取消。
      const statusMap = {
        1: '已创建',
        2: '部分分配',
        3: '已分配',
        4: '拣货中',
        5: '拣货完成',
        6: '已关闭',
        7: '已取消',
      };
      // 状态颜色映射
      const statusColorMap = {
        已创建: 'orange',
        部分分配: 'cyan',
        已分配: 'cyan',
        拣货中: 'blue',
        拣货完成: 'green',
        已关闭: 'green',
        已取消: 'red',
      };
      const text = statusMap[cellValue] || '未知状态';
      const color = statusColorMap[text] || 'red';
      return render.renderTag(text, color);
    },
  },
  {
    title: '项目号',
    key: 'project',
    type: JVxeTypes.input,
    width: '130px',
    placeholder: '请输入${title}',
    defaultValue: null,
  },
  {
    title: '任务号',
    key: 'taskNo',
    type: JVxeTypes.input,
    width: '130px',
    placeholder: '请输入${title}',
    defaultValue: null,
  },
  {
    title: '批次号',
    key: 'propC1',
    type: JVxeTypes.input,
    width: '130px',
    placeholder: '请输入${title}',
    defaultValue: null,
  },
  {
    title: '外部库存状态',
    key: 'propC3',
    type: JVxeTypes.input,
    width: '130px',
    placeholder: '请输入${title}',
    defaultValue: null,
  },
  {
    title: '返回报文',
    key: 'resMessage',
    type: JVxeTypes.normal,
    width: '200px',
  },
];