131 lines
8.6 KiB
HTML
131 lines
8.6 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="query_page">
|
|
<div class="wrap" id="wrap">
|
|
<header class="header">
|
|
<div class="h_l"><a href="./" class="logo"></a></div>
|
|
<div class="h_r"> <a href="javascript:;" id="menu_btn"><i class="icon_user"></i></a> </div>
|
|
</header>
|
|
<div class="main">
|
|
<div class="box_insert">
|
|
<form id="query_form" action="">
|
|
<div class="station">
|
|
<div class="start_station">
|
|
<div class="station_t">出发</div>
|
|
<div class="station_city" id="startStation">出发站</div>
|
|
<input type="hidden" value="" name="startname" id="startStationName">
|
|
<input type="hidden" value="" name="startcode" id="startStationCode">
|
|
</div>
|
|
<div class="end_station">
|
|
<div class="station_t">到达</div>
|
|
<div class="station_city" id="endStation">到达站</div>
|
|
<input type="hidden" value="" name="endname" id="endStationName">
|
|
<input type="hidden" value="" name="endcode" id="endStationCode">
|
|
</div>
|
|
<span id="exchange"> <a href="javascript:;" class="icon_change"></a> </span></div>
|
|
<div class="form_line text_center"><a href="javascript:;" class="check_left pull_left" id="check_left"><i class="icon_left"></i></a><a href="javascript:;" class="check_right pull_right" id="check_right"><i class="icon_right"></i></a><span class="start_date" id="start_date">加载中</span>
|
|
<input type="hidden" name="start_date" id="start_date_val" value="">
|
|
</div>
|
|
<div class="form_line text_center" style="display:none;" id="ticket_type">
|
|
<label><input type="radio" value="1" checked="checked" name="type">普通票</label>
|
|
<label><input type="radio" value="2" name="type">学生票</label>
|
|
</div>
|
|
<div class="form_line"><a href="javascript:;" class="block text_center" id="open_filter"><span class="pull_right"><i class="icon_right"></i></span>选择条件：类型/席别/时段/车次</a></div>
|
|
<div class="form_btns">
|
|
<input type="hidden" name="filters" value="">
|
|
<button type="submit" id="btnLogin" class="btn btn_success btn_block btn_lg">查询</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="box">
|
|
<div class="his" id="hisQuery"></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>
|
|
<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></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 id="remind_btn" href="javascript:;">预售提醒</a></li>
|
|
<li><a href="order_list.html" class="checklogin" data-url="login.html?t=order_list" data-text="请登录后查看我的订单">我的订单</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>
|
|
<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>
|