朱兆平 / vue_cli · 提交

转到一个项目

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

运输工具通用查询

内嵌 并排对比
正在显示 7 个修改的文件 包含 1000 行增加 和 5 行删除
@@ -186,6 +186,35 @@ let routes = [ @@ -186,6 +186,35 @@ let routes = [
186 ] 186 ]
187 }, 187 },
188 { 188 {
  189 + path: '/input',
  190 + component: Home,
  191 + name: '进港业务申报',
  192 + iconCls:'el-icon-goods',
  193 + children:[
  194 + {path:'/arrival',component:arrival,name:'进港预报申报'},
  195 + {path:'/confirmatory',component:confirmatory,name:'进港确报申报'},
  196 + {path:'/queryArrival',component:queryArrival,name:'进港预报查询'},
  197 + {path:'/queryConfirmatory',component:queryConfirmatory,name:'进港确报查询'},
  198 + {path:'/configure',component:configure,name:'进港航班配置'},
  199 + {path:'/queryConfigure',component:queryConfigure,name:'航班配置查询'},
  200 + ]
  201 + },
  202 + {
  203 + path: '/out',
  204 + component: Home,
  205 + name: '出港业务申报',
  206 + iconCls:'el-icon-goods',
  207 + children:[
  208 + {path:'/departure',component:departure,name:'出港预报申报'},
  209 + {path:'/declare',component:declare,name:'出港确报申报'},
  210 + {path:'/queryDeparture',component:queryDeparture,name:'出港预报查询'},
  211 + {path:'/queryDeclare',component:queryDeclare,name:'出港确报查询'},
  212 + {path:'/outConfigure',component:outConfigure,name:'出港航班配置'},
  213 + {path:'/queryFlight',component:queryFlight,name:'航班配置查询'},
  214 + ]
  215 + },
  216 +
  217 + {
189 path: '/empt', 218 path: '/empt',
190 component: Home, 219 component: Home,
191 name: '能源管理', 220 name: '能源管理',
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24">
  6 + <div class="grid-content content">通用航空器查询</div>
  7 + </el-col>
  8 + </el-row>
  9 + <!-- 搜索区域-->
  10 + <el-row>
  11 + <el-form :label-position="labelPosition" :model="queryAircraft" :rules="rules" ref="queryAircraft"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="8">
  14 + <el-form-item label="航空器所有人代码:" prop="airwayCode" label-width="130px">
  15 + <el-input v-model="queryAircraft.airwayCode" style="width:190px"></el-input>
  16 + </el-form-item>
  17 + </el-col>
  18 + <el-col :span="8" >
  19 + <el-form-item label="航空器注册号:" prop="aircraftNo" label-width="110px">
  20 + <el-input v-model="queryAircraft.aircraftNo" style="width:190px"></el-input>
  21 + </el-form-item>
  22 + </el-col>
  23 + <el-col :span="6" >
  24 + <el-button type="primary" @click="submitForm('queryBill')">查询</el-button>
  25 + </el-col>
  26 + </el-form>
  27 + </el-row>
  28 + <!-- 表单区域-->
  29 + <el-row>
  30 + <el-table
  31 + :data="tableData"
  32 + border
  33 + style="width: 100%;margin-bottom: 10px">
  34 + <el-table-column
  35 + fixed="left"
  36 + label="操作"
  37 + width="100">
  38 + <template slot-scope="scope">
  39 + <el-button
  40 + size="mini"
  41 + type="primary"
  42 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  43 + </template>
  44 + </el-table-column>
  45 + <el-table-column
  46 + fixed
  47 + prop=ownerCo"
  48 + label="航空器所有人代码"
  49 + width="120">
  50 + </el-table-column>
  51 + <el-table-column
  52 + fixed
  53 + prop="airwayNameEn"
  54 + label="所有人英文名称"
  55 + width="120">
  56 + </el-table-column>
  57 + <el-table-column
  58 + fixed
  59 + prop="airwayNameCn"
  60 + label="所有人中文名称"
  61 + width="150">
  62 + </el-table-column>
  63 + <el-table-column
  64 + fixed
  65 + prop="aircraftNo"
  66 + label="航空器注册编号"
  67 + width="120">
  68 + </el-table-column>
  69 + <el-table-column
  70 + fixed
  71 + prop="certNo"
  72 + label="国际证书编号"
  73 + width="120">
  74 + </el-table-column>
  75 + <el-table-column
  76 + fixed
  77 + prop="owner"
  78 + label="航空器所有人"
  79 + width="120">
  80 + </el-table-column>
  81 + <el-table-column
  82 + fixed
  83 + prop="areoNationality"
  84 + label="国籍"
  85 + width="80">
  86 + </el-table-column>
  87 + <el-table-column
  88 + fixed
  89 + prop="areoModel"
  90 + label="机型"
  91 + width="80">
  92 + </el-table-column>
  93 + <el-table-column
  94 + fixed
  95 + prop="deliverDate"
  96 + label="交付日期"
  97 + width="120">
  98 + </el-table-column>
  99 + <el-table-column
  100 + fixed
  101 + prop="statusMsg"
  102 + label="海关回执"
  103 + width="120">
  104 + </el-table-column>
  105 + <el-table-column
  106 + fixed
  107 + prop=""
  108 + label="报文操作"
  109 + width="150">
  110 + <template slot-scope="scope">
  111 + <el-button
  112 + size="mini"
  113 + type="success"
  114 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  115 + </template>
  116 + <template slot-scope="scope">
  117 + <el-button
  118 + size="mini"
  119 + type="danger"
  120 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  121 + </template>
  122 + </el-table-column>
  123 + </el-table>
  124 + </el-row>
  125 + <el-row>
  126 + <div class="block">
  127 + <el-pagination
  128 + @size-change="handleSizeChange"
  129 + @current-change="handleCurrentChange"
  130 + :current-page="currentPage"
  131 + :page-sizes="[100, 200, 300, 400]"
  132 + :page-size="100"
  133 + layout="total, sizes, prev, pager, next, jumper"
  134 + :total="400">
  135 + </el-pagination>
  136 + </div>
  137 + </el-row>
  138 + </el-main>
  139 + </el-container>
  140 +</template>
  141 +<style scoped>
  142 + .grid-content {
  143 + height: 36px;
  144 + line-height: 36px;
  145 + }
  146 + .el-dialog__body{text-align: center}
  147 + .content {
  148 + border-left: 4px #409EFF solid;
  149 + padding-left: 10px;
  150 + background-color: #f9fafc;
  151 + margin-bottom: 2px
  152 + }
  153 +
  154 + .row-bg{
  155 + background-color: white;
  156 + }
  157 +
  158 +</style>
  159 +<script>
  160 + export default {
  161 + data(){
  162 + return{
  163 + queryAircraft:{
  164 + flightNo:undefined,
  165 + aircraftNo:undefined,
  166 + flightDate:undefined,
  167 + accessFlag:undefined,
  168 + },
  169 + rules:{},
  170 + labelPosition:'left',
  171 + currentPage: 4,
  172 + tableData:[]
  173 + }
  174 + },
  175 + methods: {
  176 + handleSizeChange(val) {
  177 + console.log(`每页 ${val} 条`);
  178 + },
  179 + handleCurrentChange(val) {
  180 + console.log(`当前页: ${val}`);
  181 + }
  182 + },
  183 + }
  184 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24">
  6 + <div class="grid-content content">单据查询</div>
  7 + </el-col>
  8 + </el-row>
  9 + <!-- 搜索区域-->
  10 + <el-row>
  11 + <el-form :label-position="labelPosition" :model="queryBill" :rules="rules" ref="queryBill"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="6">
  14 + <el-form-item label="航班号:" prop="flightNo" label-width="70px">
  15 + <el-input v-model="queryBill.flightNo" style="width:190px"></el-input>
  16 + </el-form-item>
  17 + </el-col>
  18 + <el-col :span="6" >
  19 + <el-form-item label="航空器注册号:" prop="aircraftNo" label-width="110px">
  20 + <el-input v-model="queryBill.aircraftNo" style="width:190px"></el-input>
  21 + </el-form-item>
  22 + </el-col>
  23 + <el-col :span="6" >
  24 + <el-form-item label="航班日期:" prop="flightDate" label-width="80px">
  25 + <el-date-picker
  26 + v-model="queryBill.flightDate"
  27 + type="date"
  28 + style="width:190px"
  29 + placeholder="选择日期">
  30 + </el-date-picker>
  31 + </el-form-item>
  32 + </el-col>
  33 + <el-col :span="6" >
  34 + <el-form-item label="进出港:" prop="accessFlag" label-width="70px">
  35 + <el-input v-model="queryBill.accessFlag" style="width:190px"></el-input>
  36 + </el-form-item>
  37 + </el-col>
  38 + <el-col :span="6" >
  39 + <el-button type="primary" @click="submitForm('queryBill')">查询</el-button>
  40 + </el-col>
  41 + </el-form>
  42 + </el-row>
  43 +<!-- 表单区域-->
  44 + <el-row>
  45 + <el-table
  46 + :data="tableData"
  47 + border
  48 + style="width: 100%;margin-bottom: 10px">
  49 + <el-table-column
  50 + fixed="left"
  51 + label="操作"
  52 + width="100">
  53 + <template slot-scope="scope">
  54 + <el-button
  55 + size="mini"
  56 + type="primary"
  57 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  58 + </template>
  59 + </el-table-column>
  60 + <el-table-column
  61 + fixed
  62 + prop=aircraftNo"
  63 + label="航空器注册号"
  64 + width="120">
  65 + </el-table-column>
  66 + <el-table-column
  67 + fixed
  68 + prop="flightNo"
  69 + label="航班号"
  70 + width="80">
  71 + </el-table-column>
  72 + <el-table-column
  73 + fixed
  74 + prop="flightDate"
  75 + label="航班日期"
  76 + width="150">
  77 + </el-table-column>
  78 + <el-table-column
  79 + fixed
  80 + prop="accessFlag"
  81 + label="进出港标识"
  82 + width="120">
  83 + </el-table-column>
  84 + <el-table-column
  85 + fixed
  86 + prop="departureAirport"
  87 + label="出发港"
  88 + width="80">
  89 + </el-table-column>
  90 + <el-table-column
  91 + fixed
  92 + prop="departuredatetime"
  93 + label="出发时间"
  94 + width="150">
  95 + </el-table-column>
  96 + <el-table-column
  97 + fixed
  98 + prop="arrivalAirport"
  99 + label="目的港"
  100 + width="80">
  101 + </el-table-column>
  102 + <el-table-column
  103 + fixed
  104 + prop="arrivaldatetime"
  105 + label="到达时间"
  106 + width="150">
  107 + </el-table-column>
  108 + <el-table-column
  109 + fixed
  110 + prop="statusMsg"
  111 + label="海关回执"
  112 + width="150">
  113 + </el-table-column>
  114 + <el-table-column
  115 + fixed
  116 + prop=""
  117 + label="报文操作"
  118 + width="150">
  119 + <template slot-scope="scope">
  120 + <el-button
  121 + size="mini"
  122 + type="success"
  123 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  124 + </template>
  125 + <template slot-scope="scope">
  126 + <el-button
  127 + size="mini"
  128 + type="danger"
  129 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  130 + </template>
  131 + </el-table-column>
  132 + </el-table>
  133 + </el-row>
  134 + <el-row>
  135 + <div class="block">
  136 + <el-pagination
  137 + @size-change="handleSizeChange"
  138 + @current-change="handleCurrentChange"
  139 + :current-page="currentPage"
  140 + :page-sizes="[100, 200, 300, 400]"
  141 + :page-size="100"
  142 + layout="total, sizes, prev, pager, next, jumper"
  143 + :total="400">
  144 + </el-pagination>
  145 + </div>
  146 + </el-row>
  147 + </el-main>
  148 + </el-container>
  149 +</template>
  150 +<style scoped>
  151 + .grid-content {
  152 + height: 36px;
  153 + line-height: 36px;
  154 + }
  155 + .el-dialog__body{text-align: center}
  156 + .content {
  157 + border-left: 4px #409EFF solid;
  158 + padding-left: 10px;
  159 + background-color: #f9fafc;
  160 + margin-bottom: 2px
  161 + }
  162 +
  163 + .row-bg{
  164 + background-color: white;
  165 + }
  166 +
  167 +</style>
  168 +<script>
  169 + export default {
  170 + data(){
  171 + return{
  172 + queryBill:{
  173 + flightNo:undefined,
  174 + aircraftNo:undefined,
  175 + flightDate:undefined,
  176 + accessFlag:undefined,
  177 + },
  178 + rules:{},
  179 + labelPosition:'left',
  180 + currentPage: 4,
  181 + tableData:[]
  182 + }
  183 + },
  184 + methods: {
  185 + handleSizeChange(val) {
  186 + console.log(`每页 ${val} 条`);
  187 + },
  188 + handleCurrentChange(val) {
  189 + console.log(`当前页: ${val}`);
  190 + }
  191 + },
  192 + }
  193 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24">
  6 + <div class="grid-content content">航班查询</div>
  7 + </el-col>
  8 + </el-row>
  9 + <!-- 搜索区域-->
  10 + <el-row>
  11 + <el-form :label-position="labelPosition" :model="queryFlight" :rules="rules" ref="queryFlight"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="8">
  14 + <el-form-item label="航空公司代码：" prop="flightNo" label-width="110px">
  15 + <el-input v-model="queryFlight.flightNo" style="width:190px"></el-input>
  16 + </el-form-item>
  17 + </el-col>
  18 + <el-col :span="8" >
  19 + <el-form-item label="航班号：" prop="aircraftNo" label-width="80px">
  20 + <el-input v-model="queryFlight.aircraftNo" style="width:190px"></el-input>
  21 + </el-form-item>
  22 + </el-col>
  23 + <el-col :span="6" >
  24 + <el-button type="primary" @click="submitForm('queryFlight')">查询</el-button>
  25 + </el-col>
  26 + </el-form>
  27 + </el-row>
  28 + <!-- 表单区域-->
  29 + <el-row>
  30 + <el-table
  31 + :data="tableData"
  32 + border
  33 + style="width: 100%;margin-bottom: 10px">
  34 + <el-table-column
  35 + fixed="left"
  36 + label="操作"
  37 + width="100">
  38 + <template slot-scope="scope">
  39 + <el-button
  40 + size="mini"
  41 + type="primary"
  42 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  43 + </template>
  44 + </el-table-column>
  45 + <el-table-column
  46 + fixed
  47 + prop="flightNo"
  48 + label="航班号"
  49 + width="80">
  50 + </el-table-column>
  51 + <el-table-column
  52 + fixed
  53 + prop="airwayCode"
  54 + label="航空公司代码"
  55 + width="120">
  56 + </el-table-column>
  57 +
  58 + <el-table-column
  59 + fixed
  60 + prop="flightDate"
  61 + label="航空公司中文"
  62 + width="150">
  63 + </el-table-column>
  64 + <el-table-column
  65 + fixed
  66 + prop="transportAgentCode"
  67 + label="传输代理人"
  68 + width="120">
  69 + </el-table-column>
  70 + <el-table-column
  71 + fixed
  72 + prop="groundAgentCode"
  73 + label="地面代理人"
  74 + width="120">
  75 + </el-table-column>
  76 + <el-table-column
  77 + fixed
  78 + prop="departuredatetime"
  79 + label="运输计划"
  80 + width="150">
  81 + </el-table-column>
  82 + <el-table-column
  83 + fixed
  84 + prop="flightType"
  85 + label="航班性质"
  86 + width="80">
  87 + </el-table-column>
  88 + <el-table-column
  89 + fixed
  90 + prop="shareFlightNo"
  91 + label="共享航班号"
  92 + width="150">
  93 + </el-table-column>
  94 + <el-table-column
  95 + fixed
  96 + prop="statusMsg"
  97 + label="海关回执"
  98 + width="150">
  99 + </el-table-column>
  100 + <el-table-column
  101 + fixed
  102 + prop=""
  103 + label="报文操作"
  104 + width="150">
  105 + <template slot-scope="scope">
  106 + <el-button
  107 + size="mini"
  108 + type="success"
  109 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  110 + </template>
  111 + <template slot-scope="scope">
  112 + <el-button
  113 + size="mini"
  114 + type="danger"
  115 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  116 + </template>
  117 + </el-table-column>
  118 + </el-table>
  119 + </el-row>
  120 + <el-row>
  121 + <div class="block">
  122 + <el-pagination
  123 + @size-change="handleSizeChange"
  124 + @current-change="handleCurrentChange"
  125 + :current-page="currentPage"
  126 + :page-sizes="[100, 200, 300, 400]"
  127 + :page-size="100"
  128 + layout="total, sizes, prev, pager, next, jumper"
  129 + :total="400">
  130 + </el-pagination>
  131 + </div>
  132 + </el-row>
  133 + </el-main>
  134 + </el-container>
  135 +</template>
  136 +<style scoped>
  137 + .grid-content {
  138 + height: 36px;
  139 + line-height: 36px;
  140 + }
  141 + .el-dialog__body{text-align: center}
  142 + .content {
  143 + border-left: 4px #409EFF solid;
  144 + padding-left: 10px;
  145 + background-color: #f9fafc;
  146 + margin-bottom: 2px
  147 + }
  148 +
  149 + .row-bg{
  150 + background-color: white;
  151 + }
  152 +
  153 +</style>
  154 +<script>
  155 + export default {
  156 + data(){
  157 + return{
  158 + queryFlight:{
  159 + flightNo:undefined,
  160 + aircraftNo:undefined,
  161 + },
  162 + rules:{},
  163 + labelPosition:'left',
  164 + currentPage: 4,
  165 + tableData:[]
  166 + }
  167 + },
  168 + methods: {
  169 + handleSizeChange(val) {
  170 + console.log(`每页 ${val} 条`);
  171 + },
  172 + handleCurrentChange(val) {
  173 + console.log(`当前页: ${val}`);
  174 + }
  175 + },
  176 + }
  177 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24">
  6 + <div class="grid-content content">当日飞行计划查询</div>
  7 + </el-col>
  8 + </el-row>
  9 + <!-- 搜索区域-->
  10 + <el-row>
  11 + <el-form :label-position="labelPosition" :model="queryFlightplan" :rules="rules" ref="queryFlightplan"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="6" >
  14 + <el-form-item label="承运人:" prop="awcd" label-width="110px">
  15 + <el-input v-model="queryFlightplan.aircraftNo" style="width:190px"></el-input>
  16 + </el-form-item>
  17 + </el-col>
  18 + <el-col :span="6">
  19 + <el-form-item label="航班号:" prop="flightNo" label-width="70px">
  20 + <el-input v-model="queryFlightplan.flightNo" style="width:190px"></el-input>
  21 + </el-form-item>
  22 + </el-col>
  23 +
  24 + <el-col :span="6" >
  25 + <el-form-item label="航班日期:" prop="flightDate" label-width="80px">
  26 + <el-date-picker
  27 + v-model="queryFlightplan.flightDate"
  28 + type="date"
  29 + style="width:190px"
  30 + placeholder="选择日期">
  31 + </el-date-picker>
  32 + </el-form-item>
  33 + </el-col>
  34 + <el-col :span="4" >
  35 + <el-button type="primary" @click="submitForm('queryFlightplan')">查询</el-button>
  36 + </el-col>
  37 + </el-form>
  38 + </el-row>
  39 + <!-- 表单区域-->
  40 + <el-row>
  41 + <el-table
  42 + :data="tableData"
  43 + border
  44 + style="width: 100%;margin-bottom: 10px">
  45 + <el-table-column
  46 + fixed="left"
  47 + label="操作"
  48 + width="100">
  49 + <template slot-scope="scope">
  50 + <el-button
  51 + size="mini"
  52 + type="primary"
  53 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  54 + </template>
  55 + </el-table-column>
  56 + <el-table-column
  57 + fixed
  58 + prop="flightNo"
  59 + label="航班号"
  60 + width="80">
  61 + </el-table-column>
  62 + <el-table-column
  63 + fixed
  64 + prop="flightDate"
  65 + label="航班日期"
  66 + width="150">
  67 + </el-table-column>
  68 + <el-table-column
  69 + fixed
  70 + prop="departurePort"
  71 + label="出发港"
  72 + width="80">
  73 + </el-table-column>
  74 + <el-table-column
  75 + fixed
  76 + prop="departureCustomNo"
  77 + label="关区代码"
  78 + width="80">
  79 + </el-table-column>
  80 + <el-table-column
  81 + fixed
  82 + prop="arrivalPort"
  83 + label="目的港"
  84 + width="80">
  85 + </el-table-column>
  86 + <el-table-column
  87 + fixed
  88 + prop="arrivalCustomNo"
  89 + label="关区代码"
  90 + width="80">
  91 + </el-table-column>
  92 + <el-table-column
  93 + fixed
  94 + prop="currentTakeoffTime"
  95 + label="离港时间"
  96 + width="150">
  97 + </el-table-column>
  98 + <el-table-column
  99 + fixed
  100 + prop="currentLandingTime"
  101 + label="抵港时间"
  102 + width="150">
  103 + </el-table-column>
  104 + <el-table-column
  105 + fixed
  106 + prop="transportflag"
  107 + label="进出港"
  108 + width="80">
  109 + </el-table-column>
  110 + <el-table-column
  111 + fixed
  112 + prop="linesType"
  113 + label="执行任务类型"
  114 + width="150">
  115 + </el-table-column>
  116 + <el-table-column
  117 + fixed
  118 + prop="statusMsg"
  119 + label="海关回执"
  120 + width="150">
  121 + </el-table-column>
  122 + <el-table-column
  123 + fixed
  124 + prop=""
  125 + label="报文操作"
  126 + width="150">
  127 + <template slot-scope="scope">
  128 + <el-button
  129 + size="mini"
  130 + type="success"
  131 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  132 + </template>
  133 + <template slot-scope="scope">
  134 + <el-button
  135 + size="mini"
  136 + type="danger"
  137 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  138 + </template>
  139 + </el-table-column>
  140 + </el-table>
  141 + </el-row>
  142 + <el-row>
  143 + <div class="block">
  144 + <el-pagination
  145 + @size-change="handleSizeChange"
  146 + @current-change="handleCurrentChange"
  147 + :current-page="currentPage"
  148 + :page-sizes="[100, 200, 300, 400]"
  149 + :page-size="100"
  150 + layout="total, sizes, prev, pager, next, jumper"
  151 + :total="400">
  152 + </el-pagination>
  153 + </div>
  154 + </el-row>
  155 + </el-main>
  156 + </el-container>
  157 +</template>
  158 +<style scoped>
  159 + .grid-content {
  160 + height: 36px;
  161 + line-height: 36px;
  162 + }
  163 + .el-dialog__body{text-align: center}
  164 + .content {
  165 + border-left: 4px #409EFF solid;
  166 + padding-left: 10px;
  167 + background-color: #f9fafc;
  168 + margin-bottom: 2px
  169 + }
  170 +
  171 + .row-bg{
  172 + background-color: white;
  173 + }
  174 +
  175 +</style>
  176 +<script>
  177 + export default {
  178 + data(){
  179 + return{
  180 + queryFlightplan:{
  181 + flightNo:undefined,
  182 + flightDate:undefined,
  183 + aircraftNo:undefined,
  184 + },
  185 + rules:{},
  186 + labelPosition:'left',
  187 + currentPage: 4,
  188 + tableData:[]
  189 + }
  190 + },
  191 + methods: {
  192 + handleSizeChange(val) {
  193 + console.log(`每页 ${val} 条`);
  194 + },
  195 + handleCurrentChange(val) {
  196 + console.log(`当前页: ${val}`);
  197 + }
  198 + },
  199 + }
  200 +</script>
@@ -8,8 +8,8 @@ @@ -8,8 +8,8 @@
8 </el-row> 8 </el-row>
9 <el-row> 9 <el-row>
10 <el-form :label-position="labelPosition" :model="queryRoute" :rules="rules" ref="queryRoute" label-width="130px" class="demo-ruleForm"> 10 <el-form :label-position="labelPosition" :model="queryRoute" :rules="rules" ref="queryRoute" label-width="130px" class="demo-ruleForm">
11 - <el-col :span="8">  
12 - <el-form-item label="航线序号" prop="seqNo" label-width="80px"> 11 + <el-col :span="6">
  12 + <el-form-item label="航线序号" prop="seqNo" label-width="70px">
13 <el-input v-model="queryRoute.seqNo"></el-input> 13 <el-input v-model="queryRoute.seqNo"></el-input>
14 </el-form-item> 14 </el-form-item>
15 </el-col> 15 </el-col>
@@ -106,7 +106,19 @@ @@ -106,7 +106,19 @@
106 </el-table-column> 106 </el-table-column>
107 </el-table> 107 </el-table>
108 </el-row> 108 </el-row>
109 - 109 + <el-row>
  110 + <div class="block">
  111 + <el-pagination
  112 + @size-change="handleSizeChange"
  113 + @current-change="handleCurrentChange"
  114 + :current-page="currentPage"
  115 + :page-sizes="[100, 200, 300, 400]"
  116 + :page-size="100"
  117 + layout="total, sizes, prev, pager, next, jumper"
  118 + :total="400">
  119 + </el-pagination>
  120 + </div>
  121 + </el-row>
110 </el-main> 122 </el-main>
111 </el-container> 123 </el-container>
112 </template> 124 </template>
@@ -134,11 +146,21 @@ @@ -134,11 +146,21 @@
134 queryRoute:{ 146 queryRoute:{
135 seqNo:undefined 147 seqNo:undefined
136 }, 148 },
  149 +
137 rules:{}, 150 rules:{},
138 - labelPosition:'left' 151 + labelPosition:'left',
  152 + currentPage: 4,
  153 + tableData:[]
  154 +
139 } 155 }
140 }, 156 },
141 - methods(){ 157 + methods: {
  158 + handleSizeChange(val) {
  159 + console.log(`每页 ${val} 条`);
  160 + },
  161 + handleCurrentChange(val) {
  162 + console.log(`当前页: ${val}`);
142 } 163 }
  164 + },
