|
@ -2,66 +2,31 @@ |
|
|
<div> |
|
|
<div> |
|
|
<el-tabs type="border-card"> |
|
|
<el-tabs type="border-card"> |
|
|
<el-tab-pane label="秒" v-if="shouldHide('second')"> |
|
|
<el-tab-pane label="秒" v-if="shouldHide('second')"> |
|
|
<CrontabSecond |
|
|
<CrontabSecond @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronsecond" /> |
|
|
@update="updateCrontabValue" |
|
|
|
|
|
:check="checkNumber" |
|
|
|
|
|
:cron="crontabValueObj" |
|
|
|
|
|
ref="cronsecond" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
<el-tab-pane label="分钟" v-if="shouldHide('min')"> |
|
|
<el-tab-pane label="分钟" v-if="shouldHide('min')"> |
|
|
<CrontabMin |
|
|
<CrontabMin @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronmin" /> |
|
|
@update="updateCrontabValue" |
|
|
|
|
|
:check="checkNumber" |
|
|
|
|
|
:cron="crontabValueObj" |
|
|
|
|
|
ref="cronmin" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
<el-tab-pane label="小时" v-if="shouldHide('hour')"> |
|
|
<el-tab-pane label="小时" v-if="shouldHide('hour')"> |
|
|
<CrontabHour |
|
|
<CrontabHour @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronhour" /> |
|
|
@update="updateCrontabValue" |
|
|
|
|
|
:check="checkNumber" |
|
|
|
|
|
:cron="crontabValueObj" |
|
|
|
|
|
ref="cronhour" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
<el-tab-pane label="日" v-if="shouldHide('day')"> |
|
|
<el-tab-pane label="日" v-if="shouldHide('day')"> |
|
|
<CrontabDay |
|
|
<CrontabDay @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronday" /> |
|
|
@update="updateCrontabValue" |
|
|
|
|
|
:check="checkNumber" |
|
|
|
|
|
:cron="crontabValueObj" |
|
|
|
|
|
ref="cronday" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
<el-tab-pane label="月" v-if="shouldHide('month')"> |
|
|
<el-tab-pane label="月" v-if="shouldHide('month')"> |
|
|
<CrontabMonth |
|
|
<CrontabMonth @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronmonth" /> |
|
|
@update="updateCrontabValue" |
|
|
|
|
|
:check="checkNumber" |
|
|
|
|
|
:cron="crontabValueObj" |
|
|
|
|
|
ref="cronmonth" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
<el-tab-pane label="周" v-if="shouldHide('week')"> |
|
|
<el-tab-pane label="周" v-if="shouldHide('week')"> |
|
|
<CrontabWeek |
|
|
<CrontabWeek @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronweek" /> |
|
|
@update="updateCrontabValue" |
|
|
|
|
|
:check="checkNumber" |
|
|
|
|
|
:cron="crontabValueObj" |
|
|
|
|
|
ref="cronweek" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
<el-tab-pane label="年" v-if="shouldHide('year')"> |
|
|
<el-tab-pane label="年" v-if="shouldHide('year')"> |
|
|
<CrontabYear |
|
|
<CrontabYear @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronyear" /> |
|
|
@update="updateCrontabValue" |
|
|
|
|
|
:check="checkNumber" |
|
|
|
|
|
:cron="crontabValueObj" |
|
|
|
|
|
ref="cronyear" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
</el-tabs> |
|
|
</el-tabs> |
|
|
|
|
|
|
|
@ -373,6 +338,7 @@ export default { |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
margin-top: 20px; |
|
|
margin-top: 20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-main { |
|
|
.popup-main { |
|
|
position: relative; |
|
|
position: relative; |
|
|
margin: 10px auto; |
|
|
margin: 10px auto; |
|
@ -381,12 +347,14 @@ export default { |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-title { |
|
|
.popup-title { |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
line-height: 34px; |
|
|
line-height: 34px; |
|
|
padding-top: 6px; |
|
|
padding-top: 6px; |
|
|
background: #f2f2f2; |
|
|
background: #f2f2f2; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-result { |
|
|
.popup-result { |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
line-height: 24px; |
|
|
line-height: 24px; |
|
@ -395,6 +363,7 @@ export default { |
|
|
border: 1px solid #ccc; |
|
|
border: 1px solid #ccc; |
|
|
position: relative; |
|
|
position: relative; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-result .title { |
|
|
.popup-result .title { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: -28px; |
|
|
top: -28px; |
|
@ -406,11 +375,13 @@ export default { |
|
|
line-height: 30px; |
|
|
line-height: 30px; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-result table { |
|
|
.popup-result table { |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-result table span { |
|
|
.popup-result table span { |
|
|
display: block; |
|
|
display: block; |
|
|
width: 100%; |
|
|
width: 100%; |
|
@ -421,6 +392,7 @@ export default { |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
border: 1px solid #e8e8e8; |
|
|
border: 1px solid #e8e8e8; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-result-scroll { |
|
|
.popup-result-scroll { |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
|
line-height: 24px; |
|
|
line-height: 24px; |
|
|