朱兆平 / vue_cli · 提交

转到一个项目

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

运输工具通用查询

内嵌 并排对比
正在显示 23 个修改的文件 包含 2799 行增加 和 99 行删除
@@ -14,12 +14,12 @@ @@ -14,12 +14,12 @@
14 </el-form-item> 14 </el-form-item>
15 </el-col> 15 </el-col>
16 <el-col :span="6"> 16 <el-col :span="6">
17 - <el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="130px"> 17 + <el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="140px">
18 <el-input v-model="aircraft.airwayNameEn" placeholder="请输入"></el-input> 18 <el-input v-model="aircraft.airwayNameEn" placeholder="请输入"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="6"> 21 <el-col :span="6">
22 - <el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="130px"> 22 + <el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="140px">
23 <el-input v-model="aircraft.airwayNameCn" placeholder="请输入"></el-input> 23 <el-input v-model="aircraft.airwayNameCn" placeholder="请输入"></el-input>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
@@ -52,12 +52,12 @@ @@ -52,12 +52,12 @@
52 </el-col> 52 </el-col>
53 <el-col :span="6"> 53 <el-col :span="6">
54 <el-form-item label="最大起飞重量" prop="grossWeight" label-width="130px"> 54 <el-form-item label="最大起飞重量" prop="grossWeight" label-width="130px">
55 - <el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）"></el-input> 55 + <el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
56 </el-form-item> 56 </el-form-item>
57 </el-col> 57 </el-col>
58 <el-col :span="6"> 58 <el-col :span="6">
59 <el-form-item label="标客舱载客人数" prop="passengerLimit" label-width="130px"> 59 <el-form-item label="标客舱载客人数" prop="passengerLimit" label-width="130px">
60 - <el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）"></el-input> 60 + <el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
61 </el-form-item> 61 </el-form-item>
62 </el-col> 62 </el-col>
63 <el-col :span="6"> 63 <el-col :span="6">
@@ -66,7 +66,7 @@ @@ -66,7 +66,7 @@
66 </el-form-item> 66 </el-form-item>
67 </el-col> 67 </el-col>
68 <el-col :span="6"> 68 <el-col :span="6">
69 - <el-form-item label="航空器所有人代码" prop="ownerCo" label-width="130px"> 69 + <el-form-item label="航空器所有人代码" prop="ownerCo" label-width="140px">
70 <el-input v-model="aircraft.ownerCo" placeholder="请输入数量（单位：人）"></el-input> 70 <el-input v-model="aircraft.ownerCo" placeholder="请输入数量（单位：人）"></el-input>
71 </el-form-item> 71 </el-form-item>
72 </el-col> 72 </el-col>
@@ -148,7 +148,48 @@ @@ -148,7 +148,48 @@
148 messageid:undefined 148 messageid:undefined
149 }, 149 },
150 rules:{ 150 rules:{
151 - 151 + airwayCode: [
  152 + {required: true, message: '请输入', trigger: 'blur'}
  153 + ],
  154 + airwayNameEn: [
  155 + {required: true, message: '请输入', trigger: 'blur'}
  156 + ],
  157 + airwayNameCn: [
  158 + {required: true, message: '请输入', trigger: 'blur'}
  159 + ],
  160 + areoNationality: [
  161 + {required: true, message: '请输入', trigger: 'blur'}
  162 + ],
  163 + aircraftNo: [
  164 + {required: true, message: '请输入', trigger: 'blur'}
  165 + ],
  166 + credentialType: [
  167 + {required: true, message: '请输入', trigger: 'blur'}
  168 + ],
  169 + credentialNo: [
  170 + {required: true, message: '请输入', trigger: 'blur'}
  171 + ],
  172 + areoModel: [
  173 + {required: true, message: '请输入', trigger: 'blur'}
  174 + ],
  175 + grossWeight: [
  176 + {required: true, message: '请输入', trigger: 'blur'}
  177 + ],
  178 + passengerLimit: [
  179 + {required: true, message: '请输入', trigger: 'blur'}
  180 + ],
  181 + useRelation: [
  182 + {required: true, message: '请输入', trigger: 'blur'}
  183 + ],
  184 + ownerCo: [
  185 + {required: true, message: '请输入', trigger: 'blur'}
  186 + ],
  187 + certNo: [
  188 + {required: true, message: '请输入', trigger: 'blur'}
  189 + ],
  190 + deliverDate: [
  191 + {required: true, message: '请输入', trigger: 'blur'}
  192 + ],
152 } 193 }
153 } 194 }
154 }, 195 },
  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="arrival" :rules="rules" ref="arrival" 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="arrival.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="arrival.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-date-picker
  24 + v-model="arrival.flightDate"
  25 + type="date"
  26 + style="width:275px"
  27 + placeholder="选择日期">
  28 + </el-date-picker>
  29 + </el-form-item>
  30 + </el-col>
  31 + <el-col :span="8">
  32 + <el-form-item label="出发港" prop="departurePort" label-width="120px">
  33 + <el-input v-model="arrival.departurePort"></el-input>
  34 + </el-form-item>
  35 + </el-col>
  36 + <el-col :span="8">
  37 + <el-form-item label="目的港" prop="arrivalPort" label-width="120px">
  38 + <el-input v-model="arrival.arrivalPort"></el-input>
  39 + </el-form-item>
  40 + </el-col>
  41 + <el-col :span="8">
  42 + <el-form-item label="关区代码" prop="customDistrictNo" label-width="120px">
  43 + <el-input v-model="arrival.customDistrictNo"></el-input>
  44 + </el-form-item>
  45 + </el-col>
  46 + <el-col :span="6">
  47 + <el-form-item label="预计离港时间" prop="departuredatetime" label-width="120px">
  48 + <el-input v-model="arrival.departuredatetime"></el-input>
  49 + </el-form-item>
  50 + </el-col>
  51 + <el-col :span="6">
  52 + <el-form-item label="停靠机坪" prop="stayid" label-width="120px">
  53 + <el-input v-model="arrival.stayid"></el-input>
  54 + </el-form-item>
  55 + </el-col>
  56 + <el-col :span="6">
  57 + <el-form-item label="完成装卸时间" prop="dischargecompleteddatetime" label-width="120px">
  58 + <el-input v-model="arrival.dischargecompleteddatetime"></el-input>
  59 + </el-form-item>
  60 + </el-col>
  61 + <el-col :span="6">
  62 + <el-form-item label="预计抵港时间" prop="arrivaldatetime" label-width="140px">
  63 + <el-input v-model="arrival.arrivaldatetime"></el-input>
  64 + </el-form-item>
  65 + </el-col>
  66 + <el-col :span="24">
  67 + <el-form-item label="备注" prop="meno" label-width="120px">
  68 + <el-input v-model="arrival.meno"></el-input>
  69 + </el-form-item>
  70 + </el-col>
  71 + </el-form>
  72 + </el-row>
  73 + <el-row style="margin-left: 120px">
  74 + <el-col :span="24"> <el-button type="primary" @click="submitForm('arrival')">保 存</el-button>
  75 + <el-button type="success">保存并发送</el-button></el-col>
  76 + </el-row>
  77 + </el-main>
  78 + </el-container>
  79 +</template>
  80 +<style scoped>
  81 + .grid-content {
  82 + height: 36px;
  83 + line-height: 36px;
  84 + }
  85 + .el-dialog__body{text-align: center}
  86 + .content {
  87 + border-left: 4px #409EFF solid;
  88 + padding-left: 10px;
  89 + background-color: #f9fafc;
  90 + margin-bottom: 2px
  91 + }
  92 +
  93 + .row-bg{
  94 + background-color: white;
  95 + }
  96 + .el-col{margin-right: 0px;}
  97 +</style>
  98 +<script>
  99 + export default {
  100 + data(){
  101 + return{
  102 + arrival:{
  103 + aircraftNo:undefined,
  104 + flightNo:undefined,
  105 + flightDate:undefined,
  106 + departurePort:undefined,
  107 + arrivalPort:undefined,
  108 + customDistrictNo:undefined,
  109 + departuredatetime:undefined,
  110 + stayid:undefined,
  111 + dischargecompleteddatetime:undefined,
  112 + arrivaldatetime:undefined,
  113 + meno:undefined,
  114 + },
  115 + rules: {
  116 + aircraftNo: [
  117 + {required: true, message: '请输入', trigger: 'blur'}
  118 + ],
  119 + flightNo: [
  120 + {required: true, message: '请输入', trigger: 'blur'}
  121 + ],
  122 + flightDate: [
  123 + {type: 'date',required: true, message: '请选择', trigger: 'change'}
  124 + ],
  125 + departurePort: [
  126 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  127 + {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
  128 + ],
  129 + arrivalPort: [
  130 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  131 + {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
  132 + ],
  133 + customDistrictNo: [
  134 + {required: true, message: '请选择', trigger: 'blur'}
  135 + ],
  136 + departuredatetime: [
  137 + {required: true, message: '请选择', trigger: 'blur'}
  138 + ],
  139 + stayid: [
  140 + {required: true, message: '请输入', trigger: 'blur'}
  141 + ],
  142 + dischargecompleteddatetime: [
  143 + {required: true, message: '请输入', trigger: 'blur'}
  144 + ],
  145 + arrivaldatetime: [
  146 + {required: true, message: '请选择', trigger: 'blur'}
  147 + ],
  148 + },
  149 + tableData:[]
  150 + }
  151 + },
  152 + methods:{
  153 + submitForm(formName) {
  154 + this.$refs[formName].validate((valid) => {
  155 + if (valid) {
  156 + alert('submit!');
  157 + } else {
  158 + console.log('error submit!!');
  159 + return false;
  160 + }
  161 + });
  162 + },
  163 + submitPerson(formName){
  164 + this.$refs[formName].validate((valid) => {
  165 + if (valid) {
  166 + alert('submit!');
  167 + } else {
  168 + console.log('error submit!!');
  169 + return false;
  170 + }
  171 + });
  172 + },
  173 +
  174 + }
  175 + }
  176 +</script>
@@ -19,8 +19,15 @@ @@ -19,8 +19,15 @@
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="8"> 21 <el-col :span="8">
22 - <el-form-item label="航班时间" prop="flightDate" label-width="120px">  
23 - <el-input v-model="bill.flightDate"></el-input> 22 + <el-form-item label="航班日期" prop="flightDate" label-width="120px">
  23 + <el-date-picker
  24 + v-model="bill.flightDate"
  25 + type="date"
  26 + value-format="yyyyMMdd"
  27 + format="yyyyMMdd"
  28 + style="width:100%"
  29 + placeholder="选择日期">
  30 + </el-date-picker>
24 </el-form-item> 31 </el-form-item>
25 </el-col> 32 </el-col>
26 <el-col :span="6"> 33 <el-col :span="6">
@@ -30,37 +37,37 @@ @@ -30,37 +37,37 @@
30 </el-col> 37 </el-col>
31 <el-col :span="6"> 38 <el-col :span="6">
32 <el-form-item label="机组人数" prop="aircrewSum" label-width="120px"> 39 <el-form-item label="机组人数" prop="aircrewSum" label-width="120px">
33 - <el-input v-model="bill.aircrewSum"></el-input> 40 + <el-input v-model="bill.aircrewSum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
34 </el-form-item> 41 </el-form-item>
35 </el-col> 42 </el-col>
36 <el-col :span="6"> 43 <el-col :span="6">
37 <el-form-item label="国际旅客人数" prop="interPassengerSum" label-width="120px"> 44 <el-form-item label="国际旅客人数" prop="interPassengerSum" label-width="120px">
38 - <el-input v-model="bill.interPassengerSum"></el-input> 45 + <el-input v-model="bill.interPassengerSum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
39 </el-form-item> 46 </el-form-item>
40 </el-col> 47 </el-col>
41 <el-col :span="6"> 48 <el-col :span="6">
42 <el-form-item label="国内旅客人数" prop="localePassengerSum" label-width="120px"> 49 <el-form-item label="国内旅客人数" prop="localePassengerSum" label-width="120px">
43 - <el-input v-model="bill.localePassengerSum"></el-input> 50 + <el-input v-model="bill.localePassengerSum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
44 </el-form-item> 51 </el-form-item>
45 </el-col> 52 </el-col>
46 <el-col :span="6"> 53 <el-col :span="6">
47 <el-form-item label="国际行李件数" prop="interBaggageNum" label-width="120px"> 54 <el-form-item label="国际行李件数" prop="interBaggageNum" label-width="120px">
48 - <el-input v-model="bill.interBaggageNum"></el-input> 55 + <el-input v-model="bill.interBaggageNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
49 </el-form-item> 56 </el-form-item>
50 </el-col> 57 </el-col>
51 <el-col :span="6"> 58 <el-col :span="6">
52 <el-form-item label="国内行李件数" prop="localeBaggageNum" label-width="120px"> 59 <el-form-item label="国内行李件数" prop="localeBaggageNum" label-width="120px">
53 - <el-input v-model="bill.localeBaggageNum"></el-input> 60 + <el-input v-model="bill.localeBaggageNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
54 </el-form-item> 61 </el-form-item>
55 </el-col> 62 </el-col>
56 <el-col :span="6"> 63 <el-col :span="6">
57 <el-form-item label="货邮件数" prop="goodsNum" label-width="120px"> 64 <el-form-item label="货邮件数" prop="goodsNum" label-width="120px">
58 - <el-input v-model="bill.goodsNum"></el-input> 65 + <el-input v-model="bill.goodsNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
59 </el-form-item> 66 </el-form-item>
60 </el-col> 67 </el-col>
61 <el-col :span="6"> 68 <el-col :span="6">
62 <el-form-item label="货邮重量(KG)" prop="goodsQuantity" label-width="120px"> 69 <el-form-item label="货邮重量(KG)" prop="goodsQuantity" label-width="120px">
63 - <el-input v-model="bill.goodsQuantity"></el-input> 70 + <el-input v-model="bill.goodsQuantity" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
64 </el-form-item> 71 </el-form-item>
65 </el-col> 72 </el-col>
66 <el-col :span="8"> 73 <el-col :span="8">
@@ -70,12 +77,21 @@ @@ -70,12 +77,21 @@
70 </el-col> 77 </el-col>
71 <el-col :span="8"> 78 <el-col :span="8">
72 <el-form-item label="关区代码" prop="arrivalno" label-width="120px"> 79 <el-form-item label="关区代码" prop="arrivalno" label-width="120px">
73 - <el-input v-model="bill.arrivalno"></el-input> 80 + <el-input v-model="bill.arrivalno" oninput="value=value.replace(/[^\d]/g,'')"
  81 + maxLength='4'></el-input>
74 </el-form-item> 82 </el-form-item>
75 </el-col> 83 </el-col>
76 <el-col :span="8"> 84 <el-col :span="8">
77 <el-form-item label="抵达时间" prop="arrivaldatetime" label-width="120px"> 85 <el-form-item label="抵达时间" prop="arrivaldatetime" label-width="120px">
78 - <el-input v-model="bill.arrivaldatetime"></el-input> 86 + <el-time-picker
  87 + v-model="bill.arrivaldatetime"
  88 + :picker-options="{
  89 + selectableRange: '00:00:00 - 23:59:59'
  90 + }"
  91 + format="HHmmss"
  92 + style="width:100%"
  93 + placeholder="任意时间点">
  94 + </el-time-picker>
79 </el-form-item> 95 </el-form-item>
80 </el-col> 96 </el-col>
81 <el-col :span="8"> 97 <el-col :span="8">
@@ -85,32 +101,41 @@ @@ -85,32 +101,41 @@
85 </el-col> 101 </el-col>
86 <el-col :span="8"> 102 <el-col :span="8">
87 <el-form-item label="关区代码" prop="departureno" label-width="120px"> 103 <el-form-item label="关区代码" prop="departureno" label-width="120px">
88 - <el-input v-model="bill.departureno"></el-input> 104 + <el-input v-model="bill.departureno" oninput="value=value.replace(/[^\d]/g,'')"
  105 + maxLength='4'></el-input>
89 </el-form-item> 106 </el-form-item>
90 </el-col> 107 </el-col>
91 <el-col :span="8"> 108 <el-col :span="8">
92 <el-form-item label="驶离时间" prop="departuredatetime" label-width="120px"> 109 <el-form-item label="驶离时间" prop="departuredatetime" label-width="120px">
93 - <el-input v-model="bill.departuredatetime"></el-input> 110 + <el-time-picker
  111 + v-model="bill.departuredatetime"
  112 + :picker-options="{
  113 + selectableRange: '00:00:00 - 23:59:59'
  114 + }"
  115 + format="HHmmss"
  116 + style="width:100%"
  117 + placeholder="任意时间点">
  118 + </el-time-picker>
