oa_front/src/views/materials-inventory/inventory-check/columns.tsx

88 lines
2.1 KiB
TypeScript
Raw Normal View History

2024-03-04 09:59:48 +08:00
import type { TableColumn } from '@/components/core/dynamic-table';
import { ContractStatusEnum } from '@/enums/contractEnum';
2024-03-04 14:17:40 +08:00
import { DictEnum } from '@/enums/dictEnum';
import { useDictStore } from '@/store/modules/dict';
2024-03-04 09:59:48 +08:00
import { formatToDate } from '@/utils/dateUtil';
2024-03-04 14:17:40 +08:00
import { Tag } from 'ant-design-vue';
2024-03-04 09:59:48 +08:00
2024-03-04 14:17:40 +08:00
export type TableListItem = API.MaterialsInventoryEntity;
2024-03-04 09:59:48 +08:00
export type TableColumnItem = TableColumn<TableListItem>;
2024-03-04 14:17:40 +08:00
const dictStore = useDictStore();
export const baseColumns: TableColumnItem[] = [
{
title: '产品名称',
width: 180,
dataIndex: 'product',
},
{
title: '单位',
width: 60,
hideInSearch: true,
dataIndex: 'unit',
formItemProps: {
component: 'Select',
2024-03-08 17:23:06 +08:00
componentProps: {
2024-03-04 14:17:40 +08:00
options: dictStore
.getDictItemsByCode(DictEnum.Unit)
.map(({ label, id }) => ({ value: id, label })),
},
2024-03-04 09:59:48 +08:00
},
2024-03-04 14:17:40 +08:00
customRender: ({ record }) => {
return dictStore.getDictItemsByCode(DictEnum.Unit)?.length
? dictStore.getDictItemsByCode(DictEnum.Unit).find((item) => item.id === record.unit)
?.label || ''
: '';
2024-03-04 09:59:48 +08:00
},
2024-03-04 14:17:40 +08:00
},
{
title: '库存数量',
hideInSearch: true,
width: 80,
2024-03-08 17:23:06 +08:00
dataIndex: 'quantity',
2024-03-04 14:17:40 +08:00
},
{
2024-03-08 17:23:06 +08:00
title: '库存单价',
2024-03-04 14:17:40 +08:00
hideInSearch: true,
width: 80,
2024-03-08 17:23:06 +08:00
dataIndex: 'unitPrice',
2024-03-04 14:17:40 +08:00
},
{
title: '备注',
width: 80,
dataIndex: 'remark',
},
];
2024-03-04 09:59:48 +08:00
export function formatStatus(status: ContractStatusEnum): {
color: string;
label: string;
value: number;
} {
switch (status) {
case ContractStatusEnum.Pending:
return {
color: '#ccc',
label: '待审核',
value: ContractStatusEnum.Pending,
};
case ContractStatusEnum.Approved:
return {
color: 'green',
label: '已通过',
value: ContractStatusEnum.Approved,
};
case ContractStatusEnum.Rejected:
return {
color: 'red',
label: '已拒绝',
value: ContractStatusEnum.Rejected,
};
default:
return {
color: '#ccc',
label: '待审核',
value: ContractStatusEnum.Pending,
};
}
}