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