94 </el-form-item> 119 </el-form-item>
95 </el-col> 120 </el-col>
96 <el-col :span="6"> 121 <el-col :span="6">
97 <el-form-item label="货物申报单份数" prop="cargoBillNum" label-width="120px"> 122 <el-form-item label="货物申报单份数" prop="cargoBillNum" label-width="120px">
98 - <el-input v-model="bill.cargoBillNum"></el-input> 123 + <el-input v-model="bill.cargoBillNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
99 </el-form-item> 124 </el-form-item>
100 </el-col> 125 </el-col>
101 <el-col :span="6"> 126 <el-col :span="6">
102 <el-form-item label="旅客名单份数" prop="passengerPage" label-width="120px"> 127 <el-form-item label="旅客名单份数" prop="passengerPage" label-width="120px">
103 - <el-input v-model="bill.passengerPage"></el-input> 128 + <el-input v-model="bill.passengerPage" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
104 </el-form-item> 129 </el-form-item>
105 </el-col> 130 </el-col>
106 <el-col :span="6"> 131 <el-col :span="6">
107 <el-form-item label="机组名单份数" prop="aircrewBillNum" label-width="120px"> 132 <el-form-item label="机组名单份数" prop="aircrewBillNum" label-width="120px">
108 - <el-input v-model="bill.aircrewBillNum"></el-input> 133 + <el-input v-model="bill.aircrewBillNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
109 </el-form-item> 134 </el-form-item>
110 </el-col> 135 </el-col>
111 <el-col :span="6"> 136 <el-col :span="6">
112 - <el-form-item label="机组物品申报单份数" prop="aircrewCargoBillNum" label-width="140px">  
113 - <el-input v-model="bill.aircrewCargoBillNum"></el-input> 137 + <el-form-item label="机组物品申报单份数" prop="aircrewCargoBillNum" label-width="150px">
  138 + <el-input v-model="bill.aircrewCargoBillNum" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
114 </el-form-item> 139 </el-form-item>
115 </el-col> 140 </el-col>
116 <el-col :span="6"> 141 <el-col :span="6">
@@ -246,6 +271,20 @@ @@ -246,6 +271,20 @@
246 </el-table-column> 271 </el-table-column>
247 </el-table> 272 </el-table>
248 </el-row> 273 </el-row>
  274 + <!--对话提示框-->
  275 + <el-row>
  276 + <el-dialog
  277 + title="系统提示"
  278 + :visible.sync="centerDialogVisible"
  279 + width="30%"
  280 + center>
  281 + <span>{{msg}}</span>
  282 + <span slot="footer" class="dialog-footer">
  283 + <el-button @click="centerDialogVisible = false">取 消</el-button>
  284 + <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
  285 + </span>
  286 + </el-dialog>
  287 + </el-row>
249 </el-main> 288 </el-main>
250 </el-container> 289 </el-container>
251 </template> 290 </template>
@@ -268,6 +307,8 @@ background-color: white; @@ -268,6 +307,8 @@ background-color: white;
268 .el-col{margin-right: 0px;} 307 .el-col{margin-right: 0px;}
269 </style> 308 </style>
270 <script> 309 <script>
  310 +
  311 + import {addBill} from '../../api/transport'
