Jcdm042-Mes.git

admin

2024-10-15 6d313a4a6f9f9d7ea65ec50ab0d4491e595edb97

提交 \| 用户 \| 时间
e57a89	1	<template>
懒	2	<div class="app-container">
	3	<el-card class="box-card">
	4	<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
768498	5	<el-form-item label="工单编号" prop="workOrderNo">
A	6	<el-input
	7	v-model="queryParams.workOrderNo"
	8	placeholder="请输入工单编号"
	9	clearable
	10	@keyup.enter.native="handleQuery"
	11	/>
	12	</el-form-item>
	13	<el-form-item label-width="100px" label="总成序列号" prop="sfcCode">
	14	<el-input
	15	v-model="queryParams.sfcCode"
	16	placeholder="请输入总成序列号"
	17	clearable
	18	@keyup.enter.native="handleQuery"
	19	/>
	20	</el-form-item>
	21	<el-form-item label="工序" prop="locationCode">
	22	<el-input
	23	v-model="queryParams.locationCode"
	24	placeholder="请输入工序"
	25	clearable
	26	@keyup.enter.native="handleQuery"
	27	/>
	28	</el-form-item>
e57a89	29	<el-form-item label="入站时间" prop="inboundTime">
懒	30	<el-date-picker clearable
	31	v-model="queryParams.inboundTime"
	32	type="date"
	33	value-format="yyyy-MM-dd"
	34	placeholder="请选择入站时间">
	35	</el-date-picker>
	36	</el-form-item>
	37	<el-form-item label="出站时间" prop="outboundTime">
	38	<el-date-picker clearable
	39	v-model="queryParams.outboundTime"
	40	type="date"
	41	value-format="yyyy-MM-dd"
	42	placeholder="请选择出站时间">
	43	</el-date-picker>
	44	</el-form-item>
	45	<el-form-item style="float: right">
	46	<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
	47	<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
	48	</el-form-item>
	49	</el-form>
	50	</el-card>
	51	<el-card style="margin-top: 10px" class="box-card">
	52	<el-row :gutter="10" class="mb8">
	53	<el-col :span="1.5">
	54	<el-button
	55	type="primary"
	56	plain
	57	icon="el-icon-plus"
	58	size="mini"
	59	@click="handleAdd"
	60	v-hasPermi="['da:passingStationCollection:add']"
	61	>新增</el-button>
	62	</el-col>
	63	<el-col :span="1.5">
	64	<el-button
	65	type="success"
	66	plain
	67	icon="el-icon-edit"
	68	size="mini"
	69	:disabled="single"
	70	@click="handleUpdate"
	71	v-hasPermi="['da:passingStationCollection:edit']"
	72	>修改</el-button>
	73	</el-col>
	74	<el-col :span="1.5">
	75	<el-button
	76	type="danger"
	77	plain
	78	icon="el-icon-delete"
	79	size="mini"
	80	:disabled="multiple"
	81	@click="handleDelete"
	82	v-hasPermi="['da:passingStationCollection:remove']"
	83	>删除</el-button>
	84	</el-col>
	85	<el-col :span="1.5">
	86	<el-button
	87	type="warning"
	88	plain
	89	icon="el-icon-download"
	90	size="mini"
	91	@click="handleExport"
	92	v-hasPermi="['da:passingStationCollection:export']"
	93	>导出</el-button>
	94	</el-col>
	95	<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
	96	</el-row>
	97
	98	<el-table v-loading="loading" border :data="passingStationCollectionList" @selection-change="handleSelectionChange" v-if="passingStationCollectionList.length > 0">
	99	<el-table-column type="selection" width="55" align="center" />
768498	100	<el-table-column label="工单编号" width="100" align="center" prop="workOrderNo">
e57a89	101	</el-table-column>
768498	102	<el-table-column label="总成序列号" width="310" align="center" prop="sfcCode">
A	103	</el-table-column>
	104	<el-table-column label="产品编码" align="center" prop="productCode">
e57a89	105	</el-table-column>
b64ed2	106	<!-- <el-table-column label="产线编号" align="center" prop="productionLine">-->
懒	107	<!-- </el-table-column>-->
	108	<el-table-column label="工序编号" align="center" prop="locationCode">
