Jcdm042-Mes.git

hdy

2024-03-16 406ad2e52a8963f1748c399b0da9dfae8cd58b49

提交 \| 用户 \| 时间
38b150	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">
	5	<el-form-item label="计划编号" prop="planCode">
	6	<el-input
	7	v-model="queryParams.planCode"
	8	placeholder="请输入计划编号"
	9	clearable
	10	@keyup.enter.native="handleQuery"
	11	/>
	12	</el-form-item>
	13	<el-form-item label="计划名称" prop="planName">
	14	<el-input
	15	v-model="queryParams.planName"
	16	placeholder="请输入计划名称"
	17	clearable
	18	@keyup.enter.native="handleQuery"
	19	/>
	20	</el-form-item>
9a8001	21	<el-form-item label="状态" prop="status">
H	22	<el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
	23	<el-option
	24	v-for="dict in dict.type.plan_status"
	25	:key="dict.value"
	26	:label="dict.label"
	27	:value="dict.value"
	28	/>
	29	</el-select>
38b150	30	</el-form-item>
9a8001	31	<el-form-item label-width="130" label="开始时间" prop="startTime">
H	32	<el-date-picker
	33	v-model="queryParams.startTime"
	34	type="datetimerange"
	35	:picker-options="pickerOptions"
	36	value-format="yyyy-MM-dd HH:mm:ss"
	37	range-separator="至"
	38	start-placeholder="开始日期"
	39	end-placeholder="结束日期"
	40	align="right">
	41	</el-date-picker>
38b150	42	</el-form-item>
懒	43	<el-form-item style="float: right">
	44	<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
	45	<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
	46	</el-form-item>
	47	</el-form>
	48	</el-card>
	49
	50	<el-card style="margin-top: 10px" class="box-card">
	51	<el-row :gutter="10" class="mb8">
	52	<el-col :span="1.5">
	53	<el-button
	54	type="primary"
	55	plain
	56	icon="el-icon-plus"
	57	size="mini"
	58	@click="handleAdd"
	59	v-hasPermi="['em:inspectionPlan:add']"
	60	>新增</el-button>
	61	</el-col>
	62	<el-col :span="1.5">
	63	<el-button
	64	type="success"
	65	plain
	66	icon="el-icon-edit"
	67	size="mini"
	68	:disabled="single"
	69	@click="handleUpdate"
	70	v-hasPermi="['em:inspectionPlan:edit']"
	71	>修改</el-button>
	72	</el-col>
	73	<el-col :span="1.5">
	74	<el-button
	75	type="danger"
	76	plain
	77	icon="el-icon-delete"
	78	size="mini"
	79	:disabled="multiple"
	80	@click="handleDelete"
	81	v-hasPermi="['em:inspectionPlan:remove']"
	82	>删除</el-button>
	83	</el-col>
	84	<el-col :span="1.5">
	85	<el-button
	86	type="warning"
	87	plain
	88	icon="el-icon-download"
	89	size="mini"
	90	@click="handleExport"
	91	v-hasPermi="['em:inspectionPlan:export']"
	92	>导出</el-button>
	93	</el-col>
	94	<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
	95	</el-row>
	96
406ad2	97	<el-table border v-loading="loading" :data="inspectionPlanList" @selection-change="handleSelectionChange" @inSelected="inMachineryAdd">
38b150	98	<el-table-column type="selection" width="55" align="center" />
懒	99	<el-table-column label="计划名称" align="center" prop="planName">
	100	</el-table-column>
9a8001	101	<el-table-column label="计划编号" align="center" prop="planCode">
38b150	102	</el-table-column>
9a8001	103	<el-table-column label="计划类型" align="center" prop="planType">
38b150	104	</el-table-column>
懒	105	<el-table-column label="频率" align="center" prop="frequency">
	106	</el-table-column>
	107	<el-table-column label="维度" align="center" prop="dimension">
	108	</el-table-column>
	109	<el-table-column label="开始时间" align="center" prop="startTime">
	110	</el-table-column>
	111	<el-table-column label="结束时间" align="center" prop="endTime">