271 export default { 312 export default {
272 data(){ 313 data(){
273 return{ 314 return{
@@ -312,14 +353,71 @@ background-color: white; @@ -312,14 +353,71 @@ background-color: white;
312 }, 353 },
313 rules: { 354 rules: {
314 aircraftNo: [ 355 aircraftNo: [
315 - {required: true, message: '请输入', trigger: 'blur'} 356 + {required: true, message: '请输入编号', trigger: 'blur'}
316 ], 357 ],
317 flightNo: [ 358 flightNo: [
318 - {required: true, message: '请输入', trigger: 'blur'} 359 + {required: true, message: '请输入航班号', trigger: 'blur'}
319 ], 360 ],
320 flightDate: [ 361 flightDate: [
  362 + {required: true, message: '请选择航班日期', trigger: 'blur'}
  363 + ],
  364 + accessFlag: [
  365 + {required: true, message: '请输入', trigger: 'blur'}
  366 + ],
  367 + aircrewSum: [
  368 + {required: true, message: '请输入', trigger: 'blur'}
  369 + ],
  370 + interPassengerSum: [
  371 + {required: true, message: '请选择', trigger: 'blur'}
  372 + ],
  373 + localePassengerSum: [
  374 + {required: true, message: '请输入', trigger: 'blur'}
  375 + ],
  376 + interBaggageNum: [
  377 + {required: true, message: '请输入', trigger: 'blur'}
  378 + ],
  379 + localeBaggageNum: [
  380 + {required: true, message: '请输入', trigger: 'blur'}
  381 + ],
  382 + goodsNum: [
  383 + {required: true, message: '请输入', trigger: 'blur'}
  384 + ],
  385 + goodsQuantity: [
  386 + {required: true, message: '请输入', trigger: 'blur'}
  387 + ],
  388 + arrivalAirport: [
  389 + {required: true, message: '请选择', trigger: 'blur'}
  390 + ],
  391 + arrivalno: [
  392 + {required: true, message: '请输入', trigger: 'blur'}
  393 + ],
  394 + arrivaldatetime: [
321 {required: true, message: '请选择', trigger: 'blur'} 395 {required: true, message: '请选择', trigger: 'blur'}
322 ], 396 ],
  397 + departureAirport: [
  398 + {required: true, message: '请输入', trigger: 'blur'}
  399 + ],
  400 + departureno: [
  401 + {required: true, message: '请输入', trigger: 'blur'}
  402 + ],
  403 + departuredatetime: [
  404 + {required: true, message: '请选择', trigger: 'blur'}
  405 + ],
  406 + cargoBillNum: [
  407 + {required: true, message: '请输入', trigger: 'blur'}
  408 + ],
  409 + passengerPage: [
  410 + {required: true, message: '请输入', trigger: 'blur'}
  411 + ],
  412 + aircrewBillNum: [
  413 + {required: true, message: '请输入', trigger: 'blur'}
  414 + ],
  415 + aircrewCargoBillNum: [
  416 + {required: true, message: '请输入', trigger: 'blur'}
  417 + ],
  418 + arrivalPosition: [
  419 + {required: true, message: '请输入', trigger: 'blur'}
  420 + ],
323 }, 421 },
324 dialogTableVisible:false, 422 dialogTableVisible:false,
325 billperson:{ 423 billperson:{
@@ -358,36 +456,87 @@ background-color: white; @@ -358,36 +456,87 @@ background-color: white;
358 {required: true, message: '请输入', trigger: 'blur'} 456 {required: true, message: '请输入', trigger: 'blur'}
359 ], 457 ],
360 }, 458 },
361 - tableData:[] 459 + tableData:[{
  460 + arrivaldatetime: '161146',
  461 + departuredatetime: '161146',
  462 + flightDate: '20160502',
  463 + }],
  464 + centerDialogVisible:false,
  465 + msg:undefined
362 } 466 }
363 }, 467 },
364 methods:{ 468 methods:{
  469 + //新增单据方法（保存按钮）
365 submitForm(formName) { 470 submitForm(formName) {
366 this.$refs[formName].validate((valid) => { 471 this.$refs[formName].validate((valid) => {
367 if (valid) { 472 if (valid) {
368 - alert('submit!');  
369 - } else {  
370 - console.log('error submit!!');  
371 - return false; 473 + addBill(this.bill).then(res=>{
  474 + let response=res.data;
  475 + if(response.code=='200'){
  476 + this.centerDialogVisible=true;
  477 + this.msg=response.msg;
  478 + this.$router.push({path:'/queryBill',query:{serialNo:JSON.stringify(this.bill.serialNo)}});
  479 + }else{
  480 + this.msg=response.msg;
372 } 481 }
373 }); 482 });
374 - },  
375 - submitPerson(formName){  
376 - this.$refs[formName].validate((valid) => {  
377 - if (valid) {  
378 - alert('submit!');  
379 } else { 483 } else {
380 console.log('error submit!!'); 484 console.log('error submit!!');
381 return false; 485 return false;
382 } 486 }
383 }); 487 });
384 }, 488 },
  489 + //加载默认值
  490 + defaultData(){
  491 + if(this.$route.query!=null){
  492 + this.bill.uuid=JSON.parse(this.$route.query.uuid);
  493 + this.bill.aircraftNo=JSON.parse(this.$route.query.aircraftNo);
  494 + this.bill.flightNo=JSON.parse(this.$route.query.flightNo);
  495 + this.bill.flightDate=JSON.parse(this.$route.query.flightDate);
  496 + this.bill.accessFlag=JSON.parse(this.$route.query.accessFlag);
  497 + this.bill.departureAirport=JSON.parse(this.$route.query.departureAirport);
  498 + this.bill.departuredatetime=JSON.parse(this.$route.query.departuredatetime);
  499 + this.bill.arrivalAirport=JSON.parse(this.$route.query.arrivalAirport);
  500 + this.bill.arrivaldatetime=fecha.parse(JSON.parse(this.$route.query.arrivaldatetime),'HHmmss');
  501 + this.bill.departureno=fecha.parse(JSON.parse(this.$route.query.departureno),);
  502 + this.bill.arrivalno=JSON.parse(this.$route.query.arrivalno);
  503 + this.bill.aircrewSum=JSON.parse(this.$route.query.aircrewSum);
  504 + this.bill.interPassengerSum=JSON.parse(this.$route.query.interPassengerSum);
  505 + this.bill.localePassengerSum=JSON.parse(this.$route.query.localePassengerSum);
  506 + this.bill.interBaggageNum=JSON.parse(this.$route.query.interBaggageNum);
  507 + this.bill.localeBaggageNum=JSON.parse(this.$route.query.localeBaggageNum);
  508 + this.bill.goodsNum=JSON.parse(this.$route.query.goodsNum);
  509 + this.bill.goodsQuantity=JSON.parse(this.$route.query.goodsQuantity);
  510 + this.bill.cargoBillNum=JSON.parse(this.$route.query.cargoBillNum);
  511 + this.bill.passengerPage=JSON.parse(this.$route.query.passengerPage);
  512 + this.bill.aircrewBillNum=JSON.parse(this.$route.query.aircrewBillNum);
  513 + this.bill.aircrewCargoBillNum=JSON.parse(this.$route.query.aircrewCargoBillNum);
  514 + this.bill.arrivalPosition=JSON.parse(this.$route.query.arrivalPosition);
  515 + this.bill.bussinessType=JSON.parse(this.$route.query.bussinessType);
  516 + this.bill.messageid=JSON.parse(this.$route.query.messageid);
  517 + this.bill.status=JSON.parse(this.$route.query.status);
  518 + this.bill.meno=JSON.parse(this.$route.query.meno);
  519 + this.bill.createTime=JSON.parse(this.$route.query.createTime);
  520 + this.bill.createBy=JSON.parse(this.$route.query.createBy);
  521 + this.bill.updateTime=JSON.parse(this.$route.query.updateTime);
  522 + this.bill.updateBy=JSON.parse(this.$route.query.updateBy);
  523 + this.bill.remark=JSON.parse(this.$route.query.remark);
  524 + this.bill.isDelete=JSON.parse(this.$route.query.isDelete);
  525 + this.bill.remark1=JSON.parse(this.$route.query.remark1);
  526 + this.bill.remark2=JSON.parse(this.$route.query.remark2);
  527 + this.bill.remark3=JSON.parse(this.$route.query.remark3);
  528 + }
  529 + },
  530 + // 分页
385 handleSizeChange(val) { 531 handleSizeChange(val) {
386 console.log(`每页 ${val} 条`); 532 console.log(`每页 ${val} 条`);
387 }, 533 },
388 handleCurrentChange(val) { 534 handleCurrentChange(val) {
389 console.log(`当前页: ${val}`); 535 console.log(`当前页: ${val}`);
390 - } 536 + },
  537 + },
  538 + mounted(){
  539 + this.defaultData();
391 } 540 }
392 } 541 }
393 </script> 542 </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="configure" :rules="rules" ref="configure" label-width="100%" class="demo-ruleForm">
  11 + <el-col :span="8">
  12 + <el-form-item label="航班号" prop="flightNo" label-width="120px">
  13 + <el-input v-model="configure.flightNo"></el-input>
  14 + </el-form-item>
  15 + </el-col>
  16 + <el-col :span="8">
  17 + <el-form-item label="进出标识" prop="ietype" label-width="120px">
  18 + <el-select v-model="configure.ietype" placeholder="" style="display:inline">
  19 + <el-option v-for="item in linesTypes" :key="item.value" :label="item.label"
  20 + :value="item.value"></el-option>
  21 + </el-select>
  22 + </el-form-item>
  23 + </el-col>
  24 + <el-col :span="24">
  25 + <el-form-item label="备注" prop="reamrk" label-width="120px">
  26 + <el-input v-model="configure.reamrk"></el-input>
  27 + </el-form-item>
  28 + </el-col>
  29 + </el-form>
  30 + </el-row>
  31 + <el-row style="margin-left: 120px">
  32 + <el-col :span="24"> <el-button type="primary" @click="submitForm('confirmatory')">保 存</el-button>
  33 + </el-col>
  34 + </el-row>
  35 + </el-main>
  36 + </el-container>
  37 +</template>
  38 +<style scoped>
  39 + .grid-content {
  40 + height: 36px;
  41 + line-height: 36px;
  42 + }
  43 + .el-dialog__body{text-align: center}
  44 + .content {
  45 + border-left: 4px #409EFF solid;
  46 + padding-left: 10px;
  47 + background-color: #f9fafc;
  48 + margin-bottom: 2px
  49 + }
  50 +
  51 + .row-bg{
  52 + background-color: white;
  53 + }
  54 + .el-col{margin-right: 0px;}
  55 +</style>
  56 +<script>
  57 + export default {
  58 + data(){
  59 + return{
  60 + configure:{
  61 + flightNo:undefined,
  62 + ietype:undefined,
  63 + reamrk:undefined,
  64 + },
  65 + rules: {
  66 + flightNo: [
  67 + {required: true, message: '请输入', trigger: 'blur'}
  68 + ],
  69 + ietype: [
  70 + {required: true, message: '请输入', trigger: 'change'}
  71 + ],
  72 + },
  73 + linesTypes:[
  74 + {value:'',label:'请选择'},
  75 + {value:'1',label:'进港'},
  76 + {value:'2',label:'出港'}
  77 + ],
  78 + tableData:[]
  79 + }
  80 + },
  81 + methods:{
  82 + submitForm(formName) {
  83 + this.$refs[formName].validate((valid) => {
  84 + if (valid) {
  85 + alert('submit!');
  86 + } else {
  87 + console.log('error submit!!');
  88 + return false;
  89 + }
  90 + });
  91 + },
  92 + submitPerson(formName){
  93 + this.$refs[formName].validate((valid) => {
  94 + if (valid) {
  95 + alert('submit!');
  96 + } else {
  97 + console.log('error submit!!');
  98 + return false;
  99 + }
  100 + });
  101 + },
  102 +
  103 + }
  104 + }
  105 +</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="confirmatory" :rules="rules" ref="confirmatory" 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="confirmatory.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="confirmatory.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-date-picker
  24 + v-model="confirmatory.flightDate"
  25 + type="date"
  26 + style="width:275px"
  27 + placeholder="选择日期">
  28 + </el-date-picker>
  29 + </el-form-item>
  30 + </el-col>
  31 + <el-col :span="8">
  32 + <el-form-item label="离港时间" prop="departuredatetime" label-width="120px">
  33 + <el-input v-model="confirmatory.departuredatetime"></el-input>
  34 + </el-form-item>
  35 + </el-col>
  36 + <el-col :span="8">
  37 + <el-form-item label="目的港" prop="arrivalPort" label-width="120px">
  38 + <el-input v-model="confirmatory.arrivalPort"></el-input>
  39 + </el-form-item>
  40 + </el-col>
  41 + <el-col :span="8">
  42 + <el-form-item label="关区代码" prop="customDistrictNo" label-width="120px">
  43 + <el-input v-model="confirmatory.customDistrictNo"></el-input>
  44 + </el-form-item>
  45 + </el-col>
  46 + <el-col :span="8">
  47 + <el-form-item label="抵港时间" prop="arrivaldatetime" label-width="120px">
  48 + <el-input v-model="confirmatory.arrivaldatetime"></el-input>
  49 + </el-form-item>
  50 + </el-col>
  51 + <el-col :span="8">
  52 + <el-form-item label="停靠机坪" prop="stayid" label-width="120px">
  53 + <el-input v-model="confirmatory.stayid"></el-input>
  54 + </el-form-item>
  55 + </el-col>
  56 + <el-col :span="24">
  57 + <el-form-item label="备注" prop="meno" label-width="120px">
  58 + <el-input v-model="confirmatory.meno"></el-input>
  59 + </el-form-item>
  60 + </el-col>
  61 + </el-form>
  62 + </el-row>
  63 + <el-row style="margin-left: 120px">
  64 + <el-col :span="24"> <el-button type="primary" @click="submitForm('confirmatory')">保 存</el-button>
  65 + <el-button type="success">保存并发送</el-button></el-col>
  66 + </el-row>
  67 + </el-main>
  68 + </el-container>
  69 +</template>
  70 +<style scoped>
  71 + .grid-content {
  72 + height: 36px;
  73 + line-height: 36px;
  74 + }
  75 + .el-dialog__body{text-align: center}
  76 + .content {
  77 + border-left: 4px #409EFF solid;
  78 + padding-left: 10px;
  79 + background-color: #f9fafc;
  80 + margin-bottom: 2px
  81 + }
  82 +
  83 + .row-bg{
  84 + background-color: white;
  85 + }
  86 + .el-col{margin-right: 0px;}
  87 +</style>
  88 +<script>
  89 + export default {
  90 + data(){
  91 + return{
  92 + confirmatory:{
  93 + aircraftNo:undefined,
  94 + flightNo:undefined,
  95 + flightDate:undefined,
  96 + departuredatetime:undefined,
  97 + arrivalPort:undefined,
  98 + customDistrictNo:undefined,
  99 + arrivaldatetime:undefined,
  100 + stayid:undefined,
  101 + meno:undefined,
  102 + },
  103 + rules: {
  104 + aircraftNo: [
  105 + {required: true, message: '请输入', trigger: 'blur'}
  106 + ],
  107 + flightNo: [
  108 + {required: true, message: '请输入', trigger: 'blur'}
  109 + ],
  110 + flightDate: [
  111 + {required: true, message: '请选择', trigger: 'change'}
  112 + ],
  113 + departuredatetime: [
  114 + {required: true, message: '请输入', trigger: 'blur'}
  115 + ],
  116 + arrivalPort: [
  117 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  118 + {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
  119 + ],
  120 + customDistrictNo: [
  121 + {required: true, message: '请输入', trigger: 'blur'}
  122 + ],
  123 + arrivaldatetime: [
  124 + {required: true, message: '请选择', trigger: 'blur'}
  125 + ],
  126 + stayid: [
  127 + {required: true, message: '请选择', trigger: 'blur'}
  128 + ],
  129 + },
  130 + tableData:[]
  131 + }
  132 + },
  133 + methods:{
  134 + submitForm(formName) {
  135 + this.$refs[formName].validate((valid) => {
  136 + if (valid) {
  137 + alert('submit!');
  138 + } else {
  139 + console.log('error submit!!');
  140 + return false;
  141 + }
  142 + });
  143 + },
  144 + submitPerson(formName){
  145 + this.$refs[formName].validate((valid) => {
  146 + if (valid) {
  147 + alert('submit!');
  148 + } else {
  149 + console.log('error submit!!');
  150 + return false;
  151 + }
  152 + });
  153 + },
  154 +
  155 + }
  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="declare" :rules="rules" ref="declare" 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="declare.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="declare.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-date-picker
  24 + v-model="declare.flightDate"
  25 + type="date"
  26 + style="width:275px"
  27 + placeholder="选择日期">
  28 + </el-date-picker>
  29 + </el-form-item>
  30 + </el-col>
  31 + <el-col :span="8">
  32 + <el-form-item label="离港时间" prop="departuredatetime" label-width="120px">
  33 + <el-input v-model="declare.departuredatetime"></el-input>
  34 + </el-form-item>
  35 + </el-col>
  36 + <el-col :span="8">
  37 + <el-form-item label="出发港" prop="departurePort" label-width="120px">
  38 + <el-input v-model="declare.departurePort"></el-input>
  39 + </el-form-item>
  40 + </el-col>
  41 + <el-col :span="8">
  42 + <el-form-item label="关区代码" prop="customDistrictNo" label-width="120px">
  43 + <el-input v-model="declare.customDistrictNo"></el-input>
  44 + </el-form-item>
  45 + </el-col>
  46 + <el-col :span="24">
  47 + <el-form-item label="备注" prop="meno" label-width="120px">
  48 + <el-input v-model="declare.meno"></el-input>
  49 + </el-form-item>
  50 + </el-col>
  51 + </el-form>
  52 + </el-row>
  53 + <el-row style="margin-left: 120px">
  54 + <el-col :span="24"> <el-button type="primary" @click="submitForm('declare')">保 存</el-button>
  55 + <el-button type="success">保存并发送</el-button></el-col>
  56 + </el-row>
  57 + </el-main>
  58 + </el-container>
  59 +</template>
  60 +<style scoped>
  61 + .grid-content {
  62 + height: 36px;
  63 + line-height: 36px;
  64 + }
  65 + .el-dialog__body{text-align: center}
  66 + .content {
  67 + border-left: 4px #409EFF solid;
  68 + padding-left: 10px;
  69 + background-color: #f9fafc;
  70 + margin-bottom: 2px
  71 + }
  72 +
  73 + .row-bg{
  74 + background-color: white;
  75 + }
  76 + .el-col{margin-right: 0px;}
  77 +</style>
  78 +<script>
  79 + export default {
  80 + data(){
  81 + return{
  82 + declare:{
  83 + aircraftNo:undefined,
  84 + flightNo:undefined,
  85 + flightDate:undefined,
  86 + departurePort:undefined,
  87 + departuredatetime:undefined,
  88 + customDistrictNo:undefined,
  89 + meno:undefined,
  90 + },
  91 + rules: {
  92 + aircraftNo: [
  93 + {required: true, message: '请输入', trigger: 'blur'}
  94 + ],
  95 + flightNo: [
  96 + {required: true, message: '请输入', trigger: 'blur'}
  97 + ],
  98 + flightDate: [
  99 + {required: true, message: '请选择', trigger: 'change'}
  100 + ],
  101 + departuredatetime: [
  102 + {required: true, message: '请输入', trigger: 'blur'}
  103 + ],
  104 + departurePort: [
  105 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  106 + {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
  107 + ],
  108 + customDistrictNo: [
  109 + {required: true, message: '请输入', trigger: 'blur'}
  110 + ],
  111 +
  112 + },
  113 + tableData:[]
  114 + }
  115 + },
  116 + methods:{
  117 + submitForm(formName) {
  118 + this.$refs[formName].validate((valid) => {
  119 + if (valid) {
  120 + alert('submit!');
  121 + } else {
  122 + console.log('error submit!!');
  123 + return false;
  124 + }
  125 + });
  126 + },
  127 + submitPerson(formName){
  128 + this.$refs[formName].validate((valid) => {
  129 + if (valid) {
  130 + alert('submit!');
  131 + } else {
  132 + console.log('error submit!!');
  133 + return false;
  134 + }
  135 + });
  136 + },
  137 +
  138 + }
  139 + }
  140 +</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="departure" :rules="rules" ref="departure" 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="departure.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="departure.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-date-picker
  24 + v-model="departure.flightDate"
  25 + type="date"
  26 + style="width:275px"
  27 + placeholder="选择日期">
  28 + </el-date-picker>
  29 + </el-form-item>
  30 + </el-col>
  31 + <el-col :span="8">
  32 + <el-form-item label="出发港" prop="departurePort" label-width="120px">
  33 + <el-input v-model="departure.departurePort"></el-input>
  34 + </el-form-item>
  35 + </el-col>
  36 + <el-col :span="8">
  37 + <el-form-item label="目的港" prop="arrivalPort" label-width="120px">
  38 + <el-input v-model="departure.arrivalPort"></el-input>
  39 + </el-form-item>
  40 + </el-col>
  41 + <el-col :span="8">
  42 + <el-form-item label="关区代码" prop="customDistrictNo" label-width="120px">
  43 + <el-input v-model="departure.customDistrictNo"></el-input>
  44 + </el-form-item>
  45 + </el-col>
  46 + <el-col :span="8">
  47 + <el-form-item label="预计离港时间" prop="departuredatetime" label-width="120px">
  48 + <el-input v-model="departure.departuredatetime"></el-input>
  49 + </el-form-item>
  50 + </el-col>
  51 + <el-col :span="8">
  52 + <el-form-item label="停靠机坪" prop="stayid" label-width="120px">
  53 + <el-input v-model="departure.stayid"></el-input>
  54 + </el-form-item>
  55 + </el-col>
  56 + <el-col :span="24">
  57 + <el-form-item label="备注" prop="meno" label-width="120px">
  58 + <el-input v-model="departure.meno"></el-input>
  59 + </el-form-item>
  60 + </el-col>
  61 + </el-form>
  62 + </el-row>
  63 + <el-row style="margin-left: 120px">
  64 + <el-col :span="24"> <el-button type="primary" @click="submitForm('departure')">保 存</el-button>
  65 + <el-button type="success">保存并发送</el-button></el-col>
  66 + </el-row>
  67 + </el-main>
  68 + </el-container>
  69 +</template>
  70 +<style scoped>
  71 + .grid-content {
  72 + height: 36px;
  73 + line-height: 36px;
  74 + }
  75 + .el-dialog__body{text-align: center}
  76 + .content {
  77 + border-left: 4px #409EFF solid;
  78 + padding-left: 10px;
  79 + background-color: #f9fafc;
  80 + margin-bottom: 2px
  81 + }
  82 +
  83 + .row-bg{
  84 + background-color: white;
  85 + }
  86 + .el-col{margin-right: 0px;}
  87 +</style>
  88 +<script>
  89 + export default {
  90 + data(){
  91 + return{
  92 + departure:{
  93 + aircraftNo:undefined,
  94 + flightNo:undefined,
  95 + flightDate:undefined,
  96 + departurePort:undefined,
  97 + arrivalPort:undefined,
  98 + customDistrictNo:undefined,
  99 + stayid:undefined,
  100 + departuredatetime:undefined,
  101 + meno:undefined,
  102 + },
  103 + rules: {
  104 + aircraftNo: [
  105 + {required: true, message: '请输入', trigger: 'blur'}
  106 + ],
  107 + flightNo: [
  108 + {required: true, message: '请输入', trigger: 'blur'}
  109 + ],
  110 + flightDate: [
  111 + {type: 'date',required: true, message: '请选择', trigger: 'change'}
  112 + ],
  113 + departurePort: [
  114 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  115 + {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
  116 + ],
  117 + arrivalPort: [
  118 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  119 + {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}
  120 + ],
  121 + customDistrictNo: [
  122 + {required: true, message: '请选择', trigger: 'blur'}
  123 + ],
  124 + departuredatetime: [
  125 + {required: true, message: '请选择', trigger: 'blur'}
  126 + ],
  127 + stayid: [
  128 + {required: true, message: '请输入', trigger: 'blur'}
  129 + ],
  130 + },
  131 + tableData:[]
  132 + }
  133 + },
  134 + methods:{
  135 + submitForm(formName) {
  136 + this.$refs[formName].validate((valid) => {
  137 + if (valid) {
  138 + alert('submit!');
  139 + } else {
  140 + console.log('error submit!!');
  141 + return false;
  142 + }
  143 + });
  144 + },
  145 + submitPerson(formName){
  146 + this.$refs[formName].validate((valid) => {
  147 + if (valid) {
  148 + alert('submit!');
  149 + } else {
  150 + console.log('error submit!!');
  151 + return false;
  152 + }
  153 + });
  154 + },
  155 +
  156 + }
  157 + }
  158 +</script>
@@ -19,12 +19,12 @@ @@ -19,12 +19,12 @@
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="6"> 21 <el-col :span="6">
22 - <el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="130px"> 22 + <el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="140px">
23 <el-input v-model="flight.airwayNameCn"></el-input> 23 <el-input v-model="flight.airwayNameCn"></el-input>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
26 <el-col :span="6"> 26 <el-col :span="6">
27 - <el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="130px"> 27 + <el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="140px">
28 <el-input v-model="flight.airwayNameEn"></el-input> 28 <el-input v-model="flight.airwayNameEn"></el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
@@ -72,22 +72,26 @@ @@ -72,22 +72,26 @@
72 72
73 <el-col :span="6"> 73 <el-col :span="6">
74 <el-form-item label="出发港" prop="departurePort" label-width="120px"> 74 <el-form-item label="出发港" prop="departurePort" label-width="120px">
75 - <el-input v-model="flight.departurePort"></el-input> 75 + <el-input v-model="flight.departurePort" @input="e => flight.departurePort=inputMe(e)"
  76 + maxLength='3' ></el-input>
76 </el-form-item> 77 </el-form-item>
77 </el-col> 78 </el-col>
78 <el-col :span="6"> 79 <el-col :span="6">
79 <el-form-item label="出发港关区代码" prop="departureCustomNo" label-width="120px"> 80 <el-form-item label="出发港关区代码" prop="departureCustomNo" label-width="120px">
80 - <el-input v-model="flight.departureCustomNo"></el-input> 81 + <el-input v-model="flight.departureCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
  82 + maxLength='4'></el-input>
81 </el-form-item> 83 </el-form-item>
82 </el-col> 84 </el-col>
83 <el-col :span="6"> 85 <el-col :span="6">
84 <el-form-item label="目的港" prop="arrivalPort" label-width="120px"> 86 <el-form-item label="目的港" prop="arrivalPort" label-width="120px">
85 - <el-input v-model="flight.arrivalPort"></el-input> 87 + <el-input v-model="flight.arrivalPort" @input="e => flight.arrivalPort=inputMe(e)"
  88 + maxLength='3'></el-input>
86 </el-form-item> 89 </el-form-item>
87 </el-col> 90 </el-col>
88 <el-col :span="6"> 91 <el-col :span="6">
89 <el-form-item label="目的港关区代码" prop="arrivalCustomNo" label-width="120px"> 92 <el-form-item label="目的港关区代码" prop="arrivalCustomNo" label-width="120px">
90 - <el-input v-model="flight.arrivalCustomNo"></el-input> 93 + <el-input v-model="flight.arrivalCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
  94 + maxLength='4'></el-input>
91 </el-form-item> 95 </el-form-item>
92 </el-col> 96 </el-col>
93 <el-col :span="6"> 97 <el-col :span="6">
@@ -102,6 +106,7 @@ @@ -102,6 +106,7 @@
102 :picker-options="{ 106 :picker-options="{
103 selectableRange: '00:00:00 - 23:59:59' 107 selectableRange: '00:00:00 - 23:59:59'
104 }" 108 }"
  109 + format="HHmmss"
105 style="width:100%" 110 style="width:100%"
106 placeholder="任意时间点"> 111 placeholder="任意时间点">
107 </el-time-picker> 112 </el-time-picker>
@@ -114,6 +119,7 @@ @@ -114,6 +119,7 @@
114 :picker-options="{ 119 :picker-options="{
115 selectableRange: '00:00:00 - 23:59:59' 120 selectableRange: '00:00:00 - 23:59:59'
116 }" 121 }"
  122 + format="HHmmss"
117 style="width:100%" 123 style="width:100%"
118 placeholder="任意时间点"> 124 placeholder="任意时间点">
119 </el-time-picker> 125 </el-time-picker>
@@ -126,6 +132,8 @@ @@ -126,6 +132,8 @@
126 <el-date-picker 132 <el-date-picker
127 v-model="flight.effStartdate" 133 v-model="flight.effStartdate"
128 type="date" 134 type="date"
  135 + value-format="yyyyMMdd"
  136 + format="yyyyMMdd"
129 style="width:100%" 137 style="width:100%"
130 placeholder="选择日期"> 138 placeholder="选择日期">
131 </el-date-picker> 139 </el-date-picker>
@@ -136,6 +144,8 @@ @@ -136,6 +144,8 @@
136 <el-date-picker 144 <el-date-picker
137 v-model="flight.effEnddate" 145 v-model="flight.effEnddate"
138 type="date" 146 type="date"
  147 + value-format="yyyyMMdd"
  148 + format="yyyyMMdd"
139 style="width:100%" 149 style="width:100%"
140 placeholder="选择日期"> 150 placeholder="选择日期">
141 </el-date-picker> 151 </el-date-picker>
@@ -238,6 +248,19 @@ @@ -238,6 +248,19 @@
238 </el-table> 248 </el-table>
239 </el-dialog> 249 </el-dialog>
240 </el-row> 250 </el-row>
  251 + <el-row>
  252 + <el-dialog
  253 + title="系统提示"
  254 + :visible.sync="centerDialogVisible"
  255 + width="30%"
  256 + center>
  257 + <span>{{msg}}</span>
  258 + <span slot="footer" class="dialog-footer">
  259 + <el-button @click="centerDialogVisible = false">取 消</el-button>
  260 + <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
  261 + </span>
  262 + </el-dialog>
  263 + </el-row>
241 </el-main> 264 </el-main>
242 </el-container> 265 </el-container>
243 </template> 266 </template>
@@ -260,6 +283,8 @@ @@ -260,6 +283,8 @@
260 .el-col{margin-right: 0px;} 283 .el-col{margin-right: 0px;}
261 </style> 284 </style>
262 <script> 285 <script>
  286 + import {addFlight} from "../../api/transport";
  287 + const fecha = require('fecha');
263 export default { 288 export default {
264 data(){ 289 data(){
265 return{ 290 return{
@@ -272,7 +297,7 @@ @@ -272,7 +297,7 @@
272 groundAgentCode:undefined, 297 groundAgentCode:undefined,
273 flightNo:undefined, 298 flightNo:undefined,
274 shareFlightNo:undefined, 299 shareFlightNo:undefined,
275 - linesType:'2', 300 + linesType:'',
276 flightType:'', 301 flightType:'',
277 cancelFlag:undefined, 302 cancelFlag:undefined,
278 departurePort:undefined, 303 departurePort:undefined,
@@ -295,7 +320,65 @@ @@ -295,7 +320,65 @@
295 statusMsg:undefined, 320 statusMsg:undefined,
296 messageid:undefined 321 messageid:undefined
297 }, 322 },
298 - rules:{}, 323 + rules: {
  324 + flightNo: [
  325 + {required: true, message: '请输入航班号', trigger: 'blur'}
  326 + ],
  327 + airwayCode: [
  328 + {required: true, message: '请输入', trigger: 'blur'}
  329 + ],
  330 + airwayNameEn: [
  331 + {required: true, message: '请输入', trigger: 'blur'}
  332 + ],
  333 + airwayNameCn: [
  334 + {required: true, message: '请输入', trigger: 'blur'}
  335 + ],
  336 + transportAgentCode: [
  337 + {required: true, message: '请输入', trigger: 'blur'}
  338 + ],
  339 + groundAgentCode: [
  340 + {required: true, message: '请输入', trigger: 'blur'}
  341 + ],
  342 + linesType: [
  343 + {required: true, message: '请输入', trigger: 'blur'}
  344 + ],
  345 + flightType: [
  346 + {required: true, message: '请输入', trigger: 'blur'}
  347 + ],
  348 + shareFlightNo: [
  349 + {required: true, message: '请输入', trigger: 'blur'}
  350 + ],
  351 + departurePort: [
  352 + //{ min: 3, max: 3, message: '长度在3个字符', trigger: 'blur'},
  353 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  354 + ],
  355 + departureCustomNo: [
  356 + {required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
  357 + ],
  358 + arrivalPort: [
  359 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  360 + ],
  361 + arrivalCustomNo: [
  362 + {required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
  363 + ],
  364 + plan: [
  365 + {required: true, message: '请输入', trigger: 'blur'},
  366 + ],
  367 + std: [
  368 + {required: true, message: '请选择时间', trigger: 'blur'}
  369 + ],
  370 + sta: [
  371 + {required: true, message: '请选择时间', trigger: 'blur'},
  372 + ],
  373 + effStartdate: [
  374 + {required: true, message: '请选择时间', trigger: 'blur'}
  375 + ],
  376 + effEnddate:[
  377 + {required: true, message: '请选择时间', trigger: 'blur'}
  378 + ]
  379 +
  380 + },
  381 +
299 flightTypes:[ 382 flightTypes:[
300 {value:'',label:'请选择'}, 383 {value:'',label:'请选择'},
301 {value:'1',label:'来自关境外'}, 384 {value:'1',label:'来自关境外'},
@@ -316,8 +399,104 @@ @@ -316,8 +399,104 @@
316 {value:'8',label:'货包机'} 399 {value:'8',label:'货包机'}
317 ], 400 ],
318 dialogTableVisible:false, 401 dialogTableVisible:false,
319 - tableData:[] 402 + centerDialogVisible:false,
  403 + currentPage4:4,
  404 + msg:undefined,
  405 + tableData: [{
  406 + std: '161146',
  407 + sta: '161146',
  408 + effStartdate: '20160502',
  409 + effEnddate: '20160503'
  410 + }],
320 } 411 }
321 }, 412 },
  413 + methods:{
  414 + //新增航班方法（保存按钮）
  415 + submitForm(formName) {
  416 + this.$refs[formName].validate((valid) => {
  417 + if (valid) {
  418 + addFlight(this.flight).then(res=>{
  419 + let response=res.data;
  420 + if(response.code=='200'){
  421 + this.centerDialogVisible=true;
  422 + this.msg=response.msg;
  423 + this.$router.push({path:'/queryFlight',query:{flightNo:JSON.stringify(this.flight.flightNo),aircraftNo:JSON.stringify(this.flight.aircraftNo)}});
  424 + this.centerDialogVisible=false;
  425 + }else{
  426 + this.centerDialogVisible=true;
  427 + this.msg=response.msg;
  428 + }
  429 + });
  430 + } else {
  431 + console.log('error submit!!');
  432 + return false;
  433 + }
  434 + });
  435 + },
  436 + //分页方法
  437 + handleSizeChange(val) {
  438 + console.log(`每页 ${val} 条`);
  439 + },
  440 + handleCurrentChange(val) {
  441 + console.log(`当前页: ${val}`);
  442 + },
  443 + //航线信息查询选择功能
  444 + handleEdit(index,row){
  445 + this.flight.std=fecha.parse(row.std,'HHmmss');
  446 + this.flight.sta=fecha.parse(row.sta,'HHmmss');
  447 + this.flight.effStartdate=row.effStartdate;
  448 + this.flight.effEnddate=row.effEnddate;
  449 + this.flight.departurePort=row.departurePort;
  450 + this.flight.arrivalPort=row.arrivalPort;
  451 + this.flight.departureCustomNo=row.departureCustomNo;
  452 + this.flight.arrivalCustomNo=row.arrivalCustomNo;
  453 + this.flight.plan=row.plan;
  454 + this.dialogTableVisible=false;
  455 + },
  456 + //加载默认值
  457 + defaultData(){
  458 + if(this.$route.query!=null){
  459 + this.flight.uuid=JSON.parse(this.$route.query.uuid);
  460 + this.flight.airwayCode=JSON.parse(this.$route.query.airwayCode);
  461 + this.flight.airwayNameEn=JSON.parse(this.$route.query.airwayNameEn);
  462 + this.flight.airwayNameCn=JSON.parse(this.$route.query.airwayNameCn);
  463 + this.flight.transportAgentCode=JSON.parse(this.$route.query.transportAgentCode);
  464 + this.flight.groundAgentCode=JSON.parse(this.$route.query.groundAgentCode);
  465 + this.flight.flightNo=JSON.parse(this.$route.query.flightNo);
  466 + this.flight.shareFlightNo=JSON.parse(this.$route.query.shareFlightNo);
  467 + this.flight.linesType=JSON.parse(this.$route.query.linesType);
  468 + this.flight.std=fecha.parse(JSON.parse(this.$route.query.std),'HHmmss');
  469 + this.flight.sta=fecha.parse(JSON.parse(this.$route.query.sta),'HHmmss');
  470 + this.flight.effStartdate=JSON.parse(this.$route.query.effStartdate);
  471 + this.flight.effEnddate=JSON.parse(this.$route.query.effEnddate);
  472 + this.flight.flightType=JSON.parse(this.$route.query.flightType);
  473 + this.flight.cancelFlag=JSON.parse(this.$route.query.cancelFlag);
  474 + this.flight.departurePort=JSON.parse(this.$route.query.departurePort);
  475 + this.flight.arrivalPort=JSON.parse(this.$route.query.arrivalPort);
  476 + this.flight.departureCustomNo=JSON.parse(this.$route.query.departureCustomNo);
  477 + this.flight.arrivalCustomNo=JSON.parse(this.$route.query.arrivalCustomNo);
  478 + this.flight.plan=JSON.parse(this.$route.query.plan);
  479 + this.flight.remark=JSON.parse(this.$route.query.remark);
  480 + this.flight.createTime=JSON.parse(this.$route.query.createTime);
  481 + this.flight.createBy=JSON.parse(this.$route.query.createBy);
  482 + this.flight.updateTime=JSON.parse(this.$route.query.updateTime);
  483 + this.flight.updateBy=JSON.parse(this.$route.query.updateBy);
  484 + this.flight.isDelete=JSON.parse(this.$route.query.isDelete);
  485 + this.flight.serialno=JSON.parse(this.$route.query.serialno);
  486 + this.flight.status=JSON.parse(this.$route.query.status);
  487 + this.flight.statusMsg=JSON.parse(this.$route.query.statusMsg);
  488 + this.flight.messageid=JSON.parse(this.$route.query.messageid);
  489 + }
  490 +
  491 + },
  492 + // 过滤中英文
  493 + inputMe(e){
  494 + return e.replace(/[^a-zA-Z]/g,'').toUpperCase();
  495 + }
  496 + },
  497 + //渲染方法
  498 + mounted(){
  499 + this.defaultData();
  500 + }
322 } 501 }
323 </script> 502 </script>
@@ -25,22 +25,26 @@ @@ -25,22 +25,26 @@
25 </el-col> 25 </el-col>
26 <el-col :span="12"> 26 <el-col :span="12">
27 <el-form-item label="出发港" prop="departurePort" label-width="120px"> 27 <el-form-item label="出发港" prop="departurePort" label-width="120px">
28 - <el-input v-model="flight.departurePort"></el-input> 28 + <el-input v-model="flight.departurePort" @input="e => flight.departurePort=inputMe(e)"
  29 + maxLength='3'></el-input>
29 </el-form-item> 30 </el-form-item>
30 </el-col> 31 </el-col>
31 <el-col :span="12"> 32 <el-col :span="12">
32 <el-form-item label="出发港关区代码" prop="departureCustomNo" label-width="120px"> 33 <el-form-item label="出发港关区代码" prop="departureCustomNo" label-width="120px">
33 - <el-input v-model="flight.departureCustomNo"></el-input> 34 + <el-input v-model="flight.departureCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
  35 + maxLength='4'></el-input>
34 </el-form-item> 36 </el-form-item>
35 </el-col> 37 </el-col>
36 <el-col :span="12"> 38 <el-col :span="12">
37 <el-form-item label="目的港" prop="arrivalPort" label-width="120px"> 39 <el-form-item label="目的港" prop="arrivalPort" label-width="120px">
38 - <el-input v-model="flight.arrivalPort"></el-input> 40 + <el-input v-model="flight.arrivalPort" @input="e => flight.departurePort=inputMe(e)"
  41 + maxLength='3'></el-input>
39 </el-form-item> 42 </el-form-item>
40 </el-col> 43 </el-col>
41 <el-col :span="12"> 44 <el-col :span="12">
42 <el-form-item label="目的港关区代码" prop="arrivalCustomNo" label-width="120px"> 45 <el-form-item label="目的港关区代码" prop="arrivalCustomNo" label-width="120px">
43 - <el-input v-model="flight.arrivalCustomNo"></el-input> 46 + <el-input v-model="flight.arrivalCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
  47 + maxLength='4'></el-input>
44 </el-form-item> 48 </el-form-item>
45 </el-col> 49 </el-col>
46 <el-col :span="12"> 50 <el-col :span="12">
@@ -82,6 +86,20 @@ @@ -82,6 +86,20 @@
82 <el-col :span="24"> <el-button type="primary" @click="submitForm('flight')">保 存</el-button> 86 <el-col :span="24"> <el-button type="primary" @click="submitForm('flight')">保 存</el-button>
83 <el-button type="success">保存并发送</el-button></el-col> 87 <el-button type="success">保存并发送</el-button></el-col>
84 </el-row> 88 </el-row>
  89 + <!--对话提示框-->
  90 + <el-row>
  91 + <el-dialog
  92 + title="系统提示"
  93 + :visible.sync="centerDialogVisible"
  94 + width="30%"
  95 + center>
  96 + <span>{{msg}}</span>
  97 + <span slot="footer" class="dialog-footer">
  98 + <el-button @click="centerDialogVisible = false">取 消</el-button>
  99 + <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
  100 + </span>
  101 + </el-dialog>
  102 + </el-row>
85 </el-main> 103 </el-main>
86 </el-container> 104 </el-container>
87 </template> 105 </template>
@@ -104,6 +122,8 @@ @@ -104,6 +122,8 @@
104 .el-col{margin-right: 0px;} 122 .el-col{margin-right: 0px;}
105 </style> 123 </style>
106 <script> 124 <script>
  125 + import {addFlightPlan} from "../../api/transport";
  126 + const fecha = require('fecha');
107 export default { 127 export default {
108 data(){ 128 data(){
109 return{ 129 return{
@@ -120,7 +140,34 @@ @@ -120,7 +140,34 @@
120 meno:undefined 140 meno:undefined
121 }, 141 },
122 rules:{ 142 rules:{
123 - 143 + flightNo: [
  144 + {required: true, message: '请输入航班号', trigger: 'blur'}
  145 + ],
  146 + flightDate: [
  147 + {required: true, message: '请选择航班日期', trigger: 'blur'}
  148 + ],
  149 + departurePort: [
  150 + //{ min: 3, max: 3, message: '长度在3个字符', trigger: 'blur'},
  151 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  152 + ],
  153 + departureCustomNo: [
  154 + {required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
  155 + ],
  156 + arrivalPort: [
  157 + {required: true, message: '请输入(三字码)', trigger: 'blur'},
  158 + ],
  159 + arrivalCustomNo: [
  160 + {required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
  161 + ],
  162 + currentTakeoffTime: [
  163 + {required: true, message: '请选择日期', trigger: 'blur'}
  164 + ],
  165 + currentLandingTime: [
  166 + {required: true, message: '请选择日期', trigger: 'blur'}
  167 + ],
  168 + linesType: [
  169 + {required: true, message: '请选择', trigger: 'blur'}
  170 + ],
124 }, 171 },
125 linesTypes:[ 172 linesTypes:[
126 {value:'',label:'请选择'}, 173 {value:'',label:'请选择'},
@@ -129,6 +176,32 @@ @@ -129,6 +176,32 @@
129 ], 176 ],
130 } 177 }
131 }, 178 },
132 - methods(){} 179 + methods:{
  180 + //新增航线方法（保存按钮）
  181 + submitForm(formName) {
  182 + this.$refs[formName].validate((valid) => {
  183 + if (valid) {
  184 + addFlightPlan(this.flight).then(res=>{
  185 + let response=res.data;
  186 + if(response.code=='200'){
  187 + this.centerDialogVisible=true;
  188 + this.msg=response.msg;
  189 + this.$router.push({path:'/queryFlightplan',query:{serialNo:JSON.stringify(this.flight.serialNo)}});
  190 + }else{
  191 + this.msg=response.msg;
133 } 192 }
  193 + });
  194 + } else {
  195 + console.log('error submit!!');
  196 + return false;
  197 + }
  198 + });
  199 + },
  200 + },
  201 + // 过滤中英文
  202 + inputMe(e){
  203 + return e.replace(/[^a-zA-Z]/g,'').toUpperCase();
  204 + },
  205 + }
  206 +
134 </script> 207 </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="outConfigure" :rules="rules" ref="outConfigure" label-width="100%" class="demo-ruleForm">
  11 + <el-col :span="8">
  12 + <el-form-item label="航班号" prop="flightNo" label-width="120px">
  13 + <el-input v-model="outConfigure.flightNo"></el-input>
  14 + </el-form-item>
  15 + </el-col>
  16 + <el-col :span="8">
  17 + <el-form-item label="进出标识" prop="ietype" label-width="120px">
  18 + <el-select v-model="outConfigure.ietype" placeholder="" style="display:inline">
  19 + <el-option v-for="item in linesTypes" :key="item.value" :label="item.label"
  20 + :value="item.value"></el-option>
  21 + </el-select>
  22 + </el-form-item>
  23 + </el-col>
  24 + <el-col :span="24">
  25 + <el-form-item label="备注" prop="reamrk" label-width="120px">
  26 + <el-input v-model="outConfigure.reamrk"></el-input>
  27 + </el-form-item>
  28 + </el-col>
  29 + </el-form>
  30 + </el-row>
  31 + <el-row style="margin-left: 120px">
  32 + <el-col :span="24"> <el-button type="primary" @click="submitForm('outConfigure')">保 存</el-button>
  33 + </el-col>
  34 + </el-row>
  35 + </el-main>
  36 + </el-container>
  37 +</template>
  38 +<style scoped>
  39 + .grid-content {
  40 + height: 36px;
  41 + line-height: 36px;
  42 + }
  43 + .el-dialog__body{text-align: center}
  44 + .content {
  45 + border-left: 4px #409EFF solid;
  46 + padding-left: 10px;
  47 + background-color: #f9fafc;
  48 + margin-bottom: 2px
  49 + }
  50 +
  51 + .row-bg{
  52 + background-color: white;
  53 + }
  54 + .el-col{margin-right: 0px;}
  55 +</style>
  56 +<script>
  57 + export default {
  58 + data(){
  59 + return{
  60 + outConfigure:{
  61 + flightNo:undefined,
  62 + ietype:undefined,
  63 + reamrk:undefined,
  64 + },
  65 + rules: {
  66 + flightNo: [
  67 + {required: true, message: '请输入', trigger: 'blur'}
  68 + ],
  69 + ietype: [
  70 + {required: true, message: '请输入', trigger: 'change'}
  71 + ],
  72 + },
  73 + linesTypes:[
  74 + {value:'',label:'请选择'},
  75 + {value:'1',label:'进港'},
  76 + {value:'2',label:'出港'}
  77 + ],
  78 + tableData:[]
  79 + }
  80 + },
  81 + methods:{
  82 + submitForm(formName) {
  83 + this.$refs[formName].validate((valid) => {
  84 + if (valid) {
  85 + alert('submit!');
  86 + } else {
  87 + console.log('error submit!!');
  88 + return false;
  89 + }
  90 + });
  91 + },
  92 + submitPerson(formName){
  93 + this.$refs[formName].validate((valid) => {
  94 + if (valid) {
  95 + alert('submit!');
  96 + } else {
  97 + console.log('error submit!!');
  98 + return false;
  99 + }
  100 + });
  101 + },
  102 +
  103 + }
  104 + }
  105 +</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="queryArrival" :rules="rules" ref="queryFlight"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="6" >
  14 + <el-form-item label="承运人：" prop="awcd" label-width="80px">
  15 + <el-input v-model="queryArrival.awcd" 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="80px">
  20 + <el-input v-model="queryArrival.flightNo" 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="90px">
  25 + <el-date-picker
  26 + v-model="queryArrival.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="5" >
  34 + <el-button type="primary" @click="submitForm('queryArrival')">查询</el-button>
  35 + </el-col>
  36 + </el-form>
  37 + </el-row>
  38 + <!-- 表单区域-->
  39 + <el-row>
  40 + <el-table
  41 + :data="tableData"
  42 + border
  43 + style="width: 100%;margin-bottom: 10px">
  44 + <el-table-column
  45 + fixed="left"
  46 + label="操作"
  47 + width="100">
  48 + <template slot-scope="scope">
  49 + <el-button
  50 + size="mini"
  51 + type="primary"
  52 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  53 + </template>
  54 + </el-table-column>
  55 + <el-table-column
  56 + fixed
  57 + prop="flightNo"
  58 + label="航班号"
  59 + width="80">
  60 + </el-table-column>
  61 + <el-table-column
  62 + fixed
  63 + prop="flightDate"
  64 + label="航班日期"
  65 + width="120">
  66 + </el-table-column>
  67 + <el-table-column
  68 + fixed
  69 + prop="aircraftNo"
  70 + label="航空器注册编码"
  71 + width="120">
  72 + </el-table-column>
  73 +
  74 + <el-table-column
  75 + fixed
  76 + prop="departurePort"
  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="customDistrictNo"
  89 + label="关区代码"
  90 + width="80">
  91 + </el-table-column>
  92 + <el-table-column
  93 + fixed
  94 + prop="transportflag"
  95 + label="运输计划"
  96 + width="150">
  97 + </el-table-column>
  98 + <el-table-column
  99 + fixed
  100 + prop="departuredatetime"
  101 + label="离港时间"
  102 + width="120">
  103 + </el-table-column>
  104 + <el-table-column
  105 + fixed
  106 + prop="statusMsg"
  107 + label="海关回执"
  108 + width="150">
  109 + </el-table-column>
  110 + <el-table-column
  111 + fixed
  112 + prop=""
  113 + label="报文操作"
  114 + width="150">
  115 + <template slot-scope="scope">
  116 + <el-button
  117 + size="mini"
  118 + type="success"
  119 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  120 + </template>
  121 + <template slot-scope="scope">
  122 + <el-button
  123 + size="mini"
  124 + type="danger"
  125 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  126 + </template>
  127 + </el-table-column>
  128 + </el-table>
  129 + </el-row>
  130 + <el-row>
  131 + <div class="block">
  132 + <el-pagination
  133 + @size-change="handleSizeChange"
  134 + @current-change="handleCurrentChange"
  135 + :current-page="currentPage"
  136 + :page-sizes="[100, 200, 300, 400]"
  137 + :page-size="100"
  138 + layout="total, sizes, prev, pager, next, jumper"
  139 + :total="400">
  140 + </el-pagination>
  141 + </div>
  142 + </el-row>
  143 + </el-main>
  144 + </el-container>
  145 +</template>
  146 +<style scoped>
  147 + .grid-content {
  148 + height: 36px;
  149 + line-height: 36px;
  150 + }
  151 + .el-dialog__body{text-align: center}
  152 + .content {
  153 + border-left: 4px #409EFF solid;
  154 + padding-left: 10px;
  155 + background-color: #f9fafc;
  156 + margin-bottom: 2px
  157 + }
  158 +
  159 + .row-bg{
  160 + background-color: white;
  161 + }
  162 +
  163 +</style>
  164 +<script>
  165 + export default {
  166 + data(){
  167 + return{
  168 + queryArrival:{
  169 + awcd:undefined,
  170 + flightNo:undefined,
  171 + flightDate:undefined,
  172 + },
  173 + rules:{
  174 + awcd: [
  175 + {required: true, message: '请输入', trigger: 'blur'}
  176 + ],
  177 + flightNo: [
  178 + {required: true, message: '请输入', trigger: 'blur'}
  179 + ],
  180 + flightDate: [
  181 + {required: true, message: '请选择', trigger: 'change'}
  182 + ],
  183 + },
  184 + labelPosition:'left',
  185 + currentPage: 4,
  186 + tableData:[]
  187 + }
  188 + },
  189 + methods: {
  190 + handleSizeChange(val) {
  191 + console.log(`每页 ${val} 条`);
  192 + },
  193 + handleCurrentChange(val) {
  194 + console.log(`当前页: ${val}`);
  195 + }
  196 + },
  197 + }
  198 +</script>
@@ -10,17 +10,17 @@ @@ -10,17 +10,17 @@
10 <el-row> 10 <el-row>
11 <el-form :label-position="labelPosition" :model="queryBill" :rules="rules" ref="queryBill" 11 <el-form :label-position="labelPosition" :model="queryBill" :rules="rules" ref="queryBill"
12 label-width="130px" class="demo-ruleForm"> 12 label-width="130px" class="demo-ruleForm">
13 - <el-col :span="6"> 13 + <el-col :span="5">
14 <el-form-item label="航班号:" prop="flightNo" label-width="70px"> 14 <el-form-item label="航班号:" prop="flightNo" label-width="70px">
15 <el-input v-model="queryBill.flightNo" style="width:190px"></el-input> 15 <el-input v-model="queryBill.flightNo" style="width:190px"></el-input>
16 </el-form-item> 16 </el-form-item>
17 </el-col> 17 </el-col>
18 - <el-col :span="6" > 18 + <el-col :span="5" >
19 <el-form-item label="航空器注册号:" prop="aircraftNo" label-width="110px"> 19 <el-form-item label="航空器注册号:" prop="aircraftNo" label-width="110px">
20 <el-input v-model="queryBill.aircraftNo" style="width:190px"></el-input> 20 <el-input v-model="queryBill.aircraftNo" style="width:190px"></el-input>
21 </el-form-item> 21 </el-form-item>
22 </el-col> 22 </el-col>
23 - <el-col :span="6" > 23 + <el-col :span="5" >
24 <el-form-item label="航班日期:" prop="flightDate" label-width="80px"> 24 <el-form-item label="航班日期:" prop="flightDate" label-width="80px">
25 <el-date-picker 25 <el-date-picker
26 v-model="queryBill.flightDate" 26 v-model="queryBill.flightDate"
@@ -30,13 +30,13 @@ @@ -30,13 +30,13 @@
30 </el-date-picker> 30 </el-date-picker>
31 </el-form-item> 31 </el-form-item>
32 </el-col> 32 </el-col>
33 - <el-col :span="6" > 33 + <el-col :span="5" >
34 <el-form-item label="进出港:" prop="accessFlag" label-width="70px"> 34 <el-form-item label="进出港:" prop="accessFlag" label-width="70px">
35 <el-input v-model="queryBill.accessFlag" style="width:190px"></el-input> 35 <el-input v-model="queryBill.accessFlag" style="width:190px"></el-input>
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
38 - <el-col :span="6" >  
39 - <el-button type="primary" @click="submitForm('queryBill')">查询</el-button> 38 + <el-col :span="3" >
  39 + <el-button type="primary" @click="submitForm()">查询</el-button>
40 </el-col> 40 </el-col>
41 </el-form> 41 </el-form>
42 </el-row> 42 </el-row>
@@ -45,6 +45,7 @@ @@ -45,6 +45,7 @@
45 <el-table 45 <el-table
46 :data="tableData" 46 :data="tableData"
47 border 47 border
  48 + v-loading="tableloading"
48 style="width: 100%;margin-bottom: 10px"> 49 style="width: 100%;margin-bottom: 10px">
49 <el-table-column 50 <el-table-column
50 fixed="left" 51 fixed="left"
@@ -137,10 +138,10 @@ @@ -137,10 +138,10 @@
137 @size-change="handleSizeChange" 138 @size-change="handleSizeChange"
138 @current-change="handleCurrentChange" 139 @current-change="handleCurrentChange"
139 :current-page="currentPage" 140 :current-page="currentPage"
140 - :page-sizes="[100, 200, 300, 400]"  
141 - :page-size="100" 141 + :page-sizes="[10, 20, 30, 40]"
  142 + :page-size="pageSize"
142 layout="total, sizes, prev, pager, next, jumper" 143 layout="total, sizes, prev, pager, next, jumper"
143 - :total="400"> 144 + :total="total">
144 </el-pagination> 145 </el-pagination>
145 </div> 146 </div>
146 </el-row> 147 </el-row>
@@ -166,6 +167,8 @@ @@ -166,6 +167,8 @@
166 167
167 </style> 168 </style>
168 <script> 169 <script>
  170 + import {editBill,selectBill} from "../../api/transport";
  171 +
169 export default { 172 export default {
170 data(){ 173 data(){
171 return{ 174 return{
@@ -175,13 +178,76 @@ @@ -175,13 +178,76 @@
175 flightDate:undefined, 178 flightDate:undefined,
176 accessFlag:undefined, 179 accessFlag:undefined,
177 }, 180 },
  181 + tableloading:false,
178 rules:{}, 182 rules:{},
179 labelPosition:'left', 183 labelPosition:'left',
180 - currentPage: 4, 184 + currentPage: 1,
  185 + pageSize:10,
  186 + total:0,
181 tableData:[] 187 tableData:[]
182 } 188 }
183 }, 189 },
184 methods: { 190 methods: {
  191 + //获取单据列表
  192 + submitForm(){
  193 + let params={currentPage:this.currentPage,pageSize:this.pageSize,flightNo:this.queryBill.flightNo,
  194 + aircraftNo:this.queryBill.aircraftNo,flightDate:this.queryBill.flightDate,accessFlag:this.queryBill.accessFlag};
  195 + this.tableloading=true;
  196 + selectBill(params).then(res=>{
  197 + let response=res.data.data;
  198 + this.tableData=response.list;
  199 + this.tableloading=false;
  200 + this.total=response.total;
  201 + });
  202 + },
  203 + //列表删除功能
  204 + handleDel(index,row){
  205 + this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
  206 + confirmButtonText: '确定',
  207 + cancelButtonText: '取消',
  208 + type: 'warning'
  209 + }).then(() => {
  210 + editBill(row).then(res=>{
  211 + let response=res.data;
  212 + if(response.code=='200'){
  213 + this.$message({
  214 + type: 'info',
  215 + message: '删除成功'
  216 + });
  217 + this.submitForm();
  218 + }else{
  219 + this.$message({
  220 + type: 'info',
  221 + message: '删除失败'
  222 + }); }
  223 + });
  224 + }).catch(() => {
  225 + this.$message({
  226 + type: 'info',
  227 + message: '已取消删除'
  228 + });
  229 + });
  230 + },
  231 + //获取默认值
  232 + defaultData(){
  233 + this.flightNo=JSON.parse(this.$route.query.flightNo);
  234 + this.aircraftNo=JSON.parse(this.$route.query.aircraftNo);
  235 + this.flightDate=JSON.parse(this.$route.query.flightDate);
  236 + this.accessFlag=JSON.parse(this.$route.query.accessFlag);
  237 + },
  238 + //编辑单据查询
  239 + handleEdit(index,row){
  240 + this.$router.push({path:'/bill',query:{uuid:JSON.stringify(row.uuid),aircraftNo:JSON.stringify(row.aircraftNo),flightNo:JSON.stringify(row.flightNo),
  241 + flightDate:JSON.stringify(row.flightDate),accessFlag:JSON.stringify(row.accessFlag),departureAirport:JSON.stringify(row.departureAirport),
  242 + departuredatetime:JSON.stringify(row.departuredatetime),departureno:JSON.stringify(row.departureno),arrivalAirport:JSON.stringify(row.arrivalAirport),arrivaldatetime:JSON.stringify(row.arrivaldatetime),
  243 + arrivalno:JSON.stringify(row.arrivalno),aircrewSum:JSON.stringify(row.aircrewSum),interPassengerSum:JSON.stringify(row.interPassengerSum),localePassengerSum:JSON.stringify(row.localePassengerSum),
  244 + interBaggageNum:JSON.stringify(row.interBaggageNum),localeBaggageNum:JSON.stringify(row.localeBaggageNum),goodsNum:JSON.stringify(row.goodsNum),goodsQuantity:JSON.stringify(row.goodsQuantity),
  245 + cargoBillNum:JSON.stringify(row.cargoBillNum),passengerPage:JSON.stringify(row.passengerPage),aircrewBillNum:JSON.stringify(row.aircrewBillNum),aircrewCargoBillNum:JSON.stringify(row.aircrewCargoBillNum),
  246 + arrivalPosition:JSON.stringify(row.arrivalPosition), bussinessType:JSON.stringify(row.bussinessType),messageid:JSON.stringify(row.messageid),status:JSON.stringify(row.status),statusMsg:JSON.stringify(row.statusMsg),meno:JSON.stringify(row.meno),
  247 + createTime:JSON.stringify(row.createTime),createBy:JSON.stringify(row.createBy),updateTime:JSON.stringify(row.updateTime),updateBy:JSON.stringify(row.updateBy),
  248 + isDelete:JSON.stringify(row.isDelete), remark:JSON.stringify(row.remark),remark1:JSON.stringify(row.remark1), remark2:JSON.stringify(row.remark2),remark3:JSON.stringify(row.remark3)}})
  249 + },
  250 + //分页
185 handleSizeChange(val) { 251 handleSizeChange(val) {
186 console.log(`每页 ${val} 条`); 252 console.log(`每页 ${val} 条`);
187 }, 253 },
@@ -189,5 +255,10 @@ @@ -189,5 +255,10 @@
189 console.log(`当前页: ${val}`); 255 console.log(`当前页: ${val}`);
190 } 256 }
191 }, 257 },
  258 + //渲染方法
  259 + mounted(){
  260 + this.defaultData();
  261 + this.submitForm();
  262 + }
