You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

117 lines
5.0 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>直通巴士</title>
  6. <!--/模板/-->
  7. <link rel="stylesheet" href="css/master.css" charset="UTF-8">
  8. <link rel="stylesheet" href="css/ace.min.css" />
  9. <link rel="stylesheet" href="css/bootstrap.min.css" />
  10. <link rel="stylesheet" href="css/font-awesome.min.css" charset="UTF-8">
  11. <link rel="stylesheet" href="css/common_css/through_bus.css" />
  12. <link rel="stylesheet" href="css/datepicker.css" />
  13. <link rel="stylesheet" href="css/daterangepicker.css" />
  14. <link rel="stylesheet" href="css/Page.css" />
  15. <link rel="stylesheet" href="css/xcConfirm.css" />
  16. <link rel="stylesheet" type="text/css" href="css/title.css"/>
  17. </head>
  18. <body>
  19. <!--标题-->
  20. <div class="title_top_box">
  21. <div class="title_top_box_left" id=""><img height="45px;" src="images/logo.png"/></div>
  22. <div class="title_top_box_right" id="">
  23. <span class="title_top_box_span1">上海茂悦大酒店</span>
  24. <span class="title_top_box_span2" onclick="login_out()">退出</span>
  25. </div>
  26. </div>
  27. <div class="warp clearfix">
  28. <!--菜单-->
  29. <div class="control-bar"></div>
  30. <!--内容-->
  31. <div class="control-show" style="width: 1100px;min-height: 720px;">
  32. <div class="top_title">直通巴士</div>
  33. <div class="line_top"></div>
  34. <div class="search_top">
  35. <div style="padding-top: 25px;">
  36. <div class="com_span_top" style="margin-left: 20px;float: left;">
  37. <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;">
  38. <!--<input type="hidden" id="start_area_id"/>-->
  39. <div class="select_content_start_area xiala hide"></div>
  40. </div>
  41. <div class="com_span_top" style="float: left;margin-top: 3px;margin-left: 5px;">-</div>
  42. <div class="huan" style="float: left;" onclick="changePosition()">换</div>
  43. <div class="com_span_top" style="float: left;margin-top: 3px;">-</div>
  44. <div class="com_span_top" style="float: left;margin-left: 5px;">
  45. <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;">
  46. <!--<input type="hidden" id="end_area_id"/>-->
  47. <div class="select_content_end_area xiala hide"></div>
  48. </div>
  49. <div class="com_span_top" style="float: left; margin-top: 5px;margin-left: 40px;">出发日期:</div>
  50. <div class="input-group com_span_top" style="float: left;margin-left: 10px;">
  51. <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">
  52. <span class="input-group-addon">
  53. <i class="icon-calendar bigger-110"></i>
  54. </span>
  55. </div>
  56. <div style="margin-left: 30px;" class="search_btn btn-primary" id="search_btn" onclick="searchBtnClicked()">查询</div>
  57. </div>
  58. </div>
  59. <!--表格-->
  60. <div class="row" style="margin-left: 40px; margin-top: 20px; ">
  61. <div class="col-xs-12" style="padding: 0px;">
  62. <div class="table-responsive">
  63. <table id="sample-table-1" class="table table-striped table-bordered table-hover" style="width: 1000px;">
  64. <thead>
  65. <tr>
  66. <th width="120px">出发日期</th>
  67. <th width="100px">出发时间</th>
  68. <th width="200px">出发地</th>
  69. <th width="200px">目的地</th>
  70. <th width="100px">座位等级</th>
  71. <th width="100px">价格</th>
  72. <th width="100px">库存量</th>
  73. <th width="80px"></th>
  74. </tr>
  75. </thead>
  76. <tbody id="list">
  77. <tr class="list_info" id="list_info" >
  78. <td >[出发日期]</td>
  79. <td>[出发时间]</td>
  80. <td>[出发地]</td>
  81. <td>[目的地]</td>
  82. <td>[座位等级]</td>
  83. <td>[价格]</td>
  84. <td>[库存量]</td>
  85. <td>[操作]</td>
  86. </tr>
  87. </tbody>
  88. </table>
  89. </div>
  90. <!-- /.table-responsive -->
  91. </div>
  92. <!-- /span -->
  93. </div>
  94. <div id="test">
  95. </div>
  96. </div>
  97. </div>
  98. <!--结束语-->
  99. <div class="end_down">Copyright © 2016 zhizhuchuxing.com. 蜘蛛行网络科技有限公司版权所有</div>
  100. </body>
  101. <script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  102. <script src="js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
  103. <script src="js/master.js"></script>
  104. <script src="js/through_bus.js?version=1" type="text/javascript" charset="utf-8"></script>
  105. <script type="text/javascript" src="js/main.js" ></script>
  106. <script src="js/bootstrap-datepicker.min.js" type="text/javascript" charset="utf-8"></script>
  107. <script src="js/Page.js" type="text/javascript" charset="utf-8"></script>
  108. <script type="text/javascript">
  109. $('#id-date-picker-1').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();});
  110. </script>
  111. </html>