|
|
@@ -98,16 +98,16 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="开始时间" prop="startTime">
|
|
|
<el-date-picker clearable v-model="form.startTime" type="datetime" style="width: 100%"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择开始时间">
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择开始时间" @change="changeDate">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="结束时间" prop="endTime">
|
|
|
- <el-date-picker clearable v-model="form.endTime" type="datetime" style="width: 100%"
|
|
|
+ <el-date-picker clearable v-model="form.endTime" type="datetime" style="width: 100%" @change="changeDate"
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择结束时间" :picker-options="formPickerOption()">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="飞行时长" prop="duration">
|
|
|
- <el-input v-model="form.duration" placeholder="请输入飞行时长" />
|
|
|
+ <el-input v-model="form.duration" disabled/>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
@@ -209,6 +209,15 @@ export default {
|
|
|
this.getList()
|
|
|
},
|
|
|
methods: {
|
|
|
+ changeDate() {
|
|
|
+ if (!this.form.startTime || !this.form.endTime) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ let startTime = new Date(this.form.startTime); // 开始时间
|
|
|
+ let endTime = new Date(this.form.endTime); // 结束时间
|
|
|
+ let usedTime = endTime - startTime; // 相差的毫秒数
|
|
|
+ this.form.duration = parseTime(usedTime, '{h}时{i}分{s}秒')
|
|
|
+ },
|
|
|
//选择结束时间的限制
|
|
|
pickerOption() {
|
|
|
if(this.queryParams.startTime != undefined){
|