192 } 263 }
193 </script> 264 </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="queryConfigure" :rules="rules" ref="queryFlight"
  12 + label-width="130px" class="demo-ruleForm">
  13 +
  14 + <el-col :span="6" >
  15 + <el-form-item label="航班号：" prop="flightNo" label-width="80px">
  16 + <el-input v-model="queryConfigure.flightNo" style="width:190px"></el-input>
  17 + </el-form-item>
  18 + </el-col>
  19 + <el-col :span="5" >
  20 + <el-button type="primary" @click="submitForm('queryConfigure')">查询</el-button>
  21 + </el-col>
  22 + </el-form>
  23 + </el-row>
  24 + <!-- 表单区域-->
  25 + <el-row>
  26 + <el-table
  27 + :data="tableData"
  28 + border
  29 + style="width: 100%;margin-bottom: 10px">
  30 + <el-table-column
  31 + fixed="left"
  32 + label="操作"
  33 + width="100">
  34 + <template slot-scope="scope">
  35 + <el-button
  36 + size="mini"
  37 + type="primary"
  38 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  39 + </template>
  40 + </el-table-column>
  41 + <el-table-column
  42 + fixed
  43 + prop="username"
  44 + label="用户名"
  45 + width="120">
  46 + </el-table-column>
  47 + <el-table-column
  48 + fixed
  49 + prop="flightno"
  50 + label="航班号"
  51 + width="80">
  52 + </el-table-column>
  53 + <el-table-column
  54 + fixed
  55 + prop="ietype"
  56 + label="进出港"
  57 + width="80">
  58 + </el-table-column>
  59 + <el-table-column
  60 + fixed
  61 + prop="createby"
  62 + label="创建人"
  63 + width="120">
  64 + </el-table-column>
  65 + <el-table-column
  66 + fixed
  67 + prop="createtime"
  68 + label="创建时间"
  69 + width="120">
  70 + </el-table-column>
  71 + <el-table-column
  72 + fixed
  73 + prop="updateby"
  74 + label="更新人"
  75 + width="120">
  76 + </el-table-column>
  77 + <el-table-column
  78 + fixed
  79 + prop="updatetime"
  80 + label="更新时间"
  81 + width="120">
  82 + </el-table-column>
  83 + <el-table-column
  84 + fixed
  85 + prop=""
  86 + label="报文操作"
  87 + width="150">
  88 + <template slot-scope="scope">
  89 + <el-button
  90 + size="mini"
  91 + type="success"
  92 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  93 + </template>
  94 + <template slot-scope="scope">
  95 + <el-button
  96 + size="mini"
  97 + type="danger"
  98 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  99 + </template>
  100 + </el-table-column>
  101 + </el-table>
  102 + </el-row>
  103 + <el-row>
  104 + <div class="block">
  105 + <el-pagination
  106 + @size-change="handleSizeChange"
  107 + @current-change="handleCurrentChange"
  108 + :current-page="currentPage"
  109 + :page-sizes="[100, 200, 300, 400]"
  110 + :page-size="100"
  111 + layout="total, sizes, prev, pager, next, jumper"
  112 + :total="400">
  113 + </el-pagination>
  114 + </div>
  115 + </el-row>
  116 + </el-main>
  117 + </el-container>
  118 +</template>
  119 +<style scoped>
  120 + .grid-content {
  121 + height: 36px;
  122 + line-height: 36px;
  123 + }
  124 + .el-dialog__body{text-align: center}
  125 + .content {
  126 + border-left: 4px #409EFF solid;
  127 + padding-left: 10px;
  128 + background-color: #f9fafc;
  129 + margin-bottom: 2px
  130 + }
  131 +
  132 + .row-bg{
  133 + background-color: white;
  134 + }
  135 +
  136 +</style>
  137 +<script>
  138 + export default {
  139 + data(){
  140 + return{
  141 + queryConfigure:{
  142 + flightNo:undefined,
  143 + },
  144 + rules:{
  145 + flightNo: [
  146 + {required: true, message: '请输入', trigger: 'blur'}
  147 + ],
  148 + },
  149 + labelPosition:'left',
  150 + currentPage: 4,
  151 + tableData:[]
  152 + }
  153 + },
  154 + methods: {
  155 + handleSizeChange(val) {
  156 + console.log(`每页 ${val} 条`);
  157 + },
  158 + handleCurrentChange(val) {
  159 + console.log(`当前页: ${val}`);
  160 + }
  161 + },
  162 + }
  163 +</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="queryConfirmatory" :rules="rules" ref="queryFlight"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="6" >
  14 + <el-form-item label="承运人：" prop="awcd" label-width="80px">
  15 + <el-input v-model="queryConfirmatory.awcd" 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="80px">
  20 + <el-input v-model="queryConfirmatory.flightNo" 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="90px">
  25 + <el-date-picker
  26 + v-model="queryConfirmatory.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="5" >
  34 + <el-button type="primary" @click="submitForm('queryConfirmatory')">查询</el-button>
  35 + </el-col>
  36 + </el-form>
  37 + </el-row>
  38 + <!-- 表单区域-->
  39 + <el-row>
  40 + <el-table
  41 + :data="tableData"
  42 + border
  43 + style="width: 100%;margin-bottom: 10px">
  44 + <el-table-column
  45 + fixed="left"
  46 + label="操作"
  47 + width="100">
  48 + <template slot-scope="scope">
  49 + <el-button
  50 + size="mini"
  51 + type="primary"
  52 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  53 + </template>
  54 + </el-table-column>
  55 + <el-table-column
  56 + fixed
  57 + prop="flightNo"
  58 + label="航班号"
  59 + width="80">
  60 + </el-table-column>
  61 + <el-table-column
  62 + fixed
  63 + prop="flightDate"
  64 + label="航班日期"
  65 + width="120">
  66 + </el-table-column>
  67 + <el-table-column
  68 + fixed
  69 + prop="aircraftNo"
  70 + label="航空器注册编码"
  71 + width="120">
  72 + </el-table-column>
  73 + <el-table-column
  74 + fixed
  75 + prop="arrivalPort"
  76 + label="目的港"
  77 + width="80">
  78 + </el-table-column>
  79 + <el-table-column
  80 + fixed
  81 + prop="customDistrictNo"
  82 + label="关区代码"
  83 + width="80">
  84 + </el-table-column>
  85 + <el-table-column
  86 + fixed
  87 + prop="transportflag"
  88 + label="运输计划"
  89 + width="80">
  90 + </el-table-column>
  91 + <el-table-column
  92 + fixed
  93 + prop="departuredatetime"
  94 + label="离港时间"
  95 + width="120">
  96 + </el-table-column>
  97 + <el-table-column
  98 + fixed
  99 + prop="arrivaldatetime"
  100 + label="抵港时间"
  101 + width="120">
  102 + </el-table-column>
  103 + <el-table-column
  104 + fixed
  105 + prop="statusMsg"
  106 + label="海关回执"
  107 + width="150">
  108 + </el-table-column>
  109 + <el-table-column
  110 + fixed
  111 + prop=""
  112 + label="报文操作"
  113 + width="150">
  114 + <template slot-scope="scope">
  115 + <el-button
  116 + size="mini"
  117 + type="success"
  118 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  119 + </template>
  120 + <template slot-scope="scope">
  121 + <el-button
  122 + size="mini"
  123 + type="danger"
  124 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  125 + </template>
  126 + </el-table-column>
  127 + </el-table>
  128 + </el-row>
  129 + <el-row>
  130 + <div class="block">
  131 + <el-pagination
  132 + @size-change="handleSizeChange"
  133 + @current-change="handleCurrentChange"
  134 + :current-page="currentPage"
  135 + :page-sizes="[100, 200, 300, 400]"
  136 + :page-size="100"
  137 + layout="total, sizes, prev, pager, next, jumper"
  138 + :total="400">
  139 + </el-pagination>
  140 + </div>
  141 + </el-row>
  142 + </el-main>
  143 + </el-container>
  144 +</template>
  145 +<style scoped>
  146 + .grid-content {
  147 + height: 36px;
  148 + line-height: 36px;
  149 + }
  150 + .el-dialog__body{text-align: center}
  151 + .content {
  152 + border-left: 4px #409EFF solid;
  153 + padding-left: 10px;
  154 + background-color: #f9fafc;
  155 + margin-bottom: 2px
  156 + }
  157 +
  158 + .row-bg{
  159 + background-color: white;
  160 + }
  161 +
  162 +</style>
  163 +<script>
  164 + export default {
  165 + data(){
  166 + return{
  167 + queryConfirmatory:{
  168 + awcd:undefined,
  169 + flightNo:undefined,
  170 + flightDate:undefined,
  171 + },
  172 + rules:{
  173 + awcd: [
  174 + {required: true, message: '请输入', trigger: 'blur'}
  175 + ],
  176 + flightNo: [
  177 + {required: true, message: '请输入', trigger: 'blur'}
  178 + ],
  179 + flightDate: [
  180 + {required: true, message: '请选择', trigger: 'change'}
  181 + ],
  182 + },
  183 + labelPosition:'left',
  184 + currentPage: 4,
  185 + tableData:[]
  186 + }
  187 + },
  188 + methods: {
  189 + handleSizeChange(val) {
  190 + console.log(`每页 ${val} 条`);
  191 + },
  192 + handleCurrentChange(val) {
  193 + console.log(`当前页: ${val}`);
  194 + }
  195 + },
  196 + }
  197 +</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="queryDeclare" :rules="rules" ref="queryFlight"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="6" >
  14 + <el-form-item label="承运人：" prop="awcd" label-width="80px">
  15 + <el-input v-model="queryDeclare.awcd" 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="80px">
  20 + <el-input v-model="queryDeclare.flightNo" 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="90px">
  25 + <el-date-picker
  26 + v-model="queryDeclare.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="5" >
  34 + <el-button type="primary" @click="submitForm('queryDeclare')">查询</el-button>
  35 + </el-col>
  36 + </el-form>
  37 + </el-row>
  38 + <!-- 表单区域-->
  39 + <el-row>
  40 + <el-table
  41 + :data="tableData"
  42 + border
  43 + style="width: 100%;margin-bottom: 10px">
  44 + <el-table-column
  45 + fixed="left"
  46 + label="操作"
  47 + width="100">
  48 + <template slot-scope="scope">
  49 + <el-button
  50 + size="mini"
  51 + type="primary"
  52 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  53 + </template>
  54 + </el-table-column>
  55 + <el-table-column
  56 + fixed
  57 + prop="flightNo"
  58 + label="航班号"
  59 + width="80">
  60 + </el-table-column>
  61 + <el-table-column
  62 + fixed
  63 + prop="flightDate"
  64 + label="航班日期"
  65 + width="120">
  66 + </el-table-column>
  67 + <el-table-column
  68 + fixed
  69 + prop="aircraftNo"
  70 + label="航空器注册编码"
  71 + width="120">
  72 + </el-table-column>
  73 + <el-table-column
  74 + fixed
  75 + prop="departurePort"
  76 + label="出发港"
  77 + width="80">
  78 + </el-table-column>
  79 + <el-table-column
  80 + fixed
  81 + prop="arrivalPort"
  82 + label="目的港"
  83 + width="80">
  84 + </el-table-column>
  85 + <el-table-column
  86 + fixed
  87 + prop="customDistrictNo"
  88 + label="关区代码"
  89 + width="80">
  90 + </el-table-column>
  91 + <el-table-column
  92 + fixed
  93 + prop="transportflag"
  94 + label="运输计划"
  95 + width="120">
  96 + </el-table-column>
  97 + <el-table-column
  98 + fixed
  99 + prop="departuredatetime"
  100 + label="离港时间"
  101 + width="120">
  102 + </el-table-column>
  103 + <el-table-column
  104 + fixed
  105 + prop="statusMsg"
  106 + label="海关回执"
  107 + width="150">
  108 + </el-table-column>
  109 + <el-table-column
  110 + fixed
  111 + prop=""
  112 + label="报文操作"
  113 + width="150">
  114 + <template slot-scope="scope">
  115 + <el-button
  116 + size="mini"
  117 + type="success"
  118 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  119 + </template>
  120 + <template slot-scope="scope">
  121 + <el-button
  122 + size="mini"
  123 + type="danger"
  124 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  125 + </template>
  126 + </el-table-column>
  127 + </el-table>
  128 + </el-row>
  129 + <el-row>
  130 + <div class="block">
  131 + <el-pagination
  132 + @size-change="handleSizeChange"
  133 + @current-change="handleCurrentChange"
  134 + :current-page="currentPage"
  135 + :page-sizes="[100, 200, 300, 400]"
  136 + :page-size="100"
  137 + layout="total, sizes, prev, pager, next, jumper"
  138 + :total="400">
  139 + </el-pagination>
  140 + </div>
  141 + </el-row>
  142 + </el-main>
  143 + </el-container>
  144 +</template>
  145 +<style scoped>
  146 + .grid-content {
  147 + height: 36px;
  148 + line-height: 36px;
  149 + }
  150 + .el-dialog__body{text-align: center}
  151 + .content {
  152 + border-left: 4px #409EFF solid;
  153 + padding-left: 10px;
  154 + background-color: #f9fafc;
  155 + margin-bottom: 2px
  156 + }
  157 +
  158 + .row-bg{
  159 + background-color: white;
  160 + }
  161 +
  162 +</style>
  163 +<script>
  164 + export default {
  165 + data(){
  166 + return{
  167 + queryDeclare:{
  168 + awcd:undefined,
  169 + flightNo:undefined,
  170 + flightDate:undefined,
  171 + },
  172 + rules:{
  173 + awcd: [
  174 + {required: true, message: '请输入', trigger: 'blur'}
  175 + ],
  176 + flightNo: [
  177 + {required: true, message: '请输入', trigger: 'blur'}
  178 + ],
  179 + flightDate: [
  180 + {required: true, message: '请选择', trigger: 'change'}
  181 + ],
  182 + },
  183 + labelPosition:'left',
  184 + currentPage: 4,
  185 + tableData:[]
  186 + }
  187 + },
  188 + methods: {
  189 + handleSizeChange(val) {
  190 + console.log(`每页 ${val} 条`);
  191 + },
  192 + handleCurrentChange(val) {
  193 + console.log(`当前页: ${val}`);
  194 + }
  195 + },
  196 + }
  197 +</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="queryDeparture" :rules="rules" ref="queryFlight"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="6" >
  14 + <el-form-item label="承运人：" prop="awcd" label-width="80px">
  15 + <el-input v-model="queryDeparture.awcd" 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="80px">
  20 + <el-input v-model="queryDeparture.flightNo" 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="90px">
  25 + <el-date-picker
  26 + v-model="queryDeparture.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="5" >
  34 + <el-button type="primary" @click="submitForm('queryDeparture')">查询</el-button>
  35 + </el-col>
  36 + </el-form>
  37 + </el-row>
  38 + <!-- 表单区域-->
  39 + <el-row>
  40 + <el-table
  41 + :data="tableData"
  42 + border
  43 + style="width: 100%;margin-bottom: 10px">
  44 + <el-table-column
  45 + fixed="left"
  46 + label="操作"
  47 + width="100">
  48 + <template slot-scope="scope">
  49 + <el-button
  50 + size="mini"
  51 + type="primary"
  52 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  53 + </template>
  54 + </el-table-column>
  55 + <el-table-column
  56 + fixed
  57 + prop="flightNo"
  58 + label="航班号"
  59 + width="80">
  60 + </el-table-column>
  61 + <el-table-column
  62 + fixed
  63 + prop="flightDate"
  64 + label="航班日期"
  65 + width="120">
  66 + </el-table-column>
  67 + <el-table-column
  68 + fixed
  69 + prop="aircraftNo"
  70 + label="航空器注册编码"
  71 + width="120">
  72 + </el-table-column>
  73 + <el-table-column
  74 + fixed
  75 + prop="departurePort"
  76 + label="出发港"
  77 + width="80">
  78 + </el-table-column>
  79 + <el-table-column
  80 + fixed
  81 + prop="arrivalPort"
  82 + label="目的港"
  83 + width="80">
  84 + </el-table-column>
  85 + <el-table-column
  86 + fixed
  87 + prop="customDistrictNo"
  88 + label="关区代码"
  89 + width="80">
  90 + </el-table-column>
  91 + <el-table-column
  92 + fixed
  93 + prop="transportflag"
  94 + label="运输计划"
  95 + width="150">
  96 + </el-table-column>
  97 + <el-table-column
  98 + fixed
  99 + prop="departuredatetime"
  100 + label="离港时间"
  101 + width="120">
  102 + </el-table-column>
  103 + <el-table-column
  104 + fixed
  105 + prop="statusMsg"
  106 + label="海关回执"
  107 + width="150">
  108 + </el-table-column>
  109 + <el-table-column
  110 + fixed
  111 + prop=""
  112 + label="报文操作"
  113 + width="150">
  114 + <template slot-scope="scope">
  115 + <el-button
  116 + size="mini"
  117 + type="success"
  118 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  119 + </template>
  120 + <template slot-scope="scope">
  121 + <el-button
  122 + size="mini"
  123 + type="danger"
  124 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  125 + </template>
  126 + </el-table-column>
  127 + </el-table>
  128 + </el-row>
  129 + <el-row>
  130 + <div class="block">
  131 + <el-pagination
  132 + @size-change="handleSizeChange"
  133 + @current-change="handleCurrentChange"
  134 + :current-page="currentPage"
  135 + :page-sizes="[100, 200, 300, 400]"
  136 + :page-size="100"
  137 + layout="total, sizes, prev, pager, next, jumper"
  138 + :total="400">
  139 + </el-pagination>
  140 + </div>
  141 + </el-row>
  142 + </el-main>
  143 + </el-container>
  144 +</template>
  145 +<style scoped>
  146 + .grid-content {
  147 + height: 36px;
  148 + line-height: 36px;
  149 + }
  150 + .el-dialog__body{text-align: center}
  151 + .content {
  152 + border-left: 4px #409EFF solid;
  153 + padding-left: 10px;
  154 + background-color: #f9fafc;
  155 + margin-bottom: 2px
  156 + }
  157 +
  158 + .row-bg{
  159 + background-color: white;
  160 + }
  161 +
  162 +</style>
  163 +<script>
  164 + export default {
  165 + data(){
  166 + return{
  167 + queryDeparture:{
  168 + awcd:undefined,
  169 + flightNo:undefined,
  170 + flightDate:undefined,
  171 + },
  172 + rules:{
  173 + awcd: [
  174 + {required: true, message: '请输入', trigger: 'blur'}
  175 + ],
  176 + flightNo: [
  177 + {required: true, message: '请输入', trigger: 'blur'}
  178 + ],
  179 + flightDate: [
  180 + {required: true, message: '请选择', trigger: 'change'}
  181 + ],
  182 + },
  183 + labelPosition:'left',
  184 + currentPage: 4,
  185 + tableData:[]
  186 + }
  187 + },
  188 + methods: {
  189 + handleSizeChange(val) {
  190 + console.log(`每页 ${val} 条`);
  191 + },
  192 + handleCurrentChange(val) {
  193 + console.log(`当前页: ${val}`);
  194 + }
  195 + },
  196 + }
  197 +</script>
