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-05-05 19:34:47 +08:00
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/index.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="wrap">
|
|
|
|
|
<header class="header-bar">
|
|
|
|
|
<div class="logo"><img src="images/logo.png" alt="" /></div>
|
|
|
|
|
<nav>
|
|
|
|
|
<ul class="user-nav">
|
|
|
|
|
<li class="selected">
|
|
|
|
|
<i class="icon icon-index"></i>
|
|
|
|
|
<p>抢票首页</p>
|
|
|
|
|
</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>
|
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
</header>
|
|
|
|
|
<section>
|
|
|
|
|
<!-- 搜索输入框 -->
|
|
|
|
|
<div class="search-box pr">
|
|
|
|
|
<div class="search-box-l"></div>
|
|
|
|
|
<div class="search-box-r"></div>
|
|
|
|
|
<div class="icon search-box-hings-l"></div>
|
|
|
|
|
<div class="icon search-box-hings-r"></div>
|
|
|
|
|
<div class="icon search-tips cl">
|
|
|
|
|
<span class="net-tips">已分配到畅通的网络环境,为你提速80%:乌鲁木齐</span>
|
|
|
|
|
<span class="reset-btn">还原到默认</span>
|
2014-07-23 17:32:50 +08:00
|
|
|
|
<span class="order-tips"></span>
|
2014-06-12 21:36:05 +08:00
|
|
|
|
<span class="icon order-ring fr" id="index-tip-body"><span class="order-num">1</span></span>
|
2014-05-05 19:34:47 +08:00
|
|
|
|
<!--提示-->
|
|
|
|
|
<section class="search-tips-container">
|
|
|
|
|
<header>
|
|
|
|
|
重要提示
|
|
|
|
|
<i class="fa fa-times fr"></i>
|
|
|
|
|
</header>
|
|
|
|
|
<div>
|
|
|
|
|
铁道部的运营图有重要的调整,请注意查看网站通知
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- form -->
|
|
|
|
|
<div class="search-form-wrap">
|
|
|
|
|
<form method="" action="" id="J-search-form">
|
|
|
|
|
<ul class="search-form">
|
|
|
|
|
<li>
|
|
|
|
|
<label class="label-desc">出发城市</label>
|
2014-06-20 20:55:14 +08:00
|
|
|
|
<div class="input-wrap"><input class="search-form-city ui-cityselector" id="from_city" autocomplete="off" type="text" name="from_city" placeholder="请填写出发城市" /></div>
|
2014-05-05 19:34:47 +08:00
|
|
|
|
</li>
|
|
|
|
|
<li class="transfer-city">
|
|
|
|
|
<div class="transfer-city-btn"></div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<label class="label-desc">到达城市</label>
|
2014-06-20 20:55:14 +08:00
|
|
|
|
<div class="input-wrap"><input class="search-form-city ui-cityselector" id="to_city" autocomplete="off" type="text" name="to_city" placeholder="请填写到达城市" /></div>
|
2014-05-05 19:34:47 +08:00
|
|
|
|
</li>
|
|
|
|
|
<li class="select-date">
|
|
|
|
|
<label class="label-desc">乘车日期</label>
|
2014-06-20 20:55:14 +08:00
|
|
|
|
<div class="input-wrap"><input class="search-form-date ui-date" data-profile-key="depDate" type="text" name="dep_date" id="dep_date" placeholder="请选择乘车日期" /></div>
|
2014-05-05 19:34:47 +08:00
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="identity fl">
|
2014-07-02 18:43:28 +08:00
|
|
|
|
<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>
|
2014-05-05 19:34:47 +08:00
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
2014-06-20 20:55:14 +08:00
|
|
|
|
<input class="submit-btn" id="btnQuery" type="button" value="查询余票" />
|
2014-05-05 19:34:47 +08:00
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</form>
|
|
|
|
|
<a class="search-more-option" href="javascript:;">
|
|
|
|
|
隐藏更多选项
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 其他设置条件 -->
|
|
|
|
|
<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}}
|
|
|
|
|
<label><input type="checkbox" value="{{=seat}}" checked="checked"> {{=it.getName(seat)}}</label>{{~}}
|
|
|
|
|
</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>
|
|
|
|
|
<div>
|
|
|
|
|
<table>
|
|
|
|
|
<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>
|
|
|
|
|
<td colspan="6">
|
|
|
|
|
<i class="fa fa-times"></i>
|
|
|
|
|
请先设置站点和日期信息,再重新查询。
|
|
|
|
|
</td>
|
|
|
|
|
<tr>
|
|
|
|
|
<td colspan="6">
|
|
|
|
|
<i class="fa fa-times"></i>
|
|
|
|
|
车次查询失败,或没有查到任何车次。
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</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">
|
|
|
|
|
<i class="fa fa-question"></i>
|
|
|
|
|
没有可选择的联系人。是否没有登录?
|
|
|
|
|
</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>
|
|
|
|
|
<ul class="cl"></ul>
|
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}}
|
|
|
|
|
<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">×</span></span>
|
|
|
|
|
{{~}}
|
|
|
|
|
</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">
|
|
|
|
|
<label><input type="text" class="options-input ui-date" readonly="readonly" placeholder="请选择备选日期" /></label>
|
|
|
|
|
<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="" />
|
|
|
|
|
隐藏其它车次
|
|
|
|
|
</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>
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
<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>
|
|
|
|
|
<input type="checkbox" data-profile-key="partialSubmitEnabled" value="1" id="" />
|
|
|
|
|
允许部分提交联系人
|
|
|
|
|
</label>
|
|
|
|
|
<span>
|
|
|
|
|
自动刷新间隔
|
|
|
|
|
<input type="number" data-profile-key="autoRefreshDelay" min="1" max="30" value="5" id="" />
|
|
|
|
|
秒(不建议过低)
|
|
|
|
|
</span>
|
|
|
|
|
</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>
|
|
|
|
|
<!-- 月日期选择 -->
|
|
|
|
|
<div class="date-bar-wrap">
|
|
|
|
|
<div class="date-bar-prev fl">
|
|
|
|
|
<span class="arrow-left"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="date-bar fl">
|
2014-07-02 18:43:28 +08:00
|
|
|
|
<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>
|
2014-07-02 18:43:28 +08:00
|
|
|
|
{{~}}
|
|
|
|
|
</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>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
</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-06-20 20:55:14 +08:00
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>车次</th>
|
|
|
|
|
<th>发/到时间</th>
|
|
|
|
|
<th>发/到站</th>
|
|
|
|
|
<th>余票信息</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
2014-07-11 18:34:59 +08:00
|
|
|
|
{{?!it.auto&&it.enableAuto&&!it.inAutoRefresh}}
|
|
|
|
|
<tr class="train-needauto">
|
|
|
|
|
<td colspan="4">
|
|
|
|
|
没有符合要求的车次和席别
|
|
|
|
|
<button type="button" class="button button-primary" id="btn_start_autorefresh">
|
|
|
|
|
<i class="fa fa-refresh"></i>
|
|
|
|
|
|
|
|
|
|
开始刷票
|
|
|
|
|
</button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
{{?}}
|
|
|
|
|
{{~it.available:t:index}}
|
2014-06-20 20:55:14 +08:00
|
|
|
|
<tr>
|
|
|
|
|
<td class="train-num">
|
|
|
|
|
<p>{{=t.code}}</p>
|
2014-07-01 20:07:44 +08:00
|
|
|
|
<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>
|
2014-06-20 20:55:14 +08:00
|
|
|
|
</td>
|
|
|
|
|
<td class="train-info">
|
|
|
|
|
<p>{{=t.from.time}}-{{=t.to.time}}</p>
|
|
|
|
|
<p>历时{{=t.elapsedTime.total.replace(':',"小时")}}分</p>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="train-city">
|
2014-07-02 18:43:28 +08:00
|
|
|
|
<p class="{{=t.from.endpoint?" start":""}}">{{=t.from.name}}</p>
|
2014-07-01 20:07:44 +08:00
|
|
|
|
<p class="{{=t.to.endpoint?" end":""}}">{{=t.to.name}}</p>
|
2014-06-20 20:55:14 +08:00
|
|
|
|
</td>
|
|
|
|
|
<td class="train-seats">
|
2014-06-26 22:24:54 +08:00
|
|
|
|
{{~ext.param.seatDisplayOrder:code:cindex}}
|
|
|
|
|
{{
|
|
|
|
|
var t1=t.ticketMap[code];
|
|
|
|
|
if(!t1||!t1.count) continue;
|
|
|
|
|
}}
|
|
|
|
|
<a href="javascript:void(0);" class="ticket-block" data-traincode="{{=t.id}}" data-seatcode="{{=code}}">
|
|
|
|
|
<p><span>{{=t1.name}}</span></p>
|
2014-06-20 20:55:14 +08:00
|
|
|
|
<p class="row2">
|
2014-06-26 22:24:54 +08:00
|
|
|
|
<span class="ticket-num">{{=(t1.count?t1.count+"张":"无票")}} </span>
|
|
|
|
|
<span>¥{{=t1.price/10}}</span>
|
2014-06-20 20:55:14 +08:00
|
|
|
|
</p>
|
|
|
|
|
</a>
|
2014-06-26 22:24:54 +08:00
|
|
|
|
{{~}}
|
2014-07-04 20:57:57 +08:00
|
|
|
|
{{?t.available==0||t.available==-1}}
|
2014-07-08 20:11:31 +08:00
|
|
|
|
{{?t.selltime}}
|
|
|
|
|
<span class="train-notontime">{{=ext.parser.formatSellDate(t.selltime)}} 起售</span>
|
|
|
|
|
{{??}}
|
|
|
|
|
<span class="train-notsell">本车次票已售完</span>
|
|
|
|
|
{{?}}
|
2014-07-04 20:57:57 +08:00
|
|
|
|
{{?? t.available==-2}}
|
2014-07-08 20:11:31 +08:00
|
|
|
|
<span class="train-notselect">本车次不在您的选择列表中</span>
|
2014-07-04 20:57:57 +08:00
|
|
|
|
{{?}}
|
2014-06-20 20:55:14 +08:00
|
|
|
|
</td>
|
2014-07-08 20:11:31 +08:00
|
|
|
|
</span>
|
|
|
|
|
{{~}}
|
2014-07-23 17:32:50 +08:00
|
|
|
|
{{?!it.original||!it.original.length}}
|
2014-07-01 20:07:44 +08:00
|
|
|
|
<tr class="train-empty">
|
|
|
|
|
<td colspan="4">
|
|
|
|
|
没有查询到车次,请更换条件或时间试试..
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
{{?}}
|
2014-06-20 20:55:14 +08:00
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</script>
|
2014-05-16 20:10:45 +08:00
|
|
|
|
|
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>
|
|
|
|
|
<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>
|
|
|
|
|
取 消
|
|
|
|
|
</button>
|
|
|
|
|
<button class="button button-primary">
|
|
|
|
|
<i class="fa fa-save"></i>
|
|
|
|
|
保 存
|
|
|
|
|
</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">
|
2014-07-02 18:43:28 +08:00
|
|
|
|
<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>
|
2014-07-02 18:43:28 +08:00
|
|
|
|
<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>
|
|
|
|
|
出 票 失 败
|
|
|
|
|
<i class="fa fa-times cancel-button"></i>
|
|
|
|
|
</header>
|
|
|
|
|
<div>
|
|
|
|
|
<p>
|
|
|
|
|
<strong>错误信息:</strong>
|
|
|
|
|
<span></span>
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
<strong>购票提示:</strong>
|
|
|
|
|
当提示余票不足时,请尽量更换车次或席别,看到的有票很可能是不存在的。
|
|
|
|
|
<br />
|
|
|
|
|
当然,可以重试一次,如果依然如此,建议及时更换车次或席别。
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<footer>
|
|
|
|
|
<button class="button button-primary">
|
|
|
|
|
<i class="fa fa-repeat"></i>
|
|
|
|
|
再次提交
|
|
|
|
|
</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-07-23 17:32:50 +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>
|
|
|
|
|
立刻付款
|
2014-07-23 17:32:50 +08:00
|
|
|
|
</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>
|
|
|
|
|
微博炫耀
|
2014-07-23 17:32:50 +08:00
|
|
|
|
</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>
|
|
|
|
|
</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}}
|
|
|
|
|
</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>
|
|
|
|
|
|
|
|
|
|
{{!it.passenger_name}}
|
|
|
|
|
</span>
|
|
|
|
|
<select class="passenger-seat normal">
|
|
|
|
|
{{~it.seats:s:i}}
|
2014-07-01 20:07:44 +08:00
|
|
|
|
<option value="{{=s.code==0?1:s.code}}">{{=s.name}}(¥{{=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">
|
|
|
|
|
<section class="auto-refresh-info">
|
|
|
|
|
<p>
|
|
|
|
|
已刷新<span></span>次,用时<span></span>分<span></span>秒
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
2014-07-14 17:03:21 +08:00
|
|
|
|
<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>
|
|
|
|
|
<button type="button" class="button button-default" id="btn_stop_refresh">
|
|
|
|
|
<i class="fa fa-stop"></i>
|
|
|
|
|
停止刷票
|
|
|
|
|
</button>
|
|
|
|
|
</p>
|
|
|
|
|
</section>
|
|
|
|
|
</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-05-05 19:34:47 +08:00
|
|
|
|
|
|
|
|
|
<script src="js/modules/jquery/jquery.js"></script>
|
|
|
|
|
<script src="js/modules/underscore/underscore.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>
|