138 lines
9.9 KiB
HTML
138 lines
9.9 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="js/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/min.css">
|
|
</head>
|
|
|
|
<body id="runquery_page">
|
|
<div class="wrap" id="wrap">
|
|
<form id="query_form" action="">
|
|
<header class="header">
|
|
<div class="h_l"><a href="javascript:;" data-fn="back"><i class="icon_back"></i></a></div>
|
|
<div class="station_title"><strong></strong><span></span></div>
|
|
<input type="hidden" value="" name="startname" id="startStationName">
|
|
<input type="hidden" value="" name="startcode" id="startStationCode">
|
|
<input type="hidden" value="" name="endname" id="endStationName">
|
|
<input type="hidden" value="" name="endcode" id="endStationCode">
|
|
<input type="hidden" value="" name="type">
|
|
<input type="hidden" name="filters" value="">
|
|
<div class="h_r"><a href="javascript:;" id="filter_btn">筛选</a></div>
|
|
</header>
|
|
<div class="date_title"><a href="javascript:;" class="prev_btn" id="check_left"><i class="icon_left"></i>前一天</a><a href="javascript:;" class="next_btn" id="check_right">后一天<i class="icon_right"></i></a><strong id="start_date"></strong><input type="hidden" name="start_date" id="start_date_val" value=""></div>
|
|
</form>
|
|
<div class="main">
|
|
<div class="train_list_box">
|
|
<div class="rf_train" id="refresh_train">
|
|
<div class="rf_icon"></div>
|
|
<div class="rf_text">
|
|
<div class="rf_title">暂时无票,正在努力抢票</div>
|
|
<div class="rf_desc">已刷 12 次，用时 1分7秒<br>距下次刷票还有 3.9 秒 ...</div>
|
|
</div>
|
|
<div class="form_line text_center" id="ticket_type">
|
|
<label><input type="checkbox" value="" checked name="autosubmit">自动提交</label>
|
|
<label><input type="checkbox" value="" checked name="type">有票声音提醒我</label>
|
|
</div>
|
|
<div class="rf_btn">
|
|
<a href="javascript:;" class="btn btn_gray" id="refresh_end">停止刷票</a>
|
|
</div>
|
|
</div>
|
|
<div id="autoTip" class="page_tip">
|
|
<p>暂时无票!<br>没有符合你要求的车次和席别</p>
|
|
<a href="javascript:;" id="autoTipBtn" class="btn btn_success">自动刷票</a>
|
|
</div>
|
|
<div id="noTicket" class="page_tip">
|
|
|
|
</div>
|
|
<div id="noLoginTip" class="page_tip">
|
|
<p>暂时无票!<br>登录后可以自动刷票</p>
|
|
<a href="login.html?t=run_query" id="autoTipBtn" class="btn btn_success">自动刷票</a>
|
|
</div>
|
|
<ul id="train_list" class="train_list">
|
|
</ul>
|
|
</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>
|
|
<div class="box_insert query_box"><div class="trains">
|
|
<div class="train_labels" id="train_labels"></div>
|
|
<a href="javascript:;" class="btn btn_block btn_success" id="train_filter"><span class="pull_right"><i class="icon_right"></i></span>选择车次</a></div></div>
|
|
<div class="form_title">乘车人</div>
|
|
<div class="box_insert query_box"><div class="trains">
|
|
<div class="train_labels" id="passenger_list"></div>
|
|
<a href="javascript:;" class="btn btn_block btn_success" id="check_passenger"><span class="pull_right"><i class="icon_right"></i></span>选择乘车人</a></div></div>
|
|
</form>
|
|
</div>
|
|
<div class="fixed_box" id="trains_box">
|
|
<header class="header"><span class="h_t">选择车次</span><div class="h_r"><a href="javascript:;" id="trains_ok">确定</a></div></header>
|
|
<div class="inner_box">
|
|
<div class="clearfix trains_title"><span class="pull_right">历时</span><span class="pull_left "><strong class="text_lg form_label text_left">车次</strong>发到站时间</span></div>
|
|
<ul class="link_list" id="trainList"></ul>
|
|
</div>
|
|
</div>
|
|
<div class="fixed_box" id="passenger">
|
|
<header class="header">
|
|
<span class="h_t">选择乘车人</span>
|
|
<div class="h_r"><a href="javascript:;" id="passenger_ok">确定</a></div>
|
|
</header>
|
|
<form id="passenger_form" action="">
|
|
<div class="box_insert query_box checks" id="passengers"></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="fixed_box" id="passed_info">
|
|
<header class="header"><div class="h_l"><a href="javascript:;"><i class="icon_back"></i></a></div><span class="h_t">车次详情</span></header>
|
|
<div class="passed_title"><span>车站</span><span>到达</span><span>发车</span><span>停留时间</span></div>
|
|
<ul class="passed_list" id="station_list">
|
|
<li class="passed_no"><span>安定</span><span>始发站</span><span>22:58</span><span>2分</span></li>
|
|
<li class="passed_no"><span>八达岭</span><span>01:00</span><span>01:58</span><span>2分</span></li>
|
|
<li class="passed_no"><span>北京</span><span>02:58</span><span>02:00</span><span>2分</span></li>
|
|
<li class="passed_start"><span>北京北</span><span>03:00</span><span>03:58</span><span>2分</span></li>
|
|
<li class="passed"><span>北京南</span><span>04:00</span><span>04:58</span><span>2分</span></li>
|
|
<li class="passed"><span>北京西</span><span>05:00</span><span>05:58</span><span>2分</span></li>
|
|
<li class="passed_end"><span>北宅</span><span>06:00</span><span>06:58</span><span>2分</span></li>
|
|
<li class="passed_after"><span>昌平</span><span>07:00</span><span>07:58</span><span>2分</span></li>
|
|
<li class="passed_after"><span>昌平北</span><span>08:00</span><span>08:58</span><span>2分</span></li>
|
|
<li class="passed_after"><span>大灰厂</span><span>09:00</span><span>09:58</span><span>2分</span></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>
|
|
<script src="js/js.min.js"></script>
|
|
<script>
|
|
var _hmt = _hmt || [];
|
|
(function() {
|
|
var hm = document.createElement("script");
|
|
hm.src = "//hm.baidu.com/hm.js?d91ca375b94c5b50139addcd9a9defd2";
|
|
var s = document.getElementsByTagName("script")[0];
|
|
s.parentNode.insertBefore(hm, s);
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|