|
-
- <!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="100px">座位等级</th>
- <th width="100px">价格</th>
- <th width="100px">库存量</th>
- <th width="80px"></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>
- <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?version=1" 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>
|