Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 

327 rader
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/ace.min.css" />
  8. <link rel="stylesheet" href="css/font-awesome.min.css" />
  9. <link rel="stylesheet" href="css/master.css" />
  10. <!-- <script type="text/javascript" src="js/ace.min.js"></script>-->
  11. <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
  12. <script type="text/javascript" src="js/ace-extra.min.js"></script>
  13. <script type="text/javascript" src="js/carDetail.js?version=20170929"></script>
  14. <script src="js/base_path.js" type="text/javascript" charset="utf-8"></script>
  15. </head>
  16. <style type="text/css">
  17. .z {
  18. float: left;
  19. }
  20. .carTicketInfo {
  21. /*width: 95%;*/
  22. overflow: hidden;
  23. margin: 0 auto;
  24. }
  25. .table-bordered>thead>tr>th,
  26. .table-bordered>tbody>tr>th,
  27. .table-bordered>tfoot>tr>th,
  28. .table-bordered>thead>tr>td,
  29. .table-bordered>tbody>tr>td,
  30. .table-bordered>tfoot>tr>td {
  31. border: none;
  32. }
  33. .table thead>tr>th,
  34. .table tbody>tr>th,
  35. .table tfoot>tr>th,
  36. .table thead>tr>td,
  37. .table tbody>tr>td,
  38. .table tfoot>tr>td {
  39. line-height: 30px;
  40. padding: 0px;
  41. padding-bottom: 8px;
  42. padding-top: 8px;
  43. line-height: 1.428571;
  44. vertical-align: top;
  45. border-top: 1px solid #ddd;
  46. }
  47. .editable-click {
  48. border: 0px solid gray;
  49. }
  50. .profile-user-info-striped .profile-info-value {
  51. border-top: 0px dotted #dcebf7;
  52. padding-left: 12px;
  53. }
  54. .profile-user-info-striped {
  55. border: 1px solid #dcebf7;
  56. }
  57. tbody>tr {
  58. border-bottom: 1px dashed #DDDDDD;
  59. }
  60. tbody>tr:last-child {
  61. border-bottom: 1px solid #DDDDDD;
  62. }
  63. th,
  64. td {
  65. text-align: center;
  66. }
  67. .two {
  68. border-top: 1px solid #DDDDDD;
  69. }
  70. </style>
  71. <script src="js/jquery.cookie.js"></script>
  72. <!--<script src="js/xm.js"></script>
  73. <script>
  74. login();
  75. </script>-->
  76. <body>
  77. <!--<div class="navbar navbar-default">
  78. <div class="navbar-header ">
  79. <a href="#" class="navbar-brand">
  80. <i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
  81. </a>
  82. </div>
  83. </div>
  84. <div id="show_html" style="display:none;" class="warp clearfix">
  85. <div class="control-bar"></div>
  86. <div class="control-show" style="display: none;margin-left: 90px;margin-top: 30px;">-->
  87. <div id="">
  88. <ul class="nav nav-tabs" id="myTab" style="width: 1200px;margin-left: 20px;">
  89. <li id="li_basic">
  90. <a style="cursor: pointer;background: #DDDDDD" ; onclick="type_choose('基本信息')">基本信息</a>
  91. </li>
  92. <li id="li_carInfo">
  93. <a style="cursor: pointer;" onclick="type_choose('车票信息')">车票信息</a>
  94. </li>
  95. </ul>
  96. <!--基本信息-->
  97. <div style="float: left;" id="carBasicInfo" class="carBasicInfo">
  98. <div class="tabbable">
  99. <div class="profile-user-info profile-user-info-striped" style="margin-top: 40px;margin-left: 20px;">
  100. <div class="profile-info-row">
  101. <div class="profile-info-name"><span style="letter-spacing:26px;">线</span>路:</div>
  102. <div class="profile-info-value">
  103. <span class="editable editable-click" id="startarea">SHWX001&nbsp;(上海-乌镇)</span>
  104. </div>
  105. </div>
  106. <div class="profile-info-row">
  107. <div class="profile-info-name">出发时间:</div>
  108. <div class="profile-info-value">
  109. <span class="editable editable-click" id="starttime">2016.05.20&nbsp;&nbsp;&nbsp;&nbsp;07:30</span>
  110. </div>
  111. </div>
  112. <!--途径站点-->
  113. <div class="profile-info-row">
  114. <div class="profile-info-name">途径站点:</div>
  115. <div class="profile-info-value">
  116. <div class="row">
  117. <div class="col-xs-12">
  118. <div style="width: 470px;" class="table-responsive">
  119. <table width="470px" id="sample-table-1" class="table table-striped table-bordered table-hover">
  120. <thead>
  121. <tr>
  122. <th width="90px">时间</th>
  123. <th width="200px">站点</th>
  124. <th width="90px">上下类型</th>
  125. <th width="90px">检票口</th>
  126. </tr>
  127. </thead>
  128. <tbody id="tujingstation">
  129. <tr>
  130. <td>[时间]</td>
  131. <td>[站点]</td>
  132. <td>[上下类型]</td>
  133. <td>[检票口]</td>
  134. </tr>
  135. </tbody>
  136. </table>
  137. </div>
  138. <!-- /.table-responsive -->
  139. </div>
  140. <!-- /span -->
  141. </div>
  142. <!--row end-->
  143. </div>
  144. </div>
  145. <!--班次状态-->
  146. <div class="profile-info-row">
  147. <div class="profile-info-name">班次状态:</div>
  148. <div class="profile-info-value">
  149. <span class="editable editable-click" id="bancistatus">已调派</span>
  150. </div>
  151. </div>
  152. <!--收客状态-->
  153. <!--<div class="profile-info-row" style="display: none;">
  154. <div class="profile-info-name">收客状态:</div>
  155. <div class="profile-info-value">
  156. <span class="editable editable-click" id="shoukestatus">开</span>
  157. </div>
  158. </div>-->
  159. <!--承运信息-->
  160. <div class="profile-info-row">
  161. <div class="profile-info-name">车次:</div>
  162. <div class="profile-info-value">
  163. <div class="row">
  164. <div class="col-xs-12">
  165. <div style="width: 470px;" class="table-responsive">
  166. <table width="470px" id="sample-table-1" class="table table-striped table-bordered table-hover">
  167. <thead>
  168. <tr>
  169. <th width="60px">车次</th>
  170. <!--<th width="190px">品牌</th>-->
  171. <th width="190px">座位</th>
  172. <!-- <th width="80px">选座支持</th>
  173. <th width="70px">车辆</th>
  174. <th width="70px">司机</th> -->
  175. </tr>
  176. </thead>
  177. <tbody id="chenyun">
  178. <tr>
  179. <td>[车次]</td>
  180. <!--<td>[品牌]</td>-->
  181. <td>[座位]</td>
  182. <!-- <td>[选座支持]</td>
  183. <td>[车辆]</td>
  184. <td>[司机]</td> -->
  185. </tr>
  186. </tbody>
  187. </table>
  188. </div>
  189. <!-- /.table-responsive -->
  190. </div>
  191. <!-- /span -->
  192. </div>
  193. <!--row end-->
  194. </div>
  195. </div>
  196. <!--可售票种-->
  197. <div class="profile-info-row">
  198. <div class="profile-info-name"><span style="letter-spacing:26px;">票</span>种:</div>
  199. <div class="profile-info-value">
  200. <div class="row">
  201. <div class="col-xs-12">
  202. <div style="width: 530px;" class="table-responsive">
  203. <table width="530px" id="sample-table-1" class="table table-striped table-bordered table-hover">
  204. <thead>
  205. <tr>
  206. <th style="width: 90px">出发地</th>
  207. <th style="width: 90px">目的地</th>
  208. <th style="width: 80px">座位等级</th>
  209. <!--<th style="width: 80px;display: none;">人群</th>-->
  210. <th style="width: 70px">分销价</th>
  211. <th style="width: 60px;display: none;">最大可售</th>
  212. <!--<th style="width: 60px">已售</th>-->
  213. </tr>
  214. </thead>
  215. <tbody id="keshouTicket">
  216. <tr>
  217. <td>[出发地]</td>
  218. <td>[目的地]</td>
  219. <td>[座位]</td>
  220. <!--<td style="display: none;">[人群]</td>-->
  221. <td>[零售价]</td>
  222. <td style="display: none;">[最大可售]</td>
  223. <!--<td>[已售]</td>-->
  224. </tr>
  225. </tbody>
  226. </table>
  227. </div>
  228. <!-- /.table-responsive -->
  229. </div>
  230. <!-- /span -->
  231. </div>
  232. <!--row end-->
  233. </div>
  234. </div>
  235. <!--预售天数-->
  236. <!--<div class="profile-info-row">
  237. <div class="profile-info-name">预售天数:</div>
  238. <div class="profile-info-value">
  239. <span class="editable editable-click" id="yushoudays">60天</span>
  240. </div>
  241. </div>-->
  242. </div>
  243. </div>
  244. <!--tabbable end-->
  245. </div>
  246. <!--车票信息-->
  247. <div id="carTicketInfo" class="carTicketInfo" style="float:left;display: none;">
  248. <!--style="margin-bottom: 3px; border-bottom: 1px solid gray;width:inherit;"-->
  249. <div class="tabbable">
  250. <div class="row" style="margin-top: 30px;">
  251. <div class="col-xs-12">
  252. <div class="table-responsive" style="width: 1220px;">
  253. <table width="1220px" id="sample-table-1" class="table table-striped table-bordered table-hover">
  254. <thead>
  255. <tr>
  256. <th width="90px">出发地</th>
  257. <th width="90px">目的地</th>
  258. <th width="120px">上</th>
  259. <th width="120px">下</th>
  260. <th width="140">出行时间</th>
  261. <th width="80px">车次</th>
  262. <th width="80px">座位等级</th>
  263. <!--<th width="80px">人群</th>-->
  264. <th width="60px">座号</th>
  265. <th width="60px">售价</th>
  266. <th width="80px">出票</th>
  267. <th width="80px">打印</th>
  268. <th width="140px">操作</th>
  269. </tr>
  270. </thead>
  271. <tbody id="ticketList">
  272. <tr id="one" class="one">
  273. <td>[出发地]</td>
  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. <td>[操作]</td>
  286. </tr>
  287. </tbody>
  288. </table>
  289. </div>
  290. <!-- /.table-responsive -->
  291. </div>
  292. <!-- /span -->
  293. </div>
  294. <!--row end-->
  295. </div>
  296. <!--tabbable end-->
  297. </div>
  298. <!--</div>-->
  299. </div>
  300. </body>
  301. <!--<script type="text/javascript" src="js/master.js"></script>-->
  302. </html>