朱兆平 / vue_cli · 提交

转到一个项目

作者 xudada
提交 26ce674c19669291433fab1205279d6d603d6830 1 个父辈 3ae675bd

运输工具通用业务代码

内嵌 并排对比
正在显示 13 个修改的文件 包含 1459 行增加 和 0 行删除
@@ -48,6 +48,22 @@ import OnDuty from './views/staff/on_duty.vue' @@ -48,6 +48,22 @@ import OnDuty from './views/staff/on_duty.vue'
48 import WaterStationsPatrol from './views/water/water_stations_patrol.vue' 48 import WaterStationsPatrol from './views/water/water_stations_patrol.vue'
49 import Location from './views/empt/Location.vue' 49 import Location from './views/empt/Location.vue'
50 50
  51 +//运输工具 通用业务申报
  52 +import Route from './views/airtransport/route.vue'
  53 +import Bill from './views/airtransport/bill.vue'
  54 +import Flight from './views/airtransport/flight.vue'
  55 +import Flightplan from './views/airtransport/flightplan.vue'
  56 +import Aircraft from './views/airtransport/aircraft.vue'
  57 +import Routeaircraft from './views/airtransport/routeaircraft'
  58 +
  59 +//通用业务查询
  60 +import queryRoute from './views/airtransport/queryRoute.vue'
  61 +import queryBill from './views/airtransport/queryBill.vue'
  62 +import queryFlight from './views/airtransport/queryFlight.vue'
  63 +import queryFlightplan from './views/airtransport/queryFlightplan.vue'
  64 +import queryAircraft from './views/airtransport/queryAircraft.vue'
  65 +import queryRouteaircraft from './views/airtransport/queryRouteaircraft'
  66 +
