|
|
<template>
|
|
|
<div class="app-content">
|
|
|
<!--<div class="app-container">-->
|
|
|
<!--<div class="app-container">-->
|
|
|
<div class="filter-container">
|
|
|
<el-input v-model="listQuery.flightNo" clearable style="width: 270px;" class="filter-item"
|
|
|
placeholder="航班号"/>
|
...
|
...
|
@@ -10,28 +10,28 @@ |
|
|
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
|
|
|
</div>
|
|
|
<el-table :data="flightData" stripe style="font-size: 14px" border>
|
|
|
<el-table-column label="航班号" width="280px" align="center">
|
|
|
<el-table-column label="航班号" width="180px" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.carrier }}{{ scope.row.flightNo }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="航班日期" width="280px" align="center">
|
|
|
<el-table-column label="航班日期" width="190px" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<i class="el-icon-time"></i>
|
|
|
<span>{{ scope.row.flightDate }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="始发站" width="235px" align="center">
|
|
|
<el-table-column label="始发站" width="160px" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.originstation }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="目的站" width="235px" align="center">
|
|
|
<el-table-column label="目的站" width="160px" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.destinationstation }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作" width="400px" align="center">
|
|
|
<el-table-column label="操作" width="400px" align="center" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button type="primary" size="mini" @click="handlePre(scope.row)">预配舱单</el-button>
|
|
|
<el-button type="primary" size="mini" @click="handleArrive(scope.row)">出港运抵</el-button>
|
...
|
...
|
@@ -48,6 +48,7 @@ |
|
|
<script>
|
|
|
import Pagination from '@/components/Pagination'
|
|
|
import {getFlightListForParam} from '@/api/exitFlight'
|
|
|
|
|
|
export default {
|
|
|
name: "ExitFlight",
|
|
|
components: {Pagination},
|
...
|
...
|
@@ -58,18 +59,22 @@ |
|
|
listQuery: {
|
|
|
pageSize: 1,
|
|
|
limitSize: 10,
|
|
|
flightNo: undefined,
|
|
|
flightNo: '',
|
|
|
flightDate: undefined
|
|
|
},
|
|
|
flightData: [],
|
|
|
}
|
|
|
},
|
|
|
created(){
|
|
|
this.getList()
|
|
|
created() {
|
|
|
this.getList()
|
|
|
},
|
|
|
methods: {
|
|
|
/*设置默认航班时间*/
|
|
|
getdatatime() {
|
|
|
this.listQuery.flightDate = new Date();
|
|
|
},
|
|
|
getList() {
|
|
|
getFlightListForParam(this.listQuery).then(res =>{
|
|
|
getFlightListForParam(this.listQuery).then(res => {
|
|
|
this.flightData = res.data.dataList
|
|
|
this.total = res.data.count
|
|
|
})
|
...
|
...
|
@@ -101,12 +106,17 @@ |
|
|
row.flightno = row.flightNo
|
|
|
this.$router.push({name: '出港航班信息', params: {scopeRow: row}})
|
|
|
}
|
|
|
},
|
|
|
// 页面加载完毕后触发的事件
|
|
|
mounted() {
|
|
|
var vm = this;
|
|
|
vm.getdatatime();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
.app-content{
|
|
|
.app-content {
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
</style> |
...
|
...
|
|