|
...
|
...
|
@@ -8,13 +8,13 @@ |
|
|
|
</el-row>
|
|
|
|
<!-- 搜索区域-->
|
|
|
|
<el-row>
|
|
|
|
<el-form :label-position="labelPosition" :model="queryDeparture" :rules="rules" ref="queryFlight"
|
|
|
|
<el-form :label-position="labelPosition" :model="queryDeparture" ref="queryFlight"
|
|
|
|
label-width="130px" class="demo-ruleForm">
|
|
|
|
<el-col :span="6" >
|
|
|
|
<el-form-item label="承运人：" prop="awcd" label-width="80px">
|
|
|
|
<el-input v-model="queryDeparture.awcd" style="width:190px"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<!-- <el-col :span="6" >-->
|
|
|
|
<!-- <el-form-item label="承运人：" prop="awcd" label-width="80px">-->
|
|
|
|
<!-- <el-input v-model="queryDeparture.awcd" style="width:190px"></el-input>-->
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
<!-- </el-col>-->
|
|
|
|
<el-col :span="6" >
|
|
|
|
<el-form-item label="航班号：" prop="flightNo" label-width="80px">
|
|
|
|
<el-input v-model="queryDeparture.flightNo" style="width:190px"></el-input>
|
|
...
|
...
|
@@ -40,6 +40,7 @@ |
|
|
|
<el-table
|
|
|
|
:data="tableData"
|
|
|
|
border
|
|
|
|
v-loading="tableloading"
|
|
|
|
style="width: 100%;margin-bottom: 10px">
|
|
|
|
<el-table-column
|
|
|
|
fixed="left"
|
|
...
|
...
|
@@ -122,10 +123,10 @@ |
|
|
|
@size-change="handleSizeChange"
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
:current-page="currentPage"
|
|
|
|
:page-sizes="[100, 200, 300, 400]"
|
|
|
|
:page-size="100"
|
|
|
|
:page-sizes="[10, 20, 30, 40]"
|
|
|
|
:page-size="pageSize"
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
:total="400">
|
|
|
|
:total="total">
|
|
|
|
</el-pagination>
|
|
|
|
</div>
|
|
|
|
</el-row>
|
|
...
|
...
|
@@ -151,37 +152,88 @@ |
|
|
|
|
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
import {editPrediction, selectPrediction} from "../../api/transport";
|
|
|
|
|
|
|
|
export default {
|
|
|
|
data(){
|
|
|
|
return{
|
|
|
|
queryDeparture:{
|
|
|
|
awcd:undefined,
|
|
|
|
flightNo:undefined,
|
|
|
|
flightDate:undefined,
|
|
|
|
},
|
|
|
|
rules:{
|
|
|
|
awcd: [
|
|
|
|
{required: true, message: '请输入', trigger: 'blur'}
|
|
|
|
],
|
|
|
|
flightNo: [
|
|
|
|
{required: true, message: '请输入', trigger: 'blur'}
|
|
|
|
],
|
|
|
|
flightDate: [
|
|
|
|
{required: true, message: '请选择', trigger: 'change'}
|
|
|
|
],
|
|
|
|
},
|
|
|
|
labelPosition:'left',
|
|
|
|
currentPage: 4,
|
|
|
|
tableData:[]
|
|
|
|
currentPage: 1,
|
|
|
|
pageSize:10,
|
|
|
|
total:0,
|
|
|
|
tableData:[],
|
|
|
|
tableloading:false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
//分页
|
|
|
|
handleSizeChange(val) {
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
this.pageSize=val;
|
|
|
|
},
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
this.currentPage=val;
|
|
|
|
this.submitForm();
|
|
|
|
},
|
|
|
|
//获取出港预报查询列表
|
|
|
|
submitForm() {
|
|
|
|
let params = {
|
|
|
|
currentPage: this.currentPage, pageSize: this.pageSize, flightNo: this.queryDeparture.flightNo,
|
|
|
|
flightDate: this.queryDeparture.flightDate
|
|
|
|
};
|
|
|
|
this.tableloading = true;
|
|
|
|
selectPrediction(params).then(res => {
|
|
|
|
let response = res.data.data;
|
|
|
|
this.tableData = response.list;
|
|
|
|
this.tableloading = false;
|
|
|
|
this.total = response.total;
|
|
|
|
});
|
|
|
|
},
|
|
|
|
//列表删除功能
|
|
|
|
handleDel(index, row) {
|
|
|
|
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
type: 'warning'
|
|
|
|
}).then(() => {
|
|
|
|
editPrediction(row).then(res => {
|
|
|
|
let response = res.data;
|
|
|
|
if (response.code == '200') {
|
|
|
|
this.$message({
|
|
|
|
type: 'info',
|
|
|
|
message: '删除成功'
|
|
|
|
});
|
|
|
|
this.submitForm();
|
|
|
|
} else {
|
|
|
|
this.$message({
|
|
|
|
type: 'info',
|
|
|
|
message: '删除失败'
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}).catch(() => {
|
|
|
|
this.$message({
|
|
|
|
type: 'info',
|
|
|
|
message: '已取消删除'
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
//获取默认值
|
|
|
|
defaultData() {
|
|
|
|
Object.assign(this.queryDeparture, this.$route.query);
|
|
|
|
},
|
|
|
|
//编辑进港预报
|
|
|
|
handleEdit(index,row){
|
|
|
|
this.$router.push({path:'/departure',query: row})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//渲染方法
|
|
|
|
mounted(){
|
|
|
|
this.defaultData();
|
|
|
|
this.submitForm();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script> |
|
|
\ No newline at end of file |
...
|
...
|
|