51 let routes = [ 67 let routes = [
52 { 68 {
53 path: '/login', 69 path: '/login',
@@ -142,6 +158,34 @@ let routes = [ @@ -142,6 +158,34 @@ let routes = [
142 ] 158 ]
143 }, 159 },
144 { 160 {
  161 + path: '/airtransport',
  162 + component: Home,
  163 + name: '通用业务申报',
  164 + iconCls:'el-icon-goods',
  165 + children:[
  166 + {path:'/route',component:Route,name:'航线申报'},
  167 + {path:'/bill',component:Bill,name:'单据申报'},
  168 + {path:'/flights',component:Flight,name:'航班申报'},
  169 + {path:'/flightplan',component:Flightplan,name:'当日飞行计划'},
  170 + {path:'/aircraft',component:Aircraft,name:'通用航空器申报'},
  171 + {path:'/routeaircraft',component:Routeaircraft,name:'航线航空器申报'},
  172 + ]
  173 + },
  174 + {
  175 + path: '/querytransport',
  176 + component: Home,
  177 + name: '通用业务查询',
  178 + iconCls:'el-icon-goods',
  179 + children:[
  180 + {path:'/queryRoute',component:queryRoute,name:'航线查询'},
  181 + {path:'/queryBill',component:queryBill,name:'单据查询'},
  182 + {path:'/queryFlights',component:queryFlight,name:'航班查询'},
  183 + {path:'/queryFlightplan',component:queryFlightplan,name:'当日飞行计划查询'},
  184 + {path:'/queryAircraft',component:queryAircraft,name:'通用航空器查询'},
  185 + {path:'/queryRouteaircraft',component:queryRouteaircraft,name:'航线航空器查询'},
  186 + ]
  187 + },
  188 + {
145 path: '/empt', 189 path: '/empt',
146 component: Home, 190 component: Home,
147 name: '能源管理', 191 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 + <el-row>
  10 + <el-form :model="aircraft" :rules="rules" ref="aircraft" label-width="130px" class="demo-ruleForm">
  11 + <el-col :span="6">
  12 + <el-form-item label="航空公司代码" prop="airwayCode" label-width="130px">
  13 + <el-input v-model="aircraft.airwayCode" placeholder="请输入"></el-input>
  14 + </el-form-item>
  15 + </el-col>
  16 + <el-col :span="6">
  17 + <el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="130px">
  18 + <el-input v-model="aircraft.airwayNameEn" placeholder="请输入"></el-input>
  19 + </el-form-item>
  20 + </el-col>
  21 + <el-col :span="6">
  22 + <el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="130px">
  23 + <el-input v-model="aircraft.airwayNameCn" placeholder="请输入"></el-input>
  24 + </el-form-item>
  25 + </el-col>
  26 + <el-col :span="12"></el-col>
  27 + <el-col :span="6">
  28 + <el-form-item label="航空器注册编号" prop="aircraftNo" label-width="130px">
  29 + <el-input v-model="aircraft.aircraftNo" placeholder="请输入"></el-input>
  30 + </el-form-item>
  31 + </el-col>
  32 + <el-col :span="6">
  33 + <el-form-item label="航空器国籍" prop="areoNationality" label-width="130px">
  34 + <el-input v-model="aircraft.areoNationality" placeholder="请输入"></el-input>
  35 + </el-form-item>
  36 + </el-col>
  37 + <el-col :span="6">
  38 + <el-form-item label="证书类型" prop="credentialType" label-width="130px">
  39 + <el-input v-model="aircraft.credentialType" placeholder="请输入"></el-input>
  40 + </el-form-item>
  41 + </el-col>
  42 + <el-col :span="6">
  43 + <el-form-item label="证书编号" prop="credentialNo" label-width="130px">
  44 + <el-input v-model="aircraft.credentialNo" placeholder="请输入"></el-input>
  45 + </el-form-item>
  46 + </el-col>
  47 +
  48 + <el-col :span="6">
  49 + <el-form-item label="机型" prop="areoModel" label-width="130px">
  50 + <el-input v-model="aircraft.areoModel" placeholder="请输入"></el-input>
  51 + </el-form-item>
  52 + </el-col>
  53 + <el-col :span="6">
  54 + <el-form-item label="最大起飞重量" prop="grossWeight" label-width="130px">
  55 + <el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）"></el-input>
  56 + </el-form-item>
  57 + </el-col>
  58 + <el-col :span="6">
  59 + <el-form-item label="标客舱载客人数" prop="passengerLimit" label-width="130px">
  60 + <el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）"></el-input>
  61 + </el-form-item>
  62 + </el-col>
  63 + <el-col :span="6">
  64 + <el-form-item label="航空器所有方式" prop="useRelation" label-width="130px">
  65 + <el-input v-model="aircraft.useRelation" placeholder="请输入"></el-input>
  66 + </el-form-item>
  67 + </el-col>
  68 + <el-col :span="6">
  69 + <el-form-item label="航空器所有人代码" prop="ownerCo" label-width="130px">
  70 + <el-input v-model="aircraft.ownerCo" placeholder="请输入数量（单位：人）"></el-input>
  71 + </el-form-item>
  72 + </el-col>
  73 + <el-col :span="6">
  74 + <el-form-item label="国际证书编号" prop="certNo" label-width="130px">
  75 + <el-input v-model="aircraft.certNo" placeholder="请输入"></el-input>
  76 + </el-form-item>
  77 + </el-col>
  78 + <el-col :span="6">
  79 + <el-form-item label="交付日期" prop="deliverDate" label-width="120px">
  80 + <el-date-picker
  81 + v-model="aircraft.deliverDate"
  82 + type="date"
  83 + style="width:100%"
  84 + placeholder="选择日期">
  85 + </el-date-picker>
  86 + </el-form-item>
  87 + </el-col>
  88 + <el-col :sapn="24">
  89 + <el-form-item label="备注" prop="meno" label-width="130px">
  90 + <el-input type="textarea" v-model="aircraft.meno" :rows="4" placeholder="请输入"></el-input>
  91 + </el-form-item>
  92 + </el-col>
  93 + </el-form>
  94 + </el-row>
  95 + <el-row style="margin-left: 130px">
  96 + <el-col :span="24"> <el-button type="primary" @click="submitForm('aircraft')">保 存</el-button>
  97 + <el-button type="success">保存并发送</el-button></el-col>
  98 + </el-row>
  99 + </el-main>
  100 + </el-container>
  101 +</template>
  102 +<style scoped>
  103 + .grid-content {
  104 + height: 36px;
  105 + line-height: 36px;
  106 + }
  107 + .el-dialog__body{text-align: center}
  108 + .content {
  109 + border-left: 4px #409EFF solid;
  110 + padding-left: 10px;
  111 + background-color: #f9fafc;
  112 + margin-bottom: 2px
  113 + }
  114 +
  115 + .row-bg{
  116 + background-color: white;
  117 + }
  118 + .el-col{margin-right: 0px;}
  119 +</style>
  120 +<script>
  121 + export default {
  122 + data(){
  123 + return{
  124 + aircraft:{
  125 + uuid:undefined,
  126 + airwayCode:undefined,
  127 + airwayNameEn:undefined,
  128 + airwayNameCn:undefined,
  129 + aircraftNo:undefined,
  130 + areoModel:undefined,
  131 + areoNationality:undefined,
  132 + certNo:undefined,
  133 + grossWeight:undefined,
  134 + passengerLimit:undefined,
  135 + useRelation:undefined,
  136 + deliverDate:undefined,
  137 + ownerCo:undefined,
  138 + credentialType:undefined,
  139 + credentialNo:undefined,
  140 + statusMsg:undefined,
  141 + status:undefined,
  142 + createTime:undefined,
  143 + createBy:undefined,
  144 + updateTime:undefined,
  145 + updateBy:undefined,
  146 + meno:undefined,
  147 + isDelete:undefined,
  148 + messageid:undefined
  149 + },
  150 + rules:{
  151 +
  152 + }
  153 + }
  154 + },
  155 + methods(){}
  156 + }
  157 +</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 + <el-row>
  10 + <el-form :model="bill" :rules="rules" ref="bill" label-width="100%" class="demo-ruleForm">
  11 + <el-col :span="8">
  12 + <el-form-item label="航空器注册编号" prop="aircraftNo" label-width="120px">
  13 + <el-input v-model="bill.aircraftNo"></el-input>
  14 + </el-form-item>
  15 + </el-col>
  16 + <el-col :span="8">
  17 + <el-form-item label="航班号" prop="flightNo" label-width="120px">
  18 + <el-input v-model="bill.flightNo"></el-input>
  19 + </el-form-item>
  20 + </el-col>
  21 + <el-col :span="8">
  22 + <el-form-item label="航班时间" prop="flightDate" label-width="120px">
  23 + <el-input v-model="bill.flightDate"></el-input>
  24 + </el-form-item>
  25 + </el-col>
  26 + <el-col :span="6">
  27 + <el-form-item label="进出港标识" prop="accessFlag" label-width="120px">
  28 + <el-input v-model="bill.accessFlag"></el-input>
  29 + </el-form-item>
  30 + </el-col>
  31 + <el-col :span="6">
  32 + <el-form-item label="机组人数" prop="aircrewSum" label-width="120px">
  33 + <el-input v-model="bill.aircrewSum"></el-input>
  34 + </el-form-item>
  35 + </el-col>
  36 + <el-col :span="6">
  37 + <el-form-item label="国际旅客人数" prop="interPassengerSum" label-width="120px">
  38 + <el-input v-model="bill.interPassengerSum"></el-input>
  39 + </el-form-item>
  40 + </el-col>
  41 + <el-col :span="6">
  42 + <el-form-item label="国内旅客人数" prop="localePassengerSum" label-width="120px">
  43 + <el-input v-model="bill.localePassengerSum"></el-input>
  44 + </el-form-item>
  45 + </el-col>
  46 + <el-col :span="6">
  47 + <el-form-item label="国际行李件数" prop="interBaggageNum" label-width="120px">
  48 + <el-input v-model="bill.interBaggageNum"></el-input>
  49 + </el-form-item>
  50 + </el-col>
  51 + <el-col :span="6">
  52 + <el-form-item label="国内行李件数" prop="localeBaggageNum" label-width="120px">
  53 + <el-input v-model="bill.localeBaggageNum"></el-input>
  54 + </el-form-item>
  55 + </el-col>
  56 + <el-col :span="6">
  57 + <el-form-item label="货邮件数" prop="goodsNum" label-width="120px">
  58 + <el-input v-model="bill.goodsNum"></el-input>
  59 + </el-form-item>
  60 + </el-col>
  61 + <el-col :span="6">
  62 + <el-form-item label="货邮重量(KG)" prop="goodsQuantity" label-width="120px">
  63 + <el-input v-model="bill.goodsQuantity"></el-input>
  64 + </el-form-item>
  65 + </el-col>
  66 + <el-col :span="8">
  67 + <el-form-item label="抵达港口" prop="arrivalAirport" label-width="120px">
  68 + <el-input v-model="bill.arrivalAirport"></el-input>
  69 + </el-form-item>
  70 + </el-col>
  71 + <el-col :span="8">
  72 + <el-form-item label="关区代码" prop="arrivalno" label-width="120px">
  73 + <el-input v-model="bill.arrivalno"></el-input>
  74 + </el-form-item>
  75 + </el-col>
  76 + <el-col :span="8">
  77 + <el-form-item label="抵达时间" prop="arrivaldatetime" label-width="120px">
  78 + <el-input v-model="bill.arrivaldatetime"></el-input>
  79 + </el-form-item>
  80 + </el-col>
  81 + <el-col :span="8">
  82 + <el-form-item label="驶离港口" prop="departureAirport" label-width="120px">
  83 + <el-input v-model="bill.departureAirport"></el-input>
  84 + </el-form-item>
  85 + </el-col>
  86 + <el-col :span="8">
  87 + <el-form-item label="关区代码" prop="departureno" label-width="120px">
  88 + <el-input v-model="bill.departureno"></el-input>
  89 + </el-form-item>
  90 + </el-col>
  91 + <el-col :span="8">
  92 + <el-form-item label="驶离时间" prop="departuredatetime" label-width="120px">
  93 + <el-input v-model="bill.departuredatetime"></el-input>
  94 + </el-form-item>
  95 + </el-col>
  96 + <el-col :span="6">
  97 + <el-form-item label="货物申报单份数" prop="cargoBillNum" label-width="120px">
  98 + <el-input v-model="bill.cargoBillNum"></el-input>
  99 + </el-form-item>
  100 + </el-col>
  101 + <el-col :span="6">
  102 + <el-form-item label="旅客名单份数" prop="passengerPage" label-width="120px">
  103 + <el-input v-model="bill.passengerPage"></el-input>
  104 + </el-form-item>
  105 + </el-col>
  106 + <el-col :span="6">
  107 + <el-form-item label="机组名单份数" prop="aircrewBillNum" label-width="120px">
  108 + <el-input v-model="bill.aircrewBillNum"></el-input>
  109 + </el-form-item>
  110 + </el-col>
  111 + <el-col :span="6">
  112 + <el-form-item label="机组物品申报单份数" prop="aircrewCargoBillNum" label-width="140px">
  113 + <el-input v-model="bill.aircrewCargoBillNum"></el-input>
  114 + </el-form-item>
  115 + </el-col>
  116 + <el-col :span="6">
  117 + <el-form-item label="停靠机位" prop="arrivalPosition" label-width="120px">
  118 + <el-input v-model="bill.arrivalPosition"></el-input>
  119 + </el-form-item>
  120 + </el-col>
  121 + <el-col :span="18">
  122 + <el-form-item label="选项" label-width="120px">
  123 + <el-checkbox v-model="bill.remark">是否有健康异常</el-checkbox>
  124 + <el-checkbox v-model="bill.remark1">是否发现病媒生物</el-checkbox>
  125 + <el-checkbox v-model="bill.remark2">是否发现外来有害生物</el-checkbox>
  126 + <el-checkbox v-model="bill.remark3">是否有有效灭蚊证明</el-checkbox>
  127 + </el-form-item>
  128 + </el-col>
  129 + <el-col :span="24">
  130 + <el-form-item label="备注" prop="meno" label-width="120px">
  131 + <el-input v-model="bill.meno"></el-input>
  132 + </el-form-item>
  133 + </el-col>
  134 + </el-form>
  135 + </el-row>
  136 + <el-row style="margin-left: 120px">
  137 + <el-col :span="24"> <el-button type="primary" @click="submitForm('bill')">保 存</el-button>
  138 + <el-button type="success">保存并发送</el-button></el-col>
  139 + </el-row>
  140 + <el-row class="row-bg">
  141 + <el-col :span="24">
  142 + <div class="grid-content content">机组名单<el-button type="primary" size="mini" @click="dialogTableVisible = true" style="margin-left:50px">添加机组人员</el-button></div>
  143 + </el-col>
  144 + </el-row>
  145 + <el-row>
  146 + <el-dialog title="机组人员添加" :visible.sync="dialogTableVisible">
  147 + <el-form :model="billperson" :rules="brules" ref="billperson" label-width="100px" class="demo-ruleForm">
  148 + <el-row>
  149 + <el-col :span="12">
  150 + <el-form-item label="姓名" prop="name">
  151 + <el-input v-model="billperson.name"></el-input>
  152 + </el-form-item>
  153 + </el-col>
  154 + <el-col :span="12">
  155 + <el-form-item label="性别" prop="gender">
  156 + <el-input v-model="billperson.gender"></el-input>
  157 + </el-form-item>
  158 + </el-col>
  159 + <el-col :span="12">
  160 + <el-form-item label="证件类型" prop="certType">
  161 + <el-input v-model="billperson.certType"></el-input>
  162 + </el-form-item>
  163 + </el-col>
  164 + <el-col :span="12">
  165 + <el-form-item label="证件号码" prop="ceterNo">
  166 + <el-input v-model="billperson.ceterNo"></el-input>
  167 + </el-form-item>
  168 + </el-col>
  169 + <el-col :span="12">
  170 + <el-form-item label="国籍" prop="nationality">
  171 + <el-input v-model="billperson.nationality"></el-input>
  172 + </el-form-item>
  173 + </el-col>
  174 + <el-col :span="12">
  175 + <el-form-item label="职务" prop="gareer">
  176 + <el-input v-model="billperson.gareer"></el-input>
  177 + </el-form-item>
  178 + </el-col>
  179 + <el-col :span="24">
  180 + <el-form-item label="备注" prop="meno">
  181 + <el-input v-model="billperson.meno"></el-input>
  182 + </el-form-item>
  183 + </el-col>
  184 + <el-col :span="24"> <el-button type="primary" @click="submitPerson('billperson')" style="float: right">提 交</el-button></el-col>
  185 + </el-row>
  186 + </el-form>
  187 + </el-dialog>
  188 + </el-row>
  189 + <el-row>
  190 + <el-table
  191 + :data="tableData"
  192 + border
  193 + style="width: 100%;margin-bottom: 10px">
  194 + <el-table-column
  195 + fixed="left"
  196 + label="操作"
  197 + width="150">
  198 + <template slot-scope="scope">
  199 + <el-button
  200 + size="mini"
  201 + type="primary"
  202 + @click="handleEdit(scope.$index, scope.row)">选择</el-button>
  203 + </template>
  204 + </el-table-column>
  205 + <el-table-column
  206 + fixed
  207 + prop="name"
  208 + label="姓名"
  209 + width="150">
  210 + </el-table-column>
  211 + <el-table-column
  212 + fixed
  213 + prop="gender"
  214 + label="性别"
  215 + width="150">
  216 + </el-table-column>
  217 + <el-table-column
  218 + fixed
  219 + prop="nationality"
  220 + label="国籍"
  221 + width="150">
  222 + </el-table-column>
  223 + <el-table-column
  224 + fixed
  225 + prop="certType"
  226 + label="证件类型"
  227 + width="150">
  228 + </el-table-column>
  229 + <el-table-column
  230 + fixed
  231 + prop="ceterNo"
  232 + label="证件编辑"
  233 + width="150">
  234 + </el-table-column>
  235 + <el-table-column
  236 + fixed
  237 + prop="gareer"
  238 + label="职务"
  239 + width="150">
  240 + </el-table-column>
  241 + <el-table-column
  242 + fixed
  243 + prop="meno"
  244 + label="备注"
  245 + width="350">
  246 + </el-table-column>
  247 + </el-table>
  248 + </el-row>
  249 + </el-main>
  250 + </el-container>
  251 +</template>
  252 +<style scoped>
  253 +.grid-content {
  254 +height: 36px;
  255 +line-height: 36px;
  256 +}
  257 +.el-dialog__body{text-align: center}
  258 +.content {
  259 +border-left: 4px #409EFF solid;
  260 +padding-left: 10px;
  261 +background-color: #f9fafc;
  262 +margin-bottom: 2px
  263 +}
  264 +
  265 +.row-bg{
  266 +background-color: white;
  267 +}
  268 +.el-col{margin-right: 0px;}
  269 +</style>
  270 +<script>
  271 + export default {
  272 + data(){
  273 + return{
  274 + bill:{
  275 + uuid:undefined,
  276 + aircraftNo:undefined,
  277 + flightNo:undefined,
  278 + flightDate:undefined,
  279 + accessFlag:undefined,
  280 + departureAirport:undefined,
  281 + departuredatetime:undefined,
  282 + departureno:undefined,
  283 + arrivalAirport:undefined,
  284 + arrivaldatetime:undefined,
  285 + arrivalno:undefined,
  286 + aircrewSum:undefined,
  287 + interPassengerSum:undefined,
  288 + localePassengerSum:undefined,
  289 + interBaggageNum:undefined,
  290 + localeBaggageNum:undefined,
  291 + goodsNum:undefined,
  292 + goodsQuantity:undefined,
  293 + cargoBillNum:undefined,
  294 + passengerPage:undefined,
  295 + aircrewBillNum:undefined,
  296 + aircrewCargoBillNum:undefined,
  297 + arrivalPosition:undefined,
  298 + bussinessType:undefined,
  299 + messageid:undefined,
  300 + status:undefined,
  301 + statusMsg:undefined,
  302 + meno:undefined,
  303 + createTime:undefined,
  304 + createBy:undefined,
  305 + updateTime:undefined,
  306 + updateBy:undefined,
  307 + isDelete:undefined,
  308 + remark:undefined,
  309 + remark1:undefined,
  310 + remark2:undefined,
  311 + remark3:undefined
  312 + },
  313 + rules: {
  314 + aircraftNo: [
  315 + {required: true, message: '请输入', trigger: 'blur'}
  316 + ],
  317 + flightNo: [
  318 + {required: true, message: '请输入', trigger: 'blur'}
  319 + ],
  320 + flightDate: [
  321 + {required: true, message: '请选择', trigger: 'blur'}
  322 + ],
  323 + },
  324 + dialogTableVisible:false,
  325 + billperson:{
  326 + autoId:undefined,
  327 + name:undefined,
  328 + gender:undefined,
  329 + gareer:undefined,
  330 + nationality:undefined,
  331 + certType:undefined,
  332 + ceterNo:undefined,
  333 + createTime:undefined,
  334 + createBy:undefined,
  335 + updateTime:undefined,
  336 + updateBy:undefined,
  337 + meno:undefined,
  338 + isDelete:undefined,
  339 + billsId:undefined
  340 + },
  341 + brules:{
  342 + name: [
  343 + {required: true, message: '请输入', trigger: 'blur'}
  344 + ],
  345 + gender: [
  346 + {required: true, message: '请输入', trigger: 'blur'}
  347 + ],
  348 + certType: [
  349 + {required: true, message: '请输入', trigger: 'blur'}
  350 + ],
  351 + ceterNo: [
  352 + {required: true, message: '请输入', trigger: 'blur'}
  353 + ],
  354 + nationality: [
  355 + {required: true, message: '请输入', trigger: 'blur'}
  356 + ],
  357 + gareer: [
  358 + {required: true, message: '请输入', trigger: 'blur'}
  359 + ],
  360 + },
  361 + tableData:[]
  362 + }
  363 + },
  364 + methods:{
  365 + submitForm(formName) {
  366 + this.$refs[formName].validate((valid) => {
  367 + if (valid) {
  368 + alert('submit!');
  369 + } else {
  370 + console.log('error submit!!');
  371 + return false;
  372 + }
  373 + });
  374 + },
  375 + submitPerson(formName){
  376 + this.$refs[formName].validate((valid) => {
  377 + if (valid) {
  378 + alert('submit!');
  379 + } else {
  380 + console.log('error submit!!');
  381 + return false;
  382 + }
  383 + });
  384 + },
  385 + handleSizeChange(val) {
  386 + console.log(`每页 ${val} 条`);
  387 + },
  388 + handleCurrentChange(val) {
  389 + console.log(`当前页: ${val}`);
  390 + }
  391 + }
  392 + }
  393 +</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 + <el-row>
  10 + <el-form :model="flight" :rules="rules" ref="flight" label-width="130px" class="demo-ruleForm">
  11 + <el-col :span="6">
  12 + <el-form-item label="航班号" prop="flightNo" label-width="120px">
  13 + <el-input v-model="flight.flightNo"></el-input>
  14 + </el-form-item>
  15 + </el-col>
  16 + <el-col :span="6">
  17 + <el-form-item label="航空公司代码" prop="airwayCode" label-width="120px">
  18 + <el-input v-model="flight.airwayCode"></el-input>
  19 + </el-form-item>
  20 + </el-col>
  21 + <el-col :span="6">
  22 + <el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="130px">
  23 + <el-input v-model="flight.airwayNameCn"></el-input>
  24 + </el-form-item>
  25 + </el-col>
  26 + <el-col :span="6">
  27 + <el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="130px">
  28 + <el-input v-model="flight.airwayNameEn"></el-input>
  29 + </el-form-item>
  30 + </el-col>
  31 +
  32 + <el-col :span="6">
  33 + <el-form-item label="传输代理人" prop="transportAgentCode" label-width="120px">
  34 + <el-input v-model="flight.transportAgentCode"></el-input>
  35 + </el-form-item>
  36 + </el-col>
  37 + <el-col :span="6">
  38 + <el-form-item label="地面代理人" prop="groundAgentCode" label-width="120px">
  39 + <el-input v-model="flight.groundAgentCode"></el-input>
  40 + </el-form-item>
  41 + </el-col>
  42 + <el-col :span="6">
  43 + <el-form-item label="航班性质" prop="flightType" label-width="130px">
  44 + <el-select v-model="flight.flightType" placeholder="" style="display:inline">
  45 + <el-option v-for="item in flightTypes" :key="item.value" :label="item.label"
  46 + :value="item.value"></el-option>
  47 + </el-select>
  48 + </el-form-item>
  49 + </el-col>
  50 + <el-col :span="6">
  51 + <el-form-item label="运输标识" prop="linesType" label-width="130px">
  52 + <el-select v-model="flight.linesType" placeholder="" style="display:inline">
  53 + <el-option v-for="item in linesTypes" :key="item.value" :label="item.label"
  54 + :value="item.value"></el-option>
  55 + </el-select>
  56 + </el-form-item>
  57 + </el-col>
  58 +
  59 + <el-col :span="6">
  60 + <el-form-item label="共享航班号" prop="shareFlightNo" label-width="120px">
  61 + <el-input v-model="flight.shareFlightNo"></el-input>
  62 + </el-form-item>
  63 + </el-col>
  64 + <el-col :span="18">
  65 + <el-form-item label="备注" prop="remark" label-width="120px">
  66 + <el-input v-model="flight.remark"></el-input>
  67 + </el-form-item>
  68 + </el-col>
  69 + <el-col :span="24" style="margin-bottom: 20px">
  70 + <div class="grid-content content">航线信息<el-button type="primary" size="mini" @click="dialogTableVisible = true" style="margin-left:50px">航线信息查询</el-button></div>
  71 + </el-col>
  72 +
  73 + <el-col :span="6">
  74 + <el-form-item label="出发港" prop="departurePort" label-width="120px">
  75 + <el-input v-model="flight.departurePort"></el-input>
  76 + </el-form-item>
  77 + </el-col>
  78 + <el-col :span="6">
  79 + <el-form-item label="出发港关区代码" prop="departureCustomNo" label-width="120px">
  80 + <el-input v-model="flight.departureCustomNo"></el-input>
  81 + </el-form-item>
  82 + </el-col>
  83 + <el-col :span="6">
  84 + <el-form-item label="目的港" prop="arrivalPort" label-width="120px">
  85 + <el-input v-model="flight.arrivalPort"></el-input>
  86 + </el-form-item>
  87 + </el-col>
  88 + <el-col :span="6">
  89 + <el-form-item label="目的港关区代码" prop="arrivalCustomNo" label-width="120px">
  90 + <el-input v-model="flight.arrivalCustomNo"></el-input>
  91 + </el-form-item>
  92 + </el-col>
  93 + <el-col :span="6">
  94 + <el-form-item label="每周执行情况" prop="plan" label-width="120px">
  95 + <el-input v-model="flight.plan"></el-input>
  96 + </el-form-item>
  97 + </el-col>
  98 + <el-col :span="6">
  99 + <el-form-item label="长期离港时间" prop="std" label-width="120px">
  100 + <el-time-picker
  101 + v-model="flight.std"
  102 + :picker-options="{
  103 + selectableRange: '00:00:00 - 23:59:59'
  104 + }"
  105 + style="width:100%"
  106 + placeholder="任意时间点">
  107 + </el-time-picker>
  108 + </el-form-item>
  109 + </el-col>
  110 + <el-col :span="6">
  111 + <el-form-item label="长期抵港时间" prop="sta" label-width="120px">
  112 + <el-time-picker
  113 + v-model="flight.sta"
  114 + :picker-options="{
  115 + selectableRange: '00:00:00 - 23:59:59'
  116 + }"
  117 + style="width:100%"
  118 + placeholder="任意时间点">
  119 + </el-time-picker>
  120 + </el-form-item>
  121 + </el-col>
  122 + <el-col :span="12"></el-col>
  123 +
  124 + <el-col :span="6">
  125 + <el-form-item label="有效期起始时间" prop="effStartdate" label-width="120px">
  126 + <el-date-picker
  127 + v-model="flight.effStartdate"
  128 + type="date"
  129 + style="width:100%"
  130 + placeholder="选择日期">
  131 + </el-date-picker>
  132 + </el-form-item>
  133 + </el-col>
  134 + <el-col :span="6">
  135 + <el-form-item label="有效期结束时间" prop="effEnddate" label-width="120px">
  136 + <el-date-picker
  137 + v-model="flight.effEnddate"
  138 + type="date"
  139 + style="width:100%"
  140 + placeholder="选择日期">
  141 + </el-date-picker>
  142 + </el-form-item>
  143 + </el-col>
  144 + <el-col :span="6">
  145 + <el-form-item label="备注" prop="remark" label-width="120px">
  146 + <el-input v-model="flight.remark"></el-input>
  147 + </el-form-item>
  148 + </el-col>
  149 + </el-form>
  150 + </el-row>
  151 + <el-row style="margin-left: 120px">
  152 + <el-col :span="24"> <el-button type="primary" @click="submitForm('flight')">保 存</el-button>
  153 + <el-button type="success">保存并发送</el-button></el-col>
  154 + </el-row>
  155 + <el-row>
  156 + <el-dialog title="航线信息" :visible.sync="dialogTableVisible" width="90%">
  157 + <el-table
  158 + :data="tableData"
  159 + border
  160 + style="width: 100%;margin-bottom: 10px">
  161 + <el-table-column
  162 + fixed="left"
  163 + label="操作"
  164 + width="100">
  165 + <template slot-scope="scope">
  166 + <el-button
  167 + size="mini"
  168 + type="primary"
  169 + @click="handleEdit(scope.$index, scope.row)">选择</el-button>
  170 + </template>
  171 + </el-table-column>
  172 + <el-table-column
  173 + fixed
  174 + prop="serialNo"
  175 + label="航线序号"
  176 + width="80">
  177 + </el-table-column>
  178 + <el-table-column
  179 + fixed
  180 + prop="departurePort"
  181 + label="出发港"
  182 + width="80">
  183 + </el-table-column>
  184 + <el-table-column
  185 + fixed
  186 + prop="departureCustomNo"
  187 + label="出发港关区代码"
  188 + width="150">
  189 + </el-table-column>
  190 + <el-table-column
  191 + fixed
  192 + prop="arrivalPort"
  193 + label="目的港"
  194 + width="80">
  195 + </el-table-column>
  196 + <el-table-column
  197 + fixed
  198 + prop="arrivalCustomNo"
  199 + label="目的港关区代码"
  200 + width="150">
  201 + </el-table-column>
  202 + <el-table-column
  203 + fixed
  204 + prop="std"
  205 + label="长期离港时间"
  206 + width="150">
  207 + </el-table-column>
  208 + <el-table-column
  209 + fixed
  210 + prop="sta"
  211 + label="长期抵港时间"
  212 + width="150">
  213 + </el-table-column>
  214 + <el-table-column
  215 + fixed
  216 + prop="effStartdate"
  217 + label="有效期起始时间"
  218 + width="150">
  219 + </el-table-column>
  220 + <el-table-column
  221 + fixed
  222 + prop="effEnddate"
  223 + label="有效期结束时间"
  224 + width="150">
  225 + </el-table-column>
  226 + <el-table-column
  227 + fixed
  228 + prop="plan"
  229 + label="每周执行情况"
  230 + width="150">
  231 + </el-table-column>
  232 + <el-table-column
  233 + fixed
  234 + prop="remark"
  235 + label="备注"
  236 + width="150">
  237 + </el-table-column>
  238 + </el-table>
  239 + </el-dialog>
  240 + </el-row>
  241 + </el-main>
  242 + </el-container>
  243 +</template>
  244 +<style scoped>
  245 + .grid-content {
  246 + height: 36px;
  247 + line-height: 36px;
  248 + }
  249 + .el-dialog__body{text-align: center}
  250 + .content {
  251 + border-left: 4px #409EFF solid;
  252 + padding-left: 10px;
  253 + background-color: #f9fafc;
  254 + margin-bottom: 2px
  255 + }
  256 +
  257 + .row-bg{
  258 + background-color: white;
  259 + }
  260 + .el-col{margin-right: 0px;}
  261 +</style>
  262 +<script>
  263 + export default {
  264 + data(){
  265 + return{
  266 + flight:{
  267 + uuid:undefined,
  268 + airwayCode:undefined,
  269 + airwayNameEn:undefined,
  270 + airwayNameCn:undefined,
  271 + transportAgentCode:undefined,
  272 + groundAgentCode:undefined,
  273 + flightNo:undefined,
  274 + shareFlightNo:undefined,
  275 + linesType:'2',
  276 + flightType:'',
  277 + cancelFlag:undefined,
  278 + departurePort:undefined,
  279 + arrivalPort:undefined,
  280 + departureCustomNo:undefined,
  281 + arrivalCustomNo:undefined,
  282 + std:undefined,
  283 + sta:undefined,
  284 + effStartdate:undefined,
  285 + effEnddate:undefined,
  286 + plan:undefined,
  287 + remark:undefined,
  288 + createTime:undefined,
  289 + createBy:undefined,
  290 + updateTime:undefined,
  291 + updateBy:undefined,
  292 + isDelete:undefined,
  293 + serialno:undefined,
  294 + status:undefined,
  295 + statusMsg:undefined,
  296 + messageid:undefined
  297 + },
  298 + rules:{},
  299 + flightTypes:[
  300 + {value:'',label:'请选择'},
  301 + {value:'1',label:'来自关境外'},
  302 + {value:'2',label:'驶往关境外'},
  303 + {value:'3',label:'来自关境内'},
  304 + {value:'4',label:'驶往关境内'},
  305 + {value:'5',label:'国际转国际'}
  306 + ],
  307 + linesTypes:[
  308 + {value:'',label:'请选择'},
  309 + {value:'1',label:'客运'},
  310 + {value:'2',label:'货运'},
  311 + {value:'3',label:'客货运'},
  312 + {value:'4',label:'公务机'},
  313 + {value:'5',label:'救援飞机'},
  314 + {value:'6',label:'专机'},
  315 + {value:'7',label:'客包机'},
  316 + {value:'8',label:'货包机'}
  317 + ],
  318 + dialogTableVisible:false,
  319 + tableData:[]
  320 + }
  321 + },
  322 + }
  323 +</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 + <el-row>
  10 + <el-form :model="flight" :rules="rules" ref="flight" label-width="100px" class="demo-ruleForm">
  11 + <el-col :span="12">
  12 + <el-form-item label="航班号" prop="flightNo" label-width="120px">
  13 + <el-input v-model="flight.flightNo"></el-input>
  14 + </el-form-item>
  15 + </el-col>
  16 + <el-col :span="12">
  17 + <el-form-item label="航班日期" prop="flightDate" label-width="120px">
  18 + <el-date-picker
  19 + v-model="flight.flightDate"
  20 + type="date"
  21 + style="width:100%"
  22 + placeholder="选择日期">
  23 + </el-date-picker>
  24 + </el-form-item>
  25 + </el-col>
  26 + <el-col :span="12">
  27 + <el-form-item label="出发港" prop="departurePort" label-width="120px">
  28 + <el-input v-model="flight.departurePort"></el-input>
  29 + </el-form-item>
  30 + </el-col>
  31 + <el-col :span="12">
  32 + <el-form-item label="出发港关区代码" prop="departureCustomNo" label-width="120px">
  33 + <el-input v-model="flight.departureCustomNo"></el-input>
  34 + </el-form-item>
  35 + </el-col>
  36 + <el-col :span="12">
  37 + <el-form-item label="目的港" prop="arrivalPort" label-width="120px">
  38 + <el-input v-model="flight.arrivalPort"></el-input>
  39 + </el-form-item>
  40 + </el-col>
  41 + <el-col :span="12">
  42 + <el-form-item label="目的港关区代码" prop="arrivalCustomNo" label-width="120px">
  43 + <el-input v-model="flight.arrivalCustomNo"></el-input>
  44 + </el-form-item>
  45 + </el-col>
  46 + <el-col :span="12">
  47 + <el-form-item label="计划离港时间" prop="currentTakeoffTime" label-width="120px">
  48 + <el-date-picker
  49 + v-model="flight.currentTakeoffTime"
  50 + type="date"
  51 + style="width:100%"
  52 + placeholder="选择日期">
  53 + </el-date-picker>
  54 + </el-form-item>
  55 + </el-col>
  56 + <el-col :span="12">
  57 + <el-form-item label="计划抵港时间" prop="currentLandingTime" label-width="120px">
  58 + <el-date-picker
  59 + v-model="flight.currentLandingTime"
  60 + type="date"
  61 + style="width:100%"
  62 + placeholder="选择日期">
  63 + </el-date-picker>
  64 + </el-form-item>
  65 + </el-col>
  66 + <el-col :span="12">
  67 + <el-form-item label="执行任务类型" prop="linesType" label-width="120px">
  68 + <el-select v-model="flight.linesType" placeholder="" style="display:inline">
  69 + <el-option v-for="item in linesTypes" :key="item.value" :label="item.label"
  70 + :value="item.value"></el-option>
  71 + </el-select>
  72 + </el-form-item>
  73 + </el-col>
  74 + <el-col :span="12">
  75 + <el-form-item label="备注" prop="meno" label-width="120px">
  76 + <el-input v-model="flight.meno"></el-input>
  77 + </el-form-item>
  78 + </el-col>
  79 + </el-form>
  80 + </el-row>
  81 + <el-row style="margin-left: 120px">
  82 + <el-col :span="24"> <el-button type="primary" @click="submitForm('flight')">保 存</el-button>
  83 + <el-button type="success">保存并发送</el-button></el-col>
  84 + </el-row>
  85 + </el-main>
  86 + </el-container>
  87 +</template>
  88 +<style scoped>
  89 + .grid-content {
  90 + height: 36px;
  91 + line-height: 36px;
  92 + }
  93 + .el-dialog__body{text-align: center}
  94 + .content {
  95 + border-left: 4px #409EFF solid;
  96 + padding-left: 10px;
  97 + background-color: #f9fafc;
  98 + margin-bottom: 2px
  99 + }
  100 +
  101 + .row-bg{
  102 + background-color: white;
  103 + }
  104 + .el-col{margin-right: 0px;}
  105 +</style>
  106 +<script>
  107 + export default {
  108 + data(){
  109 + return{
  110 + flight:{
  111 + flightNo:undefined,
  112 + flightDate:undefined,
  113 + departurePort:undefined,
  114 + departureCustomNo:undefined,
  115 + arrivalPort:undefined,
  116 + arrivalCustomNo:undefined,
  117 + currentTakeoffTime:undefined,
  118 + currentLandingTime:undefined,
  119 + linesType:'2',
  120 + meno:undefined
  121 + },
  122 + rules:{
  123 +
  124 + },
  125 + linesTypes:[
  126 + {value:'',label:'请选择'},
  127 + {value:'1',label:'客运'},
  128 + {value:'2',label:'货运'}
  129 + ],
  130 + }
  131 + },
  132 + methods(){}
  133 + }
  134 +</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 + <el-row>
  10 + <el-form :model="airline" :rules="rules" ref="airline" label-width="100px" class="demo-ruleForm">
  11 + <el-col :span="6">
  12 + <el-form-item label="出发港" prop="departurePort" label-width="120px">
  13 + <el-input v-model="airline.departurePort"></el-input>
  14 + </el-form-item>
  15 + </el-col>
  16 + <el-col :span="6">
  17 + <el-form-item label="出发港关区" prop="departureCustomNo" label-width="120px">
  18 + <el-input v-model="airline.departureCustomNo"></el-input>
  19 + </el-form-item>
  20 + </el-col>
  21 + <el-col :span="6">
  22 + <el-form-item label="目的港" prop="arrivalPort" label-width="120px">
  23 + <el-input v-model="airline.arrivalPort"></el-input>
  24 + </el-form-item>
  25 + </el-col>
  26 + <el-col :span="6">
  27 + <el-form-item label="目的港关区" prop="arrivalCustomNo" label-width="120px">
  28 + <el-input v-model="airline.arrivalCustomNo"></el-input>
  29 + </el-form-item>
  30 + </el-col>
  31 + <el-col :span="24">
  32 + <el-form-item label="航线序号" prop="serialNo" label-width="120px">
  33 + <el-input v-model="airline.serialNo"></el-input>
  34 + </el-form-item>
  35 + </el-col>
  36 + <el-col :span="24">
  37 + <el-form-item label="备注内容" prop="meno" label-width="120px">
  38 + <el-input type="textarea" :rows="5" v-model="airline.meno"></el-input>
  39 + </el-form-item>
  40 + </el-col>
  41 + <el-col :span="24" style="margin-bottom: 20px">
  42 + <el-col :span="24">
  43 + <div class="grid-content content">长期飞行计划<el-button type="primary" size="mini" @click="dialogTableVisible = true" style="margin-left:25px">长期飞行计划查询</el-button></div>
  44 + </el-col>
  45 + </el-col>
  46 + <el-col :span="8">
  47 + <el-form-item label="每周执行情况" prop="plan" label-width="120px">
  48 + <el-input v-model="airline.plan"></el-input>
  49 + </el-form-item>
  50 + </el-col>
  51 + <el-col :span="8">
  52 + <el-form-item label="长期离港时间" prop="std" label-width="120px">
  53 + <el-time-picker
  54 + v-model="airline.std"
  55 + :picker-options="{
  56 + selectableRange: '00:00:00 - 23:59:59'
  57 + }"
  58 + style="width:100%"
  59 + placeholder="任意时间点">
  60 + </el-time-picker>
  61 + </el-form-item>
  62 + </el-col>
  63 + <el-col :span="8">
  64 + <el-form-item label="长期抵港时间" prop="sta" label-width="120px">
  65 + <el-time-picker
  66 + v-model="airline.sta"
  67 + :picker-options="{
  68 + selectableRange: '00:00:00 - 23:59:59'
  69 + }"
  70 + style="width:100%"
  71 + placeholder="任意时间点">
  72 + </el-time-picker>
  73 + </el-form-item>
  74 + </el-col>
  75 + <el-col :span="8">
  76 + <el-form-item label="有效起始时间" prop="effStartdate" label-width="120px">
  77 + <el-date-picker
  78 + v-model="airline.effStartdate"
  79 + type="date"
  80 + style="width:100%"
  81 + placeholder="选择日期">
  82 + </el-date-picker>
  83 + </el-form-item>
  84 + </el-col>
  85 + <el-col :span="8">
  86 + <el-form-item label="有效结束时间" prop="effEnddate" label-width="120px">
  87 + <el-date-picker
  88 + v-model="airline.effEnddate"
  89 + type="date"
  90 + style="width:100%"
  91 + placeholder="选择日期">
  92 + </el-date-picker>
  93 + </el-form-item>
  94 + </el-col>
  95 + <el-col :span="8">
  96 + <el-form-item label="备注" prop="remark" label-width="120px">
  97 + <el-input v-model="airline.remark"></el-input>
  98 + </el-form-item>
  99 + </el-col>
  100 + <el-col :span="8" style="margin-left: 120px">
  101 + <el-button type="primary" @click="submitForm('airline')">保 存</el-button>
  102 + <el-button type="success">保存并发送</el-button>
  103 + </el-col>
  104 + </el-form>
  105 + </el-row>
  106 + <el-row>
  107 + <el-dialog title="长期飞行计划" :visible.sync="dialogTableVisible">
  108 + <el-table
  109 + :data="tableData"
  110 + border
  111 + style="width: 100%;margin-bottom: 10px">
  112 + <el-table-column
  113 + fixed="left"
  114 + label="选择"
  115 + width="150">
  116 + <template slot-scope="scope">
  117 + <el-button
  118 + size="mini"
  119 + type="primary"
  120 + @click="handleEdit(scope.$index, scope.row)">选择</el-button>
  121 + </template>
  122 + </el-table-column>
  123 + <el-table-column
  124 + fixed
  125 + prop="std"
  126 + label="长期离港时间"
  127 + width="150">
  128 + </el-table-column>
  129 + <el-table-column
  130 + fixed
  131 + prop="sta"
  132 + label="长期抵港时间"
  133 + width="150">
  134 + </el-table-column>
  135 + <el-table-column
  136 + fixed
  137 + prop="effStartdate"
  138 + label="有效起始日期"
  139 + width="180">
  140 + </el-table-column>
  141 + <el-table-column
  142 + fixed
  143 + prop="effEnddate"
  144 + label="有效结束日期"
  145 + width="180">
  146 + </el-table-column>
  147 + </el-table>
  148 + <el-pagination
  149 + @size-change="handleSizeChange"
  150 + @current-change="handleCurrentChange"
  151 + :current-page="currentPage4"
  152 + :page-sizes="[10, 20, 30, 40]"
  153 + :page-size="100"
  154 + layout="total, sizes, prev, pager, next, jumper"
  155 + :total="100">
  156 + </el-pagination>
  157 + </el-dialog>
  158 + </el-row>
  159 + </el-main>
  160 + </el-container>
  161 +</template>
  162 +<style scoped>
  163 + .grid-content {
  164 + height: 36px;
  165 + line-height: 36px;
  166 + }
  167 + .el-dialog__body{text-align: center}
  168 + .content {
  169 + border-left: 4px #409EFF solid;
  170 + padding-left: 10px;
  171 + background-color: #f9fafc;
  172 + margin-bottom: 2px
  173 + }
  174 +
  175 + .row-bg{
  176 + background-color: white;
  177 + }
  178 + .el-col{margin-right: 0px;}
  179 +</style>
  180 +<script>
  181 + export default {
  182 + data(){
  183 + return{
  184 + airline:{
  185 + uuid:undefined,
  186 + serialNo:undefined,
  187 + departurePort:undefined,
  188 + arrivalPort:undefined,
  189 + departureCustomNo:undefined,
  190 + arrivalCustomNo:undefined,
  191 + cancelFlag:undefined,
  192 + meno:undefined,
  193 + planno:undefined,
  194 + std:undefined,
  195 + sta:undefined,
  196 + effStartdate:undefined,
  197 + effEnddate:undefined,
  198 + plan:undefined,
  199 + remark:undefined,
  200 + createTime:undefined,
  201 + createBy:undefined,
  202 + updateTime:undefined,
  203 + updateBy:undefined,
  204 + isDelete:undefined
  205 + },
  206 + rules: {
  207 + departurePort: [
  208 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  209 + {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
  210 + ],
  211 + departureCustomNo: [
  212 + {required: true, message: '请输入关区代码', trigger: 'blur'}
  213 + ],
  214 + arrivalPort: [
  215 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  216 + {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
  217 + ],
  218 + arrivalCustomNo: [
  219 + {required: true, message: '请输入关区代码', trigger: 'blur'}
  220 + ],
  221 + },
  222 + tableData: [{
  223 + std: '16:11:46',
  224 + sta: '16:11:46',
  225 + effStartdate: '2016-05-02',
  226 + effEnddate: '2016-05-02'
  227 + }],
  228 + dialogTableVisible:false,
  229 + currentPage4:4,
  230 + }
  231 + },
  232 + methods:{
  233 + submitForm(formName) {
  234 + this.$refs[formName].validate((valid) => {
  235 + if (valid) {
  236 + alert('submit!');
  237 + } else {
  238 + console.log('error submit!!');
  239 + return false;
  240 + }
  241 + });
  242 + },
  243 + handleSizeChange(val) {
  244 + console.log(`每页 ${val} 条`);
  245 + },
  246 + handleCurrentChange(val) {
  247 + console.log(`当前页: ${val}`);
  248 + }
  249 + }
  250 + }
  251 +</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 + <el-row>
  10 + <el-form :model="aircraft" :rules="rules" ref="aircraft" label-width="130px" class="demo-ruleForm">
  11 + <el-col :span="6">
  12 + <el-form-item label="航空公司代码" prop="airwayCode" label-width="130px">
  13 + <el-input v-model="aircraft.airwayCode" placeholder="请输入"></el-input>
  14 + </el-form-item>
  15 + </el-col>
  16 + <el-col :span="6">
  17 + <el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="130px">
  18 + <el-input v-model="aircraft.airwayNameEn" placeholder="请输入"></el-input>
  19 + </el-form-item>
  20 + </el-col>
  21 + <el-col :span="6">
  22 + <el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="130px">
  23 + <el-input v-model="aircraft.airwayNameCn" placeholder="请输入"></el-input>
  24 + </el-form-item>
  25 + </el-col>
  26 + <el-col :span="12"></el-col>
  27 + <el-col :span="6">
  28 + <el-form-item label="航空器注册编号" prop="aircraftNo" label-width="130px">
  29 + <el-input v-model="aircraft.aircraftNo" placeholder="请输入"></el-input>
  30 + </el-form-item>
  31 + </el-col>
  32 + <el-col :span="6">
  33 + <el-form-item label="航空器国籍" prop="areoNationality" label-width="130px">
  34 + <el-input v-model="aircraft.areoNationality" placeholder="请输入"></el-input>
  35 + </el-form-item>
  36 + </el-col>
  37 + <el-col :span="6">
  38 + <el-form-item label="证书类型" prop="credentialType" label-width="130px">
  39 + <el-input v-model="aircraft.credentialType" placeholder="请输入"></el-input>
  40 + </el-form-item>
  41 + </el-col>
  42 + <el-col :span="6">
  43 + <el-form-item label="证书编号" prop="credentialNo" label-width="130px">
  44 + <el-input v-model="aircraft.credentialNo" placeholder="请输入"></el-input>
  45 + </el-form-item>
  46 + </el-col>
  47 +
  48 + <el-col :span="6">
  49 + <el-form-item label="机型" prop="areoModel" label-width="130px">
  50 + <el-input v-model="aircraft.areoModel" placeholder="请输入"></el-input>
  51 + </el-form-item>
  52 + </el-col>
  53 + <el-col :span="6">
  54 + <el-form-item label="最大起飞重量" prop="grossWeight" label-width="130px">
  55 + <el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）"></el-input>
  56 + </el-form-item>
  57 + </el-col>
  58 + <el-col :span="6">
  59 + <el-form-item label="标客舱载客人数" prop="passengerLimit" label-width="130px">
  60 + <el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）"></el-input>
  61 + </el-form-item>
  62 + </el-col>
  63 + <el-col :span="6">
  64 + <el-form-item label="航空器所有方式" prop="useRelation" label-width="130px">
  65 + <el-input v-model="aircraft.useRelation" placeholder="请输入"></el-input>
  66 + </el-form-item>
  67 + </el-col>
  68 + <el-col :span="6">
  69 + <el-form-item label="航空器所有人代码" prop="ownerCo" label-width="130px">
  70 + <el-input v-model="aircraft.ownerCo" placeholder="请输入数量（单位：人）"></el-input>
  71 + </el-form-item>
  72 + </el-col>
  73 + <el-col :span="6">
  74 + <el-form-item label="国际证书编号" prop="certNo" label-width="130px">
  75 + <el-input v-model="aircraft.certNo" placeholder="请输入"></el-input>
  76 + </el-form-item>
  77 + </el-col>
  78 + <el-col :span="6">
  79 + <el-form-item label="交付日期" prop="deliverDate" label-width="120px">
  80 + <el-date-picker
  81 + v-model="aircraft.deliverDate"
  82 + type="date"
  83 + style="width:100%"
  84 + placeholder="选择日期">
  85 + </el-date-picker>
  86 + </el-form-item>
  87 + </el-col>
  88 + <el-col :sapn="24">
  89 + <el-form-item label="备注" prop="meno" label-width="130px">
  90 + <el-input type="textarea" v-model="aircraft.meno" :rows="4" placeholder="请输入"></el-input>
  91 + </el-form-item>
  92 + </el-col>
  93 + </el-form>
  94 + </el-row>
  95 + <el-row style="margin-left: 130px">
  96 + <el-col :span="24"> <el-button type="primary" @click="submitForm('aircraft')">保 存</el-button>
  97 + <el-button type="success">保存并发送</el-button></el-col>
  98 + </el-row>
  99 + </el-main>
  100 + </el-container>
  101 +</template>
  102 +<style scoped>
  103 + .grid-content {
  104 + height: 36px;
  105 + line-height: 36px;
  106 + }
  107 + .el-dialog__body{text-align: center}
  108 + .content {
  109 + border-left: 4px #409EFF solid;
  110 + padding-left: 10px;
  111 + background-color: #f9fafc;
  112 + margin-bottom: 2px
  113 + }
  114 +
  115 + .row-bg{
  116 + background-color: white;
  117 + }
  118 + .el-col{margin-right: 0px;}
  119 +</style>
  120 +<script>
  121 + export default {
  122 + data(){
  123 + return{
  124 + aircraft:{
  125 + uuid:undefined,
  126 + airwayCode:undefined,
  127 + airwayNameEn:undefined,
  128 + airwayNameCn:undefined,
  129 + aircraftNo:undefined,
  130 + areoModel:undefined,
  131 + areoNationality:undefined,
  132 + certNo:undefined,
  133 + grossWeight:undefined,
  134 + passengerLimit:undefined,
  135 + useRelation:undefined,
  136 + deliverDate:undefined,
  137 + ownerCo:undefined,
  138 + supervisoryProperty:undefined,
  139 + credentialNo:undefined,
  140 + statusMsg:undefined,
  141 + status:undefined,
  142 + createTime:undefined,
  143 + createBy:undefined,
  144 + updateTime:undefined,
  145 + updateBy:undefined,
  146 + meno:undefined,
  147 + isDelete:undefined,
  148 + messageid:undefined
  149 + },
  150 + rules:{
  151 +
  152 + },
  153 + }
  154 + },
  155 + methods(){}
  156 + }
  157 +</script>