// 定义一个名为 cron 的新组件
Vue.component('cron', {name: 'cron',props: ['data'],data() {return {second: {cronEvery: '',incrementStart: '3',incrementIncrement: '5',rangeStart: '',rangeEnd: '',specificSpecific: [],},minute: {cronEvery: '',incrementStart: '3',incrementIncrement: '5',rangeStart: '',rangeEnd: '',specificSpecific: [],},hour: {cronEvery: '',incrementStart: '3',incrementIncrement: '5',rangeStart: '',rangeEnd: '',specificSpecific: [],},day: {cronEvery: '',incrementStart: '1',incrementIncrement: '1',rangeStart: '',rangeEnd: '',specificSpecific: [],cronLastSpecificDomDay: 1,cronDaysBeforeEomMinus: '',cronDaysNearestWeekday: '',},week: {cronEvery: '',incrementStart: '1',incrementIncrement: '1',specificSpecific: [],cronNthDayDay: 1,cronNthDayNth: '1',},month: {cronEvery: '',incrementStart: '3',incrementIncrement: '5',rangeStart: '',rangeEnd: '',specificSpecific: [],},year: {cronEvery: '',incrementStart: '2017',incrementIncrement: '1',rangeStart: '',rangeEnd: '',specificSpecific: [],},output: {second: '',minute: '',hour: '',day: '',month: '',Week: '',year: '',}}},watch: {data() {this.rest(this.$data);}},computed: {text() {return {Seconds: {name: "秒",every: "每一秒钟",interval: ["每隔", "秒执行 从", "秒开始"],specific: "具体秒数(可多选)",cycle: ["周期从", "到", "秒"]},Minutes: {name: "分",every: "每一分钟",interval: ["每隔", "分执行 从", "分开始"],specific: "具体分钟数(可多选)",cycle: ["周期从", "到", "分"]},Hours: {name: "时",every: "每一小时",interval: ["每隔", "小时执行 从", "小时开始"],specific: "具体小时数(可多选)",cycle: ["周期从", "到", "小时"]},Day: {name: "天",every: "每一天",intervalWeek: ["每隔", "周执行 从", "开始"],intervalDay: ["每隔", "天执行 从", "天开始"],specificWeek: "具体星期几(可多选)",specificDay: "具体天数(可多选)",lastDay: "在这个月的最后一天",lastWeekday: "在这个月的最后一个工作日",lastWeek: ["在这个月的最后一个"],beforeEndMonth: ["在本月底前", "天"],nearestWeekday: ["最近的工作日（周一至周五）至本月", "日"],someWeekday: ["在这个月的第", "个"]},Week: ["天", "一", "二", "三", "四", "五", "六"].map(function (e) {return "星期" + e}),Month: {name: "月",every: "每一月",interval: ["每隔", "月执行 从", "月开始"],specific: "具体月数(可多选)",cycle: ["从", "到", "月之间的每个月"]},Year: {name: "年",every: "每一年",interval: ["每隔", "年执行 从", "年开始"],specific: "具体年份(可多选)",cycle: ["从", "到", "年之间的每一年"]},Save: "保存",Close: "关闭"}},secondsText() {let seconds = '';let cronEvery = this.second.cronEvery;switch (cronEvery.toString()) {case '1':seconds = '*';break;case '2':seconds = this.second.incrementStart + '/' + this.second.incrementIncrement;break;case '3':this.second.specificSpecific.map(val => {seconds += val + ','});seconds = seconds.slice(0, -1);break;case '4':seconds = this.second.rangeStart + '-' + this.second.rangeEnd;break;}return seconds;},minutesText() {let minutes = '';let cronEvery = this.minute.cronEvery;switch (cronEvery.toString()) {case '1':minutes = '*';break;case '2':minutes = this.minute.incrementStart + '/' + this.minute.incrementIncrement;break;case '3':this.minute.specificSpecific.map(val => {minutes += val + ','});minutes = minutes.slice(0, -1);break;case '4':minutes = this.minute.rangeStart + '-' + this.minute.rangeEnd;break;}return minutes;},hoursText() {let hours = '';let cronEvery = this.hour.cronEvery;switch (cronEvery.toString()) {case '1':hours = '*';break;case '2':hours = this.hour.incrementStart + '/' + this.hour.incrementIncrement;break;case '3':this.hour.specificSpecific.map(val => {hours += val + ','});hours = hours.slice(0, -1);break;case '4':hours = this.hour.rangeStart + '-' + this.hour.rangeEnd;break;}return hours;},daysText() {let days = '';let cronEvery = this.day.cronEvery;switch (cronEvery.toString()) {case '1':break;case '2':case '4':case '11':days = '?';break;case '3':days = this.day.incrementStart + '/' + this.day.incrementIncrement;break;case '5':this.day.specificSpecific.map(val => {days += val + ','});days = days.slice(0, -1);break;case '6':days = "L";break;case '7':days = "LW";break;case '8':days = this.day.cronLastSpecificDomDay + 'L';break;case '9':days = 'L-' + this.day.cronDaysBeforeEomMinus;break;case '10':days = this.day.cronDaysNearestWeekday + "W";break}return days;},weeksText() {let weeks = '';let cronEvery = this.day.cronEvery;switch (cronEvery.toString()) {case '1':case '3':case '5':weeks = '?';break;case '2':weeks = this.week.incrementStart + '/' + this.week.incrementIncrement;break;case '4':this.week.specificSpecific.map(val => {weeks += val + ','});weeks = weeks.slice(0, -1);break;case '6':case '7':case '8':case '9':case '10':weeks = "?";break;case '11':weeks = this.week.cronNthDayDay + "#" + this.week.cronNthDayNth;break;}return weeks;},monthsText() {let months = '';let cronEvery = this.month.cronEvery;switch (cronEvery.toString()) {case '1':months = '*';break;case '2':months = this.month.incrementStart + '/' + this.month.incrementIncrement;break;case '3':this.month.specificSpecific.map(val => {months += val + ','});months = months.slice(0, -1);break;case '4':months = this.month.rangeStart + '-' + this.month.rangeEnd;break;}return months;},yearsText() {let years = '';let cronEvery = this.year.cronEvery;switch (cronEvery.toString()) {case '1':years = '*';break;case '2':years = this.year.incrementStart + '/' + this.year.incrementIncrement;break;case '3':this.year.specificSpecific.map(val => {years += val + ','});years = years.slice(0, -1);break;case '4':years = this.year.rangeStart + '-' + this.year.rangeEnd;break;}return years;},cron() {return `${this.secondsText || '0'} ${this.minutesText || '0'} ${this.hoursText || '*'} ${this.daysText || '*'} ${this.monthsText || '*'} ${this.weeksText || '?'}`},},methods: {getValue() {return this.cron;},change() {this.$emit('change', this.cron);// this.close();},// close() {// this.$emit('close')// }// ,rest(data) {for (let i in data) {if (data[i] instanceof Object) {this.rest(data[i])} else {switch (typeof data[i]) {case 'object':data[i] = [];break;case 'string':data[i] = '';break;}}}}},watch:{cron(){this.change();}},mounted() {this.change();},template: `<div ><el-tabs type="border-card">
<el-tab-pane><span slot="label"><i class="el-icon-date"></i> {{text.Hours.name}}</span><div class="tabBody"><el-row><el-radio v-model="hour.cronEvery" label="1">{{text.Hours.every}}</el-radio></el-row><el-row><el-radio v-model="hour.cronEvery" label="2">{{text.Hours.interval[0]}}<el-input-number size="small" v-model="hour.incrementIncrement" :min="0" :max="23"></el-input-number>{{text.Hours.interval[1]}}<el-input-number size="small" v-model="hour.incrementStart" :min="0" :max="23"></el-input-number>{{text.Hours.interval[2]}}</el-radio></el-row><el-row><el-radio class="long" v-model="hour.cronEvery" label="3">{{text.Hours.specific}}<el-select size="small" multiple v-model="hour.specificSpecific"><el-option v-for="val in 24" :value="val-1">{{val-1}}</el-option></el-select></el-radio></el-row><el-row><el-radio v-model="hour.cronEvery" label="4">{{text.Hours.cycle[0]}}<el-input-number size="small" v-model="hour.rangeStart" :min="0" :max="23"></el-input-number>{{text.Hours.cycle[1]}}<el-input-number size="small" v-model="hour.rangeEnd" :min="0" :max="23"></el-input-number>{{text.Hours.cycle[2]}}</el-radio></el-row></div></el-tab-pane><el-tab-pane><span slot="label"><i class="el-icon-date"></i> {{text.Day.name}}</span><div class="tabBody"><el-row><el-radio v-model="day.cronEvery" label="1">{{text.Day.every}}</el-radio></el-row><el-row><el-radio v-model="day.cronEvery" label="2">{{text.Day.intervalWeek[0]}}<el-input-number size="small" v-model="week.incrementIncrement" :min="1" :max="7"></el-input-number>{{text.Day.intervalWeek[1]}}<el-select size="small" v-model="week.incrementStart"><el-option v-for="val in 7" :label="text.Week[val-1]" :value="val"></el-option></el-select>{{text.Day.intervalWeek[2]}}</el-radio></el-row><el-row><el-radio v-model="day.cronEvery" label="3">{{text.Day.intervalDay[0]}}<el-input-number size="small" v-model="day.incrementIncrement" :min="1" :max="31"></el-input-number>{{text.Day.intervalDay[1]}}<el-input-number size="small" v-model="day.incrementStart" :min="1" :max="31"></el-input-number>{{text.Day.intervalDay[2]}}</el-radio></el-row><el-row><el-radio class="long" v-model="day.cronEvery" label="4">{{text.Day.specificWeek}}<el-select size="small" multiple v-model="week.specificSpecific"><el-option v-for="val in 7":label="text.Week[val-1]":value="['SUN','MON','TUE','WED','THU','FRI','SAT'][val-1]"></el-option></el-select></el-radio></el-row><el-row><el-radio class="long" v-model="day.cronEvery" label="5">{{text.Day.specificDay}}<el-select size="small" multiple v-model="day.specificSpecific"><el-option v-for="val in 31" :value="val">{{val}}</el-option></el-select></el-radio></el-row><el-row><el-radio v-model="day.cronEvery" label="6">{{text.Day.lastDay}}</el-radio></el-row><el-row><el-radio v-model="day.cronEvery" label="7">{{text.Day.lastWeekday}}</el-radio></el-row><el-row><el-radio v-model="day.cronEvery" label="8">{{text.Day.lastWeek[0]}}<el-select size="small" v-model="day.cronLastSpecificDomDay"><el-option v-for="val in 7" :label="text.Week[val-1]" :value="val"></el-option></el-select>{{text.Day.lastWeek[1]||''}}</el-radio></el-row><el-row><el-radio v-model="day.cronEvery" label="9"><el-input-number size="small" v-model="day.cronDaysBeforeEomMinus" :min="1" :max="31"></el-input-number>{{text.Day.beforeEndMonth[0]}}</el-radio></el-row><el-row><el-radio v-model="day.cronEvery" label="10">{{text.Day.nearestWeekday[0]}}<el-input-number size="small" v-model="day.cronDaysNearestWeekday" :min="1" :max="31"></el-input-number>{{text.Day.nearestWeekday[1]}}</el-radio></el-row><el-row><el-radio v-model="day.cronEvery" label="11">{{text.Day.someWeekday[0]}}<el-input-number size="small" v-model="week.cronNthDayNth" :min="1" :max="5"></el-input-number><el-select size="small" v-model="week.cronNthDayDay"><el-option v-for="val in 7" :label="text.Week[val-1]" :value="val"></el-option></el-select>{{text.Day.someWeekday[1]}}</el-radio></el-row></div></el-tab-pane><el-tab-pane><span slot="label"><i class="el-icon-date"></i> {{text.Month.name}}</span><div class="tabBody"><el-row><el-radio v-model="month.cronEvery" label="1">{{text.Month.every}}</el-radio></el-row><el-row><el-radio v-model="month.cronEvery" label="2">{{text.Month.interval[0]}}<el-input-number size="small" v-model="month.incrementIncrement" :min="0" :max="12"></el-input-number>{{text.Month.interval[1]}}<el-input-number size="small" v-model="month.incrementStart" :min="0" :max="12"></el-input-number></el-radio></el-row><el-row><el-radio class="long" v-model="month.cronEvery" label="3">{{text.Month.specific}}<el-select size="small" multiple v-model="month.specificSpecific"><el-option v-for="val in 12" :label="val" :value="val"></el-option></el-select></el-radio></el-row><el-row><el-radio v-model="month.cronEvery" label="4">{{text.Month.cycle[0]}}<el-input-number size="small" v-model="month.rangeStart" :min="1" :max="12"></el-input-number>{{text.Month.cycle[1]}}<el-input-number size="small" v-model="month.rangeEnd" :min="1" :max="12"></el-input-number></el-radio></el-row></div></el-tab-pane>
</el-tabs><div class="bottom"><div class="value">表达式：{{this.cron}}</div>
</div></div>`,// components: {// ResultDisplay// }
})
@GetMapping("/tuiSuanCron")public AjaxResult tuiSuanCron(String cron){if (!CronSequenceGenerator.isValidExpression(cron)){return AjaxResult.getInstance().setSuccessChain(false).setMessageChain("无效表达式:" + cron);}ArrayList<String> strings = null;try {CronSequenceGenerator cronSequenceGenerator = new CronSequenceGenerator(cron);Date next = new Date();SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");strings = new ArrayList<>();for (int i = 0; i < 5; i++) {next = cronSequenceGenerator.next(next);if (next != null){String date = simpleDateFormat.format(next);strings.add(date);}else {break;}}} catch (Exception e) {return AjaxResult.getInstance().setSuccessChain(false).setMessageChain("表达式解析发生错误！");}return AjaxResult.getInstance().setSuccessChain(true).setDataChain(strings);}
