add(hwmom-mes): 新增物料信息相关功能

- 添加等同物料信息页面
- 添加物料信息页面
- 添加计量单位信息页面
- 添加供应商信息页面
- 修改班次信息界面显示
master
zch 2 weeks ago
parent ac04250fc7
commit 0cb77dbbe9

@ -0,0 +1,77 @@
import request from '@/utils/request';
import { AxiosPromise } from 'axios';
import { BaseEqualMaterialInfoVO, BaseEqualMaterialInfoForm, BaseEqualMaterialInfoQuery } from '@/api/mes/baseEqualMaterialInfo/types';
/**
*
* @param query
* @returns {*}
*/
export const listBaseEqualMaterialInfo = (query?: BaseEqualMaterialInfoQuery): AxiosPromise<BaseEqualMaterialInfoVO[]> => {
return request({
url: '/mes/baseEqualMaterialInfo/list',
method: 'get',
params: query
});
};
/**
*
* @param equalMaterialInfoId
*/
export const getBaseEqualMaterialInfo = (equalMaterialInfoId: string | number): AxiosPromise<BaseEqualMaterialInfoVO> => {
return request({
url: '/mes/baseEqualMaterialInfo/' + equalMaterialInfoId,
method: 'get'
});
};
/**
*
* @param data
*/
export const addBaseEqualMaterialInfo = (data: BaseEqualMaterialInfoForm) => {
return request({
url: '/mes/baseEqualMaterialInfo',
method: 'post',
data: data
});
};
/**
*
* @param data
*/
export const updateBaseEqualMaterialInfo = (data: BaseEqualMaterialInfoForm) => {
return request({
url: '/mes/baseEqualMaterialInfo',
method: 'put',
data: data
});
};
/**
*
* @param equalMaterialInfoId
*/
export const delBaseEqualMaterialInfo = (equalMaterialInfoId: string | number | Array<string | number>) => {
return request({
url: '/mes/baseEqualMaterialInfo/' + equalMaterialInfoId,
method: 'delete'
});
};
/**
*
* @param query
* @returns {*}
*/
export function getBaseEqualMaterialInfoList (query) {
return request({
url: '/mes/baseEqualMaterialInfo/getBaseEqualMaterialInfoList',
method: 'get',
params: query
});
};

@ -0,0 +1,116 @@
export interface BaseEqualMaterialInfoVO {
/**
*
*/
equalMaterialInfoId: string | number;
/**
*
*/
tenantId: string | number;
/**
* ID
*/
materialId: string | number;
/**
* ID
*/
equalMaterialId: string | number;
/**
* 1 0
*/
activeFlag: string;
/**
*
*/
remark: string;
/**
*
*/
createDept: number;
/**
*
*/
createBy: number;
/**
*
*/
createTime: string;
/**
*
*/
updateBy: number;
/**
*
*/
updateTime: string;
}
export interface BaseEqualMaterialInfoForm extends BaseEntity {
/**
*
*/
equalMaterialInfoId?: string | number;
/**
* ID
*/
materialId?: string | number;
/**
* ID
*/
equalMaterialId?: string | number;
/**
* 1 0
*/
activeFlag?: string;
/**
*
*/
remark?: string;
}
export interface BaseEqualMaterialInfoQuery extends PageQuery {
/**
*
*/
equalMaterialInfoId?: string | number;
/**
* ID
*/
materialId?: string | number;
/**
* ID
*/
equalMaterialId?: string | number;
/**
* 1 0
*/
activeFlag?: string;
/**
*
*/
params?: any;
}

@ -0,0 +1,77 @@
import request from '@/utils/request';
import { AxiosPromise } from 'axios';
import { BaseMaterialTypeVO, BaseMaterialTypeForm, BaseMaterialTypeQuery } from '@/api/mes/baseMaterialType/types';
/**
*
* @param query
* @returns {*}
*/
export const listBaseMaterialType = (query?: BaseMaterialTypeQuery): AxiosPromise<BaseMaterialTypeVO[]> => {
return request({
url: '/mes/baseMaterialType/list',
method: 'get',
params: query
});
};
/**
*
* @param matrialTypeId
*/
export const getBaseMaterialType = (matrialTypeId: string | number): AxiosPromise<BaseMaterialTypeVO> => {
return request({
url: '/mes/baseMaterialType/' + matrialTypeId,
method: 'get'
});
};
/**
*
* @param data
*/
export const addBaseMaterialType = (data: BaseMaterialTypeForm) => {
return request({
url: '/mes/baseMaterialType',
method: 'post',
data: data
});
};
/**
*
* @param data
*/
export const updateBaseMaterialType = (data: BaseMaterialTypeForm) => {
return request({
url: '/mes/baseMaterialType',
method: 'put',
data: data
});
};
/**
*
* @param matrialTypeId
*/
export const delBaseMaterialType = (matrialTypeId: string | number | Array<string | number>) => {
return request({
url: '/mes/baseMaterialType/' + matrialTypeId,
method: 'delete'
});
};
/**
*
* @param query
* @returns {*}
*/
export function getBaseMaterialTypeList (query) {
return request({
url: '/mes/baseMaterialType/getBaseMaterialTypeList',
method: 'get',
params: query
});
};

@ -0,0 +1,195 @@
export interface BaseMaterialTypeVO {
/**
* ID
*/
matrialTypeId: string | number;
/**
*
*/
tenantId: string | number;
/**
*
*/
parentId: string | number;
/**
*
*/
matrialTypeCode: string;
/**
*
*/
matrialTypeName: string;
/**
*
*/
ancestors: string;
/**
* (1 2 3)
*/
materialCategories: string;
/**
*
*/
materialSubclass: string;
/**
* ID
*/
processId: string | number;
/**
* 1 0
*/
activeFlag: string;
/**
*
*/
remark: string;
/**
*
*/
createDept: number;
/**
*
*/
createBy: number;
/**
*
*/
createTime: string;
/**
*
*/
updateBy: number;
/**
*
*/
updateTime: string;
/**
*
*/
children: BaseMaterialTypeVO[];
}
export interface BaseMaterialTypeForm extends BaseEntity {
/**
* ID
*/
matrialTypeId?: string | number;
/**
*
*/
parentId?: string | number;
/**
*
*/
matrialTypeCode?: string;
/**
*
*/
matrialTypeName?: string;
/**
*
*/
ancestors?: string;
/**
* (1 2 3)
*/
materialCategories?: string;
/**
*
*/
materialSubclass?: string;
/**
* ID
*/
processId?: string | number;
/**
* 1 0
*/
activeFlag?: string;
/**
*
*/
remark?: string;
}
export interface BaseMaterialTypeQuery {
/**
* ID
*/
matrialTypeId?: string | number;
/**
*
*/
parentId?: string | number;
/**
*
*/
matrialTypeCode?: string;
/**
*
*/
matrialTypeName?: string;
/**
*
*/
ancestors?: string;
/**
* (1 2 3)
*/
materialCategories?: string;
/**
*
*/
materialSubclass?: string;
/**
* ID
*/
processId?: string | number;
/**
* 1 0
*/
activeFlag?: string;
/**
*
*/
params?: any;
}

