Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 

308 Zeilen
10 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/carDetail.css" />
  8. <link rel="stylesheet" href="css/bootstrap-timepicker.css" />
  9. <link rel="stylesheet" href="css/font-awesome.min.css" />
  10. <link rel="stylesheet" href="css/daterangepicker.css" />
  11. <link rel="stylesheet" href="css/datepicker.css" />
  12. <link rel="stylesheet" href="css/Page.css" />
  13. <link rel="stylesheet" href="css/master.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/Page.js"></script>
  18. <script type="text/javascript" src="js/carChart.js"></script>
  19. </head>
  20. <style type="text/css">
  21. .chart {
  22. width: 95%;
  23. overflow: hidden;
  24. margin: 0 auto;
  25. overflow: hidden;
  26. }
  27. tbody>tr {
  28. border-bottom: 1px solid lightgray;
  29. }
  30. #tr_final>td {
  31. font-weight: 700;
  32. }
  33. #tr_final>td:first-child {
  34. font-weight: normal;
  35. }
  36. #carChart>tr>td:first-child {
  37. width: 200px;
  38. }
  39. .table-bordered>tfoot>tr>th,
  40. .table-bordered>thead>tr>td,
  41. .table-bordered>tbody>tr>td,
  42. .table-bordered>tfoot>tr>td {
  43. border: none;
  44. }
  45. tbody>tr:last-child {
  46. border-bottom: 1px solid #DDDDDD;
  47. }
  48. th,
  49. td {
  50. text-align: center;
  51. }
  52. </style>
  53. <script src="js/jquery.cookie.js"></script>
  54. <script src="js/xm.js"></script>
  55. <script>
  56. login();
  57. </script>
  58. <body style="background-color: white; margin-bottom: 0px;">
  59. <!--<div class="navbar navbar-default">
  60. <div class="navbar-header ">
  61. <a href="#" class="navbar-brand">
  62. <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  63. </a>
  64. </div>
  65. </div>
  66. <div id="show_html" style="display:none;" class="warp clearfix">
  67. <div class="control-bar">
  68. </div>
  69. <div class="control-show">-->
  70. <div id="">
  71. <div class="chart" style="width: 100%;float: left; margin-left: 40px;">
  72. <div class="top" style="margin-top: 20px;">
  73. <span style="float: left;">
  74. <span style="float: left;line-height: 30px;">线路:</span><input id="prod" style="width: 160px;" type="text">
  75. </span>
  76. <span style="float: left;">
  77. <span style="float: left;line-height: 30px;">出发日期:</span>
  78. <div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;">
  79. <div class="input-group">
  80. <input id="id-date-picker-1" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="出发日期" style="font-size: 12px;width:90px;height: 30px;">
  81. <span class="input-group-addon">
  82. <i class="icon-calendar bigger-110"></i>
  83. </span>
  84. </div>
  85. </div>
  86. <span style="float: left;line-height:30px;margin-left: 8px;">-</span>
  87. <div class="col-sm-1" style="float:left;width: 150px;padding-right: 3px;">
  88. <div class="input-group">
  89. <input id="id-date-picker-2" class="form-control date-picker" data-date-format="yyyy-mm-dd" type="text" placeholder="结束日期" style="font-size: 12px;width:90px;height: 30px;">
  90. <span class="input-group-addon">
  91. <i class="icon-calendar bigger-110"></i>
  92. </span>
  93. </div>
  94. </div>
  95. </span>
  96. <span style="float: left;">
  97. <span style="float: left;line-height: 30px;">销售渠道:</span>
  98. <select id="select_status" style="margin-right: 10px;width:200px;">
  99. <option value="请选择">请选择</option>
  100. <option value="待审核">待审核</option>
  101. <option value="待调派">待调派</option>
  102. <option value="已调派">已调派</option>
  103. <option value="已发车">已发车</option>
  104. <option value="已完成">已完成</option>
  105. <option value="已停用">已停用</option>
  106. </select>
  107. </span>
  108. <span style="float: left;">
  109. <button id="btn_search" class="btn btn-sm btn-primary">查询</button>
  110. </span>
  111. </div>
  112. <div id="pagination" class="row" style="margin-top: 100px;">
  113. <div class="col-xs-12">
  114. <div class="table-responsive" style="width: 1320px;">
  115. <table width="1320px" id="sample-table-1" class="table table-striped table-bordered table-hover">
  116. <thead>
  117. <tr>
  118. <th rowspan="2" width="240px">出发时间</th>
  119. <th rowspan="2" width="340px">线路</th>
  120. <th rowspan="2" width="80px">车数量</th>
  121. <th rowspan="2" width="80px">座位数</th>
  122. <th colspan="2" width="160px">出票</th>
  123. <th colspan="3" width="240px">退票</th>
  124. <th rowspan="2" width="80px">售票总计</th>
  125. <th rowspan="2" width="100px">收入总计</th>
  126. </tr>
  127. <tr>
  128. <th width="80px">数量</th>
  129. <th width="80px">金额</th>
  130. <th width="80px">数量</th>
  131. <th width="80px">金额</th>
  132. <th width="80px">手续费</th>
  133. </tr>
  134. </thead>
  135. <tbody id="carChart" style="display: none;">
  136. <tr id="tr_one" class="[one]" onclick="show_hide_tr('[code]')">
  137. <td style="font-weight: 700">+ [出发时间1]</td>
  138. <td>[线路]</td>
  139. <td>[车数量]</td>
  140. <td>[座位数]</td>
  141. <td>[出票数量]</td>
  142. <td>[出票金额]</td>
  143. <td>[退票数量]</td>
  144. <td>[退票金额]</td>
  145. <td>[退票手续费]</td>
  146. <td>[售票总计]</td>
  147. <td>[收入总计]</td>
  148. </tr>
  149. <tr id="tr_two" style="font-weight:700;display: none;" class="[two]" onclick="show_hide_tr('[code]')">
  150. <td style="font-weight: 700;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+ [出发时间2]</td>
  151. <td>[线路]</td>
  152. <td>[车数量]</td>
  153. <td>[座位数]</td>
  154. <td>[出票数量]</td>
  155. <td>[出票金额]</td>
  156. <td>[退票数量]</td>
  157. <td>[退票金额]</td>
  158. <td>[退票手续费]</td>
  159. <td>[售票总计]</td>
  160. <td>[收入总计]</td>
  161. </tr>
  162. <tr id="tr_three" style="display: none;" class="[three]" onclick="show_hide_tr('[code]')">
  163. <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[出发时间3]</td>
  164. <td>[线路]</td>
  165. <td>[车数量]</td>
  166. <td>[座位数]</td>
  167. <td>[出票数量]</td>
  168. <td>[出票金额]</td>
  169. <td>[退票数量]</td>
  170. <td>[退票金额]</td>
  171. <td>[退票手续费]</td>
  172. <td>[售票总计]</td>
  173. <td>[收入总计]</td>
  174. </tr>
  175. <tr id="tr_final" style="display: none;">
  176. <td>总计</td>
  177. <td>[线路]</td>
  178. <td>[车数量]</td>
  179. <td>[座位数]</td>
  180. <td>[出票数量]</td>
  181. <td>[出票金额]</td>
  182. <td>[退票数量]</td>
  183. <td>[退票金额]</td>
  184. <td>[退票手续费]</td>
  185. <td>[售票总计]</td>
  186. <td>[收入总计]</td>
  187. </tr>
  188. </tbody>
  189. </table>
  190. </div>
  191. <!-- /.table-responsive -->
  192. </div>
  193. </div>
  194. <div id="test">
  195. </div>
  196. </div>
  197. <!--</div>-->
  198. </div>
  199. </body>
  200. <!--<script type="text/javascript" src="js/master.js"></script>-->
  201. <script type="text/javascript">
  202. $(".date-picker").datepicker({
  203. autoclose: true
  204. }).next().on("click", function() {
  205. $(this).prev().focus();
  206. });
  207. </script>
  208. </html>
  209. <!--
  210. <div id="pagination" class="row" style="margin-top: 30px;">
  211. <div class="col-xs-12">
  212. <div class="table-responsive">
  213. <table id="sample-table-1" class="table table-striped table-bordered table-hover">
  214. <thead>
  215. <tr>
  216. <th rowspan="2">出发时间</th>
  217. <th rowspan="2">线路</th>
  218. <th rowspan="2">车数量</th>
  219. <th rowspan="2">座位数</th>
  220. <th colspan="2">出票</th>
  221. <th colspan="3">退票</th>
  222. <th rowspan="2">售票总计</th>
  223. <th rowspan="2">收入</th>
  224. </tr>
  225. <tr>
  226. <th>数量</th>
  227. <th>金额</th>
  228. <th>数量</th>
  229. <th>金额</th>
  230. <th>手续费</th>
  231. </tr>
  232. </thead>
  233. <tbody id="carList">
  234. <tr id="tr_one" class="[one]" onclick="ttt('[code]')">
  235. <td>+ [出发时间1]</td>
  236. <td>[线路]</td>
  237. <td>[车数量]</td>
  238. <td>[座位数]</td>
  239. <td>[出票数量]</td>
  240. <td>[出票金额]</td>
  241. <td>[退票数量]</td>
  242. <td>[退票金额]</td>
  243. <td>[退票手续费]</td>
  244. <td>[售票总计]</td>
  245. <td>[收入]</td>
  246. </tr>
  247. <tr id="tr_two" style="display: none;" class="[two]" onclick="ttt('[code]')">
  248. <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+ [出发时间2]</td>
  249. <td>[线路]</td>
  250. <td>[车数量]</td>
  251. <td>[座位数]</td>
  252. <td>[出票数量]</td>
  253. <td>[出票金额]</td>
  254. <td>[退票数量]</td>
  255. <td>[退票金额]</td>
  256. <td>[退票手续费]</td>
  257. <td>[售票总计]</td>
  258. <td>[收入]</td>
  259. </tr>
  260. <tr id="tr_three" style="display: none;" class="[three]">
  261. <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[出发时间3]</td>
  262. <td>[线路]</td>
  263. <td>[车数量]</td>
  264. <td>[座位数]</td>
  265. <td>[出票数量]</td>
  266. <td>[出票金额]</td>
  267. <td>[退票数量]</td>
  268. <td>[退票金额]</td>
  269. <td>[退票手续费]</td>
  270. <td>[售票总计]</td>
  271. <td>[收入]</td>
  272. </tr>
  273. <tr id="tr_final">
  274. <td>总计</td>
  275. <td>[线路]</td>
  276. <td>[车数量]</td>
  277. <td>[座位数]</td>
  278. <td>[出票数量]</td>
  279. <td>[出票金额]</td>
  280. <td>[退票数量]</td>
  281. <td>[退票金额]</td>
  282. <td>[退票手续费]</td>
  283. <td>[售票总计]</td>
  284. <td>[收入]</td>
  285. </tr>
  286. </tbody>
  287. </table>
  288. </div>
  289. <!-- /.table-responsive -->
  290. <!--</div>-->
  291. <!-- /span -->
  292. <!--</div>-->