<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>车票列表</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/ace.min.css" /> <link rel="stylesheet" href="css/font-awesome.min.css" /> <link rel="stylesheet" href="css/datepicker.css" /> <link rel="stylesheet" href="css/daterangepicker.css" /> <link rel="stylesheet" href="css/bootstrap-timepicker.css" /> <link rel="stylesheet" href="css/Page.css" /> <!--<link rel="stylesheet" href="css/paginationjs.min.css" />--> <!--加载数据--> <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script> <script type="text/javascript" src="js/searchTicket.js"></script> <!--日历控件--> <script type="text/javascript" src="js/date-time/bootstrap-timepicker.min.js"></script> <script src="js/date-time/bootstrap-datepicker.min.js" type="text/javascript"></script> <!--分页控件--> <script src="js/Page.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="css/master.css" charset="UTF-8"> <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>--> <style type="text/css"> .bodytitle { margin-left: 40px; min-width: 1200px; } #test>a{ background: red; border: 1px solid; width: 30px ; height: 20px; display: inline-block; line-height: 20px; } /*.table { width: 1220px; }*/ .row { margin-left: 30px; margin-right: 30px; } /*.footer { margin-left: 40px; }*/ /*.page { margin-right: 40px; }*/ #test{ float: right; margin-right: 40px; margin-top: -20px; } tr { height: 40px; text-align: center; } th { text-align: center; } </style> <div id="kkpager"></div> </head> <body> <!--<div class="navbar navbar-default" style="margin-bottom: 0px;"> <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" >--> <div id=""> <br /><br /> <div class="bodytitle" style="min-width: 1400px;"> <span style="float: left;display: none;"> <span style="float: left;line-height: 30px;margin-left: 10px;">出发地:</span><input id="sstart_area" style="width: 90px;" type="text"> </span> <span style="float: left;display: none;"> <span style="float: left;line-height: 30px;margin-left: 10px;">目的地:</span><input id="send_area" style="width: 90px;" type="text"> </span> <span style="float: left;"> <span style="float: left;line-height: 30px;margin-left: 10px;">线路:</span><input id="sline" style="width: 90px;" type="text"> </span> <!--<span>目的地:<input type="text" /></span> <span>线路: <input type="text" /></span>--> <span style="float: left;"> <span style="float: left;line-height: 30px;margin-left: 10px;">出发日期:</span> <div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;margin-left: -15px;"> <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> </span> <span style="float: left;"> <span style="float: left;line-height: 30px;margin-left: 10px;">车次:</span><input id="scarNo" style="width: 90px;" type="text"> </span> <span style="float: left;"> <span style="float: left;line-height: 30px;margin-left: 10px;">座号:</span><input id="sseatNo" style="width: 90px;" type="text"> </span> <span style="float: left;"> <span style="float: left;line-height: 30px;margin-left: 10px;">联系人:</span><input id="sname" style="width: 90px;" type="text"> </span> <span style="float: left;"> <button id="searchBtn" class="btn btn-sm btn-primary" style="width: 90px;height: 28px;margin-left: 30px;">查询</button> </span> <!--<span>车号: <input type="text" /></span> <span>座号: <input type="text" /></span> <span>联系人: <input type="text" /></span>--> <!--<span> <input type="button" value="查询"/></span>--> </div> <br /> <br /> <br /> <div class="row" style="float: left; min-width: 1220px;max-width: 1220px;"> <div class="col-xs-12"> <div class="table-responsive"> <table id="sample-table-1" class="table table-striped table-bordered table-hover"> <thead> <tr> <th style="width: 240;">线路</th> <th style="width: 90;">出发地</th> <th style="width: 90;">目的地</th> <th style="width: 140;">出行时间</th> <th style="width: 70;">车次</th> <th style="width: 80;">座位等级</th> <!--<th style="width: 80;">人群</th>--> <th style="width: 60;">座号</th> <th style="width: 60;">售价</th> <th style="width: 80;">打印</th> <th style="width: 150;">订单号</th> <th style="width: 80;">操作</th> </tr> </thead> <tbody id="ttt" style="display: none;"> <tr id="content"> <td id="line">[线路]</td> <td id="start_area">[出发地]</td> <td id="end_area">[目的地]</td> <td id="travel_time">[出行时间]</td> <td id="carNo">[车次]</td> <td id="seat">[座位]</td> <!--<td id="people">[人群]</td>--> <td id="seatNo">[座号]</td> <td id="price">[售价]</td> <td id="print">[打印]</td> <td id="orderNo">[订单号]</td> <td id="see">[查看]</td> </tr> </tbody> </table> </div> <!-- /.table-responsive --> </div> <!-- /span --> </div> <div class="footer" style=" width: 1220px; display: none;"> <span id="aaa" style="padding-left: 40px;"> 共6张车票 </span> <div id="test" style="margin-right: -20px;"> </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>