This commit is contained in:
parent
0c7237eb66
commit
834eb1007e
|
|
@ -12,6 +12,7 @@
|
||||||
class="period-btn"
|
class="period-btn"
|
||||||
>
|
>
|
||||||
{{ period.label }}
|
{{ period.label }}
|
||||||
|
<span v-if="period.value === 'hour'"> 0-23 </span>
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -19,34 +20,12 @@
|
||||||
<!-- 时间输入区域 -->
|
<!-- 时间输入区域 -->
|
||||||
<div class="time-input-section" v-if="showTimeInputs">
|
<div class="time-input-section" v-if="showTimeInputs">
|
||||||
<div class="time-inputs">
|
<div class="time-inputs">
|
||||||
<div class="time-input-item" v-if="showSecond">
|
<div class="time-input-item" v-if="showMonth">
|
||||||
<label>秒</label>
|
<label>月份</label>
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="timeValues.second"
|
v-model="timeValues.month"
|
||||||
:min="0"
|
:min="1"
|
||||||
:max="59"
|
:max="12"
|
||||||
:controls="false"
|
|
||||||
size="default"
|
|
||||||
class="time-input"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="time-input-item" v-if="showMinute">
|
|
||||||
<label>分钟</label>
|
|
||||||
<el-input-number
|
|
||||||
v-model="timeValues.minute"
|
|
||||||
:min="0"
|
|
||||||
:max="59"
|
|
||||||
:controls="false"
|
|
||||||
size="default"
|
|
||||||
class="time-input"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="time-input-item" v-if="showHour">
|
|
||||||
<label>小时(0-23)</label>
|
|
||||||
<el-input-number
|
|
||||||
v-model="timeValues.hour"
|
|
||||||
:min="0"
|
|
||||||
:max="23"
|
|
||||||
:controls="false"
|
:controls="false"
|
||||||
size="default"
|
size="default"
|
||||||
class="time-input"
|
class="time-input"
|
||||||
|
|
@ -63,12 +42,34 @@
|
||||||
class="time-input"
|
class="time-input"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="time-input-item" v-if="showMonth">
|
<div class="time-input-item" v-if="showHour">
|
||||||
<label>月份</label>
|
<label>小时(0-23)</label>
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="timeValues.month"
|
v-model="timeValues.hour"
|
||||||
:min="1"
|
:min="0"
|
||||||
:max="12"
|
:max="23"
|
||||||
|
:controls="false"
|
||||||
|
size="default"
|
||||||
|
class="time-input"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="time-input-item" v-if="showMinute">
|
||||||
|
<label>分钟</label>
|
||||||
|
<el-input-number
|
||||||
|
v-model="timeValues.minute"
|
||||||
|
:min="0"
|
||||||
|
:max="59"
|
||||||
|
:controls="false"
|
||||||
|
size="default"
|
||||||
|
class="time-input"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="time-input-item" v-if="showSecond">
|
||||||
|
<label>秒</label>
|
||||||
|
<el-input-number
|
||||||
|
v-model="timeValues.second"
|
||||||
|
:min="0"
|
||||||
|
:max="59"
|
||||||
:controls="false"
|
:controls="false"
|
||||||
size="default"
|
size="default"
|
||||||
class="time-input"
|
class="time-input"
|
||||||
|
|
@ -94,10 +95,10 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Cron表达式显示 -->
|
<!-- Cron表达式显示 -->
|
||||||
<div class="cron-result-section">
|
<!-- <div class="cron-result-section">
|
||||||
<div class="result-title">时间表达式</div>
|
<div class="result-title">时间表达式</div>
|
||||||
<div class="cron-expression">{{ crontabValueString }}</div>
|
<div class="cron-expression">{{ crontabValueString }}</div>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
<!-- 最近5次运行时间 -->
|
<!-- 最近5次运行时间 -->
|
||||||
<CrontabResult :ex="crontabValueString"></CrontabResult>
|
<CrontabResult :ex="crontabValueString"></CrontabResult>
|
||||||
|
|
@ -130,13 +131,13 @@ const props = defineProps({
|
||||||
|
|
||||||
// 周期选项
|
// 周期选项
|
||||||
const periodOptions = [
|
const periodOptions = [
|
||||||
{ label: '每秒', value: 'second' },
|
|
||||||
{ label: '每分钟', value: 'minute' },
|
|
||||||
{ label: '每小时', value: 'hour' },
|
|
||||||
{ label: '每天', value: 'day' },
|
|
||||||
{ label: '每周', value: 'week' },
|
|
||||||
{ label: '每月', value: 'month' },
|
|
||||||
{ label: '每年', value: 'year' },
|
{ label: '每年', value: 'year' },
|
||||||
|
{ label: '每月', value: 'month' },
|
||||||
|
{ label: '每周', value: 'week' },
|
||||||
|
{ label: '每天', value: 'day' },
|
||||||
|
{ label: '每小时', value: 'hour' },
|
||||||
|
{ label: '每分钟', value: 'minute' },
|
||||||
|
{ label: '每秒', value: 'second' },
|
||||||
]
|
]
|
||||||
|
|
||||||
// 星期选项
|
// 星期选项
|
||||||
|
|
|
||||||
|
|
@ -58,7 +58,7 @@
|
||||||
v-if="!isDetail"
|
v-if="!isDetail"
|
||||||
@click="handleShowCron"
|
@click="handleShowCron"
|
||||||
>
|
>
|
||||||
生成表达式
|
循环方式配置
|
||||||
<el-icon class="el-icon--right"><Clock /></el-icon>
|
<el-icon class="el-icon--right"><Clock /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue