修改cron表达式组件
This commit is contained in:
不做码农
parent
62f42993fb
commit
f041a757d2
@ -1,366 +1,376 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="v3c">
|
<div class="v3c">
|
||||||
<ul class="v3c-tab">
|
<ul class="v3c-tab">
|
||||||
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 1 }" @click="onHandleTab(1)">{{ state.text.Seconds.name }}</li>
|
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 1 }" @click="onHandleTab(1)">秒</li>
|
||||||
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 2 }" @click="onHandleTab(2)">{{ state.text.Minutes.name }}</li>
|
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 2 }" @click="onHandleTab(2)">分</li>
|
||||||
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 3 }" @click="onHandleTab(3)">{{ state.text.Hours.name }}</li>
|
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 3 }" @click="onHandleTab(3)">时</li>
|
||||||
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 4 }" @click="onHandleTab(4)">{{ state.text.Day.name }}</li>
|
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 4 }" @click="onHandleTab(4)">日</li>
|
||||||
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 5 }" @click="onHandleTab(5)">{{ state.text.Month.name }}</li>
|
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 5 }" @click="onHandleTab(5)">月</li>
|
||||||
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 6 }" @click="onHandleTab(6)">{{ state.text.Year.name }}</li>
|
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 7 }" @click="onHandleTab(7)">周</li>
|
||||||
<li class="v3c-tab-item v3c-lang-btn" @click="state.language = state.language === 'en' ? 'cn' : 'en'">{{ state.language === 'en' ? 'cn' : 'en' }}</li>
|
<li class="v3c-tab-item" :class="{ 'v3c-active': tabActive == 6 }" @click="onHandleTab(6)">年</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<!-- 秒 -->
|
<!-- 秒 -->
|
||||||
<div class="v3c-content" v-show="tabActive == 1">
|
<div class="v3c-content" v-show="tabActive == 1">
|
||||||
<!-- 每一秒 -->
|
<!-- 每一秒 -->
|
||||||
<div>
|
<el-form-item>
|
||||||
<label for="seconds1">
|
<el-radio v-model="state.second.cronEvery" label="1"> 每一秒钟 </el-radio>
|
||||||
<input type="radio" id="seconds1" value="1" v-model="state.second.cronEvery" />
|
</el-form-item>
|
||||||
{{ state.text.Seconds.every }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 每隔多久 -->
|
<!-- 每隔多久 -->
|
||||||
<div class="mt-20">
|
<el-form-item>
|
||||||
<label for="seconds2">
|
<el-radio v-model="state.second.cronEvery" :label="2">
|
||||||
<input type="radio" id="seconds2" value="2" v-model="state.second.cronEvery" />
|
从
|
||||||
{{ state.text.Seconds.interval[0] }}
|
<el-input-number type="number" :min="0" :max="59" v-model="state.second.incrementStart" />
|
||||||
<input type="number" min="1" max="60" v-model="state.second.incrementIncrement" />
|
秒开始，每 <el-input-number type="number" :min="1" :max="60" v-model="state.second.incrementIncrement" />
|
||||||
{{ state.text.Seconds.interval[1] || '' }}
|
秒执行一次
|
||||||
<input type="number" min="0" max="59" v-model="state.second.incrementStart" />
|
</el-radio>
|
||||||
{{ state.text.Seconds.interval[2] || '' }}
|
</el-form-item>
|
||||||
</label>
|
<!-- 周期 -->
|
||||||
</div>
|
<el-form-item>
|
||||||
|
<el-radio v-model="state.second.cronEvery" :label="4">
|
||||||
|
周期从
|
||||||
|
<el-input-number type="number" v-model="state.second.rangeStart" :min="1" :max="60" />
|
||||||
|
-
|
||||||
|
<el-input-number type="number" v-model="state.second.rangeEnd" :min="0" :max="59" />
|
||||||
|
秒
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
<!-- 具体秒数 -->
|
<!-- 具体秒数 -->
|
||||||
<div class="mt-20">
|
<el-form-item>
|
||||||
<label for="seconds3">
|
<el-radio v-model="state.second.cronEvery" :label="3">
|
||||||
<input type="radio" id="seconds3" value="3" v-model="state.second.cronEvery" />
|
指定
|
||||||
{{ state.text.Seconds.specific }}
|
<el-select clearable v-model="state.second.specificSpecific" placeholder="可多选" multiple style="width: 100%">
|
||||||
<select multiple v-model="state.second.specificSpecific">
|
<el-option v-for="item in 60" :key="item" :value="item - 1">{{ item - 1 }}</el-option>
|
||||||
<option :value="index" v-for="(item, index) in 60" :key="index">{{ index }}</option>
|
</el-select>
|
||||||
</select>
|
</el-radio>
|
||||||
</label>
|
</el-form-item>
|
||||||
</div>
|
|
||||||
<!-- 具体秒数 -->
|
|
||||||
<div class="mt-20">
|
|
||||||
<label for="seconds4">
|
|
||||||
<input type="radio" id="seconds4" value="4" v-model="state.second.cronEvery" />
|
|
||||||
{{ state.text.Seconds.cycle[0] }}
|
|
||||||
<input type="number" v-model="state.second.rangeStart" min="1" max="60" />
|
|
||||||
{{ state.text.Seconds.cycle[1] || '' }}
|
|
||||||
<input type="number" v-model="state.second.rangeEnd" min="0" max="59" />
|
|
||||||
{{ state.text.Seconds.cycle[2] || '' }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 分钟 -->
|
<!-- 分钟 -->
|
||||||
<div class="v3c-content" v-show="tabActive == 2">
|
<div class="v3c-content" v-show="tabActive == 2">
|
||||||
<!-- 每一秒 -->
|
<!-- 每一分 -->
|
||||||
<div>
|
<el-form-item>
|
||||||
<label for="minute1">
|
<el-radio v-model="state.minute.cronEvery" label="1">分钟 允许的通配符[, - * /] </el-radio>
|
||||||
<input type="radio" id="minute1" value="1" v-model="state.minute.cronEvery" />
|
</el-form-item>
|
||||||
{{ state.text.Minutes.every }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 每隔多久 -->
|
<!-- 每隔多久 -->
|
||||||
<div class="mt-20">
|
<el-form-item>
|
||||||
<label for="minute2">
|
<el-radio v-model="state.minute.cronEvery" :label="2">
|
||||||
<input type="radio" id="minute2" value="2" v-model="state.minute.cronEvery" />
|
从
|
||||||
{{ state.text.Minutes.interval[0] }}
|
<el-input-number type="number" :min="0" :max="59" v-model="state.minute.incrementStart" />
|
||||||
<input type="number" min="1" max="60" v-model="state.minute.incrementIncrement" />
|
分开始 每
|
||||||
{{ state.text.Minutes.interval[1] || '' }}
|
<el-input-number type="number" :min="1" :max="60" v-model="state.minute.incrementIncrement" />
|
||||||
<input type="number" min="0" max="59" v-model="state.minute.incrementStart" />
|
分执行一次
|
||||||
{{ state.text.Minutes.interval[2] || '' }}
|
</el-radio>
|
||||||
</label>
|
</el-form-item>
|
||||||
|
<!-- 具体分钟数 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-radio v-model="state.minute.cronEvery" :label="4">
|
||||||
|
周期从
|
||||||
|
<el-input-number type="number" v-model="state.minute.rangeStart" :min="1" :max="60" />
|
||||||
|
-
|
||||||
|
<el-input-number type="number" v-model="state.minute.rangeEnd" :min="0" :max="59" />
|
||||||
|
分
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 具体分钟数 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-radio v-model="state.minute.cronEvery" :label="3">
|
||||||
|
指定
|
||||||
|
<el-select multiple v-model="state.minute.specificSpecific">
|
||||||
|
<el-option :value="index" v-for="(item, index) in 60" :key="index">{{ index }}</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<!-- 具体秒数 -->
|
<!-- 3.小时 -->
|
||||||
<div class="mt-20">
|
|
||||||
<label for="minute3">
|
|
||||||
<input type="radio" id="minute3" value="3" v-model="state.minute.cronEvery" />
|
|
||||||
{{ state.text.Minutes.specific }}
|
|
||||||
<select multiple v-model="state.minute.specificSpecific">
|
|
||||||
<option :value="index" v-for="(item, index) in 60" :key="index">{{ index }}</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 具体秒数 -->
|
|
||||||
<div class="mt-20">
|
|
||||||
<label for="minute4">
|
|
||||||
<input type="radio" id="minute4" value="4" v-model="state.minute.cronEvery" />
|
|
||||||
{{ state.text.Minutes.cycle[0] }}
|
|
||||||
<input type="number" v-model="state.minute.rangeStart" min="1" max="60" />
|
|
||||||
{{ state.text.Minutes.cycle[1] || '' }}
|
|
||||||
<input type="number" v-model="state.minute.rangeEnd" min="0" max="59" />
|
|
||||||
{{ state.text.Minutes.cycle[2] || '' }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 小时 -->
|
|
||||||
<div class="v3c-content" v-show="tabActive == 3">
|
<div class="v3c-content" v-show="tabActive == 3">
|
||||||
<!-- 每一秒 -->
|
<!-- 每一小时 -->
|
||||||
<div>
|
<el-form-item>
|
||||||
<label for="hour1">
|
<el-radio v-model="state.hour.cronEvery" label="1"> 小时 允许的通配符[, - * /]</el-radio>
|
||||||
<input type="radio" id="hour1" value="1" v-model="state.hour.cronEvery" />
|
</el-form-item>
|
||||||
{{ state.text.Hours.every }}
|
|
||||||
</label>
|
<!-- 每隔多久小时 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-radio :label="2" v-model="state.hour.cronEvery">
|
||||||
|
从
|
||||||
|
<el-input-number type="number" :min="0" :max="59" v-model="state.hour.incrementStart" />
|
||||||
|
小时开始，每隔
|
||||||
|
<el-input-number type="number" :min="1" :max="60" v-model="state.hour.incrementIncrement" />
|
||||||
|
小时执行一次
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<!-- 周期 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-radio :label="4" v-model="state.hour.cronEvery">
|
||||||
|
周期从
|
||||||
|
<el-input-number type="number" v-model="state.hour.rangeStart" :min="1" :max="60" />
|
||||||
|
-
|
||||||
|
<el-input-number type="number" v-model="state.hour.rangeEnd" :min="0" :max="59" />
|
||||||
|
小时
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 具体小时数 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-radio :label="3" v-model="state.hour.cronEvery">
|
||||||
|
指定
|
||||||
|
<el-select multiple v-model="state.hour.specificSpecific">
|
||||||
|
<el-option :value="index" v-for="(item, index) in 60" :key="index">{{ index }}</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<!-- 每隔多久 -->
|
<!-- 4.日 -->
|
||||||
<div class="mt-20">
|
|
||||||
<label for="hour2">
|
|
||||||
<input type="radio" id="hour2" value="2" v-model="state.hour.cronEvery" />
|
|
||||||
{{ state.text.Hours.interval[0] }}
|
|
||||||
<input type="number" min="1" max="60" v-model="state.hour.incrementIncrement" />
|
|
||||||
{{ state.text.Hours.interval[1] || '' }}
|
|
||||||
<input type="number" min="0" max="59" v-model="state.hour.incrementStart" />
|
|
||||||
{{ state.text.Hours.interval[2] || '' }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 具体秒数 -->
|
|
||||||
<div class="mt-20">
|
|
||||||
<label for="hour3">
|
|
||||||
<input type="radio" id="hour3" value="3" v-model="state.hour.cronEvery" />
|
|
||||||
{{ state.text.Hours.specific }}
|
|
||||||
<select multiple v-model="state.hour.specificSpecific">
|
|
||||||
<option :value="index" v-for="(item, index) in 60" :key="index">{{ index }}</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 具体秒数 -->
|
|
||||||
<div class="mt-20">
|
|
||||||
<label for="hour4">
|
|
||||||
<input type="radio" id="hour4" value="4" v-model="state.hour.cronEvery" />
|
|
||||||
{{ state.text.Hours.cycle[0] }}
|
|
||||||
<input type="number" v-model="state.hour.rangeStart" min="1" max="60" />
|
|
||||||
{{ state.text.Hours.cycle[1] || '' }}
|
|
||||||
<input type="number" v-model="state.hour.rangeEnd" min="0" max="59" />
|
|
||||||
{{ state.text.Hours.cycle[2] || '' }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 天 -->
|
|
||||||
<div class="v3c-content" v-show="tabActive == 4">
|
<div class="v3c-content" v-show="tabActive == 4">
|
||||||
<!-- 1 -->
|
<!-- 1 -->
|
||||||
<div>
|
<el-form-item>
|
||||||
<label for="day1">
|
<el-radio label="1" v-model="state.day.cronEvery"> 每天 </el-radio>
|
||||||
<input type="radio" id="day1" value="1" v-model="state.day.cronEvery" />
|
</el-form-item>
|
||||||
{{ state.text.Day.every }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 2 -->
|
<!-- 2 -->
|
||||||
<div class="mt-20">
|
<el-form-item>
|
||||||
<label for="day2">
|
<el-radio label="2" v-model="state.day.cronEvery"> 不指定 </el-radio>
|
||||||
<input type="radio" id="day2" value="2" v-model="state.day.cronEvery" />
|
</el-form-item>
|
||||||
{{ state.text.Day.intervalWeek[0] }}
|
|
||||||
<input type="number" min="1" max="60" v-model="state.day.incrementIncrement" />
|
|
||||||
{{ state.text.Day.intervalWeek[1] }}
|
|
||||||
<input type="number" min="0" max="59" v-model="state.day.incrementStart" />
|
|
||||||
{{ state.text.Day.intervalWeek[2] }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 3 -->
|
<!-- 3 -->
|
||||||
<div class="mt-20">
|
<el-form-item>
|
||||||
<label for="day3">
|
<el-radio label="3" v-model="state.day.cronEvery">
|
||||||
<input type="radio" id="day3" value="3" v-model="state.day.cronEvery" />
|
周期从
|
||||||
{{ state.text.Day.intervalDay[0] }}
|
<el-input-number v-model="state.day.cycle01" :min="1" :max="30" /> -
|
||||||
<input type="number" v-model="state.hour.rangeStart" min="1" max="30" />
|
<el-input-number v-model="state.day.cycle02" :min="state.day.cycle01 ? state.day.cycle01 + 1 : 2" :max="31" /> 日
|
||||||
{{ state.text.Day.intervalDay[1] }}
|
</el-radio>
|
||||||
<input type="number" v-model="state.hour.rangeEnd" min="1" max="30" />
|
</el-form-item>
|
||||||
{{ state.text.Day.intervalDay[2] }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 4 -->
|
<!-- 4 -->
|
||||||
<div class="mt-20">
|
<el-form-item>
|
||||||
<label for="day4">
|
<el-radio label="4" v-model="state.day.cronEvery">
|
||||||
<input type="radio" id="day4" value="4" v-model="state.day.cronEvery" />
|
从
|
||||||
{{ state.text.Day.specificWeek }}
|
<el-input-number v-model="state.day.incrementStart" :min="1" :max="30" /> 号开始，每
|
||||||
<select multiple v-model="state.week.specificSpecific">
|
<el-input-number v-model="state.day.incrementIncrement" :min="1" :max="31 - state.day.incrementStart || 1" /> 日执行一次
|
||||||
<option v-for="(val, index) in 7" :key="index" :value="['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'][val - 1]">
|
</el-radio>
|
||||||
{{ state.text.Week[val - 1] }}
|
</el-form-item>
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 5 -->
|
<!-- 5 -->
|
||||||
<div class="mt-20">
|
<el-form-item>
|
||||||
<label for="day5">
|
<el-radio label="5" v-model="state.day.cronEvery">
|
||||||
<input type="radio" id="day5" value="5" v-model="state.day.cronEvery" />
|
最近的工作日(周一至周五)至本月
|
||||||
{{ state.text.Day.specificDay }}
|
<el-input-number v-model="state.day.cronDaysNearestWeekday" :min="1" :max="31" />
|
||||||
<select multiple v-model="state.week.specificSpecific">
|
日
|
||||||
<option v-for="(val, index) in 31" :key="index" :value="val">
|
</el-radio>
|
||||||
{{ val }}
|
</el-form-item>
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 6 -->
|
<!-- 6 -->
|
||||||
<div class="mt-20">
|
<el-form-item>
|
||||||
<label for="day6">
|
<el-radio label="6" v-model="state.day.cronEvery"> 在这个月的最后一天 </el-radio>
|
||||||
<input type="radio" id="day6" value="6" v-model="state.day.cronEvery" />
|
</el-form-item>
|
||||||
{{ state.text.Day.lastDay }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 7 -->
|
<!-- 7 -->
|
||||||
<div class="mt-20">
|
<el-form-item>
|
||||||
<label for="day7">
|
<el-radio label="7" v-model="state.day.cronEvery">
|
||||||
<input type="radio" id="day7" value="7" v-model="state.day.cronEvery" />
|
指定
|
||||||
{{ state.text.Day.lastWeekday }}
|
<el-select multiple v-model="state.day.specificSpecific">
|
||||||
</label>
|
<el-option v-for="(val, index) in 31" :key="index" :value="val">
|
||||||
|
{{ val }}
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<!-- 8 -->
|
<!-- 7.周 -->
|
||||||
<div class="mt-20">
|
<div class="v3c-content" v-show="tabActive == 7">
|
||||||
<label for="day8">
|
<!-- 1 -->
|
||||||
<input type="radio" id="day8" value="8" v-model="state.day.cronEvery" />
|
<el-form-item>
|
||||||
{{ state.text.Day.lastWeek[0] }}
|
<el-radio v-model="state.week.cronEvery" label="1"> 每周 </el-radio>
|
||||||
<select v-model="state.day.cronLastSpecificDomDay">
|
</el-form-item>
|
||||||
<option v-for="(val, index) in 7" :key="index" :value="val">
|
<!-- 2 -->
|
||||||
{{ state.text.Week[val - 1] }}
|
<el-form-item>
|
||||||
</option>
|
<el-radio v-model="state.week.cronEvery" label="2"> 不指定 </el-radio>
|
||||||
</select>
|
</el-form-item>
|
||||||
{{ state.text.Day.lastWeek[1] || '' }}
|
|
||||||
</label>
|
<!-- 3 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-radio v-model="state.week.cronEvery" label="3">
|
||||||
|
周期从星期
|
||||||
|
<el-select clearable v-model="state.week.cycle01" style="width: 100px">
|
||||||
|
<el-option v-for="(item, index) of weekList" :key="index" :label="item.value" :value="item.key" :disabled="item.key === 1">{{ item.value }}</el-option>
|
||||||
|
</el-select>
|
||||||
|
-
|
||||||
|
<el-select clearable v-model="state.week.cycle02" style="width: 100px">
|
||||||
|
<el-option v-for="(item, index) of weekList" :key="index" :label="item.value" :value="item.key" :disabled="item.key < state.week.cycle01 && item.key !== 1">
|
||||||
|
{{ item.value }}
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<!-- 4 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-radio v-model="state.week.cronEvery" label="4">
|
||||||
|
第
|
||||||
|
<el-input-number v-model="state.week.average01" :min="1" :max="4" /> 周的星期
|
||||||
|
<el-select clearable v-model="state.week.average02" style="width: 100px">
|
||||||
|
<el-option v-for="(item, index) of weekList" :key="index" :label="item.value" :value="item.key">{{ item.value }}</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 5 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-radio v-model="state.week.cronEvery" label="5">
|
||||||
|
本月最后一个星期
|
||||||
|
<el-select clearable v-model="state.week.weekday" style="width: 100px">
|
||||||
|
<el-option v-for="(item, index) of weekList" :key="index" :label="item.value" :value="item.key">{{ item.value }}</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 6 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-radio v-model="state.week.cronEvery" label="6">
|
||||||
|
指定
|
||||||
|
<el-select clearable v-model="state.week.specificSpecific" placeholder="可多选" multiple style="width: 100%">
|
||||||
|
<el-option v-for="(item, index) of weekList" :key="index" :label="item.value" :value="String(item.key)">{{ item.value }}</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-radio>
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<!-- 9 -->
|
<!-- 5.月 -->
|
||||||
<div class="mt-20">
|
|
||||||
<label for="day9">
|
|
||||||
<input type="radio" id="day9" value="9" v-model="state.day.cronEvery" />
|
|
||||||
<input type="number" v-model="state.day.cronDaysBeforeEomMinus" min="1" max="31" />
|
|
||||||
{{ state.text.Day.beforeEndMonth[0] }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 10 -->
|
|
||||||
<div class="mt-20">
|
|
||||||
<label for="day10">
|
|
||||||
<input type="radio" id="day10" value="10" v-model="state.day.cronEvery" />
|
|
||||||
{{ state.text.Day.nearestWeekday[0] }}
|
|
||||||
<input type="number" v-model="state.day.cronDaysNearestWeekday" :min="1" :max="31" />
|
|
||||||
{{ state.text.Day.nearestWeekday[1] }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<!-- 11 -->
|
|
||||||
<div class="mt-20">
|
|
||||||
<label for="day11">
|
|
||||||
<input type="radio" id="day11" value="11" v-model="state.day.cronEvery" />
|
|
||||||
{{ state.text.Day.someWeekday[0] }}
|
|
||||||
<input type="number" v-model="state.week.cronNthDayNth" :min="1" :max="5" />
|
|
||||||
|
|
||||||
<select v-model="state.week.cronNthDayDay">
|
|
||||||
<option v-for="(val, index) in 7" :key="index" :value="val">
|
|
||||||
{{ state.text.Week[val - 1] }}
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
{{ state.text.Day.someWeekday[1] }}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 月 -->
|
|
||||||
<div class="v3c-content" v-show="tabActive == 5">
|
<div class="v3c-content" v-show="tabActive == 5">
|
||||||
<!-- 1 -->
|
<!-- 1 -->
|
||||||
<div>
|
<div>
|
||||||
<label for="month1">
|
<label for="month1">
|
||||||
<input type="radio" id="month1" value="1" v-model="state.month.cronEvery" />
|
<input type="radio" id="month1" value="1" v-model="state.month.cronEvery" />
|
||||||
{{ state.text.Month.every }}
|
月 允许的通配符[, - * /]
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<!-- 2 -->
|
<!-- 2 -->
|
||||||
<div class="mt-20">
|
<div class="mt-20">
|
||||||
<label for="month2">
|
<label for="month2">
|
||||||
<input type="radio" id="month2" value="2" v-model="state.month.cronEvery" />
|
<input type="radio" id="month2" value="2" v-model="state.month.cronEvery" />
|
||||||
{{ state.text.Month.interval[0] }}
|
从
|
||||||
<input type="number" v-model="state.month.incrementIncrement" :min="0" :max="12" />
|
<el-input-number type="number" v-model="state.month.incrementStart" :min="1" :max="11" />
|
||||||
{{ state.text.Month.interval[1] }}
|
月开始，每隔
|
||||||
<input type="number" v-model="state.month.incrementStart" :min="0" :max="12" />
|
<el-input-number type="number" v-model="state.month.incrementIncrement" :min="1" :max="12 - state.month.incrementStart || 0" />
|
||||||
|
月月执行一次
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<!-- 3 -->
|
<!-- 3 -->
|
||||||
<div class="mt-20">
|
<div class="mt-20">
|
||||||
<label for="month3">
|
<label for="month3">
|
||||||
<input type="radio" id="month3" value="3" v-model="state.month.cronEvery" />
|
<input type="radio" id="month3" value="3" v-model="state.month.cronEvery" />
|
||||||
{{ state.text.Month.specific }}
|
指定
|
||||||
<select multiple v-model="state.month.specificSpecific">
|
<el-select multiple v-model="state.month.specificSpecific">
|
||||||
<option v-for="(val, index) in 12" :key="index" :value="val">
|
<el-option v-for="(val, index) in 12" :key="index" :value="val">
|
||||||
{{ val }}
|
{{ val }}
|
||||||
</option>
|
</el-option>
|
||||||
</select>
|
</el-select>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<!-- 4 -->
|
<!-- 4 -->
|
||||||
<div class="mt-20">
|
<div class="mt-20">
|
||||||
<label for="month4">
|
<label for="month4">
|
||||||
<input type="radio" id="month4" value="4" v-model="state.month.cronEvery" />
|
<input type="radio" id="month4" value="4" v-model="state.month.cronEvery" />
|
||||||
{{ state.text.Month.cycle[0] }}
|
周期从
|
||||||
<input type="number" v-model="state.month.rangeStart" :min="1" :max="12" />
|
<el-input-number type="number" v-model="state.month.rangeStart" :min="1" :max="11" />
|
||||||
{{ state.text.Month.cycle[1] }}
|
-
|
||||||
<input type="number" v-model="state.month.rangeEnd" :min="1" :max="12" />
|
<el-input-number type="number" v-model="state.month.rangeEnd" :min="state.month.rangeStart ? state.month.rangeStart + 1 : 2" :max="12" />
|
||||||
|
月
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 年 -->
|
<!-- 6.年 -->
|
||||||
<div class="v3c-content" v-show="tabActive == 6">
|
<div class="v3c-content" v-show="tabActive == 6">
|
||||||
<!-- 1 -->
|
<!-- 1 -->
|
||||||
<div>
|
<div>
|
||||||
<label for="year1">
|
<label for="year1">
|
||||||
<input type="radio" id="year1" value="1" v-model="state.year.cronEvery" />
|
<input type="radio" id="year1" value="1" v-model="state.year.cronEvery" />
|
||||||
{{ state.text.Year.every }}
|
每年
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<!-- 2 -->
|
<!-- 2 -->
|
||||||
<div class="mt-20">
|
<div class="mt-20">
|
||||||
<label for="year2">
|
<label for="year2">
|
||||||
<input type="radio" id="year2" value="2" v-model="state.year.cronEvery" />
|
<input type="radio" id="year2" value="2" v-model="state.year.cronEvery" />
|
||||||
{{ state.text.Year.interval[0] }}
|
从
|
||||||
<input type="number" v-model="state.year.incrementIncrement" :min="1" :max="99" />
|
<el-input-number type="number" v-model="state.year.incrementStart" :min="currYear" :max="currYear + 10" />
|
||||||
{{ state.text.Year.interval[1] }}
|
年开始，每
|
||||||
<input type="number" v-model="state.year.incrementStart" :min="currYear" :max="currYear + 10" />
|
<el-input-number type="number" v-model="state.year.incrementIncrement" :min="1" :max="99" />
|
||||||
</label>
|
年执行一次
|
||||||
</div>
|
|
||||||
<!-- 3 -->
|
|
||||||
<div class="mt-20">
|
|
||||||
<label for="year3">
|
|
||||||
<input type="radio" id="year3" value="3" v-model="state.year.cronEvery" />
|
|
||||||
{{ state.text.Year.specific }}
|
|
||||||
<select multiple v-model="state.year.specificSpecific">
|
|
||||||
<option v-for="(val, index) in 100" :key="index" :value="currYear + val">
|
|
||||||
{{ currYear + val }}
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<!-- 4 -->
|
<!-- 4 -->
|
||||||
<div class="mt-20">
|
<div class="mt-20">
|
||||||
<label for="year3">
|
<label for="year3">
|
||||||
<input type="radio" id="year3" value="4" v-model="state.year.cronEvery" />
|
<input type="radio" id="year3" value="4" v-model="state.year.cronEvery" />
|
||||||
{{ state.text.Year.cycle[0] }}
|
周期从
|
||||||
<input type="number" v-model="state.month.rangeStart" :min="currYear" :max="currYear + 10" />
|
<el-input-number type="number" v-model="state.year.rangeStart" :min="currYear + 1" :max="currYear + 10" />
|
||||||
{{ state.text.Year.cycle[1] }}
|
-
|
||||||
<input type="number" v-model="state.month.rangeEnd" :min="currYear" :max="currYear + 10" />
|
<el-input-number type="number" v-model="state.year.rangeEnd" :min="state.year.rangeStart ? state.year.rangeStart + 1 : currYear + 1" :max="currYear + 10" />
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<!-- 3 -->
|
||||||
|
<div class="mt-20">
|
||||||
|
<label for="year3">
|
||||||
|
<input type="radio" id="year3" value="3" v-model="state.year.cronEvery" />
|
||||||
|
指定
|
||||||
|
<el-select multiple v-model="state.year.specificSpecific">
|
||||||
|
<el-option v-for="(val, index) in 100" :key="index" :value="currYear + val">
|
||||||
|
{{ currYear + val }}
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 结果 -->
|
<!-- 结果 -->
|
||||||
<div class="v3c-footer">
|
<div class="v3c-footer">
|
||||||
<div style="flex: 1">
|
<fieldset>
|
||||||
CRON : <span class="cron">{{ state.cron }}</span>
|
<legend>Cron表达式</legend>
|
||||||
|
<span class="cron">{{ state.cron }}</span>
|
||||||
<button class="btn-ok" @click.stop="handleChange">{{ state.text.Save }}</button>
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="v3c-footer">
|
||||||
|
<div>
|
||||||
|
<el-button size="small" type="primary" @click="handleChange">保存</el-button>
|
||||||
|
<el-button size="small" type="warning" @click="clearCron">重置</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Language from './language'
|
|
||||||
import { reactive, computed, toRefs, defineComponent, ref, watch } from 'vue'
|
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: 'Vue3CronCore',
|
name: 'Vue3CronCore',
|
||||||
props: {
|
props: {
|
||||||
i18n: {},
|
|
||||||
maxHeight: String,
|
maxHeight: String,
|
||||||
change: Function,
|
change: Function,
|
||||||
value: String,
|
value: String,
|
||||||
},
|
},
|
||||||
setup(props, { emit }) {
|
setup(props, { emit }) {
|
||||||
const { i18n } = toRefs(props)
|
const { i18n } = toRefs(props)
|
||||||
|
const weekList = ref([
|
||||||
|
{
|
||||||
|
key: 2,
|
||||||
|
value: '星期一',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 3,
|
||||||
|
value: '星期二',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 4,
|
||||||
|
value: '星期三',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 5,
|
||||||
|
value: '星期四',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 6,
|
||||||
|
value: '星期五',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 7,
|
||||||
|
value: '星期六',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 1,
|
||||||
|
value: '星期日',
|
||||||
|
},
|
||||||
|
])
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
language: i18n.value,
|
|
||||||
second: {
|
second: {
|
||||||
cronEvery: '1',
|
cronEvery: '1',
|
||||||
incrementStart: 3,
|
incrementStart: 3,
|
||||||
@ -395,9 +405,16 @@ export default defineComponent({
|
|||||||
cronLastSpecificDomDay: 1,
|
cronLastSpecificDomDay: 1,
|
||||||
cronDaysBeforeEomMinus: 0,
|
cronDaysBeforeEomMinus: 0,
|
||||||
cronDaysNearestWeekday: 1,
|
cronDaysNearestWeekday: 1,
|
||||||
|
cycle01: 1,
|
||||||
|
cycle02: 2,
|
||||||
},
|
},
|
||||||
week: {
|
week: {
|
||||||
cronEvery: '1',
|
cronEvery: '1',
|
||||||
|
cycle01: 2,
|
||||||
|
cycle02: 3,
|
||||||
|
average01: 1,
|
||||||
|
average02: 2,
|
||||||
|
weekday: 2,
|
||||||
incrementStart: 1,
|
incrementStart: 1,
|
||||||
incrementIncrement: 1,
|
incrementIncrement: 1,
|
||||||
specificSpecific: [],
|
specificSpecific: [],
|
||||||
@ -429,7 +446,6 @@ export default defineComponent({
|
|||||||
Week: '',
|
Week: '',
|
||||||
year: '',
|
year: '',
|
||||||
},
|
},
|
||||||
text: computed(() => Language[state.language || 'cn']),
|
|
||||||
secondsText: computed(() => {
|
secondsText: computed(() => {
|
||||||
let seconds = ''
|
let seconds = ''
|
||||||
let cronEvery = state.second.cronEvery
|
let cronEvery = state.second.cronEvery
|
||||||
@ -501,26 +517,33 @@ export default defineComponent({
|
|||||||
let cronEvery = state.day.cronEvery
|
let cronEvery = state.day.cronEvery
|
||||||
switch (cronEvery.toString()) {
|
switch (cronEvery.toString()) {
|
||||||
case '1':
|
case '1':
|
||||||
|
days = '*'
|
||||||
break
|
break
|
||||||
case '2':
|
case '2':
|
||||||
case '4':
|
|
||||||
case '11':
|
|
||||||
days = '?'
|
days = '?'
|
||||||
break
|
break
|
||||||
case '3':
|
case '3':
|
||||||
days = state.day.incrementStart + '/' + state.day.incrementIncrement
|
const cycle01 = checkNumber(state.day.cycle01, 1, 30)
|
||||||
|
const cycle02 = checkNumber(state.day.cycle02, cycle01 ? cycle01 + 1 : 2, 31, 31)
|
||||||
|
days = cycle01 + '-' + cycle02
|
||||||
|
break
|
||||||
|
case '4':
|
||||||
|
const average01 = checkNumber(state.day.incrementStart, 1, 30)
|
||||||
|
const average02 = checkNumber(state.day.incrementIncrement, 1, 31 - average01 || 0)
|
||||||
|
days = average01 + '/' + average02
|
||||||
break
|
break
|
||||||
case '5':
|
case '5':
|
||||||
state.day.specificSpecific.map((val) => {
|
days = state.day.cronDaysNearestWeekday + 'W'
|
||||||
days += val + ','
|
|
||||||
})
|
|
||||||
days = days.slice(0, -1)
|
|
||||||
break
|
break
|
||||||
case '6':
|
case '6':
|
||||||
days = 'L'
|
days = 'L'
|
||||||
break
|
break
|
||||||
case '7':
|
case '7':
|
||||||
days = 'LW'
|
// days = 'LW'
|
||||||
|
state.day.specificSpecific.map((val) => {
|
||||||
|
days += val + ','
|
||||||
|
})
|
||||||
|
days = days.slice(0, -1)
|
||||||
break
|
break
|
||||||
case '8':
|
case '8':
|
||||||
days = state.day.cronLastSpecificDomDay + 'L'
|
days = state.day.cronLastSpecificDomDay + 'L'
|
||||||
@ -531,38 +554,43 @@ export default defineComponent({
|
|||||||
case '10':
|
case '10':
|
||||||
days = state.day.cronDaysNearestWeekday + 'W'
|
days = state.day.cronDaysNearestWeekday + 'W'
|
||||||
break
|
break
|
||||||
|
case '12':
|
||||||
|
days = '?'
|
||||||
|
break
|
||||||
}
|
}
|
||||||
return days
|
return days
|
||||||
}),
|
}),
|
||||||
weeksText: computed(() => {
|
weeksText: computed(() => {
|
||||||
let weeks = ''
|
let weeks = ''
|
||||||
let cronEvery = state.day.cronEvery
|
let cronEvery = state.week.cronEvery
|
||||||
|
if (cronEvery.toString() !== '2' && state.day.cronEvery !== '?') {
|
||||||
|
// state.daysText = '?'
|
||||||
|
// state.day.cronEvery = '2'
|
||||||
|
}
|
||||||
switch (cronEvery.toString()) {
|
switch (cronEvery.toString()) {
|
||||||
case '1':
|
case '1':
|
||||||
case '3':
|
weeks = '*'
|
||||||
case '5':
|
|
||||||
weeks = '?'
|
|
||||||
break
|
break
|
||||||
case '2':
|
case '2':
|
||||||
weeks = state.week.incrementStart + '/' + state.week.incrementIncrement
|
weeks = '?'
|
||||||
|
break
|
||||||
|
case '3':
|
||||||
|
weeks = state.cycleTotal
|
||||||
break
|
break
|
||||||
case '4':
|
case '4':
|
||||||
|
weeks = state.averageTotal
|
||||||
|
break
|
||||||
|
case '5':
|
||||||
|
weeks = state.week.weekday + 'L'
|
||||||
|
break
|
||||||
|
case '6':
|
||||||
state.week.specificSpecific.map((val) => {
|
state.week.specificSpecific.map((val) => {
|
||||||
weeks += val + ','
|
weeks += val + ','
|
||||||
})
|
})
|
||||||
weeks = weeks.slice(0, -1)
|
weeks = weeks.slice(0, -1)
|
||||||
break
|
break
|
||||||
case '6':
|
|
||||||
case '7':
|
|
||||||
case '8':
|
|
||||||
case '9':
|
|
||||||
case '10':
|
|
||||||
weeks = '?'
|
|
||||||
break
|
|
||||||
case '11':
|
|
||||||
weeks = state.week.cronNthDayDay + '#' + state.week.cronNthDayNth
|
|
||||||
break
|
|
||||||
}
|
}
|
||||||
|
console.log('weeks=' + weeks)
|
||||||
return weeks
|
return weeks
|
||||||
}),
|
}),
|
||||||
monthsText: computed(() => {
|
monthsText: computed(() => {
|
||||||
@ -614,35 +642,50 @@ export default defineComponent({
|
|||||||
state.yearsText || '*'
|
state.yearsText || '*'
|
||||||
}`
|
}`
|
||||||
}),
|
}),
|
||||||
|
// 计算两个周期值
|
||||||
|
cycleTotal: computed(() => {
|
||||||
|
state.week.cycle01 = checkNumber(state.week.cycle01, 1, 7)
|
||||||
|
state.week.cycle02 = checkNumber(state.week.cycle02, 1, 7)
|
||||||
|
console.log('check', state.week)
|
||||||
|
return `${state.week.cycle01}-${state.week.cycle02}`
|
||||||
|
}),
|
||||||
|
// 计算平均用到的值
|
||||||
|
averageTotal: computed(() => {
|
||||||
|
state.week.average01 = checkNumber(state.week.average01, 1, 4)
|
||||||
|
state.week.average02 = checkNumber(state.week.average02, 1, 7)
|
||||||
|
return state.week.average02 + '#' + state.week.average01
|
||||||
|
}),
|
||||||
})
|
})
|
||||||
|
|
||||||
const handleChange = () => {
|
const handleChange = () => {
|
||||||
if (typeof state.cron !== 'string') return false
|
if (typeof state.cron !== 'string') return false
|
||||||
emit('change', state.cron)
|
emit('change', state.cron)
|
||||||
}
|
}
|
||||||
const rest = (data) => {
|
// 清空
|
||||||
for (let i in data) {
|
const clearCron = () => {
|
||||||
if (data[i] instanceof Object) {
|
state.second.cronEvery = '1'
|
||||||
this.rest(data[i])
|
state.minute.cronEvery = '1'
|
||||||
} else {
|
state.hour.cronEvery = '1'
|
||||||
switch (typeof data[i]) {
|
state.day.cronEvery = '1'
|
||||||
case 'object':
|
state.month.cronEvery = '1'
|
||||||
data[i] = []
|
state.week.cronEvery = '1'
|
||||||
break
|
state.year.cronEvery = '1'
|
||||||
case 'string':
|
|
||||||
data[i] = ''
|
|
||||||
break
|
|
||||||
}
|
}
|
||||||
|
// 表单选项的子组件校验数字格式（通过-props传递）
|
||||||
|
const checkNumber = (value, minLimit, maxLimit) => {
|
||||||
|
// 检查必须为整数
|
||||||
|
value = Math.floor(value)
|
||||||
|
if (value < minLimit) {
|
||||||
|
value = minLimit
|
||||||
|
} else if (value > maxLimit) {
|
||||||
|
value = maxLimit
|
||||||
}
|
}
|
||||||
|
return value
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
const tabActive = ref(1)
|
const tabActive = ref(1)
|
||||||
const currYear = new Date().getFullYear() - 1
|
const currYear = new Date().getFullYear() - 1
|
||||||
const onHandleTab = (index) => {
|
const onHandleTab = (index) => {
|
||||||
tabActive.value = index
|
tabActive.value = index
|
||||||
}
|
}
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
() => state.cron,
|
() => state.cron,
|
||||||
(value) => {
|
(value) => {
|
||||||
@ -650,14 +693,15 @@ export default defineComponent({
|
|||||||
emit('update:value', value)
|
emit('update:value', value)
|
||||||
},
|
},
|
||||||
)
|
)
|
||||||
|
|
||||||
return {
|
return {
|
||||||
state,
|
state,
|
||||||
handleChange,
|
|
||||||
rest,
|
|
||||||
tabActive,
|
tabActive,
|
||||||
onHandleTab,
|
|
||||||
currYear,
|
currYear,
|
||||||
|
weekList,
|
||||||
|
onHandleTab,
|
||||||
|
handleChange,
|
||||||
|
clearCron,
|
||||||
|
checkNumber,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
@ -672,7 +716,7 @@ export default defineComponent({
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: #f5f7fa;
|
/* background-color: #f5f7fa; */
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -706,10 +750,10 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
|
|
||||||
.v3c-footer {
|
.v3c-footer {
|
||||||
background-color: #f5f7fa;
|
/* background-color: #f5f7fa; */
|
||||||
padding-top: 10px;
|
/* padding-top: 10px; */
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
display: flex;
|
/* display: flex; */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -790,18 +834,18 @@ export default defineComponent({
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|
||||||
color: #fff;
|
/*color: #fff;
|
||||||
background: #61ddaa;
|
background: #61ddaa;
|
||||||
border-color: #61ddaa;
|
border-color: #61ddaa; */
|
||||||
text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
|
text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
|
||||||
box-shadow: 0 2px #0000000b;
|
box-shadow: 0 2px #0000000b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cron {
|
.cron {
|
||||||
background-color: #61ddaa;
|
/* background-color: #61ddaa; */
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
color: #ffffff;
|
/* color: #ffffff; */
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,53 +0,0 @@
|
|||||||
export default {
|
|
||||||
Seconds:{
|
|
||||||
name:'秒',
|
|
||||||
every:'每一秒钟',
|
|
||||||
interval:['每隔','秒执行 从','秒开始'],
|
|
||||||
specific:'具体秒数(可多选)',
|
|
||||||
cycle:['周期从','到','秒']
|
|
||||||
},
|
|
||||||
Minutes:{
|
|
||||||
name:'分',
|
|
||||||
every:'每一分钟',
|
|
||||||
interval:['每隔','分执行 从','分开始'],
|
|
||||||
specific:'具体分钟数(可多选)',
|
|
||||||
cycle:['周期从','到','分']
|
|
||||||
},
|
|
||||||
Hours:{
|
|
||||||
name:'时',
|
|
||||||
every:'每一小时',
|
|
||||||
interval:['每隔','小时执行 从','小时开始'],
|
|
||||||
specific:'具体小时数(可多选)',
|
|
||||||
cycle:['周期从','到','小时']
|
|
||||||
},
|
|
||||||
Day:{
|
|
||||||
name:'天',
|
|
||||||
every:'每一天',
|
|
||||||
intervalWeek:['每隔','周执行 从','开始'],
|
|
||||||
intervalDay:['每隔','天执行 从','天开始'],
|
|
||||||
specificWeek:'具体星期几(可多选)',
|
|
||||||
specificDay:'具体天数(可多选)',
|
|
||||||
lastDay:'在这个月的最后一天',
|
|
||||||
lastWeekday:'在这个月的最后一个工作日',
|
|
||||||
lastWeek:['在这个月的最后一个'],
|
|
||||||
beforeEndMonth:['在本月底前','天'],
|
|
||||||
nearestWeekday:['最近的工作日（周一至周五）至本月','日'],
|
|
||||||
someWeekday:['在这个月的第','个'],
|
|
||||||
},
|
|
||||||
Week:['天','一','二','三','四','五','六'].map(val=>'星期'+val),
|
|
||||||
Month:{
|
|
||||||
name:'月',
|
|
||||||
every:'每一月',
|
|
||||||
interval:['每隔','月执行 从','月开始'],
|
|
||||||
specific:'具体月数(可多选)',
|
|
||||||
cycle:['从','到','月之间的每个月']
|
|
||||||
},
|
|
||||||
Year:{
|
|
||||||
name:'年',
|
|
||||||
every:'每一年',
|
|
||||||
interval:['每隔','年执行 从','年开始'],
|
|
||||||
specific:'具体年份(可多选)',
|
|
||||||
cycle:['从','到','年之间的每一年']
|
|
||||||
},
|
|
||||||
Save:'生成'
|
|
||||||
}
|
|
||||||
@ -1,53 +0,0 @@
|
|||||||
export default {
|
|
||||||
Seconds:{
|
|
||||||
name:'Seconds',
|
|
||||||
every:'Every second',
|
|
||||||
interval:['Every','second(s) starting at second'],
|
|
||||||
specific:'Specific second (choose one or many)',
|
|
||||||
cycle:['Every second between second','and second']
|
|
||||||
},
|
|
||||||
Minutes:{
|
|
||||||
name:'Minutes',
|
|
||||||
every:'Every minute',
|
|
||||||
interval:['Every','minute(s) starting at minute'],
|
|
||||||
specific:'Specific minute (choose one or many)',
|
|
||||||
cycle:['Every minute between minute','and minute']
|
|
||||||
},
|
|
||||||
Hours:{
|
|
||||||
name:'Hours',
|
|
||||||
every:'Every hour',
|
|
||||||
interval:['Every','hour(s) starting at hour'],
|
|
||||||
specific:'Specific hour (choose one or many)',
|
|
||||||
cycle:['Every hour between hour','and hour']
|
|
||||||
},
|
|
||||||
Day:{
|
|
||||||
name:'Day',
|
|
||||||
every:'Every day',
|
|
||||||
intervalWeek:['Every','day(s) starting on'],
|
|
||||||
intervalDay:['Every','day(s) starting at the','of the month'],
|
|
||||||
specificWeek:'Specific day of week (choose one or many)',
|
|
||||||
specificDay:'Specific day of month (choose one or many)',
|
|
||||||
lastDay:'On the last day of the month',
|
|
||||||
lastWeekday:'On the last weekday of the month',
|
|
||||||
lastWeek:['On the last',' of the month'],
|
|
||||||
beforeEndMonth:['day(s) before the end of the month'],
|
|
||||||
nearestWeekday:['Nearest weekday (Monday to Friday) to the','of the month'],
|
|
||||||
someWeekday:['On the','of the month'],
|
|
||||||
},
|
|
||||||
Week:['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
|
|
||||||
Month:{
|
|
||||||
name:'Month',
|
|
||||||
every:'Every month',
|
|
||||||
interval:['Every','month(s) starting in'],
|
|
||||||
specific:'Specific month (choose one or many)',
|
|
||||||
cycle:['Every month between','and']
|
|
||||||
},
|
|
||||||
Year:{
|
|
||||||
name:'Year',
|
|
||||||
every:'Any year',
|
|
||||||
interval:['Every','year(s) starting in'],
|
|
||||||
specific:'Specific year (choose one or many)',
|
|
||||||
cycle:['Every year between','and']
|
|
||||||
},
|
|
||||||
Save:'Generate',
|
|
||||||
}
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
import en from './en'
|
|
||||||
import cn from './cn'
|
|
||||||
import pt from './pt_br'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
en,
|
|
||||||
cn,
|
|
||||||
pt
|
|
||||||
}
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
export default {
|
|
||||||
Seconds:{
|
|
||||||
name:'Segundos',
|
|
||||||
every:'A cada segundo',
|
|
||||||
interval:['A cada','segundo(s) começando no segundo'],
|
|
||||||
specific:'Segundo específico (escolha um ou muitos)',
|
|
||||||
cycle:['A Cada segundo entre segundos','e segundo']
|
|
||||||
},
|
|
||||||
Minutes:{
|
|
||||||
name:'Minutos',
|
|
||||||
every:'A cada minuto',
|
|
||||||
interval:['A cada','minuto(s) começando no minuto'],
|
|
||||||
specific:'Minuto específico (escolha um ou muitos)',
|
|
||||||
cycle:['A cada minuto entre minutos','e minutos']
|
|
||||||
},
|
|
||||||
Hours:{
|
|
||||||
name:'Horas',
|
|
||||||
every:'A cada hora',
|
|
||||||
interval:['A cada','hora(s) começando na hora'],
|
|
||||||
specific:'Hora específica (escolha uma ou muitas)',
|
|
||||||
cycle:['A cada hora entre horas','e horas']
|
|
||||||
},
|
|
||||||
Day:{
|
|
||||||
name:'Dia',
|
|
||||||
every:'A cada dia',
|
|
||||||
intervalWeek:['A cada','dia(s) começando em'],
|
|
||||||
intervalDay:['A cada','dia(s) começando no','do mês'],
|
|
||||||
specificWeek:'Dia específico da semana (escolha um ou vários)',
|
|
||||||
specificDay:'Dia específico do mês (escolha um ou vários)',
|
|
||||||
lastDay:'No último dia do mês',
|
|
||||||
lastWeekday:'No último dia da semana do mês',
|
|
||||||
lastWeek:['No último',' do mês'],
|
|
||||||
beforeEndMonth:['dia(s) antes do final do mês'],
|
|
||||||
nearestWeekday:['Dia da semana mais próximo (segunda a sexta) ao ','do mês'],
|
|
||||||
someWeekday:['No','do mês'],
|
|
||||||
},
|
|
||||||
Week:['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sábado'],
|
|
||||||
Month:{
|
|
||||||
name:'Mês',
|
|
||||||
every:'A cada mês',
|
|
||||||
interval:['A cada','mês(es) começando em'],
|
|
||||||
specific:'Mês específico (escolha um ou muitos)',
|
|
||||||
cycle:['Todo mês entre','e']
|
|
||||||
},
|
|
||||||
Year:{
|
|
||||||
name:'Ano',
|
|
||||||
every:'Qualquer ano',
|
|
||||||
interval:['A cada','ano(s) começando em'],
|
|
||||||
specific:'Ano específico (escolha um ou muitos)',
|
|
||||||
cycle:['Todo ano entre','e']
|
|
||||||
},
|
|
||||||
Save:'Salvar',
|
|
||||||
Close:'Fechar'
|
|
||||||
}
|
|
||||||
Loading…
x
Reference in New Issue
Block a user