add(hwmom-mes): 新增物料信息相关功能
- 添加等同物料信息页面 - 添加物料信息页面 - 添加计量单位信息页面 - 添加供应商信息页面 - 修改班次信息界面显示master
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,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,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,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,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…
Reference in New Issue