添加前端国际化框架

This commit is contained in:
2024-12-18 16:41:06 +08:00
parent 41b9914090
commit 219108b6bd
351 changed files with 25091 additions and 840 deletions

View File

@@ -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: {

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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]
// 如果到达最大值时

View File

@@ -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>

View File

@@ -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

View File

@@ -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)
}
}

View File

@@ -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)
})

View File

@@ -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>