<template>
<div >
<n-modal
:show="props.showCronModal"
preset="card"
style="width: 787px;top:50px"
:show-icon="false"
:segmented="{
content: 'soft',
footer: 'soft',
}"
:headerStyle="{
padding: '10px 10px',
}"
:contentStyle="{
// padding: 0
}"
:mask-closable="false"
@close="close"
>
<n-layout class="v3c" has-sider>
<n-layout-sider style="max-width: 402px; width: 402px">
<n-tabs type="segment" animated>
<!-- 秒 -->
<!-- 分 -->
<n-tab-pane
name="minutes"
class="v3c-content"
:tab="state.text.Minutes.name"
>
<!-- 每一秒 -->
<div>
<label for="minute1">
<input
type="radio"
id="minute1"
value="1"
v-model="state.minute.cronEvery"
/>
{{ state.text.Minutes.every }}
</label>
</div>
<!-- 每隔多久 -->
<div class="mt-20">
<label for="minute2">
<input
type="radio"
id="minute2"
value="2"
v-model="state.minute.cronEvery"
/>
{{ state.text.Minutes.interval[0] }}
<input
type="number"
min="0"
max="59"
v-model="state.minute.incrementStart"
/>
{{ state.text.Minutes.interval[1] || "" }}
<input
type="number"
min="1"
max="60"
v-model="state.minute.incrementIncrement"
/>
{{ state.text.Minutes.interval[2] || "" }}
</label>
</div>
<!-- 具体秒数 -->
<div class="mt-20">
<n-space style="gap: 8px 5px">
<input
type="radio"
id="minute3"
value="3"
v-model="state.minute.cronEvery"
/>
{{ state.text.Minutes.specific }}
<n-select
multiple
clearable
filterable
v-model:value="state.minute.specificSpecific"
:options="optionsFunc('minutes')"
/>
</n-space>
</div>
<!-- 具体秒数 -->
<div class="mt-20">
<label for="minute4">
<input
type="radio"
id="minute4"
value="4"
v-model="state.minute.cronEvery"
/>
{{ state.text.Minutes.cycle[0] }}
<input
type="number"
v-model="state.minute.rangeStart"
min="0"
max="58"
/>
{{ state.text.Minutes.cycle[1] || "" }}
<input
type="number"
v-model="state.minute.rangeEnd"
min="1"
max="59"
/>
{{ state.text.Minutes.cycle[2] || "" }}
</label>
</div>
</n-tab-pane>
<!-- 时 -->
<n-tab-pane
name="hours"
class="v3c-content"
:tab="state.text.Hours.name"
>
<!-- 每一小时 -->
<div>
<label for="hour1">
<input
type="radio"
id="hour1"
value="1"
v-model="state.hour.cronEvery"
/>
{{ state.text.Hours.every }}
</label>
</div>
<!-- 每隔多久小时 -->
<div class="mt-20">
<label for="hour2">
<input
type="radio"
id="hour2"
value="2"
v-model="state.hour.cronEvery"
/>
{{ state.text.Hours.interval[0] }}
<input
type="number"
min="0"
max="23"
v-model="state.hour.incrementStart"
/>
{{ state.text.Hours.interval[1] || "" }}
<input
type="number"
min="1"
max="23"
v-model="state.hour.incrementIncrement"
/>
{{ state.text.Hours.interval[2] || "" }}
</label>
</div>
<!-- 具体小时数 -->
<div class="mt-20">
<n-space style="gap: 8px 5px">
<input
type="radio"
id="hour3"
value="3"
v-model="state.hour.cronEvery"
/>
{{ state.text.Hours.specific }}
<n-select
multiple
clearable
filterable
v-model:value="state.hour.specificSpecific"
:options="optionsFunc('hours')"
/>
</n-space>
</div>
<!-- 周期小时 -->
<div class="mt-20">
<label for="hour4">
<input
type="radio"
id="hour4"
value="4"
v-model="state.hour.cronEvery"
/>
{{ state.text.Hours.cycle[0] }}
<input
type="number"
v-model="state.hour.rangeStart"
min="0"
max="23"
/>
{{ state.text.Hours.cycle[1] || "" }}
<input
type="number"
v-model="state.hour.rangeEnd"
min="1"
max="23"
/>
{{ state.text.Hours.cycle[2] || "" }}
</label>
</div>
</n-tab-pane>
<!-- 天 -->
<n-tab-pane name="day" class="v3c-content" :tab="state.text.Day.name">
<!-- 1 -->
<div>
<label for="day1">
<input
type="radio"
id="day1"
value="1"
v-model="state.day.cronEvery"
/>
{{ state.text.Day.every }}
</label>
</div>
<!-- 2 -->
<div class="mt-20">
<label for="day2">
<input
type="radio"
id="day2"
value="2"
v-model="state.day.cronEvery"
/>
{{ state.text.Day.intervalDay[0] }}
<input
type="number"
v-model="state.day.incrementStart"
min="1"
max="30"
/>
{{ state.text.Day.intervalDay[1] }}
<input
type="number"
v-model="state.day.incrementIncrement"
min="1"
max="30"
/>
{{ state.text.Day.intervalDay[2] }}
</label>
</div>
<!-- 3 -->
<div class="mt-20">
<n-space style="gap: 8px 5px">
<input
type="radio"
id="day3"
value="3"
v-model="state.day.cronEvery"
/>
{{ state.text.Day.specificDay }}
<n-select
multiple
clearable
filterable
v-model:value="state.d
评论6