This commit is contained in:
BianLzhaoMin 2026-02-05 11:33:27 +08:00
parent 0c7237eb66
commit 834eb1007e
2 changed files with 42 additions and 41 deletions

View File

@ -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' },
] ]
// //

View File

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