Light12306/Mobile12306New/perfect.html
2014-08-21 18:09:14 +08:00

216 lines
9.4 KiB
HTML

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no, minimal-ui">
<meta name="format-detection" content="telephone=no">
<title>无标题文档</title>
<!-- <script src="https://kyfw.12306.cn/otn/resources/js/framework/station_name.js" type="text/javascript"></script> -->
<script src="http://app.fishlee.net/scripts/12306/query/station_name.js" type="text/javascript"></script>
<script src="js/favorite_name.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/css.css">
</head>
<body id="perfect_page">
<div class="wrap" id="wrap">
<header class="header">
<div class="h_l"><a href="javascript:;" data-fn="back"><i class="icon_back"></i></a></div>
<span class="h_t">预定车票</span>
</header>
<div class="main">
<div class="box"><div class="info">
<div class="info_title"><span class="pull_right">K2341</span><span>2014-8-6 星期三</span></div>
<div class="stations_info"><div class="station_info"><strong>北京</strong>00:47</div>
<div class="station_info"><strong>呼和浩特</strong>10:47</div></div>
</div></div>
<div class="passenger">
<ul class="passenger_list">
<li class="clearfix"><span class="pull_left"><strong>房祖名</strong>成人票<br>
421223198506217292</span><span class="pull_right">软卧312元&nbsp;<a href="#"><i class="icon_edit"></i></a></span></li>
</ul>
<a href="#" class="add_block">添加乘车人</a> </div>
<div class="box_insert">
<div class="form"><div class="form_line">
<label class="form_label">验证码</label>
<span class="form_cardimg"><img data-type="sjrand" id="randcodeimg" data-loading="images/loading.gif" src="images/loading.gif" alt="点击刷新验证码"></span>
<div class="ipt_wrap">
<input class="ipt" type="text" id="randcode" name="randcode" placeholder="不区分大小写" data-nostore="1" maxlength="4">
</div>
</div>
<div class="form_btns"><button type="submit" id="btnLogin" class="btn btn_success btn_block btn_lg">立即预订</button></div>
</div>
</div>
</div>
</div>
<div class="fixed_box" id="filter">
<header class="header">
<div class="h_l"><a href="javascript:;" id="filter_cancel">取消</a></div>
<span class="h_t">选择条件</span>
<div class="h_r"><a href="javascript:;" id="filter_ok">确定</a></div>
</header>
<form id="filter_form" action="">
<div class="form_title">选择类型</div>
<div class="box_insert query_box checks">
<label class="query_checkbox">
<input name="train_type" type="checkbox" checked value="all">
全选 </label>
<label class="query_checkbox query_checkbox2">
<input name="train_type" type="checkbox" checked value="G|C">
GC-高铁/城际 </label>
<label class="query_checkbox">
<input name="train_type" type="checkbox" checked value="D">
D-动车 </label>
<label class="query_checkbox">
<input name="train_type" type="checkbox" checked value="Z">
Z-直达 </label>
<label class="query_checkbox">
<input name="train_type" type="checkbox" checked value="T">
T-特快 </label>
<label class="query_checkbox">
<input name="train_type" type="checkbox" checked value="K">
K-快速 </label>
<label class="query_checkbox">
<input name="train_type" type="checkbox" checked value="L">
L-临客 </label>
<label class="query_checkbox">
<input name="train_type" type="checkbox" checked value="QT">
其它 </label>
</div>
<div class="form_title">选择席别</div>
<div class="box_insert query_box checks">
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="all">
全选</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="9">
商务座</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="P">
特等座</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="M">
一等座</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="O">
二等座</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="6">
高等软卧</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="4">
软卧</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="3">
硬卧</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="2">
软座</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="1">
硬座</label>
<label class="query_checkbox">
<input name="train_seat" type="checkbox" checked value="0">
无座</label>
</div>
<div class="form_title">选择时间段</div>
<div class="box_insert query_box">
<label class="query_bigcheck query_bigcheck_checked">
<input type="radio" name="timeslot" checked value="0">
<span class="bfont">全选</span></label>
<label class="query_bigcheck">
<input type="radio" name="timeslot" value="1">
<span>00:00<br>
~<br>
06:00</span></label>
<label class="query_bigcheck">
<input type="radio" name="timeslot" value="2">
<span>06:00<br>
~<br>
12:00</span></label>
<label class="query_bigcheck">
<input type="radio" name="timeslot" value="3">
<span>12:00<br>
~<br>
18:00</span></label>
<label class="query_bigcheck">
<input type="radio" name="timeslot" value="4">
<span>18:00<br>
~<br>
24:00</span></label>
</div>
<div class="form_title">预定车次</div>
</form>
</div>
<div class="fixed_box" id="date_box">
<header class="header"><span class="h_t">选择日期</span><!--<div class="h_r"><a href="javascript:;" id="date_sure"><i class="icon_sure"></i></a></div>--></header>
<div id="calendar"></div>
<div class="box">
<div><span class="label_sale">在售</span><span class="label_remind">可预约</span></div>
<div class="footer_tip">部分车次预售期特殊,请以售票时显示时间为准.</div>
</div>
</div>
<div class="top_menu" id="user_menu">
<ul class="link_list">
<li><a href="#">预售提醒</a></li>
<li><a href="#">我的订单</a></li>
<li><a href="/12306/login.html" data-fn="login" id="login">登录</a></li>
</ul>
</div>
<div class="bottom_tip" id="login_tip"><a href="/12306/login.html">登录可以提高抢票成功率!</a></div>
<div class="tip_small" id="date_tip"></div>
<!--<div class="fixed_box fixed_box_show" id="search_station">
<header class="header">
<div class="search_box"><a href="javascript:;" class="search_cancel">取消</a><div class="search_ipt"><input type="search" name="" placeholder="搜索车站" id="searchbox" class="search_input" autocomplete="off"><i class="icon_remove_s"></i></div></div>
</header>
<div class="form_title">热门站点</div>
<div class="box_insert"><ul class="station_list">
<li><a href="javascript:;">北京</a></li>
<li><a href="javascript:;">上海</a></li>
<li><a href="javascript:;">天津</a></li>
<li><a href="javascript:;">重庆</a></li>
<li><a href="javascript:;">长沙</a></li>
<li><a href="javascript:;">长春</a></li>
<li><a href="javascript:;">成都</a></li>
<li><a href="javascript:;">福州</a></li>
<li><a href="javascript:;">广州</a></li>
<li><a href="javascript:;">贵阳</a></li>
<li><a href="javascript:;">呼和浩特</a></li>
<li><a href="javascript:;">哈尔滨</a></li>
<li><a href="javascript:;">合肥</a></li>
<li><a href="javascript:;">杭州</a></li>
<li><a href="javascript:;">海口</a></li>
<li><a href="javascript:;">济南</a></li>
<li><a href="javascript:;">昆明</a></li>
<li><a href="javascript:;">拉萨</a></li>
<li><a href="javascript:;">兰州</a></li>
<li><a href="javascript:;">南宁</a></li>
<li><a href="javascript:;">南京</a></li>
<li><a href="javascript:;">南昌</a></li>
<li><a href="javascript:;">沈阳</a></li>
<li><a href="javascript:;">石家庄</a></li>
<li><a href="javascript:;">太原</a></li>
<li><a href="javascript:;">乌鲁木齐</a></li>
<li><a href="javascript:;">武汉</a></li>
<li><a href="javascript:;">西宁西</a></li>
<li><a href="javascript:;">西安</a></li>
<li><a href="javascript:;">银川</a></li>
<li><a href="javascript:;">郑州</a></li>
</ul></div>
</div>-->
<script src="js/fastclick.js"></script>
<script src="js/zepto.js"></script>
<script src="js/public.js"></script>
<script src="js/util.js"></script>
<script src="js/12306.js"></script>
<script src="js/LunarCalendar.js"></script>
<script src="js/date.js"></script>
<script src="js/check_station.js"></script>
<script src="js/login.js"></script>
<script src="js/query.js"></script>
<script src="js/run_query.js"></script>
<script src="js/perfect.js"></script>
<script src="js/init.js"></script>
<!--<script src="js/js.min.js"></script>-->
</body>
</html>