9a8001	112	</el-table-column>
H	113	<el-table-column label="状态" align="center" prop="state">
	114	</el-table-column>
	115	<el-table-column label="上次生成时间" align="center" prop="lastGenerationTime">
38b150	116	</el-table-column>
懒	117	<el-table-column label="备注" align="center" prop="remarks">
	118	</el-table-column>
	119	<el-table-column label="创建时间" align="center" prop="createTime">
	120	</el-table-column>
	121	<el-table-column label="创建人" align="center" prop="createUser">
	122	</el-table-column>
	123	<el-table-column label="修改时间" align="center" prop="updateTime">
	124	</el-table-column>
	125	<el-table-column label="修改人" align="center" prop="updateUser">
	126	</el-table-column>
	127	</el-table>
	128	</el-card>
	129
	130	<pagination
	131	v-show="total>0"
	132	:total="total"
	133	:page.sync="queryParams.pageNum"
	134	:limit.sync="queryParams.pageSize"
	135	@pagination="getList"
	136	/>
	137
	138	<!-- 添加或修改点检保养计划对话框 -->
9a8001	139	<el-dialog v-dialogpop-up :title="title" :visible.sync="open" width="1200px" append-to-body>
38b150	140	<span slot="title">
懒	141	<i class="el-icon-s-order"></i>
	142	{{titleName}}
	143	</span>
9a8001	144	<el-form ref="form" inline :model="form" :rules="rules" label-width="80px" >
H	145	<el-form-item label="计划名称" prop="planName" >
	146	<el-input style="width: 450px" v-model="form.planName" placeholder="请输入计划名称" />
	147	</el-form-item>
38b150	148	<el-form-item label="计划编号" prop="planCode">
9a8001	149	<el-input style="width: 450px" v-model="form.planCode" placeholder="请输入计划编号" />
38b150	150	</el-form-item>
懒	151	<el-form-item label="状态" prop="state">
9a8001	152	<el-radio-group style="width: 450px" v-model="form.status">
H	153	<el-radio
	154
	155	v-for="dict in dict.type.plan_status"
	156	:key="dict.value"
	157	:label="dict.value"
	158	>{{dict.label}}</el-radio>
	159	</el-radio-group>
	160	</el-form-item>
	161	<el-form-item label="计划类型" prop="state">
	162	<el-radio-group style="width: 450px" v-model="form.planType">
	163	<el-radio
	164	v-for="dict in dict.type.plan_type"
	165	:key="dict.value"
	166	:label="dict.value"
	167	>{{dict.label}}</el-radio>
	168	</el-radio-group>
38b150	169	</el-form-item>
懒	170	<el-form-item label="频率" prop="frequency">
9a8001	171	<el-input style="width: 450px" v-model="form.frequency" placeholder="请输入频率" />
38b150	172	</el-form-item>
懒	173	<el-form-item label="维度" prop="dimension">
9a8001	174	<el-select v-model="form.dimension" placeholder="请选择维度" style="width: 450px">
H	175	<el-option
	176	v-for="dict in dict.type.dimension"
	177	:key="dict.value"
	178	:label="dict.label"
	179	:value="dict.value">
	180	</el-option>
	181	</el-select>
	182	</el-form-item>
	183	<el-form-item label="开始时间" prop="startTime">
	184	<el-date-picker
	185	style="width: 450px"
	186	clearable
	187	v-model="form.startTime"
	188	type="date"
	189	value-format="yyyy-MM-dd"
	190	placeholder="请选择出站时间">
	191	</el-date-picker>
	192	</el-form-item>
	193	<el-form-item label="结束时间" prop="endTime">
	194	<el-date-picker
	195	style="width: 450px"
	196	clearable
	197	v-model="form.endTime"
	198	type="date"
	199	value-format="yyyy-MM-dd"
	200	placeholder="请选择出站时间">
	201	</el-date-picker>
