添加前端国际化框架
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-tabs type="border-card">
|
||||
<el-tab-pane v-if="shouldHide('second')" label="秒">
|
||||
<el-tab-pane v-if="shouldHide('second')" :label="$t('Timing.crontab.second')">
|
||||
<CrontabSecond
|
||||
ref="cronsecond"
|
||||
:check="checkNumber"
|
||||
@@ -10,7 +10,7 @@
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane v-if="shouldHide('min')" label="分钟">
|
||||
<el-tab-pane v-if="shouldHide('min')" :label="$t('Timing.crontab.min')">
|
||||
<CrontabMin
|
||||
ref="cronmin"
|
||||
:check="checkNumber"
|
||||
@@ -19,7 +19,7 @@
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane v-if="shouldHide('hour')" label="小时">
|
||||
<el-tab-pane v-if="shouldHide('hour')" :label="$t('Timing.crontab.hour')">
|
||||
<CrontabHour
|
||||
ref="cronhour"
|
||||
:check="checkNumber"
|
||||
@@ -28,7 +28,7 @@
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane v-if="shouldHide('day')" label="日">
|
||||
<el-tab-pane v-if="shouldHide('day')" :label="$t('Timing.crontab.day')">
|
||||
<CrontabDay
|
||||
ref="cronday"
|
||||
:check="checkNumber"
|
||||
@@ -37,7 +37,7 @@
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane v-if="shouldHide('month')" label="月">
|
||||
<el-tab-pane v-if="shouldHide('month')" :label="$t('Timing.crontab.month')">
|
||||
<CrontabMonth
|
||||
ref="cronmonth"
|
||||
:check="checkNumber"
|
||||
@@ -46,7 +46,7 @@
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane v-if="shouldHide('week')" label="周">
|
||||
<el-tab-pane v-if="shouldHide('week')" :label="$t('Timing.crontab.week')">
|
||||
<CrontabWeek
|
||||
ref="cronweek"
|
||||
:check="checkNumber"
|
||||
@@ -55,7 +55,7 @@
|
||||
/>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane v-if="shouldHide('year')" label="年">
|
||||
<el-tab-pane v-if="shouldHide('year')" :label="$t('Timing.crontab.year')">
|
||||
<CrontabYear
|
||||
ref="cronyear"
|
||||
:check="checkNumber"
|
||||
@@ -67,11 +67,11 @@
|
||||
|
||||
<div class="popup-main">
|
||||
<div class="popup-result">
|
||||
<p class="title">时间表达式</p>
|
||||
<p class="title">{{$t('Timing.crontab.title')}}</p>
|
||||
<table>
|
||||
<thead>
|
||||
<th v-for="item of tabTitles" :key="item" width="40">{{ item }}</th>
|
||||
<th>Cron 表达式</th>
|
||||
<th>{{$t('Timing.crontab.cron')}}</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<td>
|
||||
@@ -104,9 +104,9 @@
|
||||
<CrontabResult :ex="crontabValueString" />
|
||||
|
||||
<div class="pop_btn">
|
||||
<el-button size="small" type="primary" @click="submitFill">确定</el-button>
|
||||
<el-button size="small" type="warning" @click="clearCron">重置</el-button>
|
||||
<el-button size="small" @click="hidePopup">取消</el-button>
|
||||
<el-button size="small" type="primary" @click="submitFill">{{$t('auto.common.Confirm')}}</el-button>
|
||||
<el-button size="small" type="warning" @click="clearCron">{{$t('auto.common.Reset')}}</el-button>
|
||||
<el-button size="small" @click="hidePopup">{{$t('auto.common.Cancel')}}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -121,6 +121,7 @@ import CrontabMonth from './month.vue'
|
||||
import CrontabWeek from './week.vue'
|
||||
import CrontabYear from './year.vue'
|
||||
import CrontabResult from './result.vue'
|
||||
import i18n from "@/i18n";
|
||||
|
||||
export default {
|
||||
name: 'Crontab',
|
||||
@@ -137,7 +138,7 @@ export default {
|
||||
props: ['expression', 'hideComponent'],
|
||||
data() {
|
||||
return {
|
||||
tabTitles: ['秒', '分钟', '小时', '日', '月', '周', '年'],
|
||||
tabTitles: [i18n.t('Timing.crontab.second'), i18n.t('Timing.crontab.min'), i18n.t('Timing.crontab.hour'), i18n.t('Timing.crontab.day'), i18n.t('Timing.crontab.month'), i18n.t('Timing.crontab.week'), i18n.t('Timing.crontab.year')],
|
||||
tabActive: 0,
|
||||
myindex: 0,
|
||||
crontabValueObj: {
|
||||
|
||||
@@ -2,49 +2,49 @@
|
||||
<el-form size="small">
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="1">
|
||||
日,允许的通配符[, - * ? / L W]
|
||||
{{$t('Timing.day.radio1')}}[, - * ? / L W]
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="2">
|
||||
不指定
|
||||
{{$t('Timing.day.radio2')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="3">
|
||||
周期从
|
||||
{{$t('Timing.day.radio3_1')}}
|
||||
<el-input-number v-model="cycle01" :min="1" :max="30" /> -
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 2" :max="31" /> 日
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 2" :max="31" /> {{$t('Timing.day.radio3_2')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="4">
|
||||
从
|
||||
<el-input-number v-model="average01" :min="1" :max="30" /> 号开始,每
|
||||
<el-input-number v-model="average02" :min="1" :max="31 - average01 || 1" /> 日执行一次
|
||||
{{$t('Timing.day.radio4_1')}}
|
||||
<el-input-number v-model="average01" :min="1" :max="30" /> {{$t('Timing.day.radio4_2')}}
|
||||
<el-input-number v-model="average02" :min="1" :max="31 - average01 || 1" /> {{$t('Timing.day.radio4_3')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="5">
|
||||
每月
|
||||
<el-input-number v-model="workday" :min="1" :max="31" /> 号最近的那个工作日
|
||||
{{$t('Timing.day.radio5_1')}}
|
||||
<el-input-number v-model="workday" :min="1" :max="31" /> {{$t('Timing.day.radio5_2')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="6">
|
||||
本月最后一天
|
||||
{{$t('Timing.day.radio6')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="7">
|
||||
指定
|
||||
<el-select v-model="checkboxList" clearable placeholder="可多选" multiple style="width:100%">
|
||||
{{$t('Timing.day.radio7_1')}}
|
||||
<el-select v-model="checkboxList" clearable :placeholder="$t('Timing.day.radio7_2')" multiple style="width:100%">
|
||||
<el-option v-for="item in 31" :key="item" :value="item">{{ item }}</el-option>
|
||||
</el-select>
|
||||
</el-radio>
|
||||
|
||||
@@ -2,30 +2,30 @@
|
||||
<el-form size="small">
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="1">
|
||||
小时,允许的通配符[, - * /]
|
||||
{{$t('Timing.hour.radio1')}}[, - * /]
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="2">
|
||||
周期从
|
||||
{{$t('Timing.hour.radio2_1')}}
|
||||
<el-input-number v-model="cycle01" :min="0" :max="22" /> -
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="23" /> 小时
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="23" /> {{$t('Timing.hour.radio2_2')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="3">
|
||||
从
|
||||
<el-input-number v-model="average01" :min="0" :max="22" /> 小时开始,每
|
||||
<el-input-number v-model="average02" :min="1" :max="23 - average01 || 0" /> 小时执行一次
|
||||
{{$t('Timing.hour.radio3_1')}}
|
||||
<el-input-number v-model="average01" :min="0" :max="22" /> {{$t('Timing.hour.radio3_2')}}
|
||||
<el-input-number v-model="average02" :min="1" :max="23 - average01 || 0" /> {{$t('Timing.hour.radio3_3')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="4">
|
||||
指定
|
||||
<el-select v-model="checkboxList" clearable placeholder="可多选" multiple style="width:100%">
|
||||
{{$t('Timing.hour.radio4_1')}}
|
||||
<el-select v-model="checkboxList" clearable :placeholder="$t('Timing.hour.radio4_2')" multiple style="width:100%">
|
||||
<el-option v-for="item in 24" :key="item" :value="item-1">{{ item-1 }}</el-option>
|
||||
</el-select>
|
||||
</el-radio>
|
||||
|
||||
@@ -2,30 +2,30 @@
|
||||
<el-form size="small">
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="1">
|
||||
分钟,允许的通配符[, - * /]
|
||||
{{$t('Timing.min.radio1')}}[, - * /]
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="2">
|
||||
周期从
|
||||
{{$t('Timing.min.radio2_1')}}
|
||||
<el-input-number v-model="cycle01" :min="0" :max="58" /> -
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 分钟
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> {{$t('Timing.min.radio2_2')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="3">
|
||||
从
|
||||
<el-input-number v-model="average01" :min="0" :max="58" /> 分钟开始,每
|
||||
<el-input-number v-model="average02" :min="1" :max="59 - average01 || 0" /> 分钟执行一次
|
||||
{{$t('Timing.min.radio3_1')}}
|
||||
<el-input-number v-model="average01" :min="0" :max="58" /> {{$t('Timing.min.radio3_2')}}
|
||||
<el-input-number v-model="average02" :min="1" :max="59 - average01 || 0" /> {{$t('Timing.min.radio3_3')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="4">
|
||||
指定
|
||||
<el-select v-model="checkboxList" clearable placeholder="可多选" multiple style="width:100%">
|
||||
{{$t('Timing.min.radio4_1')}}
|
||||
<el-select v-model="checkboxList" clearable :placeholder="$t('Timing.min.radio4_2')" multiple style="width:100%">
|
||||
<el-option v-for="item in 60" :key="item" :value="item-1">{{ item-1 }}</el-option>
|
||||
</el-select>
|
||||
</el-radio>
|
||||
|
||||
@@ -2,30 +2,30 @@
|
||||
<el-form size="small">
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="1">
|
||||
月,允许的通配符[, - * /]
|
||||
{{$t('Timing.month.radio1')}}[, - * /]
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="2">
|
||||
周期从
|
||||
{{$t('Timing.month.radio2_1')}}
|
||||
<el-input-number v-model="cycle01" :min="1" :max="11" /> -
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 2" :max="12" /> 月
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 2" :max="12" /> {{$t('Timing.month.radio2_2')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="3">
|
||||
从
|
||||
<el-input-number v-model="average01" :min="1" :max="11" /> 月开始,每
|
||||
<el-input-number v-model="average02" :min="1" :max="12 - average01 || 0" /> 月月执行一次
|
||||
{{$t('Timing.month.radio3_1')}}
|
||||
<el-input-number v-model="average01" :min="1" :max="11" /> {{$t('Timing.month.radio3_2')}}
|
||||
<el-input-number v-model="average02" :min="1" :max="12 - average01 || 0" /> {{$t('Timing.month.radio3_3')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="4">
|
||||
指定
|
||||
<el-select v-model="checkboxList" clearable placeholder="可多选" multiple style="width:100%">
|
||||
{{$t('Timing.month.radio4_1')}}
|
||||
<el-select v-model="checkboxList" clearable :placeholder="$t('Timing.month.radio4_2')" multiple style="width:100%">
|
||||
<el-option v-for="item in 12" :key="item" :value="item">{{ item }}</el-option>
|
||||
</el-select>
|
||||
</el-radio>
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
<template>
|
||||
<div class="popup-result">
|
||||
<p class="title">最近5次运行时间</p>
|
||||
<p class="title">{{$t('Timing.result.title')}}</p>
|
||||
<ul class="popup-result-scroll">
|
||||
<template v-if="isShow">
|
||||
<li v-for="item in resultList" :key="item">{{ item }}</li>
|
||||
</template>
|
||||
<li v-else>计算结果中...</li>
|
||||
<li v-else>{{$t('Timing.result.resultMsg')}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
@@ -271,7 +271,7 @@ export default {
|
||||
continue
|
||||
}
|
||||
// 循环"分"数组
|
||||
goMin: for (let mi = mIdx; mi < mDate.length; mi++) {
|
||||
for (let mi = mIdx; mi < mDate.length; mi++) {
|
||||
const mm = mDate[mi] < 10 ? '0' + mDate[mi] : mDate[mi]
|
||||
|
||||
// 如果到达最大值时
|
||||
|
||||
@@ -2,30 +2,30 @@
|
||||
<el-form size="small">
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="1">
|
||||
秒,允许的通配符[, - * /]
|
||||
{{$t('Timing.second.radio1')}}[, - * /]
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="2">
|
||||
周期从
|
||||
{{$t('Timing.second.radio2_1')}}
|
||||
<el-input-number v-model="cycle01" :min="0" :max="58" /> -
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 秒
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> {{$t('Timing.second.radio2_2')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="3">
|
||||
从
|
||||
<el-input-number v-model="average01" :min="0" :max="58" /> 秒开始,每
|
||||
<el-input-number v-model="average02" :min="1" :max="59 - average01 || 0" /> 秒执行一次
|
||||
{{$t('Timing.second.radio3_1')}}
|
||||
<el-input-number v-model="average01" :min="0" :max="58" /> {{$t('Timing.second.radio3_2')}}
|
||||
<el-input-number v-model="average02" :min="1" :max="59 - average01 || 0" /> {{$t('Timing.second.radio3_3')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="4">
|
||||
指定
|
||||
<el-select v-model="checkboxList" clearable placeholder="可多选" multiple style="width:100%">
|
||||
{{$t('Timing.second.radio4_1')}}
|
||||
<el-select v-model="checkboxList" clearable :placeholder="$t('Timing.second.radio4_2')" multiple style="width:100%">
|
||||
<el-option v-for="item in 60" :key="item" :value="item-1">{{ item-1 }}</el-option>
|
||||
</el-select>
|
||||
</el-radio>
|
||||
|
||||
@@ -2,19 +2,19 @@
|
||||
<el-form size="small">
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="1">
|
||||
周,允许的通配符[, - * ? / L #]
|
||||
{{$t('Timing.week.radio1')}}[, - * ? / L #]
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="2">
|
||||
不指定
|
||||
{{$t('Timing.week.radio2')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="3">
|
||||
周期从星期
|
||||
{{$t('Timing.week.radio3')}}
|
||||
<el-select v-model="cycle01" clearable>
|
||||
<el-option
|
||||
v-for="(item,index) of weekList"
|
||||
@@ -39,8 +39,8 @@
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="4">
|
||||
第
|
||||
<el-input-number v-model="average01" :min="1" :max="4" /> 周的星期
|
||||
{{$t('Timing.week.radio4_1')}}
|
||||
<el-input-number v-model="average01" :min="1" :max="4" /> {{$t('Timing.week.radio4_2')}}
|
||||
<el-select v-model="average02" clearable>
|
||||
<el-option v-for="(item,index) of weekList" :key="index" :label="item.value" :value="item.key">{{ item.value }}</el-option>
|
||||
</el-select>
|
||||
@@ -49,7 +49,7 @@
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="5">
|
||||
本月最后一个星期
|
||||
{{$t('Timing.week.radio5_1')}}
|
||||
<el-select v-model="weekday" clearable>
|
||||
<el-option v-for="(item,index) of weekList" :key="index" :label="item.value" :value="item.key">{{ item.value }}</el-option>
|
||||
</el-select>
|
||||
@@ -58,8 +58,8 @@
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="6">
|
||||
指定
|
||||
<el-select v-model="checkboxList" clearable placeholder="可多选" multiple style="width:100%">
|
||||
{{$t('Timing.week.radio6_1')}}
|
||||
<el-select v-model="checkboxList" clearable :placeholder="$t('Timing.week.radio6_2')" 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>
|
||||
@@ -69,6 +69,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import i18n from "@/i18n";
|
||||
|
||||
export default {
|
||||
name: 'CrontabWeek',
|
||||
props: ['check', 'cron'],
|
||||
@@ -84,31 +86,31 @@ export default {
|
||||
weekList: [
|
||||
{
|
||||
key: 2,
|
||||
value: '星期一'
|
||||
value: i18n.t('Timing.week.Monday')
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
value: '星期二'
|
||||
value: i18n.t('Timing.week.Tuesday')
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
value: '星期三'
|
||||
value: i18n.t('Timing.week.Wednesday')
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
value: '星期四'
|
||||
value: i18n.t('Timing.week.Thursday')
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
value: '星期五'
|
||||
value: i18n.t('Timing.week.Friday')
|
||||
},
|
||||
{
|
||||
key: 7,
|
||||
value: '星期六'
|
||||
value: i18n.t('Timing.week.Saturday')
|
||||
},
|
||||
{
|
||||
key: 1,
|
||||
value: '星期日'
|
||||
value: i18n.t('Timing.week.Sunday')
|
||||
}
|
||||
],
|
||||
checkNum: this.$options.propsData.check
|
||||
|
||||
@@ -2,19 +2,19 @@
|
||||
<el-form size="small">
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="1">
|
||||
不填,允许的通配符[, - * /]
|
||||
{{$t('Timing.year.radio1')}}[, - * /]
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="2">
|
||||
每年
|
||||
{{$t('Timing.year.radio2')}}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="3">
|
||||
周期从
|
||||
{{$t('Timing.year.radio3')}}
|
||||
<el-input-number v-model="cycle01" :min="fullYear" :max="2098" /> -
|
||||
<el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : fullYear + 1" :max="2099" />
|
||||
</el-radio>
|
||||
@@ -22,17 +22,17 @@
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="4">
|
||||
从
|
||||
<el-input-number v-model="average01" :min="fullYear" :max="2098" /> 年开始,每
|
||||
<el-input-number v-model="average02" :min="1" :max="2099 - average01 || fullYear" /> 年执行一次
|
||||
{{$t('Timing.year.radio4_1')}}
|
||||
<el-input-number v-model="average01" :min="fullYear" :max="2098" /> {{$t('Timing.year.radio4_2')}}
|
||||
<el-input-number v-model="average02" :min="1" :max="2099 - average01 || fullYear" /> {{$t('Timing.year.radio4_3')}}
|
||||
</el-radio>
|
||||
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio v-model="radioValue" :label="5">
|
||||
指定
|
||||
<el-select v-model="checkboxList" clearable placeholder="可多选" multiple>
|
||||
{{$t('Timing.year.radio5_1')}}
|
||||
<el-select v-model="checkboxList" clearable :placeholder="$t('Timing.year.radio5_2')" multiple>
|
||||
<el-option v-for="item in 9" :key="item" :value="item - 1 + fullYear" :label="item -1 + fullYear" />
|
||||
</el-select>
|
||||
</el-radio>
|
||||
@@ -110,19 +110,19 @@ export default {
|
||||
},
|
||||
// 周期两个值变化时
|
||||
cycleChange() {
|
||||
if (this.radioValue == '3') {
|
||||
if (this.radioValue === '3') {
|
||||
this.$emit('update', 'year', this.cycleTotal)
|
||||
}
|
||||
},
|
||||
// 平均两个值变化时
|
||||
averageChange() {
|
||||
if (this.radioValue == '4') {
|
||||
if (this.radioValue === '4') {
|
||||
this.$emit('update', 'year', this.averageTotal)
|
||||
}
|
||||
},
|
||||
// checkbox值变化时
|
||||
checkboxChange() {
|
||||
if (this.radioValue == '5') {
|
||||
if (this.radioValue === '5') {
|
||||
this.$emit('update', 'year', this.checkboxString)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
v-model="query.job_name"
|
||||
clearable
|
||||
size="mini"
|
||||
placeholder="输入任务名称搜索"
|
||||
:placeholder="$t('Timing.msg.select_msg')"
|
||||
style="width: 200px;"
|
||||
class="filter-item"
|
||||
@keyup.enter.native="toQuery"
|
||||
@@ -24,7 +24,7 @@
|
||||
type="info"
|
||||
icon="el-icon-tickets"
|
||||
@click="doLog"
|
||||
>日志
|
||||
>{{ $t('Timing.DB.log') }}
|
||||
</el-button>
|
||||
</crudOperation>
|
||||
<Log ref="log" />
|
||||
@@ -39,60 +39,57 @@
|
||||
width="730px"
|
||||
>
|
||||
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="mini" label-width="100px">
|
||||
<el-form-item label="任务名称" prop="job_name">
|
||||
<el-form-item :label="$t('Timing.DB.job_name')" prop="job_name">
|
||||
<el-input v-model="form.job_name" style="width: 220px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="任务描述" prop="description">
|
||||
<el-form-item :label="$t('Timing.DB.description')" prop="description">
|
||||
<el-input v-model="form.description" style="width: 220px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="Bean名称" prop="bean_name">
|
||||
<el-form-item :label="$t('Timing.DB.bean_name')" prop="bean_name">
|
||||
<el-input v-model="form.bean_name" style="width: 220px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="执行方法" prop="method_name">
|
||||
<el-form-item :label="$t('Timing.DB.method_name')" prop="method_name">
|
||||
<el-input v-model="form.method_name" style="width: 220px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="Cron表达式" prop="cron_expression">
|
||||
<el-form-item :label="$t('Timing.DB.cron_expression')" prop="cron_expression">
|
||||
<!-- <el-input v-model="form.cron_expression" style="width: 220px;" />-->
|
||||
<el-input v-model="form.cron_expression" placeholder="请输入CRON 表达式" style="width: 220px;">
|
||||
<el-input v-model="form.cron_expression" :placeholder="$t('Timing.DB.please_enter_cron_expression')" style="width: 220px;">
|
||||
<template slot="append">
|
||||
<el-button type="primary" @click="handleShowCron">
|
||||
生成表达式
|
||||
{{ $t('Timing.DB.Generate_expressions') }}
|
||||
<i class="el-icon-time el-icon--right" />
|
||||
</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="子任务ID">
|
||||
<el-form-item :label="$t('Timing.DB.job_id')">
|
||||
<el-input v-model="form.sub_task" placeholder="多个用逗号隔开,按顺序执行" style="width: 220px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="任务负责人" prop="person_in_charge">
|
||||
<el-form-item :label="$t('Timing.DB.Leader')" prop="person_in_charge">
|
||||
<el-input v-model="form.person_in_charge" style="width: 220px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="告警邮箱" prop="email">
|
||||
<el-input v-model="form.email" placeholder="多个邮箱用逗号隔开" style="width: 220px;" />
|
||||
<el-form-item :label="$t('Timing.DB.Alarm_mailbox')" prop="email">
|
||||
<el-input v-model="form.email" :placeholder="$t('Timing.DB.spilt2')" style="width: 220px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="调度IP" prop="email">
|
||||
<el-input v-model="form.job_ip" placeholder="执行定时器的ip地址" style="width: 220px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="失败后暂停">
|
||||
<el-form-item :label="$t('Timing.DB.Whether_pause')">
|
||||
<el-radio-group v-model="form.pause_after_failure" style="width: 220px">
|
||||
<el-radio :label="true">是</el-radio>
|
||||
<el-radio :label="false">否</el-radio>
|
||||
<el-radio :label="true">{{ $t('auto.common.true') }}</el-radio>
|
||||
<el-radio :label="false">{{ $t('auto.common.false') }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="任务状态">
|
||||
<el-form-item :label="$t('Timing.DB.thread_state')">
|
||||
<el-radio-group v-model="form.is_pause" style="width: 220px">
|
||||
<el-radio :label="false">启用</el-radio>
|
||||
<el-radio :label="true">暂停</el-radio>
|
||||
<el-radio :label="false">{{ $t('auto.common.firing') }}</el-radio>
|
||||
<el-radio :label="true">{{ $t('auto.common.stop') }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="参数内容">
|
||||
<el-form-item :label="$t('Timing.DB.Parameter_content')">
|
||||
<el-input v-model="form.params" style="width: 556px;" rows="4" type="textarea" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="text" @click="crud.cancelCU">取消</el-button>
|
||||
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
|
||||
<el-button type="text" @click="crud.cancelCU">{{ $t('auto.common.Cancel') }}</el-button>
|
||||
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">{{ $t('auto.common.Confirm') }}</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--表格渲染-->
|
||||
@@ -104,36 +101,35 @@
|
||||
@selection-change="crud.selectionChangeHandler"
|
||||
>
|
||||
<el-table-column :selectable="checkboxT" type="selection" width="55" />
|
||||
<el-table-column show-overflow-tooltip prop="job_id" label="任务ID" />
|
||||
<el-table-column show-overflow-tooltip prop="job_name" label="任务名称" min-width="120" />
|
||||
<el-table-column show-overflow-tooltip prop="bean_name" label="Bean名称" />
|
||||
<el-table-column show-overflow-tooltip prop="job_ip" label="调度IP" />
|
||||
<el-table-column show-overflow-tooltip prop="method_name" label="执行方法" />
|
||||
<el-table-column show-overflow-tooltip prop="params" label="参数" />
|
||||
<el-table-column show-overflow-tooltip prop="job_id" :label="$t('Timing.DB.job_id')" />
|
||||
<el-table-column show-overflow-tooltip prop="job_name" :label="$t('Timing.DB.job_name')" min-width="120" />
|
||||
<el-table-column show-overflow-tooltip prop="bean_name" :label="$t('Timing.DB.bean_name')" />
|
||||
<el-table-column show-overflow-tooltip prop="method_name" :label="$t('Timing.DB.method_name')" />
|
||||
<el-table-column show-overflow-tooltip prop="params" :label="$t('Timing.DB.params')" />
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="cron_expression"
|
||||
label="cron表达式"
|
||||
:label="$t('Timing.DB.cron_expression')"
|
||||
min-width="100"
|
||||
show-tooltip-when-overflow
|
||||
/>
|
||||
<el-table-column show-overflow-tooltip prop="is_pause" width="90px" label="状态">
|
||||
<el-table-column show-overflow-tooltip prop="is_pause" width="90px" :label="$t('Timing.DB.is_pause')">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.is_pause ? 'warning' : 'success'">{{
|
||||
scope.row.is_pause ? '已暂停' : '运行中'
|
||||
scope.row.is_pause ? $t('auto.common.Paused') : $t('auto.common.Running')
|
||||
}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip prop="description" width="150px" label="描述" />
|
||||
<el-table-column show-overflow-tooltip prop="create_time" width="136px" label="创建日期">
|
||||
<el-table-column show-overflow-tooltip prop="description" width="150px" :label="$t('Timing.DB.description')" />
|
||||
<el-table-column show-overflow-tooltip prop="create_time" width="136px" :label="$t('Timing.DB.create_time')">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.create_time) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-permission="['admin','timing:edit','timing:del']"
|
||||
label="操作"
|
||||
:label="$t('auto.common.Operate')"
|
||||
width="170px"
|
||||
align="center"
|
||||
fixed="right"
|
||||
@@ -145,7 +141,7 @@
|
||||
style="margin-right: 3px;"
|
||||
type="text"
|
||||
@click="crud.toEdit(scope.row)"
|
||||
>编辑
|
||||
>{{ $t('Timing.DB.edit') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
v-permission="['admin','timing:edit']"
|
||||
@@ -153,16 +149,16 @@
|
||||
type="text"
|
||||
size="mini"
|
||||
@click="execute(scope.row.job_id)"
|
||||
>执行
|
||||
>{{ $t('Timing.DB.execute') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
v-permission="['admin','timing:edit']"
|
||||
style="margin-left: 3px"
|
||||
type="text"
|
||||
size="mini"
|
||||
@click="updateStatus(scope.row.job_id,scope.row.is_pause ? '恢复' : '暂停')"
|
||||
@click="updateStatus(scope.row.job_id,scope.row.is_pause ? $t('Timing.DB.restore') : $t('Timing.DB.suspend'))"
|
||||
>
|
||||
{{ scope.row.is_pause ? '恢复' : '暂停' }}
|
||||
{{ scope.row.is_pause ? $t('Timing.DB.restore') : $t('Timing.DB.suspend') }}
|
||||
</el-button>
|
||||
<el-popover
|
||||
:ref="scope.row.job_id"
|
||||
@@ -170,20 +166,20 @@
|
||||
placement="top"
|
||||
width="200"
|
||||
>
|
||||
<p>确定停止并删除该任务吗?</p>
|
||||
<p>{{ $t('Timing.DB.delete_msg') }}</p>
|
||||
<div style="text-align: right; margin: 0">
|
||||
<el-button size="mini" type="text" @click="$refs[scope.row.job_id].doClose()">取消</el-button>
|
||||
<el-button :loading="delLoading" type="primary" size="mini" @click="delMethod(scope.row.job_id)">确定
|
||||
<el-button size="mini" type="text" @click="$refs[scope.row.job_id].doClose()">{{ $t('auto.common.Cancel') }}</el-button>
|
||||
<el-button :loading="delLoading" type="primary" size="mini" @click="delMethod(scope.row.job_id)">{{ $t('auto.common.determine') }}
|
||||
</el-button>
|
||||
</div>
|
||||
<el-button slot="reference" type="text" size="mini">删除</el-button>
|
||||
<el-button slot="reference" type="text" size="mini">{{ $t('auto.common.Cancel') }}</el-button>
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--分页组件-->
|
||||
<pagination />
|
||||
<el-dialog title="Cron表达式生成器" :visible.sync="openCron" append-to-body class="scrollbar" destroy-on-close>
|
||||
<el-dialog :title="$t('Timing.table_title.cron')" :visible.sync="openCron" append-to-body class="scrollbar" destroy-on-close>
|
||||
<crontab :expression="expression" @hide="openCron=false" @fill="crontabFill" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
@@ -197,6 +193,7 @@ import rrOperation from '@crud/RR.operation'
|
||||
import crudOperation from '@crud/CRUD.operation'
|
||||
import pagination from '@crud/Pagination'
|
||||
import Crontab from './components/crontab'
|
||||
import i18n from "@/i18n";
|
||||
|
||||
const defaultForm = {
|
||||
job_id: null,
|
||||
@@ -210,14 +207,13 @@ const defaultForm = {
|
||||
person_in_charge: null,
|
||||
email: null,
|
||||
sub_task: null,
|
||||
job_ip: null,
|
||||
pause_after_failure: true
|
||||
}
|
||||
export default {
|
||||
name: 'Timing',
|
||||
components: { Log, pagination, crudOperation, rrOperation, Crontab },
|
||||
cruds() {
|
||||
return CRUD({ title: '定时任务', idField: 'job_id', url: 'api/jobs', crudMethod: { ...crudJob }})
|
||||
return CRUD({ title: i18n.t('Timing.table_title.title'), idField: 'job_id', url: 'api/jobs', crudMethod: { ...crudJob }})
|
||||
},
|
||||
mixins: [presenter(), header(), form(defaultForm), crud()],
|
||||
data() {
|
||||
@@ -230,22 +226,22 @@ export default {
|
||||
},
|
||||
rules: {
|
||||
job_name: [
|
||||
{ required: true, message: '请输入任务名称', trigger: 'blur' }
|
||||
{ required: true, message: this.$t('Timing.rules.job_name'), trigger: 'blur' }
|
||||
],
|
||||
description: [
|
||||
{ required: true, message: '请输入任务描述', trigger: 'blur' }
|
||||
{ required: true, message: this.$t('Timing.rules.description'), trigger: 'blur' }
|
||||
],
|
||||
bean_name: [
|
||||
{ required: true, message: '请输入Bean名称', trigger: 'blur' }
|
||||
{ required: true, message: this.$t('Timing.rules.bean_name'), trigger: 'blur' }
|
||||
],
|
||||
method_name: [
|
||||
{ required: true, message: '请输入方法名称', trigger: 'blur' }
|
||||
{ required: true, message: this.$t('Timing.rules.method_name'), trigger: 'blur' }
|
||||
],
|
||||
cron_expression: [
|
||||
{ required: true, message: '请输入Cron表达式', trigger: 'blur' }
|
||||
{ required: true, message: this.$t('Timing.rules.cron_expression'), trigger: 'blur' }
|
||||
],
|
||||
person_in_charge: [
|
||||
{ required: true, message: '请输入负责人名称', trigger: 'blur' }
|
||||
{ required: true, message: this.$t('Timing.rules.person_in_charge'), trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
// 是否显示Cron表达式弹出层
|
||||
@@ -258,19 +254,19 @@ export default {
|
||||
// 执行
|
||||
execute(id) {
|
||||
crudJob.execution(id).then(res => {
|
||||
this.crud.notify('执行成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
|
||||
this.crud.notify(i18n.t('Timing.msg.execute_msg'), CRUD.NOTIFICATION_TYPE.SUCCESS)
|
||||
}).catch(err => {
|
||||
console.log(err.response.data.message)
|
||||
})
|
||||
},
|
||||
// 改变状态
|
||||
updateStatus(id, status) {
|
||||
if (status === '恢复') {
|
||||
if (status === i18n.t('Timing.msg.restore')) {
|
||||
this.updateParams(id)
|
||||
}
|
||||
crudJob.updateIsPause(id).then(res => {
|
||||
this.crud.toQuery()
|
||||
this.crud.notify(status + '成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
|
||||
this.crud.notify(status + i18n.t('Timing.msg.succeed'), CRUD.NOTIFICATION_TYPE.SUCCESS)
|
||||
}).catch(err => {
|
||||
console.log(err.response.data.message)
|
||||
})
|
||||
|
||||
@@ -87,11 +87,11 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.java.hljs{
|
||||
color: #444;
|
||||
background: #ffffff !important;
|
||||
}
|
||||
::v-deep .el-dialog__body{
|
||||
padding: 0 20px 10px 20px !important;
|
||||
}
|
||||
.java.hljs{
|
||||
color: #444;
|
||||
background: #ffffff !important;
|
||||
}
|
||||
::v-deep .el-dialog__body{
|
||||
padding: 0 20px 10px 20px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user