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.
 
 
 
 

214 lines
6.6 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>车票列表</title>
  6. <link rel="stylesheet" href="css/bootstrap.min.css" />
  7. <link rel="stylesheet" href="css/ace.min.css" />
  8. <link rel="stylesheet" href="css/font-awesome.min.css" />
  9. <link rel="stylesheet" href="css/datepicker.css" />
  10. <link rel="stylesheet" href="css/daterangepicker.css" />
  11. <link rel="stylesheet" href="css/bootstrap-timepicker.css" />
  12. <link rel="stylesheet" href="css/Page.css" />
  13. <!--<link rel="stylesheet" href="css/paginationjs.min.css" />-->
  14. <!--加载数据-->
  15. <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
  16. <script type="text/javascript" src="js/searchTicket.js"></script>
  17. <!--日历控件-->
  18. <script type="text/javascript" src="js/date-time/bootstrap-timepicker.min.js"></script>
  19. <script src="js/date-time/bootstrap-datepicker.min.js" type="text/javascript"></script>
  20. <!--分页控件-->
  21. <script src="js/Page.js" type="text/javascript" charset="utf-8"></script>
  22. <link rel="stylesheet" href="css/master.css" charset="UTF-8">
  23. <script src="js/jquery.cookie.js"></script>
  24. <script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
  25. <!--<script src="js/xm.js"></script>
  26. <script>
  27. login();
  28. </script>-->
  29. <style type="text/css">
  30. .bodytitle {
  31. margin-left: 40px;
  32. min-width: 1200px;
  33. }
  34. #test>a{
  35. background: red;
  36. border: 1px solid;
  37. width: 30px ;
  38. height: 20px;
  39. display: inline-block;
  40. line-height: 20px;
  41. }
  42. /*.table {
  43. width: 1220px;
  44. }*/
  45. .row {
  46. margin-left: 30px;
  47. margin-right: 30px;
  48. }
  49. /*.footer {
  50. margin-left: 40px;
  51. }*/
  52. /*.page {
  53. margin-right: 40px;
  54. }*/
  55. #test{
  56. float: right;
  57. margin-right: 40px;
  58. margin-top: -20px;
  59. }
  60. tr {
  61. height: 40px;
  62. text-align: center;
  63. }
  64. th {
  65. text-align: center;
  66. }
  67. </style>
  68. <div id="kkpager"></div>
  69. </head>
  70. <body>
  71. <!--<div class="navbar navbar-default" style="margin-bottom: 0px;">
  72. <div class="navbar-header ">
  73. <a href="#" class="navbar-brand">
  74. <i class="icon-leaf"></i>
  75. CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  76. </a>
  77. </div>
  78. </div>
  79. <div id="show_html" style="display:none;" class="warp clearfix">
  80. <div class="control-bar"></div>
  81. <div class="control-show" >-->
  82. <div id="">
  83. <br /><br />
  84. <div class="bodytitle" style="min-width: 1400px;">
  85. <span style="float: left;display: none;">
  86. <span style="float: left;line-height: 30px;margin-left: 10px;">出发地:</span><input id="sstart_area" style="width: 90px;" type="text">
  87. </span>
  88. <span style="float: left;display: none;">
  89. <span style="float: left;line-height: 30px;margin-left: 10px;">目的地:</span><input id="send_area" style="width: 90px;" type="text">
  90. </span>
  91. <span style="float: left;">
  92. <span style="float: left;line-height: 30px;margin-left: 10px;">线路:</span><input id="sline" style="width: 90px;" type="text">
  93. </span>
  94. <!--<span>目的地:<input type="text" /></span>
  95. <span>线路: <input type="text" /></span>-->
  96. <span style="float: left;">
  97. <span style="float: left;line-height: 30px;margin-left: 10px;">出发日期:</span>
  98. <div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;margin-left: -15px;">
  99. <div class="input-group">
  100. <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;">
  101. <span class="input-group-addon">
  102. <i class="icon-calendar bigger-110"></i>
  103. </span>
  104. </div>
  105. </div>
  106. </span>
  107. <span style="float: left;">
  108. <span style="float: left;line-height: 30px;margin-left: 10px;">车次:</span><input id="scarNo" style="width: 90px;" type="text">
  109. </span>
  110. <span style="float: left;">
  111. <span style="float: left;line-height: 30px;margin-left: 10px;">座号:</span><input id="sseatNo" style="width: 90px;" type="text">
  112. </span>
  113. <span style="float: left;">
  114. <span style="float: left;line-height: 30px;margin-left: 10px;">联系人:</span><input id="sname" style="width: 90px;" type="text">
  115. </span>
  116. <span style="float: left;">
  117. <button id="searchBtn" class="btn btn-sm btn-primary" style="width: 90px;height: 28px;margin-left: 30px;">查询</button>
  118. </span>
  119. <!--<span>车号: <input type="text" /></span>
  120. <span>座号: <input type="text" /></span>
  121. <span>联系人: <input type="text" /></span>-->
  122. <!--<span> <input type="button" value="查询"/></span>-->
  123. </div>
  124. <br />
  125. <br />
  126. <br />
  127. <div class="row" style="float: left; min-width: 1220px;max-width: 1220px;">
  128. <div class="col-xs-12">
  129. <div class="table-responsive">
  130. <table id="sample-table-1" class="table table-striped table-bordered table-hover">
  131. <thead>
  132. <tr>
  133. <th style="width: 240;">线路</th>
  134. <th style="width: 90;">出发地</th>
  135. <th style="width: 90;">目的地</th>
  136. <th style="width: 140;">出行时间</th>
  137. <th style="width: 70;">车次</th>
  138. <th style="width: 80;">座位等级</th>
  139. <!--<th style="width: 80;">人群</th>-->
  140. <th style="width: 60;">座号</th>
  141. <th style="width: 60;">售价</th>
  142. <th style="width: 80;">打印</th>
  143. <th style="width: 150;">订单号</th>
  144. <th style="width: 80;">操作</th>
  145. </tr>
  146. </thead>
  147. <tbody id="ttt" style="display: none;">
  148. <tr id="content">
  149. <td id="line">[线路]</td>
  150. <td id="start_area">[出发地]</td>
  151. <td id="end_area">[目的地]</td>
  152. <td id="travel_time">[出行时间]</td>
  153. <td id="carNo">[车次]</td>
  154. <td id="seat">[座位]</td>
  155. <!--<td id="people">[人群]</td>-->
  156. <td id="seatNo">[座号]</td>
  157. <td id="price">[售价]</td>
  158. <td id="print">[打印]</td>
  159. <td id="orderNo">[订单号]</td>
  160. <td id="see">[查看]</td>
  161. </tr>
  162. </tbody>
  163. </table>
  164. </div>
  165. <!-- /.table-responsive -->
  166. </div>
  167. <!-- /span -->
  168. </div>
  169. <div class="footer" style=" width: 1220px; display: none;">
  170. <span id="aaa" style="padding-left: 40px;">
  171. 共6张车票
  172. </span>
  173. <div id="test" style="margin-right: -20px;">
  174. </div>
  175. </div>
  176. </div>
  177. <!--</div>-->
  178. </body>
  179. <!--<script type="text/javascript" src="./js/master.js"></script>-->
  180. <script type="text/javascript">
  181. $(".date-picker").datepicker({
  182. autoclose: true
  183. }).next().on("click", function() {
  184. $(this).prev().focus();
  185. });
  186. </script>
  187. </html>