From e8d0130a17ada98b553bb4d1641fc4b60c6dddca Mon Sep 17 00:00:00 2001 From: hwj Date: Mon, 1 Jun 2026 11:39:30 +0800 Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E4=BA=A7=E5=93=81=E7=89=A9?= =?UTF-8?q?=E6=96=99=E5=88=86=E7=B1=BB-=E6=B7=BB=E5=8A=A0=E4=BA=A7?= =?UTF-8?q?=E5=93=81/=E7=89=A9=E6=96=99=E7=B1=BB=E5=9E=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/erp/product/category/index.ts | 5 +-- src/locales/en.ts | 6 ++-- src/locales/zh-CN.ts | 6 ++-- src/utils/dict.ts | 1 + .../product/category/ProductCategoryForm.vue | 36 ++++++++++++++++--- src/views/erp/product/category/index.vue | 25 +++++++++++-- 6 files changed, 66 insertions(+), 13 deletions(-) diff --git a/src/api/erp/product/category/index.ts b/src/api/erp/product/category/index.ts index d67ccffd..72cca0c9 100644 --- a/src/api/erp/product/category/index.ts +++ b/src/api/erp/product/category/index.ts @@ -8,13 +8,14 @@ export interface ProductCategoryVO { code: string // 分类编码 sort: number // 分类排序 status: number // 开启状态 + type: number // 类型 } // ERP 产品分类 API export const ProductCategoryApi = { // 查询产品分类列表 - getProductCategoryList: async () => { - return await request.get({ url: `/erp/product-category/list` }) + getProductCategoryList: async (type?: number) => { + return await request.get({ url: `/erp/product-category/list`, params: { type } }) }, // 查询产品分类精简列表 diff --git a/src/locales/en.ts b/src/locales/en.ts index 08e3518d..928d2cb5 100644 --- a/src/locales/en.ts +++ b/src/locales/en.ts @@ -1990,17 +1990,19 @@ export default { dialogCodePlaceholder: 'Please enter code', dialogNameLabel: 'Name', dialogNamePlaceholder: 'Please enter name', + dialogTypeLabel: 'Type', dialogSortLabel: 'Sort', dialogSortPlaceholder: 'Please enter sort', dialogStatusLabel: 'Status', dialogCancelButton: 'Cancel', dialogSubmitButton: 'Confirm', - treeRootName: 'Top Product Category', + treeRootName: 'Top Category', validatorParentRequired: 'Parent category can not be empty', validatorNameRequired: 'Name can not be empty', validatorCodeRequired: 'Code can not be empty', validatorSortRequired: 'Sort can not be empty', - validatorStatusRequired: 'Status can not be empty' + validatorStatusRequired: 'Status can not be empty', + validatorTypeRequired: 'Type can not be empty' }, ProductInformation: { moduleName: 'Product Material Information', diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts index 1a70f1e9..068dd775 100644 --- a/src/locales/zh-CN.ts +++ b/src/locales/zh-CN.ts @@ -2855,17 +2855,19 @@ export default { dialogCodePlaceholder: '请输入编码', dialogNameLabel: '名称', dialogNamePlaceholder: '请输入名称', + dialogTypeLabel: '类型', dialogSortLabel: '排序', dialogSortPlaceholder: '请输入排序', dialogStatusLabel: '状态', dialogCancelButton: '取 消', dialogSubmitButton: '确 定', - treeRootName: '顶级产品分类', + treeRootName: '顶级分类', validatorParentRequired: '上级编号不能为空', validatorNameRequired: '名称不能为空', validatorCodeRequired: '编码不能为空', validatorSortRequired: '排序不能为空', - validatorStatusRequired: '状态不能为空' + validatorStatusRequired: '状态不能为空', + validatorTypeRequired: '类型不能为空' }, ProductInformation: { moduleName: '产品物料信息', diff --git a/src/utils/dict.ts b/src/utils/dict.ts index 826fac82..e2dc5ad9 100644 --- a/src/utils/dict.ts +++ b/src/utils/dict.ts @@ -234,6 +234,7 @@ export enum DICT_TYPE { ERP_AUTOCODE_PADDING_TYPE = "erp_autocode_padding_type", ERP_AUTOCODE_CYCLEMETHOD = "erp_autocode_cyclemethod", ERP_AUTOCODE_PARTTYPE = "erp_autocode_parttype", + MATERIAL_CLASSIFICATION_TYPE = 'material_classification_type', // ========== MES - 生产管理模块 ========== diff --git a/src/views/erp/product/category/ProductCategoryForm.vue b/src/views/erp/product/category/ProductCategoryForm.vue index 7c55e10b..e63c4754 100644 --- a/src/views/erp/product/category/ProductCategoryForm.vue +++ b/src/views/erp/product/category/ProductCategoryForm.vue @@ -7,6 +7,17 @@ label-width="120px" v-loading="formLoading" > + + + + {{ dict.label }} + + + - + @@ -66,14 +77,16 @@ const formData = ref({ name: undefined, code: undefined, sort: undefined, - status: CommonStatusEnum.ENABLE + status: CommonStatusEnum.ENABLE, + type: undefined }) const formRules = reactive({ parentId: [{ required: true, message: t('FactoryModeling.ProductCategory.validatorParentRequired'), trigger: 'blur' }], name: [{ required: true, message: t('FactoryModeling.ProductCategory.validatorNameRequired'), trigger: 'blur' }], code: [{ required: true, message: t('FactoryModeling.ProductCategory.validatorCodeRequired'), trigger: 'blur' }], sort: [{ required: true, message: t('FactoryModeling.ProductCategory.validatorSortRequired'), trigger: 'blur' }], - status: [{ required: true, message: t('FactoryModeling.ProductCategory.validatorStatusRequired'), trigger: 'blur' }] + status: [{ required: true, message: t('FactoryModeling.ProductCategory.validatorStatusRequired'), trigger: 'blur' }], + type: [{ required: true, message: t('FactoryModeling.ProductCategory.validatorTypeRequired'), trigger: 'change' }] }) const formRef = ref() // 表单 Ref const productCategoryTree = ref() // 树形结构 @@ -84,6 +97,12 @@ const open = async (type: string, id?: number) => { dialogTitle.value = t('action.' + type) formType.value = type resetForm() + if (!id) { + const typeOptions = getIntDictOptions(DICT_TYPE.MATERIAL_CLASSIFICATION_TYPE) + if (typeOptions.length > 0) { + formData.value.type = typeOptions[0].value + } + } // 修改时，设置数据 if (id) { formLoading.value = true @@ -129,7 +148,8 @@ const resetForm = () => { name: undefined, code: undefined, sort: undefined, - status: CommonStatusEnum.ENABLE + status: CommonStatusEnum.ENABLE, + type: undefined } formRef.value?.resetFields() } @@ -137,9 +157,15 @@ const resetForm = () => { /** 获得产品分类树 */ const getProductCategoryTree = async () => { productCategoryTree.value = [] - const data = await ProductCategoryApi.getProductCategoryList() + const data = await ProductCategoryApi.getProductCategoryList(formData.value.type) const root: Tree = { id: 0, name: t('FactoryModeling.ProductCategory.treeRootName'), children: [] } root.children = handleTree(data, 'id', 'parentId') productCategoryTree.value.push(root) } + +/** 类型变更时刷新上级编号树 */ +const handleTypeChange = async () => { + formData.value.parentId = undefined + await getProductCategoryTree() +} diff --git a/src/views/erp/product/category/index.vue b/src/views/erp/product/category/index.vue index 738fa5b8..5977c153 100644 --- a/src/views/erp/product/category/index.vue +++ b/src/views/erp/product/category/index.vue @@ -61,6 +61,14 @@ + + + ([]) // 列表的数据 +const activeTab = ref('') // 激活的 tab const queryParams = reactive({ name: undefined, - status: undefined + status: undefined, + type: undefined }) const queryFormRef = ref() // 搜索的表单 const exportLoading = ref(false) // 导出的加载中 @@ -147,7 +157,7 @@ const exportLoading = ref(false) // 导出的加载中 const getList = async () => { loading.value = true try { - const data = await ProductCategoryApi.getProductCategoryList(queryParams) + const data = await ProductCategoryApi.getProductCategoryList(queryParams.type) list.value = handleTree(data, 'id', 'parentId') } finally { loading.value = false @@ -160,6 +170,12 @@ const handleQuery = () => { getList() } +/** Tab 切换操作 */ +const handleTabChange = (name: string) => { + queryParams.type = name ? Number(name) : undefined + getList() +} + /** 重置按钮操作 */ const resetQuery = () => { queryFormRef.value.resetFields() @@ -212,6 +228,11 @@ const toggleExpandAll = async () => { /** 初始化 **/ onMounted(() => { + const typeOptions = getIntDictOptions(DICT_TYPE.MATERIAL_CLASSIFICATION_TYPE) + if (typeOptions.length > 0) { + activeTab.value = String(typeOptions[0].value) + queryParams.type = typeOptions[0].value + } getList() })