Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 
 

258 wiersze
7.1 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" href="css/ace.min.css" />
  6. <link rel="stylesheet" href="css/bootstrap.min.css" />
  7. <script type="text/javascript" src="js/jquery-2.0.3.min.js" ></script>
  8. <script type="text/javascript" src="js/detailTicket.js" ></script>
  9. <link rel="stylesheet" href="css/master.css" charset="UTF-8">
  10. <script src="js/jquery-2.2.4.min.js"></script>
  11. <!-- <script src="js/bootstrap.min.js"></script> -->
  12. <script src="js/master.js"></script>
  13. <title>车票详情</title>
  14. </head>
  15. <body onload="init_page()">
  16. <div class="navbar navbar-default">
  17. <div class="navbar-header ">
  18. <a href="#" class="navbar-brand">
  19. <i class="icon-leaf"></i>
  20. Admin
  21. </a>
  22. </div>
  23. </div>
  24. <div class="warp clearfix">
  25. <div class="control-bar">
  26. <div class="sidebar-shortcuts">
  27. <button class="btn btn-success">
  28. <i class="icon-signal"></i>
  29. </button>
  30. <button class="btn btn-info">
  31. <i class="icon-pencil"></i>
  32. </button>
  33. <button class="btn btn-warning">
  34. <i class="icon-group"></i>
  35. </button>
  36. <button class="btn btn-danger">
  37. <i class="icon-cogs"></i>
  38. </button>
  39. </div>
  40. <ul class="nav nav-list">
  41. <li class="">
  42. <a class="">
  43. <i class="icon-dashboard"></i>
  44. <span class="menu-text"> 营运中心 </span>
  45. </a>
  46. </li>
  47. <li>
  48. <a href="">
  49. <i class="icon-text-width"></i>
  50. <span class="menu-text"> 集散资源 </span>
  51. </a>
  52. </li>
  53. <li>
  54. <a href="#" class="">
  55. <i class="icon-desktop"></i>
  56. <span class="menu-text"> 线路管理 </span>
  57. </a>
  58. </li>
  59. <li>
  60. <a href="#" class="">
  61. <i class="icon-list"></i>
  62. <span class="menu-text"> 票种管理 </span>
  63. </a>
  64. </li>
  65. <li class="active">
  66. <a href="#" class="dropdown-toggle">
  67. <i class="icon-edit"></i>
  68. <span class="menu-text"> 班次管理 </span>
  69. <b class="arrow icon-angle-down"></b>
  70. </a>
  71. <ul class="submenu">
  72. <li><a><i class="icon-double-angle-right"></i>添加班次</a></li>
  73. <li><a><i class="icon-double-angle-right"></i>修改版次</a></li>
  74. <li><a><i class="icon-double-angle-right"></i>班次列表</a></li>
  75. <li class="">
  76. <a class="dropdown-toggle">
  77. <i class="icon-double-angle-right"></i>班次详情
  78. <b class="arrow icon-angle-down"></b>
  79. </a>
  80. <ul class="submenu">
  81. <li>
  82. <a href="">
  83. <i class="icon-leaf"></i>
  84. 班次基本信息
  85. </a>
  86. </li>
  87. <li>
  88. <a href="">
  89. <i class="icon-leaf"></i>
  90. 班次车票信息
  91. </a>
  92. </li>
  93. </ul>
  94. </li>
  95. <li><a><i class="icon-double-angle-right"></i>调派资源</a></li>
  96. </ul>
  97. </li>
  98. <li class="">
  99. <a href="http://127.0.0.1:8020/ZZCX/detailTicket.html" class="">
  100. <i class="icon-file-alt"></i>
  101. <span class="menu-text">
  102. 产品管理
  103. </span>
  104. </a>
  105. </li>
  106. <li>
  107. <a href="http://127.0.0.1:8020/ZZCX/searchTicket.html">
  108. <i class="icon-calendar"></i>
  109. <span class="menu-text">
  110. 车票
  111. <span class="badge badge-transparent tooltip-error" title="2&nbsp;Important&nbsp;Events">
  112. <i class="icon-warning-sign red bigger-130"></i>
  113. </span>
  114. </span>
  115. </a>
  116. </li>
  117. <li>
  118. <a href="#">
  119. <i class="icon-picture"></i>
  120. <span class="menu-text"> 酒店 </span>
  121. </a>
  122. </li>
  123. <li>
  124. <a href="#" class="">
  125. <i class="icon-tag"></i>
  126. <span class="menu-text"> 门票 </span>
  127. </a>
  128. </li>
  129. <li class="">
  130. <a href="#" class="">
  131. <i class="icon-file-alt"></i>
  132. <span class="menu-text">
  133. 订单中心
  134. <span class="badge badge-primary ">5</span>
  135. </span>
  136. </a>
  137. </li>
  138. </ul>
  139. </div>
  140. <div class="control-show" style="min-width: 1220px;max-width: 1220px;">
  141. 在此添加内容
  142. <br /><br />
  143. <div id="ttt" style="min-width: 1000px;">
  144. <div id="ticket" style=" width: 600px; height: 240px;border: 1px solid lightgray;float: left; margin-left: 30px;">
  145. <div class="top" style="margin-top: 15px; margin-left: 30px;margin-right: 30px;">
  146. <span style="float: left;">
  147. <span id="ID" style="color: cornflowerblue;"><a href="#">[微信服务号]</a></span>
  148. <span>(微信服务号)</span>
  149. </span>
  150. <span style="float: right;">
  151. <span id="chupiao">[出票]</span>
  152. <span id="dayin">[打印]</span>
  153. <span id="gaiqian">[改签]</span>
  154. </span>
  155. </div>
  156. <br /><br />
  157. <div id="middle" align="center" style="margin-top: 20px;" >
  158. <div style="text-align: center; float: left; width: 40%;">
  159. <span id="up_station" style="font-size: 20px; ">[上车点]</span>
  160. <br />
  161. <span id="start_area" style="line-height: 40px;" >[出发地]</span>
  162. </div>
  163. <div style="margin-top: -15px; float: left;width: 20%;">
  164. <span id="codeId">[线路代码]</span>
  165. <hr />
  166. <span id="total_time">[总时间]</span>
  167. </div>
  168. <div style="text-align: center; float:left;width: 40%; ">
  169. <span id="down_station" style=" font-size: 20px;">[下车点]</span>
  170. <br />
  171. <span id="end_area" style="line-height: 40px;">[目的地]</span>
  172. </div>
  173. </div>
  174. <div id="gotime" align="center" style="margin-top: 100px;">
  175. <span id="start_time">[出行时间]</span>
  176. </div>
  177. <hr style="border:1px dotted lightgray ;margin-left: 30px;margin-right: 30px;margin-top: 20px;" />
  178. <div id="down" style="margin-top: -30px;">
  179. <span id="price" style="float: left; margin-left: 30px;margin-top: 20px;">
  180. <span >[价格]</span>
  181. </span>
  182. <span style="float: right; margin-right: 30px;margin-top: 20px;">
  183. <span id="carNo">车号:[车位号]</span>&nbsp;
  184. <span id="seatNo">座号:[座位号]</span>&nbsp;
  185. <span id="people">[年龄]</span>
  186. <span id="seat">[人群]</span>
  187. </span>
  188. </div>
  189. </div>
  190. <div class="profile-user-info profile-user-info-striped" style="width: 210px; height: 220px; float: left;background-color: lightgray;">
  191. <div class="profile-info-row" style="margin-top: 10px;">
  192. <div class="profile-info-name" style="background-color: lightgray; width: 60px;">车辆:</div>
  193. <div class="profile-info-value "style="margin-left: 30px;">
  194. <ul>
  195. <li id="carId">车牌:[车牌]</li>
  196. <li id="brand">品牌:[品牌]</li>
  197. <li id="carSeat">车座:[车座]</li>
  198. <li id="company">公司:[车公司]</li>
  199. </ul>
  200. </div>
  201. </div>
  202. <div class="profile-info-row" style="margin-top: -10px;">
  203. <div class="profile-info-name" style="background-color: lightgray;width: 60px;">司机:</div>
  204. <div class="profile-info-value" style="margin-top: 10px;margin-left: 30px;">
  205. <ul>
  206. <li id="driverName">姓名:[司机]</li>
  207. <li id="driverId">品牌:[工牌]</li>
  208. <li id="tel">电话:[电话]</li>
  209. <li id="driverCompany">公司:[司机公司]</li>
  210. </ul>
  211. </div>
  212. </div>
  213. </div>
  214. <!--<div style="clear: both;"></div>-->
  215. </div>
  216. </div>
  217. </div>
  218. </body>
  219. </html>