|
|
|
@ -70,42 +70,46 @@ |
|
|
|
<p class="title">时间表达式</p> |
|
|
|
<table> |
|
|
|
<thead> |
|
|
|
<th v-for="item of tabTitles" :key="item">{{item}}</th> |
|
|
|
<th>Cron 表达式</th> |
|
|
|
<tr> |
|
|
|
<th v-for="item of tabTitles" :key="item">{{item}}</th> |
|
|
|
<th>Cron 表达式</th> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.second.length < 10">{{crontabValueObj.second}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.second" placement="top"><span>{{crontabValueObj.second}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.min.length < 10">{{crontabValueObj.min}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.min" placement="top"><span>{{crontabValueObj.min}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.hour.length < 10">{{crontabValueObj.hour}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.hour" placement="top"><span>{{crontabValueObj.hour}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.day.length < 10">{{crontabValueObj.day}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.day" placement="top"><span>{{crontabValueObj.day}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.month.length < 10">{{crontabValueObj.month}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.month" placement="top"><span>{{crontabValueObj.month}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.week.length < 10">{{crontabValueObj.week}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.week" placement="top"><span>{{crontabValueObj.week}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.year.length < 10">{{crontabValueObj.year}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.year" placement="top"><span>{{crontabValueObj.year}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td class="result"> |
|
|
|
<span v-if="crontabValueString.length < 90">{{crontabValueString}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueString" placement="top"><span>{{crontabValueString}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<tr> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.second.length < 10">{{crontabValueObj.second}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.second" placement="top"><span>{{crontabValueObj.second}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.min.length < 10">{{crontabValueObj.min}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.min" placement="top"><span>{{crontabValueObj.min}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.hour.length < 10">{{crontabValueObj.hour}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.hour" placement="top"><span>{{crontabValueObj.hour}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.day.length < 10">{{crontabValueObj.day}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.day" placement="top"><span>{{crontabValueObj.day}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.month.length < 10">{{crontabValueObj.month}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.month" placement="top"><span>{{crontabValueObj.month}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.week.length < 10">{{crontabValueObj.week}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.week" placement="top"><span>{{crontabValueObj.week}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td> |
|
|
|
<span v-if="crontabValueObj.year.length < 10">{{crontabValueObj.year}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueObj.year" placement="top"><span>{{crontabValueObj.year}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
<td class="result"> |
|
|
|
<span v-if="crontabValueString.length < 90">{{crontabValueString}}</span> |
|
|
|
<el-tooltip v-else :content="crontabValueString" placement="top"><span>{{crontabValueString}}</span></el-tooltip> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
|