e57a89	109	</el-table-column>
b64ed2	110	<el-table-column label="入站时间" align="center" prop="inboundTime" width="160">
e57a89	111	<template slot-scope="scope">
懒	112	<span>{{ parseTime(scope.row.inboundTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
	113	</template>
	114	</el-table-column>
b64ed2	115	<el-table-column label="出站时间" align="center" prop="outboundTime" width="160">
e57a89	116	<template slot-scope="scope">
懒	117	<span>{{ parseTime(scope.row.outboundTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
	118	</template>
	119	</el-table-column>
	120
768498	121	<el-table-column label="是否合格" align="center">
A	122	<template slot-scope="scope">
	123	<dict-tag :options="dict.type.qualified_status" :value="scope.row.outRsSign"/>
	124	</template>
e57a89	125	</el-table-column>
懒	126	<el-table-column label="NG原因" align="center" prop="outMsgSign">
	127	</el-table-column>
b64ed2	128	<!-- <el-table-column label="采集时间" align="center" prop="collectionTime" width="180">-->
懒	129	<!-- <template slot-scope="scope">-->
	130	<!-- <span>{{ parseTime(scope.row.collectionTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>-->
	131	<!-- </template>-->
	132	<!-- </el-table-column>-->
768498	133	<!-- <el-table-column label="节拍时间" align="center" prop="beatTime">-->
A	134	<!-- </el-table-column>-->
e57a89	135	<el-table-column fixed="right" label="操作" width="200" align="center" class-name="small-padding fixed-width">
懒	136	<template slot-scope="scope">
768498	137	<!-- <el-button-->
A	138	<!-- size="mini"-->
	139	<!-- type="success"-->
	140	<!-- plain-->
	141	<!-- style="width: 72px"-->
	142	<!-- icon="el-icon-edit"-->
	143	<!-- @click="handleUpdate(scope.row)"-->
	144	<!-- v-hasPermi="['da:passingStationCollection:edit']"-->
	145	<!-- >修改</el-button>-->
e57a89	146	<el-button
懒	147	size="mini"
	148	type="danger"
	149	plain
	150	style="width: 72px"
	151	icon="el-icon-delete"
	152	@click="handleDelete(scope.row)"
	153	v-hasPermi="['da:passingStationCollection:remove']"
	154	>删除</el-button>
	155	</template>
	156	</el-table-column>
	157	</el-table>
	158	<el-empty v-else>
	159	<span slot="description">暂无数据</span>
	160	</el-empty>
	161	</el-card>
	162
	163	<pagination
	164	v-show="total>0"
	165	:total="total"
	166	:page.sync="queryParams.pageNum"
	167	:limit.sync="queryParams.pageSize"
	168	@pagination="getList"
	169	/>
	170
	171	<!-- 添加或修改产品过站采集对话框 -->
	172	<el-dialog v-dialogpop-up :title="title" :visible.sync="open" width="1000px" append-to-body>
	173	<el-form ref="form" inline :model="form" :rules="rules" label-width="120px">
	174	<el-form-item label="工单编号" prop="workOrderNo">
	175	<el-input v-model="form.workOrderNo" type="textarea" placeholder="请输入内容" />
	176	</el-form-item>
	177	<el-form-item label="总成序列号" prop="sfcCode">
	178	<el-input v-model="form.sfcCode" type="textarea" placeholder="请输入内容" />
	179	</el-form-item>
	180	<el-form-item label="产品编号" prop="productCode">
	181	<el-input v-model="form.productCode" type="textarea" placeholder="请输入内容" />
	182	</el-form-item>
	183	<el-form-item label="产线编号" prop="productionLine">
	184	<el-input v-model="form.productionLine" type="textarea" placeholder="请输入内容" />
	185	</el-form-item>
	186	<el-form-item label="工位编号" prop="locationCode">
	187	<el-input v-model="form.locationCode" type="textarea" placeholder="请输入内容" />
	188	</el-form-item>
	189	<el-form-item label="设备编号" prop="equipmentNo">
	190	<el-input v-model="form.equipmentNo" type="textarea" placeholder="请输入内容" />
	191	</el-form-item>
	192	<el-form-item label="入站时间" prop="inboundTime">
	193	<el-date-picker clearable
	194	v-model="form.inboundTime"
	195	type="date"
	196	value-format="yyyy-MM-dd"
	197	placeholder="请选择入站时间">
	198	</el-date-picker>
	199	</el-form-item>
	200	<el-form-item label="出站时间" prop="outboundTime">
	201	<el-date-picker clearable
	202	v-model="form.outboundTime"
	203	type="date"
	204	value-format="yyyy-MM-dd"
	205	placeholder="请选择出站时间">
	206	</el-date-picker>
	207	</el-form-item>
768498	208	<el-form-item label="是否合格">
e57a89	209	<el-input v-model="form.outRsSign" placeholder="请输入出站是否合格" />
懒	210	</el-form-item>
	211	<el-form-item label="NG原因" prop="outMsgSign">
	212	<el-input v-model="form.outMsgSign" type="textarea" placeholder="请输入内容" />
	213	</el-form-item>
	214	<el-form-item label="采集时间" prop="collectionTime">
	215	<el-date-picker clearable
	216	v-model="form.collectionTime"
	217	type="date"
	218	value-format="yyyy-MM-dd"
	219	placeholder="请选择采集时间">
	220	</el-date-picker>
	221	</el-form-item>
	222	<el-form-item label="节拍时间" prop="beatTime">
	223	<el-input v-model="form.beatTime" placeholder="请输入节拍时间" />
	224	</el-form-item>
	225	</el-form>
	226	<div slot="footer" class="dialog-footer">
	227	<el-button type="primary" @click="submitForm">确定</el-button>
	228	<el-button @click="cancel">取消</el-button>
	229	</div>
	230	</el-dialog>
	231	</div>
	232	</template>
	233
	234	<script>
	235	import { listPassingStationCollection, getPassingStationCollection, delPassingStationCollection, addPassingStationCollection, updatePassingStationCollection } from "@/api/main/da/passingStationCollection/passingStationCollection";
	236
	237	export default {
	238	name: "PassingStationCollection",
768498	239	dicts: ['qualified_status'],
e57a89	240	data() {
懒	241	return {
	242	// 遮罩层
	243	loading: true,
	244	// 选中数组
	245	ids: [],
	246	// 非单个禁用
	247	single: true,
	248	// 非多个禁用
	249	multiple: true,
	250	// 显示搜索条件
	251	showSearch: true,
	252	// 总条数
	253	total: 0,
	254	// 产品过站采集表格数据
	255	passingStationCollectionList: [],
	256	// 弹出层标题
	257	title: "",
	258	// 是否显示弹出层
	259	open: false,
	260	// 查询参数
	261	queryParams: {
	262	pageNum: 1,
	263	pageSize: 10,
	264	workOrderNo: null,
	265	sfcCode: null,
	266	productCode: null,
	267	productionLine: null,
	268	locationCode: null,
	269	equipmentNo: null,
	270	inboundTime: null,
	271	outboundTime: null,
	272	},
	273	// 表单参数
	274	form: {},
	275	// 表单校验
	276	rules: {
	277	id: [
	278	{ required: true, message: "主键id不能为空", trigger: "blur" }
	279	],
	280	}
	281	};
	282	},
	283	created() {
	284	this.getList();
	285	},
	286	methods: {
	287	/** 查询产品过站采集列表 */
	288	getList() {
	289	this.loading = true;
	290	listPassingStationCollection(this.queryParams).then(response => {
	291	this.passingStationCollectionList = response.rows;
	292	this.total = response.total;
	293	this.loading = false;
	294	});
	295	},
	296	// 取消按钮
	297	cancel() {
	298	this.open = false;
	299	this.reset();
	300	},
	301	// 表单重置
	302	reset() {
	303	this.form = {
	304	id: null,
	305	workOrderNo: null,
	306	sfcCode: null,
	307	productCode: null,
	308	productionLine: null,
	309	locationCode: null,
	310	equipmentNo: null,
	311	inboundTime: null,
	312	outboundTime: null,
	313	inRsSign: null,
	314	inMsgSign: null,
	315	outRsSign: null,
	316	outMsgSign: null,
	317	collectionTime: null,
	318	spareField1: null,
	319	spareField2: null,
	320	createUser: null,
	321	createTime: null,
	322	updateUser: null,
	323	updateTime: null,
	324	beatTime: null
	325	};
	326	this.resetForm("form");
	327	},
	328	/** 搜索按钮操作 */
	329	handleQuery() {
	330	this.queryParams.pageNum = 1;
	331	this.getList();
	332	},
	333	/** 重置按钮操作 */
	334	resetQuery() {
	335	this.resetForm("queryForm");
	336	this.handleQuery();
	337	},
	338	// 多选框选中数据
	339	handleSelectionChange(selection) {
	340	this.ids = selection.map(item => item.id)
	341	this.single = selection.length!==1
	342	this.multiple = !selection.length
	343	},
	344	/** 新增按钮操作 */
	345	handleAdd() {
	346	this.reset();
	347	this.open = true;
	348	this.title = "添加产品过站采集";
	349	},
	350	/** 修改按钮操作 */
	351	handleUpdate(row) {
	352	this.reset();
	353	const id = row.id \|\| this.ids
	354	getPassingStationCollection(id).then(response => {
	355	this.form = response.data;
	356	this.open = true;
	357	this.title = "修改产品过站采集";
	358	});
	359	},
	360	/** 提交按钮 */
	361	submitForm() {
	362	this.$refs["form"].validate(valid => {
	363	if (valid) {
	364	if (this.form.id != null) {
	365	updatePassingStationCollection(this.form).then(response => {
	366	this.$modal.msgSuccess("修改成功");
	367	this.open = false;
	368	this.getList();
	369	});
	370	} else {
	371	addPassingStationCollection(this.form).then(response => {
	372	this.$modal.msgSuccess("新增成功");
	373	this.open = false;
	374	this.getList();
	375	});
	376	}
	377	}
	378	});
	379	},
	380	/** 删除按钮操作 */
	381	handleDelete(row) {
	382	const ids = row.id \|\| this.ids;
	383	this.$modal.confirm('是否确认删除产品过站采集编号为"' + ids + '"的数据项？').then(function() {
	384	return delPassingStationCollection(ids);
	385	}).then(() => {
	386	this.getList();
	387	this.$modal.msgSuccess("删除成功");
	388	}).catch(() => {});
	389	},
	390	/** 导出按钮操作 */
	391	handleExport() {
	392	this.download('da/passingStationCollection/export', {
	393	...this.queryParams
	394	}, `passingStationCollection_${new Date().getTime()}.xlsx`)
	395	}
	396	}
	397	};
	398	</script>