<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>直通巴士</title>
<!--/模板/-->
<link rel="stylesheet" href="css/master.css" charset="UTF-8">
<link rel="stylesheet" href="css/ace.min.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" charset="UTF-8">
<link rel="stylesheet" href="css/common_css/through_bus.css" />
<link rel="stylesheet" href="css/datepicker.css" />
<link rel="stylesheet" href="css/daterangepicker.css" />
<link rel="stylesheet" href="css/Page.css" />
<link rel="stylesheet" href="css/xcConfirm.css" />
<link rel="stylesheet" type="text/css" href="css/title.css"/>
</head>
<body>
<!--标题-->
<div class="title_top_box">
<div class="title_top_box_left" id=""><img height="45px;" src="images/logo.png"/></div>
<div class="title_top_box_right" id="">
<span class="title_top_box_span1">上海茂悦大酒店</span>
<span class="title_top_box_span2" onclick="login_out()">退出</span>
</div>
</div>
<div class="warp clearfix">
<!--菜单-->
<div class="control-bar"></div>
<!--内容-->
<div class="control-show" style="width: 1100px;min-height: 720px;">
<div class="top_title">直通巴士</div>
<div class="line_top"></div>
<div class="search_top">
<div style="padding-top: 25px;">
<div class="com_span_top" style="margin-left: 20px;float: left;">
<input class="start_area" changeid="" type="text" id="start_area" oninput="startAreaSearch(this.value,this.id)" onfocus="startAreaSearch(this.value,this.id)" placeholder=" 出发地" style="font-size: 13px; width: 180px;height: 30px;">
<!--<input type="hidden" id="start_area_id"/>-->
<div class="select_content_start_area xiala hide"></div>
</div>
<div class="com_span_top" style="float: left;margin-top: 3px;margin-left: 5px;">-</div>
<div class="huan" style="float: left;" onclick="changePosition()">换</div>
<div class="com_span_top" style="float: left;margin-top: 3px;">-</div>
<div class="com_span_top" style="float: left;margin-left: 5px;">
<input class="end_area" changeid="" type="text" id="end_area" oninput="endAreaSearch(this.value,this.id)" onfocus="endAreaSearch(this.value,this.id)" placeholder=" 目的地" style="font-size: 13px; width: 180px;height: 30px;">
<!--<input type="hidden" id="end_area_id"/>-->
<div class="select_content_end_area xiala hide"></div>
</div>
<div class="com_span_top" style="float: left; margin-top: 5px;margin-left: 40px;">出发日期：</div>
<div class="input-group com_span_top" style="float: left;margin-left: 10px;">
<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;" readonly="true">
<span class="input-group-addon">
<i class="icon-calendar bigger-110"></i>
</span>
</div>
<div style="margin-left: 30px;" class="search_btn btn-primary" id="search_btn" onclick="searchBtnClicked()">查询</div>
</div>
</div>
<!--表格-->
<div class="row" style="margin-left: 40px; margin-top: 20px; ">
<div class="col-xs-12" style="padding: 0px;">
<div class="table-responsive">
<table id="sample-table-1" class="table table-striped table-bordered table-hover" style="width: 1000px;">
<thead>
<tr>
<th width="120px">出发日期</th>
<th width="100px">出发时间</th>
<th width="200px">出发地</th>
<th width="200px">目的地</th>
<th width="120px">座位等级</th>
<th width="100px">价格</th>
<th width="160px"></th>
</tr>
</thead>
<tbody id="list">
<tr class="list_info" id="list_info" >
<td >[出发日期]</td>
<td>[出发时间]</td>
<td>[出发地]</td>
<td>[目的地]</td>
<td>[座位等级]</td>
<td>[价格]</td>
<td>[操作]</td>
</tr>
</tbody>
</table>
</div>
<!-- /.table-responsive -->
</div>
<!-- /span -->
</div>
<div id="test">
</div>
</div>
</div>
<!--结束语-->
<div class="end_down">Copyright © 2016 zhizhuchuxing.com. 蜘蛛行网络科技有限公司版权所有</div>
</body>
<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
<script src="js/master.js"></script>
<script src="js/through_bus.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/main.js" ></script>
<script src="js/bootstrap-datepicker.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Page.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('#id-date-picker-1').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();});
</script>
</html>