@@ -1,179 +1,179 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
	<el-form size="small">
 | 
						<el-form size="small">
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="1">
 | 
								<el-radio v-model='radioValue' :label="1">
 | 
				
			||||||
				日,允许的通配符[, - * / L M]
 | 
									日,允许的通配符[, - * / L M]
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="2">
 | 
								<el-radio v-model='radioValue' :label="2">
 | 
				
			||||||
				不指定
 | 
									不指定
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="3">
 | 
								<el-radio v-model='radioValue' :label="3">
 | 
				
			||||||
				周期从
 | 
									周期从
 | 
				
			||||||
				<el-input-number v-model='cycle01' :min="0" :max="31" /> -
 | 
									<el-input-number v-model='cycle01' :min="0" :max="31" /> -
 | 
				
			||||||
				<el-input-number v-model='cycle02' :min="0" :max="31" /> 日
 | 
									<el-input-number v-model='cycle02' :min="0" :max="31" /> 日
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="4">
 | 
								<el-radio v-model='radioValue' :label="4">
 | 
				
			||||||
				从
 | 
									从
 | 
				
			||||||
				<el-input-number v-model='average01' :min="0" :max="31" /> 号开始,每
 | 
									<el-input-number v-model='average01' :min="0" :max="31" /> 号开始,每
 | 
				
			||||||
				<el-input-number v-model='average02' :min="0" :max="31" /> 日执行一次
 | 
									<el-input-number v-model='average02' :min="0" :max="31" /> 日执行一次
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="5">
 | 
								<el-radio v-model='radioValue' :label="5">
 | 
				
			||||||
				每月
 | 
									每月
 | 
				
			||||||
				<el-input-number v-model='workday' :min="0" :max="31" /> 号最近的那个工作日
 | 
									<el-input-number v-model='workday' :min="0" :max="31" /> 号最近的那个工作日
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="6">
 | 
								<el-radio v-model='radioValue' :label="6">
 | 
				
			||||||
				本月最后一天
 | 
									本月最后一天
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="7">
 | 
								<el-radio v-model='radioValue' :label="7">
 | 
				
			||||||
				指定
 | 
									指定
 | 
				
			||||||
				<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
 | 
									<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
 | 
				
			||||||
					<el-option v-for="item in 31" :key="item" :value="item">{{item}}</el-option>
 | 
										<el-option v-for="item in 31" :key="item" :value="item">{{item}}</el-option>
 | 
				
			||||||
				</el-select>
 | 
									</el-select>
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
	</el-form>
 | 
						</el-form>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
	data() {
 | 
						data() {
 | 
				
			||||||
		return {
 | 
							return {
 | 
				
			||||||
			radioValue: 1,
 | 
								radioValue: 1,
 | 
				
			||||||
			workday: 1,
 | 
								workday: 1,
 | 
				
			||||||
			cycle01: 1,
 | 
								cycle01: 1,
 | 
				
			||||||
			cycle02: 2,
 | 
								cycle02: 2,
 | 
				
			||||||
			average01: 1,
 | 
								average01: 1,
 | 
				
			||||||
			average02: 1,
 | 
								average02: 1,
 | 
				
			||||||
			checkboxList: [],
 | 
								checkboxList: [],
 | 
				
			||||||
			checkNum: this.$options.propsData.check
 | 
								checkNum: this.$options.propsData.check
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	name: 'crontab-day',
 | 
						name: 'crontab-day',
 | 
				
			||||||
	props: ['check', 'cron'],
 | 
						props: ['check', 'cron'],
 | 
				
			||||||
	methods: {
 | 
						methods: {
 | 
				
			||||||
		// 单选按钮值变化时
 | 
							// 单选按钮值变化时
 | 
				
			||||||
		radioChange() {
 | 
							radioChange() {
 | 
				
			||||||
			('day rachange');
 | 
								('day rachange');
 | 
				
			||||||
			if (this.radioValue === 1) {
 | 
								if (this.radioValue === 1) {
 | 
				
			||||||
				this.$emit('update', 'day', '*', 'day');
 | 
									this.$emit('update', 'day', '*', 'day');
 | 
				
			||||||
				this.$emit('update', 'week', '?', 'day');
 | 
									this.$emit('update', 'week', '?', 'day');
 | 
				
			||||||
				this.$emit('update', 'mouth', '*', 'day');
 | 
									this.$emit('update', 'month', '*', 'day');
 | 
				
			||||||
			} else {
 | 
								} else {
 | 
				
			||||||
				if (this.cron.hour === '*') {
 | 
									if (this.cron.hour === '*') {
 | 
				
			||||||
					this.$emit('update', 'hour', '0', 'day');
 | 
										this.$emit('update', 'hour', '0', 'day');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
				if (this.cron.min === '*') {
 | 
									if (this.cron.min === '*') {
 | 
				
			||||||
					this.$emit('update', 'min', '0', 'day');
 | 
										this.$emit('update', 'min', '0', 'day');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
				if (this.cron.second === '*') {
 | 
									if (this.cron.second === '*') {
 | 
				
			||||||
					this.$emit('update', 'second', '0', 'day');
 | 
										this.$emit('update', 'second', '0', 'day');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			switch (this.radioValue) {
 | 
								switch (this.radioValue) {
 | 
				
			||||||
				case 2:
 | 
									case 2:
 | 
				
			||||||
					this.$emit('update', 'day', '?');
 | 
										this.$emit('update', 'day', '?');
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 3:
 | 
									case 3:
 | 
				
			||||||
					this.$emit('update', 'day', this.cycle01 + '-' + this.cycle02);
 | 
										this.$emit('update', 'day', this.cycle01 + '-' + this.cycle02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 4:
 | 
									case 4:
 | 
				
			||||||
					this.$emit('update', 'day', this.average01 + '/' + this.average02);
 | 
										this.$emit('update', 'day', this.average01 + '/' + this.average02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 5:
 | 
									case 5:
 | 
				
			||||||
					this.$emit('update', 'day', this.workday + 'W');
 | 
										this.$emit('update', 'day', this.workday + 'W');
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 6:
 | 
									case 6:
 | 
				
			||||||
					this.$emit('update', 'day', 'L');
 | 
										this.$emit('update', 'day', 'L');
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 7:
 | 
									case 7:
 | 
				
			||||||
					this.$emit('update', 'day', this.checkboxString);
 | 
										this.$emit('update', 'day', this.checkboxString);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
			('day rachange end');
 | 
								('day rachange end');
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 周期两个值变化时
 | 
							// 周期两个值变化时
 | 
				
			||||||
		cycleChange() {
 | 
							cycleChange() {
 | 
				
			||||||
			if (this.radioValue == '3') {
 | 
								if (this.radioValue == '3') {
 | 
				
			||||||
				this.$emit('update', 'day', this.cycleTotal);
 | 
									this.$emit('update', 'day', this.cycleTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 平均两个值变化时
 | 
							// 平均两个值变化时
 | 
				
			||||||
		averageChange() {
 | 
							averageChange() {
 | 
				
			||||||
			if (this.radioValue == '4') {
 | 
								if (this.radioValue == '4') {
 | 
				
			||||||
				this.$emit('update', 'day', this.averageTotal);
 | 
									this.$emit('update', 'day', this.averageTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 最近工作日值变化时
 | 
							// 最近工作日值变化时
 | 
				
			||||||
		workdayChange() {
 | 
							workdayChange() {
 | 
				
			||||||
			if (this.radioValue == '5') {
 | 
								if (this.radioValue == '5') {
 | 
				
			||||||
				this.$emit('update', 'day', this.workday + 'W');
 | 
									this.$emit('update', 'day', this.workday + 'W');
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// checkbox值变化时
 | 
							// checkbox值变化时
 | 
				
			||||||
		checkboxChange() {
 | 
							checkboxChange() {
 | 
				
			||||||
			if (this.radioValue == '7') {
 | 
								if (this.radioValue == '7') {
 | 
				
			||||||
				this.$emit('update', 'day', this.checkboxString);
 | 
									this.$emit('update', 'day', this.checkboxString);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 父组件传递的week发生变化触发
 | 
							// 父组件传递的week发生变化触发
 | 
				
			||||||
		weekChange() {
 | 
							weekChange() {
 | 
				
			||||||
			//判断week值与day不能同时为“?”
 | 
								//判断week值与day不能同时为“?”
 | 
				
			||||||
			if (this.cron.week == '?' && this.radioValue == '2') {
 | 
								if (this.cron.week == '?' && this.radioValue == '2') {
 | 
				
			||||||
				this.radioValue = '1';
 | 
									this.radioValue = '1';
 | 
				
			||||||
			} else if (this.cron.week !== '?' && this.radioValue != '2') {
 | 
								} else if (this.cron.week !== '?' && this.radioValue != '2') {
 | 
				
			||||||
				this.radioValue = '2';
 | 
									this.radioValue = '2';
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	watch: {
 | 
						watch: {
 | 
				
			||||||
		"radioValue": "radioChange",
 | 
							"radioValue": "radioChange",
 | 
				
			||||||
		'cycleTotal': 'cycleChange',
 | 
							'cycleTotal': 'cycleChange',
 | 
				
			||||||
		'averageTotal': 'averageChange',
 | 
							'averageTotal': 'averageChange',
 | 
				
			||||||
		'workdayCheck': 'workdayChange',
 | 
							'workdayCheck': 'workdayChange',
 | 
				
			||||||
		'checkboxString': 'checkboxChange',
 | 
							'checkboxString': 'checkboxChange',
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	computed: {
 | 
						computed: {
 | 
				
			||||||
		// 计算两个周期值
 | 
							// 计算两个周期值
 | 
				
			||||||
		cycleTotal: function () {
 | 
							cycleTotal: function () {
 | 
				
			||||||
			this.cycle01 = this.checkNum(this.cycle01, 1, 31)
 | 
								this.cycle01 = this.checkNum(this.cycle01, 1, 31)
 | 
				
			||||||
			this.cycle02 = this.checkNum(this.cycle02, 1, 31)
 | 
								this.cycle02 = this.checkNum(this.cycle02, 1, 31)
 | 
				
			||||||
			return this.cycle01 + '-' + this.cycle02;
 | 
								return this.cycle01 + '-' + this.cycle02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算平均用到的值
 | 
							// 计算平均用到的值
 | 
				
			||||||
		averageTotal: function () {
 | 
							averageTotal: function () {
 | 
				
			||||||
			this.average01 = this.checkNum(this.average01, 1, 31)
 | 
								this.average01 = this.checkNum(this.average01, 1, 31)
 | 
				
			||||||
			this.average02 = this.checkNum(this.average02, 1, 31)
 | 
								this.average02 = this.checkNum(this.average02, 1, 31)
 | 
				
			||||||
			return this.average01 + '/' + this.average02;
 | 
								return this.average01 + '/' + this.average02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算工作日格式
 | 
							// 计算工作日格式
 | 
				
			||||||
		workdayCheck: function () {
 | 
							workdayCheck: function () {
 | 
				
			||||||
			this.workday = this.checkNum(this.workday, 1, 31)
 | 
								this.workday = this.checkNum(this.workday, 1, 31)
 | 
				
			||||||
			return this.workday;
 | 
								return this.workday;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算勾选的checkbox值合集
 | 
							// 计算勾选的checkbox值合集
 | 
				
			||||||
		checkboxString: function () {
 | 
							checkboxString: function () {
 | 
				
			||||||
			let str = this.checkboxList.join();
 | 
								let str = this.checkboxList.join();
 | 
				
			||||||
			return str == '' ? '*' : str;
 | 
								return str == '' ? '*' : str;
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,425 +1,425 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
  <div>
 | 
					  <div>
 | 
				
			||||||
    <el-tabs type="border-card">
 | 
					    <el-tabs type="border-card">
 | 
				
			||||||
      <el-tab-pane label="秒" v-if="shouldHide('second')">
 | 
					      <el-tab-pane label="秒" v-if="shouldHide('second')">
 | 
				
			||||||
        <CrontabSecond @update="updateContabValue" :check="checkNumber" ref="cronsecond" />
 | 
					        <CrontabSecond @update="updateCrontabValue" :check="checkNumber" ref="cronsecond" />
 | 
				
			||||||
      </el-tab-pane>
 | 
					      </el-tab-pane>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <el-tab-pane label="分钟" v-if="shouldHide('min')">
 | 
					      <el-tab-pane label="分钟" v-if="shouldHide('min')">
 | 
				
			||||||
        <CrontabMin
 | 
					        <CrontabMin
 | 
				
			||||||
          @update="updateContabValue"
 | 
					          @update="updateCrontabValue"
 | 
				
			||||||
          :check="checkNumber"
 | 
					          :check="checkNumber"
 | 
				
			||||||
          :cron="contabValueObj"
 | 
					          :cron="crontabValueObj"
 | 
				
			||||||
          ref="cronmin"
 | 
					          ref="cronmin"
 | 
				
			||||||
        />
 | 
					        />
 | 
				
			||||||
      </el-tab-pane>
 | 
					      </el-tab-pane>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <el-tab-pane label="小时" v-if="shouldHide('hour')">
 | 
					      <el-tab-pane label="小时" v-if="shouldHide('hour')">
 | 
				
			||||||
        <CrontabHour
 | 
					        <CrontabHour
 | 
				
			||||||
          @update="updateContabValue"
 | 
					          @update="updateCrontabValue"
 | 
				
			||||||
          :check="checkNumber"
 | 
					          :check="checkNumber"
 | 
				
			||||||
          :cron="contabValueObj"
 | 
					          :cron="crontabValueObj"
 | 
				
			||||||
          ref="cronhour"
 | 
					          ref="cronhour"
 | 
				
			||||||
        />
 | 
					        />
 | 
				
			||||||
      </el-tab-pane>
 | 
					      </el-tab-pane>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <el-tab-pane label="日" v-if="shouldHide('day')">
 | 
					      <el-tab-pane label="日" v-if="shouldHide('day')">
 | 
				
			||||||
        <CrontabDay
 | 
					        <CrontabDay
 | 
				
			||||||
          @update="updateContabValue"
 | 
					          @update="updateCrontabValue"
 | 
				
			||||||
          :check="checkNumber"
 | 
					          :check="checkNumber"
 | 
				
			||||||
          :cron="contabValueObj"
 | 
					          :cron="crontabValueObj"
 | 
				
			||||||
          ref="cronday"
 | 
					          ref="cronday"
 | 
				
			||||||
        />
 | 
					        />
 | 
				
			||||||
      </el-tab-pane>
 | 
					      </el-tab-pane>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <el-tab-pane label="月" v-if="shouldHide('mouth')">
 | 
					      <el-tab-pane label="月" v-if="shouldHide('month')">
 | 
				
			||||||
        <CrontabMouth
 | 
					        <CrontabMonth
 | 
				
			||||||
          @update="updateContabValue"
 | 
					          @update="updateCrontabValue"
 | 
				
			||||||
          :check="checkNumber"
 | 
					          :check="checkNumber"
 | 
				
			||||||
          :cron="contabValueObj"
 | 
					          :cron="crontabValueObj"
 | 
				
			||||||
          ref="cronmouth"
 | 
					          ref="cronmonth"
 | 
				
			||||||
        />
 | 
					        />
 | 
				
			||||||
      </el-tab-pane>
 | 
					      </el-tab-pane>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <el-tab-pane label="周" v-if="shouldHide('week')">
 | 
					      <el-tab-pane label="周" v-if="shouldHide('week')">
 | 
				
			||||||
        <CrontabWeek
 | 
					        <CrontabWeek
 | 
				
			||||||
          @update="updateContabValue"
 | 
					          @update="updateCrontabValue"
 | 
				
			||||||
          :check="checkNumber"
 | 
					          :check="checkNumber"
 | 
				
			||||||
          :cron="contabValueObj"
 | 
					          :cron="crontabValueObj"
 | 
				
			||||||
          ref="cronweek"
 | 
					          ref="cronweek"
 | 
				
			||||||
        />
 | 
					        />
 | 
				
			||||||
      </el-tab-pane>
 | 
					      </el-tab-pane>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <el-tab-pane label="年" v-if="shouldHide('year')">
 | 
					      <el-tab-pane label="年" v-if="shouldHide('year')">
 | 
				
			||||||
        <CrontabYear
 | 
					        <CrontabYear
 | 
				
			||||||
          @update="updateContabValue"
 | 
					          @update="updateCrontabValue"
 | 
				
			||||||
          :check="checkNumber"
 | 
					          :check="checkNumber"
 | 
				
			||||||
          :cron="contabValueObj"
 | 
					          :cron="crontabValueObj"
 | 
				
			||||||
          ref="cronyear"
 | 
					          ref="cronyear"
 | 
				
			||||||
        />
 | 
					        />
 | 
				
			||||||
      </el-tab-pane>
 | 
					      </el-tab-pane>
 | 
				
			||||||
    </el-tabs>
 | 
					    </el-tabs>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <div class="popup-main">
 | 
					    <div class="popup-main">
 | 
				
			||||||
      <div class="popup-result">
 | 
					      <div class="popup-result">
 | 
				
			||||||
        <p class="title">时间表达式</p>
 | 
					        <p class="title">时间表达式</p>
 | 
				
			||||||
        <table>
 | 
					        <table>
 | 
				
			||||||
          <thead>
 | 
					          <thead>
 | 
				
			||||||
            <th v-for="item of tabTitles" width="40" :key="item">{{item}}</th>
 | 
					            <th v-for="item of tabTitles" width="40" :key="item">{{item}}</th>
 | 
				
			||||||
            <th>Cron 表达式</th>
 | 
					            <th>Cron 表达式</th>
 | 
				
			||||||
          </thead>
 | 
					          </thead>
 | 
				
			||||||
          <tbody>
 | 
					          <tbody>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <span>{{contabValueObj.second}}</span>
 | 
					              <span>{{crontabValueObj.second}}</span>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <span>{{contabValueObj.min}}</span>
 | 
					              <span>{{crontabValueObj.min}}</span>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <span>{{contabValueObj.hour}}</span>
 | 
					              <span>{{crontabValueObj.hour}}</span>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <span>{{contabValueObj.day}}</span>
 | 
					              <span>{{crontabValueObj.day}}</span>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <span>{{contabValueObj.mouth}}</span>
 | 
					              <span>{{crontabValueObj.month}}</span>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <span>{{contabValueObj.week}}</span>
 | 
					              <span>{{crontabValueObj.week}}</span>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <span>{{contabValueObj.year}}</span>
 | 
					              <span>{{crontabValueObj.year}}</span>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <span>{{contabValueString}}</span>
 | 
					              <span>{{crontabValueString}}</span>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
          </tbody>
 | 
					          </tbody>
 | 
				
			||||||
        </table>
 | 
					        </table>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
      <CrontabResult :ex="contabValueString"></CrontabResult>
 | 
					      <CrontabResult :ex="crontabValueString"></CrontabResult>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <div class="pop_btn">
 | 
					      <div class="pop_btn">
 | 
				
			||||||
        <el-button size="small" type="primary" @click="submitFill">确定</el-button>
 | 
					        <el-button size="small" type="primary" @click="submitFill">确定</el-button>
 | 
				
			||||||
        <el-button size="small" type="warning" @click="clearCron">重置</el-button>
 | 
					        <el-button size="small" type="warning" @click="clearCron">重置</el-button>
 | 
				
			||||||
        <el-button size="small" @click="hidePopup">取消</el-button>
 | 
					        <el-button size="small" @click="hidePopup">取消</el-button>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
import CrontabSecond from "./second.vue";
 | 
					import CrontabSecond from "./second.vue";
 | 
				
			||||||
import CrontabMin from "./min.vue";
 | 
					import CrontabMin from "./min.vue";
 | 
				
			||||||
import CrontabHour from "./hour.vue";
 | 
					import CrontabHour from "./hour.vue";
 | 
				
			||||||
import CrontabDay from "./day.vue";
 | 
					import CrontabDay from "./day.vue";
 | 
				
			||||||
import CrontabMouth from "./mouth.vue";
 | 
					import CrontabMonth from "./month.vue";
 | 
				
			||||||
import CrontabWeek from "./week.vue";
 | 
					import CrontabWeek from "./week.vue";
 | 
				
			||||||
import CrontabYear from "./year.vue";
 | 
					import CrontabYear from "./year.vue";
 | 
				
			||||||
import CrontabResult from "./result.vue";
 | 
					import CrontabResult from "./result.vue";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
  data() {
 | 
					  data() {
 | 
				
			||||||
    return {
 | 
					    return {
 | 
				
			||||||
      tabTitles: ["秒", "分钟", "小时", "日", "月", "周", "年"],
 | 
					      tabTitles: ["秒", "分钟", "小时", "日", "月", "周", "年"],
 | 
				
			||||||
      tabActive: 0,
 | 
					      tabActive: 0,
 | 
				
			||||||
      myindex: 0,
 | 
					      myindex: 0,
 | 
				
			||||||
      contabValueObj: {
 | 
					      crontabValueObj: {
 | 
				
			||||||
        second: "*",
 | 
					        second: "*",
 | 
				
			||||||
        min: "*",
 | 
					        min: "*",
 | 
				
			||||||
        hour: "*",
 | 
					        hour: "*",
 | 
				
			||||||
        day: "*",
 | 
					        day: "*",
 | 
				
			||||||
        mouth: "*",
 | 
					        month: "*",
 | 
				
			||||||
        week: "?",
 | 
					        week: "?",
 | 
				
			||||||
        year: "",
 | 
					        year: "",
 | 
				
			||||||
      },
 | 
					      },
 | 
				
			||||||
    };
 | 
					    };
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  name: "vcrontab",
 | 
					  name: "vcrontab",
 | 
				
			||||||
  props: ["expression", "hideComponent"],
 | 
					  props: ["expression", "hideComponent"],
 | 
				
			||||||
  methods: {
 | 
					  methods: {
 | 
				
			||||||
    shouldHide(key) {
 | 
					    shouldHide(key) {
 | 
				
			||||||
      if (this.hideComponent && this.hideComponent.includes(key)) return false;
 | 
					      if (this.hideComponent && this.hideComponent.includes(key)) return false;
 | 
				
			||||||
      return true;
 | 
					      return true;
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    resolveExp() {
 | 
					    resolveExp() {
 | 
				
			||||||
      //反解析 表达式
 | 
					      // 反解析 表达式
 | 
				
			||||||
      if (this.expression) {
 | 
					      if (this.expression) {
 | 
				
			||||||
        let arr = this.expression.split(" ");
 | 
					        let arr = this.expression.split(" ");
 | 
				
			||||||
        if (arr.length >= 6) {
 | 
					        if (arr.length >= 6) {
 | 
				
			||||||
          //6 位以上是合法表达式
 | 
					          //6 位以上是合法表达式
 | 
				
			||||||
          let obj = {
 | 
					          let obj = {
 | 
				
			||||||
            second: arr[0],
 | 
					            second: arr[0],
 | 
				
			||||||
            min: arr[1],
 | 
					            min: arr[1],
 | 
				
			||||||
            hour: arr[2],
 | 
					            hour: arr[2],
 | 
				
			||||||
            day: arr[3],
 | 
					            day: arr[3],
 | 
				
			||||||
            mouth: arr[4],
 | 
					            month: arr[4],
 | 
				
			||||||
            week: arr[5],
 | 
					            week: arr[5],
 | 
				
			||||||
            year: arr[6] ? arr[6] : "",
 | 
					            year: arr[6] ? arr[6] : "",
 | 
				
			||||||
          };
 | 
					          };
 | 
				
			||||||
          this.contabValueObj = {
 | 
					          this.crontabValueObj = {
 | 
				
			||||||
            ...obj,
 | 
					            ...obj,
 | 
				
			||||||
          };
 | 
					          };
 | 
				
			||||||
          for (let i in obj) {
 | 
					          for (let i in obj) {
 | 
				
			||||||
            if (obj[i]) this.changeRadio(i, obj[i]);
 | 
					            if (obj[i]) this.changeRadio(i, obj[i]);
 | 
				
			||||||
          }
 | 
					          }
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      } else {
 | 
					      } else {
 | 
				
			||||||
        //没有传入的表达式 则还原
 | 
					        // 没有传入的表达式 则还原
 | 
				
			||||||
        this.clearCron();
 | 
					        this.clearCron();
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    // tab切换值
 | 
					    // tab切换值
 | 
				
			||||||
    tabCheck(index) {
 | 
					    tabCheck(index) {
 | 
				
			||||||
      this.tabActive = index;
 | 
					      this.tabActive = index;
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    // 由子组件触发,更改表达式组成的字段值
 | 
					    // 由子组件触发,更改表达式组成的字段值
 | 
				
			||||||
    updateContabValue(name, value, from) {
 | 
					    updateCrontabValue(name, value, from) {
 | 
				
			||||||
      "updateContabValue", name, value, from;
 | 
					      "updateCrontabValue", name, value, from;
 | 
				
			||||||
      this.contabValueObj[name] = value;
 | 
					      this.crontabValueObj[name] = value;
 | 
				
			||||||
      if (from && from !== name) {
 | 
					      if (from && from !== name) {
 | 
				
			||||||
        console.log(`来自组件 ${from} 改变了 ${name} ${value}`);
 | 
					        console.log(`来自组件 ${from} 改变了 ${name} ${value}`);
 | 
				
			||||||
        this.changeRadio(name, value);
 | 
					        this.changeRadio(name, value);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    //赋值到组件
 | 
					    // 赋值到组件
 | 
				
			||||||
    changeRadio(name, value) {
 | 
					    changeRadio(name, value) {
 | 
				
			||||||
      let arr = ["second", "min", "hour", "mouth"],
 | 
					      let arr = ["second", "min", "hour", "month"],
 | 
				
			||||||
        refName = "cron" + name,
 | 
					        refName = "cron" + name,
 | 
				
			||||||
        insVlaue;
 | 
					        insValue;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      if (!this.$refs[refName]) return;
 | 
					      if (!this.$refs[refName]) return;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      if (arr.includes(name)) {
 | 
					      if (arr.includes(name)) {
 | 
				
			||||||
        if (value === "*") {
 | 
					        if (value === "*") {
 | 
				
			||||||
          insVlaue = 1;
 | 
					          insValue = 1;
 | 
				
			||||||
        } else if (value.indexOf("-") > -1) {
 | 
					        } else if (value.indexOf("-") > -1) {
 | 
				
			||||||
          let indexArr = value.split("-");
 | 
					          let indexArr = value.split("-");
 | 
				
			||||||
          isNaN(indexArr[0])
 | 
					          isNaN(indexArr[0])
 | 
				
			||||||
            ? (this.$refs[refName].cycle01 = 0)
 | 
					            ? (this.$refs[refName].cycle01 = 0)
 | 
				
			||||||
            : (this.$refs[refName].cycle01 = indexArr[0]);
 | 
					            : (this.$refs[refName].cycle01 = indexArr[0]);
 | 
				
			||||||
          this.$refs[refName].cycle02 = indexArr[1];
 | 
					          this.$refs[refName].cycle02 = indexArr[1];
 | 
				
			||||||
          insVlaue = 2;
 | 
					          insValue = 2;
 | 
				
			||||||
        } else if (value.indexOf("/") > -1) {
 | 
					        } else if (value.indexOf("/") > -1) {
 | 
				
			||||||
          let indexArr = value.split("/");
 | 
					          let indexArr = value.split("/");
 | 
				
			||||||
          isNaN(indexArr[0])
 | 
					          isNaN(indexArr[0])
 | 
				
			||||||
            ? (this.$refs[refName].average01 = 0)
 | 
					            ? (this.$refs[refName].average01 = 0)
 | 
				
			||||||
            : (this.$refs[refName].average01 = indexArr[0]);
 | 
					            : (this.$refs[refName].average01 = indexArr[0]);
 | 
				
			||||||
          this.$refs[refName].average02 = indexArr[1];
 | 
					          this.$refs[refName].average02 = indexArr[1];
 | 
				
			||||||
          insVlaue = 3;
 | 
					          insValue = 3;
 | 
				
			||||||
        } else {
 | 
					        } else {
 | 
				
			||||||
          insVlaue = 4;
 | 
					          insValue = 4;
 | 
				
			||||||
          this.$refs[refName].checkboxList = value.split(",");
 | 
					          this.$refs[refName].checkboxList = value.split(",");
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      } else if (name == "day") {
 | 
					      } else if (name == "day") {
 | 
				
			||||||
        if (value === "*") {
 | 
					        if (value === "*") {
 | 
				
			||||||
          insVlaue = 1;
 | 
					          insValue = 1;
 | 
				
			||||||
        } else if (value == "?") {
 | 
					        } else if (value == "?") {
 | 
				
			||||||
          insVlaue = 2;
 | 
					          insValue = 2;
 | 
				
			||||||
        } else if (value.indexOf("-") > -1) {
 | 
					        } else if (value.indexOf("-") > -1) {
 | 
				
			||||||
          let indexArr = value.split("-");
 | 
					          let indexArr = value.split("-");
 | 
				
			||||||
          isNaN(indexArr[0])
 | 
					          isNaN(indexArr[0])
 | 
				
			||||||
            ? (this.$refs[refName].cycle01 = 0)
 | 
					            ? (this.$refs[refName].cycle01 = 0)
 | 
				
			||||||
            : (this.$refs[refName].cycle01 = indexArr[0]);
 | 
					            : (this.$refs[refName].cycle01 = indexArr[0]);
 | 
				
			||||||
          this.$refs[refName].cycle02 = indexArr[1];
 | 
					          this.$refs[refName].cycle02 = indexArr[1];
 | 
				
			||||||
          insVlaue = 3;
 | 
					          insValue = 3;
 | 
				
			||||||
        } else if (value.indexOf("/") > -1) {
 | 
					        } else if (value.indexOf("/") > -1) {
 | 
				
			||||||
          let indexArr = value.split("/");
 | 
					          let indexArr = value.split("/");
 | 
				
			||||||
          isNaN(indexArr[0])
 | 
					          isNaN(indexArr[0])
 | 
				
			||||||
            ? (this.$refs[refName].average01 = 0)
 | 
					            ? (this.$refs[refName].average01 = 0)
 | 
				
			||||||
            : (this.$refs[refName].average01 = indexArr[0]);
 | 
					            : (this.$refs[refName].average01 = indexArr[0]);
 | 
				
			||||||
          this.$refs[refName].average02 = indexArr[1];
 | 
					          this.$refs[refName].average02 = indexArr[1];
 | 
				
			||||||
          insVlaue = 4;
 | 
					          insValue = 4;
 | 
				
			||||||
        } else if (value.indexOf("W") > -1) {
 | 
					        } else if (value.indexOf("W") > -1) {
 | 
				
			||||||
          let indexArr = value.split("W");
 | 
					          let indexArr = value.split("W");
 | 
				
			||||||
          isNaN(indexArr[0])
 | 
					          isNaN(indexArr[0])
 | 
				
			||||||
            ? (this.$refs[refName].workday = 0)
 | 
					            ? (this.$refs[refName].workday = 0)
 | 
				
			||||||
            : (this.$refs[refName].workday = indexArr[0]);
 | 
					            : (this.$refs[refName].workday = indexArr[0]);
 | 
				
			||||||
          insVlaue = 5;
 | 
					          insValue = 5;
 | 
				
			||||||
        } else if (value === "L") {
 | 
					        } else if (value === "L") {
 | 
				
			||||||
          insVlaue = 6;
 | 
					          insValue = 6;
 | 
				
			||||||
        } else {
 | 
					        } else {
 | 
				
			||||||
          this.$refs[refName].checkboxList = value.split(",");
 | 
					          this.$refs[refName].checkboxList = value.split(",");
 | 
				
			||||||
          insVlaue = 7;
 | 
					          insValue = 7;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      } else if (name == "week") {
 | 
					      } else if (name == "week") {
 | 
				
			||||||
        if (value === "*") {
 | 
					        if (value === "*") {
 | 
				
			||||||
          insVlaue = 1;
 | 
					          insValue = 1;
 | 
				
			||||||
        } else if (value == "?") {
 | 
					        } else if (value == "?") {
 | 
				
			||||||
          insVlaue = 2;
 | 
					          insValue = 2;
 | 
				
			||||||
        } else if (value.indexOf("-") > -1) {
 | 
					        } else if (value.indexOf("-") > -1) {
 | 
				
			||||||
          let indexArr = value.split("-");
 | 
					          let indexArr = value.split("-");
 | 
				
			||||||
          isNaN(indexArr[0])
 | 
					          isNaN(indexArr[0])
 | 
				
			||||||
            ? (this.$refs[refName].cycle01 = 0)
 | 
					            ? (this.$refs[refName].cycle01 = 0)
 | 
				
			||||||
            : (this.$refs[refName].cycle01 = indexArr[0]);
 | 
					            : (this.$refs[refName].cycle01 = indexArr[0]);
 | 
				
			||||||
          this.$refs[refName].cycle02 = indexArr[1];
 | 
					          this.$refs[refName].cycle02 = indexArr[1];
 | 
				
			||||||
          insVlaue = 3;
 | 
					          insValue = 3;
 | 
				
			||||||
        } else if (value.indexOf("#") > -1) {
 | 
					        } else if (value.indexOf("#") > -1) {
 | 
				
			||||||
          let indexArr = value.split("#");
 | 
					          let indexArr = value.split("#");
 | 
				
			||||||
          isNaN(indexArr[0])
 | 
					          isNaN(indexArr[0])
 | 
				
			||||||
            ? (this.$refs[refName].average01 = 1)
 | 
					            ? (this.$refs[refName].average01 = 1)
 | 
				
			||||||
            : (this.$refs[refName].average01 = indexArr[0]);
 | 
					            : (this.$refs[refName].average01 = indexArr[0]);
 | 
				
			||||||
          this.$refs[refName].average02 = indexArr[1];
 | 
					          this.$refs[refName].average02 = indexArr[1];
 | 
				
			||||||
          insVlaue = 4;
 | 
					          insValue = 4;
 | 
				
			||||||
        } else if (value.indexOf("L") > -1) {
 | 
					        } else if (value.indexOf("L") > -1) {
 | 
				
			||||||
          let indexArr = value.split("L");
 | 
					          let indexArr = value.split("L");
 | 
				
			||||||
          isNaN(indexArr[0])
 | 
					          isNaN(indexArr[0])
 | 
				
			||||||
            ? (this.$refs[refName].weekday = 1)
 | 
					            ? (this.$refs[refName].weekday = 1)
 | 
				
			||||||
            : (this.$refs[refName].weekday = indexArr[0]);
 | 
					            : (this.$refs[refName].weekday = indexArr[0]);
 | 
				
			||||||
          insVlaue = 5;
 | 
					          insValue = 5;
 | 
				
			||||||
        } else {
 | 
					        } else {
 | 
				
			||||||
          this.$refs[refName].checkboxList = value.split(",");
 | 
					          this.$refs[refName].checkboxList = value.split(",");
 | 
				
			||||||
          insVlaue = 7;
 | 
					          insValue = 7;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      } else if (name == "year") {
 | 
					      } else if (name == "year") {
 | 
				
			||||||
        if (value == "") {
 | 
					        if (value == "") {
 | 
				
			||||||
          insVlaue = 1;
 | 
					          insValue = 1;
 | 
				
			||||||
        } else if (value == "*") {
 | 
					        } else if (value == "*") {
 | 
				
			||||||
          insVlaue = 2;
 | 
					          insValue = 2;
 | 
				
			||||||
        } else if (value.indexOf("-") > -1) {
 | 
					        } else if (value.indexOf("-") > -1) {
 | 
				
			||||||
          insVlaue = 3;
 | 
					          insValue = 3;
 | 
				
			||||||
        } else if (value.indexOf("/") > -1) {
 | 
					        } else if (value.indexOf("/") > -1) {
 | 
				
			||||||
          insVlaue = 4;
 | 
					          insValue = 4;
 | 
				
			||||||
        } else {
 | 
					        } else {
 | 
				
			||||||
          this.$refs[refName].checkboxList = value.split(",");
 | 
					          this.$refs[refName].checkboxList = value.split(",");
 | 
				
			||||||
          insVlaue = 5;
 | 
					          insValue = 5;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      this.$refs[refName].radioValue = insVlaue;
 | 
					      this.$refs[refName].radioValue = insValue;
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    // 表单选项的子组件校验数字格式(通过-props传递)
 | 
					    // 表单选项的子组件校验数字格式(通过-props传递)
 | 
				
			||||||
    checkNumber(value, minLimit, maxLimit) {
 | 
					    checkNumber(value, minLimit, maxLimit) {
 | 
				
			||||||
      //检查必须为整数
 | 
					      // 检查必须为整数
 | 
				
			||||||
      value = Math.floor(value);
 | 
					      value = Math.floor(value);
 | 
				
			||||||
      if (value < minLimit) {
 | 
					      if (value < minLimit) {
 | 
				
			||||||
        value = minLimit;
 | 
					        value = minLimit;
 | 
				
			||||||
      } else if (value > maxLimit) {
 | 
					      } else if (value > maxLimit) {
 | 
				
			||||||
        value = maxLimit;
 | 
					        value = maxLimit;
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      return value;
 | 
					      return value;
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    // 隐藏弹窗
 | 
					    // 隐藏弹窗
 | 
				
			||||||
    hidePopup() {
 | 
					    hidePopup() {
 | 
				
			||||||
      this.$emit("hide");
 | 
					      this.$emit("hide");
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    // 填充表达式
 | 
					    // 填充表达式
 | 
				
			||||||
    submitFill() {
 | 
					    submitFill() {
 | 
				
			||||||
      this.$emit("fill", this.contabValueString);
 | 
					      this.$emit("fill", this.crontabValueString);
 | 
				
			||||||
      this.hidePopup();
 | 
					      this.hidePopup();
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    clearCron() {
 | 
					    clearCron() {
 | 
				
			||||||
      // 还原选择项
 | 
					      // 还原选择项
 | 
				
			||||||
      ("准备还原");
 | 
					      ("准备还原");
 | 
				
			||||||
      this.contabValueObj = {
 | 
					      this.crontabValueObj = {
 | 
				
			||||||
        second: "*",
 | 
					        second: "*",
 | 
				
			||||||
        min: "*",
 | 
					        min: "*",
 | 
				
			||||||
        hour: "*",
 | 
					        hour: "*",
 | 
				
			||||||
        day: "*",
 | 
					        day: "*",
 | 
				
			||||||
        mouth: "*",
 | 
					        month: "*",
 | 
				
			||||||
        week: "?",
 | 
					        week: "?",
 | 
				
			||||||
        year: "",
 | 
					        year: "",
 | 
				
			||||||
      };
 | 
					      };
 | 
				
			||||||
      for (let j in this.contabValueObj) {
 | 
					      for (let j in this.crontabValueObj) {
 | 
				
			||||||
        this.changeRadio(j, this.contabValueObj[j]);
 | 
					        this.changeRadio(j, this.crontabValueObj[j]);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  computed: {
 | 
					  computed: {
 | 
				
			||||||
    contabValueString: function() {
 | 
					    crontabValueString: function() {
 | 
				
			||||||
      let obj = this.contabValueObj;
 | 
					      let obj = this.crontabValueObj;
 | 
				
			||||||
      let str =
 | 
					      let str =
 | 
				
			||||||
        obj.second +
 | 
					        obj.second +
 | 
				
			||||||
        " " +
 | 
					        " " +
 | 
				
			||||||
        obj.min +
 | 
					        obj.min +
 | 
				
			||||||
        " " +
 | 
					        " " +
 | 
				
			||||||
        obj.hour +
 | 
					        obj.hour +
 | 
				
			||||||
        " " +
 | 
					        " " +
 | 
				
			||||||
        obj.day +
 | 
					        obj.day +
 | 
				
			||||||
        " " +
 | 
					        " " +
 | 
				
			||||||
        obj.mouth +
 | 
					        obj.month +
 | 
				
			||||||
        " " +
 | 
					        " " +
 | 
				
			||||||
        obj.week +
 | 
					        obj.week +
 | 
				
			||||||
        (obj.year == "" ? "" : " " + obj.year);
 | 
					        (obj.year == "" ? "" : " " + obj.year);
 | 
				
			||||||
      return str;
 | 
					      return str;
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  components: {
 | 
					  components: {
 | 
				
			||||||
    CrontabSecond,
 | 
					    CrontabSecond,
 | 
				
			||||||
    CrontabMin,
 | 
					    CrontabMin,
 | 
				
			||||||
    CrontabHour,
 | 
					    CrontabHour,
 | 
				
			||||||
    CrontabDay,
 | 
					    CrontabDay,
 | 
				
			||||||
    CrontabMouth,
 | 
					    CrontabMonth,
 | 
				
			||||||
    CrontabWeek,
 | 
					    CrontabWeek,
 | 
				
			||||||
    CrontabYear,
 | 
					    CrontabYear,
 | 
				
			||||||
    CrontabResult,
 | 
					    CrontabResult,
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  watch: {
 | 
					  watch: {
 | 
				
			||||||
    expression: "resolveExp",
 | 
					    expression: "resolveExp",
 | 
				
			||||||
    hideComponent(value) {
 | 
					    hideComponent(value) {
 | 
				
			||||||
      // 隐藏部分组件
 | 
					      // 隐藏部分组件
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  mounted: function() {
 | 
					  mounted: function() {
 | 
				
			||||||
    this.resolveExp();
 | 
					    this.resolveExp();
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
<style scoped>
 | 
					<style scoped>
 | 
				
			||||||
.pop_btn {
 | 
					.pop_btn {
 | 
				
			||||||
  text-align: center;
 | 
					  text-align: center;
 | 
				
			||||||
  margin-top: 20px;
 | 
					  margin-top: 20px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.popup-main {
 | 
					.popup-main {
 | 
				
			||||||
  position: relative;
 | 
					  position: relative;
 | 
				
			||||||
  margin: 10px auto;
 | 
					  margin: 10px auto;
 | 
				
			||||||
  background: #fff;
 | 
					  background: #fff;
 | 
				
			||||||
  border-radius: 5px;
 | 
					  border-radius: 5px;
 | 
				
			||||||
  font-size: 12px;
 | 
					  font-size: 12px;
 | 
				
			||||||
  overflow: hidden;
 | 
					  overflow: hidden;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.popup-title {
 | 
					.popup-title {
 | 
				
			||||||
  overflow: hidden;
 | 
					  overflow: hidden;
 | 
				
			||||||
  line-height: 34px;
 | 
					  line-height: 34px;
 | 
				
			||||||
  padding-top: 6px;
 | 
					  padding-top: 6px;
 | 
				
			||||||
  background: #f2f2f2;
 | 
					  background: #f2f2f2;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.popup-result {
 | 
					.popup-result {
 | 
				
			||||||
  box-sizing: border-box;
 | 
					  box-sizing: border-box;
 | 
				
			||||||
  line-height: 24px;
 | 
					  line-height: 24px;
 | 
				
			||||||
  margin: 25px auto;
 | 
					  margin: 25px auto;
 | 
				
			||||||
  padding: 15px 10px 10px;
 | 
					  padding: 15px 10px 10px;
 | 
				
			||||||
  border: 1px solid #ccc;
 | 
					  border: 1px solid #ccc;
 | 
				
			||||||
  position: relative;
 | 
					  position: relative;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.popup-result .title {
 | 
					.popup-result .title {
 | 
				
			||||||
  position: absolute;
 | 
					  position: absolute;
 | 
				
			||||||
  top: -28px;
 | 
					  top: -28px;
 | 
				
			||||||
  left: 50%;
 | 
					  left: 50%;
 | 
				
			||||||
  width: 140px;
 | 
					  width: 140px;
 | 
				
			||||||
  font-size: 14px;
 | 
					  font-size: 14px;
 | 
				
			||||||
  margin-left: -70px;
 | 
					  margin-left: -70px;
 | 
				
			||||||
  text-align: center;
 | 
					  text-align: center;
 | 
				
			||||||
  line-height: 30px;
 | 
					  line-height: 30px;
 | 
				
			||||||
  background: #fff;
 | 
					  background: #fff;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.popup-result table {
 | 
					.popup-result table {
 | 
				
			||||||
  text-align: center;
 | 
					  text-align: center;
 | 
				
			||||||
  width: 100%;
 | 
					  width: 100%;
 | 
				
			||||||
  margin: 0 auto;
 | 
					  margin: 0 auto;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.popup-result table span {
 | 
					.popup-result table span {
 | 
				
			||||||
  display: block;
 | 
					  display: block;
 | 
				
			||||||
  width: 100%;
 | 
					  width: 100%;
 | 
				
			||||||
  font-family: arial;
 | 
					  font-family: arial;
 | 
				
			||||||
  line-height: 30px;
 | 
					  line-height: 30px;
 | 
				
			||||||
  height: 30px;
 | 
					  height: 30px;
 | 
				
			||||||
  white-space: nowrap;
 | 
					  white-space: nowrap;
 | 
				
			||||||
  overflow: hidden;
 | 
					  overflow: hidden;
 | 
				
			||||||
  border: 1px solid #e8e8e8;
 | 
					  border: 1px solid #e8e8e8;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.popup-result-scroll {
 | 
					.popup-result-scroll {
 | 
				
			||||||
  font-size: 12px;
 | 
					  font-size: 12px;
 | 
				
			||||||
  line-height: 24px;
 | 
					  line-height: 24px;
 | 
				
			||||||
  height: 10em;
 | 
					  height: 10em;
 | 
				
			||||||
  overflow-y: auto;
 | 
					  overflow-y: auto;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
</style>
 | 
					</style>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,128 +1,128 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
	<el-form size='small'>
 | 
						<el-form size='small'>
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="1">
 | 
								<el-radio v-model='radioValue' :label="1">
 | 
				
			||||||
				月,允许的通配符[, - * /]
 | 
									月,允许的通配符[, - * /]
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="2">
 | 
								<el-radio v-model='radioValue' :label="2">
 | 
				
			||||||
				周期从
 | 
									周期从
 | 
				
			||||||
				<el-input-number v-model='cycle01' :min="1" :max="12" /> -
 | 
									<el-input-number v-model='cycle01' :min="1" :max="12" /> -
 | 
				
			||||||
				<el-input-number v-model='cycle02' :min="1" :max="12" /> 月
 | 
									<el-input-number v-model='cycle02' :min="1" :max="12" /> 月
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="3">
 | 
								<el-radio v-model='radioValue' :label="3">
 | 
				
			||||||
				从
 | 
									从
 | 
				
			||||||
				<el-input-number v-model='average01' :min="1" :max="12" /> 月开始,每
 | 
									<el-input-number v-model='average01' :min="1" :max="12" /> 月开始,每
 | 
				
			||||||
				<el-input-number v-model='average02' :min="1" :max="12" /> 月月执行一次
 | 
									<el-input-number v-model='average02' :min="1" :max="12" /> 月月执行一次
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="4">
 | 
								<el-radio v-model='radioValue' :label="4">
 | 
				
			||||||
				指定
 | 
									指定
 | 
				
			||||||
				<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
 | 
									<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
 | 
				
			||||||
					<el-option v-for="item in 12" :key="item" :value="item">{{item}}</el-option>
 | 
										<el-option v-for="item in 12" :key="item" :value="item">{{item}}</el-option>
 | 
				
			||||||
				</el-select>
 | 
									</el-select>
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
	</el-form>
 | 
						</el-form>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
	data() {
 | 
						data() {
 | 
				
			||||||
		return {
 | 
							return {
 | 
				
			||||||
			radioValue: 1,
 | 
								radioValue: 1,
 | 
				
			||||||
			cycle01: 1,
 | 
								cycle01: 1,
 | 
				
			||||||
			cycle02: 2,
 | 
								cycle02: 2,
 | 
				
			||||||
			average01: 1,
 | 
								average01: 1,
 | 
				
			||||||
			average02: 1,
 | 
								average02: 1,
 | 
				
			||||||
			checkboxList: [],
 | 
								checkboxList: [],
 | 
				
			||||||
			checkNum: this.check
 | 
								checkNum: this.check
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	name: 'crontab-mouth',
 | 
						name: 'crontab-month',
 | 
				
			||||||
	props: ['check', 'cron'],
 | 
						props: ['check', 'cron'],
 | 
				
			||||||
	methods: {
 | 
						methods: {
 | 
				
			||||||
		// 单选按钮值变化时
 | 
							// 单选按钮值变化时
 | 
				
			||||||
		radioChange() {
 | 
							radioChange() {
 | 
				
			||||||
			if (this.radioValue === 1) {
 | 
								if (this.radioValue === 1) {
 | 
				
			||||||
				this.$emit('update', 'mouth', '*');
 | 
									this.$emit('update', 'month', '*');
 | 
				
			||||||
				this.$emit('update', 'year', '*');
 | 
									this.$emit('update', 'year', '*');
 | 
				
			||||||
			} else {
 | 
								} else {
 | 
				
			||||||
				if (this.cron.day === '*') {
 | 
									if (this.cron.day === '*') {
 | 
				
			||||||
					this.$emit('update', 'day', '0', 'mouth');
 | 
										this.$emit('update', 'day', '0', 'month');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
				if (this.cron.hour === '*') {
 | 
									if (this.cron.hour === '*') {
 | 
				
			||||||
					this.$emit('update', 'hour', '0', 'mouth');
 | 
										this.$emit('update', 'hour', '0', 'month');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
				if (this.cron.min === '*') {
 | 
									if (this.cron.min === '*') {
 | 
				
			||||||
					this.$emit('update', 'min', '0', 'mouth');
 | 
										this.$emit('update', 'min', '0', 'month');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
				if (this.cron.second === '*') {
 | 
									if (this.cron.second === '*') {
 | 
				
			||||||
					this.$emit('update', 'second', '0', 'mouth');
 | 
										this.$emit('update', 'second', '0', 'month');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
			switch (this.radioValue) {
 | 
								switch (this.radioValue) {
 | 
				
			||||||
				case 2:
 | 
									case 2:
 | 
				
			||||||
					this.$emit('update', 'mouth', this.cycle01 + '-' + this.cycle02);
 | 
										this.$emit('update', 'month', this.cycle01 + '-' + this.cycle02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 3:
 | 
									case 3:
 | 
				
			||||||
					this.$emit('update', 'mouth', this.average01 + '/' + this.average02);
 | 
										this.$emit('update', 'month', this.average01 + '/' + this.average02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 4:
 | 
									case 4:
 | 
				
			||||||
					this.$emit('update', 'mouth', this.checkboxString);
 | 
										this.$emit('update', 'month', this.checkboxString);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 周期两个值变化时
 | 
							// 周期两个值变化时
 | 
				
			||||||
		cycleChange() {
 | 
							cycleChange() {
 | 
				
			||||||
			if (this.radioValue == '2') {
 | 
								if (this.radioValue == '2') {
 | 
				
			||||||
				this.$emit('update', 'mouth', this.cycleTotal);
 | 
									this.$emit('update', 'month', this.cycleTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 平均两个值变化时
 | 
							// 平均两个值变化时
 | 
				
			||||||
		averageChange() {
 | 
							averageChange() {
 | 
				
			||||||
			if (this.radioValue == '3') {
 | 
								if (this.radioValue == '3') {
 | 
				
			||||||
				this.$emit('update', 'mouth', this.averageTotal);
 | 
									this.$emit('update', 'month', this.averageTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// checkbox值变化时
 | 
							// checkbox值变化时
 | 
				
			||||||
		checkboxChange() {
 | 
							checkboxChange() {
 | 
				
			||||||
			if (this.radioValue == '4') {
 | 
								if (this.radioValue == '4') {
 | 
				
			||||||
				this.$emit('update', 'mouth', this.checkboxString);
 | 
									this.$emit('update', 'month', this.checkboxString);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	watch: {
 | 
						watch: {
 | 
				
			||||||
		"radioValue": "radioChange",
 | 
							"radioValue": "radioChange",
 | 
				
			||||||
		'cycleTotal': 'cycleChange',
 | 
							'cycleTotal': 'cycleChange',
 | 
				
			||||||
		'averageTotal': 'averageChange',
 | 
							'averageTotal': 'averageChange',
 | 
				
			||||||
		'checkboxString': 'checkboxChange'
 | 
							'checkboxString': 'checkboxChange'
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	computed: {
 | 
						computed: {
 | 
				
			||||||
		// 计算两个周期值
 | 
							// 计算两个周期值
 | 
				
			||||||
		cycleTotal: function () {
 | 
							cycleTotal: function () {
 | 
				
			||||||
			this.cycle01 = this.checkNum(this.cycle01, 1, 12)
 | 
								this.cycle01 = this.checkNum(this.cycle01, 1, 12)
 | 
				
			||||||
			this.cycle02 = this.checkNum(this.cycle02, 1, 12)
 | 
								this.cycle02 = this.checkNum(this.cycle02, 1, 12)
 | 
				
			||||||
			return this.cycle01 + '-' + this.cycle02;
 | 
								return this.cycle01 + '-' + this.cycle02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算平均用到的值
 | 
							// 计算平均用到的值
 | 
				
			||||||
		averageTotal: function () {
 | 
							averageTotal: function () {
 | 
				
			||||||
			this.average01 = this.checkNum(this.average01, 1, 12)
 | 
								this.average01 = this.checkNum(this.average01, 1, 12)
 | 
				
			||||||
			this.average02 = this.checkNum(this.average02, 1, 12)
 | 
								this.average02 = this.checkNum(this.average02, 1, 12)
 | 
				
			||||||
			return this.average01 + '/' + this.average02;
 | 
								return this.average01 + '/' + this.average02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算勾选的checkbox值合集
 | 
							// 计算勾选的checkbox值合集
 | 
				
			||||||
		checkboxString: function () {
 | 
							checkboxString: function () {
 | 
				
			||||||
			let str = this.checkboxList.join();
 | 
								let str = this.checkboxList.join();
 | 
				
			||||||
			return str == '' ? '*' : str;
 | 
								return str == '' ? '*' : str;
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							@@ -1,133 +1,133 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
	<el-form size="small">
 | 
						<el-form size="small">
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="1">
 | 
								<el-radio v-model='radioValue' :label="1">
 | 
				
			||||||
				秒,允许的通配符[, - * /]
 | 
									秒,允许的通配符[, - * /]
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="2">
 | 
								<el-radio v-model='radioValue' :label="2">
 | 
				
			||||||
				周期从
 | 
									周期从
 | 
				
			||||||
				<el-input-number v-model='cycle01' :min="0" :max="60" /> -
 | 
									<el-input-number v-model='cycle01' :min="0" :max="60" /> -
 | 
				
			||||||
				<el-input-number v-model='cycle02' :min="0" :max="60" /> 秒
 | 
									<el-input-number v-model='cycle02' :min="0" :max="60" /> 秒
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="3">
 | 
								<el-radio v-model='radioValue' :label="3">
 | 
				
			||||||
				从
 | 
									从
 | 
				
			||||||
				<el-input-number v-model='average01' :min="0" :max="60" /> 秒开始,每
 | 
									<el-input-number v-model='average01' :min="0" :max="60" /> 秒开始,每
 | 
				
			||||||
				<el-input-number v-model='average02' :min="0" :max="60" /> 秒执行一次
 | 
									<el-input-number v-model='average02' :min="0" :max="60" /> 秒执行一次
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="4">
 | 
								<el-radio v-model='radioValue' :label="4">
 | 
				
			||||||
				指定
 | 
									指定
 | 
				
			||||||
				<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
 | 
									<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
 | 
				
			||||||
					<el-option v-for="item in 60" :key="item" :value="item-1">{{item-1}}</el-option>
 | 
										<el-option v-for="item in 60" :key="item" :value="item-1">{{item-1}}</el-option>
 | 
				
			||||||
				</el-select>
 | 
									</el-select>
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
	</el-form>
 | 
						</el-form>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
	data() {
 | 
						data() {
 | 
				
			||||||
		return {
 | 
							return {
 | 
				
			||||||
			radioValue: 1,
 | 
								radioValue: 1,
 | 
				
			||||||
			cycle01: 1,
 | 
								cycle01: 1,
 | 
				
			||||||
			cycle02: 2,
 | 
								cycle02: 2,
 | 
				
			||||||
			average01: 0,
 | 
								average01: 0,
 | 
				
			||||||
			average02: 1,
 | 
								average02: 1,
 | 
				
			||||||
			checkboxList: [],
 | 
								checkboxList: [],
 | 
				
			||||||
			checkNum: this.$options.propsData.check
 | 
								checkNum: this.$options.propsData.check
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	name: 'crontab-second',
 | 
						name: 'crontab-second',
 | 
				
			||||||
	props: ['check', 'radioParent'],
 | 
						props: ['check', 'radioParent'],
 | 
				
			||||||
	methods: {
 | 
						methods: {
 | 
				
			||||||
		// 单选按钮值变化时
 | 
							// 单选按钮值变化时
 | 
				
			||||||
		radioChange() {
 | 
							radioChange() {
 | 
				
			||||||
			switch (this.radioValue) {
 | 
								switch (this.radioValue) {
 | 
				
			||||||
				case 1:
 | 
									case 1:
 | 
				
			||||||
					this.$emit('update', 'second', '*', 'second');
 | 
										this.$emit('update', 'second', '*', 'second');
 | 
				
			||||||
					this.$emit('update', 'min', '*', 'second');
 | 
										this.$emit('update', 'min', '*', 'second');
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 2:
 | 
									case 2:
 | 
				
			||||||
					this.$emit('update', 'second', this.cycle01 + '-' + this.cycle02);
 | 
										this.$emit('update', 'second', this.cycle01 + '-' + this.cycle02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 3:
 | 
									case 3:
 | 
				
			||||||
					this.$emit('update', 'second', this.average01 + '/' + this.average02);
 | 
										this.$emit('update', 'second', this.average01 + '/' + this.average02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 4:
 | 
									case 4:
 | 
				
			||||||
					this.$emit('update', 'second', this.checkboxString);
 | 
										this.$emit('update', 'second', this.checkboxString);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 周期两个值变化时
 | 
							// 周期两个值变化时
 | 
				
			||||||
		cycleChange() {
 | 
							cycleChange() {
 | 
				
			||||||
			if (this.radioValue == '2') {
 | 
								if (this.radioValue == '2') {
 | 
				
			||||||
				this.$emit('update', 'second', this.cycleTotal);
 | 
									this.$emit('update', 'second', this.cycleTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 平均两个值变化时
 | 
							// 平均两个值变化时
 | 
				
			||||||
		averageChange() {
 | 
							averageChange() {
 | 
				
			||||||
			if (this.radioValue == '3') {
 | 
								if (this.radioValue == '3') {
 | 
				
			||||||
				this.$emit('update', 'second', this.averageTotal);
 | 
									this.$emit('update', 'second', this.averageTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// checkbox值变化时
 | 
							// checkbox值变化时
 | 
				
			||||||
		checkboxChange() {
 | 
							checkboxChange() {
 | 
				
			||||||
			if (this.radioValue == '4') {
 | 
								if (this.radioValue == '4') {
 | 
				
			||||||
				this.$emit('update', 'second', this.checkboxString);
 | 
									this.$emit('update', 'second', this.checkboxString);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		othChange() {
 | 
							othChange() {
 | 
				
			||||||
			//反解析 
 | 
								// 反解析
 | 
				
			||||||
			let ins = this.cron.second
 | 
								let ins = this.cron.second
 | 
				
			||||||
			('反解析 second', ins);
 | 
								('反解析 second', ins);
 | 
				
			||||||
			if (ins === '*') {
 | 
								if (ins === '*') {
 | 
				
			||||||
				this.radioValue = 1;
 | 
									this.radioValue = 1;
 | 
				
			||||||
			} else if (ins.indexOf('-') > -1) {
 | 
								} else if (ins.indexOf('-') > -1) {
 | 
				
			||||||
				this.radioValue = 2
 | 
									this.radioValue = 2
 | 
				
			||||||
			} else if (ins.indexOf('/') > -1) {
 | 
								} else if (ins.indexOf('/') > -1) {
 | 
				
			||||||
				this.radioValue = 3
 | 
									this.radioValue = 3
 | 
				
			||||||
			} else {
 | 
								} else {
 | 
				
			||||||
				this.radioValue = 4
 | 
									this.radioValue = 4
 | 
				
			||||||
				this.checkboxList = ins.split(',')
 | 
									this.checkboxList = ins.split(',')
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	watch: {
 | 
						watch: {
 | 
				
			||||||
		"radioValue": "radioChange",
 | 
							"radioValue": "radioChange",
 | 
				
			||||||
		'cycleTotal': 'cycleChange',
 | 
							'cycleTotal': 'cycleChange',
 | 
				
			||||||
		'averageTotal': 'averageChange',
 | 
							'averageTotal': 'averageChange',
 | 
				
			||||||
		'checkboxString': 'checkboxChange',
 | 
							'checkboxString': 'checkboxChange',
 | 
				
			||||||
		radioParent() {
 | 
							radioParent() {
 | 
				
			||||||
			this.radioValue = this.radioParent
 | 
								this.radioValue = this.radioParent
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	computed: {
 | 
						computed: {
 | 
				
			||||||
		// 计算两个周期值
 | 
							// 计算两个周期值
 | 
				
			||||||
		cycleTotal: function () {
 | 
							cycleTotal: function () {
 | 
				
			||||||
			this.cycle01 = this.checkNum(this.cycle01, 0, 59)
 | 
								this.cycle01 = this.checkNum(this.cycle01, 0, 59)
 | 
				
			||||||
			this.cycle02 = this.checkNum(this.cycle02, 0, 59)
 | 
								this.cycle02 = this.checkNum(this.cycle02, 0, 59)
 | 
				
			||||||
			return this.cycle01 + '-' + this.cycle02;
 | 
								return this.cycle01 + '-' + this.cycle02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算平均用到的值
 | 
							// 计算平均用到的值
 | 
				
			||||||
		averageTotal: function () {
 | 
							averageTotal: function () {
 | 
				
			||||||
			this.average01 = this.checkNum(this.average01, 0, 59)
 | 
								this.average01 = this.checkNum(this.average01, 0, 59)
 | 
				
			||||||
			this.average02 = this.checkNum(this.average02, 1, 59)
 | 
								this.average02 = this.checkNum(this.average02, 1, 59)
 | 
				
			||||||
			return this.average01 + '/' + this.average02;
 | 
								return this.average01 + '/' + this.average02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算勾选的checkbox值合集
 | 
							// 计算勾选的checkbox值合集
 | 
				
			||||||
		checkboxString: function () {
 | 
							checkboxString: function () {
 | 
				
			||||||
			let str = this.checkboxList.join();
 | 
								let str = this.checkboxList.join();
 | 
				
			||||||
			return str == '' ? '*' : str;
 | 
								return str == '' ? '*' : str;
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,167 +1,167 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
	<el-form size='small'>
 | 
						<el-form size='small'>
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="1">
 | 
								<el-radio v-model='radioValue' :label="1">
 | 
				
			||||||
				周,允许的通配符[, - * / L #]
 | 
									周,允许的通配符[, - * / L #]
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="2">
 | 
								<el-radio v-model='radioValue' :label="2">
 | 
				
			||||||
				不指定
 | 
									不指定
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="3">
 | 
								<el-radio v-model='radioValue' :label="3">
 | 
				
			||||||
				周期从星期
 | 
									周期从星期
 | 
				
			||||||
				<el-input-number v-model='cycle01' :min="1" :max="7" /> -
 | 
									<el-input-number v-model='cycle01' :min="1" :max="7" /> -
 | 
				
			||||||
				<el-input-number v-model='cycle02' :min="1" :max="7" />
 | 
									<el-input-number v-model='cycle02' :min="1" :max="7" />
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="4">
 | 
								<el-radio v-model='radioValue' :label="4">
 | 
				
			||||||
				第
 | 
									第
 | 
				
			||||||
				<el-input-number v-model='average01' :min="1" :max="4" /> 周的星期
 | 
									<el-input-number v-model='average01' :min="1" :max="4" /> 周的星期
 | 
				
			||||||
				<el-input-number v-model='average02' :min="1" :max="7" />
 | 
									<el-input-number v-model='average02' :min="1" :max="7" />
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="5">
 | 
								<el-radio v-model='radioValue' :label="5">
 | 
				
			||||||
				本月最后一个星期
 | 
									本月最后一个星期
 | 
				
			||||||
				<el-input-number v-model='weekday' :min="1" :max="7" />
 | 
									<el-input-number v-model='weekday' :min="1" :max="7" />
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio v-model='radioValue' :label="6">
 | 
								<el-radio v-model='radioValue' :label="6">
 | 
				
			||||||
				指定
 | 
									指定
 | 
				
			||||||
				<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
 | 
									<el-select clearable v-model="checkboxList" placeholder="可多选" multiple style="width:100%">
 | 
				
			||||||
					<el-option v-for="(item,index) of weekList" :key="index" :value="index+1">{{item}}</el-option>
 | 
										<el-option v-for="(item,index) of weekList" :key="index" :value="index+1">{{item}}</el-option>
 | 
				
			||||||
				</el-select>
 | 
									</el-select>
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	</el-form>
 | 
						</el-form>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
	data() {
 | 
						data() {
 | 
				
			||||||
		return {
 | 
							return {
 | 
				
			||||||
			radioValue: 2,
 | 
								radioValue: 2,
 | 
				
			||||||
			weekday: 1,
 | 
								weekday: 1,
 | 
				
			||||||
			cycle01: 1,
 | 
								cycle01: 1,
 | 
				
			||||||
			cycle02: 2,
 | 
								cycle02: 2,
 | 
				
			||||||
			average01: 1,
 | 
								average01: 1,
 | 
				
			||||||
			average02: 1,
 | 
								average02: 1,
 | 
				
			||||||
			checkboxList: [],
 | 
								checkboxList: [],
 | 
				
			||||||
			weekList: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
 | 
								weekList: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
 | 
				
			||||||
			checkNum: this.$options.propsData.check
 | 
								checkNum: this.$options.propsData.check
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	name: 'crontab-week',
 | 
						name: 'crontab-week',
 | 
				
			||||||
	props: ['check', 'cron'],
 | 
						props: ['check', 'cron'],
 | 
				
			||||||
	methods: {
 | 
						methods: {
 | 
				
			||||||
		// 单选按钮值变化时
 | 
							// 单选按钮值变化时
 | 
				
			||||||
		radioChange() {
 | 
							radioChange() {
 | 
				
			||||||
			if (this.radioValue === 1) {
 | 
								if (this.radioValue === 1) {
 | 
				
			||||||
				this.$emit('update', 'week', '*');
 | 
									this.$emit('update', 'week', '*');
 | 
				
			||||||
				this.$emit('update', 'year', '*');
 | 
									this.$emit('update', 'year', '*');
 | 
				
			||||||
			} else {
 | 
								} else {
 | 
				
			||||||
				if (this.cron.mouth === '*') {
 | 
									if (this.cron.month === '*') {
 | 
				
			||||||
					this.$emit('update', 'mouth', '0', 'week');
 | 
										this.$emit('update', 'month', '0', 'week');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
				if (this.cron.day === '*') {
 | 
									if (this.cron.day === '*') {
 | 
				
			||||||
					this.$emit('update', 'day', '0', 'week');
 | 
										this.$emit('update', 'day', '0', 'week');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
				if (this.cron.hour === '*') {
 | 
									if (this.cron.hour === '*') {
 | 
				
			||||||
					this.$emit('update', 'hour', '0', 'week');
 | 
										this.$emit('update', 'hour', '0', 'week');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
				if (this.cron.min === '*') {
 | 
									if (this.cron.min === '*') {
 | 
				
			||||||
					this.$emit('update', 'min', '0', 'week');
 | 
										this.$emit('update', 'min', '0', 'week');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
				if (this.cron.second === '*') {
 | 
									if (this.cron.second === '*') {
 | 
				
			||||||
					this.$emit('update', 'second', '0', 'week');
 | 
										this.$emit('update', 'second', '0', 'week');
 | 
				
			||||||
				}
 | 
									}
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
			switch (this.radioValue) {
 | 
								switch (this.radioValue) {
 | 
				
			||||||
				case 2:
 | 
									case 2:
 | 
				
			||||||
					this.$emit('update', 'week', '?');
 | 
										this.$emit('update', 'week', '?');
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 3:
 | 
									case 3:
 | 
				
			||||||
					this.$emit('update', 'week', this.cycle01 + '-' + this.cycle02);
 | 
										this.$emit('update', 'week', this.cycle01 + '-' + this.cycle02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 4:
 | 
									case 4:
 | 
				
			||||||
					this.$emit('update', 'week', this.average01 + '#' + this.average02);
 | 
										this.$emit('update', 'week', this.average01 + '#' + this.average02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 5:
 | 
									case 5:
 | 
				
			||||||
					this.$emit('update', 'week', this.weekday + 'L');
 | 
										this.$emit('update', 'week', this.weekday + 'L');
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 6:
 | 
									case 6:
 | 
				
			||||||
					this.$emit('update', 'week', this.checkboxString);
 | 
										this.$emit('update', 'week', this.checkboxString);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 根据互斥事件,更改radio的值
 | 
							// 根据互斥事件,更改radio的值
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		// 周期两个值变化时
 | 
							// 周期两个值变化时
 | 
				
			||||||
		cycleChange() {
 | 
							cycleChange() {
 | 
				
			||||||
			if (this.radioValue == '3') {
 | 
								if (this.radioValue == '3') {
 | 
				
			||||||
				this.$emit('update', 'week', this.cycleTotal);
 | 
									this.$emit('update', 'week', this.cycleTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 平均两个值变化时
 | 
							// 平均两个值变化时
 | 
				
			||||||
		averageChange() {
 | 
							averageChange() {
 | 
				
			||||||
			if (this.radioValue == '4') {
 | 
								if (this.radioValue == '4') {
 | 
				
			||||||
				this.$emit('update', 'week', this.averageTotal);
 | 
									this.$emit('update', 'week', this.averageTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 最近工作日值变化时
 | 
							// 最近工作日值变化时
 | 
				
			||||||
		weekdayChange() {
 | 
							weekdayChange() {
 | 
				
			||||||
			if (this.radioValue == '5') {
 | 
								if (this.radioValue == '5') {
 | 
				
			||||||
				this.$emit('update', 'week', this.weekday + 'L');
 | 
									this.$emit('update', 'week', this.weekday + 'L');
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// checkbox值变化时
 | 
							// checkbox值变化时
 | 
				
			||||||
		checkboxChange() {
 | 
							checkboxChange() {
 | 
				
			||||||
			if (this.radioValue == '6') {
 | 
								if (this.radioValue == '6') {
 | 
				
			||||||
				this.$emit('update', 'week', this.checkboxString);
 | 
									this.$emit('update', 'week', this.checkboxString);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	watch: {
 | 
						watch: {
 | 
				
			||||||
		"radioValue": "radioChange",
 | 
							"radioValue": "radioChange",
 | 
				
			||||||
		'cycleTotal': 'cycleChange',
 | 
							'cycleTotal': 'cycleChange',
 | 
				
			||||||
		'averageTotal': 'averageChange',
 | 
							'averageTotal': 'averageChange',
 | 
				
			||||||
		'weekdayCheck': 'weekdayChange',
 | 
							'weekdayCheck': 'weekdayChange',
 | 
				
			||||||
		'checkboxString': 'checkboxChange',
 | 
							'checkboxString': 'checkboxChange',
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	computed: {
 | 
						computed: {
 | 
				
			||||||
		// 计算两个周期值
 | 
							// 计算两个周期值
 | 
				
			||||||
		cycleTotal: function () {
 | 
							cycleTotal: function () {
 | 
				
			||||||
			this.cycle01 = this.checkNum(this.cycle01, 1, 7)
 | 
								this.cycle01 = this.checkNum(this.cycle01, 1, 7)
 | 
				
			||||||
			this.cycle02 = this.checkNum(this.cycle02, 1, 7)
 | 
								this.cycle02 = this.checkNum(this.cycle02, 1, 7)
 | 
				
			||||||
			return this.cycle01 + '-' + this.cycle02;
 | 
								return this.cycle01 + '-' + this.cycle02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算平均用到的值
 | 
							// 计算平均用到的值
 | 
				
			||||||
		averageTotal: function () {
 | 
							averageTotal: function () {
 | 
				
			||||||
			this.average01 = this.checkNum(this.average01, 1, 4)
 | 
								this.average01 = this.checkNum(this.average01, 1, 4)
 | 
				
			||||||
			this.average02 = this.checkNum(this.average02, 1, 7)
 | 
								this.average02 = this.checkNum(this.average02, 1, 7)
 | 
				
			||||||
			return this.average01 + '#' + this.average02;
 | 
								return this.average01 + '#' + this.average02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 最近的工作日(格式)
 | 
							// 最近的工作日(格式)
 | 
				
			||||||
		weekdayCheck: function () {
 | 
							weekdayCheck: function () {
 | 
				
			||||||
			this.weekday = this.checkNum(this.weekday, 1, 7)
 | 
								this.weekday = this.checkNum(this.weekday, 1, 7)
 | 
				
			||||||
			return this.weekday;
 | 
								return this.weekday;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算勾选的checkbox值合集
 | 
							// 计算勾选的checkbox值合集
 | 
				
			||||||
		checkboxString: function () {
 | 
							checkboxString: function () {
 | 
				
			||||||
			let str = this.checkboxList.join();
 | 
								let str = this.checkboxList.join();
 | 
				
			||||||
			return str == '' ? '*' : str;
 | 
								return str == '' ? '*' : str;
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,144 +1,144 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
	<el-form size="small">
 | 
						<el-form size="small">
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio :label="1" v-model='radioValue'>
 | 
								<el-radio :label="1" v-model='radioValue'>
 | 
				
			||||||
				不填,允许的通配符[, - * /]
 | 
									不填,允许的通配符[, - * /]
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio :label="2" v-model='radioValue'>
 | 
								<el-radio :label="2" v-model='radioValue'>
 | 
				
			||||||
				每年
 | 
									每年
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio :label="3" v-model='radioValue'>
 | 
								<el-radio :label="3" v-model='radioValue'>
 | 
				
			||||||
				周期从
 | 
									周期从
 | 
				
			||||||
				<el-input-number v-model='cycle01' :min='fullYear' /> -
 | 
									<el-input-number v-model='cycle01' :min='fullYear' /> -
 | 
				
			||||||
				<el-input-number v-model='cycle02' :min='fullYear' />
 | 
									<el-input-number v-model='cycle02' :min='fullYear' />
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio :label="4" v-model='radioValue'>
 | 
								<el-radio :label="4" v-model='radioValue'>
 | 
				
			||||||
				从
 | 
									从
 | 
				
			||||||
				<el-input-number v-model='average01' :min='fullYear' /> 年开始,每
 | 
									<el-input-number v-model='average01' :min='fullYear' /> 年开始,每
 | 
				
			||||||
				<el-input-number v-model='average02' :min='fullYear' /> 年执行一次
 | 
									<el-input-number v-model='average02' :min='fullYear' /> 年执行一次
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<el-form-item>
 | 
							<el-form-item>
 | 
				
			||||||
			<el-radio :label="5" v-model='radioValue'>
 | 
								<el-radio :label="5" v-model='radioValue'>
 | 
				
			||||||
				指定
 | 
									指定
 | 
				
			||||||
				<el-select clearable v-model="checkboxList" placeholder="可多选" multiple>
 | 
									<el-select clearable v-model="checkboxList" placeholder="可多选" multiple>
 | 
				
			||||||
					<el-option v-for="item in 9" :key="item" :value="item - 1 + fullYear" :label="item -1 + fullYear" />
 | 
										<el-option v-for="item in 9" :key="item" :value="item - 1 + fullYear" :label="item -1 + fullYear" />
 | 
				
			||||||
				</el-select>
 | 
									</el-select>
 | 
				
			||||||
			</el-radio>
 | 
								</el-radio>
 | 
				
			||||||
		</el-form-item>
 | 
							</el-form-item>
 | 
				
			||||||
	</el-form>
 | 
						</el-form>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
	data() {
 | 
						data() {
 | 
				
			||||||
		return {
 | 
							return {
 | 
				
			||||||
			fullYear: 0,
 | 
								fullYear: 0,
 | 
				
			||||||
			radioValue: 1,
 | 
								radioValue: 1,
 | 
				
			||||||
			cycle01: 0,
 | 
								cycle01: 0,
 | 
				
			||||||
			cycle02: 0,
 | 
								cycle02: 0,
 | 
				
			||||||
			average01: 0,
 | 
								average01: 0,
 | 
				
			||||||
			average02: 1,
 | 
								average02: 1,
 | 
				
			||||||
			checkboxList: [],
 | 
								checkboxList: [],
 | 
				
			||||||
			checkNum: this.$options.propsData.check
 | 
								checkNum: this.$options.propsData.check
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	name: 'crontab-year',
 | 
						name: 'crontab-year',
 | 
				
			||||||
	props: ['check', 'mouth', 'cron'],
 | 
						props: ['check', 'month', 'cron'],
 | 
				
			||||||
	methods: {
 | 
						methods: {
 | 
				
			||||||
		// 单选按钮值变化时
 | 
							// 单选按钮值变化时
 | 
				
			||||||
		radioChange() {
 | 
							radioChange() {
 | 
				
			||||||
			if (this.cron.mouth === '*') {
 | 
								if (this.cron.month === '*') {
 | 
				
			||||||
				this.$emit('update', 'mouth', '0', 'year');
 | 
									this.$emit('update', 'month', '0', 'year');
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
			if (this.cron.day === '*') {
 | 
								if (this.cron.day === '*') {
 | 
				
			||||||
				this.$emit('update', 'day', '0', 'year');
 | 
									this.$emit('update', 'day', '0', 'year');
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
			if (this.cron.hour === '*') {
 | 
								if (this.cron.hour === '*') {
 | 
				
			||||||
				this.$emit('update', 'hour', '0', 'year');
 | 
									this.$emit('update', 'hour', '0', 'year');
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
			if (this.cron.min === '*') {
 | 
								if (this.cron.min === '*') {
 | 
				
			||||||
				this.$emit('update', 'min', '0', 'year');
 | 
									this.$emit('update', 'min', '0', 'year');
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
			if (this.cron.second === '*') {
 | 
								if (this.cron.second === '*') {
 | 
				
			||||||
				this.$emit('update', 'second', '0', 'year');
 | 
									this.$emit('update', 'second', '0', 'year');
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
			switch (this.radioValue) {
 | 
								switch (this.radioValue) {
 | 
				
			||||||
				case 1:
 | 
									case 1:
 | 
				
			||||||
					this.$emit('update', 'year', '');
 | 
										this.$emit('update', 'year', '');
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 2:
 | 
									case 2:
 | 
				
			||||||
					this.$emit('update', 'year', '*');
 | 
										this.$emit('update', 'year', '*');
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 3:
 | 
									case 3:
 | 
				
			||||||
					this.$emit('update', 'year', this.cycle01 + '-' + this.cycle02);
 | 
										this.$emit('update', 'year', this.cycle01 + '-' + this.cycle02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 4:
 | 
									case 4:
 | 
				
			||||||
					this.$emit('update', 'year', this.average01 + '/' + this.average02);
 | 
										this.$emit('update', 'year', this.average01 + '/' + this.average02);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
				case 5:
 | 
									case 5:
 | 
				
			||||||
					this.$emit('update', 'year', this.checkboxString);
 | 
										this.$emit('update', 'year', this.checkboxString);
 | 
				
			||||||
					break;
 | 
										break;
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 周期两个值变化时
 | 
							// 周期两个值变化时
 | 
				
			||||||
		cycleChange() {
 | 
							cycleChange() {
 | 
				
			||||||
			if (this.radioValue == '3') {
 | 
								if (this.radioValue == '3') {
 | 
				
			||||||
				this.$emit('update', 'year', this.cycleTotal);
 | 
									this.$emit('update', 'year', this.cycleTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 平均两个值变化时
 | 
							// 平均两个值变化时
 | 
				
			||||||
		averageChange() {
 | 
							averageChange() {
 | 
				
			||||||
			if (this.radioValue == '4') {
 | 
								if (this.radioValue == '4') {
 | 
				
			||||||
				this.$emit('update', 'year', this.averageTotal);
 | 
									this.$emit('update', 'year', this.averageTotal);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// checkbox值变化时
 | 
							// checkbox值变化时
 | 
				
			||||||
		checkboxChange() {
 | 
							checkboxChange() {
 | 
				
			||||||
			if (this.radioValue == '5') {
 | 
								if (this.radioValue == '5') {
 | 
				
			||||||
				this.$emit('update', 'year', this.checkboxString);
 | 
									this.$emit('update', 'year', this.checkboxString);
 | 
				
			||||||
			}
 | 
								}
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	watch: {
 | 
						watch: {
 | 
				
			||||||
		"radioValue": "radioChange",
 | 
							"radioValue": "radioChange",
 | 
				
			||||||
		'cycleTotal': 'cycleChange',
 | 
							'cycleTotal': 'cycleChange',
 | 
				
			||||||
		'averageTotal': 'averageChange',
 | 
							'averageTotal': 'averageChange',
 | 
				
			||||||
		'checkboxString': 'checkboxChange'
 | 
							'checkboxString': 'checkboxChange'
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	computed: {
 | 
						computed: {
 | 
				
			||||||
		// 计算两个周期值
 | 
							// 计算两个周期值
 | 
				
			||||||
		cycleTotal: function () {
 | 
							cycleTotal: function () {
 | 
				
			||||||
			this.cycle01 = this.checkNum(this.cycle01, this.fullYear, this.fullYear + 100)
 | 
								this.cycle01 = this.checkNum(this.cycle01, this.fullYear, this.fullYear + 100)
 | 
				
			||||||
			this.cycle02 = this.checkNum(this.cycle02, this.fullYear + 1, this.fullYear + 101)
 | 
								this.cycle02 = this.checkNum(this.cycle02, this.fullYear + 1, this.fullYear + 101)
 | 
				
			||||||
			return this.cycle01 + '-' + this.cycle02;
 | 
								return this.cycle01 + '-' + this.cycle02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算平均用到的值
 | 
							// 计算平均用到的值
 | 
				
			||||||
		averageTotal: function () {
 | 
							averageTotal: function () {
 | 
				
			||||||
			this.average01 = this.checkNum(this.average01, this.fullYear, this.fullYear + 100)
 | 
								this.average01 = this.checkNum(this.average01, this.fullYear, this.fullYear + 100)
 | 
				
			||||||
			this.average02 = this.checkNum(this.average02, 1, 10)
 | 
								this.average02 = this.checkNum(this.average02, 1, 10)
 | 
				
			||||||
			return this.average01 + '/' + this.average02;
 | 
								return this.average01 + '/' + this.average02;
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
		// 计算勾选的checkbox值合集
 | 
							// 计算勾选的checkbox值合集
 | 
				
			||||||
		checkboxString: function () {
 | 
							checkboxString: function () {
 | 
				
			||||||
			let str = this.checkboxList.join();
 | 
								let str = this.checkboxList.join();
 | 
				
			||||||
			return str;
 | 
								return str;
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	mounted: function () {
 | 
						mounted: function () {
 | 
				
			||||||
		// 仅获取当前年份
 | 
							// 仅获取当前年份
 | 
				
			||||||
		this.fullYear = Number(new Date().getFullYear());
 | 
							this.fullYear = Number(new Date().getFullYear());
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user