@@ -30,6 +30,8 @@ @@ -30,6 +30,8 @@
30 <el-table 30 <el-table
31 :data="tableData" 31 :data="tableData"
32 border 32 border
  33 + v-loading="tableloading"
  34 +
33 style="width: 100%;margin-bottom: 10px"> 35 style="width: 100%;margin-bottom: 10px">
34 <el-table-column 36 <el-table-column
35 fixed="left" 37 fixed="left"
@@ -75,7 +77,7 @@ @@ -75,7 +77,7 @@
75 </el-table-column> 77 </el-table-column>
76 <el-table-column 78 <el-table-column
77 fixed 79 fixed
78 - prop="departuredatetime" 80 + prop="linesType"
79 label="运输计划" 81 label="运输计划"
80 width="150"> 82 width="150">
81 </el-table-column> 83 </el-table-column>
@@ -123,10 +125,10 @@ @@ -123,10 +125,10 @@
123 @size-change="handleSizeChange" 125 @size-change="handleSizeChange"
124 @current-change="handleCurrentChange" 126 @current-change="handleCurrentChange"
125 :current-page="currentPage" 127 :current-page="currentPage"
126 - :page-sizes="[100, 200, 300, 400]"  
127 - :page-size="100" 128 + :page-sizes="[10, 20, 30, 40]"
  129 + :page-size="pageSize"