143 } 165 }
144 </script> 166 </script>
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24">
  6 + <div class="grid-content content">航线航空器查询</div>
  7 + </el-col>
  8 + </el-row>
  9 + <!-- 搜索区域-->
  10 + <el-row>
  11 + <el-form :label-position="labelPosition" :model="queryRouteaircraft" :rules="rules" ref="queryAircraft"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="8">
  14 + <el-form-item label="航空器所有人代码:" prop="airwayCode" label-width="130px">
  15 + <el-input v-model="queryRouteaircraft.airwayCode" style="width:190px"></el-input>
  16 + </el-form-item>
  17 + </el-col>
  18 + <el-col :span="8" >
  19 + <el-form-item label="航空器注册号:" prop="aircraftNo" label-width="110px">
  20 + <el-input v-model="queryRouteaircraft.aircraftNo" style="width:190px"></el-input>
  21 + </el-form-item>
  22 + </el-col>
  23 + <el-col :span="6" >
  24 + <el-button type="primary" @click="submitForm('queryBill')">查询</el-button>
  25 + </el-col>
  26 + </el-form>
  27 + </el-row>
  28 + <!-- 表单区域-->
  29 + <el-row>
  30 + <el-table
  31 + :data="tableData"
  32 + border
  33 + style="width: 100%;margin-bottom: 10px">
  34 + <el-table-column
  35 + fixed="left"
  36 + label="操作"
  37 + width="100">
  38 + <template slot-scope="scope">
  39 + <el-button
  40 + size="mini"
  41 + type="primary"
  42 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  43 + </template>
  44 + </el-table-column>
  45 + <el-table-column
  46 + fixed
  47 + prop=ownerCo"
  48 + label="航空器所有人代码"
  49 + width="120">
  50 + </el-table-column>
  51 + <el-table-column
  52 + fixed
  53 + prop="airwayNameEn"
  54 + label="所有人英文名称"
  55 + width="120">
  56 + </el-table-column>
  57 + <el-table-column
  58 + fixed
  59 + prop="airwayNameCn"
  60 + label="所有人中文名称"
  61 + width="150">
  62 + </el-table-column>
  63 + <el-table-column
  64 + fixed
  65 + prop="aircraftNo"
  66 + label="航空器注册编号"
  67 + width="120">
  68 + </el-table-column>
  69 + <el-table-column
  70 + fixed
  71 + prop="certNo"
  72 + label="国际证书编号"
  73 + width="120">
  74 + </el-table-column>
  75 + <el-table-column
  76 + fixed
  77 + prop="owner"
  78 + label="航空器所有人"
  79 + width="120">
  80 + </el-table-column>
  81 + <el-table-column
  82 + fixed
  83 + prop="areoNationality"
  84 + label="国籍"
  85 + width="80">
  86 + </el-table-column>
  87 + <el-table-column
  88 + fixed
  89 + prop="areoModel"
  90 + label="机型"
  91 + width="80">
  92 + </el-table-column>
  93 + <el-table-column
  94 + fixed
  95 + prop="deliverDate"
  96 + label="交付日期"
  97 + width="120">
  98 + </el-table-column>
  99 + <el-table-column
  100 + fixed
  101 + prop="statusMsg"
  102 + label="海关回执"
  103 + width="120">
  104 + </el-table-column>
  105 + <el-table-column
  106 + fixed
  107 + prop="supervisoryProperty"
  108 + label="所有权监管"
  109 + width="120">
  110 + </el-table-column>
  111 + <el-table-column
  112 + fixed
  113 + prop=""
  114 + label="报文操作"
  115 + width="150">
  116 + <template slot-scope="scope">
  117 + <el-button
  118 + size="mini"
  119 + type="success"
  120 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  121 + </template>
  122 + <template slot-scope="scope">
  123 + <el-button
  124 + size="mini"
  125 + type="danger"
  126 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  127 + </template>
  128 + </el-table-column>
  129 + </el-table>
  130 + </el-row>
  131 + <el-row>
  132 + <div class="block">
  133 + <el-pagination
  134 + @size-change="handleSizeChange"
  135 + @current-change="handleCurrentChange"
  136 + :current-page="currentPage"
  137 + :page-sizes="[100, 200, 300, 400]"
  138 + :page-size="100"
  139 + layout="total, sizes, prev, pager, next, jumper"
  140 + :total="400">
  141 + </el-pagination>
  142 + </div>
  143 + </el-row>
  144 + </el-main>
  145 + </el-container>
  146 +</template>
  147 +<style scoped>
  148 + .grid-content {
  149 + height: 36px;
  150 + line-height: 36px;
  151 + }
  152 + .el-dialog__body{text-align: center}
  153 + .content {
  154 + border-left: 4px #409EFF solid;
  155 + padding-left: 10px;
  156 + background-color: #f9fafc;
  157 + margin-bottom: 2px
  158 + }
  159 +
  160 + .row-bg{
  161 + background-color: white;
  162 + }
  163 +
  164 +</style>
  165 +<script>
  166 + export default {
  167 + data(){
  168 + return{
  169 + queryRouteaircraft:{
  170 + flightNo:undefined,
  171 + aircraftNo:undefined,
  172 + flightDate:undefined,
  173 + accessFlag:undefined,
  174 + },
  175 + rules:{},
  176 + labelPosition:'left',
  177 + currentPage: 4,
  178 + tableData:[]
  179 + }
  180 + },
  181 + methods: {
  182 + handleSizeChange(val) {
  183 + console.log(`每页 ${val} 条`);
  184 + },
  185 + handleCurrentChange(val) {
  186 + console.log(`当前页: ${val}`);
  187 + }
  188 + },
  189 + }
  190 +</script>