...
|
...
|
@@ -8,9 +8,15 @@ |
|
|
<p style="font-size: 28px">航班号查询</p>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
|
|
|
<el-button slot="append" icon="el-icon-search"></el-button>
|
|
|
</el-input>
|
|
|
<!--工具条-->
|
|
|
<el-form :inline="true" :model="filters">
|
|
|
<el-form-item>
|
|
|
<el-input v-model="filters.flightNo" ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" v-on:click="getDomesticClearance()">查询</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
</el-row>
|
...
|
...
|
@@ -21,19 +27,16 @@ |
|
|
<p style="font-size: 28px">条件查询</p>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick" style="width: 100%">
|
|
|
<el-tabs v-model="activeName" @tab-click="getDomesticClearance()" style="width: 100%">
|
|
|
<el-tab-pane label="国内出港" name="first">
|
|
|
<div style=";margin-top: 15px">
|
|
|
<el-time-picker
|
|
|
v-model="value1"
|
|
|
:picker-options="{selectableRange: '18:30:00 - 20:30:00' }"
|
|
|
placeholder="任意时间点"
|
|
|
style="width: 140px">
|
|
|
</el-time-picker>
|
|
|
<el-time-picker
|
|
|
arrow-control
|
|
|
v-model="value2"
|
|
|
:picker-options="{selectableRange: '18:30:00 - 20:30:00' }"
|
|
|
placeholder="任意时间点"
|
|
|
style="width: 140px">
|
|
|
</el-time-picker>
|
...
|
...
|
@@ -96,14 +99,13 @@ |
|
|
<div style=";margin-top: 15px">
|
|
|
<el-time-picker
|
|
|
v-model="value1"
|
|
|
:picker-options="{selectableRange: '18:30:00 - 20:30:00' }"
|
|
|
|
|
|
placeholder="任意时间点"
|
|
|
style="width: 140px">
|
|
|
</el-time-picker>
|
|
|
<el-time-picker
|
|
|
arrow-control
|
|
|
v-model="value2"
|
|
|
:picker-options="{selectableRange: '18:30:00 - 20:30:00' }"
|
|
|
placeholder="任意时间点"
|
|
|
style="width: 140px">
|
|
|
</el-time-picker>
|
...
|
...
|
@@ -166,14 +168,12 @@ |
|
|
<div style=";margin-top: 15px">
|
|
|
<el-time-picker
|
|
|
v-model="value1"
|
|
|
:picker-options="{selectableRange: '18:30:00 - 20:30:00' }"
|
|
|
placeholder="任意时间点"
|
|
|
style="width: 140px">
|
|
|
</el-time-picker>
|
|
|
<el-time-picker
|
|
|
arrow-control
|
|
|
v-model="value2"
|
|
|
:picker-options="{selectableRange: '18:30:00 - 20:30:00' }"
|
|
|
placeholder="任意时间点"
|
|
|
style="width: 140px">
|
|
|
</el-time-picker>
|
...
|
...
|
@@ -236,14 +236,12 @@ |
|
|
<div style=";margin-top: 15px">
|
|
|
<el-time-picker
|
|
|
v-model="value1"
|
|
|
:picker-options="{selectableRange: '18:30:00 - 20:30:00' }"
|
|
|
placeholder="任意时间点"
|
|
|
style="width: 140px">
|
|
|
</el-time-picker>
|
|
|
<el-time-picker
|
|
|
arrow-control
|
|
|
v-model="value2"
|
|
|
:picker-options="{selectableRange: '18:30:00 - 20:30:00' }"
|
|
|
placeholder="任意时间点"
|
|
|
style="width: 140px">
|
|
|
</el-time-picker>
|
...
|
...
|
@@ -306,15 +304,8 @@ |
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<div>
|
|
|
<el-pagination
|
|
|
@size-change="handleSizeChange"
|
|
|
@current-change="handleCurrentChange"
|
|
|
:current-page="currentPage4"
|
|
|
:page-sizes="[100, 200, 300, 400]"
|
|
|
:page-size="100"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
:total="400">
|
|
|
</el-pagination>
|
|
|
<pagination background layout="total, prev, pager, next" v-show="total>0" :total="total" :page.sync="pageSize" :limit.sync="pageNum"
|
|
|
@pagination="getDomesticClearance"/>
|
|
|
</div>
|
|
|
|
|
|
</el-row>
|
...
|
...
|
@@ -325,19 +316,45 @@ |
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {getList} from '../../api/inquiry/inquiry'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
currentPage4: 4,
|
|
|
activeName: 'first'
|
|
|
activeName: 'first',
|
|
|
filters: {
|
|
|
flightNo: ''
|
|
|
},
|
|
|
total: 1,
|
|
|
pageSize: 1,
|
|
|
pageNum: 30,
|
|
|
domesticClearanceList: [],
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
handleSizeChange(val) {
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
},
|
|
|
handleCurrentChange(val) {
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
|
|
//获取列表集合
|
|
|
getDomesticClearance() {
|
|
|
|
|
|
// this.listLoading = true;
|
|
|
// //NProgress.start();
|
|
|
// getList().then((res) => {
|
|
|
// this.total = res.data.total;
|
|
|
// this.domesticClearanceList = res.data.list;
|
|
|
// this.listLoading = false;
|
|
|
// //NProgress.done();
|
|
|
// }).catch((error) => {
|
|
|
//
|
|
|
// this.listLoading = false;
|
|
|
// if(null!= error.response && error.response!==undefined){
|
|
|
// let status= error.response.status;
|
|
|
// let msg = error.response.statusText;
|
|
|
// alert(status+msg);
|
|
|
// }else {
|
|
|
// alert(error);
|
|
|
// }
|
|
|
//
|
|
|
// });
|
|
|
}
|
|
|
},
|
|
|
|
...
|
...
|
|