128 layout="total, sizes, prev, pager, next, jumper" 130 layout="total, sizes, prev, pager, next, jumper"
129 - :total="400"> 131 + :total="total">
130 </el-pagination> 132 </el-pagination>
131 </div> 133 </div>
132 </el-row> 134 </el-row>
@@ -152,6 +154,8 @@ @@ -152,6 +154,8 @@
152 154
153 </style> 155 </style>
154 <script> 156 <script>
  157 + import {editFlight, selectFlight} from "../../api/transport";
  158 +
155 export default { 159 export default {
156 data(){ 160 data(){
157 return{ 161 return{
@@ -159,19 +163,91 @@ @@ -159,19 +163,91 @@
159 flightNo:undefined, 163 flightNo:undefined,
160 aircraftNo:undefined, 164 aircraftNo:undefined,
161 }, 165 },
162 - rules:{}, 166 + rules:{
  167 +
  168 + },
163 labelPosition:'left', 169 labelPosition:'left',
164 - currentPage: 4,  
165 - tableData:[] 170 + currentPage: 1,
  171 + pageSize:10,
  172 + total:0,
  173 + tableData:[],
  174 + tableloading:false
  175 +
166 } 176 }
167 }, 177 },
168 methods: { 178 methods: {
  179 + //分页方法
169 handleSizeChange(val) { 180 handleSizeChange(val) {
170 - console.log(`每页 ${val} 条`); 181 + this.pageSize=val;
171 }, 182 },
172 handleCurrentChange(val) { 183 handleCurrentChange(val) {
173 - console.log(`当前页: ${val}`); 184 + this.currentPage=val;
  185 + },
  186 + //获取航班列表
  187 + submitForm(){
  188 + let params={currentPage:this.currentPage,pageSize:this.pageSize,flightNo:this.queryFlight.flightNo,aircraftNo:this.queryFlight.aircraftNo};
  189 + this.tableloading=true;
  190 + selectFlight(params).then(res=>{
  191 + let response=res.data.data;
  192 + this.tableData=response.list;
  193 + this.tableloading=false;
  194 + this.total=response.total;
  195 + });
  196 + },
  197 + //编辑航班查询功能
  198 + handleEdit(index,row){
  199 + this.$router.push({path:'/flights',query:{uuid:JSON.stringify(row.uuid),airwayCode:JSON.stringify(row.airwayCode)
  200 + ,airwayNameEn:JSON.stringify(row.airwayNameEn), airwayNameCn:JSON.stringify(row.airwayNameCn),
  201 + transportAgentCode:JSON.stringify(row.transportAgentCode),groundAgentCode:JSON.stringify(row.groundAgentCode),
  202 + flightNo:JSON.stringify(row.flightNo),shareFlightNo:JSON.stringify(row.shareFlightNo),linesType:JSON.stringify(row.linesType),
  203 + std:JSON.stringify(row.std), sta:JSON.stringify(row.sta),effStartdate:JSON.stringify(row.effStartdate),
  204 + effEnddate:JSON.stringify(row.effEnddate),plan:JSON.stringify(row.plan), remark:JSON.stringify(row.remark),
  205 + createTime:JSON.stringify(row.createTime),createBy:JSON.stringify(row.createBy),updateTime:JSON.stringify(row.updateTime),
  206 + updateBy:JSON.stringify(row.updateBy),isDelete:JSON.stringify(row.isDelete),flightType:JSON.stringify(row.flightType), cancelFlag:JSON.stringify(row.cancelFlag),
  207 + departurePort:JSON.stringify(row.departurePort),arrivalPort:JSON.stringify(row.arrivalPort),departureCustomNo:JSON.stringify(row.departureCustomNo),
  208 + arrivalCustomNo:JSON.stringify(row.arrivalCustomNo),serialno:JSON.stringify(row.serialno),status:JSON.stringify(row.status),
  209 + statusMsg:JSON.stringify(row.statusMsg),messageid:JSON.stringify(row.messageid)
  210 + }})
  211 + },
  212 + //获取默认值
  213 + defaultData(){
  214 + this.flightNo=JSON.parse(this.$route.query.flightNo);
  215 + this.aircraftNo=JSON.parse(this.$route.query.aircraftNo);
  216 +
  217 + },
  218 + //列表删除功能
  219 + handleDel(index,row){
  220 + this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
  221 + confirmButtonText: '确定',
  222 + cancelButtonText: '取消',
  223 + type: 'warning'
  224 + }).then(() => {
  225 + editFlight(row).then(res=>{
  226 + let response=res.data;
  227 + if(response.code=='200'){
  228 + this.$message({
  229 + type: 'info',
  230 + message: '删除成功'
  231 + });
  232 + this.submitForm();
  233 + }else{
  234 + this.$message({
  235 + type: 'info',
  236 + message: '删除失败'
  237 + }); }
  238 + });
  239 + }).catch(() => {
  240 + this.$message({
  241 + type: 'info',
  242 + message: '已取消删除'
  243 + });
  244 + });
174 } 245 }
175 }, 246 },
  247 + //渲染方法
  248 + mounted(){
  249 + this.defaultData();
  250 + this.submitForm();
  251 + }
