1、大类
image.png
2、AFTN
image.png
3、SITA
image.png
4、天气报文
image.png
5、明细
<html>
<div class="dropdown select_show open">
<button class="btn btn-default dropdown-toggle message_btn" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span class="message_type_title">AFTN报文列表</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu message_type" aria-labelledby="dropdownMenu1">
<li><a href="#" class="" data-val="all">全部</a></li>
<li>
<a href="#" class="active">AFTN报文列表</a>
<!--默认初始化显示AFTN报文列表-->
<div style="">
<ul class="message_type_list">
<!--FPL,CHG,CNL,DEP,ARR,DLA,CPL,EST,PLN-->
<li data-val="FPL"><span>FPL</span><span class="selected_type" style="display: none;"><i class="selected-icon"></i></span></li>
<li data-val="CHG" class="selected_active"><span>CHG</span><span class="selected_type" style="display: block;"><i class="selected-icon"></i></span></li>
<li data-val="CNL"><span>CNL</span><span class="selected_type" style="display: none;"><i class="selected-icon"></i></span></li>
<li data-val="DEP"><span>DEP</span><span class="selected_type" style="display: none;"><i class="selected-icon"></i></span></li>
<li data-val="ARR"><span>ARR</span><span class="selected_type" style="display: none;"><i class="selected-icon"></i></span></li>
<li data-val="DLA"><span>DLA</span><span class="selected_type" style="display: none;"><i class="selected-icon"></i></span></li>
<li data-val="CPL"><span>CPL</span><span class="selected_type" style="display: none;"><i class="selected-icon"></i></span></li>
<li data-val="EST"><span>EST</span><span class="selected_type" style="display: none;"><i class="selected-icon"></i></span></li>
<!--<li><label><input type="checkbox" checked/>FPL</label></li>
<li><label><input type="checkbox" checked/>CHG</label></li>
<li><label><input type="checkbox" checked/>CNL</label></li>
<li><label><input type="checkbox" checked/>DEP</label></li>
<li><label><input type="checkbox" checked/>ARR</label></li>
<li><label><input type="checkbox" checked/>DLA</label></li>
<li><label><input type="checkbox" checked/>CPL</label></li>
<li><label><input type="checkbox" checked/>EST</label></li>
<li><label><input type="checkbox" checked/>PLN</label></li>-->
</ul>
</div>
</li>
<li>
<a href="#">SITA报文列表
<!--<input type="checkbox" id="chElt"/><span id="mySpan">全选</span>-->
</a>
<div style="display: none">
<ul class="message_type_list">
<div class="sita">
<div class="sitaTitle"><input type="checkbox" class="sitaCheck" id="baggage">行李类</div>
<div class="sitaList" style="display: none">
<ul class="message_type_list">
<li data-val="LDM"><span>LDM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="BSM"><span>BSM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="BPM"><span>BPM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="BMM"><span>BMM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="BNS"><span>BNS</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="FWD"><span>FWD</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="OHD"><span>OHD</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="FOH"><span>FOH</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="ROH"><span>ROH</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="AHL"><span>AHL</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="CFI"><span>CFI</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="COH"><span>COH</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="DMG" style="border-bottom:none"><span>DMG</span><span class="selected_type"><i class="selected-icon"></i></span></li>
</ul>
</div>
</div>
<div class="sita">
<div class="sitaTitle"><input type="checkbox" class="sitaCheck" id="passengers">旅客类</div>
<div class="sitaList" style="display: none">
<ul class="message_type_list">
<li data-val="PNL"><span>PNL</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="PSM"><span>PSM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="PTM" style="border-bottom:none"><span>PTM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
</ul>
</div>
</div>
<div class="sita">
<div class="sitaTitle"><input type="checkbox" class="sitaCheck" id="goods">货运类</div>
<div class="sitaList" style="display: none">
<ul class="message_type_list">
<li data-val="FFM"><span>FFM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="FWB"><span>FWB</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="FHL"><span>FHL</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="FSU"><span>FSU</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="CPM"><span>CPM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="UCM"><span>UCM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="NFD"><span>NFD</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="RCF"><span>RCF</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="SCM" style="border-bottom:none"><span>SCM</span><span class="selected_type"><i class="selected-icon"></i></span></li>
</ul>
</div>
</div>
<div class="sita">
<div class="sitaTitle"><input type="checkbox" class="sitaCheck" id="plans">航班计划类</div>
<div class="sitaList" style="display: none">
<ul class="message_type_list">
<li data-val="PLN" style="border-bottom:none"><span>PLN</span><span class="selected_type"><i class="selected-icon"></i></span></li>
</ul>
</div>
</div>
<div class="sita">
<div class="sitaTitle"><input type="checkbox" class="sitaCheck" id="flights">航班动态类</div>
<div class="sitaList" style="display: none">
<ul class="message_type_list">
<li data-val="MVT" style="border-bottom:none"><span>MVT</span><span class="selected_type"><i class="selected-icon"></i></span></li>
</ul>
</div>
</div>
<!--<li data-val='PLN_'><span>PLN_</span><span class='selected_type'><i class='selected-icon'></i></span></li>-->
</ul>
</div>
</li>
<!--<li role="separator" class="divider"></li>-->
<li>
<a href="#">天气报文列表</a>
<div style="display: none">
<ul class="message_type_list">
<li data-val="METAR"><span>METAR</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="SPECI"><span>SPECI</span><span class="selected_type"><i class="selected-icon"></i></span></li>
<li data-val="TAF"><span>TAF</span><span class="selected_type"><i class="selected-icon"></i></span></li>
</ul>
</div>
</li>
</ul>
</div>
</html>
网友评论