import { h } from 'vue'
import { ElTag } from 'element-plus'

export function createWhMatTableColumns({ handleViewDetail }) {
  return [
    {
      prop: 'code',
      label: '物料编码',
      minWidth: 150,
      showOverflowTooltip: true
    },
    {
      prop: 'name',
      label: '物料名称',
      minWidth: 220,
      showOverflowTooltip: true
    },
    {
      prop: 'groupName',
      label: '物料分组',
      minWidth: 160,
      showOverflowTooltip: true
    },
    {
      prop: 'barcode',
      label: '条码',
      minWidth: 160,
      showOverflowTooltip: true
    },
    {
      prop: 'spec',
      label: '规格',
      minWidth: 150,
      showOverflowTooltip: true
    },
    {
      prop: 'model',
      label: '型号',
      minWidth: 150,
      showOverflowTooltip: true
    },
    {
      prop: 'unit',
      label: '单位',
      width: 100
    },
    {
      prop: 'status',
      label: '状态',
      width: 100,
      align: 'center',
      formatter: (row) =>
        h(ElTag, { type: row.statusType || 'info', effect: 'light' }, () => row.statusText || '-')
    },
    {
      prop: 'updateTimeText',
      label: '更新时间',
      minWidth: 180,
      showOverflowTooltip: true
    },
    {
      prop: 'action',
      label: '操作',
      width: 100,
      fixed: 'right',
      align: 'center',
      useSlot: true
    }
  ]
}