176 } 252 }
177 </script> 253 </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="queryFlightConfigure" :rules="rules" ref="queryFlight"
  12 + label-width="130px" class="demo-ruleForm">
  13 +
  14 + <el-col :span="6" >
  15 + <el-form-item label="航班号：" prop="flightNo" label-width="80px">
  16 + <el-input v-model="queryFlightConfigure.flightNo" style="width:190px"></el-input>
  17 + </el-form-item>
  18 + </el-col>
  19 + <el-col :span="5" >
  20 + <el-button type="primary" @click="submitForm('queryFlightConfigure')">查询</el-button>
  21 + </el-col>
  22 + </el-form>
  23 + </el-row>
  24 + <!-- 表单区域-->
  25 + <el-row>
  26 + <el-table
  27 + :data="tableData"
  28 + border
  29 + style="width: 100%;margin-bottom: 10px">
  30 + <el-table-column
  31 + fixed="left"
  32 + label="操作"
  33 + width="100">
  34 + <template slot-scope="scope">
  35 + <el-button
  36 + size="mini"
  37 + type="primary"
  38 + @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  39 + </template>
  40 + </el-table-column>
  41 + <el-table-column
  42 + fixed
  43 + prop="username"
  44 + label="用户名"
  45 + width="120">
  46 + </el-table-column>
  47 + <el-table-column
  48 + fixed
  49 + prop="flightno"
  50 + label="航班号"
  51 + width="80">
  52 + </el-table-column>
  53 + <el-table-column
  54 + fixed
  55 + prop="ietype"
  56 + label="进出港"
  57 + width="80">
  58 + </el-table-column>
  59 + <el-table-column
  60 + fixed
  61 + prop="createby"
  62 + label="创建人"
  63 + width="120">
  64 + </el-table-column>
  65 + <el-table-column
  66 + fixed
  67 + prop="createtime"
  68 + label="创建时间"
  69 + width="120">
  70 + </el-table-column>
  71 + <el-table-column
  72 + fixed
  73 + prop="updateby"
  74 + label="更新人"
  75 + width="120">
  76 + </el-table-column>
  77 + <el-table-column
  78 + fixed
  79 + prop="updatetime"
  80 + label="更新时间"
  81 + width="120">
  82 + </el-table-column>
  83 + <el-table-column
  84 + fixed
  85 + prop=""
  86 + label="报文操作"
  87 + width="150">
  88 + <template slot-scope="scope">
  89 + <el-button
  90 + size="mini"
  91 + type="success"
  92 + @click="handleEdit(scope.$index, scope.row)">查看</el-button>
  93 + </template>
  94 + <template slot-scope="scope">
  95 + <el-button
  96 + size="mini"
  97 + type="danger"
  98 + @click="handleDel(scope.$index, scope.row)">删除</el-button>
  99 + </template>
  100 + </el-table-column>
  101 + </el-table>
  102 + </el-row>
  103 + <el-row>
  104 + <div class="block">
  105 + <el-pagination
  106 + @size-change="handleSizeChange"
  107 + @current-change="handleCurrentChange"
  108 + :current-page="currentPage"
  109 + :page-sizes="[100, 200, 300, 400]"
  110 + :page-size="100"
  111 + layout="total, sizes, prev, pager, next, jumper"
  112 + :total="400">
  113 + </el-pagination>
  114 + </div>
  115 + </el-row>
  116 + </el-main>
  117 + </el-container>
  118 +</template>
  119 +<style scoped>
  120 + .grid-content {
  121 + height: 36px;
  122 + line-height: 36px;
  123 + }
  124 + .el-dialog__body{text-align: center}
  125 + .content {
  126 + border-left: 4px #409EFF solid;
  127 + padding-left: 10px;
  128 + background-color: #f9fafc;
  129 + margin-bottom: 2px
  130 + }
  131 +
  132 + .row-bg{
  133 + background-color: white;
  134 + }
  135 +
  136 +</style>
  137 +<script>
  138 + export default {
  139 + data(){
  140 + return{
  141 + queryFlightConfigure:{
  142 + flightNo:undefined,
  143 + },
  144 + rules:{
  145 + flightNo: [
  146 + {required: true, message: '请输入', trigger: 'blur'}
  147 + ],
  148 + },
  149 + labelPosition:'left',
  150 + currentPage: 4,
  151 + tableData:[]
  152 + }
  153 + },
  154 + methods: {
  155 + handleSizeChange(val) {
  156 + console.log(`每页 ${val} 条`);
  157 + },
  158 + handleCurrentChange(val) {
  159 + console.log(`当前页: ${val}`);
  160 + }
  161 + },
  162 + }
  163 +</script>
@@ -145,10 +145,10 @@ @@ -145,10 +145,10 @@
145 @size-change="handleSizeChange" 145 @size-change="handleSizeChange"
146 @current-change="handleCurrentChange" 146 @current-change="handleCurrentChange"
147 :current-page="currentPage" 147 :current-page="currentPage"
148 - :page-sizes="[100, 200, 300, 400]"  
149 - :page-size="100" 148 + :page-sizes="[10, 20, 30, 40]"
  149 + :page-size="pageSize"
150 layout="total, sizes, prev, pager, next, jumper" 150 layout="total, sizes, prev, pager, next, jumper"
151 - :total="400"> 151 + :total="total">
152 </el-pagination> 152 </el-pagination>
153 </div> 153 </div>
154 </el-row> 154 </el-row>
@@ -174,6 +174,7 @@ @@ -174,6 +174,7 @@
174 174
175 </style> 175 </style>
176 <script> 176 <script>
  177 + import {selectFlightPlan, editFlightPlan, selectBill, editBill} from "../../api/transport";