38b150	202	</el-form-item>
懒	203	<el-form-item label="备注" prop="remarks">
9a8001	204	<el-input style="width: 1000px" v-model="form.remarks" placeholder="请输入备注" />
38b150	205	</el-form-item>
懒	206	</el-form>
b5450a	207	<el-tabs type="border-card" >
H	208	<el-tab-pane label="设备清单" >
406ad2	209	<Checkmachinery ref="machinerylist" ></Checkmachinery>
b5450a	210	</el-tab-pane>
H	211	<el-tab-pane label="点检项目">
	212	<Checksubject ref="subjectlist"></Checksubject>
	213	</el-tab-pane>
	214	</el-tabs>
	215	<el-divider></el-divider>
38b150	216	<el-button type="primary" @click="submitForm">确定</el-button>
懒	217	<el-button @click="cancel">取消</el-button>
406ad2	218	<el-button type="primary" @click="cs">测试</el-button>
38b150	219	</el-dialog>
懒	220	</div>
	221	</template>
	222
	223	<script>
	224	import { listInspectionPlan, getInspectionPlan, delInspectionPlan, addInspectionPlan, updateInspectionPlan } from "@/api/main/em/inspectionPlan/inspectionPlan";
b5450a	225	import Checkmachinery from "./machinery.vue"
H	226	import Checksubject from "./subject.vue"
38b150	227
懒	228	export default {
	229	name: "InspectionPlan",
406ad2	230	dicts: ['plan_status','plan_type','dimension'],
b5450a	231	components:{Checkmachinery,Checksubject},
38b150	232	data() {
懒	233	return {
	234	// 遮罩层
	235	loading: true,
	236	titleName: "",
b5450a	237	optType: null,
38b150	238	// 选中数组
懒	239	ids: [],
	240	// 非单个禁用
	241	single: true,
	242	// 非多个禁用
	243	multiple: true,
	244	// 显示搜索条件
	245	showSearch: true,
	246	// 总条数
	247	total: 0,
	248	// 点检保养计划表格数据
	249	inspectionPlanList: [],
	250	// 弹出层标题
	251	title: "",
	252	// 是否显示弹出层
	253	open: false,
	254	// 查询参数
	255	queryParams: {
	256	pageNum: 1,
	257	pageSize: 10,
	258	planCode: null,
	259	planName: null,
	260	planType: null,
	261	state: null,
	262	frequency: null,
	263	dimension: null,
	264	startTime: null,
	265	endTime: null,
	266	},
	267	// 表单参数
	268	form: {},
	269	// 表单校验
	270	rules: {
	271	id: [
9a8001	272	{ required: true, message: "id不能为空", trigger: "blur" }
38b150	273	],
9a8001	274	planName: [
H	275	{ required: true, message: "计划名称不能为空", trigger: "blur" }
	276	],
	277	planCode: [
	278	{ required: true, message: "计划编号不能为空", trigger: "blur" }
	279	],
	280	planType: [
	281	{ required: true, message: "计划类型不能为空", trigger: "blur" }
	282	],
	283	dimension: [
	284	{ required: true, message: "维度不能为空", trigger: "blur" }
	285	],
	286	frequency: [
	287	{ required: true, message: '频率不能为空', trigger: 'blur' },
	288	{
	289	validator: (rule, value, callback) => {
	290	if (value === '' \|\| value === undefined \|\| value === null) {
	291	callback(new Error('频率不能为空'));
	292	} else if (!Number.isInteger(Number(value))) {
	293	callback(new Error('频率必须是整数'));
	294	} else {
	295	callback();
	296	}
	297	},
	298	trigger: 'blur'
	299	}
	300	],
	301	},
	302	pickerOptions: {
	303	shortcuts: [{
	304	text: '最近一周',
	305	onClick(picker) {
	306	const end = new Date();
	307	const start = new Date();
	308	start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
	309	picker.$emit('pick', [start, end]);
	310	},
	311	class: 'custom-shortcut' // 添加class属性
	312	}, {
	313	text: '最近一个月',
	314	onClick(picker) {
	315	const end = new Date();
	316	const start = new Date();
	317	start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
	318	picker.$emit('pick', [start, end]);
	319	},
	320	class: 'custom-shortcut' // 添加class属性
	321	}, {
	322	text: '最近三个月',
	323	onClick(picker) {
	324	const end = new Date();
	325	const start = new Date();
	326	start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
	327	picker.$emit('pick', [start, end]);
	328	},
	329	}]
	330	},
38b150	331	};
懒	332	},
	333	created() {
	334	this.getList();
	335	},
	336	methods: {
	337	/** 查询点检保养计划列表 */
	338	getList() {
	339	this.loading = true;
	340	listInspectionPlan(this.queryParams).then(response => {
	341	this.inspectionPlanList = response.rows;
	342	this.total = response.total;
	343	this.loading = false;
	344	});
	345	},
	346	// 取消按钮
	347	cancel() {
	348	this.open = false;
	349	this.reset();
	350	},
	351	// 表单重置
	352	reset() {
	353	this.form = {
	354	id: null,
	355	planCode: null,
	356	planName: null,
	357	planType: null,
	358	state: null,
	359	frequency: null,
	360	dimension: null,
	361	lastGenerationTime: null,
	362	startTime: null,
	363	endTime: null,
	364	devices: null,
	365	inspectionItems: null,
	366	remarks: null,
	367	createTime: null,
	368	createUser: null,
	369	updateTime: null,
	370	updateUser: null,
	371	spareField1: null,
	372	spareField2: null,
	373	spareField3: null,
	374	spareField4: null
	375	};
	376	this.resetForm("form");
	377	},
406ad2	378	/** 测试按钮 */
H	379	cs(){
	380	this.$emit('inSelected',this.planCode);
	381	},
38b150	382	/** 搜索按钮操作 */
懒	383	handleQuery() {
	384	this.queryParams.pageNum = 1;
	385	this.getList();
	386	},
	387	/** 重置按钮操作 */
	388	resetQuery() {
	389	this.resetForm("queryForm");
	390	this.handleQuery();
	391	},
	392	// 多选框选中数据
	393	handleSelectionChange(selection) {
	394	this.ids = selection.map(item => item.id)
	395	this.single = selection.length!==1
	396	this.multiple = !selection.length
	397	},
	398	/** 新增按钮操作 */
	399	handleAdd() {
	400	this.reset();
	401	this.open = true;
	402	this.titleName = "添加点检保养计划";
	403	},
	404	/** 修改按钮操作 */
	405	handleUpdate(row) {
	406	this.reset();
	407	const id = row.id \|\| this.ids
	408	getInspectionPlan(id).then(response => {
	409	this.form = response.data;
	410	this.open = true;
	411	this.titleName = "修改点检保养计划";
	412	});
	413	},
	414	/** 提交按钮 */
	415	submitForm() {
	416	this.$refs["form"].validate(valid => {
	417	if (valid) {
	418	if (this.form.id != null) {
	419	updateInspectionPlan(this.form).then(response => {
	420	this.$modal.msgSuccess("修改成功");
	421	this.open = false;
	422	this.getList();
	423	});
	424	} else {
	425	addInspectionPlan(this.form).then(response => {
	426	this.$modal.msgSuccess("新增成功");
	427	this.open = false;
	428	this.getList();
	429	});
	430	}
	431	}
	432	});
406ad2	433
38b150	434	},
懒	435	/** 删除按钮操作 */
	436	handleDelete(row) {
	437	const ids = row.id \|\| this.ids;
	438	this.$modal.confirm('是否确认删除点检保养计划编号为"' + ids + '"的数据项？').then(function() {
	439	return delInspectionPlan(ids);
	440	}).then(() => {
	441	this.getList();
	442	this.$modal.msgSuccess("删除成功");
	443	}).catch(() => {});
	444	},
	445	/** 导出按钮操作 */
	446	handleExport() {
	447	this.download('em/inspectionPlan/export', {
	448	...this.queryParams
	449	}, `inspectionPlan_${new Date().getTime()}.xlsx`)
	450	}
	451	}
	452	};
	453	</script>