|
|
@@ -1,16 +1,16 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-row class="row" type="flex" :gutter="20" justify="center" align="middle">
|
|
|
+ <el-row class="row" type="flex" :gutter="10" justify="center" align="middle">
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="dateYear" class="input-number" size="small" v-model="date.year" :min="0" @keypress.enter.native.exact="$refs.dateMonth.focus" @keypress.shift.enter.native.exact="$refs.anotherDateSecond.focus" @focus="()=>$refs.dateYear.select()"></el-input-number></el-col><el-col :span="4"><span class="label">年</span></el-col></el-row></el-col>
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="dateMonth" class="input-number" size="small" v-model="date.month" :min="0" :max="11" @keypress.enter.native.exact="$refs.dateDay.focus" @keypress.shift.enter.native.exact="$refs.dateYear.focus" @focus="()=>$refs.dateMonth.select()"></el-input-number></el-col><el-col :span="4"><span class="label">月</span></el-col></el-row></el-col>
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="dateDay" class="input-number" size="small" v-model="date.day" :min="0" :max="30" @keypress.enter.native.exact="$refs.dateHour.focus" @keypress.shift.enter.native.exact="$refs.dateMonth.focus" @focus="()=>$refs.dateDay.select()"></el-input-number></el-col><el-col :span="4"><span class="label">日</span></el-col></el-row></el-col>
|
|
|
</el-row>
|
|
|
- <el-row class="row" type="flex" :gutter="20" justify="center" align="middle">
|
|
|
+ <el-row class="row" type="flex" :gutter="10" justify="center" align="middle">
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="dateHour" class="input-number" size="small" v-model="date.hour" :min="0" :max="23" @keypress.enter.native.exact="$refs.dateMinute.focus" @keypress.shift.enter.native.exact="$refs.dateDay.focus" @focus="()=>$refs.dateHour.select()"></el-input-number></el-col><el-col :span="4"><span class="label">时</span></el-col></el-row></el-col>
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="dateMinute" class="input-number" size="small" v-model="date.minute" :min="0" :max="59" @keypress.enter.native.exact="$refs.dateSecond.focus" @keypress.shift.enter.native.exact="$refs.dateHour.focus" @focus="()=>$refs.dateMinute.select()"></el-input-number></el-col><el-col :span="4"><span class="label">分</span></el-col></el-row></el-col>
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="dateSecond" class="input-number" size="small" v-model="date.second" :min="0" :max="59" @keypress.enter.native.exact="$refs.option.focus" @keypress.shift.enter.native.exact="$refs.dateMinute.focus" @focus="()=>$refs.dateSecond.select()"></el-input-number></el-col><el-col :span="4"><span class="label">秒</span></el-col></el-row></el-col>
|
|
|
</el-row>
|
|
|
- <el-row class="row" type="flex" :gutter="20" justify="center" align="middle">
|
|
|
+ <el-row class="row" type="flex" :gutter="10" justify="center" align="middle">
|
|
|
<el-col :span="7">
|
|
|
<el-select v-model="option" placeholder="操作" ref="option" @visible-change="setOption">
|
|
|
<el-option
|
|
|
@@ -22,17 +22,17 @@
|
|
|
</el-select>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row class="row" type="flex" :gutter="20" justify="center" align="middle">
|
|
|
+ <el-row class="row" type="flex" :gutter="10" justify="center" align="middle">
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="anotherDateYear" class="input-number" size="small" v-model="anotherDate.year" :min="0" @keypress.enter.native.exact="$refs.anotherDateMonth.focus" @keypress.shift.enter.native.exact="$refs.dateSecond.focus" @focus="()=>$refs.anotherDateYear.select()"></el-input-number></el-col><el-col :span="4"><span class="label">年</span></el-col></el-row></el-col>
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="anotherDateMonth" class="input-number" size="small" v-model="anotherDate.month" :min="0" :max="11" @keypress.enter.native.exact="$refs.anotherDateDay.focus" @keypress.shift.enter.native.exact="$refs.anotherDateYear.focus" @focus="()=>$refs.anotherDateMonth.select()"></el-input-number></el-col><el-col :span="4"><span class="label">月</span></el-col></el-row></el-col>
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="anotherDateDay" class="input-number" size="small" v-model="anotherDate.day" :min="0" :max="30" @keypress.enter.native.exact="$refs.anotherDateHour.focus" @keypress.shift.enter.native.exact="$refs.anotherDateMonth.focus" @focus="()=>$refs.anotherDateDay.select()"></el-input-number></el-col><el-col :span="4"><span class="label">日</span></el-col></el-row></el-col>
|
|
|
</el-row>
|
|
|
- <el-row class="row" type="flex" :gutter="20" justify="center" align="middle">
|
|
|
+ <el-row class="row" type="flex" :gutter="10" justify="center" align="middle">
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="anotherDateHour" class="input-number" size="small" v-model="anotherDate.hour" :min="0" :max="23" @keypress.enter.native.exact="$refs.anotherDateMinute.focus" @keypress.shift.enter.native.exact="$refs.anotherDateDay.focus" @focus="()=>$refs.anotherDateHour.select()"></el-input-number></el-col><el-col :span="4"><span class="label">时</span></el-col></el-row></el-col>
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="anotherDateMinute" class="input-number" size="small" v-model="anotherDate.minute" :min="0" :max="59" @keypress.enter.native.exact="$refs.anotherDateSecond.focus" @keypress.shift.enter.native.exact="$refs.anotherDateHour.focus" @focus="()=>$refs.anotherDateMinute.select()"></el-input-number></el-col><el-col :span="4"><span class="label">分</span></el-col></el-row></el-col>
|
|
|
<el-col :span="8"><el-row type="flex" align="middle" ><el-col :span="20"><el-input-number ref="anotherDateSecond" class="input-number" size="small" v-model="anotherDate.second" :min="0" :max="59" @keypress.enter.native.exact="calculate" @keypress.shift.enter.native.exact="$refs.anotherDateMinute.focus" @focus="()=>$refs.anotherDateSecond.select()"></el-input-number></el-col><el-col :span="4"><span class="label">秒</span></el-col></el-row></el-col>
|
|
|
</el-row>
|
|
|
- <el-row class="row" type="flex" :gutter="20" justify="center" align="middle">
|
|
|
+ <el-row class="row" type="flex" :gutter="10" justify="center" align="middle">
|
|
|
<el-col :span="6" style="text-align: center;">
|
|
|
<el-button type="primary" @click="calculateAsync">计算</el-button>
|
|
|
</el-col>
|
LiuLiu