From 64d172717748c383a5c88348037354bffd60f966 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期二, 27 五月 2025 17:52:03 +0800 Subject: [PATCH] 页面样式修改 --- src/components/Crontab/result.vue | 540 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 540 insertions(+), 0 deletions(-) diff --git a/src/components/Crontab/result.vue b/src/components/Crontab/result.vue new file mode 100644 index 0000000..cbb49ba --- /dev/null +++ b/src/components/Crontab/result.vue @@ -0,0 +1,540 @@ +<template> + <div class="popup-result"> + <p class="title">鏈�杩�5娆¤繍琛屾椂闂�</p> + <ul class="popup-result-scroll"> + <template v-if='isShow'> + <li v-for='item in resultList' :key="item">{{item}}</li> + </template> + <li v-else>璁$畻缁撴灉涓�...</li> + </ul> + </div> +</template> + +<script setup> +const props = defineProps({ + ex: { + type: String, + default: '' + } +}) +const dayRule = ref('') +const dayRuleSup = ref('') +const dateArr = ref([]) +const resultList = ref([]) +const isShow = ref(false) +watch(() => props.ex, () => expressionChange()) +// 琛ㄨ揪寮忓�煎彉鍖栨椂锛屽紑濮嬪幓璁$畻缁撴灉 +function expressionChange() { + // 璁$畻寮�濮�-闅愯棌缁撴灉 + isShow.value = false + // 鑾峰彇瑙勫垯鏁扮粍[0绉掋��1鍒嗐��2鏃躲��3鏃ャ��4鏈堛��5鏄熸湡銆�6骞碷 + let ruleArr = props.ex.split(' ') + // 鐢ㄤ簬璁板綍杩涘叆寰幆鐨勬鏁� + let nums = 0 + // 鐢ㄤ簬鏆傛椂瀛樼鍙锋椂闂磋鍒欑粨鏋滅殑鏁扮粍 + let resultArr = [] + // 鑾峰彇褰撳墠鏃堕棿绮剧‘鑷砙骞淬�佹湀銆佹棩銆佹椂銆佸垎銆佺] + let nTime = new Date() + let nYear = nTime.getFullYear() + let nMonth = nTime.getMonth() + 1 + let nDay = nTime.getDate() + let nHour = nTime.getHours() + let nMin = nTime.getMinutes() + let nSecond = nTime.getSeconds() + // 鏍规嵁瑙勫垯鑾峰彇鍒拌繎100骞村彲鑳藉勾鏁扮粍銆佹湀鏁扮粍绛夌瓑 + getSecondArr(ruleArr[0]) + getMinArr(ruleArr[1]) + getHourArr(ruleArr[2]) + getDayArr(ruleArr[3]) + getMonthArr(ruleArr[4]) + getWeekArr(ruleArr[5]) + getYearArr(ruleArr[6], nYear) + // 灏嗚幏鍙栧埌鐨勬暟缁勮祴鍊�-鏂逛究浣跨敤 + let sDate = dateArr.value[0] + let mDate = dateArr.value[1] + let hDate = dateArr.value[2] + let DDate = dateArr.value[3] + let MDate = dateArr.value[4] + let YDate = dateArr.value[5] + // 鑾峰彇褰撳墠鏃堕棿鍦ㄦ暟缁勪腑鐨勭储寮� + let sIdx = getIndex(sDate, nSecond) + let mIdx = getIndex(mDate, nMin) + let hIdx = getIndex(hDate, nHour) + let DIdx = getIndex(DDate, nDay) + let MIdx = getIndex(MDate, nMonth) + let YIdx = getIndex(YDate, nYear) + // 閲嶇疆鏈堟棩鏃跺垎绉掔殑鍑芥暟(鍚庨潰鐢ㄧ殑姣旇緝澶�) + const resetSecond = function () { + sIdx = 0 + nSecond = sDate[sIdx] + } + const resetMin = function () { + mIdx = 0 + nMin = mDate[mIdx] + resetSecond() + } + const resetHour = function () { + hIdx = 0 + nHour = hDate[hIdx] + resetMin() + } + const resetDay = function () { + DIdx = 0 + nDay = DDate[DIdx] + resetHour() + } + const resetMonth = function () { + MIdx = 0 + nMonth = MDate[MIdx] + resetDay() + } + // 濡傛灉褰撳墠骞翠唤涓嶄负鏁扮粍涓綋鍓嶅�� + if (nYear !== YDate[YIdx]) { + resetMonth() + } + // 濡傛灉褰撳墠鏈堜唤涓嶄负鏁扮粍涓綋鍓嶅�� + if (nMonth !== MDate[MIdx]) { + resetDay() + } + // 濡傛灉褰撳墠鈥滄棩鈥濅笉涓烘暟缁勪腑褰撳墠鍊� + if (nDay !== DDate[DIdx]) { + resetHour() + } + // 濡傛灉褰撳墠鈥滄椂鈥濅笉涓烘暟缁勪腑褰撳墠鍊� + if (nHour !== hDate[hIdx]) { + resetMin() + } + // 濡傛灉褰撳墠鈥滃垎鈥濅笉涓烘暟缁勪腑褰撳墠鍊� + if (nMin !== mDate[mIdx]) { + resetSecond() + } + // 寰幆骞翠唤鏁扮粍 + goYear: for (let Yi = YIdx; Yi < YDate.length; Yi++) { + let YY = YDate[Yi] + // 濡傛灉鍒拌揪鏈�澶у�兼椂 + if (nMonth > MDate[MDate.length - 1]) { + resetMonth() + continue + } + // 寰幆鏈堜唤鏁扮粍 + goMonth: for (let Mi = MIdx; Mi < MDate.length; Mi++) { + // 璧嬪�笺�佹柟渚垮悗闈㈣繍绠� + let MM = MDate[Mi]; + MM = MM < 10 ? '0' + MM : MM + // 濡傛灉鍒拌揪鏈�澶у�兼椂 + if (nDay > DDate[DDate.length - 1]) { + resetDay() + if (Mi === MDate.length - 1) { + resetMonth() + continue goYear + } + continue + } + // 寰幆鏃ユ湡鏁扮粍 + goDay: for (let Di = DIdx; Di < DDate.length; Di++) { + // 璧嬪�笺�佹柟渚垮悗闈㈣繍绠� + let DD = DDate[Di] + let thisDD = DD < 10 ? '0' + DD : DD + // 濡傛灉鍒拌揪鏈�澶у�兼椂 + if (nHour > hDate[hDate.length - 1]) { + resetHour() + if (Di === DDate.length - 1) { + resetDay() + if (Mi === MDate.length - 1) { + resetMonth() + continue goYear + } + continue goMonth + } + continue + } + // 鍒ゆ柇鏃ユ湡鐨勫悎娉曟�э紝涓嶅悎娉曠殑璇濅篃鏄烦鍑哄綋鍓嶅惊鐜� + if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true && dayRule.value !== 'workDay' && dayRule.value !== 'lastWeek' && dayRule.value !== 'lastDay') { + resetDay() + continue goMonth + } + // 濡傛灉鏃ユ湡瑙勫垯涓湁鍊兼椂 + if (dayRule.value === 'lastDay') { + // 濡傛灉涓嶆槸鍚堟硶鏃ユ湡鍒欓渶瑕佸皢鍓嶅皢鏃ユ湡璋冨埌鍚堟硶鏃ユ湡鍗虫湀鏈渶鍚庝竴澶� + if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) { + while (DD > 0 && checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) { + DD-- + thisDD = DD < 10 ? '0' + DD : DD + } + } + } else if (dayRule.value === 'workDay') { + // 鏍¢獙骞惰皟鏁村鏋滄槸2鏈�30鍙疯繖绉嶆棩鏈熶紶杩涙潵鏃堕渶璋冩暣鑷虫甯告湀搴� + if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) { + while (DD > 0 && checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) { + DD-- + thisDD = DD < 10 ? '0' + DD : DD + } + } + // 鑾峰彇杈惧埌鏉′欢鐨勬棩鏈熸槸鏄熸湡X + let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + thisDD + ' 00:00:00'), 'week') + // 褰撴槦鏈熸棩鏃� + if (thisWeek === 1) { + // 鍏堟壘涓嬩竴涓棩锛屽苟鍒ゆ柇鏄惁涓烘湀搴� + DD++ + thisDD = DD < 10 ? '0' + DD : DD + // 鍒ゆ柇涓嬩竴鏃ュ凡缁忎笉鏄悎娉曟棩鏈� + if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) { + DD -= 3 + } + } else if (thisWeek === 7) { + // 褰撴槦鏈�6鏃跺彧闇�鍒ゆ柇涓嶆槸1鍙峰氨鍙繘琛屾搷浣� + if (dayRuleSup.value !== 1) { + DD-- + } else { + DD += 2 + } + } + } else if (dayRule.value === 'weekDay') { + // 濡傛灉鎸囧畾浜嗘槸鏄熸湡鍑� + // 鑾峰彇褰撳墠鏃ユ湡鏄睘浜庢槦鏈熷嚑 + let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + DD + ' 00:00:00'), 'week') + // 鏍¢獙褰撳墠鏄熸湡鏄惁鍦ㄦ槦鏈熸睜锛坉ayRuleSup锛変腑 + if (dayRuleSup.value.indexOf(thisWeek) < 0) { + // 濡傛灉鍒拌揪鏈�澶у�兼椂 + if (Di === DDate.length - 1) { + resetDay() + if (Mi === MDate.length - 1) { + resetMonth() + continue goYear + } + continue goMonth + } + continue + } + } else if (dayRule.value === 'assWeek') { + // 濡傛灉鎸囧畾浜嗘槸绗嚑鍛ㄧ殑鏄熸湡鍑� + // 鑾峰彇姣忔湀1鍙锋槸灞炰簬鏄熸湡鍑� + let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + DD + ' 00:00:00'), 'week') + if (dayRuleSup.value[1] >= thisWeek) { + DD = (dayRuleSup.value[0] - 1) * 7 + dayRuleSup.value[1] - thisWeek + 1 + } else { + DD = dayRuleSup.value[0] * 7 + dayRuleSup.value[1] - thisWeek + 1 + } + } else if (dayRule.value === 'lastWeek') { + // 濡傛灉鎸囧畾浜嗘瘡鏈堟渶鍚庝竴涓槦鏈熷嚑 + // 鏍¢獙骞惰皟鏁村鏋滄槸2鏈�30鍙疯繖绉嶆棩鏈熶紶杩涙潵鏃堕渶璋冩暣鑷虫甯告湀搴� + if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) { + while (DD > 0 && checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) { + DD-- + thisDD = DD < 10 ? '0' + DD : DD + } + } + // 鑾峰彇鏈堟湯鏈�鍚庝竴澶╂槸鏄熸湡鍑� + let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + thisDD + ' 00:00:00'), 'week') + // 鎵惧埌瑕佹眰涓渶杩戠殑閭d釜鏄熸湡鍑� + if (dayRuleSup.value < thisWeek) { + DD -= thisWeek - dayRuleSup.value + } else if (dayRuleSup.value > thisWeek) { + DD -= 7 - (dayRuleSup.value - thisWeek) + } + } + // 鍒ゆ柇鏃堕棿鍊兼槸鍚﹀皬浜�10缃崲鎴愨��05鈥濊繖绉嶆牸寮� + DD = DD < 10 ? '0' + DD : DD + // 寰幆鈥滄椂鈥濇暟缁� + goHour: for (let hi = hIdx; hi < hDate.length; hi++) { + let hh = hDate[hi] < 10 ? '0' + hDate[hi] : hDate[hi] + // 濡傛灉鍒拌揪鏈�澶у�兼椂 + if (nMin > mDate[mDate.length - 1]) { + resetMin() + if (hi === hDate.length - 1) { + resetHour() + if (Di === DDate.length - 1) { + resetDay() + if (Mi === MDate.length - 1) { + resetMonth() + continue goYear + } + continue goMonth + } + continue goDay + } + continue + } + // 寰幆"鍒�"鏁扮粍 + goMin: for (let mi = mIdx; mi < mDate.length; mi++) { + let mm = mDate[mi] < 10 ? '0' + mDate[mi] : mDate[mi] + // 濡傛灉鍒拌揪鏈�澶у�兼椂 + if (nSecond > sDate[sDate.length - 1]) { + resetSecond() + if (mi === mDate.length - 1) { + resetMin() + if (hi === hDate.length - 1) { + resetHour() + if (Di === DDate.length - 1) { + resetDay() + if (Mi === MDate.length - 1) { + resetMonth() + continue goYear + } + continue goMonth + } + continue goDay + } + continue goHour + } + continue + } + // 寰幆"绉�"鏁扮粍 + goSecond: for (let si = sIdx; si <= sDate.length - 1; si++) { + let ss = sDate[si] < 10 ? '0' + sDate[si] : sDate[si] + // 娣诲姞褰撳墠鏃堕棿锛堟椂闂村悎娉曟�у湪鏃ユ湡寰幆鏃跺凡缁忓垽鏂級 + if (MM !== '00' && DD !== '00') { + resultArr.push(YY + '-' + MM + '-' + DD + ' ' + hh + ':' + mm + ':' + ss) + nums++ + } + // 濡傛灉鏉℃暟婊′簡灏遍��鍑哄惊鐜� + if (nums === 5) break goYear + // 濡傛灉鍒拌揪鏈�澶у�兼椂 + if (si === sDate.length - 1) { + resetSecond() + if (mi === mDate.length - 1) { + resetMin() + if (hi === hDate.length - 1) { + resetHour() + if (Di === DDate.length - 1) { + resetDay() + if (Mi === MDate.length - 1) { + resetMonth() + continue goYear + } + continue goMonth + } + continue goDay + } + continue goHour + } + continue goMin + } + } //goSecond + } //goMin + }//goHour + }//goDay + }//goMonth + } + // 鍒ゆ柇100骞村唴鐨勭粨鏋滄潯鏁� + if (resultArr.length === 0) { + resultList.value = ['娌℃湁杈惧埌鏉′欢鐨勭粨鏋滐紒'] + } else { + resultList.value = resultArr + if (resultArr.length !== 5) { + resultList.value.push('鏈�杩�100骞村唴鍙湁涓婇潰' + resultArr.length + '鏉$粨鏋滐紒') + } + } + // 璁$畻瀹屾垚-鏄剧ず缁撴灉 + isShow.value = true +} +// 鐢ㄤ簬璁$畻鏌愪綅鏁板瓧鍦ㄦ暟缁勪腑鐨勭储寮� +function getIndex(arr, value) { + if (value <= arr[0] || value > arr[arr.length - 1]) { + return 0 + } else { + for (let i = 0; i < arr.length - 1; i++) { + if (value > arr[i] && value <= arr[i + 1]) { + return i + 1 + } + } + } +} +// 鑾峰彇"骞�"鏁扮粍 +function getYearArr(rule, year) { + dateArr.value[5] = getOrderArr(year, year + 100) + if (rule !== undefined) { + if (rule.indexOf('-') >= 0) { + dateArr.value[5] = getCycleArr(rule, year + 100, false) + } else if (rule.indexOf('/') >= 0) { + dateArr.value[5] = getAverageArr(rule, year + 100) + } else if (rule !== '*') { + dateArr.value[5] = getAssignArr(rule) + } + } +} +// 鑾峰彇"鏈�"鏁扮粍 +function getMonthArr(rule) { + dateArr.value[4] = getOrderArr(1, 12) + if (rule.indexOf('-') >= 0) { + dateArr.value[4] = getCycleArr(rule, 12, false) + } else if (rule.indexOf('/') >= 0) { + dateArr.value[4] = getAverageArr(rule, 12) + } else if (rule !== '*') { + dateArr.value[4] = getAssignArr(rule) + } +} +// 鑾峰彇"鏃�"鏁扮粍-涓昏涓烘棩鏈熻鍒� +function getWeekArr(rule) { + // 鍙湁褰撴棩鏈熻鍒欑殑涓や釜鍊煎潎涓衡�溾�濇椂鍒欒〃杈炬棩鏈熸槸鏈夐�夐」鐨� + if (dayRule.value === '' && dayRuleSup.value === '') { + if (rule.indexOf('-') >= 0) { + dayRule.value = 'weekDay' + dayRuleSup.value = getCycleArr(rule, 7, false) + } else if (rule.indexOf('#') >= 0) { + dayRule.value = 'assWeek' + let matchRule = rule.match(/[0-9]{1}/g) + dayRuleSup.value = [Number(matchRule[1]), Number(matchRule[0])] + dateArr.value[3] = [1] + if (dayRuleSup.value[1] === 7) { + dayRuleSup.value[1] = 0 + } + } else if (rule.indexOf('L') >= 0) { + dayRule.value = 'lastWeek' + dayRuleSup.value = Number(rule.match(/[0-9]{1,2}/g)[0]) + dateArr.value[3] = [31] + if (dayRuleSup.value === 7) { + dayRuleSup.value = 0 + } + } else if (rule !== '*' && rule !== '?') { + dayRule.value = 'weekDay' + dayRuleSup.value = getAssignArr(rule) + } + } +} +// 鑾峰彇"鏃�"鏁扮粍-灏戦噺涓烘棩鏈熻鍒� +function getDayArr(rule) { + dateArr.value[3] = getOrderArr(1, 31) + dayRule.value = '' + dayRuleSup.value = '' + if (rule.indexOf('-') >= 0) { + dateArr.value[3] = getCycleArr(rule, 31, false) + dayRuleSup.value = 'null' + } else if (rule.indexOf('/') >= 0) { + dateArr.value[3] = getAverageArr(rule, 31) + dayRuleSup.value = 'null' + } else if (rule.indexOf('W') >= 0) { + dayRule.value = 'workDay' + dayRuleSup.value = Number(rule.match(/[0-9]{1,2}/g)[0]) + dateArr.value[3] = [dayRuleSup.value] + } else if (rule.indexOf('L') >= 0) { + dayRule.value = 'lastDay' + dayRuleSup.value = 'null' + dateArr.value[3] = [31] + } else if (rule !== '*' && rule !== '?') { + dateArr.value[3] = getAssignArr(rule) + dayRuleSup.value = 'null' + } else if (rule === '*') { + dayRuleSup.value = 'null' + } +} +// 鑾峰彇"鏃�"鏁扮粍 +function getHourArr(rule) { + dateArr.value[2] = getOrderArr(0, 23) + if (rule.indexOf('-') >= 0) { + dateArr.value[2] = getCycleArr(rule, 24, true) + } else if (rule.indexOf('/') >= 0) { + dateArr.value[2] = getAverageArr(rule, 23) + } else if (rule !== '*') { + dateArr.value[2] = getAssignArr(rule) + } +} +// 鑾峰彇"鍒�"鏁扮粍 +function getMinArr(rule) { + dateArr.value[1] = getOrderArr(0, 59) + if (rule.indexOf('-') >= 0) { + dateArr.value[1] = getCycleArr(rule, 60, true) + } else if (rule.indexOf('/') >= 0) { + dateArr.value[1] = getAverageArr(rule, 59) + } else if (rule !== '*') { + dateArr.value[1] = getAssignArr(rule) + } +} +// 鑾峰彇"绉�"鏁扮粍 +function getSecondArr(rule) { + dateArr.value[0] = getOrderArr(0, 59) + if (rule.indexOf('-') >= 0) { + dateArr.value[0] = getCycleArr(rule, 60, true) + } else if (rule.indexOf('/') >= 0) { + dateArr.value[0] = getAverageArr(rule, 59) + } else if (rule !== '*') { + dateArr.value[0] = getAssignArr(rule) + } +} +// 鏍规嵁浼犺繘鏉ョ殑min-max杩斿洖涓�涓『搴忕殑鏁扮粍 +function getOrderArr(min, max) { + let arr = [] + for (let i = min; i <= max; i++) { + arr.push(i) + } + return arr +} +// 鏍规嵁瑙勫垯涓寚瀹氱殑闆舵暎鍊艰繑鍥炰竴涓暟缁� +function getAssignArr(rule) { + let arr = [] + let assiginArr = rule.split(',') + for (let i = 0; i < assiginArr.length; i++) { + arr[i] = Number(assiginArr[i]) + } + arr.sort(compare) + return arr +} +// 鏍规嵁涓�瀹氱畻鏈鍒欒绠楄繑鍥炰竴涓暟缁� +function getAverageArr(rule, limit) { + let arr = [] + let agArr = rule.split('/') + let min = Number(agArr[0]) + let step = Number(agArr[1]) + while (min <= limit) { + arr.push(min) + min += step + } + return arr +} +// 鏍规嵁瑙勫垯杩斿洖涓�涓叿鏈夊懆鏈熸�х殑鏁扮粍 +function getCycleArr(rule, limit, status) { + // status--琛ㄧず鏄惁浠�0寮�濮嬶紙鍒欎粠1寮�濮嬶級 + let arr = [] + let cycleArr = rule.split('-') + let min = Number(cycleArr[0]) + let max = Number(cycleArr[1]) + if (min > max) { + max += limit + } + for (let i = min; i <= max; i++) { + let add = 0 + if (status === false && i % limit === 0) { + add = limit + } + arr.push(Math.round(i % limit + add)) + } + arr.sort(compare) + return arr +} +// 姣旇緝鏁板瓧澶у皬锛堢敤浜嶢rray.sort锛� +function compare(value1, value2) { + if (value2 - value1 > 0) { + return -1 + } else { + return 1 + } +} +// 鏍煎紡鍖栨棩鏈熸牸寮忓锛�2017-9-19 18:04:33 +function formatDate(value, type) { + // 璁$畻鏃ユ湡鐩稿叧鍊� + let time = typeof value == 'number' ? new Date(value) : value + let Y = time.getFullYear() + let M = time.getMonth() + 1 + let D = time.getDate() + let h = time.getHours() + let m = time.getMinutes() + let s = time.getSeconds() + let week = time.getDay() + // 濡傛灉浼犻�掍簡type鐨勮瘽 + if (type === undefined) { + 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) + } else if (type === 'week') { + // 鍦╭uartz涓� 1涓烘槦鏈熸棩 + return week + 1 + } +} +// 妫�鏌ユ棩鏈熸槸鍚﹀瓨鍦� +function checkDate(value) { + let time = new Date(value) + let format = formatDate(time) + return value === format +} +onMounted(() => { + expressionChange() +}) +</script> \ No newline at end of file -- Gitblit v1.9.3