@ -0,0 +1,77 @@
import request from '@/utils/request';
import { AxiosPromise } from 'axios';
import { BaseMeasurementUnitInfoVO, BaseMeasurementUnitInfoForm, BaseMeasurementUnitInfoQuery } from '@/api/mes/baseMeasurementUnitInfo/types';
/**
*
* @param query
* @returns {*}
*/
export const listBaseMeasurementUnitInfo = (query?: BaseMeasurementUnitInfoQuery): AxiosPromise<BaseMeasurementUnitInfoVO[]> => {
return request({
url: '/mes/baseMeasurementUnitInfo/list',
method: 'get',
params: query
});
};
/**
*
* @param unitId
*/
export const getBaseMeasurementUnitInfo = (unitId: string | number): AxiosPromise<BaseMeasurementUnitInfoVO> => {
return request({
url: '/mes/baseMeasurementUnitInfo/' + unitId,
method: 'get'
});
};
/**
*
* @param data
*/
export const addBaseMeasurementUnitInfo = (data: BaseMeasurementUnitInfoForm) => {
return request({
url: '/mes/baseMeasurementUnitInfo',
method: 'post',
data: data
});
};
/**
*
* @param data
*/
export const updateBaseMeasurementUnitInfo = (data: BaseMeasurementUnitInfoForm) => {
return request({
url: '/mes/baseMeasurementUnitInfo',
method: 'put',
data: data
});
};
/**
*
* @param unitId
*/
export const delBaseMeasurementUnitInfo = (unitId: string | number | Array<string | number>) => {
return request({
url: '/mes/baseMeasurementUnitInfo/' + unitId,
method: 'delete'
});
};
/**
*
* @param query
* @returns {*}
*/
export function getBaseMeasurementUnitInfoList (query) {
return request({
url: '/mes/baseMeasurementUnitInfo/getBaseMeasurementUnitInfoList',
method: 'get',
params: query
});
};

@ -0,0 +1,175 @@
export interface BaseMeasurementUnitInfoVO {
/**
*
*/
unitId: string | number;
/**
*
*/
parentId: string | number;
/**
*
*/
unitCode: string;
/**
*
*/
unitName: string;
/**
* 1
*/
unitConversion: number;
/**
*
*/
ancestors: string;
/**
* 1 2 3 4 5
*/
unitType: string;
/**
*
*/
remark: string;
/**
* (1 0)
*/
activeFlag: string;
/**
*
*/
createDept: number;
/**
*
*/
createBy: number;
/**
*
*/
createTime: string;
/**
*
*/
updateBy: number;
/**
*
*/
updateTime: string;
/**
*
*/
children: BaseMeasurementUnitInfoVO[];
}
export interface BaseMeasurementUnitInfoForm extends BaseEntity {
/**
*
*/
unitId?: string | number;
/**
*
*/
parentId?: string | number;
/**
*
*/
unitCode?: string;
/**
*
*/
unitName?: string;
/**
* 1
*/
unitConversion?: number;
/**
*
*/
ancestors?: string;
/**
* 1 2 3 4 5
*/
unitType?: string;
/**
*
*/
remark?: string;
/**
* (1 0)
*/
activeFlag?: string;
}
export interface BaseMeasurementUnitInfoQuery {
/**
*
*/
unitId?: string | number;
/**
*
*/
parentId?: string | number;
/**
*
*/
unitCode?: string;
/**
*
*/
unitName?: string;
/**
* 1
*/
unitConversion?: number;
/**
*
*/
ancestors?: string;
/**
* 1 2 3 4 5
*/
unitType?: string;
/**
* (1 0)
*/
activeFlag?: string;
/**
*
*/
params?: any;
}

@ -0,0 +1,77 @@
import request from '@/utils/request';
import { AxiosPromise } from 'axios';
import { BaseSupplierInfoVO, BaseSupplierInfoForm, BaseSupplierInfoQuery } from '@/api/mes/baseSupplierInfo/types';
/**
*
* @param query
* @returns {*}
*/
export const listBaseSupplierInfo = (query?: BaseSupplierInfoQuery): AxiosPromise<BaseSupplierInfoVO[]> => {
return request({
url: '/mes/baseSupplierInfo/list',
method: 'get',
params: query
});
};
/**
*
* @param supplierId
*/
export const getBaseSupplierInfo = (supplierId: string | number): AxiosPromise<BaseSupplierInfoVO> => {
return request({
url: '/mes/baseSupplierInfo/' + supplierId,
method: 'get'
});
};
/**
*
* @param data
*/
export const addBaseSupplierInfo = (data: BaseSupplierInfoForm) => {
return request({
url: '/mes/baseSupplierInfo',
method: 'post',
data: data
});
};
/**
*
* @param data
*/
export const updateBaseSupplierInfo = (data: BaseSupplierInfoForm) => {
return request({
url: '/mes/baseSupplierInfo',
method: 'put',
data: data
});
};
/**
*
* @param supplierId
*/
export const delBaseSupplierInfo = (supplierId: string | number | Array<string | number>) => {
return request({
url: '/mes/baseSupplierInfo/' + supplierId,
method: 'delete'
});
};
/**
*
* @param query
* @returns {*}
*/
export function getBaseSupplierInfoList (query) {
return request({
url: '/mes/baseSupplierInfo/getBaseSupplierInfoList',
method: 'get',
params: query
});
};

@ -0,0 +1,161 @@
export interface BaseSupplierInfoVO {
/**
*
*/
supplierId: string | number;
/**
*
*/
tenantId: string | number;
/**
*
*/
supplierCode: string;
/**
*
*/
supplierName: string;
/**
* erp
*/
erpId: string | number;
/**
* 1 0
*/
supplierStatus: string;
/**
*
*/
auditDate: string;
/**
* erp
*/
erpModifyDate: string;
/**
*
*/
remark: string;
/**
*
*/
createDept: number;
/**
*
*/
createBy: number;
/**
*
*/
createTime: string;
/**
*
*/
updateBy: number;
/**
*
*/
updateTime: string;
}
export interface BaseSupplierInfoForm extends BaseEntity {
/**
*
*/
supplierId?: string | number;
/**
*
*/
supplierCode?: string;
/**
*
*/
supplierName?: string;
/**
* erp
*/
erpId?: string | number;
/**
* 1 0
*/
supplierStatus?: string;
/**
*
*/
auditDate?: string;
/**
* erp
*/
erpModifyDate?: string;
/**
*
*/
remark?: string;
}
export interface BaseSupplierInfoQuery extends PageQuery {
/**
*
*/
supplierId?: string | number;
/**
*
*/
supplierCode?: string;
/**
*
*/
supplierName?: string;
/**
* erp
*/
erpId?: string | number;
/**
* 1 0
*/
supplierStatus?: string;
/**
*
*/
auditDate?: string;
/**
* erp
*/
erpModifyDate?: string;
/**
*
*/
params?: any;
}

