import type { TableColumn } from '@/components/core/dynamic-table';
import { MaterialsInOutEnum } from '@/enums/materialsInventoryEnum';
import { formatToDate } from '@/utils/dateUtil';
import { Tag } from 'ant-design-vue';

export type TableListItem = API.MaterialsInOutEntity;
export type TableQueryItem = API.MaterialsInOutListParams;
export type TableColumnItem = TableColumn<TableListItem>;
export const baseColumns: TableColumnItem[] = [
  {
    title: '原材料库存编号',
    width: 100,
    fixed: 'left',
    dataIndex: 'inventoryNumber',
    customRender: ({ record }) => {
      return record.inventoryNumber || '';
    },
    formItemProps: {
      labelWidth: 120,
    },
  },
  {
    title: '所属公司',
    width: 100,
    dataIndex: 'company',
    customRender: ({ record }) => {
      return record.product?.company?.name || '';
    },
  },
  {
    title: '产品名称',
    width: 100,
    dataIndex: 'product',
    customRender: ({ record }) => {
      return record.product?.name || '';
    },
  },

  {
    title: '单位',
    width: 40,
    hideInSearch: true,
    dataIndex: 'unit',
    customRender: ({ record }) => {
      return record?.product?.unit?.label || '';
    },
  },

  {
    title: '入库/出库',
    width: 60,
    dataIndex: 'inOrOut',
    formItemProps: {
      component: 'Select',
      componentProps: {
        options: Object.values(MaterialsInOutEnum)
          .filter((value) => typeof value === 'number')
          .map((item) => formatStatus(item as MaterialsInOutEnum)),
      },
    },
    customRender: ({ record }) => {
      const { color, label } = formatStatus(record.inOrOut);
      return <Tag color={color}>{label}</Tag>;
    },
  },
  {
    title: '时间',
    width: 60,
    align: 'center',
    dataIndex: 'time',
    formItemProps: {
      component: 'MonthPicker',
    },
    customRender: ({ record }) => {
      return formatToDate(record.time);
    },
  },
  {
    title: '数量',
    hideInSearch: true,
    width: 60,
    dataIndex: 'quantity',
    customRender: ({ record }) => {
      return parseFloat(record.quantity) || 0;
    },
  },
  {
    title: '单价',
    hideInSearch: true,
    width: 80,
    dataIndex: 'unitPrice',
    customRender: ({ record }) => {
      return parseFloat(record.unitPrice) || 0;
    },
  },
  {
    title: '金额',
    width: 80,
    align: 'center',
    dataIndex: 'amount',
    hideInSearch: true,
    customRender: ({ record }) => {
      return parseFloat(record.amount) || 0;
    },
  },
  {
    title: '经办人',
    width: 80,
    dataIndex: 'agent',
  },
  {
    title: '领料单号',
    width: 80,
    dataIndex: 'issuanceNumber',
  },
  {
    title: '项目',
    width: 80,
    dataIndex: 'project',
  },
  {
    title: '备注',
    width: 80,
    dataIndex: 'remark',
  },
];

export function formatStatus(status: MaterialsInOutEnum): {
  color: string;
  label: string;
  value: number;
} {
  switch (status) {
    case MaterialsInOutEnum.In:
      return {
        color: 'green',
        label: '入库',
        value: MaterialsInOutEnum.In,
      };
    case MaterialsInOutEnum.Out:
      return {
        color: 'red',
        label: '出库',
        value: MaterialsInOutEnum.Out,
      };
    default:
      return {
        color: 'green',
        label: '入库',
        value: MaterialsInOutEnum.In,
      };
  }
}