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.
 
 
 
 

130 lines
7.2 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>补单页面</title>
  6. <link rel="stylesheet" type="text/css" href="./css/ace.min.css" />
  7. <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
  8. <link rel="stylesheet" type="text/css" href="./css/bootstrap-timepicker.css" />
  9. <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />
  10. <link rel="stylesheet" type="text/css" href="./css/daterangepicker.css" />
  11. <link rel="stylesheet" type="text/css" href="./css/datepicker.css" />
  12. <link rel="stylesheet" type="text/css" href="./css/master.css">
  13. <link rel="stylesheet" type="text/css" href="./css/Page.css">
  14. <script type="text/javascript" src="./js/jquery-2.0.3.min.js"></script>
  15. <script type="text/javascript" src="./js/date-time/bootstrap-datepicker.min.js"></script>
  16. <script type="text/javascript" src="./js/date-time/bootstrap-timepicker.min.js"></script>
  17. <script type="text/javascript" src="./js/Page2.js"></script>
  18. <script type="text/javascript" src="./js/supplement.js"></script>
  19. <script src="js/jquery.cookie.js"></script>
  20. <script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
  21. <!--<script src="js/xm.js"></script>-->
  22. <!--<script>-->
  23. <!--login();-->
  24. <!--</script>-->
  25. </head>
  26. <body style="font-size: 12px;" style="margin-bottom: 0px;">
  27. <!--<div class="navbar navbar-default">
  28. <div class="navbar-header ">
  29. <a href="#" class="navbar-brand">
  30. <i class="icon-leaf"></i>
  31. CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  32. </a>
  33. </div>
  34. </div>
  35. <div id="show_html" style="display:none;" class="warp clearfix">
  36. <div class="control-bar"></div>
  37. <div class="control-show" style="float: left;">-->
  38. <div id="">
  39. <div class="page-content" style="width: 1225px;margin-left: 40px; margin-top: 30px;">
  40. <div class="row">
  41. <form class="form-horizontal" role="form">
  42. <div class="form-group">
  43. <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px; margin-top:2px;">线路:</label>
  44. <div class="col-sm-1">
  45. <input id="run_line" class="form-control" type="text" style="font-size: 12px; height:30px;"/>
  46. </div>
  47. <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px; margin-top:2px;">出发地:</label>
  48. <div class="col-sm-1">
  49. <input id="startArea" class="form-control" type="text" style="font-size: 12px; height:30px;"/>
  50. </div>
  51. <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px; margin-top:2px;">目的地:</label>
  52. <div class="col-sm-1">
  53. <input id="endArea" class="form-control" type="text" style="font-size: 12px; height:30px;"/>
  54. </div>
  55. <label class="col-sm-1 control-label no-padding-right" style="width: auto; font-size: 12px; margin-top:2px;">出发日期:</label>
  56. <div class="col-sm-1" style="width: 12%;padding-right: 3px;">
  57. <div class="input-group">
  58. <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;">
  59. <span class="input-group-addon">
  60. <i class="icon-calendar bigger-110"></i>
  61. </span>
  62. </div>
  63. </div>
  64. <div class="col-sm-1" style="width: 7%; padding-right: 2px;">
  65. <span id="before" class="btn" style="font-size: 12px; height:30px;" onclick="before()">前一天</span>
  66. </div>
  67. <div class="col-sm-1" style="width: 7%; padding-right: 2px;">
  68. <span id="after" class="btn" style="font-size: 12px; height:30px;" onclick="after()">后一天</span>
  69. </div>
  70. <div class="col-sm-1" style="width: 7%; padding-right: 2px;">
  71. <span class="btn" style="font-size: 12px; height:30px;" onclick="query()">查询</span>
  72. </div>
  73. </div>
  74. </form>
  75. </div>
  76. <div class="row">
  77. <div>
  78. <div class="table-responsive" style="width: 1225;">
  79. <table id="ticketTable" class="table table-striped table-bordered table-hover" style="display: none;">
  80. <thead>
  81. <tr>
  82. <th style="width: 100px;">出发地</th>
  83. <th style="width: 100px;">目的地</th>
  84. <th style="width: 240px;">线路</th>
  85. <th style="width: 120px;">出发日期</th>
  86. <th style="width: 120px;">出发时间</th>
  87. <th style="width: 120px;">到达时间</th>
  88. <th style="width: 90px;">座位等级</th>
  89. <th style="width: 80px;">价格</th>
  90. <th style="width: 80px;">操作</th>
  91. </tr>
  92. </thead>
  93. <tbody id="tableTicket">
  94. <tr>
  95. <td style="width: 100px;">出发地</td>
  96. <td style="width: 100px;">目的地</td>
  97. <td style="width: 240px;"><a>线路</a>area</td>
  98. <td style="width: 120px;">出发日期</td>
  99. <td style="width: 120px;">出发时间</td>
  100. <td style="width: 120px;">到达时间</td>
  101. <td id="st" style="width: 90px;">
  102. <div style="color: #CCCCCC;">seat</div>
  103. </td>
  104. <td id="price" style="width: 80px;">
  105. <div style="color: #CCCCCC;" >price</div>
  106. <td id="order" style="width: 90px;">
  107. <div><a style="cursor: pointer;" disabled="true" target="_blank" href="create_order.html?id=[id]&run_id=[run_id]&run_date=[run_date]" onclick="book(0)">订票</a></div>
  108. </td>
  109. </tr>
  110. </tbody>
  111. </table>
  112. </div>
  113. </div>
  114. </div>
  115. <div id="page"></div>
  116. </div>
  117. </div>
  118. <!--</div>-->
  119. </body>
  120. <!--<script type="text/javascript" src="./js/master.js"></script>-->
  121. <script type="text/javascript">
  122. $('.date-picker').datepicker({autoclose:true}).next().on("click", function(){$(this).prev().focus();});
  123. </script>
  124. </html>