朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 df99b4be57838be771a3935febf3d12e97c2e340 1 个父辈 e64d6c41

运输工具通用查询

内嵌 并排对比
正在显示 23 个修改的文件 包含 2799 行增加 和 99 行删除
... ... @@ -14,12 +14,12 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="130px">
<el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="140px">
<el-input v-model="aircraft.airwayNameEn" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="130px">
<el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="140px">
<el-input v-model="aircraft.airwayNameCn" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
... ... @@ -52,12 +52,12 @@
</el-col>
<el-col :span="6">
<el-form-item label="最大起飞重量" prop="grossWeight" label-width="130px">
<el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）"></el-input>
<el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="标客舱载客人数" prop="passengerLimit" label-width="130px">
<el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）"></el-input>
<el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
... ... @@ -66,7 +66,7 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="航空器所有人代码" prop="ownerCo" label-width="130px">
<el-form-item label="航空器所有人代码" prop="ownerCo" label-width="140px">
<el-input v-model="aircraft.ownerCo" placeholder="请输入数量（单位：人）"></el-input>
</el-form-item>
</el-col>
... ... @@ -148,7 +148,48 @@
messageid:undefined
},
rules:{
airwayCode: [
{required: true, message: '请输入', trigger: 'blur'}
],
airwayNameEn: [
{required: true, message: '请输入', trigger: 'blur'}
],
airwayNameCn: [
{required: true, message: '请输入', trigger: 'blur'}
],
areoNationality: [
{required: true, message: '请输入', trigger: 'blur'}
],
aircraftNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
credentialType: [
{required: true, message: '请输入', trigger: 'blur'}
],
credentialNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
areoModel: [
{required: true, message: '请输入', trigger: 'blur'}
],
grossWeight: [
{required: true, message: '请输入', trigger: 'blur'}
],
passengerLimit: [
{required: true, message: '请输入', trigger: 'blur'}
],
useRelation: [
{required: true, message: '请输入', trigger: 'blur'}
],
ownerCo: [
{required: true, message: '请输入', trigger: 'blur'}
],
certNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
deliverDate: [
{required: true, message: '请输入', trigger: 'blur'}
],
}
}
},
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">进港预报申报</div>
</el-col>
</el-row>
<el-row>
<el-form :model="arrival" :rules="rules" ref="arrival" label-width="100%" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航空器注册编码" prop="aircraftNo" label-width="120px">
<el-input v-model="arrival.aircraftNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班号" prop="flightNo" label-width="120px">
<el-input v-model="arrival.flightNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班日期" prop="flightDate" label-width="120px">
<el-date-picker
v-model="arrival.flightDate"
type="date"
style="width:275px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="出发港" prop="departurePort" label-width="120px">
<el-input v-model="arrival.departurePort"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="目的港" prop="arrivalPort" label-width="120px">
<el-input v-model="arrival.arrivalPort"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="关区代码" prop="customDistrictNo" label-width="120px">
<el-input v-model="arrival.customDistrictNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="预计离港时间" prop="departuredatetime" label-width="120px">
<el-input v-model="arrival.departuredatetime"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="停靠机坪" prop="stayid" label-width="120px">
<el-input v-model="arrival.stayid"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="完成装卸时间" prop="dischargecompleteddatetime" label-width="120px">
<el-input v-model="arrival.dischargecompleteddatetime"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="预计抵港时间" prop="arrivaldatetime" label-width="140px">
<el-input v-model="arrival.arrivaldatetime"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="meno" label-width="120px">
<el-input v-model="arrival.meno"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row style="margin-left: 120px">
<el-col :span="24"> <el-button type="primary" @click="submitForm('arrival')">保 存</el-button>
<el-button type="success">保存并发送</el-button></el-col>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
.el-col{margin-right: 0px;}
</style>
<script>
export default {
data(){
return{
arrival:{
aircraftNo:undefined,
flightNo:undefined,
flightDate:undefined,
departurePort:undefined,
arrivalPort:undefined,
customDistrictNo:undefined,
departuredatetime:undefined,
stayid:undefined,
dischargecompleteddatetime:undefined,
arrivaldatetime:undefined,
meno:undefined,
},
rules: {
aircraftNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
flightNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
flightDate: [
{type: 'date',required: true, message: '请选择', trigger: 'change'}
],
departurePort: [
{required: true, message: '请输入(三字码)', trigger: 'blur'},
{min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
],
arrivalPort: [
{required: true, message: '请输入(三字码)', trigger: 'blur'},
{min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
],
customDistrictNo: [
{required: true, message: '请选择', trigger: 'blur'}
],
departuredatetime: [
{required: true, message: '请选择', trigger: 'blur'}
],
stayid: [
{required: true, message: '请输入', trigger: 'blur'}
],
dischargecompleteddatetime: [
{required: true, message: '请输入', trigger: 'blur'}
],
arrivaldatetime: [
{required: true, message: '请选择', trigger: 'blur'}
],
},
tableData:[]
}
},
methods:{
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
submitPerson(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
}
}
</script>
\ No newline at end of file
... ...
... ... @@ -19,8 +19,15 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班时间" prop="flightDate" label-width="120px">
<el-input v-model="bill.flightDate"></el-input>
<el-form-item label="航班日期" prop="flightDate" label-width="120px">
<el-date-picker
v-model="bill.flightDate"
type="date"
value-format="yyyyMMdd"
format="yyyyMMdd"
style="width:100%"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
... ... @@ -30,37 +37,37 @@
</el-col>
<el-col :span="6">
<el-form-item label="机组人数" prop="aircrewSum" label-width="120px">
<el-input v-model="bill.aircrewSum"></el-input>
<el-input v-model="bill.aircrewSum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="国际旅客人数" prop="interPassengerSum" label-width="120px">
<el-input v-model="bill.interPassengerSum"></el-input>
<el-input v-model="bill.interPassengerSum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="国内旅客人数" prop="localePassengerSum" label-width="120px">
<el-input v-model="bill.localePassengerSum"></el-input>
<el-input v-model="bill.localePassengerSum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="国际行李件数" prop="interBaggageNum" label-width="120px">
<el-input v-model="bill.interBaggageNum"></el-input>
<el-input v-model="bill.interBaggageNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="国内行李件数" prop="localeBaggageNum" label-width="120px">
<el-input v-model="bill.localeBaggageNum"></el-input>
<el-input v-model="bill.localeBaggageNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="货邮件数" prop="goodsNum" label-width="120px">
<el-input v-model="bill.goodsNum"></el-input>
<el-input v-model="bill.goodsNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="货邮重量(KG)" prop="goodsQuantity" label-width="120px">
<el-input v-model="bill.goodsQuantity"></el-input>
<el-input v-model="bill.goodsQuantity" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
... ... @@ -70,12 +77,21 @@
</el-col>
<el-col :span="8">
<el-form-item label="关区代码" prop="arrivalno" label-width="120px">
<el-input v-model="bill.arrivalno"></el-input>
<el-input v-model="bill.arrivalno" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="抵达时间" prop="arrivaldatetime" label-width="120px">
<el-input v-model="bill.arrivaldatetime"></el-input>
<el-time-picker
v-model="bill.arrivaldatetime"
:picker-options="{
selectableRange: '00:00:00 - 23:59:59'
}"
format="HHmmss"
style="width:100%"
placeholder="任意时间点">
</el-time-picker>
</el-form-item>
</el-col>
<el-col :span="8">
... ... @@ -85,32 +101,41 @@
</el-col>
<el-col :span="8">
<el-form-item label="关区代码" prop="departureno" label-width="120px">
<el-input v-model="bill.departureno"></el-input>
<el-input v-model="bill.departureno" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="驶离时间" prop="departuredatetime" label-width="120px">
<el-input v-model="bill.departuredatetime"></el-input>
<el-time-picker
v-model="bill.departuredatetime"
:picker-options="{
selectableRange: '00:00:00 - 23:59:59'
}"
format="HHmmss"
style="width:100%"
placeholder="任意时间点">
</el-time-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="货物申报单份数" prop="cargoBillNum" label-width="120px">
<el-input v-model="bill.cargoBillNum"></el-input>
<el-input v-model="bill.cargoBillNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="旅客名单份数" prop="passengerPage" label-width="120px">
<el-input v-model="bill.passengerPage"></el-input>
<el-input v-model="bill.passengerPage" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="机组名单份数" prop="aircrewBillNum" label-width="120px">
<el-input v-model="bill.aircrewBillNum"></el-input>
<el-input v-model="bill.aircrewBillNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="机组物品申报单份数" prop="aircrewCargoBillNum" label-width="140px">
<el-input v-model="bill.aircrewCargoBillNum"></el-input>
<el-form-item label="机组物品申报单份数" prop="aircrewCargoBillNum" label-width="150px">
<el-input v-model="bill.aircrewCargoBillNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
... ... @@ -246,6 +271,20 @@
</el-table-column>
</el-table>
</el-row>
<!--对话提示框-->
<el-row>
<el-dialog
title="系统提示"
:visible.sync="centerDialogVisible"
width="30%"
center>
<span>{{msg}}</span>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
</el-row>
</el-main>
</el-container>
</template>
... ... @@ -268,6 +307,8 @@ background-color: white;
.el-col{margin-right: 0px;}
</style>
<script>
import {addBill} from '../../api/transport'
export default {
data(){
return{
... ... @@ -312,14 +353,71 @@ background-color: white;
},
rules: {
aircraftNo: [
{required: true, message: '请输入', trigger: 'blur'}
{required: true, message: '请输入编号', trigger: 'blur'}
],
flightNo: [
{required: true, message: '请输入', trigger: 'blur'}
{required: true, message: '请输入航班号', trigger: 'blur'}
],
flightDate: [
{required: true, message: '请选择航班日期', trigger: 'blur'}
],
accessFlag: [
{required: true, message: '请输入', trigger: 'blur'}
],
aircrewSum: [
{required: true, message: '请输入', trigger: 'blur'}
],
interPassengerSum: [
{required: true, message: '请选择', trigger: 'blur'}
],
localePassengerSum: [
{required: true, message: '请输入', trigger: 'blur'}
],
interBaggageNum: [
{required: true, message: '请输入', trigger: 'blur'}
],
localeBaggageNum: [
{required: true, message: '请输入', trigger: 'blur'}
],
goodsNum: [
{required: true, message: '请输入', trigger: 'blur'}
],
goodsQuantity: [
{required: true, message: '请输入', trigger: 'blur'}
],
arrivalAirport: [
{required: true, message: '请选择', trigger: 'blur'}
],
arrivalno: [
{required: true, message: '请输入', trigger: 'blur'}
],
arrivaldatetime: [
{required: true, message: '请选择', trigger: 'blur'}
],
departureAirport: [
{required: true, message: '请输入', trigger: 'blur'}
],
departureno: [
{required: true, message: '请输入', trigger: 'blur'}
],
departuredatetime: [
{required: true, message: '请选择', trigger: 'blur'}
],
cargoBillNum: [
{required: true, message: '请输入', trigger: 'blur'}
],
passengerPage: [
{required: true, message: '请输入', trigger: 'blur'}
],
aircrewBillNum: [
{required: true, message: '请输入', trigger: 'blur'}
],
aircrewCargoBillNum: [
{required: true, message: '请输入', trigger: 'blur'}
],
arrivalPosition: [
{required: true, message: '请输入', trigger: 'blur'}
],
},
dialogTableVisible:false,
billperson:{
... ... @@ -358,36 +456,87 @@ background-color: white;
{required: true, message: '请输入', trigger: 'blur'}
],
},
tableData:[]
tableData:[{
arrivaldatetime: '161146',
departuredatetime: '161146',
flightDate: '20160502',
}],
centerDialogVisible:false,
msg:undefined
}
},
methods:{
//新增单据方法（保存按钮）
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
addBill(this.bill).then(res=>{
let response=res.data;
if(response.code=='200'){
this.centerDialogVisible=true;
this.msg=response.msg;
this.$router.push({path:'/queryBill',query:{serialNo:JSON.stringify(this.bill.serialNo)}});
}else{
this.msg=response.msg;
}
});
},
submitPerson(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
//加载默认值
defaultData(){
if(this.$route.query!=null){
this.bill.uuid=JSON.parse(this.$route.query.uuid);
this.bill.aircraftNo=JSON.parse(this.$route.query.aircraftNo);
this.bill.flightNo=JSON.parse(this.$route.query.flightNo);
this.bill.flightDate=JSON.parse(this.$route.query.flightDate);
this.bill.accessFlag=JSON.parse(this.$route.query.accessFlag);
this.bill.departureAirport=JSON.parse(this.$route.query.departureAirport);
this.bill.departuredatetime=JSON.parse(this.$route.query.departuredatetime);
this.bill.arrivalAirport=JSON.parse(this.$route.query.arrivalAirport);
this.bill.arrivaldatetime=fecha.parse(JSON.parse(this.$route.query.arrivaldatetime),'HHmmss');
this.bill.departureno=fecha.parse(JSON.parse(this.$route.query.departureno),);
this.bill.arrivalno=JSON.parse(this.$route.query.arrivalno);
this.bill.aircrewSum=JSON.parse(this.$route.query.aircrewSum);
this.bill.interPassengerSum=JSON.parse(this.$route.query.interPassengerSum);
this.bill.localePassengerSum=JSON.parse(this.$route.query.localePassengerSum);
this.bill.interBaggageNum=JSON.parse(this.$route.query.interBaggageNum);
this.bill.localeBaggageNum=JSON.parse(this.$route.query.localeBaggageNum);
this.bill.goodsNum=JSON.parse(this.$route.query.goodsNum);
this.bill.goodsQuantity=JSON.parse(this.$route.query.goodsQuantity);
this.bill.cargoBillNum=JSON.parse(this.$route.query.cargoBillNum);
this.bill.passengerPage=JSON.parse(this.$route.query.passengerPage);
this.bill.aircrewBillNum=JSON.parse(this.$route.query.aircrewBillNum);
this.bill.aircrewCargoBillNum=JSON.parse(this.$route.query.aircrewCargoBillNum);
this.bill.arrivalPosition=JSON.parse(this.$route.query.arrivalPosition);
this.bill.bussinessType=JSON.parse(this.$route.query.bussinessType);
this.bill.messageid=JSON.parse(this.$route.query.messageid);
this.bill.status=JSON.parse(this.$route.query.status);
this.bill.meno=JSON.parse(this.$route.query.meno);
this.bill.createTime=JSON.parse(this.$route.query.createTime);
this.bill.createBy=JSON.parse(this.$route.query.createBy);
this.bill.updateTime=JSON.parse(this.$route.query.updateTime);
this.bill.updateBy=JSON.parse(this.$route.query.updateBy);
this.bill.remark=JSON.parse(this.$route.query.remark);
this.bill.isDelete=JSON.parse(this.$route.query.isDelete);
this.bill.remark1=JSON.parse(this.$route.query.remark1);
this.bill.remark2=JSON.parse(this.$route.query.remark2);
this.bill.remark3=JSON.parse(this.$route.query.remark3);
}
},
// 分页
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
},
mounted(){
this.defaultData();
}
}
</script>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">进港航班配置</div>
</el-col>
</el-row>
<el-row>
<el-form :model="configure" :rules="rules" ref="configure" label-width="100%" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航班号" prop="flightNo" label-width="120px">
<el-input v-model="configure.flightNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="进出标识" prop="ietype" label-width="120px">
<el-select v-model="configure.ietype" placeholder="" style="display:inline">
<el-option v-for="item in linesTypes" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="reamrk" label-width="120px">
<el-input v-model="configure.reamrk"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row style="margin-left: 120px">
<el-col :span="24"> <el-button type="primary" @click="submitForm('confirmatory')">保 存</el-button>
</el-col>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
.el-col{margin-right: 0px;}
</style>
<script>
export default {
data(){
return{
configure:{
flightNo:undefined,
ietype:undefined,
reamrk:undefined,
},
rules: {
flightNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
ietype: [
{required: true, message: '请输入', trigger: 'change'}
],
},
linesTypes:[
{value:'',label:'请选择'},
{value:'1',label:'进港'},
{value:'2',label:'出港'}
],
tableData:[]
}
},
methods:{
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
submitPerson(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
}
}
</script>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">进港确报申报</div>
</el-col>
</el-row>
<el-row>
<el-form :model="confirmatory" :rules="rules" ref="confirmatory" label-width="100%" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航空器注册编号" prop="aircraftNo" label-width="120px">
<el-input v-model="confirmatory.aircraftNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="进港航班号" prop="flightNo" label-width="120px">
<el-input v-model="confirmatory.flightNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班日期" prop="flightDate" label-width="120px">
<el-date-picker
v-model="confirmatory.flightDate"
type="date"
style="width:275px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="离港时间" prop="departuredatetime" label-width="120px">
<el-input v-model="confirmatory.departuredatetime"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="目的港" prop="arrivalPort" label-width="120px">
<el-input v-model="confirmatory.arrivalPort"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="关区代码" prop="customDistrictNo" label-width="120px">
<el-input v-model="confirmatory.customDistrictNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="抵港时间" prop="arrivaldatetime" label-width="120px">
<el-input v-model="confirmatory.arrivaldatetime"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="停靠机坪" prop="stayid" label-width="120px">
<el-input v-model="confirmatory.stayid"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="meno" label-width="120px">
<el-input v-model="confirmatory.meno"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row style="margin-left: 120px">
<el-col :span="24"> <el-button type="primary" @click="submitForm('confirmatory')">保 存</el-button>
<el-button type="success">保存并发送</el-button></el-col>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
.el-col{margin-right: 0px;}
</style>
<script>
export default {
data(){
return{
confirmatory:{
aircraftNo:undefined,
flightNo:undefined,
flightDate:undefined,
departuredatetime:undefined,
arrivalPort:undefined,
customDistrictNo:undefined,
arrivaldatetime:undefined,
stayid:undefined,
meno:undefined,
},
rules: {
aircraftNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
flightNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
flightDate: [
{required: true, message: '请选择', trigger: 'change'}
],
departuredatetime: [
{required: true, message: '请输入', trigger: 'blur'}
],
arrivalPort: [
{required: true, message: '请输入(三字码)', trigger: 'blur'},
{min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
],
customDistrictNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
arrivaldatetime: [
{required: true, message: '请选择', trigger: 'blur'}
],
stayid: [
{required: true, message: '请选择', trigger: 'blur'}
],
},
tableData:[]
}
},
methods:{
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
submitPerson(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
}
}
</script>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">出港确报申报</div>
</el-col>
</el-row>
<el-row>
<el-form :model="declare" :rules="rules" ref="declare" label-width="100%" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航空器注册编号" prop="aircraftNo" label-width="120px">
<el-input v-model="declare.aircraftNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="出港航班号" prop="flightNo" label-width="120px">
<el-input v-model="declare.flightNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班日期" prop="flightDate" label-width="120px">
<el-date-picker
v-model="declare.flightDate"
type="date"
style="width:275px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="离港时间" prop="departuredatetime" label-width="120px">
<el-input v-model="declare.departuredatetime"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="出发港" prop="departurePort" label-width="120px">
<el-input v-model="declare.departurePort"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="关区代码" prop="customDistrictNo" label-width="120px">
<el-input v-model="declare.customDistrictNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="meno" label-width="120px">
<el-input v-model="declare.meno"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row style="margin-left: 120px">
<el-col :span="24"> <el-button type="primary" @click="submitForm('declare')">保 存</el-button>
<el-button type="success">保存并发送</el-button></el-col>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
.el-col{margin-right: 0px;}
</style>
<script>
export default {
data(){
return{
declare:{
aircraftNo:undefined,
flightNo:undefined,
flightDate:undefined,
departurePort:undefined,
departuredatetime:undefined,
customDistrictNo:undefined,
meno:undefined,
},
rules: {
aircraftNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
flightNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
flightDate: [
{required: true, message: '请选择', trigger: 'change'}
],
departuredatetime: [
{required: true, message: '请输入', trigger: 'blur'}
],
departurePort: [
{required: true, message: '请输入(三字码)', trigger: 'blur'},
{min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
],
customDistrictNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
},
tableData:[]
}
},
methods:{
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
submitPerson(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
}
}
</script>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">出港预报申报</div>
</el-col>
</el-row>
<el-row>
<el-form :model="departure" :rules="rules" ref="departure" label-width="100%" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航空器注册编码" prop="aircraftNo" label-width="120px">
<el-input v-model="departure.aircraftNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班号" prop="flightNo" label-width="120px">
<el-input v-model="departure.flightNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班日期" prop="flightDate" label-width="120px">
<el-date-picker
v-model="departure.flightDate"
type="date"
style="width:275px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="出发港" prop="departurePort" label-width="120px">
<el-input v-model="departure.departurePort"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="目的港" prop="arrivalPort" label-width="120px">
<el-input v-model="departure.arrivalPort"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="关区代码" prop="customDistrictNo" label-width="120px">
<el-input v-model="departure.customDistrictNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="预计离港时间" prop="departuredatetime" label-width="120px">
<el-input v-model="departure.departuredatetime"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="停靠机坪" prop="stayid" label-width="120px">
<el-input v-model="departure.stayid"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="meno" label-width="120px">
<el-input v-model="departure.meno"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row style="margin-left: 120px">
<el-col :span="24"> <el-button type="primary" @click="submitForm('departure')">保 存</el-button>
<el-button type="success">保存并发送</el-button></el-col>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
.el-col{margin-right: 0px;}
</style>
<script>
export default {
data(){
return{
departure:{
aircraftNo:undefined,
flightNo:undefined,
flightDate:undefined,
departurePort:undefined,
arrivalPort:undefined,
customDistrictNo:undefined,
stayid:undefined,
departuredatetime:undefined,
meno:undefined,
},
rules: {
aircraftNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
flightNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
flightDate: [
{type: 'date',required: true, message: '请选择', trigger: 'change'}
],
departurePort: [
{required: true, message: '请输入(三字码)', trigger: 'blur'},
{min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
],
arrivalPort: [
{required: true, message: '请输入(三字码)', trigger: 'blur'},
{min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
],
customDistrictNo: [
{required: true, message: '请选择', trigger: 'blur'}
],
departuredatetime: [
{required: true, message: '请选择', trigger: 'blur'}
],
stayid: [
{required: true, message: '请输入', trigger: 'blur'}
],
},
tableData:[]
}
},
methods:{
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
submitPerson(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
}
}
</script>
\ No newline at end of file
... ...
... ... @@ -19,12 +19,12 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="130px">
<el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="140px">
<el-input v-model="flight.airwayNameCn"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="130px">
<el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="140px">
<el-input v-model="flight.airwayNameEn"></el-input>
</el-form-item>
</el-col>
... ... @@ -72,22 +72,26 @@
<el-col :span="6">
<el-form-item label="出发港" prop="departurePort" label-width="120px">
<el-input v-model="flight.departurePort"></el-input>
<el-input v-model="flight.departurePort" @input="e => flight.departurePort=inputMe(e)"
maxLength='3' ></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="出发港关区代码" prop="departureCustomNo" label-width="120px">
<el-input v-model="flight.departureCustomNo"></el-input>
<el-input v-model="flight.departureCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="目的港" prop="arrivalPort" label-width="120px">
<el-input v-model="flight.arrivalPort"></el-input>
<el-input v-model="flight.arrivalPort" @input="e => flight.arrivalPort=inputMe(e)"
maxLength='3'></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="目的港关区代码" prop="arrivalCustomNo" label-width="120px">
<el-input v-model="flight.arrivalCustomNo"></el-input>
<el-input v-model="flight.arrivalCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
... ... @@ -102,6 +106,7 @@
:picker-options="{
selectableRange: '00:00:00 - 23:59:59'
}"
format="HHmmss"
style="width:100%"
placeholder="任意时间点">
</el-time-picker>
... ... @@ -114,6 +119,7 @@
:picker-options="{
selectableRange: '00:00:00 - 23:59:59'
}"
format="HHmmss"
style="width:100%"
placeholder="任意时间点">
</el-time-picker>
... ... @@ -126,6 +132,8 @@
<el-date-picker
v-model="flight.effStartdate"
type="date"
value-format="yyyyMMdd"
format="yyyyMMdd"
style="width:100%"
placeholder="选择日期">
</el-date-picker>
... ... @@ -136,6 +144,8 @@
<el-date-picker
v-model="flight.effEnddate"
type="date"
value-format="yyyyMMdd"
format="yyyyMMdd"
style="width:100%"
placeholder="选择日期">
</el-date-picker>
... ... @@ -238,6 +248,19 @@
</el-table>
</el-dialog>
</el-row>
<el-row>
<el-dialog
title="系统提示"
:visible.sync="centerDialogVisible"
width="30%"
center>
<span>{{msg}}</span>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
</el-row>
</el-main>
</el-container>
</template>
... ... @@ -260,6 +283,8 @@
.el-col{margin-right: 0px;}
</style>
<script>
import {addFlight} from "../../api/transport";
const fecha = require('fecha');
export default {
data(){
return{
... ... @@ -272,7 +297,7 @@
groundAgentCode:undefined,
flightNo:undefined,
shareFlightNo:undefined,
linesType:'2',
linesType:'',
flightType:'',
cancelFlag:undefined,
departurePort:undefined,
... ... @@ -295,7 +320,65 @@
statusMsg:undefined,
messageid:undefined
},
rules:{},
rules: {
flightNo: [
{required: true, message: '请输入航班号', trigger: 'blur'}
],
airwayCode: [
{required: true, message: '请输入', trigger: 'blur'}
],
airwayNameEn: [
{required: true, message: '请输入', trigger: 'blur'}
],
airwayNameCn: [
{required: true, message: '请输入', trigger: 'blur'}
],
transportAgentCode: [
{required: true, message: '请输入', trigger: 'blur'}
],
groundAgentCode: [
{required: true, message: '请输入', trigger: 'blur'}
],
linesType: [
{required: true, message: '请输入', trigger: 'blur'}
],
flightType: [
{required: true, message: '请输入', trigger: 'blur'}
],
shareFlightNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
departurePort: [
//{ min: 3, max: 3, message: '长度在3个字符', trigger: 'blur'},
{required: true, message: '请输入(三字码)', trigger: 'blur'},
],
departureCustomNo: [
{required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
],
arrivalPort: [
{required: true, message: '请输入(三字码)', trigger: 'blur'},
],
arrivalCustomNo: [
{required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
],
plan: [
{required: true, message: '请输入', trigger: 'blur'},
],
std: [
{required: true, message: '请选择时间', trigger: 'blur'}
],
sta: [
{required: true, message: '请选择时间', trigger: 'blur'},
],
effStartdate: [
{required: true, message: '请选择时间', trigger: 'blur'}
],
effEnddate:[
{required: true, message: '请选择时间', trigger: 'blur'}
]
},
flightTypes:[
{value:'',label:'请选择'},
{value:'1',label:'来自关境外'},
... ... @@ -316,8 +399,104 @@
{value:'8',label:'货包机'}
],
dialogTableVisible:false,
tableData:[]
centerDialogVisible:false,
currentPage4:4,
msg:undefined,
tableData: [{
std: '161146',
sta: '161146',
effStartdate: '20160502',
effEnddate: '20160503'
}],
}
},
methods:{
//新增航班方法（保存按钮）
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
addFlight(this.flight).then(res=>{
let response=res.data;
if(response.code=='200'){
this.centerDialogVisible=true;
this.msg=response.msg;
this.$router.push({path:'/queryFlight',query:{flightNo:JSON.stringify(this.flight.flightNo),aircraftNo:JSON.stringify(this.flight.aircraftNo)}});
this.centerDialogVisible=false;
}else{
this.centerDialogVisible=true;
this.msg=response.msg;
}
});
} else {
console.log('error submit!!');
return false;
}
});
},
//分页方法
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
//航线信息查询选择功能
handleEdit(index,row){
this.flight.std=fecha.parse(row.std,'HHmmss');
this.flight.sta=fecha.parse(row.sta,'HHmmss');
this.flight.effStartdate=row.effStartdate;
this.flight.effEnddate=row.effEnddate;
this.flight.departurePort=row.departurePort;
this.flight.arrivalPort=row.arrivalPort;
this.flight.departureCustomNo=row.departureCustomNo;
this.flight.arrivalCustomNo=row.arrivalCustomNo;
this.flight.plan=row.plan;
this.dialogTableVisible=false;
},
//加载默认值
defaultData(){
if(this.$route.query!=null){
this.flight.uuid=JSON.parse(this.$route.query.uuid);
this.flight.airwayCode=JSON.parse(this.$route.query.airwayCode);
this.flight.airwayNameEn=JSON.parse(this.$route.query.airwayNameEn);
this.flight.airwayNameCn=JSON.parse(this.$route.query.airwayNameCn);
this.flight.transportAgentCode=JSON.parse(this.$route.query.transportAgentCode);
this.flight.groundAgentCode=JSON.parse(this.$route.query.groundAgentCode);
this.flight.flightNo=JSON.parse(this.$route.query.flightNo);
this.flight.shareFlightNo=JSON.parse(this.$route.query.shareFlightNo);
this.flight.linesType=JSON.parse(this.$route.query.linesType);
this.flight.std=fecha.parse(JSON.parse(this.$route.query.std),'HHmmss');
this.flight.sta=fecha.parse(JSON.parse(this.$route.query.sta),'HHmmss');
this.flight.effStartdate=JSON.parse(this.$route.query.effStartdate);
this.flight.effEnddate=JSON.parse(this.$route.query.effEnddate);
this.flight.flightType=JSON.parse(this.$route.query.flightType);
this.flight.cancelFlag=JSON.parse(this.$route.query.cancelFlag);
this.flight.departurePort=JSON.parse(this.$route.query.departurePort);
this.flight.arrivalPort=JSON.parse(this.$route.query.arrivalPort);
this.flight.departureCustomNo=JSON.parse(this.$route.query.departureCustomNo);
this.flight.arrivalCustomNo=JSON.parse(this.$route.query.arrivalCustomNo);
this.flight.plan=JSON.parse(this.$route.query.plan);
this.flight.remark=JSON.parse(this.$route.query.remark);
this.flight.createTime=JSON.parse(this.$route.query.createTime);
this.flight.createBy=JSON.parse(this.$route.query.createBy);
this.flight.updateTime=JSON.parse(this.$route.query.updateTime);
this.flight.updateBy=JSON.parse(this.$route.query.updateBy);
this.flight.isDelete=JSON.parse(this.$route.query.isDelete);
this.flight.serialno=JSON.parse(this.$route.query.serialno);
this.flight.status=JSON.parse(this.$route.query.status);
this.flight.statusMsg=JSON.parse(this.$route.query.statusMsg);
this.flight.messageid=JSON.parse(this.$route.query.messageid);
}
},
// 过滤中英文
inputMe(e){
return e.replace(/[^a-zA-Z]/g,'').toUpperCase();
}
},
//渲染方法
mounted(){
this.defaultData();
}
}
</script>
\ No newline at end of file
... ...
... ... @@ -25,22 +25,26 @@
</el-col>
<el-col :span="12">
<el-form-item label="出发港" prop="departurePort" label-width="120px">
<el-input v-model="flight.departurePort"></el-input>
<el-input v-model="flight.departurePort" @input="e => flight.departurePort=inputMe(e)"
maxLength='3'></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出发港关区代码" prop="departureCustomNo" label-width="120px">
<el-input v-model="flight.departureCustomNo"></el-input>
<el-input v-model="flight.departureCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="目的港" prop="arrivalPort" label-width="120px">
<el-input v-model="flight.arrivalPort"></el-input>
<el-input v-model="flight.arrivalPort" @input="e => flight.departurePort=inputMe(e)"
maxLength='3'></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="目的港关区代码" prop="arrivalCustomNo" label-width="120px">
<el-input v-model="flight.arrivalCustomNo"></el-input>
<el-input v-model="flight.arrivalCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
... ... @@ -82,6 +86,20 @@
<el-col :span="24"> <el-button type="primary" @click="submitForm('flight')">保 存</el-button>
<el-button type="success">保存并发送</el-button></el-col>
</el-row>
<!--对话提示框-->
<el-row>
<el-dialog
title="系统提示"
:visible.sync="centerDialogVisible"
width="30%"
center>
<span>{{msg}}</span>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
</el-row>
</el-main>
</el-container>
</template>
... ... @@ -104,6 +122,8 @@
.el-col{margin-right: 0px;}
</style>
<script>
import {addFlightPlan} from "../../api/transport";
const fecha = require('fecha');
export default {
data(){
return{
... ... @@ -120,7 +140,34 @@
meno:undefined
},
rules:{
flightNo: [
{required: true, message: '请输入航班号', trigger: 'blur'}
],
flightDate: [
{required: true, message: '请选择航班日期', trigger: 'blur'}
],
departurePort: [
//{ min: 3, max: 3, message: '长度在3个字符', trigger: 'blur'},
{required: true, message: '请输入(三字码)', trigger: 'blur'},
],
departureCustomNo: [
{required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
],
arrivalPort: [
{required: true, message: '请输入(三字码)', trigger: 'blur'},
],
arrivalCustomNo: [
{required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
],
currentTakeoffTime: [
{required: true, message: '请选择日期', trigger: 'blur'}
],
currentLandingTime: [
{required: true, message: '请选择日期', trigger: 'blur'}
],
linesType: [
{required: true, message: '请选择', trigger: 'blur'}
],
},
linesTypes:[
{value:'',label:'请选择'},
... ... @@ -129,6 +176,32 @@
],
}
},
methods(){}
methods:{
//新增航线方法（保存按钮）
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
addFlightPlan(this.flight).then(res=>{
let response=res.data;
if(response.code=='200'){
this.centerDialogVisible=true;
this.msg=response.msg;
this.$router.push({path:'/queryFlightplan',query:{serialNo:JSON.stringify(this.flight.serialNo)}});
}else{
this.msg=response.msg;
}
});
} else {
console.log('error submit!!');
return false;
}
});
},
},
// 过滤中英文
inputMe(e){
return e.replace(/[^a-zA-Z]/g,'').toUpperCase();
},
}
</script>
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">出港航班配置</div>
</el-col>
</el-row>
<el-row>
<el-form :model="outConfigure" :rules="rules" ref="outConfigure" label-width="100%" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航班号" prop="flightNo" label-width="120px">
<el-input v-model="outConfigure.flightNo"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="进出标识" prop="ietype" label-width="120px">
<el-select v-model="outConfigure.ietype" placeholder="" style="display:inline">
<el-option v-for="item in linesTypes" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="reamrk" label-width="120px">
<el-input v-model="outConfigure.reamrk"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<el-row style="margin-left: 120px">
<el-col :span="24"> <el-button type="primary" @click="submitForm('outConfigure')">保 存</el-button>
</el-col>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
.el-col{margin-right: 0px;}
</style>
<script>
export default {
data(){
return{
outConfigure:{
flightNo:undefined,
ietype:undefined,
reamrk:undefined,
},
rules: {
flightNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
ietype: [
{required: true, message: '请输入', trigger: 'change'}
],
},
linesTypes:[
{value:'',label:'请选择'},
{value:'1',label:'进港'},
{value:'2',label:'出港'}
],
tableData:[]
}
},
methods:{
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
submitPerson(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
}
}
</script>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">航班查询</div>
</el-col>
</el-row>
<!-- 搜索区域-->
<el-row>
<el-form :label-position="labelPosition" :model="queryArrival" :rules="rules" 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="queryArrival.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="queryArrival.flightNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-form-item label="航班日期:" prop="flightDate" label-width="90px">
<el-date-picker
v-model="queryArrival.flightDate"
type="date"
style="width:190px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5" >
<el-button type="primary" @click="submitForm('queryArrival')">查询</el-button>
</el-col>
</el-form>
</el-row>
<!-- 表单区域-->
<el-row>
<el-table
:data="tableData"
border
style="width: 100%;margin-bottom: 10px">
<el-table-column
fixed="left"
label="操作"
width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="handleEdit(scope.$index, scope.row)">编辑</el-button>
</template>
</el-table-column>
<el-table-column
fixed
prop="flightNo"
label="航班号"
width="80">
</el-table-column>
<el-table-column
fixed
prop="flightDate"
label="航班日期"
width="120">
</el-table-column>
<el-table-column
fixed
prop="aircraftNo"
label="航空器注册编码"
width="120">
</el-table-column>
<el-table-column
fixed
prop="departurePort"
label="出发港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="arrivalPort"
label="目的港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="customDistrictNo"
label="关区代码"
width="80">
</el-table-column>
<el-table-column
fixed
prop="transportflag"
label="运输计划"
width="150">
</el-table-column>
<el-table-column
fixed
prop="departuredatetime"
label="离港时间"
width="120">
</el-table-column>
<el-table-column
fixed
prop="statusMsg"
label="海关回执"
width="150">
</el-table-column>
<el-table-column
fixed
prop=""
label="报文操作"
width="150">
<template slot-scope="scope">
<el-button
size="mini"
type="success"
@click="handleEdit(scope.$index, scope.row)">查看</el-button>
</template>
<template slot-scope="scope">
<el-button
size="mini"
type="danger"
@click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
</div>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
</style>
<script>
export default {
data(){
return{
queryArrival:{
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:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</script>
\ No newline at end of file
... ...
... ... @@ -10,17 +10,17 @@
<el-row>
<el-form :label-position="labelPosition" :model="queryBill" :rules="rules" ref="queryBill"
label-width="130px" class="demo-ruleForm">
<el-col :span="6">
<el-col :span="5">
<el-form-item label="航班号:" prop="flightNo" label-width="70px">
<el-input v-model="queryBill.flightNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-col :span="5" >
<el-form-item label="航空器注册号:" prop="aircraftNo" label-width="110px">
<el-input v-model="queryBill.aircraftNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-col :span="5" >
<el-form-item label="航班日期:" prop="flightDate" label-width="80px">
<el-date-picker
v-model="queryBill.flightDate"
... ... @@ -30,13 +30,13 @@
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-col :span="5" >
<el-form-item label="进出港:" prop="accessFlag" label-width="70px">
<el-input v-model="queryBill.accessFlag" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-button type="primary" @click="submitForm('queryBill')">查询</el-button>
<el-col :span="3" >
<el-button type="primary" @click="submitForm()">查询</el-button>
</el-col>
</el-form>
</el-row>
... ... @@ -45,6 +45,7 @@
<el-table
:data="tableData"
border
v-loading="tableloading"
style="width: 100%;margin-bottom: 10px">
<el-table-column
fixed="left"
... ... @@ -137,10 +138,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>
... ... @@ -166,6 +167,8 @@
</style>
<script>
import {editBill,selectBill} from "../../api/transport";
export default {
data(){
return{
... ... @@ -175,13 +178,76 @@
flightDate:undefined,
accessFlag:undefined,
},
tableloading:false,
rules:{},
labelPosition:'left',
currentPage: 4,
currentPage: 1,
pageSize:10,
total:0,
tableData:[]
}
},
methods: {
//获取单据列表
submitForm(){
let params={currentPage:this.currentPage,pageSize:this.pageSize,flightNo:this.queryBill.flightNo,
aircraftNo:this.queryBill.aircraftNo,flightDate:this.queryBill.flightDate,accessFlag:this.queryBill.accessFlag};
this.tableloading=true;
selectBill(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(() => {
editBill(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(){
this.flightNo=JSON.parse(this.$route.query.flightNo);
this.aircraftNo=JSON.parse(this.$route.query.aircraftNo);
this.flightDate=JSON.parse(this.$route.query.flightDate);
this.accessFlag=JSON.parse(this.$route.query.accessFlag);
},
//编辑单据查询
handleEdit(index,row){
this.$router.push({path:'/bill',query:{uuid:JSON.stringify(row.uuid),aircraftNo:JSON.stringify(row.aircraftNo),flightNo:JSON.stringify(row.flightNo),
flightDate:JSON.stringify(row.flightDate),accessFlag:JSON.stringify(row.accessFlag),departureAirport:JSON.stringify(row.departureAirport),
departuredatetime:JSON.stringify(row.departuredatetime),departureno:JSON.stringify(row.departureno),arrivalAirport:JSON.stringify(row.arrivalAirport),arrivaldatetime:JSON.stringify(row.arrivaldatetime),
arrivalno:JSON.stringify(row.arrivalno),aircrewSum:JSON.stringify(row.aircrewSum),interPassengerSum:JSON.stringify(row.interPassengerSum),localePassengerSum:JSON.stringify(row.localePassengerSum),
interBaggageNum:JSON.stringify(row.interBaggageNum),localeBaggageNum:JSON.stringify(row.localeBaggageNum),goodsNum:JSON.stringify(row.goodsNum),goodsQuantity:JSON.stringify(row.goodsQuantity),
cargoBillNum:JSON.stringify(row.cargoBillNum),passengerPage:JSON.stringify(row.passengerPage),aircrewBillNum:JSON.stringify(row.aircrewBillNum),aircrewCargoBillNum:JSON.stringify(row.aircrewCargoBillNum),
arrivalPosition:JSON.stringify(row.arrivalPosition), bussinessType:JSON.stringify(row.bussinessType),messageid:JSON.stringify(row.messageid),status:JSON.stringify(row.status),statusMsg:JSON.stringify(row.statusMsg),meno:JSON.stringify(row.meno),
createTime:JSON.stringify(row.createTime),createBy:JSON.stringify(row.createBy),updateTime:JSON.stringify(row.updateTime),updateBy:JSON.stringify(row.updateBy),
isDelete:JSON.stringify(row.isDelete), remark:JSON.stringify(row.remark),remark1:JSON.stringify(row.remark1), remark2:JSON.stringify(row.remark2),remark3:JSON.stringify(row.remark3)}})
},
//分页
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
... ... @@ -189,5 +255,10 @@
console.log(`当前页: ${val}`);
}
},
//渲染方法
mounted(){
this.defaultData();
this.submitForm();
}
}
</script>
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">进港航班配置查询</div>
</el-col>
</el-row>
<!-- 搜索区域-->
<el-row>
<el-form :label-position="labelPosition" :model="queryConfigure" :rules="rules" ref="queryFlight"
label-width="130px" class="demo-ruleForm">
<el-col :span="6" >
<el-form-item label="航班号：" prop="flightNo" label-width="80px">
<el-input v-model="queryConfigure.flightNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="5" >
<el-button type="primary" @click="submitForm('queryConfigure')">查询</el-button>
</el-col>
</el-form>
</el-row>
<!-- 表单区域-->
<el-row>
<el-table
:data="tableData"
border
style="width: 100%;margin-bottom: 10px">
<el-table-column
fixed="left"
label="操作"
width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="handleEdit(scope.$index, scope.row)">编辑</el-button>
</template>
</el-table-column>
<el-table-column
fixed
prop="username"
label="用户名"
width="120">
</el-table-column>
<el-table-column
fixed
prop="flightno"
label="航班号"
width="80">
</el-table-column>
<el-table-column
fixed
prop="ietype"
label="进出港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="createby"
label="创建人"
width="120">
</el-table-column>
<el-table-column
fixed
prop="createtime"
label="创建时间"
width="120">
</el-table-column>
<el-table-column
fixed
prop="updateby"
label="更新人"
width="120">
</el-table-column>
<el-table-column
fixed
prop="updatetime"
label="更新时间"
width="120">
</el-table-column>
<el-table-column
fixed
prop=""
label="报文操作"
width="150">
<template slot-scope="scope">
<el-button
size="mini"
type="success"
@click="handleEdit(scope.$index, scope.row)">查看</el-button>
</template>
<template slot-scope="scope">
<el-button
size="mini"
type="danger"
@click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
</div>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
</style>
<script>
export default {
data(){
return{
queryConfigure:{
flightNo:undefined,
},
rules:{
flightNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
},
labelPosition:'left',
currentPage: 4,
tableData:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</script>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">进港确报查询</div>
</el-col>
</el-row>
<!-- 搜索区域-->
<el-row>
<el-form :label-position="labelPosition" :model="queryConfirmatory" :rules="rules" 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="queryConfirmatory.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="queryConfirmatory.flightNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-form-item label="航班日期:" prop="flightDate" label-width="90px">
<el-date-picker
v-model="queryConfirmatory.flightDate"
type="date"
style="width:190px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5" >
<el-button type="primary" @click="submitForm('queryConfirmatory')">查询</el-button>
</el-col>
</el-form>
</el-row>
<!-- 表单区域-->
<el-row>
<el-table
:data="tableData"
border
style="width: 100%;margin-bottom: 10px">
<el-table-column
fixed="left"
label="操作"
width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="handleEdit(scope.$index, scope.row)">编辑</el-button>
</template>
</el-table-column>
<el-table-column
fixed
prop="flightNo"
label="航班号"
width="80">
</el-table-column>
<el-table-column
fixed
prop="flightDate"
label="航班日期"
width="120">
</el-table-column>
<el-table-column
fixed
prop="aircraftNo"
label="航空器注册编码"
width="120">
</el-table-column>
<el-table-column
fixed
prop="arrivalPort"
label="目的港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="customDistrictNo"
label="关区代码"
width="80">
</el-table-column>
<el-table-column
fixed
prop="transportflag"
label="运输计划"
width="80">
</el-table-column>
<el-table-column
fixed
prop="departuredatetime"
label="离港时间"
width="120">
</el-table-column>
<el-table-column
fixed
prop="arrivaldatetime"
label="抵港时间"
width="120">
</el-table-column>
<el-table-column
fixed
prop="statusMsg"
label="海关回执"
width="150">
</el-table-column>
<el-table-column
fixed
prop=""
label="报文操作"
width="150">
<template slot-scope="scope">
<el-button
size="mini"
type="success"
@click="handleEdit(scope.$index, scope.row)">查看</el-button>
</template>
<template slot-scope="scope">
<el-button
size="mini"
type="danger"
@click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
</div>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
</style>
<script>
export default {
data(){
return{
queryConfirmatory:{
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:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</script>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">出港确报查询</div>
</el-col>
</el-row>
<!-- 搜索区域-->
<el-row>
<el-form :label-position="labelPosition" :model="queryDeclare" :rules="rules" 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="queryDeclare.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="queryDeclare.flightNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-form-item label="航班日期:" prop="flightDate" label-width="90px">
<el-date-picker
v-model="queryDeclare.flightDate"
type="date"
style="width:190px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5" >
<el-button type="primary" @click="submitForm('queryDeclare')">查询</el-button>
</el-col>
</el-form>
</el-row>
<!-- 表单区域-->
<el-row>
<el-table
:data="tableData"
border
style="width: 100%;margin-bottom: 10px">
<el-table-column
fixed="left"
label="操作"
width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="handleEdit(scope.$index, scope.row)">编辑</el-button>
</template>
</el-table-column>
<el-table-column
fixed
prop="flightNo"
label="航班号"
width="80">
</el-table-column>
<el-table-column
fixed
prop="flightDate"
label="航班日期"
width="120">
</el-table-column>
<el-table-column
fixed
prop="aircraftNo"
label="航空器注册编码"
width="120">
</el-table-column>
<el-table-column
fixed
prop="departurePort"
label="出发港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="arrivalPort"
label="目的港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="customDistrictNo"
label="关区代码"
width="80">
</el-table-column>
<el-table-column
fixed
prop="transportflag"
label="运输计划"
width="120">
</el-table-column>
<el-table-column
fixed
prop="departuredatetime"
label="离港时间"
width="120">
</el-table-column>
<el-table-column
fixed
prop="statusMsg"
label="海关回执"
width="150">
</el-table-column>
<el-table-column
fixed
prop=""
label="报文操作"
width="150">
<template slot-scope="scope">
<el-button
size="mini"
type="success"
@click="handleEdit(scope.$index, scope.row)">查看</el-button>
</template>
<template slot-scope="scope">
<el-button
size="mini"
type="danger"
@click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
</div>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
</style>
<script>
export default {
data(){
return{
queryDeclare:{
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:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</script>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">出港航班查询</div>
</el-col>
</el-row>
<!-- 搜索区域-->
<el-row>
<el-form :label-position="labelPosition" :model="queryDeparture" :rules="rules" 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="flightNo" label-width="80px">
<el-input v-model="queryDeparture.flightNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-form-item label="航班日期:" prop="flightDate" label-width="90px">
<el-date-picker
v-model="queryDeparture.flightDate"
type="date"
style="width:190px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5" >
<el-button type="primary" @click="submitForm('queryDeparture')">查询</el-button>
</el-col>
</el-form>
</el-row>
<!-- 表单区域-->
<el-row>
<el-table
:data="tableData"
border
style="width: 100%;margin-bottom: 10px">
<el-table-column
fixed="left"
label="操作"
width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="handleEdit(scope.$index, scope.row)">编辑</el-button>
</template>
</el-table-column>
<el-table-column
fixed
prop="flightNo"
label="航班号"
width="80">
</el-table-column>
<el-table-column
fixed
prop="flightDate"
label="航班日期"
width="120">
</el-table-column>
<el-table-column
fixed
prop="aircraftNo"
label="航空器注册编码"
width="120">
</el-table-column>
<el-table-column
fixed
prop="departurePort"
label="出发港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="arrivalPort"
label="目的港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="customDistrictNo"
label="关区代码"
width="80">
</el-table-column>
<el-table-column
fixed
prop="transportflag"
label="运输计划"
width="150">
</el-table-column>
<el-table-column
fixed
prop="departuredatetime"
label="离港时间"
width="120">
</el-table-column>
<el-table-column
fixed
prop="statusMsg"
label="海关回执"
width="150">
</el-table-column>
<el-table-column
fixed
prop=""
label="报文操作"
width="150">
<template slot-scope="scope">
<el-button
size="mini"
type="success"
@click="handleEdit(scope.$index, scope.row)">查看</el-button>
</template>
<template slot-scope="scope">
<el-button
size="mini"
type="danger"
@click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
</div>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
</style>
<script>
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:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</script>
\ No newline at end of file
... ...
... ... @@ -30,6 +30,8 @@
<el-table
:data="tableData"
border
v-loading="tableloading"
style="width: 100%;margin-bottom: 10px">
<el-table-column
fixed="left"
... ... @@ -75,7 +77,7 @@
</el-table-column>
<el-table-column
fixed
prop="departuredatetime"
prop="linesType"
label="运输计划"
width="150">
</el-table-column>
... ... @@ -123,10 +125,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>
... ... @@ -152,6 +154,8 @@
</style>
<script>
import {editFlight, selectFlight} from "../../api/transport";
export default {
data(){
return{
... ... @@ -159,19 +163,91 @@
flightNo:undefined,
aircraftNo:undefined,
},
rules:{},
rules:{
},
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;
},
//获取航班列表
submitForm(){
let params={currentPage:this.currentPage,pageSize:this.pageSize,flightNo:this.queryFlight.flightNo,aircraftNo:this.queryFlight.aircraftNo};
this.tableloading=true;
selectFlight(params).then(res=>{
let response=res.data.data;
this.tableData=response.list;
this.tableloading=false;
this.total=response.total;
});
},
//编辑航班查询功能
handleEdit(index,row){
this.$router.push({path:'/flights',query:{uuid:JSON.stringify(row.uuid),airwayCode:JSON.stringify(row.airwayCode)
,airwayNameEn:JSON.stringify(row.airwayNameEn), airwayNameCn:JSON.stringify(row.airwayNameCn),
transportAgentCode:JSON.stringify(row.transportAgentCode),groundAgentCode:JSON.stringify(row.groundAgentCode),
flightNo:JSON.stringify(row.flightNo),shareFlightNo:JSON.stringify(row.shareFlightNo),linesType:JSON.stringify(row.linesType),
std:JSON.stringify(row.std), sta:JSON.stringify(row.sta),effStartdate:JSON.stringify(row.effStartdate),
effEnddate:JSON.stringify(row.effEnddate),plan:JSON.stringify(row.plan), remark:JSON.stringify(row.remark),
createTime:JSON.stringify(row.createTime),createBy:JSON.stringify(row.createBy),updateTime:JSON.stringify(row.updateTime),
updateBy:JSON.stringify(row.updateBy),isDelete:JSON.stringify(row.isDelete),flightType:JSON.stringify(row.flightType), cancelFlag:JSON.stringify(row.cancelFlag),
departurePort:JSON.stringify(row.departurePort),arrivalPort:JSON.stringify(row.arrivalPort),departureCustomNo:JSON.stringify(row.departureCustomNo),
arrivalCustomNo:JSON.stringify(row.arrivalCustomNo),serialno:JSON.stringify(row.serialno),status:JSON.stringify(row.status),
statusMsg:JSON.stringify(row.statusMsg),messageid:JSON.stringify(row.messageid)
}})
},
//获取默认值
defaultData(){
this.flightNo=JSON.parse(this.$route.query.flightNo);
this.aircraftNo=JSON.parse(this.$route.query.aircraftNo);
},
//列表删除功能
handleDel(index,row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
editFlight(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: '已取消删除'
});
});
}
},
//渲染方法
mounted(){
this.defaultData();
this.submitForm();
}
}
</script>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">出港航班配置查询</div>
</el-col>
</el-row>
<!-- 搜索区域-->
<el-row>
<el-form :label-position="labelPosition" :model="queryFlightConfigure" :rules="rules" ref="queryFlight"
label-width="130px" class="demo-ruleForm">
<el-col :span="6" >
<el-form-item label="航班号：" prop="flightNo" label-width="80px">
<el-input v-model="queryFlightConfigure.flightNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="5" >
<el-button type="primary" @click="submitForm('queryFlightConfigure')">查询</el-button>
</el-col>
</el-form>
</el-row>
<!-- 表单区域-->
<el-row>
<el-table
:data="tableData"
border
style="width: 100%;margin-bottom: 10px">
<el-table-column
fixed="left"
label="操作"
width="100">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="handleEdit(scope.$index, scope.row)">编辑</el-button>
</template>
</el-table-column>
<el-table-column
fixed
prop="username"
label="用户名"
width="120">
</el-table-column>
<el-table-column
fixed
prop="flightno"
label="航班号"
width="80">
</el-table-column>
<el-table-column
fixed
prop="ietype"
label="进出港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="createby"
label="创建人"
width="120">
</el-table-column>
<el-table-column
fixed
prop="createtime"
label="创建时间"
width="120">
</el-table-column>
<el-table-column
fixed
prop="updateby"
label="更新人"
width="120">
</el-table-column>
<el-table-column
fixed
prop="updatetime"
label="更新时间"
width="120">
</el-table-column>
<el-table-column
fixed
prop=""
label="报文操作"
width="150">
<template slot-scope="scope">
<el-button
size="mini"
type="success"
@click="handleEdit(scope.$index, scope.row)">查看</el-button>
</template>
<template slot-scope="scope">
<el-button
size="mini"
type="danger"
@click="handleDel(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
</div>
</el-row>
</el-main>
</el-container>
</template>
<style scoped>
.grid-content {
height: 36px;
line-height: 36px;
}
.el-dialog__body{text-align: center}
.content {
border-left: 4px #409EFF solid;
padding-left: 10px;
background-color: #f9fafc;
margin-bottom: 2px
}
.row-bg{
background-color: white;
}
</style>
<script>
export default {
data(){
return{
queryFlightConfigure:{
flightNo:undefined,
},
rules:{
flightNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
},
labelPosition:'left',
currentPage: 4,
tableData:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</script>
\ No newline at end of file
... ...
... ... @@ -145,10 +145,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>
... ... @@ -174,6 +174,7 @@
</style>
<script>
import {selectFlightPlan, editFlightPlan, selectBill, editBill} from "../../api/transport";
export default {
data(){
return{
... ... @@ -184,17 +185,86 @@
},
rules:{},
labelPosition:'left',
currentPage: 4,
currentPage: 1,
pageSize:10,
total:0,
tableData:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
handleSizeChange(val){},
handleCurrentChange(val){},
//获取单据列表
submitForm() {
let params = {
currentPage: this.currentPage, pageSize: this.pageSize, flightNo: this.queryFlightplan.flightNo,
aircraftNo: this.queryFlightplan.aircraftNo, flightDate: this.queryFlightplan.flightDate
};
this.tableloading = true;
selectBill(params).then(res => {
let response = res.data.data;
this.tableData = response.list;
this.tableloading = false;
this.total = response.total;
});
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
//列表删除功能
handleDel(index, row) {
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
editFlightPlan(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() {
this.flightNo = JSON.parse(this.$route.query.flightNo);
this.aircraftNo = JSON.parse(this.$route.query.aircraftNo);
this.flightDate = JSON.parse(this.$route.query.flightDate);
},*/
//编辑单据查询
/*handleEdit(index,row){
this.$router.push({path:'/bill',query:
{
uuid:JSON.stringify(row.uuid),
flightNo:JSON.stringify(row.flightNo),
flightDate:JSON.stringify(row.flightDate),
departurePort:JSON.stringify(row.departurePort),
departureCustomNo:JSON.stringify(row.departureCustomNo),
arrivalPort:JSON.stringify(row.arrivalPort),
arrivalCustomNo:JSON.stringify(row.arrivalCustomNo),
currentTakeoffTime:JSON.stringify(row.currentTakeoffTime),
currentLandingTime:JSON.stringify(row.currentLandingTime),
linesType:JSON.stringify(row.linesType)},*/
},
//渲染方法
mounted(){
//this.defaultData();
this.submitForm();
},
}
</script>
... ...
... ... @@ -7,10 +7,19 @@
</el-col>
</el-row>
<el-row>
<el-form :model="queryRoute" :rules="rules" ref="serialNo" label-width="130px" >
<el-col :span="6">
<el-input v-model="serialNo" placeholder="请输入航线序号"></el-input>
<el-form-item label="航线序号" prop="serialNo" label-width="130px">
<el-input v-model="queryRoute.serialNo" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="3"> <el-button type="primary" @click="submitForm()">查 询</el-button></el-col>
</el-form>
</el-row>
<el-row>
<el-col :span="24">
... ... @@ -149,13 +158,20 @@
export default {
data(){
return{
queryRoute:{
serialNo:undefined,
},
labelPosition:'left',
currentPage: 1,
pageSize:10,
total:0,
tableData:[],
tableloading:false
tableloading:false,
rules:{
serialNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
}
}
},
methods: {
... ... @@ -176,7 +192,6 @@
this.tableloading=false;
this.total=response.total;
});
},
//编辑航线功能
handleEdit(index,row){
... ...
... ... @@ -172,7 +172,7 @@
flightDate:undefined,
accessFlag:undefined,
},
rules:{},
labelPosition:'left',
currentPage: 4,
tableData:[]
... ...
... ... @@ -10,22 +10,26 @@
<el-form :model="airline" :rules="rules" ref="airline" label-width="100px" class="demo-ruleForm">
<el-col :span="6">
<el-form-item label="出发港" prop="departurePort" label-width="120px">
<el-input v-model="airline.departurePort"></el-input>
<el-input @input="e => airline.departurePort=inputMe(e)" v-model="airline.departurePort"
maxLength='3' ></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="出发港关区" prop="departureCustomNo" label-width="120px">
<el-input v-model="airline.departureCustomNo"></el-input>
<el-input v-model="airline.departureCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="目的港" prop="arrivalPort" label-width="120px">
<el-input v-model="airline.arrivalPort"></el-input>
<el-input @input="e => airline.arrivalPort=inputMe(e)" v-model="airline.arrivalPort"
maxLength='3'></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="目的港关区" prop="arrivalCustomNo" label-width="120px">
<el-input v-model="airline.arrivalCustomNo"></el-input>
<el-input v-model="airline.arrivalCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
... ... @@ -228,21 +232,35 @@
},
rules: {
departurePort: [
//{ min: 3, max: 3, message: '长度在3个字符', trigger: 'blur'},
{required: true, message: '请输入(三字码)', trigger: 'blur'},
{min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
],
departureCustomNo: [
{required: true, message: '请输入关区代码', trigger: 'blur'}
{required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
],
arrivalPort: [
{required: true, message: '请输入(三字码)', trigger: 'blur'},
{min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
],
arrivalCustomNo: [
{required: true, message: '请输入关区代码', trigger: 'blur'}
{required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
],
serialNo:[
{required: true, message: '请输入航线序号', trigger: 'blur'}
],
plan: [
{required: true, message: '请输入', trigger: 'blur'},
],
std: [
{required: true, message: '请选择时间', trigger: 'blur'}
],
sta: [
{required: true, message: '请选择时间', trigger: 'blur'},
],
effStartdate: [
{required: true, message: '请选择时间', trigger: 'blur'}
],
effEnddate:[
{required: true, message: '请选择时间', trigger: 'blur'}
]
},
tableData: [{
... ... @@ -251,14 +269,16 @@
effStartdate: '20160502',
effEnddate: '20160503'
}],
//长期飞行计划弹框
dialogTableVisible:false,
//系统提示框
centerDialogVisible:false,
currentPage4:4,
msg:undefined
}
},
methods:{
//新增航线方法
//新增航线方法（保存按钮）
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
... ... @@ -293,6 +313,7 @@
this.airline.sta=fecha.parse(row.sta,'HHmmss');
this.airline.effStartdate=row.effStartdate;
this.airline.effEnddate=row.effEnddate;
this.dialogTableVisible=false;
},
//加载默认值
... ... @@ -319,8 +340,15 @@
this.airline.updateBy=JSON.parse(this.$route.query.updateBy);
this.airline.isDelete=JSON.parse(this.$route.query.isDelete);
}
},
// 过滤中英文
inputMe(e){
return e.replace(/[^a-zA-Z]/g,'').toUpperCase();
}
},
//渲染方法
mounted(){
this.defaultData();
... ...
... ... @@ -14,12 +14,12 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="130px">
<el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="140px">
<el-input v-model="aircraft.airwayNameEn" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="130px">
<el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="140px">
<el-input v-model="aircraft.airwayNameCn" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
... ... @@ -52,12 +52,12 @@
</el-col>
<el-col :span="6">
<el-form-item label="最大起飞重量" prop="grossWeight" label-width="130px">
<el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）"></el-input>
<el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="标客舱载客人数" prop="passengerLimit" label-width="130px">
<el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）"></el-input>
<el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
... ... @@ -66,8 +66,8 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="航空器所有人代码" prop="ownerCo" label-width="130px">
<el-input v-model="aircraft.ownerCo" placeholder="请输入数量（单位：人）"></el-input>
<el-form-item label="航空器所有人代码" prop="ownerCo" label-width="140px">
<el-input v-model="aircraft.ownerCo" placeholder="请输入" ></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
... ... @@ -148,8 +148,50 @@
messageid:undefined
},
rules:{
airwayCode: [
{required: true, message: '请输入', trigger: 'blur'}
],
airwayNameEn: [
{required: true, message: '请输入', trigger: 'blur'}
],
airwayNameCn: [
{required: true, message: '请输入', trigger: 'blur'}
],
areoNationality: [
{required: true, message: '请输入', trigger: 'blur'}
],
aircraftNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
credentialType: [
{required: true, message: '请输入', trigger: 'blur'}
],
credentialNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
areoModel: [
{required: true, message: '请输入', trigger: 'blur'}
],
grossWeight: [
{required: true, message: '请输入', trigger: 'blur'}
],
passengerLimit: [
{required: true, message: '请输入', trigger: 'blur'}
],
useRelation: [
{required: true, message: '请输入', trigger: 'blur'}
],
ownerCo: [
{required: true, message: '请输入', trigger: 'blur'}
],
certNo: [
{required: true, message: '请输入', trigger: 'blur'}
],
deliverDate: [
{required: true, message: '请输入', trigger: 'blur'}
],
},
}
},
methods(){}
... ...