| | |
| | | import type { VbenFormSchema } from '#/adapter/form'; |
| | | import type { VxeTableGridOptions } from '#/adapter/vxe-table'; |
| | | import type { VbenFormSchema } from "#/adapter/form"; |
| | | import type { VxeTableGridOptions } from "#/adapter/vxe-table"; |
| | | |
| | | import { CommonStatusEnum, DICT_TYPE } from '#/packages/constants/src'; |
| | | import { getDictOptions } from '#/packages/effects/hooks/src'; |
| | | import { CommonStatusEnum, DICT_TYPE } from "#/packages/constants/src"; |
| | | import { getDictOptions } from "#/packages/effects/hooks/src"; |
| | | |
| | | import { z } from '#/adapter/form'; |
| | | import { getUnitPage } from '#/api/mdm/unit'; |
| | | |
| | | /** 物料类型选项 */ |
| | | export const ITEM_TYPE_OPTIONS = [ |
| | | { label: '原料', value: 1 }, |
| | | { label: '半成品', value: 2 }, |
| | | { label: '成品', value: 3 }, |
| | | { label: '辅料', value: 4 }, |
| | | { label: "原料", value: 1 }, |
| | | { label: "半成品", value: 2 }, |
| | | { label: "成品", value: 3 }, |
| | | { label: "辅料", value: 4 }, |
| | | ]; |
| | | |
| | | /** 物料类型映射 */ |
| | | export const ITEM_TYPE_MAP: Record<number, string> = { |
| | | 1: '原料', |
| | | 2: '半成品', |
| | | 3: '成品', |
| | | 4: '辅料', |
| | | 1: "原料", |
| | | 2: "半成品", |
| | | 3: "成品", |
| | | 4: "辅料", |
| | | }; |
| | | |
| | | /** 物料类型颜色映射 */ |
| | | export const ITEM_TYPE_COLOR_MAP: Record<number, string> = { |
| | | 1: 'green', |
| | | 2: 'orange', |
| | | 3: 'blue', |
| | | 4: 'purple', |
| | | 1: "green", |
| | | 2: "orange", |
| | | 3: "blue", |
| | | 4: "purple", |
| | | }; |
| | | |
| | | /** 新增/修改的表单 */ |
| | | export function useFormSchema(): VbenFormSchema[] { |
| | | return [ |
| | | { |
| | | component: 'Input', |
| | | fieldName: 'id', |
| | | component: "Input", |
| | | fieldName: "id", |
| | | dependencies: { |
| | | triggerFields: [''], |
| | | triggerFields: [""], |
| | | show: () => false, |
| | | }, |
| | | }, |
| | | { |
| | | component: 'Input', |
| | | fieldName: 'code', |
| | | label: '物料编码', |
| | | component: "Input", |
| | | fieldName: "code", |
| | | label: "物料编码", |
| | | componentProps: { |
| | | placeholder: '请输入物料编码', |
| | | placeholder: "请输入物料编码", |
| | | }, |
| | | rules: 'required', |
| | | rules: "required", |
| | | }, |
| | | { |
| | | component: 'Input', |
| | | fieldName: 'name', |
| | | label: '物料名称', |
| | | component: "Input", |
| | | fieldName: "name", |
| | | label: "物料名称", |
| | | componentProps: { |
| | | placeholder: '请输入物料名称', |
| | | placeholder: "请输入物料名称", |
| | | }, |
| | | rules: 'required', |
| | | rules: "required", |
| | | }, |
| | | { |
| | | component: 'RadioGroup', |
| | | fieldName: 'itemType', |
| | | label: '物料类型', |
| | | component: "RadioGroup", |
| | | fieldName: "itemType", |
| | | label: "物料类型", |
| | | componentProps: { |
| | | options: ITEM_TYPE_OPTIONS, |
| | | buttonStyle: 'solid', |
| | | optionType: 'button', |
| | | buttonStyle: "solid", |
| | | optionType: "button", |
| | | }, |
| | | rules: 'required', |
| | | rules: "required", |
| | | }, |
| | | { |
| | | component: 'Input', |
| | | fieldName: 'specification', |
| | | label: '规格型号', |
| | | component: "Input", |
| | | fieldName: "specification", |
| | | label: "规格型号", |
| | | componentProps: { |
| | | placeholder: '请输入规格型号', |
| | | placeholder: "请输入规格型号", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'ApiSelect', |
| | | fieldName: 'unitMeasureId', |
| | | label: '计量单位', |
| | | rules: 'required', |
| | | formItemClass: 'col-span-1', |
| | | component: "ApiSelect", |
| | | fieldName: "unitMeasureId", |
| | | label: "计量单位", |
| | | rules: "required", |
| | | formItemClass: "col-span-1", |
| | | componentProps: { |
| | | placeholder: '请选择计量单位', |
| | | placeholder: "请选择计量单位", |
| | | allowClear: true, |
| | | api: async () => { |
| | | const res = await getUnitPage({ pageNo: 1, pageSize: 100, status: 0 }); |
| | | return res.list || []; |
| | | }, |
| | | labelField: 'name', |
| | | valueField: 'id', |
| | | labelField: "name", |
| | | valueField: "id", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'ApiSelect', |
| | | fieldName: 'unitMeasureId2', |
| | | label: '辅单位1', |
| | | formItemClass: 'col-span-1', |
| | | component: "ApiSelect", |
| | | fieldName: "unitMeasureId2", |
| | | label: "辅单位1", |
| | | formItemClass: "col-span-1", |
| | | componentProps: { |
| | | placeholder: '请选择辅单位1', |
| | | placeholder: "请选择辅单位1", |
| | | allowClear: true, |
| | | api: async () => { |
| | | const res = await getUnitPage({ pageNo: 1, pageSize: 100, status: 0 }); |
| | | return res.list || []; |
| | | }, |
| | | labelField: 'name', |
| | | valueField: 'id', |
| | | labelField: "name", |
| | | valueField: "id", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'InputNumber', |
| | | fieldName: 'unitMeasureRate1', |
| | | label: '辅单位1换算比率', |
| | | formItemClass: 'col-span-1', |
| | | component: "InputNumber", |
| | | fieldName: "unitMeasureRate1", |
| | | label: "辅单位1换算比率", |
| | | formItemClass: "col-span-1", |
| | | componentProps: { |
| | | class: '!w-full', |
| | | class: "!w-full", |
| | | min: 0, |
| | | precision: 6, |
| | | placeholder: '请输入换算比率', |
| | | placeholder: "请输入换算比率", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'ApiSelect', |
| | | fieldName: 'unitMeasureId3', |
| | | label: '辅单位2', |
| | | formItemClass: 'col-span-1', |
| | | component: "ApiSelect", |
| | | fieldName: "unitMeasureId3", |
| | | label: "辅单位2", |
| | | formItemClass: "col-span-1", |
| | | componentProps: { |
| | | placeholder: '请选择辅单位2', |
| | | placeholder: "请选择辅单位2", |
| | | allowClear: true, |
| | | api: async () => { |
| | | const res = await getUnitPage({ pageNo: 1, pageSize: 100, status: 0 }); |
| | | return res.list || []; |
| | | }, |
| | | labelField: 'name', |
| | | valueField: 'id', |
| | | labelField: "name", |
| | | valueField: "id", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'InputNumber', |
| | | fieldName: 'unitMeasureRate2', |
| | | label: '辅单位2换算比率', |
| | | formItemClass: 'col-span-1', |
| | | component: "InputNumber", |
| | | fieldName: "unitMeasureRate2", |
| | | label: "辅单位2换算比率", |
| | | formItemClass: "col-span-1", |
| | | componentProps: { |
| | | class: '!w-full', |
| | | class: "!w-full", |
| | | min: 0, |
| | | precision: 6, |
| | | placeholder: '请输入换算比率', |
| | | placeholder: "请输入换算比率", |
| | | }, |
| | | }, |
| | | { |
| | |
| | | }, |
| | | }, |
| | | { |
| | | component: 'Input', |
| | | fieldName: 'barCode', |
| | | label: '条码', |
| | | component: "Input", |
| | | fieldName: "barCode", |
| | | label: "条码", |
| | | componentProps: { |
| | | placeholder: '请输入条码', |
| | | placeholder: "请输入条码", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'InputNumber', |
| | | fieldName: 'purchasePrice', |
| | | label: '采购价', |
| | | component: "InputNumber", |
| | | fieldName: "purchasePrice", |
| | | label: "采购价", |
| | | componentProps: { |
| | | class: '!w-full', |
| | | class: "!w-full", |
| | | min: 0, |
| | | precision: 2, |
| | | placeholder: '请输入采购价', |
| | | placeholder: "请输入采购价", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'InputNumber', |
| | | fieldName: 'salesPrice', |
| | | label: '销售价', |
| | | component: "InputNumber", |
| | | fieldName: "salesPrice", |
| | | label: "销售价", |
| | | componentProps: { |
| | | class: '!w-full', |
| | | class: "!w-full", |
| | | min: 0, |
| | | precision: 2, |
| | | placeholder: '请输入销售价', |
| | | placeholder: "请输入销售价", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'InputNumber', |
| | | fieldName: 'costPrice', |
| | | label: '成本价', |
| | | component: "InputNumber", |
| | | fieldName: "costPrice", |
| | | label: "成本价", |
| | | componentProps: { |
| | | class: '!w-full', |
| | | class: "!w-full", |
| | | min: 0, |
| | | precision: 2, |
| | | placeholder: '请输入成本价', |
| | | placeholder: "请输入成本价", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'InputNumber', |
| | | fieldName: 'safetyStock', |
| | | label: '安全库存', |
| | | component: "InputNumber", |
| | | fieldName: "safetyStock", |
| | | label: "安全库存", |
| | | componentProps: { |
| | | class: '!w-full', |
| | | class: "!w-full", |
| | | min: 0, |
| | | precision: 2, |
| | | placeholder: '请输入安全库存', |
| | | placeholder: "请输入安全库存", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'InputNumber', |
| | | fieldName: 'minStock', |
| | | label: '最低库存', |
| | | component: "InputNumber", |
| | | fieldName: "minStock", |
| | | label: "最低库存", |
| | | componentProps: { |
| | | class: '!w-full', |
| | | class: "!w-full", |
| | | min: 0, |
| | | precision: 2, |
| | | placeholder: '请输入最低库存', |
| | | placeholder: "请输入最低库存", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'InputNumber', |
| | | fieldName: 'maxStock', |
| | | label: '最高库存', |
| | | component: "InputNumber", |
| | | fieldName: "maxStock", |
| | | label: "最高库存", |
| | | componentProps: { |
| | | class: '!w-full', |
| | | class: "!w-full", |
| | | min: 0, |
| | | precision: 2, |
| | | placeholder: '请输入最高库存', |
| | | placeholder: "请输入最高库存", |
| | | }, |
| | | }, |
| | | { |
| | |
| | | label: '批次管理', |
| | | defaultValue: true, |
| | | componentProps: { |
| | | class: 'w-auto', |
| | | checkedChildren: '是', |
| | | unCheckedChildren: '否', |
| | | class: "w-auto", |
| | | checkedChildren: "是", |
| | | unCheckedChildren: "否", |
| | | }, |
| | | rules: z.boolean().default(true), |
| | | }, |
| | | { |
| | | component: 'InputNumber', |
| | | fieldName: 'expiryDay', |
| | | label: '有效期(天)', |
| | | component: "Switch", |
| | | fieldName: "syncMes", |
| | | label: "同步到 MES", |
| | | componentProps: { |
| | | class: '!w-full', |
| | | class: "w-auto", |
| | | checkedChildren: "是", |
| | | unCheckedChildren: "否", |
| | | }, |
| | | rules: z.boolean().default(false), |
| | | }, |
| | | { |
| | | component: "InputNumber", |
| | | fieldName: "expiryDay", |
| | | label: "有效期(天)", |
| | | componentProps: { |
| | | class: "!w-full", |
| | | min: 0, |
| | | placeholder: '请输入有效期', |
| | | placeholder: "请输入有效期", |
| | | }, |
| | | }, |
| | | { |
| | | component: 'RadioGroup', |
| | | fieldName: 'status', |
| | | label: '状态', |
| | | component: "RadioGroup", |
| | | fieldName: "status", |
| | | label: "状态", |
| | | componentProps: { |
| | | options: getDictOptions(DICT_TYPE.COMMON_STATUS, 'number'), |
| | | buttonStyle: 'solid', |
| | | optionType: 'button', |
| | | options: getDictOptions(DICT_TYPE.COMMON_STATUS, "number"), |
| | | buttonStyle: "solid", |
| | | optionType: "button", |
| | | }, |
| | | rules: z.number().default(CommonStatusEnum.ENABLE), |
| | | }, |
| | | { |
| | | component: 'Textarea', |
| | | fieldName: 'remark', |
| | | label: '备注', |
| | | formItemClass: 'col-span-2', |
| | | component: "Textarea", |
| | | fieldName: "remark", |
| | | label: "备注", |
| | | formItemClass: "col-span-2", |
| | | componentProps: { |
| | | placeholder: '请输入备注', |
| | | placeholder: "请输入备注", |
| | | rows: 3, |
| | | }, |
| | | }, |
| | |
| | | export function useGridFormSchema(): VbenFormSchema[] { |
| | | return [ |
| | | { |
| | | fieldName: 'code', |
| | | label: '物料编码', |
| | | component: 'Input', |
| | | fieldName: "code", |
| | | label: "物料编码", |
| | | component: "Input", |
| | | componentProps: { |
| | | placeholder: '请输入物料编码', |
| | | placeholder: "请输入物料编码", |
| | | allowClear: true, |
| | | }, |
| | | }, |
| | | { |
| | | fieldName: 'name', |
| | | label: '物料名称', |
| | | component: 'Input', |
| | | fieldName: "name", |
| | | label: "物料名称", |
| | | component: "Input", |
| | | componentProps: { |
| | | placeholder: '请输入物料名称', |
| | | placeholder: "请输入物料名称", |
| | | allowClear: true, |
| | | }, |
| | | }, |
| | | { |
| | | fieldName: 'itemType', |
| | | label: '物料类型', |
| | | component: 'Select', |
| | | fieldName: "itemType", |
| | | label: "物料类型", |
| | | component: "Select", |
| | | componentProps: { |
| | | placeholder: '请选择物料类型', |
| | | placeholder: "请选择物料类型", |
| | | allowClear: true, |
| | | options: ITEM_TYPE_OPTIONS, |
| | | }, |
| | | }, |
| | | { |
| | | fieldName: 'status', |
| | | label: '状态', |
| | | component: 'Select', |
| | | fieldName: "status", |
| | | label: "状态", |
| | | component: "Select", |
| | | componentProps: { |
| | | placeholder: '请选择状态', |
| | | placeholder: "请选择状态", |
| | | allowClear: true, |
| | | options: getDictOptions(DICT_TYPE.COMMON_STATUS, 'number'), |
| | | options: getDictOptions(DICT_TYPE.COMMON_STATUS, "number"), |
| | | }, |
| | | }, |
| | | ]; |
| | | } |
| | | |
| | | /** 列表的字段 */ |
| | | export function useGridColumns(): VxeTableGridOptions['columns'] { |
| | | export function useGridColumns(): VxeTableGridOptions["columns"] { |
| | | return [ |
| | | { type: 'checkbox', width: 40 }, |
| | | { type: "checkbox", width: 40 }, |
| | | { |
| | | field: 'code', |
| | | title: '物料编码', |
| | | field: "code", |
| | | title: "物料编码", |
| | | minWidth: 120, |
| | | }, |
| | | { |
| | | field: 'name', |
| | | title: '物料名称', |
| | | field: "name", |
| | | title: "物料名称", |
| | | minWidth: 180, |
| | | }, |
| | | { |
| | | field: 'specification', |
| | | title: '规格型号', |
| | | field: "specification", |
| | | title: "规格型号", |
| | | minWidth: 150, |
| | | }, |
| | | { |
| | | field: 'unitMeasureName', |
| | | title: '单位', |
| | | field: "unitMeasureName", |
| | | title: "单位", |
| | | minWidth: 80, |
| | | }, |
| | | { |
| | | field: 'unitMeasureName2', |
| | | title: '辅单位1', |
| | | field: "unitMeasureName2", |
| | | title: "辅单位1", |
| | | minWidth: 80, |
| | | }, |
| | | { |
| | | field: 'unitMeasureRate1', |
| | | title: '辅单位1换算比率', |
| | | field: "unitMeasureRate1", |
| | | title: "辅单位1换算比率", |
| | | minWidth: 130, |
| | | }, |
| | | { |
| | | field: 'unitMeasureName3', |
| | | title: '辅单位2', |
| | | field: "unitMeasureName3", |
| | | title: "辅单位2", |
| | | minWidth: 80, |
| | | }, |
| | | { |
| | | field: 'unitMeasureRate2', |
| | | title: '辅单位2换算比率', |
| | | field: "unitMeasureRate2", |
| | | title: "辅单位2换算比率", |
| | | minWidth: 130, |
| | | }, |
| | | { |
| | | field: 'warehouseName', |
| | | title: '默认仓库', |
| | | field: "warehouseName", |
| | | title: "默认仓库", |
| | | minWidth: 100, |
| | | }, |
| | | { |
| | | field: 'itemType', |
| | | title: '物料类型', |
| | | field: "itemType", |
| | | title: "物料类型", |
| | | minWidth: 100, |
| | | slots: { default: 'itemType' }, |
| | | slots: { default: "itemType" }, |
| | | }, |
| | | { |
| | | field: 'purchasePrice', |
| | | title: '采购价', |
| | | field: "purchasePrice", |
| | | title: "采购价", |
| | | minWidth: 100, |
| | | formatter: ({ cellValue }) => { |
| | | return cellValue != null ? `¥${Number(cellValue).toFixed(2)}` : ''; |
| | | return cellValue != null ? `¥${Number(cellValue).toFixed(2)}` : ""; |
| | | }, |
| | | }, |
| | | { |
| | | field: 'salesPrice', |
| | | title: '销售价', |
| | | field: "salesPrice", |
| | | title: "销售价", |
| | | minWidth: 100, |
| | | formatter: ({ cellValue }) => { |
| | | return cellValue != null ? `¥${Number(cellValue).toFixed(2)}` : ''; |
| | | return cellValue != null ? `¥${Number(cellValue).toFixed(2)}` : ""; |
| | | }, |
| | | }, |
| | | { |
| | | field: 'isBatchManaged', |
| | | title: '批次管理', |
| | | field: "isBatchManaged", |
| | | title: "批次管理", |
| | | minWidth: 80, |
| | | slots: { default: 'isBatchManaged' }, |
| | | slots: { default: "isBatchManaged" }, |
| | | }, |
| | | { |
| | | field: 'status', |
| | | title: '状态', |
| | | field: "status", |
| | | title: "状态", |
| | | minWidth: 80, |
| | | cellRender: { |
| | | name: 'CellDict', |
| | | name: "CellDict", |
| | | props: { type: DICT_TYPE.COMMON_STATUS }, |
| | | }, |
| | | }, |
| | | { |
| | | field: 'createTime', |
| | | title: '创建时间', |
| | | field: "createTime", |
| | | title: "创建时间", |
| | | minWidth: 180, |
| | | formatter: 'formatDateTime', |
| | | formatter: "formatDateTime", |
| | | }, |
| | | { |
| | | title: '操作', |
| | | title: "操作", |
| | | width: 180, |
| | | fixed: 'right', |
| | | slots: { default: 'actions' }, |
| | | fixed: "right", |
| | | slots: { default: "actions" }, |
| | | }, |
| | | ]; |
| | | } |
| | | } |