航班可视化HTML,全部航班.html

该内容描述了一个航班信息管理系统,包括航班的计划、实际动态、延误、取消等状态,并详细规定了不同状态下的时间展示规则。用户可以通过点击航班信息跳转至详细页面,系统还提供了日期选择、场站筛选等功能,便于用户查询和管理飞行任务。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



全部航班

$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };

$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };

$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };

u490.png

u2001.png

JD5181

B8463

(A32)

航段信息

u555.png

北京

杭州

12:30

14:50

-:-   预计

-:-  预计

(sch)

(hgh)

u573.png

取消

全航程:北京-天津-上海

前段航班:

jd8563

u583.png

计划

计划

u589.png

JD5181

B8463

(A32)

航段信息

u555.png

北京

杭州

12:30

14:50

-:-   预计

-:-  预计

(sch)

(hgh)

u573.png

取消

全航程:北京-天津-上海

前段航班:

jd8563

u583.png

计划

计划

u589.png

JD5181

B8463

(A32)

航段信息

u555.png

北京

杭州

12:30

14:50

(sch)

(hgh)

u573.png

到达

全航程:北京-天津-上海

前段航班:

jd8563

u583.png

计划

计划

u589.png

13:30

实际

14:50

实际

JD5181

B8463

(A32)

航段信息

u555.png

北京

杭州

12:30

14:50

(sch)

(hgh)

u573.png

延误

全航程:北京-天津-上海

前段航班:

jd8563

u583.png

预计

预计

12:20

12:20

计划

计划

u589.png

JD5181

B8463

(A32)

航段信息

u555.png

12:30

14:50

(sch)

(hgh)

u573.png

起飞

全航程:北京-天津-上海

前段航班:

jd8563

u583.png

实际

预计

12:20

计划

12:20

计划

u589.png

JD5181

B8463

(A32)

航段信息

u555.png

北京

杭州

12:30

14:50

(sch)

(hgh)

u573.png

落地

全航程:北京-天津-上海

前段航班:

jd8563

u583.png

实际

预计

12:20

计划

12:20

计划

u589.png

JD5181

B8463

(A32)

航段信息

u555.png

北京

杭州

12:30

14:50

(sch)

(hgh)

u573.png

推出

全航程:北京-天津-上海

前段航班:

jd8563

u583.png

预计

预计

12:20

计划

12:20

计划

u589.png

JD5181

B8463

(A32)

航段信息

u555.png

北京

杭州

12:30

14:50

-:-   预计

-:-  预计

(sch)

(hgh)

u573.png

计划

全航程:北京-天津-上海

前段航班:

jd8563

u583.png

计划

计划

u589.png

JD5181

B8463

(A32)

航段信息

u555.png

北京

杭州

12:30

14:50

-:-   预计

-:-  预计

(sch)

(hgh)

u573.png

计划

全航程:北京-天津-上海

前段航班:

jd8563

u583.png

计划

计划

杭州

北京

(sch)

(hgh)

u904.png

到达

u9447.png

12:30

14:50

计划

计划

13:30

实际

14:50

实际

按照计划起飞时间正序排序

2016-04-05

全部场站

起飞(dep)

u9482.png

u9482.png

u9482.png

航班列表

用户点击航段信息跳转至航段信息页面

用户点击前航班cell、下拉展开查看前航班的信息。

展现此日期下此用户完成的飞行任务的航班信息,用户点击整个cell跳转至航班详情页面。

数据分别为:航班号、飞机号、飞机机型、出发地简称(三字吗)、计划起飞时间、目的地简称(三字吗)

航班动态状态编码、全航程信息(如果全航程数据、出现三个地点信息数据则需要展现全航程、展现数据格式为城市-城市-城市,

如果地点信息为两个则不展示。)

展现时间规则:根据航班动态判断展现时间。

如果航班动态为计划(sch)展示计划起飞落地时间并放大展示、预计起飞落地时间用-:-展示。

如果航班动态为推出(atd)展示计划起飞落地时间、预计起飞落地时间并放大展示。

如果航班动态为起飞(dep)展示计划起飞落地时间、实际起飞时间和预计落地时间并放大展示。

如果航班动态为落地(arr)展示计划起飞落地时间、实际起飞时间和实际落地时间并放大展示。

如果航班动态为到达(ata)展示计划起飞落地时间、实际起飞落地时间并放大展示。

如果航班动态为返航(rtr)展示计划起飞落地时间、实际起飞时间和实际落地时间并放大展示。

如果航班动态为延误(del)展示计划起飞落地时间、预计起飞落地时间用红色字体并放大展示内容。航班条并标注为红色。

如果航班动态为取消(del)展示计划起飞落地时间用不明显的颜色区分以上航班(不是关注的重点)

每个航班数据需判断legNo是否等于150,如果等于150则需展现表明此航班为备降状态航班。    

需判断起飞时间和落地时间是否相隔1天、如果相隔一天则需在放大的时间后面展示后面显示+1。

如果起飞落地时间相隔两天则需显示+2。

如果没有前航班数据如何展示?(则不进行展示。)

u411.png

1

u411.png

1

u411.png

2

u411.png

3

u411.png

2

u411.png

3

u411.png

4

u411.png

5

u411.png

6

u411.png

4

u411.png

5

用户点击日期可下拉弹出日历的选择。

用户点击场站,从下方弹出选择场站页面。

用户点击航班动态的筛选、下拉弹出所筛选选项。

一键复制

编辑

Web IDE

原始数据

按行查看

历史

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值