<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>补单页面</title>
<link rel="stylesheet" type="text/css" href="./css/ace.min.css" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css" />
<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="./css/daterangepicker.css" />
<link rel="stylesheet" type="text/css" href="./css/datepicker.css" />
<link rel="stylesheet" type="text/css" href="./css/master.css">
<link rel="stylesheet" type="text/css" href="./css/Page.css">
<script type="text/javascript" src="./js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script>
<script type="text/javascript" src="./js/Page2.js"></script>
<script type="text/javascript" src="./js/supplement.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="js/xm.js"></script>-->
<!--<script>-->
<!--login();-->
<!--</script>-->
</head>
<body style="font-size: 12px;" style="margin-bottom: 0px;">
<!--<div class="navbar navbar-default">
<div class="navbar-header ">
<a href="#" class="navbar-brand">
<i class="icon-leaf"></i>
CS System<sub style="font-size:12px;position: initial;"> <span id="version_txt"></span></sub>
</a>
</div>
</div>
<div id="show_html" style="display:none;" class="warp clearfix">
<div class="control-bar"></div>
<div class="control-show" style="float: left;">-->
<div id="">
<div class="page-content" style="width: 1225px;margin-left: 40px; margin-top: 30px;">
<div class="row">
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px; margin-top:2px;">线路:</label>
<div class="col-sm-1">
<input id="run_line" class="form-control" type="text" style="font-size: 12px; height:30px;"/>
</div>
<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px; margin-top:2px;">出发地:</label>
<div class="col-sm-1">
<input id="startArea" class="form-control" type="text" style="font-size: 12px; height:30px;"/>
</div>
<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px; margin-top:2px;">目的地:</label>
<div class="col-sm-1">
<input id="endArea" class="form-control" type="text" style="font-size: 12px; height:30px;"/>
</div>
<label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px; margin-top:2px;">出发日期:</label>
<div class="col-sm-1" style="width: 12%;padding-right: 3px;">
<div class="input-group">
<input id="id-date-picker-1" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="选择日期" style="font-size: 12px; height:30px;">
<span class="input-group-addon">
<i class="icon-calendar bigger-110"></i>
</span>
</div>
</div>
<div class="col-sm-1" style="width: 7%; padding-right: 2px;">
<span id="before" class="btn" style="font-size: 12px; height:30px;" onclick="before()">前一天</span>
</div>
<div class="col-sm-1" style="width: 7%; padding-right: 2px;">
<span id="after" class="btn" style="font-size: 12px; height:30px;" onclick="after()">后一天</span>
</div>
<div class="col-sm-1" style="width: 7%; padding-right: 2px;">
<span class="btn" style="font-size: 12px; height:30px;" onclick="query()">查询</span>
</div>
</div>
</form>
</div>
<div class="row">
<div>
<div class="table-responsive" style="width: 1225;">
<table id="ticketTable" class="table table-striped table-bordered table-hover" style="display: none;">
<thead>
<tr>
<th style="width: 100px;">出发地</th>
<th style="width: 100px;">目的地</th>
<th style="width: 240px;">线路</th>
<th style="width: 120px;">出发日期</th>
<th style="width: 120px;">出发时间</th>
<th style="width: 120px;">到达时间</th>
<th style="width: 90px;">座位等级</th>
<th style="width: 80px;">价格</th>
<th style="width: 80px;">操作</th>
</tr>
</thead>
<tbody id="tableTicket">
<tr>
<td style="width: 100px;">出发地</td>
<td style="width: 100px;">目的地</td>
<td style="width: 240px;"><a>线路</a>area</td>
<td style="width: 120px;">出发日期</td>
<td style="width: 120px;">出发时间</td>
<td style="width: 120px;">到达时间</td>
<td id="st" style="width: 90px;">
<div style="color: #CCCCCC;">seat</div>
</td>
<td id="price" style="width: 80px;">
<div style="color: #CCCCCC;" >price</div>
<td id="order" style="width: 90px;">
<div><a style="cursor: pointer;" disabled="true" target="_blank" href="create_order.html?id=[id]&run_id=[run_id]&run_date=[run_date]" onclick="book(0)">订票</a></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="page"></div>
</div>
</div>
<!--</div>-->
</body>
<!--<script type="text/javascript" src="./js/master.js"></script>-->
<script type="text/javascript">
$('.date-picker').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();});
</script>
</html>