DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

单表增删改查

Browse Source
This commit is contained in:
Joshi
2025-07-18 10:05:56 +08:00
parent c933c655c1
commit 31dd4f4f12
13 changed files with 2679 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

629
klp-ui/src/views/wms/rawMaterial/index.vue Normal file
View File

@@ -0,0 +1,629 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="原材料编号" prop="rawMaterialCode">
<el-input
v-model="queryParams.rawMaterialCode"
placeholder="请输入原材料编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="原材料名称" prop="rawMaterialName">
<el-input
v-model="queryParams.rawMaterialName"
placeholder="请输入原材料名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="钢种/牌号" prop="steelGrade">
<el-input
v-model="queryParams.steelGrade"
placeholder="请输入钢种/牌号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="目标冷轧牌号" prop="targetColdGrade">
<el-input
v-model="queryParams.targetColdGrade"
placeholder="请输入目标冷轧牌号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="基础材质分类ID" prop="baseMaterialId">
<el-input
v-model="queryParams.baseMaterialId"
placeholder="请输入基础材质分类ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="表面处理分类ID" prop="surfaceTreatmentId">
<el-input
v-model="queryParams.surfaceTreatmentId"
placeholder="请输入表面处理分类ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="厚度" prop="thickness">
<el-input
v-model="queryParams.thickness"
placeholder="请输入厚度"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="厚度偏差" prop="thicknessDeviation">
<el-input
v-model="queryParams.thicknessDeviation"
placeholder="请输入厚度偏差"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="宽度" prop="width">
<el-input
v-model="queryParams.width"
placeholder="请输入宽度"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="目标冷轧宽度" prop="targetColdWidth">
<el-input
v-model="queryParams.targetColdWidth"
placeholder="请输入目标冷轧宽度"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="目标冷轧厚度" prop="targetColdThickness">
<el-input
v-model="queryParams.targetColdThickness"
placeholder="请输入目标冷轧厚度"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="凸度" prop="crown">
<el-input
v-model="queryParams.crown"
placeholder="请输入凸度"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="卷重" prop="coilWeight">
<el-input
v-model="queryParams.coilWeight"
placeholder="请输入卷重"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="表面质量" prop="surfaceQuality">
<el-input
v-model="queryParams.surfaceQuality"
placeholder="请输入表面质量"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="硬度" prop="hardnessHv5">
<el-input
v-model="queryParams.hardnessHv5"
placeholder="请输入硬度"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="硬度差值" prop="hardnessDiff">
<el-input
v-model="queryParams.hardnessDiff"
placeholder="请输入硬度差值"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="锰含量Mn" prop="compositionMn">
<el-input
v-model="queryParams.compositionMn"
placeholder="请输入锰含量Mn"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="磷含量P" prop="compositionP">
<el-input
v-model="queryParams.compositionP"
placeholder="请输入磷含量P"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="晶粒级别" prop="grainSize">
<el-input
v-model="queryParams.grainSize"
placeholder="请输入晶粒级别"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="头尾切除标记" prop="headTailCutFlag">
<el-input
v-model="queryParams.headTailCutFlag"
placeholder="请输入头尾切除标记"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="检测结论" prop="inspectionResult">
<el-input
v-model="queryParams.inspectionResult"
placeholder="请输入检测结论"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="是否启用" prop="isEnabled">
<el-input
v-model="queryParams.isEnabled"
placeholder="请输入是否启用"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['klp:rawMaterial:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['klp:rawMaterial:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['klp:rawMaterial:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['klp:rawMaterial:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="rawMaterialList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键ID" align="center" prop="rawMaterialId" v-if="true"/>
<el-table-column label="原材料编号" align="center" prop="rawMaterialCode" />
<el-table-column label="原材料名称" align="center" prop="rawMaterialName" />
<el-table-column label="钢种/牌号" align="center" prop="steelGrade" />
<el-table-column label="目标冷轧牌号" align="center" prop="targetColdGrade" />
<el-table-column label="基础材质分类ID" align="center" prop="baseMaterialId" />
<el-table-column label="表面处理分类ID" align="center" prop="surfaceTreatmentId" />
<el-table-column label="厚度" align="center" prop="thickness" />
<el-table-column label="厚度偏差" align="center" prop="thicknessDeviation" />
<el-table-column label="宽度" align="center" prop="width" />
<el-table-column label="目标冷轧宽度" align="center" prop="targetColdWidth" />
<el-table-column label="目标冷轧厚度" align="center" prop="targetColdThickness" />
<el-table-column label="凸度" align="center" prop="crown" />
<el-table-column label="卷重" align="center" prop="coilWeight" />
<el-table-column label="表面质量" align="center" prop="surfaceQuality" />
<el-table-column label="硬度" align="center" prop="hardnessHv5" />
<el-table-column label="硬度差值" align="center" prop="hardnessDiff" />
<el-table-column label="锰含量Mn" align="center" prop="compositionMn" />
<el-table-column label="磷含量P" align="center" prop="compositionP" />
<el-table-column label="晶粒级别" align="center" prop="grainSize" />
<el-table-column label="头尾切除标记" align="center" prop="headTailCutFlag" />
<el-table-column label="检测结论" align="center" prop="inspectionResult" />
<el-table-column label="是否启用" align="center" prop="isEnabled" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['klp:rawMaterial:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['klp:rawMaterial:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改原材料对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="原材料编号" prop="rawMaterialCode">
<el-input v-model="form.rawMaterialCode" placeholder="请输入原材料编号" />
</el-form-item>
<el-form-item label="原材料名称" prop="rawMaterialName">
<el-input v-model="form.rawMaterialName" placeholder="请输入原材料名称" />
</el-form-item>
<el-form-item label="钢种/牌号" prop="steelGrade">
<el-input v-model="form.steelGrade" placeholder="请输入钢种/牌号" />
</el-form-item>
<el-form-item label="目标冷轧牌号" prop="targetColdGrade">
<el-input v-model="form.targetColdGrade" placeholder="请输入目标冷轧牌号" />
</el-form-item>
<el-form-item label="基础材质分类ID" prop="baseMaterialId">
<el-input v-model="form.baseMaterialId" placeholder="请输入基础材质分类ID" />
</el-form-item>
<el-form-item label="表面处理分类ID" prop="surfaceTreatmentId">
<el-input v-model="form.surfaceTreatmentId" placeholder="请输入表面处理分类ID" />
</el-form-item>
<el-form-item label="厚度" prop="thickness">
<el-input v-model="form.thickness" placeholder="请输入厚度" />
</el-form-item>
<el-form-item label="厚度偏差" prop="thicknessDeviation">
<el-input v-model="form.thicknessDeviation" placeholder="请输入厚度偏差" />
</el-form-item>
<el-form-item label="宽度" prop="width">
<el-input v-model="form.width" placeholder="请输入宽度" />
</el-form-item>
<el-form-item label="目标冷轧宽度" prop="targetColdWidth">
<el-input v-model="form.targetColdWidth" placeholder="请输入目标冷轧宽度" />
</el-form-item>
<el-form-item label="目标冷轧厚度" prop="targetColdThickness">
<el-input v-model="form.targetColdThickness" placeholder="请输入目标冷轧厚度" />
</el-form-item>
<el-form-item label="凸度" prop="crown">
<el-input v-model="form.crown" placeholder="请输入凸度" />
</el-form-item>
<el-form-item label="卷重" prop="coilWeight">
<el-input v-model="form.coilWeight" placeholder="请输入卷重" />
</el-form-item>
<el-form-item label="表面质量" prop="surfaceQuality">
<el-input v-model="form.surfaceQuality" placeholder="请输入表面质量" />
</el-form-item>
<el-form-item label="硬度" prop="hardnessHv5">
<el-input v-model="form.hardnessHv5" placeholder="请输入硬度" />
</el-form-item>
<el-form-item label="硬度差值" prop="hardnessDiff">
<el-input v-model="form.hardnessDiff" placeholder="请输入硬度差值" />
</el-form-item>
<el-form-item label="锰含量Mn" prop="compositionMn">
<el-input v-model="form.compositionMn" placeholder="请输入锰含量Mn" />
</el-form-item>
<el-form-item label="磷含量P" prop="compositionP">
<el-input v-model="form.compositionP" placeholder="请输入磷含量P" />
</el-form-item>
<el-form-item label="晶粒级别" prop="grainSize">
<el-input v-model="form.grainSize" placeholder="请输入晶粒级别" />
</el-form-item>
<el-form-item label="头尾切除标记" prop="headTailCutFlag">
<el-input v-model="form.headTailCutFlag" placeholder="请输入头尾切除标记" />
</el-form-item>
<el-form-item label="检测结论" prop="inspectionResult">
<el-input v-model="form.inspectionResult" placeholder="请输入检测结论" />
</el-form-item>
<el-form-item label="是否启用" prop="isEnabled">
<el-input v-model="form.isEnabled" placeholder="请输入是否启用" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listRawMaterial, getRawMaterial, delRawMaterial, addRawMaterial, updateRawMaterial } from "@/api/wms/rawMaterial";
export default {
name: "RawMaterial",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 原材料表格数据
rawMaterialList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
rawMaterialCode: undefined,
rawMaterialName: undefined,
steelGrade: undefined,
targetColdGrade: undefined,
baseMaterialId: undefined,
surfaceTreatmentId: undefined,
thickness: undefined,
thicknessDeviation: undefined,
width: undefined,
targetColdWidth: undefined,
targetColdThickness: undefined,
crown: undefined,
coilWeight: undefined,
surfaceQuality: undefined,
hardnessHv5: undefined,
hardnessDiff: undefined,
compositionMn: undefined,
compositionP: undefined,
grainSize: undefined,
headTailCutFlag: undefined,
inspectionResult: undefined,
isEnabled: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
rawMaterialCode: [
{ required: true, message: "原材料编号不能为空", trigger: "blur" }
],
rawMaterialName: [
{ required: true, message: "原材料名称不能为空", trigger: "blur" }
],
steelGrade: [
{ required: true, message: "钢种/牌号不能为空", trigger: "blur" }
],
targetColdGrade: [
{ required: true, message: "目标冷轧牌号不能为空", trigger: "blur" }
],
baseMaterialId: [
{ required: true, message: "基础材质分类ID不能为空", trigger: "blur" }
],
surfaceTreatmentId: [
{ required: true, message: "表面处理分类ID不能为空", trigger: "blur" }
],
thickness: [
{ required: true, message: "厚度不能为空", trigger: "blur" }
],
thicknessDeviation: [
{ required: true, message: "厚度偏差不能为空", trigger: "blur" }
],
width: [
{ required: true, message: "宽度不能为空", trigger: "blur" }
],
targetColdWidth: [
{ required: true, message: "目标冷轧宽度不能为空", trigger: "blur" }
],
targetColdThickness: [
{ required: true, message: "目标冷轧厚度不能为空", trigger: "blur" }
],
crown: [
{ required: true, message: "凸度不能为空", trigger: "blur" }
],
coilWeight: [
{ required: true, message: "卷重不能为空", trigger: "blur" }
],
surfaceQuality: [
{ required: true, message: "表面质量不能为空", trigger: "blur" }
],
hardnessHv5: [
{ required: true, message: "硬度不能为空", trigger: "blur" }
],
hardnessDiff: [
{ required: true, message: "硬度差值不能为空", trigger: "blur" }
],
compositionMn: [
{ required: true, message: "锰含量Mn不能为空", trigger: "blur" }
],
compositionP: [
{ required: true, message: "磷含量P不能为空", trigger: "blur" }
],
grainSize: [
{ required: true, message: "晶粒级别不能为空", trigger: "blur" }
],
headTailCutFlag: [
{ required: true, message: "头尾切除标记不能为空", trigger: "blur" }
],
inspectionResult: [
{ required: true, message: "检测结论不能为空", trigger: "blur" }
],
isEnabled: [
{ required: true, message: "是否启用不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询原材料列表 */
getList() {
this.loading = true;
listRawMaterial(this.queryParams).then(response => {
this.rawMaterialList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
rawMaterialId: undefined,
rawMaterialCode: undefined,
rawMaterialName: undefined,
steelGrade: undefined,
targetColdGrade: undefined,
baseMaterialId: undefined,
surfaceTreatmentId: undefined,
thickness: undefined,
thicknessDeviation: undefined,
width: undefined,
targetColdWidth: undefined,
targetColdThickness: undefined,
crown: undefined,
coilWeight: undefined,
surfaceQuality: undefined,
hardnessHv5: undefined,
hardnessDiff: undefined,
compositionMn: undefined,
compositionP: undefined,
grainSize: undefined,
headTailCutFlag: undefined,
inspectionResult: undefined,
isEnabled: undefined,
delFlag: undefined,
remark: undefined,
createTime: undefined,
createBy: undefined,
updateTime: undefined,
updateBy: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.rawMaterialId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加原材料";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const rawMaterialId = row.rawMaterialId || this.ids
getRawMaterial(rawMaterialId).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改原材料";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.rawMaterialId != null) {
updateRawMaterial(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addRawMaterial(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const rawMaterialIds = row.rawMaterialId || this.ids;
this.$modal.confirm('是否确认删除原材料编号为"' + rawMaterialIds + '"的数据项？').then(() => {
this.loading = true;
return delRawMaterial(rawMaterialIds);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('klp/rawMaterial/export', {
...this.queryParams
}, `rawMaterial_${new Date().getTime()}.xlsx`)
}
}
};
</script>