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