作者 xudada

运输工具通用查询

... ... @@ -10,12 +10,12 @@
<el-form :model="bill" :rules="rules" ref="bill" label-width="100%" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航空器注册编号" prop="aircraftNo" label-width="120px">
<el-input v-model="bill.aircraftNo"></el-input>
<el-input v-model="bill.aircraftNo" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="航班号" prop="flightNo" label-width="120px">
<el-input v-model="bill.flightNo"></el-input>
<el-input v-model="bill.flightNo" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
... ... @@ -32,90 +32,84 @@
</el-col>
<el-col :span="6">
<el-form-item label="进出港标识" prop="accessFlag" label-width="120px">
<el-input v-model="bill.accessFlag"></el-input>
<el-input v-model="bill.accessFlag" placeholder="A/D"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="机组人数" prop="aircrewSum" label-width="120px">
<el-input v-model="bill.aircrewSum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input v-model="bill.aircrewSum" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入"></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" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input v-model="bill.interPassengerSum" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入"></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" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input v-model="bill.localePassengerSum" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入"></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" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input v-model="bill.interBaggageNum" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入"></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" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input v-model="bill.localeBaggageNum" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入"></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" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input v-model="bill.goodsNum" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入"></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" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input v-model="bill.goodsQuantity" oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="抵达港口" prop="arrivalAirport" label-width="120px">
<el-input v-model="bill.arrivalAirport"></el-input>
<el-form-item label="抵达港口" prop="arrivalAirport" label-width="120px" >
<el-input v-model="bill.arrivalAirport" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="关区代码" prop="arrivalno" label-width="120px">
<el-input v-model="bill.arrivalno" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
<el-input v-model="bill.arrivalno" oninput="value=value.replace(/[^\d]/g,'')" maxLength='4' placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="抵达时间" prop="arrivaldatetime" label-width="120px">
<el-time-picker
<el-date-picker
v-model="bill.arrivaldatetime"
:picker-options="{
selectableRange: '00:00:00 - 23:59:59'
}"
format="HHmmss"
value-format="yyyyMMdd"
format="yyyyMMdd"
style="width:100%"
placeholder="任意时间点">
</el-time-picker>
placeholder="请选择">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="驶离港口" prop="departureAirport" label-width="120px">
<el-input v-model="bill.departureAirport"></el-input>
<el-input v-model="bill.departureAirport" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="关区代码" prop="departureno" label-width="120px">
<el-input v-model="bill.departureno" oninput="value=value.replace(/[^\d]/g,'')"
maxLength='4'></el-input>
<el-input v-model="bill.departureno" oninput="value=value.replace(/[^\d]/g,'')" maxLength='4' placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="驶离时间" prop="departuredatetime" label-width="120px">
<el-time-picker
<el-date-picker
v-model="bill.departuredatetime"
:picker-options="{
selectableRange: '00:00:00 - 23:59:59'
}"
format="HHmmss"
value-format="yyyyMMdd"
format="yyyyMMdd"
style="width:100%"
placeholder="任意时间点">
</el-time-picker>
placeholder="请选择">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
... ... @@ -140,7 +134,7 @@
</el-col>
<el-col :span="6">
<el-form-item label="停靠机位" prop="arrivalPosition" label-width="120px">
<el-input v-model="bill.arrivalPosition"></el-input>
<el-input v-model="bill.arrivalPosition" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="18">
... ... @@ -153,57 +147,59 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="meno" label-width="120px">
<el-input v-model="bill.meno"></el-input>
<el-input v-model="bill.meno" placeholder="请输入"></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('bill')">保 存</el-button>
<el-button type="success">保存并发送</el-button></el-col>
<el-col :span="24">
<el-button type="primary" @click="submitForm('bill')">保 存</el-button>
<el-button type="success">保存并发送</el-button></el-col>
</el-row>
<el-row class="row-bg">
<el-col :span="24">
<div class="grid-content content">机组名单<el-button type="primary" size="mini" @click="dialogTableVisible = true" style="margin-left:50px">添加机组人员</el-button></div>
</el-col>
</el-row>
<!--添加机组人员dialog-->
<el-row>
<el-dialog title="机组人员添加" :visible.sync="dialogTableVisible">
<el-form :model="billperson" :rules="brules" ref="billperson" label-width="100px" class="demo-ruleForm">
<el-row>
<el-col :span="12">
<el-form-item label="姓名" prop="name">
<el-input v-model="billperson.name"></el-input>
<el-input v-model="billperson.name" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="性别" prop="gender">
<el-input v-model="billperson.gender"></el-input>
<el-input v-model="billperson.gender" placeholder="M/F"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件类型" prop="certType">
<el-input v-model="billperson.certType"></el-input>
<el-input v-model="billperson.certType" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件号码" prop="ceterNo">
<el-input v-model="billperson.ceterNo"></el-input>
<el-input v-model="billperson.ceterNo" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="国籍" prop="nationality">
<el-input v-model="billperson.nationality"></el-input>
<el-input v-model="billperson.nationality" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="职务" prop="gareer">
<el-input v-model="billperson.gareer"></el-input>
<el-input v-model="billperson.gareer" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="meno">
<el-input v-model="billperson.meno"></el-input>
<el-input v-model="billperson.meno" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="24"> <el-button type="primary" @click="submitPerson('billperson')" style="float: right">提 交</el-button></el-col>
... ... @@ -331,10 +327,10 @@ background-color: white;
localeBaggageNum:undefined,
goodsNum:undefined,
goodsQuantity:undefined,
cargoBillNum:undefined,
passengerPage:undefined,
aircrewBillNum:undefined,
aircrewCargoBillNum:undefined,
cargoBillNum:3,
passengerPage:3,
aircrewBillNum:3,
aircrewCargoBillNum:3,
arrivalPosition:undefined,
bussinessType:undefined,
messageid:undefined,
... ... @@ -488,43 +484,9 @@ background-color: white;
},
//加载默认值
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);
if(this.$route.query.uuid!=null){
let ob=Object.assign(this.bill, this.$route.query);
this.bill.arrivaldatetime=fecha.parse(ob.arrivaldatetime,'HHmmss');
}
},
// 分页
... ...
... ... @@ -168,7 +168,6 @@
</style>
<script>
import {editBill,selectBill} from "../../api/transport";
export default {
data(){
return{
... ... @@ -237,22 +236,15 @@
},
//编辑单据查询
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)}})
this.$router.push({path:'/bill',query:row})
},
//分页
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.pageSize=val;
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.currentPage=val;
this.submitForm();
}
},
//渲染方法
... ...
... ... @@ -37,55 +37,46 @@
</template>
</el-table-column>
<el-table-column
prop="serialNo"
label="航线序号"
width="80">
</el-table-column>
<el-table-column
prop="departurePort"
label="出发港"
width="80">
</el-table-column>
<el-table-column
prop="departureCustomNo"
label="出发港关区代码"
width="150">
</el-table-column>
<el-table-column
prop="arrivalPort"
label="目的港"
width="80">
</el-table-column>
<el-table-column
prop="arrivalCustomNo"
label="目的港关区代码"
width="150">
</el-table-column>
<el-table-column
prop="std"
label="长期离港时间"
width="150">
</el-table-column>
<el-table-column
prop="sta"
label="长期抵港时间"
width="150">
</el-table-column>
<el-table-column
prop="effStartdate"
label="有效期起始时间"
width="150">
</el-table-column>
<el-table-column
prop="effEnddate"
label="有效期结束时间"
width="150">
... ...
... ... @@ -199,7 +199,6 @@
.el-col{margin-right: 0px;}
</style>
<script>
const fecha = require('fecha');
import {addRoute,selectLongTimePlan} from '../../api/transport'
import loginUserInfo from '../../api/base'
... ... @@ -340,12 +339,10 @@
}
}
},
// 过滤中英文
inputMe(e){
return e.replace(/[^a-zA-Z]/g,'').toUpperCase();
}
},
//渲染方法
... ...