177 export default { 178 export default {
178 data(){ 179 data(){
179 return{ 180 return{
@@ -184,17 +185,86 @@ @@ -184,17 +185,86 @@
184 }, 185 },
185 rules:{}, 186 rules:{},
186 labelPosition:'left', 187 labelPosition:'left',
187 - currentPage: 4, 188 + currentPage: 1,
  189 + pageSize:10,
  190 + total:0,
188 tableData:[] 191 tableData:[]
189 } 192 }
190 }, 193 },
191 methods: { 194 methods: {
192 - handleSizeChange(val) {  
193 - console.log(`每页 ${val} 条`); 195 + handleSizeChange(val){},
  196 + handleCurrentChange(val){},
  197 + //获取单据列表
  198 + submitForm() {
  199 + let params = {
  200 + currentPage: this.currentPage, pageSize: this.pageSize, flightNo: this.queryFlightplan.flightNo,
  201 + aircraftNo: this.queryFlightplan.aircraftNo, flightDate: this.queryFlightplan.flightDate
  202 + };
  203 + this.tableloading = true;
  204 + selectBill(params).then(res => {
  205 + let response = res.data.data;
  206 + this.tableData = response.list;
  207 + this.tableloading = false;
  208 + this.total = response.total;
  209 + });
194 }, 210 },
195 - handleCurrentChange(val) {  
196 - console.log(`当前页: ${val}`); 211 + //列表删除功能
  212 + handleDel(index, row) {
  213 + this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
  214 + confirmButtonText: '确定',
  215 + cancelButtonText: '取消',
  216 + type: 'warning'
  217 + }).then(() => {
  218 + editFlightPlan(row).then(res => {
  219 + let response = res.data;
  220 + if (response.code == '200') {
  221 + this.$message({
  222 + type: 'info',
  223 + message: '删除成功'
  224 + });
  225 + this.submitForm();
  226 + } else {
  227 + this.$message({
  228 + type: 'info',
  229 + message: '删除失败'
  230 + });
197 } 231 }
  232 + });
  233 + }).catch(() => {
  234 + this.$message({
  235 + type: 'info',
  236 + message: '已取消删除'
  237 + });
  238 + });
198 }, 239 },
  240 + //获取默认值
  241 + /*defaultData() {
  242 + this.flightNo = JSON.parse(this.$route.query.flightNo);
  243 + this.aircraftNo = JSON.parse(this.$route.query.aircraftNo);
  244 + this.flightDate = JSON.parse(this.$route.query.flightDate);
  245 + },*/
  246 + //编辑单据查询
  247 + /*handleEdit(index,row){
  248 + this.$router.push({path:'/bill',query:
  249 + {
  250 + uuid:JSON.stringify(row.uuid),
  251 + flightNo:JSON.stringify(row.flightNo),
  252 + flightDate:JSON.stringify(row.flightDate),
  253 + departurePort:JSON.stringify(row.departurePort),
  254 + departureCustomNo:JSON.stringify(row.departureCustomNo),
  255 + arrivalPort:JSON.stringify(row.arrivalPort),
  256 + arrivalCustomNo:JSON.stringify(row.arrivalCustomNo),
  257 + currentTakeoffTime:JSON.stringify(row.currentTakeoffTime),
  258 + currentLandingTime:JSON.stringify(row.currentLandingTime),
  259 + linesType:JSON.stringify(row.linesType)},*/
  260 +
  261 +
  262 + },
  263 + //渲染方法
  264 + mounted(){
  265 + //this.defaultData();
  266 + this.submitForm();
  267 + },
  268 +
199 } 269 }
200 </script> 270 </script>
@@ -7,10 +7,19 @@ @@ -7,10 +7,19 @@
7 </el-col> 7 </el-col>
8 </el-row> 8 </el-row>
9 <el-row> 9 <el-row>
  10 +
  11 +
  12 +
  13 + <el-form :model="queryRoute" :rules="rules" ref="serialNo" label-width="130px" >
10 <el-col :span="6"> 14 <el-col :span="6">
11 - <el-input v-model="serialNo" placeholder="请输入航线序号"></el-input> 15 + <el-form-item label="航线序号" prop="serialNo" label-width="130px">
  16 + <el-input v-model="queryRoute.serialNo" placeholder="请输入"></el-input>
  17 + </el-form-item>
12 </el-col> 18 </el-col>
13 <el-col :span="3"> <el-button type="primary" @click="submitForm()">查 询</el-button></el-col> 19 <el-col :span="3"> <el-button type="primary" @click="submitForm()">查 询</el-button></el-col>
  20 +
  21 + </el-form>
  22 +
14 </el-row> 23 </el-row>
15 <el-row> 24 <el-row>
16 <el-col :span="24"> 25 <el-col :span="24">
@@ -149,13 +158,20 @@ @@ -149,13 +158,20 @@
149 export default { 158 export default {
150 data(){ 159 data(){
151 return{ 160 return{
  161 + queryRoute:{
152 serialNo:undefined, 162 serialNo:undefined,
  163 + },
153 labelPosition:'left', 164 labelPosition:'left',
154 currentPage: 1, 165 currentPage: 1,
155 pageSize:10, 166 pageSize:10,
156 total:0, 167 total:0,
157 tableData:[], 168 tableData:[],
158 - tableloading:false 169 + tableloading:false,
  170 + rules:{
  171 + serialNo: [
  172 + {required: true, message: '请输入', trigger: 'blur'}
  173 + ],
  174 + }
159 } 175 }
160 }, 176 },
161 methods: { 177 methods: {
@@ -176,7 +192,6 @@ @@ -176,7 +192,6 @@
176 this.tableloading=false; 192 this.tableloading=false;
177 this.total=response.total; 193 this.total=response.total;
178 }); 194 });
179 -  
180 }, 195 },
181 //编辑航线功能 196 //编辑航线功能
182 handleEdit(index,row){ 197 handleEdit(index,row){
@@ -172,7 +172,7 @@ @@ -172,7 +172,7 @@
172 flightDate:undefined, 172 flightDate:undefined,
173 accessFlag:undefined, 173 accessFlag:undefined,
174 }, 174 },
175 - rules:{}, 175 +
176 labelPosition:'left', 176 labelPosition:'left',
177 currentPage: 4, 177 currentPage: 4,
178 tableData:[] 178 tableData:[]
@@ -10,22 +10,26 @@ @@ -10,22 +10,26 @@
10 <el-form :model="airline" :rules="rules" ref="airline" label-width="100px" class="demo-ruleForm"> 10 <el-form :model="airline" :rules="rules" ref="airline" label-width="100px" class="demo-ruleForm">
11 <el-col :span="6"> 11 <el-col :span="6">
12 <el-form-item label="出发港" prop="departurePort" label-width="120px"> 12 <el-form-item label="出发港" prop="departurePort" label-width="120px">
13 - <el-input v-model="airline.departurePort"></el-input> 13 + <el-input @input="e => airline.departurePort=inputMe(e)" v-model="airline.departurePort"
  14 + maxLength='3' ></el-input>
14 </el-form-item> 15 </el-form-item>
15 </el-col> 16 </el-col>
16 <el-col :span="6"> 17 <el-col :span="6">
17 <el-form-item label="出发港关区" prop="departureCustomNo" label-width="120px"> 18 <el-form-item label="出发港关区" prop="departureCustomNo" label-width="120px">
18 - <el-input v-model="airline.departureCustomNo"></el-input> 19 + <el-input v-model="airline.departureCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
  20 + maxLength='4'></el-input>
19 </el-form-item> 21 </el-form-item>
20 </el-col> 22 </el-col>
21 <el-col :span="6"> 23 <el-col :span="6">
22 <el-form-item label="目的港" prop="arrivalPort" label-width="120px"> 24 <el-form-item label="目的港" prop="arrivalPort" label-width="120px">
23 - <el-input v-model="airline.arrivalPort"></el-input> 25 + <el-input @input="e => airline.arrivalPort=inputMe(e)" v-model="airline.arrivalPort"
  26 + maxLength='3'></el-input>
24 </el-form-item> 27 </el-form-item>
25 </el-col> 28 </el-col>
26 <el-col :span="6"> 29 <el-col :span="6">
27 <el-form-item label="目的港关区" prop="arrivalCustomNo" label-width="120px"> 30 <el-form-item label="目的港关区" prop="arrivalCustomNo" label-width="120px">
28 - <el-input v-model="airline.arrivalCustomNo"></el-input> 31 + <el-input v-model="airline.arrivalCustomNo" oninput="value=value.replace(/[^\d]/g,'')"
  32 + maxLength='4'></el-input>
29 </el-form-item> 33 </el-form-item>
30 </el-col> 34 </el-col>
31 <el-col :span="24"> 35 <el-col :span="24">
@@ -228,21 +232,35 @@ @@ -228,21 +232,35 @@
228 }, 232 },
229 rules: { 233 rules: {
230 departurePort: [ 234 departurePort: [
  235 + //{ min: 3, max: 3, message: '长度在3个字符', trigger: 'blur'},
231 {required: true, message: '请输入(三字码)', trigger: 'blur'}, 236 {required: true, message: '请输入(三字码)', trigger: 'blur'},
232 - {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}  
233 ], 237 ],
234 departureCustomNo: [ 238 departureCustomNo: [
235 - {required: true, message: '请输入关区代码', trigger: 'blur'} 239 + {required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
236 ], 240 ],
237 arrivalPort: [ 241 arrivalPort: [
238 {required: true, message: '请输入(三字码)', trigger: 'blur'}, 242 {required: true, message: '请输入(三字码)', trigger: 'blur'},
239 - {min: 3, max: 3, message: '长度在 3 个字符', trigger: 'blur'}  
240 ], 243 ],
241 arrivalCustomNo: [ 244 arrivalCustomNo: [
242 - {required: true, message: '请输入关区代码', trigger: 'blur'} 245 + {required: true, message: '请输入四位（数字）关区代码', trigger: 'blur'}
243 ], 246 ],
244 serialNo:[ 247 serialNo:[
245 {required: true, message: '请输入航线序号', trigger: 'blur'} 248 {required: true, message: '请输入航线序号', trigger: 'blur'}
  249 + ],
  250 + plan: [
  251 + {required: true, message: '请输入', trigger: 'blur'},
  252 + ],
  253 + std: [
  254 + {required: true, message: '请选择时间', trigger: 'blur'}
  255 + ],
  256 + sta: [
  257 + {required: true, message: '请选择时间', trigger: 'blur'},
  258 + ],
  259 + effStartdate: [
  260 + {required: true, message: '请选择时间', trigger: 'blur'}
  261 + ],
  262 + effEnddate:[
  263 + {required: true, message: '请选择时间', trigger: 'blur'}
246 ] 264 ]
247 }, 265 },
248 tableData: [{ 266 tableData: [{
@@ -251,14 +269,16 @@ @@ -251,14 +269,16 @@
251 effStartdate: '20160502', 269 effStartdate: '20160502',
252 effEnddate: '20160503' 270 effEnddate: '20160503'
253 }], 271 }],
  272 + //长期飞行计划弹框
254 dialogTableVisible:false, 273 dialogTableVisible:false,
  274 + //系统提示框
255 centerDialogVisible:false, 275 centerDialogVisible:false,
256 currentPage4:4, 276 currentPage4:4,
257 msg:undefined 277 msg:undefined
258 } 278 }
259 }, 279 },
260 methods:{ 280 methods:{
261 - //新增航线方法 281 + //新增航线方法（保存按钮）
262 submitForm(formName) { 282 submitForm(formName) {
263 this.$refs[formName].validate((valid) => { 283 this.$refs[formName].validate((valid) => {
264 if (valid) { 284 if (valid) {
@@ -293,6 +313,7 @@ @@ -293,6 +313,7 @@
293 this.airline.sta=fecha.parse(row.sta,'HHmmss'); 313 this.airline.sta=fecha.parse(row.sta,'HHmmss');
294 this.airline.effStartdate=row.effStartdate; 314 this.airline.effStartdate=row.effStartdate;
295 this.airline.effEnddate=row.effEnddate; 315 this.airline.effEnddate=row.effEnddate;
  316 +
296 this.dialogTableVisible=false; 317 this.dialogTableVisible=false;
297 }, 318 },
298 //加载默认值 319 //加载默认值
@@ -319,8 +340,15 @@ @@ -319,8 +340,15 @@
319 this.airline.updateBy=JSON.parse(this.$route.query.updateBy); 340 this.airline.updateBy=JSON.parse(this.$route.query.updateBy);
320 this.airline.isDelete=JSON.parse(this.$route.query.isDelete); 341 this.airline.isDelete=JSON.parse(this.$route.query.isDelete);
321 } 342 }
  343 + },
  344 +
  345 + // 过滤中英文
  346 + inputMe(e){
  347 + return e.replace(/[^a-zA-Z]/g,'').toUpperCase();
322 } 348 }
  349 +
323 }, 350 },
  351 +
324 //渲染方法 352 //渲染方法
325 mounted(){ 353 mounted(){
326 this.defaultData(); 354 this.defaultData();
@@ -14,12 +14,12 @@ @@ -14,12 +14,12 @@
14 </el-form-item> 14 </el-form-item>
15 </el-col> 15 </el-col>
16 <el-col :span="6"> 16 <el-col :span="6">
17 - <el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="130px"> 17 + <el-form-item label="航空公司英文名称" prop="airwayNameEn" label-width="140px">
18 <el-input v-model="aircraft.airwayNameEn" placeholder="请输入"></el-input> 18 <el-input v-model="aircraft.airwayNameEn" placeholder="请输入"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="6"> 21 <el-col :span="6">
22 - <el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="130px"> 22 + <el-form-item label="航空公司中文名称" prop="airwayNameCn" label-width="140px">
23 <el-input v-model="aircraft.airwayNameCn" placeholder="请输入"></el-input> 23 <el-input v-model="aircraft.airwayNameCn" placeholder="请输入"></el-input>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
@@ -52,12 +52,12 @@ @@ -52,12 +52,12 @@
52 </el-col> 52 </el-col>
53 <el-col :span="6"> 53 <el-col :span="6">
54 <el-form-item label="最大起飞重量" prop="grossWeight" label-width="130px"> 54 <el-form-item label="最大起飞重量" prop="grossWeight" label-width="130px">
55 - <el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）"></el-input> 55 + <el-input v-model="aircraft.grossWeight" placeholder="请输入重量（单位：KG）" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
56 </el-form-item> 56 </el-form-item>
57 </el-col> 57 </el-col>
58 <el-col :span="6"> 58 <el-col :span="6">
59 <el-form-item label="标客舱载客人数" prop="passengerLimit" label-width="130px"> 59 <el-form-item label="标客舱载客人数" prop="passengerLimit" label-width="130px">
60 - <el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）"></el-input> 60 + <el-input v-model="aircraft.passengerLimit" placeholder="请输入数量（单位：人）" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
61 </el-form-item> 61 </el-form-item>
62 </el-col> 62 </el-col>
63 <el-col :span="6"> 63 <el-col :span="6">
@@ -66,8 +66,8 @@ @@ -66,8 +66,8 @@
66 </el-form-item> 66 </el-form-item>
67 </el-col> 67 </el-col>
68 <el-col :span="6"> 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> 69 + <el-form-item label="航空器所有人代码" prop="ownerCo" label-width="140px">
  70 + <el-input v-model="aircraft.ownerCo" placeholder="请输入" ></el-input>
71 </el-form-item> 71 </el-form-item>
72 </el-col> 72 </el-col>
73 <el-col :span="6"> 73 <el-col :span="6">
@@ -148,8 +148,50 @@ @@ -148,8 +148,50 @@
148 messageid:undefined 148 messageid:undefined
149 }, 149 },
150 rules:{ 150 rules:{
151 - 151 + airwayCode: [
  152 + {required: true, message: '请输入', trigger: 'blur'}
  153 + ],
  154 + airwayNameEn: [
  155 + {required: true, message: '请输入', trigger: 'blur'}
  156 + ],
  157 + airwayNameCn: [
  158 + {required: true, message: '请输入', trigger: 'blur'}
  159 + ],
  160 + areoNationality: [
  161 + {required: true, message: '请输入', trigger: 'blur'}
  162 + ],
  163 + aircraftNo: [
  164 + {required: true, message: '请输入', trigger: 'blur'}
  165 + ],
  166 + credentialType: [
  167 + {required: true, message: '请输入', trigger: 'blur'}
  168 + ],
  169 + credentialNo: [
  170 + {required: true, message: '请输入', trigger: 'blur'}
  171 + ],
  172 + areoModel: [
  173 + {required: true, message: '请输入', trigger: 'blur'}
  174 + ],
  175 + grossWeight: [
  176 + {required: true, message: '请输入', trigger: 'blur'}
  177 + ],
  178 + passengerLimit: [
  179 + {required: true, message: '请输入', trigger: 'blur'}
  180 + ],
  181 + useRelation: [
  182 + {required: true, message: '请输入', trigger: 'blur'}
  183 + ],
  184 + ownerCo: [
  185 + {required: true, message: '请输入', trigger: 'blur'}
  186 + ],
  187 + certNo: [
  188 + {required: true, message: '请输入', trigger: 'blur'}
  189 + ],
  190 + deliverDate: [
  191 + {required: true, message: '请输入', trigger: 'blur'}
  192 + ],
152 }, 193 },
  194 +
153 } 195 }
154 }, 196 },
155 methods(){} 197 methods(){}