Light12306/Web12306/index.html

1213 lines
38 KiB
HTML
Raw Normal View History

2014-05-05 19:34:47 +08:00
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
2014-05-16 20:10:45 +08:00
<title>12306订票助手</title>
2014-09-02 15:35:51 +08:00
<link rel="stylesheet" type="text/css" href="css/index.css?$BUILD_DATE$">
2014-05-05 19:34:47 +08:00
</head>
<body>
<div class="wrap">
<header class="header-bar">
2014-11-21 20:32:36 +08:00
<div class="header-back"></div>
2014-05-05 19:34:47 +08:00
<div class="logo"><img src="images/logo.png" alt="" /></div>
<nav>
<ul class="user-nav">
<li class="selected">
2014-08-20 20:58:24 +08:00
<a href="/">
<i class="icon icon-index"></i>
<p>抢票首页</p>
</a>
2014-05-05 19:34:47 +08:00
</li>
<li>
2014-05-16 20:10:45 +08:00
<a href="https://kyfw.12306.cn/otn/queryOrder/init" target="_blank">
<i class="icon icon-order"></i>
<p>我的订单</p>
</a>
2014-05-05 19:34:47 +08:00
</li>
<li>
2014-05-16 20:10:45 +08:00
<a href="https://kyfw.12306.cn/otn/" target="_blank">
<i class="icon icon-12306"></i>
<p>访问12306</p>
</a>
2014-05-05 19:34:47 +08:00
</li>
<li>
<i class="icon icon-user"></i>
<div class="user-nav-user">
未登录
</div>
<dl class="user-nav-menu">
<dd>
2014-05-29 19:41:38 +08:00
<a href="javascript:;" id="acc_login" class="non-login">登录账号</a>
<a href="https://kyfw.12306.cn/otn/regist/init" target="_blank" class="non-login">注册新账号</a>
<a href="https://kyfw.12306.cn/otn/forgetPassword/initforgetMyPassword" target="_blank" class="non-login">忘记密码</a>
<a href="javascript:;" id="acc_logout" class="user-logined">退出账号</a>
2014-05-05 19:34:47 +08:00
</dd>
</dl>
</li>
2014-08-30 01:32:27 +08:00
<li>
<a id="index-tip-body" href="javascript:;">
<i class="icon icon-tips"><span class="order-num">1</span></i>
<p>系统通知</p>
</a>
2014-09-10 11:03:37 +08:00
<section class="search-tips-container"></section>
2014-08-30 01:32:27 +08:00
</li>
2014-05-05 19:34:47 +08:00
</ul>
</nav>
</header>
2014-08-30 01:32:27 +08:00
<section id="selltime_tip">
2014-09-11 22:19:33 +08:00
<script id="selltime_tip_tpl" type="text/x-dot-template">
2014-08-30 01:32:27 +08:00
<li>
<p>车票起售时间</p>
</li>
2014-09-10 21:49:46 +08:00
{{~it:v:i}}
{{if(!v)continue;}}
<li>
<p>{{=v.name}}</p>
<time>{{=v.time}}</time>
2014-08-30 01:32:27 +08:00
</li>
2014-09-10 21:49:46 +08:00
{{~}}
</script>
2014-09-16 21:40:29 +08:00
<ul></ul>
2014-08-30 01:32:27 +08:00
</section>
2014-07-31 21:30:48 +08:00
<article>
2014-08-19 21:33:26 +08:00
<script id="search_tips_template" type="text/x-dot-template">
{{~it:s:i}}
<header>
{{!s.title}}
{{?i==0}}
<i class="fa fa-times fr"></i>
{{?}}
</header>
<div>
{{!s.text}}
</div>
{{~}}
</script>
2014-05-05 19:34:47 +08:00
<!-- 搜索输入框 -->
<div class="search-box pr">
2014-08-30 01:32:27 +08:00
<div class="search-tips cl">
2014-09-03 23:20:12 +08:00
<div class="order-tips"></div>
<button id="swDnsSpeeding" class="button button-default button-mini">启用加速</button>
2014-09-01 20:24:57 +08:00
<div class="net-tips">
2014-09-03 23:20:12 +08:00
正在使用服务器:<strong>默认服务器</strong> (延迟:<strong></strong>)
2014-09-01 20:24:57 +08:00
</div>
2014-05-05 19:34:47 +08:00
</div>
<!-- form -->
<div class="search-form-wrap">
2014-07-29 21:19:06 +08:00
<ul class="search-form">
<li>
<label class="label-desc">出发城市</label>
2014-08-30 01:32:27 +08:00
<input required="" class="search-form-city ui-cityselector" id="from_city" autocomplete="off" type="text" name="from_city" placeholder="请填写出发城市" />
2014-07-29 21:19:06 +08:00
</li>
<li class="transfer-city">
<div class="transfer-city-btn"></div>
</li>
<li>
<label class="label-desc">到达城市</label>
2014-08-30 01:32:27 +08:00
<input class="search-form-city ui-cityselector" id="to_city" autocomplete="off" type="text" name="to_city" placeholder="请填写到达城市" />
2014-07-29 21:19:06 +08:00
</li>
<li class="select-date">
<label class="label-desc">乘车日期</label>
2014-08-30 01:32:27 +08:00
<input required="" class="search-form-date ui-date" data-profile-key="depDate" type="text" name="dep_date" id="dep_date" placeholder="请选择乘车日期" />
2014-07-29 21:19:06 +08:00
</li>
<li>
<div class="identity fl">
<label><input type="radio" name="ticket_type" value="0" checked="checked" id="ticket_type_common" />普通</label>
<label><input type="radio" name="ticket_type" value="1" id="ticket_type_stu" />学生</label>
</div>
</li>
<li>
<input class="submit-btn" id="btnQuery" type="button" value="查询余票" />
</li>
</ul>
2014-08-30 01:32:27 +08:00
<a class="search-more-option" href="javascript:;">
隐藏更多选项
</a>
2014-07-29 21:19:06 +08:00
<ul class="search-traintypes">
2014-08-19 23:29:14 +08:00
<li>
<label>
<input type="checkbox" value="" id="" />
全选
</label>
</li>
2014-07-29 21:19:06 +08:00
<li>
<label>
<input type="checkbox" value="G" id="" />
高铁(G)
</label>
</li>
<li>
<label>
<input type="checkbox" value="D" id="" />
动车(D)
</label>
</li>
<li>
<label>
<input type="checkbox" value="C" id="" />
城铁(C)
</label>
</li>
<li>
<label>
<input type="checkbox" value="Z" id="" />
直达(Z)
</label>
</li>
<li>
<label>
<input type="checkbox" value="T" id="" />
特快(T)
</label>
</li>
<li>
<label>
<input type="checkbox" value="K" id="" />
快车(K)
</label>
</li>
<li>
<label>
<input type="checkbox" value="1" id="" />
普快
</label>
</li>
<li>
<label>
<input type="checkbox" value="0" id="" />
其它
</label>
</li>
</ul>
2014-05-05 19:34:47 +08:00
</div>
</div>
2014-08-05 20:54:33 +08:00
<section id="book_sell_tip">
<header>
预售提醒
2014-08-06 20:56:47 +08:00
<a href="javascript:;">
2014-08-05 20:54:33 +08:00
<i class="fa fa-times"></i>
关闭
2014-08-06 20:56:47 +08:00
</a>
2014-08-05 20:54:33 +08:00
</header>
<div>
2014-12-01 21:50:08 +08:00
<p><time></time><span></span> 起售日期为<time></time><time></time>),建议<a href="javascript:;" class="act-openalarm">开启提醒</a></p>
2014-08-27 23:05:50 +08:00
<p>高峰期预售期可能有变动或增开临客因此预售期会有变动详情请密切留意12306公告。</p>
2014-08-05 20:54:33 +08:00
</div>
<footer>
2014-08-27 23:05:50 +08:00
<button class="button button-primary button-mini act-openalarm">
2014-08-05 20:54:33 +08:00
<i class="fa fa-check"></i>
开启提醒
</button>
</footer>
</section>
2014-05-05 19:34:47 +08:00
<!-- 其他设置条件 -->
<div class="options-param">
2014-07-08 20:11:31 +08:00
<dl class="cl offset-parent">
2014-05-29 19:41:38 +08:00
<dt>指定坐席:</dt>
2014-05-05 19:34:47 +08:00
<dd class="options-seat-type">
2014-07-11 18:34:59 +08:00
<script type="text/x-dot-template">
<ul>{{~it.order:seat:i}}<li data-code="{{=seat}}" class="{{=it.isRecommand(seat)?' recommand':''}} {{=it.isSelected(seat)?'recommand':''}}"><label><input type="checkbox" value="{{=seat}}" /> {{=it.getName(seat)}}</label></li>{{~}}</ul>
</script>
2014-07-08 20:11:31 +08:00
<script type="text/x-dot-template">
{{~it.order:seat:i}}
2014-07-29 21:19:06 +08:00
<span class="optional-block" data-code="{{=seat}}"> {{=it.getName(seat)}}<span class="close">x</span></span>{{~}}
2014-07-08 20:11:31 +08:00
</script>
<label><input type="text" class="options-input" id="travel-seat-select" placeholder="添加想要的席别" readonly="readonly" /></label>
2014-05-05 19:34:47 +08:00
</dd>
</dl>
<dl class="cl">
<dt>添加车次:</dt>
2014-07-08 20:11:31 +08:00
<dd class="options-train-selectorwarp">
<label><input type="text" class="options-input" placeholder="请选择或直接输入" /></label>
<script type="text/x-dot-template">
{{~it:t:i}}
<tr data-id="{{=t.id}}">
<td>{{=t.code}}</td>
<td>{{=t.from.name}}</td>
<td>{{=t.from.time}}</td>
<td>{{=t.to.name}}</td>
<td>{{=t.to.time}}</td>
<td>{{=t.elapsedTime.total.replace(':',"小时")}}分</td>
</tr>
{{~}}
</script>
<script type="text/x-dot-template">
{{~it:t:i}}
<span class="optional-block" data-code="{{=t}}">{{=t}}<span class="close">x</span></span>
{{~}}
</script>
2014-07-29 21:19:06 +08:00
<script type="text/x-dot-template">
2014-08-19 23:29:14 +08:00
按类型添加:
2014-07-29 21:19:06 +08:00
{{for(var i in it){}}
<a href="javascript:;" class="options-seat-type-advlink">{{=i}}</a>
{{}}}
2014-08-20 20:58:24 +08:00
2014-07-29 21:19:06 +08:00
</script>
2014-07-08 20:11:31 +08:00
<div>
<table>
2014-07-29 21:19:06 +08:00
<tr><td colspan="6"></td></tr>
2014-07-08 20:11:31 +08:00
<tr>
<th>车次</th>
<th>发站</th>
<th>发时</th>
<th>到站</th>
<th>到时</th>
<th>历时</th>
</tr>
<tr>
<td colspan="6">
<i class="fa fa-spin fa-spinner"></i>
正在查询中,请稍等...
</td>
</tr>
<tr>
2014-08-20 20:58:24 +08:00
<td colspan="6">
<i class="fa fa-times"></i>
请先设置站点和日期信息,再重新查询。
</td>
2014-07-08 20:11:31 +08:00
<tr>
<td colspan="6">
<i class="fa fa-times"></i>
车次查询失败,或没有查到任何车次。
</td>
</tr>
</table>
</div>
2014-05-05 19:34:47 +08:00
</dd>
</dl>
<dl class="cl offset-parent">
<dt>添加乘客:</dt>
<dd>
<div class="passenger-selector-wrap">
<label>
<input type="text" class="options-input" id="passenger-selector-id" placeholder="添加联系人..." />
</label>
<section class="passenger-selector">
<div class="passenger-search cl">
<div class="fl fa fa-plus passenger-selector-add"></div>
<div class="fr fa fa-search offset-parent">
<input type="text" id="passenger-selector-key" value="" placeholder="输入姓名/拼音/证件号搜索..." class="passenger-search-key" />
</div>
</div>
2014-07-08 20:11:31 +08:00
<div class="loading-indicator">
<i class="fa fa-spinner fa-spin"></i>
联系人正在加载中...
</div>
<div class="empty-indicator">
2014-07-31 21:30:48 +08:00
没有可选择的联系人。<br />
需要登录后才可查看联系人。
2014-07-08 20:11:31 +08:00
</div>
<script type="text/x-dot-template">
{{~it:p:i}}
<li data-id="{{!p.key}}" class="{{=ext.isSelected(p)?'selected':''}}">
{{!p.passenger_name}}
{{=p.passenger_type=="2"?"(儿童)":p.passenger_type=="3"?"(学生)":p.passenger_type=="4"?"(残军)":""}}
</li>
{{~}}
</script>
2014-08-26 21:29:58 +08:00
<div>
<button class="passenger-selector-add">
<i class="fa fa-plus"></i> 添加联系人
</button>
<button class="passenger-selector-refresh">
<i class="fa fa-refresh"></i> 刷新列表
</button>
</div>
2014-07-08 20:11:31 +08:00
<ul class="cl"></ul>
2014-08-30 01:32:27 +08:00
<div class="passenger-notverified">
<a href="https://kyfw.12306.cn/otn/passengers/init" target="_blank">
<i class="fa fa-exclamation-triangle"></i>
已隐藏未通过12306实名认证的联系人
</a>
</div>
2014-08-13 00:14:00 +08:00
<div class="passenger-selector-editor">
2014-08-20 20:58:24 +08:00
<label>
<input type="checkbox" data-profile-key="partialSubmitEnabled" value="1" id="" />
2014-08-26 21:29:58 +08:00
部分提交联系人
2014-08-20 20:58:24 +08:00
</label>
2014-09-01 20:24:57 +08:00
<label>
<input type="checkbox" data-profile-key="submitStuAsCommon" value="1" id="" />
为学生提交成人票
</label>
2014-08-13 00:14:00 +08:00
</div>
2014-05-05 19:34:47 +08:00
<div class="passenger-pager">
<button class="passenger-pager-prev" disabled="disabled">上一页</button>
<button class="passenger-pager-next">下一页</button>
</div>
</section>
</div>
2014-07-08 20:11:31 +08:00
<script type="text/x-dot-template">
{{~it:p:i}}
2014-08-05 20:54:33 +08:00
<span class="optional-block" data-id="{{!p.key}}">{{!p.passenger_name}}{{=p.passenger_type=="2"?"(儿童)":p.passenger_type=="3"?"(学生)":p.passenger_type=="4"?"(残军)":""}}<span class="close">x</span></span>
2014-07-08 20:11:31 +08:00
{{~}}
</script>
2014-05-05 19:34:47 +08:00
</dd>
</dl>
2014-07-11 18:34:59 +08:00
<dl class="cl">
<dt>备选日期:</dt>
<dd id="date_loop_editor">
2014-08-19 23:29:14 +08:00
<label><input type="text" class="options-input ui-date" readonly="readonly" data-keepopen="true" placeholder="请选择备选日期" /></label>
2014-07-11 18:34:59 +08:00
<script type="text/x-dot-template">
{{~it:d:i}}
<span class="optional-block" data-date="{{=d}}">{{=d}}<span class="close">x</span></span>
{{~}}
</script>
</dd>
</dl>
<dl class="cl">
<dt>更多选项:</dt>
<dd class="param-array">
<p>
<label>
<input type="checkbox" data-profile-key="hideNoTicket" value="1" id="" />
隐藏无票车次
</label>
<label>
<input type="checkbox" data-profile-key="hideNotInListTrain" value="1" id="" />
2014-08-30 01:32:27 +08:00
隐藏未选车次
2014-07-11 18:34:59 +08:00
</label>
<label>
<input type="checkbox" data-profile-key="autoWaitToSell" value="1" id="" />
自动等待起售
</label>
<label>
<input type="checkbox" data-profile-key="tryBottomSeat" value="1" id="" />
尝试预定下铺
</label>
<label>
<input type="checkbox" data-profile-key="selectSeatFirst" value="1" id="" />
席别优先
</label>
<label>
<input type="checkbox" data-profile-key="autoSubmitEnabled" value="1" id="" />
自动提交
</label>
<label>
2014-08-20 20:58:24 +08:00
刷新间隔
<input type="number" data-profile-key="autoRefreshDelay" min="1" max="30" value="5" id="" title="两次自动刷新之间的时间间隔,不建议过短" />
2014-07-11 18:34:59 +08:00
</label>
</p>
</dd>
</dl>
2014-05-05 19:34:47 +08:00
<div class="split"></div>
<dl class="cl">
<dt>出行计划:</dt>
<dd>
<div class="travel-theme-wrap">
<label><input type="text" class="options-input" id="travel-theme-select" placeholder="出行计划" readonly="readonly" /></label>
<section>
2014-07-04 20:57:57 +08:00
<script type="text/x-dot-template">
{{~it:t:i}}
<li class="{{=t.selected?'selected':''}}" data-name="{{!t.name||'undefined'}}">
{{!t.name||'未知'}}
2014-05-05 19:34:47 +08:00
<i class="fa fa-times"></i>
</li>
2014-07-04 20:57:57 +08:00
{{~}}
</script>
<ul></ul>
2014-05-05 19:34:47 +08:00
<button class="button button-primary button-block" id="btn-save-travel-theme">
<i class="fa fa-save"></i>
保存当前查询为出行计划
</button>
</section>
</div>
</dd>
</dl>
<button id="btnResetOptions" class="button button-default">重置选项</button>
</div>
2014-07-31 21:30:48 +08:00
<!-- 搜索结果 -->
<section id="suggestion">
2014-08-01 21:54:26 +08:00
<header>
<a href="javascript:;">
<i class="fa fa-times"></i>
关闭
</a>
2014-09-10 11:03:37 +08:00
2014-08-01 21:54:26 +08:00
</header>
2014-08-30 01:32:27 +08:00
<script type="text/x-dot-template" id="train_suggestion">
<table>
<tbody>
{{?it.available&&it.available.length}}
<tr>
<th colspan="4">由于过路站因素您选择的站点暂时无票,订票助手已为您跨站查出以下线路有票,推荐您考虑购买</th>
</tr>
{{~it.available:l:li}}
{{~l.train:t:index}}
{{var line=_.findWhere(l.lines, {trainCode:t.code});}}
<tr class="{{=t.selected?'selected':''}}">
{{?index==0}}
<td class="train-linename" rowspan="{{=l.train.length}}">
<span>{{!l.fromText}}</span>
<span>{{!l.toText}}</span>
</td>
{{?}}
<td class="train-num">
<p>{{=t.code}}</p>
<a class="train-station-type" href="javascript:;" data-id="{{=t.id}}" data-from="{{=t.from.code}}" data-to="{{=t.to.code}}" data-date="{{=t.date}}">经停站</a>
</td>
<td class="train-extraprice">
{{?line&&line.isCrossDate}}<span title="此列车跨天,购买此站车票需要将购票时间提前一天">[跨天]</span>{{?}}
{{?!line}}
<p class="notavailable">暂时没有<br />加价信息</p>
{{??}}
<p>{{=ext.getOriginalDepInfo(line.trainCode)}}</p>
<p>需加价约 <span>{{=line.radio}}%</span></p>
{{?}}
</td>
<td class="train-seats">
{{var hasSeat=false;}}
{{~ext.param.seatDisplayOrder:code:cindex}}
{{
var t1=t.ticketMap[code];
if(!t1||!t1.count) continue;
hasSeat=true;
}}
<a href="javascript:void(0);" class="ticket-block {{=it.selectedSeats[code]?'ticket-block-selected':''}}" data-suggest="1" data-traincode="{{=t.id}}" data-seatcode="{{=code}}" data-sec="{{=t.secureStr}}">
<p><span>{{=t1.name}}</span></p>
<p class="row2">
<span class="ticket-num">{{=(t1.count?t1.count+"张":"无票")}} </span>
2015-02-08 23:31:05 +08:00
{{?t1.price>0.01}}<span>¥{{=t1.price/10}}</span>{{?}}
2014-08-30 01:32:27 +08:00
</p>
</a>
{{~}}
</td>
</tr>
{{~}}
{{~}}
{{??it.suggest&&it.suggest.length}}
<tr>
<th colspan="4">您选择的线路暂时无票,订票助手正在后台为您监控以下跨站票</th>
</tr>
{{~it.suggest:l:li}}
<tr>
<td class="train-list">
{{?l.isCrossDate}}<span title="此列车跨天,购买此站车票需要将购票时间提前一天">[跨天]</span>{{?}}
<span>{{!l.fromText}}</span>
<span>{{!l.toText}}</span>
可选择车次 <span>{{=_.pluck(l.lines, "trainCode").join("</span><span>")}}</span>
</td>
<td class="train-extraprice" style="width:140px;">
需加价约 <span>{{=l.lines[0].radio}}%</span>
</td>
<td class="train-action" style="width:190px;">
<i class="fa fa-spin fa-circle-o-notch" style="margin-right:5px;"></i>
暂时无票,正在监控
</td>
</tr>
{{~}}
{{?}}
</tbody>
</table>
</script>
<div style="display:block;" class="result">
2014-08-01 21:54:26 +08:00
</div>
2014-08-30 01:32:27 +08:00
<footer>
2014-09-05 18:34:16 +08:00
<strong>提示:</strong> 跨站购票需要换取纸票,通过人工检票后在您原来的<span></span>站上车、<span></span>站下车,发车时间以<span></span>站发车时间为准。
2014-08-30 01:32:27 +08:00
</footer>
2014-07-31 21:30:48 +08:00
</section>
2014-12-02 22:53:57 +08:00
<!--一次中转-->
<section id="oncetrainsit">
<header>
<a href="javascript:;">
<i class="fa fa-times"></i>
关闭
</a>
中转查询
</header>
<table>
<tr class="header">
<th colspan="5">前车信息</th>
<th colspan="5">后车信息</th>
<th>时间</th>
</tr>
<tr class="sub recommand">
<th rowspan="2">K656</th>
<th>北京</th>
<th rowspan="2">
<i class="fa fa-arrow-circle-right"></i>
</th>
<th>南京</th>
<th rowspan="2">
历时
<br />
10:00
</th>
<th rowspan="2">K656</th>
<th>北京</th>
<th rowspan="2">
<i class="fa fa-arrow-circle-right"></i>
</th>
<th>南京</th>
<th rowspan="2">
历时
<br />
10:00
</th>
<th>总历时 24:00</th>
</tr>
<tr class="recommand">
<th>10:00</th>
<th>13:00</th>
<th>3:00</th>
<th>16:00</th>
<th>等候 2:00</th>
</tr>
<tr class="ticket-container">
<td colspan="5">
<button class="button button-default">
二等座 768张 ¥768.00
</button>
</td>
<td colspan="5">
<button class="button button-default">
二等座 768张 ¥768.00
</button>
</td>
<td class="remark">
<span>需要换车站</span>
</td>
</tr>
</table>
<footer>
<button type="button" class="button button-default">
<i class="fa fa-angle-double-up"></i>
显示更多中转线路
</button>
<button type="button" class="button button-default">
<i class="fa fa-angle-double-up"></i>
显示全部中转线路
</button>
</footer>
</section>
2014-05-05 19:34:47 +08:00
<!-- 月日期选择 -->
<div class="date-bar-wrap">
<div class="date-bar-prev fl">
<span class="arrow-left"></span>
</div>
<div class="date-bar fl">
<script type="text/x-dot-template" id="datebar-template">
{{~it:d:i}}
<li data-date="{{=d.datecode}}" class="{{=d.selected?'selected':''}}{{=d.disabled?' disabled':''}}">
<h5>{{=d.date}}</h5>
<span>{{=d.name}}</span>
2014-05-05 19:34:47 +08:00
</li>
{{~}}
</script>
<ul class="date-bar-list"></ul>
2014-05-05 19:34:47 +08:00
</div>
<div class="date-bar-next fl">
<span class="arrow-right"></span>
</div>
</div>
2014-06-20 20:55:14 +08:00
<div class="result" id="result">
2014-05-05 19:34:47 +08:00
</div>
2014-07-31 21:30:48 +08:00
</article>
2014-05-05 19:34:47 +08:00
</div>
2014-06-20 20:55:14 +08:00
<script type="text/x-dot-template" id="train_table">
2014-07-11 18:34:59 +08:00
<table class="{{?it.inAutoRefresh}}auto-refresh{{?}}">
2014-08-30 01:32:27 +08:00
<tr>
<th style="width:110px;">车次</th>
<th style="width:140px;">发/到时间</th>
<th style="width:130px;">发/到站</th>
<th>余票信息</th>
</tr>
2014-12-02 22:53:57 +08:00
{{?!it.auto&&it.enableAuto&&!it.notInSellTime}}
2014-08-30 01:32:27 +08:00
<tr class="train-needauto" style='{{=it.inAutoRefresh?"display:none;":""}}'>
<td colspan="4">
没有符合要求的车次和席别
<button type="button" class="button button-primary" id="btn_start_autorefresh">
<i class="fa fa-refresh"></i>
&nbsp;
开始刷票
</button>
</td>
</tr>
2014-12-02 22:53:57 +08:00
{{??!it.inAutoRefresh&&!it.notInSellTime}}
2014-09-10 11:03:37 +08:00
<tr class="train-autotip">
<td colspan="4">
点击“显示更多选项”并设置您需要的席别和车次以开启刷票模式。
</td>
</tr>
2014-08-30 01:32:27 +08:00
{{?}}
{{~it.available:t:index}}
<tr class="{{=t.selected?'selected':''}}">
<td class="train-num">
<p>{{=t.code}}</p>
<a class="train-station-type" href="javascript:;" data-id="{{=t.id}}" data-from="{{=t.from.code}}" data-to="{{=t.to.code}}" data-date="{{=t.date}}">经停站</a>
</td>
<td class="train-info">
<p>{{=t.from.time}}{{=t.to.time}}</p>
<p>历时{{=t.elapsedTime.total.replace(':',"小时")}}分</p>
</td>
<td class="train-city">
<p class="{{=t.from.endpoint?" start":""}}">{{=t.from.name}}</p>
<p class="{{=t.to.endpoint?" end":""}}">{{=t.to.name}}</p>
</td>
<td class="train-seats">
{{var hasSeat=false;}}
{{~ext.param.seatDisplayOrder:code:cindex}}
{{
var t1=t.ticketMap[code];
if(!t1||!t1.count) continue;
hasSeat=true;
}}
<a href="javascript:void(0);" class="ticket-block {{=it.selectedSeats[code]?'ticket-block-selected':''}}" data-traincode="{{=t.id}}" data-seatcode="{{=code}}">
<p><span>{{=t1.name}}</span></p>
<p class="row2">
<span class="ticket-num">{{=(t1.count?t1.count+"张":"无票")}} </span>
2015-02-08 23:31:05 +08:00
{{?t1.price>0.01}}<span>¥{{=t1.price/10}}</span>{{?}}
2014-08-30 01:32:27 +08:00
</p>
</a>
2014-07-08 20:11:31 +08:00
{{~}}
2014-08-30 01:32:27 +08:00
{{?(t.available==0||t.available==-1)&&!hasSeat}}
{{?t.selltime}}
<span class="train-notontime">{{=ext.utility.formatSellDate(t.selltime)}} 起售</span>
{{??t.limitSellInfo}}
<span class="train-limitsell">本车次{{!t.limitSellInfo}}</span>
{{??}}
2014-09-18 21:20:31 +08:00
<span class="train-notsell">本车次暂无可售车票</span>
2014-08-30 01:32:27 +08:00
{{?}}
{{?? t.available==-2}}
<span class="train-notselect">本车次不在您的选择列表中</span>
{{?}}
</td>
{{~}}
{{?!it.original||!it.original.length}}
<tr class="train-empty">
<td colspan="4">
2014-12-02 22:53:57 +08:00
{{?it.notInSellTime}}
您所选的日期不在预售期内
{{??}}
2014-08-30 01:32:27 +08:00
没有查询到车次,请更换条件或时间试试..
2014-12-02 22:53:57 +08:00
{{?}}
2014-08-30 01:32:27 +08:00
</td>
</tr>
{{??!it.available||!it.available.length}}
<tr class="train-empty">
<td colspan="4">
所有车次均不符合您设置的条件被过滤,请调整您的查询设置或更改条件。
</td>
</tr>
{{?}}
2014-06-20 20:55:14 +08:00
</table>
</script>
2014-05-05 19:34:47 +08:00
<article id="save-travel-method" class="float-dialog">
<header>
新建出行计划
<i class="fa fa-times cancel-button"></i>
</header>
<section>
<form>
2014-08-30 01:32:27 +08:00
<p>您可以将当前的查询选项保存为出行计划,下一次就不用麻烦的重新填写啦,直接选择即可。</p>
2014-07-04 20:57:57 +08:00
<input type="text" value="" id="" maxlength="10" class="text text-block" placeholder="请输入出行模式名称" />
2014-05-05 19:34:47 +08:00
</form>
</section>
<footer data-col="2">
<button class="button button-default cancel-button">
<i class="fa fa-ban"></i>
&nbsp;&nbsp;&nbsp;&nbsp;
</button>
<button class="button button-primary">
<i class="fa fa-save"></i>
&nbsp;&nbsp;&nbsp;&nbsp;
</button>
</footer>
</article>
2014-07-01 20:07:44 +08:00
<script type="text/x-dot-template" id="train_stops_template">
{{~it:item:i}}
<tr class="{{=item.isEnabled?" ":" disabled"}}">
<td>{{!item.station_name}}</td>
<td>{{=item.arrive_time}}</td>
<td>{{=item.start_time}}</td>
<td>{{=item.stopover_time}}</td>
</tr>
{{~}}
</script>
2014-05-05 19:34:47 +08:00
<table id="train-stops">
<tr>
2014-07-01 20:07:44 +08:00
<th>站名</th>
<th>到达</th>
<th>发车</th>
<th>停留</th>
2014-05-05 19:34:47 +08:00
</tr>
2014-07-01 20:07:44 +08:00
<tr class="train-stops-loading">
<td colspan="5">
<i class="fa fa-spin fa-spinner"></i>
正在查询中,请稍等...
</td>
2014-05-05 19:34:47 +08:00
</tr>
2014-07-01 20:07:44 +08:00
<tr class="train-stops-failed">
<td colspan="5">
<i class="fa fa-times"></i>
查询失败
</td>
2014-05-05 19:34:47 +08:00
</tr>
</table>
<section id="user-login-dialog" class="float-dialog">
<header>
<span></span>
<i class="fa fa-times cancel-button"></i>
</header>
<div class="login-info">
<input type="text" value="" placeholder="请输入12306账号" />
<input type="password" value="" id="" placeholder="请输入登录密码" />
2014-06-12 21:36:05 +08:00
<a href="https://kyfw.12306.cn/otn/forgetPassword/initforgetMyPassword" target="_blank" class="help-link">忘记密码</a>
2014-05-05 19:34:47 +08:00
</div>
2014-06-12 21:36:05 +08:00
<div class="verify-code" data-target="login">
2014-05-05 19:34:47 +08:00
<input type="text" value="" id="" placeholder="验证码" />
<span></span>
2014-05-29 19:41:38 +08:00
<a href="javascript:;" class="refresh-vc">看不清?换一张</a>
2014-05-05 19:34:47 +08:00
</div>
<footer data-col="2">
<a class="button button-default" href="https://kyfw.12306.cn/otn/regist/init" target="_blank">
<i class="fa fa-user"></i>
注册账号
</a>
<button type="button" class="button button-primary">
<i class="fa fa-sign-in"></i>
登录账号
</button>
</footer>
</section>
<section id="ticket-submit-container" class="float-dialog" style="">
<div id="ticket-info">
<div class="banner">
<div class="time-info">
</div>
<div class="station-info"><span class="from-station"></span><span class="to-station"></span></div>
<div class="train-no">
</div>
2014-05-05 19:34:47 +08:00
</div>
<script id="ticket-passenger-template" type="text/x-dot-template">
{{~it:p:i}}
<tr>
<td>{{!p.passenger_name}}</td>
<td>{{=ext.param.passengerTypes[p.passenger_type]}}票</td>
<td>{{=ext.param.toSeatTypeName(p.seat)}}</td>
</tr>
{{~}}
</script>
<table class="ticket-passenger">
<tr>
<th>乘车人</th>
<th>票种</th>
<th>席别</th>
</tr>
</table>
2014-05-05 19:34:47 +08:00
</div>
<div id="ticket-submit-rings">
<span></span>
<span></span>
</div>
<div id="ticket-submit-info">
2014-07-01 20:07:44 +08:00
<section class="ticket-submit-info-vc">
<header>
提交订单
<i class="fa fa-times cancel-button"></i>
</header>
<p class="ticket-submit-vc verify-code" data-target="order">
<input type="text" value="" maxlength="4" id="" placeholder="验证码" />
<span></span>
2014-07-04 20:57:57 +08:00
<a href="javascript:;" class="refresh-vc">换一张</a>
2014-07-01 20:07:44 +08:00
</p>
<p class="ticket-submit-status">
<i class="fa fa-spin fa-spinner"></i>
<i class="fa fa-check"></i>
<i class="fa fa-times"></i>
<span></span>
</p>
<p class="ticket-submit-button">
<button class="button button-block button-primary button-large">
<i class="fa fa-check-square"></i>
提 交 订 单
</button>
</p>
</section>
<section class="ticket-submit-info-status-failed">
<header>
出票失败了...
2014-07-01 20:07:44 +08:00
<i class="fa fa-times cancel-button"></i>
</header>
<div>
<p>
<strong>12306返回信息</strong>
2014-07-01 20:07:44 +08:00
<span></span>
</p>
<p>
<strong>提示:</strong>
提示没有足够的票时,请尽量更换车次或席别,可能已经没票了。
2014-07-01 20:07:44 +08:00
</p>
</div>
<footer>
<button class="button button-primary">
<i class="fa fa-repeat"></i>
再提交试试
2014-07-01 20:07:44 +08:00
</button>
<button class="button button-default cancel-button">
<i class="fa fa-ban"></i>
取消订票
</button>
</footer>
</section>
<section class="ticket-submit-info-status-ok">
<header>
订 票 成 功
<i class="fa fa-times cancel-button"></i>
</header>
<div>
<p>
<strong>订单号:</strong>
<span></span>
</p>
<p>
<strong>提示</strong>
请尽快换取纸票,以免耽误行程。需要退改签时,请尽早办理,手续费会有差别。
<br />
如果席别不理想,请改签。改签只能改签一次。
</p>
</div>
<footer>
2014-08-30 01:32:27 +08:00
<a class="button button-primary" href="https://kyfw.12306.cn/otn/queryOrder/initNoComplete" target="_blank">
2014-07-01 20:07:44 +08:00
<i class="fa fa-credit-card"></i>
立刻付款
</a>
<a class="button button-default" href="#" id="lnkShareWb" target="_blank">
2014-07-01 20:07:44 +08:00
<i class="fa fa-weibo"></i>
微博炫耀
</a>
2014-07-01 20:07:44 +08:00
</footer>
</section>
2014-05-05 19:34:47 +08:00
</div>
</section>
2014-06-26 22:24:54 +08:00
<section id="float-passenger-selector" class="float-dialog">
<header>
选择乘车人
<i class="fa fa-times cancel-button"></i>
</header>
<section class="float-passenger-selector-list">
<div class="toolbar">
<label>搜索联系人</label>
<div class="text-input-wrap">
<input type="text" value="" id="" placeholder="在列表中搜索..." />
<i class="fa fa-search"></i>
</div>
2014-09-11 22:19:33 +08:00
<button class="button-toolbar" id="btnRefreshPassOrder">
<i class="fa fa-refresh"></i> 刷新列表
</button>
2014-06-26 22:24:54 +08:00
</div>
<script type="text/x-dot-template">
{{~it:p:i}}
<li data-name="{{!p.passenger_name}}" data-py="{{=p.first_letter}}" data-type="{{=p.passenger_type}}" data-idtype="{{=p.passenger_id_type_code}}" data-id="{{=p.passenger_id_no}}">
<label>
<input type="checkbox" value="" id="{{=p.key}}" />
{{!p.passenger_name}}
2014-08-01 21:54:26 +08:00
{{=p.passenger_type=="3"?"<span>(学生)</span>":p.passenger_type=="4"?"<span>(残军)</span>":""}}
2014-06-26 22:24:54 +08:00
</label>
</li>
{{~}}
</script>
<ul></ul>
</section>
<section class="float-passenger-selector-selected">
<script type="text/x-dot-template">
<li data-id="{{=it.key}}">
<span>
<i class="fa fa-times-circle"></i>
&nbsp;
{{!it.passenger_name}}
</span>
<select class="passenger-seat normal">
{{~it.seats:s:i}}
2014-09-10 11:03:37 +08:00
<option value="{{=s.code}}" {{=s.selected?"selected ='selected' ":" "}}>{{=s.name}}{{?s.price>0.01}}(¥{{=s.price/10}}元){{?}}</option>
2014-06-26 22:24:54 +08:00
{{~}}
</select>
<select class="passenger-type normal">
{{~it.ticketTypes:t:i}}
<option value="{{=t.id}}">{{=t.name}}</option>
{{~}}
</select>
{{?it.canAddChildren}}
<a href="javascript:;" class="add-child-ticket">
添加儿童票
</a>
{{?}}
</li>
</script>
<ul></ul>
</section>
<footer>
<a href="javascript:;" class="create-passenger" style="display:none;">添加联系人</a>
<button class="button button-primary">
<i class="fa fa-check-square"></i>
确认选择
</button>
</footer>
</section>
2014-07-11 18:34:59 +08:00
<article id="auto_refresh">
<div class="container-wrap">
2014-08-30 01:32:27 +08:00
<i class="ticket-logo"></i>
2014-07-11 18:34:59 +08:00
<section class="auto-refresh-info">
<p>
已刷新<span></span>次,用时<span></span><span></span>
</p>
<p>
<i class="fa fa-spin fa-spinner"></i>
2014-07-11 18:34:59 +08:00
距下次刷新还有 <span></span> 秒...
</p>
<p style="display:none;">
<i class="fa fa-spin fa-spinner"></i>
正在查询...
</p>
<p>
<label>
<input type="checkbox" data-option-key="soundPrompt" value="1" id="" />
有票时声音提醒
</label>
<button type="button" class="button button-default" id="btn_stop_sound" style="display:none;">
<i class="fa fa-stop"></i>
停止声音
</button>
</p>
</section>
2014-08-30 01:32:27 +08:00
<button type="button" class="button button-default" id="btn_stop_refresh">
<i class="fa fa-stop"></i>
停止刷票
</button>
2014-07-11 18:34:59 +08:00
</div>
</article>
<article id="music_controller">
<button type="button" class="button button-block button-large button-primary">
<i class="fa fa-stop"></i>
关闭音乐
</button>
</article>
2014-08-04 16:15:56 +08:00
<article id="chat">
2014-07-25 22:28:51 +08:00
<section id="chat_float_tip">
2014-08-13 00:14:00 +08:00
当前有 <span></span> 位票友正在聊天,快来加入吧!
2014-07-25 22:28:51 +08:00
</section>
2014-08-13 00:14:00 +08:00
<section id="chat_frame">
2014-07-25 22:28:51 +08:00
<header>
<i class="fa fa-users"></i>
聊天室
</header>
<section id="chat_server_select" class="chat-page">
<header>
<i class="fa fa-cube"></i>
亲,请选择房间
</header>
2014-08-13 00:14:00 +08:00
<script type="text/x-dot-template">
<h1>{{!it.category}}</h1>
2014-07-25 22:28:51 +08:00
<ul>
2014-08-13 00:14:00 +08:00
{{~it.list:s:i}}
2014-08-30 01:32:27 +08:00
<li data-id="{{!s.id}}" class="chat-server-status-{{!s.statusName}}">
2014-08-13 00:14:00 +08:00
{{!s.name}}
2014-08-30 01:32:27 +08:00
{{=s.statusName=="full"?"<em>(已满)</em>":s.statusName=='closed'?"<em>(已关闭)</em>":""}}
<span>({{=s.onlinecount+''}}人)</span>
2014-08-13 00:14:00 +08:00
</li>
{{~}}
2014-07-25 22:28:51 +08:00
</ul>
2014-08-13 00:14:00 +08:00
</script>
<article></article>
2014-07-25 22:28:51 +08:00
<footer>
<button type="button" class="button button-default">
<i class="fa fa-arrow-left"></i>
退出聊天
</button>
</footer>
</section>
2014-08-13 00:14:00 +08:00
<section id="chat_container" class="chat-page">
2014-07-25 22:28:51 +08:00
<header>
当前房间:
2014-08-14 21:33:47 +08:00
<span></span>
<span></span>
2014-07-25 22:28:51 +08:00
</header>
2014-08-14 21:33:47 +08:00
<script type="text/x-dot-template" id="chat_sys_alert">
2014-07-25 22:28:51 +08:00
<section class="chat-item chat-item-alert">
<i class="fa fa-exclamation-triangle"></i>
2014-09-13 03:44:02 +08:00
您已经进入了 <span>{{!it.name}}</span>,当前在线 <span class="chat-online-count">{{=it.onlinecount}}</span> 人。禁止出现任何推广信息。
</section>
<section class="chat-item chat-item-warning">
<i class="fa fa-exclamation-triangle"></i>
<strong>系统提醒:</strong>12306对过路站限售请尽量避免选择过路车尤其是直达/特快的过路车。放票时间12306频繁出错请耐心重试。无法提交订单是因为票不够请重试。放票是分批、随机的请多试试。
<br />
<strong>遇到问题反馈渠道:</strong>
<br />
2014-09-13 03:45:30 +08:00
<a href="http://bbs.liebao.cn/forum-2-1.html" target="_blank">猎豹论坛</a> | <a href="http://weibo.com/liebaocn" target="_blank">猎豹官微</a> | <a href="http://www.fishlee.net/about/" target="_blank">订票求助</a> | <a href="http://weibo.com/imcfish" target="_blank">木鱼微博</a>
2014-08-14 21:33:47 +08:00
</section>
<section class="chat-item chat-item-warning">
<i class="fa fa-exclamation-triangle"></i>
<strong>系统信息:</strong>聊天室将会从2014年9月22日起关闭。希望保持交流的票友同学请尽量加入 <a href="http://www.fishlee.net/about/" target="_blank">助手QQ群</a>。希望各位都能买到自己想要的车票!
</section>
2014-08-14 21:33:47 +08:00
</script>
<script type="text/x-dot-template" id="chat_connect_server">
<section class="chat-item chat-state chat-state-{{!it.state}}">
<i class="fa {{!it.stateIcon}}"></i>
{{!it.msg}}
2014-08-19 21:33:26 +08:00
{{=it.exinfo||""}}
2014-07-25 22:28:51 +08:00
</section>
2014-08-14 21:33:47 +08:00
</script>
2014-08-18 23:12:35 +08:00
<script type="text/x-dot-template" id="chat_msg_item">
2014-08-30 01:32:27 +08:00
<section class="chat-item {{=it.self?'chat-item-self':'chat-item-receive'}} {{=it.tome?'chat-item-target':''}} {{=it.secret?'chat-item-private':''}} {{=it.sys?'chat-item-system':''}}">
2014-07-25 22:28:51 +08:00
<header>
2014-08-18 23:12:35 +08:00
<span>
{{?it.self}}
<strong></strong>
{{??}}
<a href="javascript:;" class="chat-item-at" data-un="{{!it.from.username}}">{{!it.from.realname}}</a>
{{?}}
{{?it.target&&it.target.length}}
<em></em>
{{~it.target:t:i}}
{{?t.username}}
2014-09-10 21:49:46 +08:00
&nbsp;<a href="javascript:;" class="chat-item-at" data-un="{{!t.username}}">{{!t.realname}}</a>&nbsp;
2014-08-18 23:12:35 +08:00
{{??}}
2014-09-10 21:49:46 +08:00
<strong>&nbsp;&nbsp;</strong>
2014-08-18 23:12:35 +08:00
{{?}}
{{~}}
<em></em>
{{?}}
</span>
2014-07-25 22:28:51 +08:00
</header>
2014-08-18 23:12:35 +08:00
<time>{{!it.timeStr}}</time>
2014-07-25 22:28:51 +08:00
<section>
2014-08-18 23:12:35 +08:00
{{~it.items:item:idx}}
2014-09-16 21:40:29 +08:00
<div style="color:{{!item.color}};">
{{!item.text}}
</div>
{{~}}
{{~it.media:item:idx}}
{{?item.type==='image'}}
<img src="{{=item.data}}" />
{{?}}
2014-08-18 23:12:35 +08:00
{{~}}
2014-07-25 22:28:51 +08:00
</section>
</section>
2014-08-18 23:12:35 +08:00
</script>
2014-08-20 20:58:24 +08:00
<article class="chat-items"></article>
2014-07-25 22:28:51 +08:00
<section class="chat-editor">
<header>
2014-09-16 21:40:29 +08:00
<input type="color" value="" class="chat-editor-color" /><div class="editor-group"><input type="file" id="chat_file" accept="image/*" /><button type="button" class="chat-btn-pic"><i class="fa fa-image"></i></button></div><button type="button" class="chat-btn-cls">清屏</button>
2014-09-09 14:55:30 +08:00
<select><option value=''>插入表情字符</option></select>
2014-09-13 03:44:02 +08:00
<label>
<input type="checkbox" value="" id="btnAutoScroll" data-option-key="autoScroll" />
2014-09-16 21:40:29 +08:00
滚屏
2014-09-13 03:44:02 +08:00
</label>
2014-07-25 22:28:51 +08:00
</header>
2014-08-14 21:33:47 +08:00
<section contenteditable="true" class="chat-editor-container"></section>
2014-07-25 22:28:51 +08:00
<footer>
<button type="button" class="button button-default">
<i class="fa fa-arrow-left"></i>
退出聊天
</button>
<button type="button" class="button button-primary">
<i class="fa fa-send"></i>
发送信息
</button>
</footer>
</section>
</section>
</section>
</article>
2014-08-26 21:29:58 +08:00
<div class="modal-dialog">
<header><span></span><i class="fa fa-times close"></i></header>
<div>
</div>
<footer></footer>
</div>
<section id="passenger_editor">
<header>
基本信息
<span>
暂不支持学生票。如果联系人信息无法通过<a target="_blank" href="http://www.12306.cn/mormhweb/zxdt/201402/t20140223_1435.html">实名认证</a>,将无法订票。
</span>
</header>
<dl>
<dt>姓名:</dt>
<dd>
<input type="text" class="txt-input" value="" id="" />
</dd>
<dt>证件类型:</dt>
<dd>
<select class="normal">
<option value="1">
二代身份证
</option>
<option value="C">
港澳通行证
</option>
<option value="G">
台湾通行证
</option>
<option value="B">
护照
</option>
</select>
</dd>
<dt>证件号码:</dt>
<dd>
<input type="text" class="txt-input txt-input-block" value="" />
</dd>
<dt>乘客类型:</dt>
<dd>
<select class="pastype normal">
<option value="1">成人票</option>
<option value="2">儿童票</option>
<option value="4">残军票</option>
</select>
</dd>
</dl>
</section>
<section id="selltip_selection">
<ul>
<li>
<label>
<input type="checkbox" /> <strong>全部</strong><span></span>趟车
</label>
</li>
<li>
<label>
<input type="checkbox" /> <strong>高铁</strong><span></span>趟车下午2:00起售
</label>
</li>
<li>
<label>
<input type="checkbox" /> <strong>动车/城铁</strong><span></span>趟车上午11:00起售
</label>
</li>
<li>
<label>
<input type="checkbox" /> <strong>普通列车(K/T/Z/其它)</strong><span></span>趟车, <time></time>起售
</label>
</li>
</ul>
</section>
2014-09-03 23:20:12 +08:00
<section id="wx_sell_notification">
<div class="info">
<p class="title"><span>双重保险:</span>微信扫一扫</p>
<p class="desc">
<span>手机同步提醒</span>
抢票进度→
</p>
</div>
<img src="/images/wxqr.png" alt="" />
<span class="hand"></span>
<p class="code">
2015-02-08 23:31:05 +08:00
抢票提醒码:<span></span>
(关注微信后按提醒输入的哦)
2014-09-03 23:20:12 +08:00
</p>
</section>
2014-08-26 21:29:58 +08:00
<script src="js/modules/jquery/jquery.js"></script>
2014-05-05 19:34:47 +08:00
<script src="js/modules/underscore/underscore.js"></script>
2014-09-16 21:40:29 +08:00
<script src="js/modules/colorbox/jquery.colorbox.js"></script>
2014-06-20 20:55:14 +08:00
<script src="js/modules/doT.js"></script>
2014-06-26 22:24:54 +08:00
<script src="js/modules/seajs/sea.js"></script>
<script src="js/boot.js"></script>
2014-05-05 19:34:47 +08:00
</body>
</html>