朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 b977cefa721a7f2b946bde9a7b8053590b63cc1a 1 个父辈 16dae4be

运输工具通用查询

内嵌 并排对比
正在显示 7 个修改的文件 包含 1000 行增加 和 5 行删除
... ... @@ -186,6 +186,35 @@ let routes = [
]
},
{
path: '/input',
component: Home,
name: '进港业务申报',
iconCls:'el-icon-goods',
children:[
{path:'/arrival',component:arrival,name:'进港预报申报'},
{path:'/confirmatory',component:confirmatory,name:'进港确报申报'},
{path:'/queryArrival',component:queryArrival,name:'进港预报查询'},
{path:'/queryConfirmatory',component:queryConfirmatory,name:'进港确报查询'},
{path:'/configure',component:configure,name:'进港航班配置'},
{path:'/queryConfigure',component:queryConfigure,name:'航班配置查询'},
]
},
{
path: '/out',
component: Home,
name: '出港业务申报',
iconCls:'el-icon-goods',
children:[
{path:'/departure',component:departure,name:'出港预报申报'},
{path:'/declare',component:declare,name:'出港确报申报'},
{path:'/queryDeparture',component:queryDeparture,name:'出港预报查询'},
{path:'/queryDeclare',component:queryDeclare,name:'出港确报查询'},
{path:'/outConfigure',component:outConfigure,name:'出港航班配置'},
{path:'/queryFlight',component:queryFlight,name:'航班配置查询'},
]
},
{
path: '/empt',
component: Home,
name: '能源管理',
... ...
<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="queryAircraft" :rules="rules" ref="queryAircraft"
label-width="130px" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航空器所有人代码:" prop="airwayCode" label-width="130px">
<el-input v-model="queryAircraft.airwayCode" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="航空器注册号:" prop="aircraftNo" label-width="110px">
<el-input v-model="queryAircraft.aircraftNo" 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>
</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=ownerCo"
label="航空器所有人代码"
width="120">
</el-table-column>
<el-table-column
fixed
prop="airwayNameEn"
label="所有人英文名称"
width="120">
</el-table-column>
<el-table-column
fixed
prop="airwayNameCn"
label="所有人中文名称"
width="150">
</el-table-column>
<el-table-column
fixed
prop="aircraftNo"
label="航空器注册编号"
width="120">
</el-table-column>
<el-table-column
fixed
prop="certNo"
label="国际证书编号"
width="120">
</el-table-column>
<el-table-column
fixed
prop="owner"
label="航空器所有人"
width="120">
</el-table-column>
<el-table-column
fixed
prop="areoNationality"
label="国籍"
width="80">
</el-table-column>
<el-table-column
fixed
prop="areoModel"
label="机型"
width="80">
</el-table-column>
<el-table-column
fixed
prop="deliverDate"
label="交付日期"
width="120">
</el-table-column>
<el-table-column
fixed
prop="statusMsg"
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{
queryAircraft:{
flightNo:undefined,
aircraftNo:undefined,
flightDate:undefined,
accessFlag:undefined,
},
rules:{},
labelPosition:'left',
currentPage: 4,
tableData:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</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="queryBill" :rules="rules" ref="queryBill"
label-width="130px" class="demo-ruleForm">
<el-col :span="6">
<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-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-form-item label="航班日期:" prop="flightDate" label-width="80px">
<el-date-picker
v-model="queryBill.flightDate"
type="date"
style="width:190px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6" >
<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>
</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=aircraftNo"
label="航空器注册号"
width="120">
</el-table-column>
<el-table-column
fixed
prop="flightNo"
label="航班号"
width="80">
</el-table-column>
<el-table-column
fixed
prop="flightDate"
label="航班日期"
width="150">
</el-table-column>
<el-table-column
fixed
prop="accessFlag"
label="进出港标识"
width="120">
</el-table-column>
<el-table-column
fixed
prop="departureAirport"
label="出发港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="departuredatetime"
label="出发时间"
width="150">
</el-table-column>
<el-table-column
fixed
prop="arrivalAirport"
label="目的港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="arrivaldatetime"
label="到达时间"
width="150">
</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{
queryBill:{
flightNo:undefined,
aircraftNo:undefined,
flightDate:undefined,
accessFlag:undefined,
},
rules:{},
labelPosition:'left',
currentPage: 4,
tableData:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</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="queryFlight" :rules="rules" ref="queryFlight"
label-width="130px" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航空公司代码：" prop="flightNo" label-width="110px">
<el-input v-model="queryFlight.flightNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="航班号：" prop="aircraftNo" label-width="80px">
<el-input v-model="queryFlight.aircraftNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-button type="primary" @click="submitForm('queryFlight')">查询</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="airwayCode"
label="航空公司代码"
width="120">
</el-table-column>
<el-table-column
fixed
prop="flightDate"
label="航空公司中文"
width="150">
</el-table-column>
<el-table-column
fixed
prop="transportAgentCode"
label="传输代理人"
width="120">
</el-table-column>
<el-table-column
fixed
prop="groundAgentCode"
label="地面代理人"
width="120">
</el-table-column>
<el-table-column
fixed
prop="departuredatetime"
label="运输计划"
width="150">
</el-table-column>
<el-table-column
fixed
prop="flightType"
label="航班性质"
width="80">
</el-table-column>
<el-table-column
fixed
prop="shareFlightNo"
label="共享航班号"
width="150">
</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{
queryFlight:{
flightNo:undefined,
aircraftNo:undefined,
},
rules:{},
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="queryFlightplan" :rules="rules" ref="queryFlightplan"
label-width="130px" class="demo-ruleForm">
<el-col :span="6" >
<el-form-item label="承运人:" prop="awcd" label-width="110px">
<el-input v-model="queryFlightplan.aircraftNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="航班号:" prop="flightNo" label-width="70px">
<el-input v-model="queryFlightplan.flightNo" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" >
<el-form-item label="航班日期:" prop="flightDate" label-width="80px">
<el-date-picker
v-model="queryFlightplan.flightDate"
type="date"
style="width:190px"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" >
<el-button type="primary" @click="submitForm('queryFlightplan')">查询</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="150">
</el-table-column>
<el-table-column
fixed
prop="departurePort"
label="出发港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="departureCustomNo"
label="关区代码"
width="80">
</el-table-column>
<el-table-column
fixed
prop="arrivalPort"
label="目的港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="arrivalCustomNo"
label="关区代码"
width="80">
</el-table-column>
<el-table-column
fixed
prop="currentTakeoffTime"
label="离港时间"
width="150">
</el-table-column>
<el-table-column
fixed
prop="currentLandingTime"
label="抵港时间"
width="150">
</el-table-column>
<el-table-column
fixed
prop="transportflag"
label="进出港"
width="80">
</el-table-column>
<el-table-column
fixed
prop="linesType"
label="执行任务类型"
width="150">
</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{
queryFlightplan:{
flightNo:undefined,
flightDate:undefined,
aircraftNo:undefined,
},
rules:{},
labelPosition:'left',
currentPage: 4,
tableData:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</script>
... ...
... ... @@ -8,8 +8,8 @@
</el-row>
<el-row>
<el-form :label-position="labelPosition" :model="queryRoute" :rules="rules" ref="queryRoute" label-width="130px" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航线序号" prop="seqNo" label-width="80px">
<el-col :span="6">
<el-form-item label="航线序号" prop="seqNo" label-width="70px">
<el-input v-model="queryRoute.seqNo"></el-input>
</el-form-item>
</el-col>
... ... @@ -106,7 +106,19 @@
</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>
... ... @@ -134,11 +146,21 @@
queryRoute:{
seqNo:undefined
},
rules:{},
labelPosition:'left'
labelPosition:'left',
currentPage: 4,
tableData:[]
}
},
methods(){
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</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="queryRouteaircraft" :rules="rules" ref="queryAircraft"
label-width="130px" class="demo-ruleForm">
<el-col :span="8">
<el-form-item label="航空器所有人代码:" prop="airwayCode" label-width="130px">
<el-input v-model="queryRouteaircraft.airwayCode" style="width:190px"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item label="航空器注册号:" prop="aircraftNo" label-width="110px">
<el-input v-model="queryRouteaircraft.aircraftNo" 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>
</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=ownerCo"
label="航空器所有人代码"
width="120">
</el-table-column>
<el-table-column
fixed
prop="airwayNameEn"
label="所有人英文名称"
width="120">
</el-table-column>
<el-table-column
fixed
prop="airwayNameCn"
label="所有人中文名称"
width="150">
</el-table-column>
<el-table-column
fixed
prop="aircraftNo"
label="航空器注册编号"
width="120">
</el-table-column>
<el-table-column
fixed
prop="certNo"
label="国际证书编号"
width="120">
</el-table-column>
<el-table-column
fixed
prop="owner"
label="航空器所有人"
width="120">
</el-table-column>
<el-table-column
fixed
prop="areoNationality"
label="国籍"
width="80">
</el-table-column>
<el-table-column
fixed
prop="areoModel"
label="机型"
width="80">
</el-table-column>
<el-table-column
fixed
prop="deliverDate"
label="交付日期"
width="120">
</el-table-column>
<el-table-column
fixed
prop="statusMsg"
label="海关回执"
width="120">
</el-table-column>
<el-table-column
fixed
prop="supervisoryProperty"
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{
queryRouteaircraft:{
flightNo:undefined,
aircraftNo:undefined,
flightDate:undefined,
accessFlag:undefined,
},
rules:{},
labelPosition:'left',
currentPage: 4,
tableData:[]
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
},
}
</script>
... ...