Jcdm041-Mes.git

wujian

2024-01-24 78830ddf56a41d16ab440a1ed3019ef77b3db4af

提交 \| 用户 \| 时间
fd2207	1	<template>
懒	2	<div class="popup-result">
	3	<p class="title">最近5次运行时间</p>
	4	<ul class="popup-result-scroll">
	5	<template v-if='isShow'>
	6	<li v-for='item in resultList' :key="item">{{item}}</li>
	7	</template>
	8	<li v-else>计算结果中...</li>
	9	</ul>
	10	</div>
	11	</template>
	12
	13	<script>
	14	export default {
	15	data() {
	16	return {
	17	dayRule: '',
	18	dayRuleSup: '',
	19	dateArr: [],
	20	resultList: [],
	21	isShow: false
	22	}
	23	},
	24	name: 'crontab-result',
	25	methods: {
	26	// 表达式值变化时，开始去计算结果
	27	expressionChange() {
	28
	29	// 计算开始-隐藏结果
	30	this.isShow = false;
	31	// 获取规则数组[0秒、1分、2时、3日、4月、5星期、6年]
	32	let ruleArr = this.$options.propsData.ex.split(' ');
	33	// 用于记录进入循环的次数
	34	let nums = 0;
	35	// 用于暂时存符号时间规则结果的数组
	36	let resultArr = [];
	37	// 获取当前时间精确至[年、月、日、时、分、秒]
	38	let nTime = new Date();
	39	let nYear = nTime.getFullYear();
	40	let nMonth = nTime.getMonth() + 1;
	41	let nDay = nTime.getDate();
	42	let nHour = nTime.getHours();
	43	let nMin = nTime.getMinutes();
	44	let nSecond = nTime.getSeconds();
	45	// 根据规则获取到近100年可能年数组、月数组等等
	46	this.getSecondArr(ruleArr[0]);
	47	this.getMinArr(ruleArr[1]);
	48	this.getHourArr(ruleArr[2]);
	49	this.getDayArr(ruleArr[3]);
	50	this.getMonthArr(ruleArr[4]);
	51	this.getWeekArr(ruleArr[5]);
	52	this.getYearArr(ruleArr[6], nYear);
	53	// 将获取到的数组赋值-方便使用
	54	let sDate = this.dateArr[0];
	55	let mDate = this.dateArr[1];
	56	let hDate = this.dateArr[2];
	57	let DDate = this.dateArr[3];
	58	let MDate = this.dateArr[4];
	59	let YDate = this.dateArr[5];
	60	// 获取当前时间在数组中的索引
	61	let sIdx = this.getIndex(sDate, nSecond);
	62	let mIdx = this.getIndex(mDate, nMin);
	63	let hIdx = this.getIndex(hDate, nHour);
	64	let DIdx = this.getIndex(DDate, nDay);
	65	let MIdx = this.getIndex(MDate, nMonth);
	66	let YIdx = this.getIndex(YDate, nYear);
	67	// 重置月日时分秒的函数(后面用的比较多)
	68	const resetSecond = function () {
	69	sIdx = 0;
	70	nSecond = sDate[sIdx]
	71	}
	72	const resetMin = function () {
	73	mIdx = 0;
	74	nMin = mDate[mIdx]
	75	resetSecond();
	76	}
	77	const resetHour = function () {
	78	hIdx = 0;
	79	nHour = hDate[hIdx]
	80	resetMin();
	81	}
	82	const resetDay = function () {
	83	DIdx = 0;
	84	nDay = DDate[DIdx]
	85	resetHour();
	86	}
	87	const resetMonth = function () {
	88	MIdx = 0;
	89	nMonth = MDate[MIdx]
	90	resetDay();
	91	}
	92	// 如果当前年份不为数组中当前值
	93	if (nYear !== YDate[YIdx]) {
	94	resetMonth();
	95	}
	96	// 如果当前月份不为数组中当前值
	97	if (nMonth !== MDate[MIdx]) {
	98	resetDay();
	99	}
	100	// 如果当前“日”不为数组中当前值
	101	if (nDay !== DDate[DIdx]) {
	102	resetHour();
	103	}
	104	// 如果当前“时”不为数组中当前值
	105	if (nHour !== hDate[hIdx]) {
	106	resetMin();
	107	}
	108	// 如果当前“分”不为数组中当前值
	109	if (nMin !== mDate[mIdx]) {
	110	resetSecond();
	111	}
	112
	113	// 循环年份数组
	114	goYear: for (let Yi = YIdx; Yi < YDate.length; Yi++) {
	115	let YY = YDate[Yi];
	116	// 如果到达最大值时
	117	if (nMonth > MDate[MDate.length - 1]) {
	118	resetMonth();
	119	continue;
	120	}
	121	// 循环月份数组
	122	goMonth: for (let Mi = MIdx; Mi < MDate.length; Mi++) {
	123	// 赋值、方便后面运算
	124	let MM = MDate[Mi];
	125	MM = MM < 10 ? '0' + MM : MM;
	126	// 如果到达最大值时
	127	if (nDay > DDate[DDate.length - 1]) {
	128	resetDay();
	129	if (Mi == MDate.length - 1) {
	130	resetMonth();
	131	continue goYear;
	132	}
	133	continue;
	134	}
	135	// 循环日期数组
	136	goDay: for (let Di = DIdx; Di < DDate.length; Di++) {
	137	// 赋值、方便后面运算
	138	let DD = DDate[Di];
	139	let thisDD = DD < 10 ? '0' + DD : DD;
	140
	141	// 如果到达最大值时
	142	if (nHour > hDate[hDate.length - 1]) {
	143	resetHour();
	144	if (Di == DDate.length - 1) {
	145	resetDay();
	146	if (Mi == MDate.length - 1) {
	147	resetMonth();
	148	continue goYear;
	149	}
	150	continue goMonth;
	151	}
	152	continue;
	153	}
	154
	155	// 判断日期的合法性，不合法的话也是跳出当前循环
	156	if (this.checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true && this.dayRule !== 'workDay' && this.dayRule !== 'lastWeek' && this.dayRule !== 'lastDay') {
	157	resetDay();
	158	continue goMonth;
	159	}
	160	// 如果日期规则中有值时
	161	if (this.dayRule == 'lastDay') {
	162	// 如果不是合法日期则需要将前将日期调到合法日期即月末最后一天
	163
	164	if (this.checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
	165	while (DD > 0 && this.checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
	166	DD--;
	167
	168	thisDD = DD < 10 ? '0' + DD : DD;
	169	}
	170	}
	171	} else if (this.dayRule == 'workDay') {
	172	// 校验并调整如果是2月30号这种日期传进来时需调整至正常月底
	173	if (this.checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
	174	while (DD > 0 && this.checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
	175	DD--;
	176	thisDD = DD < 10 ? '0' + DD : DD;
	177	}
	178	}
	179	// 获取达到条件的日期是星期X
	180	let thisWeek = this.formatDate(new Date(YY + '-' + MM + '-' + thisDD + ' 00:00:00'), 'week');
	181	// 当星期日时
	182	if (thisWeek == 1) {
	183	// 先找下一个日，并判断是否为月底
	184	DD++;
	185	thisDD = DD < 10 ? '0' + DD : DD;
	186	// 判断下一日已经不是合法日期
	187	if (this.checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
	188	DD -= 3;
	189	}
	190	} else if (thisWeek == 7) {
	191	// 当星期6时只需判断不是1号就可进行操作
	192	if (this.dayRuleSup !== 1) {
	193	DD--;
	194	} else {
	195	DD += 2;
	196	}
	197	}
	198	} else if (this.dayRule == 'weekDay') {
	199	// 如果指定了是星期几
	200	// 获取当前日期是属于星期几
	201	let thisWeek = this.formatDate(new Date(YY + '-' + MM + '-' + DD + ' 00:00:00'), 'week');
	202	// 校验当前星期是否在星期池（dayRuleSup）中
	203	if (this.dayRuleSup.indexOf(thisWeek) < 0) {
	204	// 如果到达最大值时
	205	if (Di == DDate.length - 1) {
	206	resetDay();
	207	if (Mi == MDate.length - 1) {
	208	resetMonth();
	209	continue goYear;
	210	}
	211	continue goMonth;
	212	}
	213	continue;
	214	}
	215	} else if (this.dayRule == 'assWeek') {
	216	// 如果指定了是第几周的星期几
	217	// 获取每月1号是属于星期几
	218	let thisWeek = this.formatDate(new Date(YY + '-' + MM + '-' + DD + ' 00:00:00'), 'week');
	219	if (this.dayRuleSup[1] >= thisWeek) {
	220	DD = (this.dayRuleSup[0] - 1) * 7 + this.dayRuleSup[1] - thisWeek + 1;
	221	} else {
	222	DD = this.dayRuleSup[0] * 7 + this.dayRuleSup[1] - thisWeek + 1;
	223	}
	224	} else if (this.dayRule == 'lastWeek') {
	225	// 如果指定了每月最后一个星期几
	226	// 校验并调整如果是2月30号这种日期传进来时需调整至正常月底
	227	if (this.checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
	228	while (DD > 0 && this.checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
	229	DD--;
	230	thisDD = DD < 10 ? '0' + DD : DD;
	231	}
	232	}
	233	// 获取月末最后一天是星期几
	234	let thisWeek = this.formatDate(new Date(YY + '-' + MM + '-' + thisDD + ' 00:00:00'), 'week');
	235	// 找到要求中最近的那个星期几
	236	if (this.dayRuleSup < thisWeek) {
	237	DD -= thisWeek - this.dayRuleSup;
	238	} else if (this.dayRuleSup > thisWeek) {
	239	DD -= 7 - (this.dayRuleSup - thisWeek)
	240	}
	241	}
	242	// 判断时间值是否小于10置换成“05”这种格式
	243	DD = DD < 10 ? '0' + DD : DD;
	244
	245	// 循环“时”数组
	246	goHour: for (let hi = hIdx; hi < hDate.length; hi++) {
	247	let hh = hDate[hi] < 10 ? '0' + hDate[hi] : hDate[hi]
	248
	249	// 如果到达最大值时
	250	if (nMin > mDate[mDate.length - 1]) {
	251	resetMin();
	252	if (hi == hDate.length - 1) {
	253	resetHour();
	254	if (Di == DDate.length - 1) {
	255	resetDay();
	256	if (Mi == MDate.length - 1) {
	257	resetMonth();
	258	continue goYear;
	259	}
	260	continue goMonth;
	261	}
	262	continue goDay;
	263	}
	264	continue;
	265	}
	266	// 循环"分"数组
	267	goMin: for (let mi = mIdx; mi < mDate.length; mi++) {
	268	let mm = mDate[mi] < 10 ? '0' + mDate[mi] : mDate[mi];
	269
	270	// 如果到达最大值时
	271	if (nSecond > sDate[sDate.length - 1]) {
	272	resetSecond();
	273	if (mi == mDate.length - 1) {
	274	resetMin();
	275	if (hi == hDate.length - 1) {
	276	resetHour();
	277	if (Di == DDate.length - 1) {
	278	resetDay();
	279	if (Mi == MDate.length - 1) {
	280	resetMonth();
	281	continue goYear;
	282	}
	283	continue goMonth;
	284	}
	285	continue goDay;
	286	}
	287	continue goHour;
	288	}
	289	continue;
	290	}
	291	// 循环"秒"数组
	292	goSecond: for (let si = sIdx; si <= sDate.length - 1; si++) {
	293	let ss = sDate[si] < 10 ? '0' + sDate[si] : sDate[si];
	294	// 添加当前时间（时间合法性在日期循环时已经判断）
	295	if (MM !== '00' && DD !== '00') {
	296	resultArr.push(YY + '-' + MM + '-' + DD + ' ' + hh + ':' + mm + ':' + ss)
	297	nums++;
	298	}
	299	// 如果条数满了就退出循环
	300	if (nums == 5) break goYear;
	301	// 如果到达最大值时
	302	if (si == sDate.length - 1) {
	303	resetSecond();
	304	if (mi == mDate.length - 1) {
	305	resetMin();
	306	if (hi == hDate.length - 1) {
	307	resetHour();
	308	if (Di == DDate.length - 1) {
	309	resetDay();
	310	if (Mi == MDate.length - 1) {
	311	resetMonth();
	312	continue goYear;
	313	}
	314	continue goMonth;
	315	}
	316	continue goDay;
	317	}
	318	continue goHour;
	319	}
	320	continue goMin;
	321	}
	322	} //goSecond
	323	} //goMin
	324	}//goHour
	325	}//goDay
	326	}//goMonth
	327	}
	328	// 判断100年内的结果条数
	329	if (resultArr.length == 0) {
	330	this.resultList = ['没有达到条件的结果！'];
	331	} else {
	332	this.resultList = resultArr;
	333	if (resultArr.length !== 5) {
	334	this.resultList.push('最近100年内只有上面' + resultArr.length + '条结果！')
	335	}
	336	}
	337	// 计算完成-显示结果
	338	this.isShow = true;
	339
	340
	341	},
	342	// 用于计算某位数字在数组中的索引
	343	getIndex(arr, value) {
	344	if (value <= arr[0] \|\| value > arr[arr.length - 1]) {
	345	return 0;
	346	} else {
	347	for (let i = 0; i < arr.length - 1; i++) {
	348	if (value > arr[i] && value <= arr[i + 1]) {
	349	return i + 1;
	350	}
	351	}
	352	}
	353	},
	354	// 获取"年"数组
	355	getYearArr(rule, year) {
	356	this.dateArr[5] = this.getOrderArr(year, year + 100);
	357	if (rule !== undefined) {
	358	if (rule.indexOf('-') >= 0) {
	359	this.dateArr[5] = this.getCycleArr(rule, year + 100, false)
	360	} else if (rule.indexOf('/') >= 0) {
	361	this.dateArr[5] = this.getAverageArr(rule, year + 100)
	362	} else if (rule !== '*') {
	363	this.dateArr[5] = this.getAssignArr(rule)
	364	}
	365	}
	366	},
	367	// 获取"月"数组
	368	getMonthArr(rule) {
	369	this.dateArr[4] = this.getOrderArr(1, 12);
	370	if (rule.indexOf('-') >= 0) {
	371	this.dateArr[4] = this.getCycleArr(rule, 12, false)
	372	} else if (rule.indexOf('/') >= 0) {
	373	this.dateArr[4] = this.getAverageArr(rule, 12)
	374	} else if (rule !== '*') {
	375	this.dateArr[4] = this.getAssignArr(rule)
	376	}
	377	},
	378	// 获取"日"数组-主要为日期规则
	379	getWeekArr(rule) {
	380	// 只有当日期规则的两个值均为“”时则表达日期是有选项的
	381	if (this.dayRule == '' && this.dayRuleSup == '') {
	382	if (rule.indexOf('-') >= 0) {
	383	this.dayRule = 'weekDay';
	384	this.dayRuleSup = this.getCycleArr(rule, 7, false)
	385	} else if (rule.indexOf('#') >= 0) {
	386	this.dayRule = 'assWeek';
	387	let matchRule = rule.match(/[0-9]{1}/g);
	388	this.dayRuleSup = [Number(matchRule[1]), Number(matchRule[0])];
	389	this.dateArr[3] = [1];
	390	if (this.dayRuleSup[1] == 7) {
	391	this.dayRuleSup[1] = 0;
	392	}
	393	} else if (rule.indexOf('L') >= 0) {
	394	this.dayRule = 'lastWeek';
	395	this.dayRuleSup = Number(rule.match(/[0-9]{1,2}/g)[0]);
	396	this.dateArr[3] = [31];
	397	if (this.dayRuleSup == 7) {
	398	this.dayRuleSup = 0;
	399	}
	400	} else if (rule !== '*' && rule !== '?') {
	401	this.dayRule = 'weekDay';
	402	this.dayRuleSup = this.getAssignArr(rule)
	403	}
	404	}
	405	},
	406	// 获取"日"数组-少量为日期规则
	407	getDayArr(rule) {
	408	this.dateArr[3] = this.getOrderArr(1, 31);
	409	this.dayRule = '';
	410	this.dayRuleSup = '';
	411	if (rule.indexOf('-') >= 0) {
	412	this.dateArr[3] = this.getCycleArr(rule, 31, false)
	413	this.dayRuleSup = 'null';
	414	} else if (rule.indexOf('/') >= 0) {
	415	this.dateArr[3] = this.getAverageArr(rule, 31)
	416	this.dayRuleSup = 'null';
	417	} else if (rule.indexOf('W') >= 0) {
	418	this.dayRule = 'workDay';
	419	this.dayRuleSup = Number(rule.match(/[0-9]{1,2}/g)[0]);
	420	this.dateArr[3] = [this.dayRuleSup];
	421	} else if (rule.indexOf('L') >= 0) {
	422	this.dayRule = 'lastDay';
	423	this.dayRuleSup = 'null';
	424	this.dateArr[3] = [31];
	425	} else if (rule !== '*' && rule !== '?') {
	426	this.dateArr[3] = this.getAssignArr(rule)
	427	this.dayRuleSup = 'null';
	428	} else if (rule == '*') {
	429	this.dayRuleSup = 'null';
	430	}
	431	},
	432	// 获取"时"数组
	433	getHourArr(rule) {
	434	this.dateArr[2] = this.getOrderArr(0, 23);
	435	if (rule.indexOf('-') >= 0) {
	436	this.dateArr[2] = this.getCycleArr(rule, 24, true)
	437	} else if (rule.indexOf('/') >= 0) {
	438	this.dateArr[2] = this.getAverageArr(rule, 23)
	439	} else if (rule !== '*') {
	440	this.dateArr[2] = this.getAssignArr(rule)
	441	}
	442	},
	443	// 获取"分"数组
	444	getMinArr(rule) {
	445	this.dateArr[1] = this.getOrderArr(0, 59);
	446	if (rule.indexOf('-') >= 0) {
	447	this.dateArr[1] = this.getCycleArr(rule, 60, true)
	448	} else if (rule.indexOf('/') >= 0) {
	449	this.dateArr[1] = this.getAverageArr(rule, 59)
	450	} else if (rule !== '*') {
	451	this.dateArr[1] = this.getAssignArr(rule)
	452	}
	453	},
	454	// 获取"秒"数组
	455	getSecondArr(rule) {
	456	this.dateArr[0] = this.getOrderArr(0, 59);
	457	if (rule.indexOf('-') >= 0) {
	458	this.dateArr[0] = this.getCycleArr(rule, 60, true)
	459	} else if (rule.indexOf('/') >= 0) {
	460	this.dateArr[0] = this.getAverageArr(rule, 59)
	461	} else if (rule !== '*') {
	462	this.dateArr[0] = this.getAssignArr(rule)
	463	}
	464	},
	465	// 根据传进来的min-max返回一个顺序的数组
	466	getOrderArr(min, max) {
	467	let arr = [];
	468	for (let i = min; i <= max; i++) {
	469	arr.push(i);
	470	}
	471	return arr;
	472	},
	473	// 根据规则中指定的零散值返回一个数组
	474	getAssignArr(rule) {
	475	let arr = [];
	476	let assiginArr = rule.split(',');
	477	for (let i = 0; i < assiginArr.length; i++) {
	478	arr[i] = Number(assiginArr[i])
	479	}
	480	arr.sort(this.compare)
	481	return arr;
	482	},
	483	// 根据一定算术规则计算返回一个数组
	484	getAverageArr(rule, limit) {
	485	let arr = [];
	486	let agArr = rule.split('/');
	487	let min = Number(agArr[0]);
	488	let step = Number(agArr[1]);
	489	while (min <= limit) {
	490	arr.push(min);
	491	min += step;
	492	}
	493	return arr;
	494	},
	495	// 根据规则返回一个具有周期性的数组
	496	getCycleArr(rule, limit, status) {
	497	// status--表示是否从0开始（则从1开始）
	498	let arr = [];
	499	let cycleArr = rule.split('-');
	500	let min = Number(cycleArr[0]);
	501	let max = Number(cycleArr[1]);
	502	if (min > max) {
	503	max += limit;
	504	}
	505	for (let i = min; i <= max; i++) {
	506	let add = 0;
	507	if (status == false && i % limit == 0) {
	508	add = limit;
	509	}
	510	arr.push(Math.round(i % limit + add))
	511	}
	512	arr.sort(this.compare)
	513	return arr;
	514	},
	515	// 比较数字大小（用于Array.sort）
	516	compare(value1, value2) {
	517	if (value2 - value1 > 0) {
	518	return -1;
	519	} else {
	520	return 1;
	521	}
	522	},
	523	// 格式化日期格式如：2017-9-19 18:04:33
	524	formatDate(value, type) {
	525	// 计算日期相关值
	526	let time = typeof value == 'number' ? new Date(value) : value;
	527	let Y = time.getFullYear();
	528	let M = time.getMonth() + 1;
	529	let D = time.getDate();
	530	let h = time.getHours();
	531	let m = time.getMinutes();
	532	let s = time.getSeconds();
	533	let week = time.getDay();
	534	// 如果传递了type的话
	535	if (type == undefined) {
	536	return Y + '-' + (M < 10 ? '0' + M : M) + '-' + (D < 10 ? '0' + D : D) + ' ' + (h < 10 ? '0' + h : h) + ':' + (m < 10 ? '0' + m : m) + ':' + (s < 10 ? '0' + s : s);
	537	} else if (type == 'week') {
	538	// 在quartz中 1为星期日
	539	return week + 1;
	540	}
	541	},
	542	// 检查日期是否存在
	543	checkDate(value) {
	544	let time = new Date(value);
	545	let format = this.formatDate(time)
	546	return value === format;
	547	}
	548	},
	549	watch: {
	550	'ex': 'expressionChange'
	551	},
	552	props: ['ex'],
	553	mounted: function () {
	554	// 初始化获取一次结果
	555	this.expressionChange();
	556	}
	557	}
	558
	559	</script>