朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 3480c3e25e831a8abd37e4ea1e9d3d844468de4c 1 个父辈 3fdf020d

车辆备案管理界面优化

内嵌 并排对比
正在显示 6 个修改的文件 包含 649 行增加 和 644 行删除
@@ -24,7 +24,7 @@ module.exports = { @@ -24,7 +24,7 @@ module.exports = {
24 }, 24 },
25 dev: { 25 dev: {
26 env: require('./dev.env'), 26 env: require('./dev.env'),
27 - port: 12021, 27 + port: 12022,
28 autoOpenBrowser: true, 28 autoOpenBrowser: true,
29 assetsSubDirectory: 'static', 29 assetsSubDirectory: 'static',
30 assetsPublicPath: '/', 30 assetsPublicPath: '/',
@@ -143,7 +143,7 @@ let routes = [ @@ -143,7 +143,7 @@ let routes = [
143 name: '订舱系统', 143 name: '订舱系统',
144 iconCls: 'el-icon-delete-location', 144 iconCls: 'el-icon-delete-location',
145 children: [ 145 children: [
146 - { path: '/booking', component: booking, name: '在线订舱' }, 146 + // { path: '/booking', component: booking, name: '在线订舱' },
147 { path: '/order', component: order, name: '订舱信息' }, 147 { path: '/order', component: order, name: '订舱信息' },
148 { path: '/airlift', component: airlift, name: '空运专线' }, 148 { path: '/airlift', component: airlift, name: '空运专线' },
149 ] 149 ]
1 -<template>  
2 - <div class="bg">  
3 - <el-container>  
4 -<!-- 主要区域-->  
5 - <el-main>  
6 -<!-- 空运查询内容-->  
7 - <el-row style="margin-top: 30px">  
8 - <el-col :span="10" style="margin-right: 10px;background-color: #FFF;">  
9 - <div style="height: 600px;">  
10 - <div style="width: 100%;height: 80px;border-bottom: solid 2px #29A1F7;">  
11 - <el-col :span="15" style="margin-left: 0px;margin-top: 20px;">  
12 - <span style="font-size: 25px;margin-left: 50px">空运查询</span>  
13 - </el-col>  
14 - <el-col :span="8" style="margin-top: 23px;">  
15 - <span style="font-size: 17px">约计3000条航线数据</span>  
16 - </el-col>  
17 - </div>  
18 - <el-row>  
19 - <el-form ref="form" :model="form" label-width="80px" style="font-size: 50px;" >  
20 - <el-form-item label="航程方向" >  
21 - <el-radio-group v-model="form.airLine">  
22 - <el-radio style="padding-left: 20px" label="出口"></el-radio>  
23 - <el-radio label="进口"></el-radio>  
24 - </el-radio-group>  
25 - </el-form-item>  
26 - <el-form-item label="起运地">  
27 - <el-select style="width: 320px" v-model="form.originStation" placeholder="起运地">  
28 - <el-option label="CGO" value="shanghai"></el-option>  
29 - <el-option label="LUX" value="beijing"></el-option>  
30 - </el-select>  
31 - </el-form-item>  
32 - <el-form-item label="目的地">  
33 - <el-select style="width: 320px" v-model="form.deliveryAddress" placeholder="目的地">  
34 - <el-option label="CGO" value="shanghai"></el-option>  
35 - <el-option label="LUX" value="beijing"></el-option>  
36 - </el-select>  
37 - </el-form-item>  
38 - <el-form-item label="货物重量">  
39 - <el-input style="width: 320px" v-model="form.weight" placeholder="单位：KG"></el-input>  
40 - </el-form-item>  
41 - <div style="padding-left: 150px">  
42 - <el-button style="background-color: #F18F4C;color: #FFF">查价下单</el-button>  
43 - </div>  
44 - </el-form>  
45 - <div style="width: 100%;height: 200px;margin-top: 30px;padding-left: 50px;border-top: dashed 2px #D5D5D5;">  
46 - <p>  
47 - <span><i class="el-icon-phone" style="color: #29A1F7;padding-right: 5px"></i>一键订舱，方便快捷</span>  
48 - </p>  
49 - <p>  
50 - <span><i class="el-icon-edit-outline" style="color: #29A1F7;padding-right: 5px"></i>数据准确，专有团队维护</span>  
51 - </p>  
52 - <span><i class="el-icon-location-information" style="color: #29A1F7;padding-right: 5px"></i>货物在线跟踪</span>  
53 - </div>  
54 - </el-row>  
55 - </div>  
56 - </el-col>  
57 -<!-- 广告位-->  
58 - <el-col :span="13" style="margin-right: 0px;background-color: rgba(41,161,247,0.1);float: right;">  
59 - <div style="height: 600px;width: 500px">  
60 - <img src="./air.jpg" width="700px" height="600px"/>  
61 - </div>  
62 - </el-col>  
63 - </el-row>  
64 -<!-- 优价航线标题栏-->  
65 - <el-row style="margin-top: 30px">  
66 - <span style="font-size: 25px">优价航线</span>  
67 - </el-row>  
68 -<!-- 优价航线内容-->  
69 - <el-row style="background-color: #FFF;height: 300px;">  
70 - <el-table  
71 - :data="tableData"  
72 - style="width: 100%">  
73 - <el-table-column  
74 - prop="airLine"  
75 - label="航行路线">  
76 - </el-table-column>  
77 - <el-table-column  
78 - prop="transportLimitation"  
79 - label="运输时效">  
80 - </el-table-column>  
81 - <el-table-column  
82 - prop="deliveryAddress"  
83 - label="交货地">  
84 - </el-table-column>  
85 - <el-table-column  
86 - prop="flightCycle"  
87 - label="航班周期">  
88 - </el-table-column>  
89 - <el-table-column  
90 - prop="transportPrice"  
91 - label="最低价格">  
92 - </el-table-column>  
93 - <el-table-column  
94 - fixed="right"  
95 - label=""  
96 - width="120">  
97 - <template slot-scope="scope">  
98 - <el-button  
99 - size="small" plain  
100 - type="warning"  
101 - @click="open">订舱</el-button>  
102 - </template>  
103 - </el-table-column>  
104 - </el-table>  
105 - </el-row>  
106 -<!-- 热门航线标题栏-->  
107 - <el-row style="margin-top: 30px">  
108 - <span style="font-size: 25px">热门航线</span>  
109 - </el-row>  
110 -<!-- 热门航线内容-->  
111 - <el-row style="background-color: #FFF;height: 680px;">  
112 - <el-col :span="24">  
113 - <el-tabs type="border-card" style="width: 100%;height: 680px" stretch="true">  
114 - <el-tab-pane>  
115 - <span slot="label"><i class="el-icon-right"></i>出口航线</span>  
116 - <el-row style="height: 300px;margin-top: 0px">  
117 - <el-col :span="8"  
118 - style="border-right:solid 1px #F5F5F5;border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">  
119 - <h2>CV</h2>  
120 - <el-table  
121 - :data="tableData1"  
122 - :header-cell-style="headClass"  
123 - :cell-style="rowClass"  
124 - style="width: 100%;background-color: #F5F5F5">  
125 - <el-table-column  
126 - prop="airLine"  
127 - label="航段">  
128 - </el-table-column>  
129 - <el-table-column  
130 - prop="transportLimitation"  
131 - label="时效">  
132 - </el-table-column>  
133 - <el-table-column  
134 - prop="flightCycle"  
135 - label="周期">  
136 - </el-table-column>  
137 - <el-table-column  
138 - prop="transportPrice"  
139 - label="航运价">  
140 - </el-table-column>  
141 - </el-table>  
142 - <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>  
143 - <div style="text-align: center;margin-top: 6px">  
144 - <el-button type="warning" plain style="width: 120px" >订舱</el-button>  
145 - </div>  
146 - </el-col>  
147 - <el-col :span="8"  
148 - style="border-right:solid 1px #F5F5F5;border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">  
149 - <h2>CV</h2>  
150 - <el-table  
151 - :data="tableData2"  
152 - :header-cell-style="headClass"  
153 - :cell-style="rowClass"  
154 - style="width: 100%;background-color: #F5F5F5">  
155 - <el-table-column  
156 - prop="airLine"  
157 - label="航段">  
158 - </el-table-column>  
159 - <el-table-column  
160 - prop="transportLimitation"  
161 - label="时效">  
162 - </el-table-column>  
163 - <el-table-column  
164 - prop="flightCycle"  
165 - label="周期">  
166 - </el-table-column>  
167 - <el-table-column  
168 - prop="transportPrice"  
169 - label="航运价">  
170 - </el-table-column>  
171 - </el-table>  
172 - <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>  
173 - <div style="text-align: center;margin-top: 6px">  
174 - <el-button type="warning" plain style="width: 120px" >订舱</el-button>  
175 - </div>  
176 - </el-col>  
177 - <el-col :span="8"  
178 - style="border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%">  
179 - <h2>CV</h2>  
180 - <el-table  
181 - :data="tableData3"  
182 - :header-cell-style="headClass"  
183 - :cell-style="rowClass"  
184 - style="width: 100%;background-color: #F5F5F5">  
185 - <el-table-column  
186 - prop="airLine"  
187 - label="航段">  
188 - </el-table-column>  
189 - <el-table-column  
190 - prop="transportLimitation"  
191 - label="时效">  
192 - </el-table-column>  
193 - <el-table-column  
194 - prop="flightCycle"  
195 - label="周期">  
196 - </el-table-column>  
197 - <el-table-column  
198 - prop="transportPrice"  
199 - label="航运价">  
200 - </el-table-column>  
201 - </el-table>  
202 - <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>  
203 - <div style="text-align: center;margin-top: 6px">  
204 - <el-button type="warning" plain style="width: 120px">订舱</el-button>  
205 - </div>  
206 - </el-col>  
207 - </el-row>  
208 - <el-row style="height: 300px;margin-top: 0px">  
209 - <el-col :span="8"  
210 - style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">  
211 - <h2>CZ</h2>  
212 - <el-table  
213 - :data="tableData4"  
214 - :header-cell-style="headClass"  
215 - :cell-style="rowClass"  
216 - style="width: 100%;background-color: #F5F5F5">  
217 - <el-table-column  
218 - prop="airLine"  
219 - label="航段">  
220 - </el-table-column>  
221 - <el-table-column  
222 - prop="transportLimitation"  
223 - label="时效">  
224 - </el-table-column>  
225 - <el-table-column  
226 - prop="flightCycle"  
227 - label="周期">  
228 - </el-table-column>  
229 - <el-table-column  
230 - prop="transportPrice"  
231 - label="航运价">  
232 - </el-table-column>  
233 - </el-table>  
234 - <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>  
235 - <div style="text-align: center;margin-top: 6px">  
236 - <el-button type="warning" plain style="width: 120px" >订舱</el-button>  
237 - </div>  
238 - </el-col>  
239 - <el-col :span="8"  
240 - style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">  
241 - <h2>CZ</h2>  
242 - <el-table  
243 - :data="tableData5"  
244 - :header-cell-style="headClass"  
245 - :cell-style="rowClass"  
246 - style="width: 100%;background-color: #F5F5F5">  
247 - <el-table-column  
248 - prop="airLine"  
249 - label="航段">  
250 - </el-table-column>  
251 - <el-table-column  
252 - prop="transportLimitation"  
253 - label="时效">  
254 - </el-table-column>  
255 - <el-table-column  
256 - prop="flightCycle"  
257 - label="周期">  
258 - </el-table-column>  
259 - <el-table-column  
260 - prop="transportPrice"  
261 - label="航运价">  
262 - </el-table-column>  
263 - </el-table>  
264 - <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>  
265 - <div style="text-align: center;margin-top: 6px">  
266 - <el-button type="warning" plain style="width: 120px" >订舱</el-button>  
267 - </div>  
268 - </el-col>  
269 - <el-col :span="8"  
270 - style="height: 300px;width: 32%">  
271 - <h2>CZ</h2>  
272 - <el-table  
273 - :data="tableData6"  
274 - :header-cell-style="headClass"  
275 - :cell-style="rowClass"  
276 - style="width: 100%;background-color: #F5F5F5">  
277 - <el-table-column  
278 - prop="airLine"  
279 - label="航段">  
280 - </el-table-column>  
281 - <el-table-column  
282 - prop="transportLimitation"  
283 - label="时效">  
284 - </el-table-column>  
285 - <el-table-column  
286 - prop="flightCycle"  
287 - label="周期">  
288 - </el-table-column>  
289 - <el-table-column  
290 - prop="transportPrice"  
291 - label="航运价">  
292 - </el-table-column>  
293 - </el-table>  
294 - <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>  
295 - <div style="text-align: center;margin-top: 6px">  
296 - <el-button type="warning" plain style="width: 120px" >订舱</el-button>  
297 - </div>  
298 - </el-col>  
299 - </el-row>  
300 - </el-tab-pane>  
301 - <el-tab-pane label="进口航线">  
302 - <span slot="label"><i class="el-icon-back"></i>进口航线</span>  
303 - </el-tab-pane>  
304 - <el-tab-pane label="空运专线">  
305 - <span slot="label"><i class="el-icon-star-off"></i>空运专线</span>  
306 - </el-tab-pane>  
307 - </el-tabs>  
308 - </el-col>  
309 - </el-row>  
310 -<!-- 热门港口标题栏-->  
311 - <el-row style="margin-top: 30px">  
312 - <span style="font-size: 25px">热门港口</span>  
313 - </el-row>  
314 -<!-- 热门港口内容-->  
315 - <el-row style="background-color: #FFF;height: 300px;padding: 25px">  
316 - <el-col :span="24">  
317 - <el-tabs :tab-position="tabPosition" style="width: 100%;height: 280px;">  
318 - <el-tab-pane label="北京">  
319 - <el-table  
320 - :data="tableData7"  
321 - style="width: 100%">  
322 - <el-table-column  
323 - prop="airLine"  
324 - label="航行路线">  
325 - </el-table-column>  
326 - <el-table-column  
327 - prop="transportLimitation"  
328 - label="运输时效">  
329 - </el-table-column>  
330 - <el-table-column  
331 - prop="deliveryAddress"  
332 - label="交货地">  
333 - </el-table-column>  
334 - <el-table-column  
335 - prop="flightCycle"  
336 - label="航班周期">  
337 - </el-table-column>  
338 - <el-table-column  
339 - fixed="right"  
340 - label=""  
341 - width="120">  
342 - <template slot-scope="scope">  
343 - <el-button  
344 - size="small" plain  
345 - type="warning"  
346 - @click="">订舱</el-button>  
347 - </template>  
348 - </el-table-column>  
349 - </el-table>  
350 - </el-tab-pane>  
351 - <el-tab-pane label="上海">  
352 - <el-table  
353 - :data="tableData8"  
354 - style="width: 100%">  
355 - <el-table-column  
356 - prop="airLine"  
357 - label="航行路线">  
358 - </el-table-column>  
359 - <el-table-column  
360 - prop="transportLimitation"  
361 - label="运输时效">  
362 - </el-table-column>  
363 - <el-table-column  
364 - prop="deliveryAddress"  
365 - label="交货地">  
366 - </el-table-column>  
367 - <el-table-column  
368 - prop="flightCycle"  
369 - label="航班周期">  
370 - </el-table-column>  
371 - <el-table-column  
372 - fixed="right"  
373 - label=""  
374 - width="120">  
375 - <template slot-scope="scope">  
376 - <el-button  
377 - size="small" plain  
378 - type="warning"  
379 - @click="">订舱</el-button>  
380 - </template>  
381 - </el-table-column>  
382 - </el-table>  
383 - </el-tab-pane>  
384 - <el-tab-pane label="深圳">  
385 - <el-table  
386 - :data="tableData9"  
387 - style="width: 100%">  
388 - <el-table-column  
389 - prop="airLine"  
390 - label="航行路线">  
391 - </el-table-column>  
392 - <el-table-column  
393 - prop="transportLimitation"  
394 - label="运输时效">  
395 - </el-table-column>  
396 - <el-table-column  
397 - prop="deliveryAddress"  
398 - label="交货地">  
399 - </el-table-column>  
400 - <el-table-column  
401 - prop="flightCycle"  
402 - label="航班周期">  
403 - </el-table-column>  
404 - <el-table-column  
405 - fixed="right"  
406 - label=""  
407 - width="120">  
408 - <template slot-scope="scope">  
409 - <el-button  
410 - size="small" plain  
411 - type="warning"  
412 - @click="">订舱</el-button>  
413 - </template>  
414 - </el-table-column>  
415 - </el-table>  
416 - </el-tab-pane>  
417 - <el-tab-pane label="广州">  
418 - <el-table  
419 - :data="tableData10"  
420 - style="width: 100%">  
421 - <el-table-column  
422 - prop="airLine"  
423 - label="航行路线">  
424 - </el-table-column>  
425 - <el-table-column  
426 - prop="transportLimitation"  
427 - label="运输时效">  
428 - </el-table-column>  
429 - <el-table-column  
430 - prop="deliveryAddress"  
431 - label="交货地">  
432 - </el-table-column>  
433 - <el-table-column  
434 - prop="flightCycle"  
435 - label="航班周期">  
436 - </el-table-column>  
437 - <el-table-column  
438 - fixed="right"  
439 - label=""  
440 - width="120">  
441 - <template slot-scope="scope">  
442 - <el-button  
443 - size="small" plain  
444 - type="warning"  
445 - @click="">订舱</el-button>  
446 - </template>  
447 - </el-table-column>  
448 - </el-table>  
449 - </el-tab-pane>  
450 - <el-tab-pane label="宁波">  
451 - <el-table  
452 - :data="tableData11"  
453 - style="width: 100%">  
454 - <el-table-column  
455 - prop="airLine"  
456 - label="航行路线">  
457 - </el-table-column>  
458 - <el-table-column  
459 - prop="transportLimitation"  
460 - label="运输时效">  
461 - </el-table-column>  
462 - <el-table-column  
463 - prop="deliveryAddress"  
464 - label="交货地">  
465 - </el-table-column>  
466 - <el-table-column  
467 - prop="flightCycle"  
468 - label="航班周期">  
469 - </el-table-column>  
470 - <el-table-column  
471 - fixed="right"  
472 - label=""  
473 - width="120">  
474 - <template slot-scope="scope">  
475 - <el-button  
476 - size="small" plain  
477 - type="warning"  
478 - @click="">订舱</el-button>  
479 - </template>  
480 - </el-table-column>  
481 - </el-table>  
482 - </el-tab-pane>  
483 - </el-tabs>  
484 - </el-col>  
485 - </el-row>  
486 -<!-- 查询工具-->  
487 - <el-row style="background-color: #FFF;height: 180px;margin-top: 60px">  
488 - <el-col :span="24">  
489 - <el-tabs :tab-position="tabPositions" style="width: 80%;height: 280px;margin: 20px">  
490 - <el-tab-pane label="机场代码查询">  
491 - <span style="font-size: 25px">机场代码查询</span>  
492 - <span style="font-size: 15px">（收录2016年IATA最新机场三字代码、城市三字代码。）</span>  
493 - <el-input v-model="input" placeholder="请输入内容"></el-input>  
494 - </el-tab-pane>  
495 - <el-tab-pane label="商品编码查询">  
496 - <span style="font-size: 25px">商品编码查询</span>  
497 - <span style="font-size: 15px">（提供海关HScode编码、对应税率、申报要素查询服务，根据海关最新政策实时更新。）</span>  
498 - <el-input v-model="input" placeholder="请输入内容"></el-input>  
499 - </el-tab-pane>  
500 - <el-tab-pane label="全球港口查询">  
501 - <span style="font-size: 25px">全球港口查询</span>  
502 - <span style="font-size: 15px">（收录2016年IATA最新机场三字代码、城市三字代码。）</span>  
503 - <el-input v-model="input" placeholder="请输入内容"></el-input>  
504 - </el-tab-pane>  
505 - <el-tab-pane label="空运货物查询">  
506 - <span style="font-size: 25px">空运货物查询</span>  
507 - <span style="font-size: 15px">（提供世界各国航空公司货物追踪、货物查询服务，实时追踪最新货况。）</span>  
508 - <el-input v-model="input" placeholder="请输入内容"></el-input>  
509 - </el-tab-pane>  
510 - <el-tab-pane label="快件跟踪查询">  
511 - <span style="font-size: 25px">快件跟踪查询</span>  
512 - <span style="font-size: 15px"></span>  
513 - <el-input v-model="input" placeholder="请输入内容"></el-input>  
514 - </el-tab-pane>  
515 - </el-tabs>  
516 - </el-col>  
517 - </el-row>  
518 - </el-main>  
519 - </el-container>  
520 - </div>  
521 -</template> 1 +<!--<template>-->
  2 +<!-- <div class="bg">-->
  3 +<!-- <el-container>-->
  4 +<!--&lt;!&ndash; 主要区域&ndash;&gt;-->
  5 +<!-- <el-main>-->
  6 +<!--&lt;!&ndash; 空运查询内容&ndash;&gt;-->
  7 +<!-- <el-row style="margin-top: 30px">-->
  8 +<!-- <el-col :span="10" style="margin-right: 10px;background-color: #FFF;">-->
  9 +<!-- <div style="height: 600px;">-->
  10 +<!-- <div style="width: 100%;height: 80px;border-bottom: solid 2px #29A1F7;">-->
  11 +<!-- <el-col :span="15" style="margin-left: 0px;margin-top: 20px;">-->
  12 +<!-- <span style="font-size: 25px;margin-left: 50px">空运查询</span>-->
  13 +<!-- </el-col>-->
  14 +<!-- <el-col :span="8" style="margin-top: 23px;">-->
  15 +<!-- <span style="font-size: 17px">约计3000条航线数据</span>-->
  16 +<!-- </el-col>-->
  17 +<!-- </div>-->
  18 +<!-- <el-row>-->
  19 +<!-- <el-form ref="form" :model="form" label-width="80px" style="font-size: 50px;" >-->
  20 +<!-- <el-form-item label="航程方向" >-->
  21 +<!-- <el-radio-group v-model="form.airLine">-->
  22 +<!-- <el-radio style="padding-left: 20px" label="出口"></el-radio>-->
  23 +<!-- <el-radio label="进口"></el-radio>-->
  24 +<!-- </el-radio-group>-->
  25 +<!-- </el-form-item>-->
  26 +<!-- <el-form-item label="起运地">-->
  27 +<!-- <el-select style="width: 320px" v-model="form.originStation" placeholder="起运地">-->
  28 +<!-- <el-option label="CGO" value="shanghai"></el-option>-->
  29 +<!-- <el-option label="LUX" value="beijing"></el-option>-->
  30 +<!-- </el-select>-->
  31 +<!-- </el-form-item>-->
  32 +<!-- <el-form-item label="目的地">-->
  33 +<!-- <el-select style="width: 320px" v-model="form.deliveryAddress" placeholder="目的地">-->
  34 +<!-- <el-option label="CGO" value="shanghai"></el-option>-->
  35 +<!-- <el-option label="LUX" value="beijing"></el-option>-->
  36 +<!-- </el-select>-->
  37 +<!-- </el-form-item>-->
  38 +<!-- <el-form-item label="货物重量">-->
  39 +<!-- <el-input style="width: 320px" v-model="form.weight" placeholder="单位：KG"></el-input>-->
  40 +<!-- </el-form-item>-->
  41 +<!-- <div style="padding-left: 150px">-->
  42 +<!-- <el-button style="background-color: #F18F4C;color: #FFF">查价下单</el-button>-->
  43 +<!-- </div>-->
  44 +<!-- </el-form>-->
  45 +<!-- <div style="width: 100%;height: 200px;margin-top: 30px;padding-left: 50px;border-top: dashed 2px #D5D5D5;">-->
  46 +<!-- <p>-->
  47 +<!-- <span><i class="el-icon-phone" style="color: #29A1F7;padding-right: 5px"></i>一键订舱，方便快捷</span>-->
  48 +<!-- </p>-->
  49 +<!-- <p>-->
  50 +<!-- <span><i class="el-icon-edit-outline" style="color: #29A1F7;padding-right: 5px"></i>数据准确，专有团队维护</span>-->
  51 +<!-- </p>-->
  52 +<!-- <span><i class="el-icon-location-information" style="color: #29A1F7;padding-right: 5px"></i>货物在线跟踪</span>-->
  53 +<!-- </div>-->
  54 +<!-- </el-row>-->
  55 +<!-- </div>-->
  56 +<!-- </el-col>-->
  57 +<!--&lt;!&ndash; 广告位&ndash;&gt;-->
  58 +<!-- <el-col :span="13" style="margin-right: 0px;background-color: rgba(41,161,247,0.1);float: right;">-->
  59 +<!-- <div style="height: 600px;width: 500px">-->
  60 +<!-- <img src="./air.jpg" width="700px" height="600px"/>-->
  61 +<!-- </div>-->
  62 +<!-- </el-col>-->
  63 +<!-- </el-row>-->
  64 +<!--&lt;!&ndash; 优价航线标题栏&ndash;&gt;-->
  65 +<!-- <el-row style="margin-top: 30px">-->
  66 +<!-- <span style="font-size: 25px">优价航线</span>-->
  67 +<!-- </el-row>-->
  68 +<!--&lt;!&ndash; 优价航线内容&ndash;&gt;-->
  69 +<!-- <el-row style="background-color: #FFF;height: 300px;">-->
  70 +<!-- <el-table-->
  71 +<!-- :data="tableData"-->
  72 +<!-- style="width: 100%">-->
  73 +<!-- <el-table-column-->
  74 +<!-- prop="airLine"-->
  75 +<!-- label="航行路线">-->
  76 +<!-- </el-table-column>-->
  77 +<!-- <el-table-column-->
  78 +<!-- prop="transportLimitation"-->
  79 +<!-- label="运输时效">-->
  80 +<!-- </el-table-column>-->
  81 +<!-- <el-table-column-->
  82 +<!-- prop="deliveryAddress"-->
  83 +<!-- label="交货地">-->
  84 +<!-- </el-table-column>-->
  85 +<!-- <el-table-column-->
  86 +<!-- prop="flightCycle"-->
  87 +<!-- label="航班周期">-->
  88 +<!-- </el-table-column>-->
  89 +<!-- <el-table-column-->
  90 +<!-- prop="transportPrice"-->
  91 +<!-- label="最低价格">-->
  92 +<!-- </el-table-column>-->
  93 +<!-- <el-table-column-->
  94 +<!-- fixed="right"-->
  95 +<!-- label=""-->
  96 +<!-- width="120">-->
  97 +<!-- <template slot-scope="scope">-->
  98 +<!-- <el-button-->
  99 +<!-- size="small" plain-->
  100 +<!-- type="warning"-->
  101 +<!-- @click="open">订舱</el-button>-->
  102 +<!-- </template>-->
  103 +<!-- </el-table-column>-->
  104 +<!-- </el-table>-->
  105 +<!-- </el-row>-->
  106 +<!--&lt;!&ndash; 热门航线标题栏&ndash;&gt;-->
  107 +<!-- <el-row style="margin-top: 30px">-->
  108 +<!-- <span style="font-size: 25px">热门航线</span>-->
  109 +<!-- </el-row>-->
  110 +<!--&lt;!&ndash; 热门航线内容&ndash;&gt;-->
  111 +<!-- <el-row style="background-color: #FFF;height: 680px;">-->
  112 +<!-- <el-col :span="24">-->
  113 +<!-- <el-tabs type="border-card" style="width: 100%;height: 680px" stretch="true">-->
  114 +<!-- <el-tab-pane>-->
  115 +<!-- <span slot="label"><i class="el-icon-right"></i>出口航线</span>-->
  116 +<!-- <el-row style="height: 300px;margin-top: 0px">-->
  117 +<!-- <el-col :span="8"-->
  118 +<!-- style="border-right:solid 1px #F5F5F5;border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">-->
  119 +<!-- <h2>CV</h2>-->
  120 +<!-- <el-table-->
  121 +<!-- :data="tableData1"-->
  122 +<!-- :header-cell-style="headClass"-->
  123 +<!-- :cell-style="rowClass"-->
  124 +<!-- style="width: 100%;background-color: #F5F5F5">-->
  125 +<!-- <el-table-column-->
  126 +<!-- prop="airLine"-->
  127 +<!-- label="航段">-->
  128 +<!-- </el-table-column>-->
  129 +<!-- <el-table-column-->
  130 +<!-- prop="transportLimitation"-->
  131 +<!-- label="时效">-->
  132 +<!-- </el-table-column>-->
  133 +<!-- <el-table-column-->
  134 +<!-- prop="flightCycle"-->
  135 +<!-- label="周期">-->
  136 +<!-- </el-table-column>-->
  137 +<!-- <el-table-column-->
  138 +<!-- prop="transportPrice"-->
  139 +<!-- label="航运价">-->
  140 +<!-- </el-table-column>-->
  141 +<!-- </el-table>-->
  142 +<!-- <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>-->
  143 +<!-- <div style="text-align: center;margin-top: 6px">-->
  144 +<!-- <el-button type="warning" plain style="width: 120px" >订舱</el-button>-->
  145 +<!-- </div>-->
  146 +<!-- </el-col>-->
  147 +<!-- <el-col :span="8"-->
  148 +<!-- style="border-right:solid 1px #F5F5F5;border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">-->
  149 +<!-- <h2>CV</h2>-->
  150 +<!-- <el-table-->
  151 +<!-- :data="tableData2"-->
  152 +<!-- :header-cell-style="headClass"-->
  153 +<!-- :cell-style="rowClass"-->
  154 +<!-- style="width: 100%;background-color: #F5F5F5">-->
  155 +<!-- <el-table-column-->
  156 +<!-- prop="airLine"-->
  157 +<!-- label="航段">-->
  158 +<!-- </el-table-column>-->
  159 +<!-- <el-table-column-->
  160 +<!-- prop="transportLimitation"-->
  161 +<!-- label="时效">-->
  162 +<!-- </el-table-column>-->
  163 +<!-- <el-table-column-->
  164 +<!-- prop="flightCycle"-->
  165 +<!-- label="周期">-->
  166 +<!-- </el-table-column>-->
  167 +<!-- <el-table-column-->
  168 +<!-- prop="transportPrice"-->
  169 +<!-- label="航运价">-->
  170 +<!-- </el-table-column>-->
  171 +<!-- </el-table>-->
  172 +<!-- <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>-->
  173 +<!-- <div style="text-align: center;margin-top: 6px">-->
  174 +<!-- <el-button type="warning" plain style="width: 120px" >订舱</el-button>-->
  175 +<!-- </div>-->
  176 +<!-- </el-col>-->
  177 +<!-- <el-col :span="8"-->
  178 +<!-- style="border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%">-->
  179 +<!-- <h2>CV</h2>-->
  180 +<!-- <el-table-->
  181 +<!-- :data="tableData3"-->
  182 +<!-- :header-cell-style="headClass"-->
  183 +<!-- :cell-style="rowClass"-->
  184 +<!-- style="width: 100%;background-color: #F5F5F5">-->
  185 +<!-- <el-table-column-->
  186 +<!-- prop="airLine"-->
  187 +<!-- label="航段">-->
  188 +<!-- </el-table-column>-->
  189 +<!-- <el-table-column-->
  190 +<!-- prop="transportLimitation"-->
  191 +<!-- label="时效">-->
  192 +<!-- </el-table-column>-->
  193 +<!-- <el-table-column-->
  194 +<!-- prop="flightCycle"-->
  195 +<!-- label="周期">-->
  196 +<!-- </el-table-column>-->
  197 +<!-- <el-table-column-->
  198 +<!-- prop="transportPrice"-->
  199 +<!-- label="航运价">-->
  200 +<!-- </el-table-column>-->
  201 +<!-- </el-table>-->
  202 +<!-- <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>-->
  203 +<!-- <div style="text-align: center;margin-top: 6px">-->
  204 +<!-- <el-button type="warning" plain style="width: 120px">订舱</el-button>-->
  205 +<!-- </div>-->
  206 +<!-- </el-col>-->
  207 +<!-- </el-row>-->
  208 +<!-- <el-row style="height: 300px;margin-top: 0px">-->
  209 +<!-- <el-col :span="8"-->
  210 +<!-- style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">-->
  211 +<!-- <h2>CZ</h2>-->
  212 +<!-- <el-table-->
  213 +<!-- :data="tableData4"-->
  214 +<!-- :header-cell-style="headClass"-->
  215 +<!-- :cell-style="rowClass"-->
  216 +<!-- style="width: 100%;background-color: #F5F5F5">-->
  217 +<!-- <el-table-column-->
  218 +<!-- prop="airLine"-->
  219 +<!-- label="航段">-->
  220 +<!-- </el-table-column>-->
  221 +<!-- <el-table-column-->
  222 +<!-- prop="transportLimitation"-->
  223 +<!-- label="时效">-->
  224 +<!-- </el-table-column>-->
  225 +<!-- <el-table-column-->
  226 +<!-- prop="flightCycle"-->
  227 +<!-- label="周期">-->
  228 +<!-- </el-table-column>-->
  229 +<!-- <el-table-column-->
  230 +<!-- prop="transportPrice"-->
  231 +<!-- label="航运价">-->
  232 +<!-- </el-table-column>-->
  233 +<!-- </el-table>-->
  234 +<!-- <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>-->
  235 +<!-- <div style="text-align: center;margin-top: 6px">-->
  236 +<!-- <el-button type="warning" plain style="width: 120px" >订舱</el-button>-->
  237 +<!-- </div>-->
  238 +<!-- </el-col>-->
  239 +<!-- <el-col :span="8"-->
  240 +<!-- style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">-->
  241 +<!-- <h2>CZ</h2>-->
  242 +<!-- <el-table-->
  243 +<!-- :data="tableData5"-->
  244 +<!-- :header-cell-style="headClass"-->
  245 +<!-- :cell-style="rowClass"-->
  246 +<!-- style="width: 100%;background-color: #F5F5F5">-->
  247 +<!-- <el-table-column-->
  248 +<!-- prop="airLine"-->
  249 +<!-- label="航段">-->
  250 +<!-- </el-table-column>-->
  251 +<!-- <el-table-column-->
  252 +<!-- prop="transportLimitation"-->
  253 +<!-- label="时效">-->
  254 +<!-- </el-table-column>-->
  255 +<!-- <el-table-column-->
  256 +<!-- prop="flightCycle"-->
  257 +<!-- label="周期">-->
  258 +<!-- </el-table-column>-->
  259 +<!-- <el-table-column-->
  260 +<!-- prop="transportPrice"-->
  261 +<!-- label="航运价">-->
  262 +<!-- </el-table-column>-->
  263 +<!-- </el-table>-->
  264 +<!-- <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>-->
  265 +<!-- <div style="text-align: center;margin-top: 6px">-->
  266 +<!-- <el-button type="warning" plain style="width: 120px" >订舱</el-button>-->
  267 +<!-- </div>-->
  268 +<!-- </el-col>-->
  269 +<!-- <el-col :span="8"-->
  270 +<!-- style="height: 300px;width: 32%">-->
  271 +<!-- <h2>CZ</h2>-->
  272 +<!-- <el-table-->
  273 +<!-- :data="tableData6"-->
  274 +<!-- :header-cell-style="headClass"-->
  275 +<!-- :cell-style="rowClass"-->
  276 +<!-- style="width: 100%;background-color: #F5F5F5">-->
  277 +<!-- <el-table-column-->
  278 +<!-- prop="airLine"-->
  279 +<!-- label="航段">-->
  280 +<!-- </el-table-column>-->
  281 +<!-- <el-table-column-->
  282 +<!-- prop="transportLimitation"-->
  283 +<!-- label="时效">-->
  284 +<!-- </el-table-column>-->
  285 +<!-- <el-table-column-->
  286 +<!-- prop="flightCycle"-->
  287 +<!-- label="周期">-->
  288 +<!-- </el-table-column>-->
  289 +<!-- <el-table-column-->
  290 +<!-- prop="transportPrice"-->
  291 +<!-- label="航运价">-->
  292 +<!-- </el-table-column>-->
  293 +<!-- </el-table>-->
  294 +<!-- <div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>-->
  295 +<!-- <div style="text-align: center;margin-top: 6px">-->
  296 +<!-- <el-button type="warning" plain style="width: 120px" >订舱</el-button>-->
  297 +<!-- </div>-->
  298 +<!-- </el-col>-->
  299 +<!-- </el-row>-->
  300 +<!-- </el-tab-pane>-->
  301 +<!-- <el-tab-pane label="进口航线">-->
  302 +<!-- <span slot="label"><i class="el-icon-back"></i>进口航线</span>-->
  303 +<!-- </el-tab-pane>-->
  304 +<!-- <el-tab-pane label="空运专线">-->
  305 +<!-- <span slot="label"><i class="el-icon-star-off"></i>空运专线</span>-->
  306 +<!-- </el-tab-pane>-->
  307 +<!-- </el-tabs>-->
  308 +<!-- </el-col>-->
  309 +<!-- </el-row>-->
  310 +<!--&lt;!&ndash; 热门港口标题栏&ndash;&gt;-->
  311 +<!-- <el-row style="margin-top: 30px">-->
  312 +<!-- <span style="font-size: 25px">热门港口</span>-->
  313 +<!-- </el-row>-->
  314 +<!--&lt;!&ndash; 热门港口内容&ndash;&gt;-->
  315 +<!-- <el-row style="background-color: #FFF;height: 300px;padding: 25px">-->
  316 +<!-- <el-col :span="24">-->
  317 +<!-- <el-tabs :tab-position="tabPosition" style="width: 100%;height: 280px;">-->
  318 +<!-- <el-tab-pane label="北京">-->
  319 +<!-- <el-table-->
  320 +<!-- :data="tableData7"-->
  321 +<!-- style="width: 100%">-->
  322 +<!-- <el-table-column-->
  323 +<!-- prop="airLine"-->
  324 +<!-- label="航行路线">-->
  325 +<!-- </el-table-column>-->
  326 +<!-- <el-table-column-->
  327 +<!-- prop="transportLimitation"-->
  328 +<!-- label="运输时效">-->
  329 +<!-- </el-table-column>-->
  330 +<!-- <el-table-column-->
  331 +<!-- prop="deliveryAddress"-->
  332 +<!-- label="交货地">-->
  333 +<!-- </el-table-column>-->
  334 +<!-- <el-table-column-->
  335 +<!-- prop="flightCycle"-->
  336 +<!-- label="航班周期">-->
  337 +<!-- </el-table-column>-->
  338 +<!-- <el-table-column-->
  339 +<!-- fixed="right"-->
  340 +<!-- label=""-->
  341 +<!-- width="120">-->
  342 +<!-- <template slot-scope="scope">-->
  343 +<!-- <el-button-->
  344 +<!-- size="small" plain-->
  345 +<!-- type="warning"-->
  346 +<!-- @click="">订舱</el-button>-->
  347 +<!-- </template>-->
  348 +<!-- </el-table-column>-->
  349 +<!-- </el-table>-->
  350 +<!-- </el-tab-pane>-->
  351 +<!-- <el-tab-pane label="上海">-->
  352 +<!-- <el-table-->
  353 +<!-- :data="tableData8"-->
  354 +<!-- style="width: 100%">-->
  355 +<!-- <el-table-column-->
  356 +<!-- prop="airLine"-->
  357 +<!-- label="航行路线">-->
  358 +<!-- </el-table-column>-->
  359 +<!-- <el-table-column-->
  360 +<!-- prop="transportLimitation"-->
  361 +<!-- label="运输时效">-->
  362 +<!-- </el-table-column>-->
  363 +<!-- <el-table-column-->
  364 +<!-- prop="deliveryAddress"-->
  365 +<!-- label="交货地">-->
  366 +<!-- </el-table-column>-->
  367 +<!-- <el-table-column-->
  368 +<!-- prop="flightCycle"-->
  369 +<!-- label="航班周期">-->
  370 +<!-- </el-table-column>-->
  371 +<!-- <el-table-column-->
  372 +<!-- fixed="right"-->
  373 +<!-- label=""-->
  374 +<!-- width="120">-->
  375 +<!-- <template slot-scope="scope">-->
  376 +<!-- <el-button-->
  377 +<!-- size="small" plain-->
  378 +<!-- type="warning"-->
  379 +<!-- @click="">订舱</el-button>-->
  380 +<!-- </template>-->
  381 +<!-- </el-table-column>-->
  382 +<!-- </el-table>-->
  383 +<!-- </el-tab-pane>-->
  384 +<!-- <el-tab-pane label="深圳">-->
  385 +<!-- <el-table-->
  386 +<!-- :data="tableData9"-->
  387 +<!-- style="width: 100%">-->
  388 +<!-- <el-table-column-->
  389 +<!-- prop="airLine"-->
  390 +<!-- label="航行路线">-->
  391 +<!-- </el-table-column>-->
  392 +<!-- <el-table-column-->
  393 +<!-- prop="transportLimitation"-->
  394 +<!-- label="运输时效">-->
  395 +<!-- </el-table-column>-->
  396 +<!-- <el-table-column-->
  397 +<!-- prop="deliveryAddress"-->
  398 +<!-- label="交货地">-->
  399 +<!-- </el-table-column>-->
  400 +<!-- <el-table-column-->
  401 +<!-- prop="flightCycle"-->
  402 +<!-- label="航班周期">-->
  403 +<!-- </el-table-column>-->
  404 +<!-- <el-table-column-->
  405 +<!-- fixed="right"-->
  406 +<!-- label=""-->
  407 +<!-- width="120">-->
  408 +<!-- <template slot-scope="scope">-->
  409 +<!-- <el-button-->
  410 +<!-- size="small" plain-->
  411 +<!-- type="warning"-->
  412 +<!-- @click="">订舱</el-button>-->
  413 +<!-- </template>-->
  414 +<!-- </el-table-column>-->
  415 +<!-- </el-table>-->
  416 +<!-- </el-tab-pane>-->
  417 +<!-- <el-tab-pane label="广州">-->
  418 +<!-- <el-table-->
  419 +<!-- :data="tableData10"-->
  420 +<!-- style="width: 100%">-->
  421 +<!-- <el-table-column-->
  422 +<!-- prop="airLine"-->
  423 +<!-- label="航行路线">-->
  424 +<!-- </el-table-column>-->
  425 +<!-- <el-table-column-->
  426 +<!-- prop="transportLimitation"-->
  427 +<!-- label="运输时效">-->
  428 +<!-- </el-table-column>-->
  429 +<!-- <el-table-column-->
  430 +<!-- prop="deliveryAddress"-->
  431 +<!-- label="交货地">-->
  432 +<!-- </el-table-column>-->
  433 +<!-- <el-table-column-->
  434 +<!-- prop="flightCycle"-->
  435 +<!-- label="航班周期">-->
  436 +<!-- </el-table-column>-->
  437 +<!-- <el-table-column-->
  438 +<!-- fixed="right"-->
  439 +<!-- label=""-->
  440 +<!-- width="120">-->
  441 +<!-- <template slot-scope="scope">-->
  442 +<!-- <el-button-->
  443 +<!-- size="small" plain-->
  444 +<!-- type="warning"-->
  445 +<!-- @click="">订舱</el-button>-->
  446 +<!-- </template>-->
  447 +<!-- </el-table-column>-->
  448 +<!-- </el-table>-->
  449 +<!-- </el-tab-pane>-->
  450 +<!-- <el-tab-pane label="宁波">-->
  451 +<!-- <el-table-->
  452 +<!-- :data="tableData11"-->
  453 +<!-- style="width: 100%">-->
  454 +<!-- <el-table-column-->
  455 +<!-- prop="airLine"-->
  456 +<!-- label="航行路线">-->
  457 +<!-- </el-table-column>-->
  458 +<!-- <el-table-column-->
  459 +<!-- prop="transportLimitation"-->
  460 +<!-- label="运输时效">-->
  461 +<!-- </el-table-column>-->
  462 +<!-- <el-table-column-->
  463 +<!-- prop="deliveryAddress"-->
  464 +<!-- label="交货地">-->
  465 +<!-- </el-table-column>-->
  466 +<!-- <el-table-column-->
  467 +<!-- prop="flightCycle"-->
  468 +<!-- label="航班周期">-->
  469 +<!-- </el-table-column>-->
  470 +<!-- <el-table-column-->
  471 +<!-- fixed="right"-->
  472 +<!-- label=""-->
  473 +<!-- width="120">-->
  474 +<!-- <template slot-scope="scope">-->
  475 +<!-- <el-button-->
  476 +<!-- size="small" plain-->
  477 +<!-- type="warning"-->
  478 +<!-- @click="">订舱</el-button>-->
  479 +<!-- </template>-->
  480 +<!-- </el-table-column>-->
  481 +<!-- </el-table>-->
  482 +<!-- </el-tab-pane>-->
  483 +<!-- </el-tabs>-->
  484 +<!-- </el-col>-->
  485 +<!-- </el-row>-->
  486 +<!--&lt;!&ndash; 查询工具&ndash;&gt;-->
  487 +<!-- <el-row style="background-color: #FFF;height: 180px;margin-top: 60px">-->
  488 +<!-- <el-col :span="24">-->
  489 +<!-- <el-tabs :tab-position="tabPositions" style="width: 80%;height: 280px;margin: 20px">-->
  490 +<!-- <el-tab-pane label="机场代码查询">-->
  491 +<!-- <span style="font-size: 25px">机场代码查询</span>-->
  492 +<!-- <span style="font-size: 15px">（收录2016年IATA最新机场三字代码、城市三字代码。）</span>-->
  493 +<!-- <el-input v-model="input" placeholder="请输入内容"></el-input>-->
  494 +<!-- </el-tab-pane>-->
  495 +<!-- <el-tab-pane label="商品编码查询">-->
  496 +<!-- <span style="font-size: 25px">商品编码查询</span>-->
  497 +<!-- <span style="font-size: 15px">（提供海关HScode编码、对应税率、申报要素查询服务，根据海关最新政策实时更新。）</span>-->
  498 +<!-- <el-input v-model="input" placeholder="请输入内容"></el-input>-->
  499 +<!-- </el-tab-pane>-->
  500 +<!-- <el-tab-pane label="全球港口查询">-->
  501 +<!-- <span style="font-size: 25px">全球港口查询</span>-->
  502 +<!-- <span style="font-size: 15px">（收录2016年IATA最新机场三字代码、城市三字代码。）</span>-->
  503 +<!-- <el-input v-model="input" placeholder="请输入内容"></el-input>-->
  504 +<!-- </el-tab-pane>-->
  505 +<!-- <el-tab-pane label="空运货物查询">-->
  506 +<!-- <span style="font-size: 25px">空运货物查询</span>-->
  507 +<!-- <span style="font-size: 15px">（提供世界各国航空公司货物追踪、货物查询服务，实时追踪最新货况。）</span>-->
  508 +<!-- <el-input v-model="input" placeholder="请输入内容"></el-input>-->
  509 +<!-- </el-tab-pane>-->
  510 +<!-- <el-tab-pane label="快件跟踪查询">-->
  511 +<!-- <span style="font-size: 25px">快件跟踪查询</span>-->
  512 +<!-- <span style="font-size: 15px"></span>-->
  513 +<!-- <el-input v-model="input" placeholder="请输入内容"></el-input>-->
  514 +<!-- </el-tab-pane>-->
  515 +<!-- </el-tabs>-->
  516 +<!-- </el-col>-->
  517 +<!-- </el-row>-->
  518 +<!-- </el-main>-->
  519 +<!-- </el-container>-->
  520 +<!-- </div>-->
  521 +<!--</template>-->
522 522
523 -<script>  
524 - export default { 523 +<!--<script>-->
  524 +<!-- export default {-->
525 525
526 - data() {  
527 - return {  
528 - // 空运查询  
529 - form: {  
530 - airLine:undefined,  
531 - originStation:undefined,  
532 - deliveryAddress:undefined,  
533 - weight:undefined,  
534 - },  
535 - // 优价航线表格  
536 - tableData:[  
537 - {  
538 - airLine:'CGO-LUX',  
539 - transportLimitation:'2021-01-17-01-00',  
540 - deliveryAddress:'LUX',  
541 - flightCycle:'2',  
542 - transportPrice:'180',  
543 - }  
544 - ], 526 +<!-- data() {-->
  527 +<!-- return {-->
  528 +<!-- // 空运查询-->
  529 +<!-- form: {-->
  530 +<!-- airLine:undefined,-->
  531 +<!-- originStation:undefined,-->
  532 +<!-- deliveryAddress:undefined,-->
  533 +<!-- weight:undefined,-->
  534 +<!-- },-->
  535 +<!-- // 优价航线表格-->
  536 +<!-- tableData:[-->
  537 +<!-- {-->
  538 +<!-- airLine:'CGO-LUX',-->
  539 +<!-- transportLimitation:'2021-01-17-01-00',-->
  540 +<!-- deliveryAddress:'LUX',-->
  541 +<!-- flightCycle:'2',-->
  542 +<!-- transportPrice:'180',-->
  543 +<!-- }-->
  544 +<!-- ],-->
545 545
546 - // 热门航线表格  
547 - tableData1:[  
548 - {  
549 - airLine:'CGO-LUX',  
550 - transportLimitation:'2021-01-17-01-00',  
551 - deliveryAddress:'LUX',  
552 - flightCycle:'2',  
553 - transportPrice:'180',  
554 - }  
555 - ],  
556 - tableData2:[  
557 - {  
558 - airLine:'LUX-CGO',  
559 - transportLimitation:'2021-01-18-12-00 ',  
560 - deliveryAddress:'CGO ',  
561 - flightCycle:'2',  
562 - transportPrice:'180',  
563 - }  
564 - ],  
565 - tableData3:[  
566 - {  
567 - airLine:'CGO-LUX',  
568 - transportLimitation:'2021-01-17-01-00',  
569 - deliveryAddress:'LUX',  
570 - flightCycle:'2',  
571 - transportPrice:'180',  
572 - }  
573 - ],  
574 - tableData4:[],  
575 - tableData5:[],  
576 - tableData6:[],  
577 - // 热门港口表格  
578 - tableData7:[],  
579 - tableData8:[],  
580 - tableData9:[],  
581 - tableData10:[],  
582 - tableData11:[], 546 +<!-- // 热门航线表格-->
  547 +<!-- tableData1:[-->
  548 +<!-- {-->
  549 +<!-- airLine:'CGO-LUX',-->
  550 +<!-- transportLimitation:'2021-01-17-01-00',-->
  551 +<!-- deliveryAddress:'LUX',-->
  552 +<!-- flightCycle:'2',-->
  553 +<!-- transportPrice:'180',-->
  554 +<!-- }-->
  555 +<!-- ],-->
  556 +<!-- tableData2:[-->
  557 +<!-- {-->
  558 +<!-- airLine:'LUX-CGO',-->
  559 +<!-- transportLimitation:'2021-01-18-12-00 ',-->
  560 +<!-- deliveryAddress:'CGO ',-->
  561 +<!-- flightCycle:'2',-->
  562 +<!-- transportPrice:'180',-->
  563 +<!-- }-->
  564 +<!-- ],-->
  565 +<!-- tableData3:[-->
  566 +<!-- {-->
  567 +<!-- airLine:'CGO-LUX',-->
  568 +<!-- transportLimitation:'2021-01-17-01-00',-->
  569 +<!-- deliveryAddress:'LUX',-->
  570 +<!-- flightCycle:'2',-->
  571 +<!-- transportPrice:'180',-->
  572 +<!-- }-->
  573 +<!-- ],-->
  574 +<!-- tableData4:[],-->
  575 +<!-- tableData5:[],-->
  576 +<!-- tableData6:[],-->
  577 +<!-- // 热门港口表格-->
  578 +<!-- tableData7:[],-->
  579 +<!-- tableData8:[],-->
  580 +<!-- tableData9:[],-->
  581 +<!-- tableData10:[],-->
  582 +<!-- tableData11:[],-->
583 583
584 - tabPosition: 'left',  
585 - tabPositions: 'bottom',  
586 - }  
587 - },  
588 - methods: {  
589 - headClass () {  
590 - return 'text-align: center;background:#F5F5F5;'  
591 - },  
592 - rowClass () {  
593 - return 'text-align: center;background:#F5F5F5;'  
594 - },  
595 - open() {  
596 - this.$alert('确认订舱？', '', {  
597 - confirmButtonText: '确定',  
598 - callback: action => {  
599 - this.$message({  
600 - type: 'info',  
601 - message: `action: ${ action }`  
602 - });  
603 - }  
604 - });  
605 - }  
606 - },  
607 - }  
608 -</script> 584 +<!-- tabPosition: 'left',-->
  585 +<!-- tabPositions: 'bottom',-->
  586 +<!-- }-->
  587 +<!-- },-->
  588 +<!-- methods: {-->
  589 +<!-- headClass () {-->
  590 +<!-- return 'text-align: center;background:#F5F5F5;'-->
  591 +<!-- },-->
  592 +<!-- rowClass () {-->
  593 +<!-- return 'text-align: center;background:#F5F5F5;'-->
  594 +<!-- },-->
  595 +<!-- open() {-->
  596 +<!-- this.$alert('确认订舱？', '', {-->
  597 +<!-- confirmButtonText: '确定',-->
  598 +<!-- callback: action => {-->
  599 +<!-- this.$message({-->
  600 +<!-- type: 'info',-->
  601 +<!-- message: `action: ${ action }`-->
  602 +<!-- });-->
  603 +<!-- }-->
  604 +<!-- });-->
  605 +<!-- }-->
  606 +<!-- },-->
  607 +<!-- }-->
  608 +<!--</script>-->
609 609
610 -<style scoped>  
611 - .bg{  
612 - background-color: #F2F2F2;  
613 - width: 100%;  
614 - height: 850px;  
615 - overflow: auto; 610 +<!--<style scoped>-->
  611 +<!-- .bg{-->
  612 +<!-- background-color: #F2F2F2;-->
  613 +<!-- width: 100%;-->
  614 +<!-- height: 850px;-->
  615 +<!-- overflow: auto;-->
616 616
617 - }  
618 - .header{  
619 - font-size: 20px;  
620 - line-height: 120px;  
621 - color:#FFF;  
622 - }  
623 - .el-header{  
624 - background-color: #29A1F7;  
625 - }  
626 - .el-tabs{  
627 - width: 250px;  
628 - }  
629 - .el-menu{  
630 - background-color: #29A1F7;  
631 - font-size: 20px;  
632 - border-bottom-color: #29A1F7;  
633 - }  
634 -</style> 617 +<!-- }-->
  618 +<!-- .header{-->
  619 +<!-- font-size: 20px;-->
  620 +<!-- line-height: 120px;-->
  621 +<!-- color:#FFF;-->
  622 +<!-- }-->
  623 +<!-- .el-header{-->
  624 +<!-- background-color: #29A1F7;-->
  625 +<!-- }-->
  626 +<!-- .el-tabs{-->
  627 +<!-- width: 250px;-->
  628 +<!-- }-->
  629 +<!-- .el-menu{-->
  630 +<!-- background-color: #29A1F7;-->
  631 +<!-- font-size: 20px;-->
  632 +<!-- border-bottom-color: #29A1F7;-->
  633 +<!-- }-->
  634 +<!--</style>-->
1 <template> 1 <template>
2 <div class="app-content"> 2 <div class="app-content">
3 <!--<div class="app-container">--> 3 <!--<div class="app-container">-->
4 - <div class="filter-container">  
5 - <el-input v-model="listQuery.flightNo" clearable style="width: 270px;" class="filter-item" 4 + <div class="filter-container" style="margin-top: 50px">
  5 + <el-input v-model="listQuery.flightNo" clearable style="width: 270px;margin-right: 10px" class="filter-item"
6 placeholder="航班号"/> 6 placeholder="航班号"/>
7 - <el-date-picker v-model="listQuery.flightDate" clearable type="date" style="width: 270px;" 7 + <el-date-picker v-model="listQuery.flightDate" clearable type="date" style="width: 270px;margin-right: 50px"
8 placeholder="航班日期" 8 placeholder="航班日期"
9 class="filter-item" value-format="yyyy-MM-dd"></el-date-picker> 9 class="filter-item" value-format="yyyy-MM-dd"></el-date-picker>
10 - <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> 10 + <el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="handleSearch">查询</el-button>
11 </div> 11 </div>
12 - <el-table :data="flightData" v-loading="listLoading" stripe style="font-size: 14px" border>  
13 - <el-table-column label="航班号" width="180px" align="center"> 12 + <el-table :data="flightData" v-loading="listLoading" stripe
  13 + style="border-radius: 10px 10px 0px 0px;line-height: 25px;" stripe
  14 + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small" border>
  15 + <el-table-column label="航班号" width="200px" align="center">
14 <template slot-scope="scope"> 16 <template slot-scope="scope">
15 <span>{{ scope.row.carrier }}{{ scope.row.flightno }}</span> 17 <span>{{ scope.row.carrier }}{{ scope.row.flightno }}</span>
16 </template> 18 </template>
17 </el-table-column> 19 </el-table-column>
18 - <el-table-column label="航班日期" width="190px" align="center"> 20 + <el-table-column label="航班日期" width="250px" align="center">
19 <template slot-scope="scope"> 21 <template slot-scope="scope">
20 <i class="el-icon-time"></i> 22 <i class="el-icon-time"></i>
21 <span>{{ scope.row.flightdate }}</span> 23 <span>{{ scope.row.flightdate }}</span>
22 </template> 24 </template>
23 </el-table-column> 25 </el-table-column>
24 - <el-table-column label="始发站" width="160px" align="center"> 26 + <el-table-column label="始发站" width="200px" align="center">
25 <template slot-scope="scope"> 27 <template slot-scope="scope">
26 <span>{{ scope.row.originstation }}</span> 28 <span>{{ scope.row.originstation }}</span>
27 </template> 29 </template>
28 </el-table-column> 30 </el-table-column>
29 - <el-table-column label="目的站" width="160px" align="center"> 31 + <el-table-column label="目的站" width="200px" align="center">
30 <template slot-scope="scope"> 32 <template slot-scope="scope">
31 <span>{{ scope.row.destinationstation }}</span> 33 <span>{{ scope.row.destinationstation }}</span>
32 </template> 34 </template>
33 </el-table-column> 35 </el-table-column>
34 - <el-table-column label="操作" width="400px" align="center" fixed="right"> 36 + <el-table-column label="操作" align="center" fixed="right">
35 <template slot-scope="scope"> 37 <template slot-scope="scope">
36 <el-button type="primary" size="mini" @click="handlePre(scope.row)">预配舱单</el-button> 38 <el-button type="primary" size="mini" @click="handlePre(scope.row)">预配舱单</el-button>
37 - <el-button type="primary" size="mini" @click="handleArrive(scope.row)">出港运抵</el-button>  
38 - <el-button type="primary" size="mini" @click="handleLoading(scope.row)">装载舱单</el-button>  
39 - <el-button type="primary" size="mini" @click="handleTidy(scope.row)">出港理货</el-button> 39 + <el-button type="success" size="mini" @click="handleArrive(scope.row)">出港运抵</el-button>
  40 + <el-button type="warning" size="mini" @click="handleLoading(scope.row)">装载舱单</el-button>
  41 + <el-button type="danger" size="mini" @click="handleTidy(scope.row)">出港理货</el-button>
40 </template> 42 </template>
41 </el-table-column> 43 </el-table-column>
42 </el-table> 44 </el-table>
@@ -270,6 +270,9 @@ @@ -270,6 +270,9 @@
270 } 270 }
271 .app-content{ 271 .app-content{
272 margin-top: 20px; 272 margin-top: 20px;
  273 + width: 100%;
  274 + height: 850px;
  275 + overflow: auto;
273 } 276 }
274 .midSpan{ 277 .midSpan{
275 margin-bottom: 10px; 278 margin-bottom: 10px;
@@ -131,7 +131,7 @@ @@ -131,7 +131,7 @@
131 <template slot-scope="scope" > 131 <template slot-scope="scope" >
132 <el-row> 132 <el-row>
133 <el-col :span="5" style="margin-right: 10px"> 133 <el-col :span="5" style="margin-right: 10px">
134 - <el-button type="warning" icon="el-icon-view" size="mini"@click="handleSend(scope.row)">收发明细</el-button> 134 + <el-button type="warning" icon="el-icon-view" size="mini" @click="handleSend(scope.row)">收发明细</el-button>
135 </el-col> 135 </el-col>
136 <el-col :span="4" style="margin-right: 30px"> 136 <el-col :span="4" style="margin-right: 30px">
137 <el-button type="primary" icon="el-icon-edit" style="width: 100px" size="mini" @click="handleEdit(scope.row)" >编辑</el-button> 137 <el-button type="primary" icon="el-icon-edit" style="width: 100px" size="mini" @click="handleEdit(scope.row)" >编辑</el-button>