@ -153,7 +153,7 @@
<!-- <el-form-item label="班次ID" prop="shiftId">
<el-input v-model="form.shiftId" placeholder="请输入班次ID" />
</el-form-item>-->
<el-form-item label="班次ID" prop="shiftId">
<el-form-item label="班次" prop="shiftId">
<el-select v-model="form.shiftId" placeholder="请选择班次">
<el-option
v-for="item in shiftList"

@ -0,0 +1,293 @@
<template>
<div class="p-2">
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
<div v-show="showSearch" class="mb-[10px]">
<el-card shadow="hover">
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
<!-- <el-form-item label="主键标识" prop="equalMaterialInfoId">
<el-input v-model="queryParams.equalMaterialInfoId" placeholder="请输入主键标识" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<!-- <el-form-item label="物料ID" prop="materialId">
<el-input v-model="queryParams.materialId" placeholder="请输入物料ID" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="等同物料ID" prop="equalMaterialId">
<el-input v-model="queryParams.equalMaterialId" placeholder="请输入等同物料ID" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<el-form-item label="激活标识" prop="activeFlag">
<el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable >
<el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"></el-button>
<el-button icon="Refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</transition>
<el-card shadow="never">
<template #header>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['mes:baseEqualMaterialInfo:add']"></el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['mes:baseEqualMaterialInfo:edit']"></el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['mes:baseEqualMaterialInfo:remove']"></el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['mes:baseEqualMaterialInfo:export']"></el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
</el-row>
</template>
<el-table v-loading="loading" :data="baseEqualMaterialInfoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键标识" align="center" prop="equalMaterialInfoId" v-if="columns[0].visible"/>
<el-table-column label="租户编号" align="center" prop="tenantId" v-if="columns[1].visible"/>-->
<el-table-column label="物料" align="center" prop="materialName" v-if="columns[0].visible"/>
<el-table-column label="等同物料ID" align="center" prop="equalMaterialId" v-if="columns[1].visible"/>
<el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[2].visible">
<template #default="scope">
<dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" v-if="columns[3].visible"/>
<!-- <el-table-column label="创建部门" align="center" prop="createDept" v-if="columns[6].visible"/>
<el-table-column label="创建人" align="center" prop="createBy" v-if="columns[7].visible"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180" v-if="columns[8].visible">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="更新人" align="center" prop="updateBy" v-if="columns[9].visible"/>
<el-table-column label="更新时间" align="center" prop="updateTime" width="180" v-if="columns[10].visible">
<template #default="scope">
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-tooltip content="修改" placement="top">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['mes:baseEqualMaterialInfo:edit']"></el-button>
</el-tooltip>
<el-tooltip content="删除" placement="top">
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['mes:baseEqualMaterialInfo:remove']"></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
</el-card>
<!-- 添加或修改等同物料信息对话框 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="baseEqualMaterialInfoFormRef" :model="form" :rules="rules" label-width="80px">
<!-- <el-form-item label="主键标识" prop="equalMaterialInfoId">
<el-input v-model="form.equalMaterialInfoId" placeholder="请输入主键标识" />
</el-form-item>-->
<el-form-item label="物料" prop="materialId">
<!-- <el-input v-model="form.materialId" placeholder="请输入物料ID" />-->
<el-select v-model="form.materialId" placeholder="请选择物料" clearable >
<el-option v-for="item in materialList"
:key="item.materialId"
:label="item.materialName"
:value="item.materialId"/>
</el-select>
</el-form-item>
<el-form-item label="等同物料ID" prop="equalMaterialId">
<el-input v-model="form.equalMaterialId" placeholder="请输入等同物料ID" />
</el-form-item>
<el-form-item label="激活标识" prop="activeFlag">
<el-radio-group v-model="form.activeFlag">
<el-radio
v-for="dict in active_flag"
:key="dict.value"
:value="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="BaseEqualMaterialInfo" lang="ts">
import { listBaseEqualMaterialInfo, getBaseEqualMaterialInfo, delBaseEqualMaterialInfo, addBaseEqualMaterialInfo, updateBaseEqualMaterialInfo } from '@/api/mes/baseEqualMaterialInfo';
import { BaseEqualMaterialInfoVO, BaseEqualMaterialInfoQuery, BaseEqualMaterialInfoForm } from '@/api/mes/baseEqualMaterialInfo/types';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { active_flag } = toRefs<any>(proxy?.useDict('active_flag'));
const baseEqualMaterialInfoList = ref<BaseEqualMaterialInfoVO[]>([]);
const buttonLoading = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref<Array<string | number>>([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const materialList = ref([]);
const queryFormRef = ref<ElFormInstance>();
const baseEqualMaterialInfoFormRef = ref<ElFormInstance>();
const dialog = reactive<DialogOption>({
visible: false,
title: ''
});
//
const columns = ref<FieldOption[]>([
/* { key: 0, label: ``, visible: true },
{ key: 1, label: `租户编号`, visible: true },*/
{ key: 0, label: `物料`, visible: true },
{ key: 1, label: `等同物料ID`, visible: true },
{ key: 2, label: `激活标识`, visible: true },
{ key: 3, label: `备注`, visible: true },
/* { key: 6, label: ``, visible: true },
{ key: 7, label: `创建人`, visible: true },
{ key: 8, label: `创建时间`, visible: true },
{ key: 9, label: `更新人`, visible: true },
{ key: 10, label: `更新时间`, visible: true },*/
]);
const initFormData: BaseEqualMaterialInfoForm = {
equalMaterialInfoId: undefined,
materialId: undefined,
equalMaterialId: undefined,
activeFlag: undefined,
remark: undefined,
}
const data = reactive<PageData<BaseEqualMaterialInfoForm, BaseEqualMaterialInfoQuery>>({
form: {...initFormData},
queryParams: {
pageNum: 1,
pageSize: 10,
equalMaterialInfoId: undefined,
materialId: undefined,
equalMaterialId: undefined,
activeFlag: undefined,
params: {
}
},
rules: {
}
});
const { queryParams, form, rules } = toRefs(data);
/** 查询等同物料信息列表 */
const getList = async () => {
loading.value = true;
const res = await listBaseEqualMaterialInfo(queryParams.value);
baseEqualMaterialInfoList.value = res.rows;
total.value = res.total;
loading.value = false;
}
/** 取消按钮 */
const cancel = () => {
reset();
dialog.visible = false;
}
/** 表单重置 */
const reset = () => {
form.value = {...initFormData};
baseEqualMaterialInfoFormRef.value?.resetFields();
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value?.resetFields();
handleQuery();
}
/** 多选框选中数据 */
const handleSelectionChange = (selection: BaseEqualMaterialInfoVO[]) => {
ids.value = selection.map(item => item.equalMaterialInfoId);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
const handleAdd = () => {
reset();
dialog.visible = true;
dialog.title = "添加等同物料信息";
}
/** 修改按钮操作 */
const handleUpdate = async (row?: BaseEqualMaterialInfoVO) => {
reset();
const _equalMaterialInfoId = row?.equalMaterialInfoId || ids.value[0]
const res = await getBaseEqualMaterialInfo(_equalMaterialInfoId);
Object.assign(form.value, res.data);
dialog.visible = true;
dialog.title = "修改等同物料信息";
}
/** 提交按钮 */
const submitForm = () => {
baseEqualMaterialInfoFormRef.value?.validate(async (valid: boolean) => {
if (valid) {
buttonLoading.value = true;
if (form.value.equalMaterialInfoId) {
await updateBaseEqualMaterialInfo(form.value).finally(() => buttonLoading.value = false);
} else {
await addBaseEqualMaterialInfo(form.value).finally(() => buttonLoading.value = false);
}
proxy?.$modal.msgSuccess("操作成功");
dialog.visible = false;
await getList();
}
});
}
/** 删除按钮操作 */
const handleDelete = async (row?: BaseEqualMaterialInfoVO) => {
const _equalMaterialInfoIds = row?.equalMaterialInfoId || ids.value;
await proxy?.$modal.confirm('是否确认删除等同物料信息编号为"' + _equalMaterialInfoIds + '"的数据项?').finally(() => loading.value = false);
await delBaseEqualMaterialInfo(_equalMaterialInfoIds);
proxy?.$modal.msgSuccess("删除成功");
await getList();
}
/** 导出按钮操作 */
const handleExport = () => {
proxy?.download('mes/baseEqualMaterialInfo/export', {
...queryParams.value
}, `baseEqualMaterialInfo_${new Date().getTime()}.xlsx`)
}
/*w物料下拉框*/
const getListsSelect = () => {
let res = getBaseMaterialInfoList(null);
materialList.value = res.data;
}
onMounted(() => {
getList();
});
</script>

@ -0,0 +1,404 @@
<template>
<div class="p-2">
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
<div v-show="showSearch" class="mb-[10px]">
<el-card shadow="hover">
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
<!-- <el-form-item label="物料类型ID" prop="matrialTypeId">
<el-input v-model="queryParams.matrialTypeId" placeholder="请输入物料类型ID" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<!-- <el-form-item label="父级标识" prop="parentId">
<el-input v-model="queryParams.parentId" placeholder="请输入父级标识" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<el-form-item label="物料类型编号" prop="matrialTypeCode">
<el-input v-model="queryParams.matrialTypeCode" placeholder="请输入物料类型编号" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="物料类型名称" prop="matrialTypeName">
<el-input v-model="queryParams.matrialTypeName" placeholder="请输入物料类型名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<!-- <el-form-item label="祖级列表" prop="ancestors">
<el-input v-model="queryParams.ancestors" placeholder="请输入祖级列表" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<el-form-item label="物料大类" prop="materialCategories">
<el-select v-model="queryParams.materialCategories" placeholder="请选择物料大类(1原材料 2半成品 3成品)" clearable>
<el-option v-for="dict in mes_material_categories" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<!-- <el-form-item label="物料小类" prop="materialSubclass">
<el-input v-model="queryParams.materialSubclass" placeholder="请输入物料小类" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="工序ID" prop="processId">
<el-input v-model="queryParams.processId" placeholder="请输入工序ID" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<el-form-item label="激活标识" prop="activeFlag">
<el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable>
<el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"></el-button>
<el-button icon="Refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</transition>
<el-card shadow="never">
<template #header>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['mes:baseMaterialType:add']"></el-button>
</el-col>
<el-col :span="1.5">
<el-button type="info" plain icon="Sort" @click="handleToggleExpandAll">/</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
</template>
<el-table
ref="baseMaterialTypeTableRef"
v-loading="loading"
:data="baseMaterialTypeList"
row-key="matrialTypeId"
:default-expand-all="isExpandAll"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
>
<!-- <el-table-column label="物料类型ID" align="center" prop="matrialTypeId" />
<el-table-column label="租户编号" prop="tenantId" />-->
<el-table-column label="父级标识" align="center" prop="parentId" />
<el-table-column label="物料类型编号" align="center" prop="matrialTypeCode" />
<el-table-column label="物料类型名称" align="center" prop="matrialTypeName" />
<el-table-column label="祖级列表" align="center" prop="ancestors" />
<el-table-column label="物料大类" align="center" prop="materialCategories">
<template #default="scope">
<dict-tag :options="mes_material_categories" :value="scope.row.materialCategories"/>
</template>
</el-table-column>
<el-table-column label="物料小类" align="center" prop="materialSubclass" />
<el-table-column label="工序ID" align="center" prop="processId" />
<el-table-column label="激活标识" align="center" prop="activeFlag">
<template #default="scope">
<dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<!-- <el-table-column label="创建部门" align="center" prop="createDept" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="更新人" align="center" prop="updateBy" />
<el-table-column label="更新时间" align="center" prop="updateTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-tooltip content="修改" placement="top">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['mes:baseMaterialType:edit']" />
</el-tooltip>
<el-tooltip content="新增" placement="top">
<el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['mes:baseMaterialType:add']" />
</el-tooltip>
<el-tooltip content="删除" placement="top">
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['mes:baseMaterialType:remove']" />
</el-tooltip>
</template>
</el-table-column>
</el-table>
</el-card>
<!-- 添加或修改物料类型信息对话框 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="baseMaterialTypeFormRef" :model="form" :rules="rules" label-width="80px">
<!-- <el-form-item label="物料类型ID" prop="matrialTypeId">
<el-input v-model="form.matrialTypeId" placeholder="请输入物料类型ID" />
</el-form-item>-->
<el-form-item label="父级标识" prop="parentId">
<el-tree-select
v-model="form.parentId"
:data="baseMaterialTypeOptions"
:props="{ value: 'matrialTypeId', label: 'matrialTypeName', children: 'children' }"
value-key="matrialTypeId"
placeholder="请选择父级标识"
check-strictly
/>
</el-form-item>
<el-form-item label="物料类型编号" prop="matrialTypeCode">
<el-input v-model="form.matrialTypeCode" placeholder="请输入物料类型编号" />
</el-form-item>
<el-form-item label="物料类型名称" prop="matrialTypeName">
<el-input v-model="form.matrialTypeName" placeholder="请输入物料类型名称" />
</el-form-item>
<!-- <el-form-item label="祖级列表" prop="ancestors">
<el-input v-model="form.ancestors" placeholder="请输入祖级列表" />
</el-form-item>-->
<el-form-item label="物料大类" prop="materialCategories">
<el-select v-model="form.materialCategories" placeholder="请选择物料大类">
<el-option
v-for="dict in mes_material_categories"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="物料小类" prop="materialSubclass">
<el-input v-model="form.materialSubclass" placeholder="请输入物料小类" />
</el-form-item>
<!-- <el-form-item label="工序ID" prop="processId">
<el-input v-model="form.processId" placeholder="请输入工序ID" />
</el-form-item>-->
<el-form-item label="工序" prop="processId">
<el-select v-model="form.processId" placeholder="请选择工序">
<el-option
v-for="item in processList"
:key="item.processId"
:label="item.processName"
:value="item.processId"
/>
</el-select>
</el-form-item>
<el-form-item label="激活标识" prop="activeFlag">
<el-radio-group v-model="form.activeFlag">
<el-radio
v-for="dict in active_flag"
:key="dict.value"
:value="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="BaseMaterialType" lang="ts">
import { listBaseMaterialType, getBaseMaterialType, delBaseMaterialType, addBaseMaterialType, updateBaseMaterialType } from "@/api/mes/baseMaterialType";
import { BaseMaterialTypeVO, BaseMaterialTypeQuery, BaseMaterialTypeForm } from '@/api/mes/baseMaterialType/types';
import { getProcessInfoList } from "@/api/mes/baseProcessInfo";
type BaseMaterialTypeOption = {
matrialTypeId: number;
matrialTypeName: string;
children?: BaseMaterialTypeOption[];
}
const { proxy } = getCurrentInstance() as ComponentInternalInstance;;
const { active_flag, mes_material_categories } = toRefs<any>(proxy?.useDict('active_flag', 'mes_material_categories'));
const baseMaterialTypeList = ref<BaseMaterialTypeVO[]>([]);
const baseMaterialTypeOptions = ref<BaseMaterialTypeOption[]>([]);
const buttonLoading = ref(false);
const showSearch = ref(true);
const isExpandAll = ref(true);
const loading = ref(false);
const queryFormRef = ref<ElFormInstance>();
const baseMaterialTypeFormRef = ref<ElFormInstance>();
const baseMaterialTypeTableRef = ref<ElTableInstance>()
const dialog = reactive<DialogOption>({
visible: false,
title: ''
});
const initFormData: BaseMaterialTypeForm = {
matrialTypeId: undefined,
parentId: undefined,
matrialTypeCode: undefined,
matrialTypeName: undefined,
ancestors: undefined,
materialCategories: undefined,
materialSubclass: undefined,
processId: undefined,
activeFlag: undefined,
remark: undefined,
}
const data = reactive<PageData<BaseMaterialTypeForm, BaseMaterialTypeQuery>>({
form: {...initFormData},
queryParams: {
matrialTypeId: undefined,
parentId: undefined,
matrialTypeCode: undefined,
matrialTypeName: undefined,
ancestors: undefined,
materialCategories: undefined,
materialSubclass: undefined,
processId: undefined,
activeFlag: undefined,
params: {
}
},
rules: {
/* matrialTypeId: [
{ required: true, message: "物料类型ID不能为空", trigger: "blur" }
],*/
parentId: [
{ required: true, message: "父级标识不能为空", trigger: "blur" }
],
matrialTypeCode: [
{ required: true, message: "物料类型编号不能为空", trigger: "blur" }
],
matrialTypeName: [
{ required: true, message: "物料类型名称不能为空", trigger: "blur" }
],
/* ancestors: [
{ required: true, message: "祖级列表不能为空", trigger: "blur" }
],
materialCategories: [
{ required: true, message: "物料大类(1原材料 2半成品 3成品)不能为空", trigger: "change" }
],
materialSubclass: [
{ required: true, message: "物料小类不能为空", trigger: "blur" }
],
processId: [
{ required: true, message: "工序ID不能为空", trigger: "blur" }
],
activeFlag: [
{ required: true, message: "激活标识不能为空", trigger: "change" }
],
remark: [
{ required: true, message: "备注不能为空", trigger: "blur" }
],*/
}
});
const { queryParams, form, rules } = toRefs(data);
/** 查询物料类型信息列表 */
const getList = async () => {
loading.value = true;
const res = await listBaseMaterialType(queryParams.value);
const data = proxy?.handleTree<BaseMaterialTypeVO>(res.data, "matrialTypeId", "parentId");
if (data) {
baseMaterialTypeList.value = data;
loading.value = false;
}
}
let processList = ref([]);
/*获取工序下拉框*/
const getProcessSelect = async () => {
let res = await getProcessInfoList(null);
processList.value = res.data;
};
/** 查询物料类型信息下拉树结构 */
const getTreeselect = async () => {
const res = await listBaseMaterialType();
baseMaterialTypeOptions.value = [];
const data: BaseMaterialTypeOption = { matrialTypeId: 0, matrialTypeName: '顶级节点', children: [] };
data.children = proxy?.handleTree<BaseMaterialTypeOption>(res.data, "matrialTypeId", "parentId");
baseMaterialTypeOptions.value.push(data);
}
//
const cancel = () => {
reset();
dialog.visible = false;
}
//
const reset = () => {
form.value = {...initFormData}
baseMaterialTypeFormRef.value?.resetFields();
}
/** 搜索按钮操作 */
const handleQuery = () => {
getList();
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value?.resetFields();
handleQuery();
}
/** 新增按钮操作 */
const handleAdd = (row?: BaseMaterialTypeVO) => {
reset();
getTreeselect();
if (row != null && row.matrialTypeId) {
form.value.parentId = row.matrialTypeId;
} else {
form.value.parentId = 0;
}
dialog.visible = true;
dialog.title = "添加物料类型信息";
}
/** 展开/折叠操作 */
const handleToggleExpandAll = () => {
isExpandAll.value = !isExpandAll.value;
toggleExpandAll(baseMaterialTypeList.value, isExpandAll.value)
}
/** 展开/折叠操作 */
const toggleExpandAll = (data: BaseMaterialTypeVO[], status: boolean) => {
data.forEach((item) => {
baseMaterialTypeTableRef.value?.toggleRowExpansion(item, status)
if (item.children && item.children.length > 0) toggleExpandAll(item.children, status)
})
}
/** 修改按钮操作 */
const handleUpdate = async (row: BaseMaterialTypeVO) => {
reset();
await getTreeselect();
if (row != null) {
form.value.parentId = row.parentId;
}
const res = await getBaseMaterialType(row.matrialTypeId);
Object.assign(form.value, res.data);
dialog.visible = true;
dialog.title = "修改物料类型信息";
}
/** 提交按钮 */
const submitForm = () => {
baseMaterialTypeFormRef.value?.validate(async (valid: boolean) => {
if (valid) {
buttonLoading.value = true;
if (form.value.matrialTypeId) {
await updateBaseMaterialType(form.value).finally(() => buttonLoading.value = false);
} else {
await addBaseMaterialType(form.value).finally(() => buttonLoading.value = false);
}
proxy?.$modal.msgSuccess("操作成功");
dialog.visible = false;
getList();
}
});
}
/** 删除按钮操作 */
const handleDelete = async (row: BaseMaterialTypeVO) => {
await proxy?.$modal.confirm('是否确认删除物料类型信息编号为"' + row.matrialTypeId + '"的数据项?');
loading.value = true;
await delBaseMaterialType(row.matrialTypeId).finally(() => loading.value = false);
await getList();
proxy?.$modal.msgSuccess("删除成功");
}
onMounted(() => {
getProcessSelect();
getList();
});
</script>

@ -0,0 +1,339 @@
<template>
<div class="p-2">
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
<div v-show="showSearch" class="mb-[10px]">
<el-card shadow="hover">
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
<!-- <el-form-item label="主键标识" prop="unitId">
<el-input v-model="queryParams.unitId" placeholder="请输入主键标识" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="父级标识" prop="parentId">
<el-input v-model="queryParams.parentId" placeholder="请输入父级标识" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<el-form-item label="计量单位编号" prop="unitCode">
<el-input v-model="queryParams.unitCode" placeholder="请输入计量单位编号" clearable @keyup.enter="handleQuery" />
</el-form-item>
<!-- <el-form-item label="计量单位名称" prop="unitName">
<el-input v-model="queryParams.unitName" placeholder="请输入计量单位名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="计量单位转换" prop="unitConversion">
<el-input v-model="queryParams.unitConversion" placeholder="请输入计量单位转换" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="祖级列表" prop="ancestors">
<el-input v-model="queryParams.ancestors" placeholder="请输入祖级列表" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<el-form-item label="单位类型" prop="unitType">
<el-select v-model="queryParams.unitType" placeholder="请选择单位类型" clearable>
<el-option v-for="dict in unit_type" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="激活标识" prop="activeFlag">
<el-input v-model="queryParams.activeFlag" placeholder="请输入激活标识" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"></el-button>
<el-button icon="Refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</transition>
<el-card shadow="never">
<template #header>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['mes:baseMeasurementUnitInfo:add']"></el-button>
</el-col>
<el-col :span="1.5">
<el-button type="info" plain icon="Sort" @click="handleToggleExpandAll">/</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
</template>
<el-table
ref="baseMeasurementUnitInfoTableRef"
v-loading="loading"
:data="baseMeasurementUnitInfoList"
row-key="unitId"
:default-expand-all="isExpandAll"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
>
<!-- <el-table-column label="主键标识" align="center" prop="unitId" />-->
<el-table-column label="父级标识" prop="parentId" />
<el-table-column label="计量单位编号" align="center" prop="unitCode" />
<el-table-column label="计量单位名称" align="center" prop="unitName" />
<el-table-column label="计量单位转换" align="center" prop="unitConversion" />
<el-table-column label="祖级列表" align="center" prop="ancestors" />
<el-table-column label="单位类型" align="center" prop="unitType">
<template #default="scope">
<dict-tag :options="unit_type" :value="scope.row.unitType"/>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="激活标识(1是 0否)" align="center" prop="activeFlag" />
<!-- <el-table-column label="创建部门" align="center" prop="createDept" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="更新人" align="center" prop="updateBy" />
<el-table-column label="更新时间" align="center" prop="updateTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-tooltip content="修改" placement="top">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['mes:baseMeasurementUnitInfo:edit']" />
</el-tooltip>
<el-tooltip content="新增" placement="top">
<el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['mes:baseMeasurementUnitInfo:add']" />
</el-tooltip>
<el-tooltip content="删除" placement="top">
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['mes:baseMeasurementUnitInfo:remove']" />
</el-tooltip>
</template>
</el-table-column>
</el-table>
</el-card>
<!-- 添加或修改计量单位信息对话框 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="baseMeasurementUnitInfoFormRef" :model="form" :rules="rules" label-width="80px">
<!-- <el-form-item label="主键标识" prop="unitId">
<el-input v-model="form.unitId" placeholder="请输入主键标识" />
</el-form-item>-->
<el-form-item label="父级标识" prop="parentId">
<el-tree-select
v-model="form.parentId"
:data="baseMeasurementUnitInfoOptions"
:props="{ value: 'unitId', label: 'unitName', children: 'children' }"
value-key="unitId"
placeholder="请选择父级标识"
check-strictly
/>
</el-form-item>
<el-form-item label="计量单位编号" prop="unitCode">
<el-input v-model="form.unitCode" placeholder="请输入计量单位编号" />
</el-form-item>
<el-form-item label="计量单位名称" prop="unitName">
<el-input v-model="form.unitName" placeholder="请输入计量单位名称" />
</el-form-item>
<el-form-item label="计量单位转换" prop="unitConversion">
<el-input v-model="form.unitConversion" placeholder="请输入计量单位转换" />
</el-form-item>
<!-- <el-form-item label="祖级列表" prop="ancestors">
<el-input v-model="form.ancestors" placeholder="请输入祖级列表" />
</el-form-item>-->
<el-form-item label="单位类型" prop="unitType">
<el-select v-model="form.unitType" placeholder="请选择单位类型">
<el-option
v-for="dict in unit_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
<el-form-item label="激活标识" prop="activeFlag">
<el-input v-model="form.activeFlag" placeholder="请输入激活标识" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="BaseMeasurementUnitInfo" lang="ts">
import { listBaseMeasurementUnitInfo, getBaseMeasurementUnitInfo, delBaseMeasurementUnitInfo, addBaseMeasurementUnitInfo, updateBaseMeasurementUnitInfo } from "@/api/mes/baseMeasurementUnitInfo";
import { BaseMeasurementUnitInfoVO, BaseMeasurementUnitInfoQuery, BaseMeasurementUnitInfoForm } from '@/api/mes/baseMeasurementUnitInfo/types';
type BaseMeasurementUnitInfoOption = {
unitId: number;
unitName: string;
children?: BaseMeasurementUnitInfoOption[];
}
const { proxy } = getCurrentInstance() as ComponentInternalInstance;;
const { unit_type } = toRefs<any>(proxy?.useDict('unit_type'));
const baseMeasurementUnitInfoList = ref<BaseMeasurementUnitInfoVO[]>([]);
const baseMeasurementUnitInfoOptions = ref<BaseMeasurementUnitInfoOption[]>([]);
const buttonLoading = ref(false);
const showSearch = ref(true);
const isExpandAll = ref(true);
const loading = ref(false);
const queryFormRef = ref<ElFormInstance>();
const baseMeasurementUnitInfoFormRef = ref<ElFormInstance>();
const baseMeasurementUnitInfoTableRef = ref<ElTableInstance>()
const dialog = reactive<DialogOption>({
visible: false,
title: ''
});
const initFormData: BaseMeasurementUnitInfoForm = {
unitId: undefined,
parentId: undefined,
unitCode: undefined,
unitName: undefined,
unitConversion: undefined,
ancestors: undefined,
unitType: undefined,
remark: undefined,
activeFlag: undefined,
}
const data = reactive<PageData<BaseMeasurementUnitInfoForm, BaseMeasurementUnitInfoQuery>>({
form: {...initFormData},
queryParams: {
unitId: undefined,
parentId: undefined,
unitCode: undefined,
unitName: undefined,
unitConversion: undefined,
ancestors: undefined,
unitType: undefined,
activeFlag: undefined,
params: {
}
},
rules: {
unitCode: [
{ required: true, message: "计量单位编号不能为空", trigger: "blur" }
],
unitName: [
{ required: true, message: "计量单位名称不能为空", trigger: "blur" }
],
}
});
const { queryParams, form, rules } = toRefs(data);
/** 查询计量单位信息列表 */
const getList = async () => {
loading.value = true;
const res = await listBaseMeasurementUnitInfo(queryParams.value);
const data = proxy?.handleTree<BaseMeasurementUnitInfoVO>(res.data, "unitId", "parentId");
if (data) {
baseMeasurementUnitInfoList.value = data;
loading.value = false;
}
}
/** 查询计量单位信息下拉树结构 */
const getTreeselect = async () => {
const res = await listBaseMeasurementUnitInfo();
baseMeasurementUnitInfoOptions.value = [];
const data: BaseMeasurementUnitInfoOption = { unitId: 0, unitName: '顶级节点', children: [] };
data.children = proxy?.handleTree<BaseMeasurementUnitInfoOption>(res.data, "unitId", "parentId");
baseMeasurementUnitInfoOptions.value.push(data);
}
//
const cancel = () => {
reset();
dialog.visible = false;
}
//
const reset = () => {
form.value = {...initFormData}
baseMeasurementUnitInfoFormRef.value?.resetFields();
}
/** 搜索按钮操作 */
const handleQuery = () => {
getList();
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value?.resetFields();
handleQuery();
}
/** 新增按钮操作 */
const handleAdd = (row?: BaseMeasurementUnitInfoVO) => {
reset();
getTreeselect();
if (row != null && row.unitId) {
form.value.parentId = row.unitId;
} else {
form.value.parentId = 0;
}
dialog.visible = true;
dialog.title = "添加计量单位信息";
}
/** 展开/折叠操作 */
const handleToggleExpandAll = () => {
isExpandAll.value = !isExpandAll.value;
toggleExpandAll(baseMeasurementUnitInfoList.value, isExpandAll.value)
}
/** 展开/折叠操作 */
const toggleExpandAll = (data: BaseMeasurementUnitInfoVO[], status: boolean) => {
data.forEach((item) => {
baseMeasurementUnitInfoTableRef.value?.toggleRowExpansion(item, status)
if (item.children && item.children.length > 0) toggleExpandAll(item.children, status)
})
}
/** 修改按钮操作 */
const handleUpdate = async (row: BaseMeasurementUnitInfoVO) => {
reset();
await getTreeselect();
if (row != null) {
form.value.parentId = row.parentId;
}
const res = await getBaseMeasurementUnitInfo(row.unitId);
Object.assign(form.value, res.data);
dialog.visible = true;
dialog.title = "修改计量单位信息";
}
/** 提交按钮 */
const submitForm = () => {
baseMeasurementUnitInfoFormRef.value?.validate(async (valid: boolean) => {
if (valid) {
buttonLoading.value = true;
if (form.value.unitId) {
await updateBaseMeasurementUnitInfo(form.value).finally(() => buttonLoading.value = false);
} else {
await addBaseMeasurementUnitInfo(form.value).finally(() => buttonLoading.value = false);
}
proxy?.$modal.msgSuccess("操作成功");
dialog.visible = false;
getList();
}
});
}
/** 删除按钮操作 */
const handleDelete = async (row: BaseMeasurementUnitInfoVO) => {
await proxy?.$modal.confirm('是否确认删除计量单位信息编号为"' + row.unitId + '"的数据项?');
loading.value = true;
await delBaseMeasurementUnitInfo(row.unitId).finally(() => loading.value = false);
await getList();
proxy?.$modal.msgSuccess("删除成功");
}
onMounted(() => {
getList();
});
</script>

@ -0,0 +1,361 @@
<template>
<div class="p-2">
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
<div v-show="showSearch" class="mb-[10px]">
<el-card shadow="hover">
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
<!-- <el-form-item label="主键标识" prop="supplierId">
<el-input v-model="queryParams.supplierId" placeholder="请输入主键标识" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<el-form-item label="供应商编号" prop="supplierCode">
<el-input v-model="queryParams.supplierCode" placeholder="请输入供应商编号" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="供应商名称" prop="supplierName">
<el-input v-model="queryParams.supplierName" placeholder="请输入供应商名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<!-- <el-form-item label="erp的主键" prop="erpId">
<el-input v-model="queryParams.erpId" placeholder="请输入erp的主键" clearable @keyup.enter="handleQuery" />
</el-form-item>-->
<el-form-item label="激活状态" prop="supplierStatus">
<el-select v-model="queryParams.supplierStatus" placeholder="请选择激活状态" clearable >
<el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="审核日期" style="width: 308px">
<el-date-picker
v-model="dateRangeAuditDate"
value-format="YYYY-MM-DD HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
/>
</el-form-item>
<el-form-item label="erp最后更新时间" style="width: 308px">
<el-date-picker
v-model="dateRangeErpModifyDate"
value-format="YYYY-MM-DD HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery"></el-button>
<el-button icon="Refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-form>
</el-card>
</div>
</transition>
<el-card shadow="never">
<template #header>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['mes:baseSupplierInfo:add']"></el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['mes:baseSupplierInfo:edit']"></el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['mes:baseSupplierInfo:remove']"></el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['mes:baseSupplierInfo:export']"></el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
</el-row>
</template>
<el-table v-loading="loading" :data="baseSupplierInfoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键标识" align="center" prop="supplierId" v-if="columns[0].visible"/>
<el-table-column label="租户编号" align="center" prop="tenantId" v-if="columns[1].visible"/>-->
<el-table-column label="供应商编号" align="center" prop="supplierCode" v-if="columns[0].visible"/>
<el-table-column label="供应商名称" align="center" prop="supplierName" v-if="columns[1].visible"/>
<el-table-column label="erp的主键" align="center" prop="erpId" v-if="columns[2].visible"/>
<el-table-column label="激活状态" align="center" prop="supplierStatus" v-if="columns[3].visible">
<template #default="scope">
<dict-tag :options="active_flag" :value="scope.row.supplierStatus"/>
</template>
</el-table-column>
<el-table-column label="审核日期" align="center" prop="auditDate" width="180" v-if="columns[4].visible">
<template #default="scope">
<span>{{ parseTime(scope.row.auditDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="erp最后更新时间" align="center" prop="erpModifyDate" width="180" v-if="columns[5].visible">
<template #default="scope">
<span>{{ parseTime(scope.row.erpModifyDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" v-if="columns[6].visible"/>
<!-- <el-table-column label="创建部门" align="center" prop="createDept" v-if="columns[9].visible"/>
<el-table-column label="创建人" align="center" prop="createBy" v-if="columns[10].visible"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180" v-if="columns[11].visible">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<el-table-column label="更新人" align="center" prop="updateBy" v-if="columns[12].visible"/>
<el-table-column label="更新时间" align="center" prop="updateTime" width="180" v-if="columns[13].visible">
<template #default="scope">
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-tooltip content="修改" placement="top">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['mes:baseSupplierInfo:edit']"></el-button>
</el-tooltip>
<el-tooltip content="删除" placement="top">
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['mes:baseSupplierInfo:remove']"></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
</el-card>
<!-- 添加或修改供应商信息对话框 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="baseSupplierInfoFormRef" :model="form" :rules="rules" label-width="80px">
<!-- <el-form-item label="主键标识" prop="supplierId">
<el-input v-model="form.supplierId" placeholder="请输入主键标识" />
</el-form-item>-->
<el-form-item label="供应商编号" prop="supplierCode">
<el-input v-model="form.supplierCode" placeholder="请输入供应商编号" />
</el-form-item>
<el-form-item label="供应商名称" prop="supplierName">
<el-input v-model="form.supplierName" placeholder="请输入供应商名称" />
</el-form-item>
<el-form-item label="erp的主键" prop="erpId">
<el-input v-model="form.erpId" placeholder="请输入erp的主键" />
</el-form-item>
<el-form-item label="激活状态" prop="supplierStatus">
<el-radio-group v-model="form.supplierStatus">
<el-radio
v-for="dict in active_flag"
:key="dict.value"
:value="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审核日期" prop="auditDate">
<el-date-picker clearable
v-model="form.auditDate"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择审核日期">
</el-date-picker>
</el-form-item>
<el-form-item label="erp最后更新时间" prop="erpModifyDate">
<el-date-picker clearable
v-model="form.erpModifyDate"
type="datetime"
value-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择erp最后更新时间">
</el-date-picker>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup name="BaseSupplierInfo" lang="ts">
import { listBaseSupplierInfo, getBaseSupplierInfo, delBaseSupplierInfo, addBaseSupplierInfo, updateBaseSupplierInfo } from '@/api/mes/baseSupplierInfo';
import { BaseSupplierInfoVO, BaseSupplierInfoQuery, BaseSupplierInfoForm } from '@/api/mes/baseSupplierInfo/types';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { active_flag } = toRefs<any>(proxy?.useDict('active_flag'));
const baseSupplierInfoList = ref<BaseSupplierInfoVO[]>([]);
const buttonLoading = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref<Array<string | number>>([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const dateRangeAuditDate = ref<[DateModelType, DateModelType]>(['', '']);
const dateRangeErpModifyDate = ref<[DateModelType, DateModelType]>(['', '']);
const queryFormRef = ref<ElFormInstance>();
const baseSupplierInfoFormRef = ref<ElFormInstance>();
const dialog = reactive<DialogOption>({
visible: false,
title: ''
});
//
const columns = ref<FieldOption[]>([
/* { key: 0, label: ``, visible: true },
{ key: 1, label: `租户编号`, visible: true },*/
{ key: 0, label: `供应商编号`, visible: true },
{ key: 1, label: `供应商名称`, visible: true },
{ key: 2, label: `erp的主键`, visible: true },
{ key: 3, label: `激活状态`, visible: true },
{ key: 4, label: `审核日期`, visible: true },
{ key: 5, label: `erp最后更新时间`, visible: true },
{ key: 6, label: `备注`, visible: true },
/* { key: 9, label: ``, visible: true },
{ key: 10, label: `创建人`, visible: true },
{ key: 11, label: `创建时间`, visible: true },
{ key: 12, label: `更新人`, visible: true },
{ key: 13, label: `更新时间`, visible: true },*/
]);
const initFormData: BaseSupplierInfoForm = {
supplierId: undefined,
supplierCode: undefined,
supplierName: undefined,
erpId: undefined,
supplierStatus: undefined,
auditDate: undefined,
erpModifyDate: undefined,
remark: undefined,
}
const data = reactive<PageData<BaseSupplierInfoForm, BaseSupplierInfoQuery>>({
form: {...initFormData},
queryParams: {
pageNum: 1,
pageSize: 10,
supplierId: undefined,
supplierCode: undefined,
supplierName: undefined,
erpId: undefined,
supplierStatus: undefined,
params: {
auditDate: undefined,
erpModifyDate: undefined,
}
},
rules: {
supplierCode: [
{ required: true, message: "供应商编号不能为空", trigger: "blur" }
],
supplierName: [
{ required: true, message: "供应商名称不能为空", trigger: "blur" }
],
}
});
const { queryParams, form, rules } = toRefs(data);
/** 查询供应商信息列表 */
const getList = async () => {
loading.value = true;
queryParams.value.params = {};
proxy?.addDateRange(queryParams.value, dateRangeAuditDate.value, 'AuditDate');
proxy?.addDateRange(queryParams.value, dateRangeErpModifyDate.value, 'ErpModifyDate');
const res = await listBaseSupplierInfo(queryParams.value);
baseSupplierInfoList.value = res.rows;
total.value = res.total;
loading.value = false;
}
/** 取消按钮 */
const cancel = () => {
reset();
dialog.visible = false;
}
/** 表单重置 */
const reset = () => {
form.value = {...initFormData};
baseSupplierInfoFormRef.value?.resetFields();
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
const resetQuery = () => {
dateRangeAuditDate.value = ['', ''];
dateRangeErpModifyDate.value = ['', ''];
queryFormRef.value?.resetFields();
handleQuery();
}
/** 多选框选中数据 */
const handleSelectionChange = (selection: BaseSupplierInfoVO[]) => {
ids.value = selection.map(item => item.supplierId);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
const handleAdd = () => {
reset();
dialog.visible = true;
dialog.title = "添加供应商信息";
}
/** 修改按钮操作 */
const handleUpdate = async (row?: BaseSupplierInfoVO) => {
reset();
const _supplierId = row?.supplierId || ids.value[0]
const res = await getBaseSupplierInfo(_supplierId);
Object.assign(form.value, res.data);
dialog.visible = true;
dialog.title = "修改供应商信息";
}
/** 提交按钮 */
const submitForm = () => {
baseSupplierInfoFormRef.value?.validate(async (valid: boolean) => {
if (valid) {
buttonLoading.value = true;
if (form.value.supplierId) {
await updateBaseSupplierInfo(form.value).finally(() => buttonLoading.value = false);
} else {
await addBaseSupplierInfo(form.value).finally(() => buttonLoading.value = false);
}
proxy?.$modal.msgSuccess("操作成功");
dialog.visible = false;
await getList();
}
});
}
/** 删除按钮操作 */
const handleDelete = async (row?: BaseSupplierInfoVO) => {
const _supplierIds = row?.supplierId || ids.value;
await proxy?.$modal.confirm('是否确认删除供应商信息编号为"' + _supplierIds + '"的数据项?').finally(() => loading.value = false);
await delBaseSupplierInfo(_supplierIds);
proxy?.$modal.msgSuccess("删除成功");
await getList();
}
/** 导出按钮操作 */
const handleExport = () => {
proxy?.download('mes/baseSupplierInfo/export', {
...queryParams.value
}, `baseSupplierInfo_${new Date().getTime()}.xlsx`)
}
onMounted(() => {
getList();
});
</script>
Loading…
Cancel
Save