nizongfeng
/
zzcx_line
1
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
2 Commits
1 Rama
17 MiB
 
 
 
 
Árbol: aa52171df8
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde 'aa52171df8'
${ noResults }
zzcx_line/coding/order_details.html.bak

751 líneas
29 KiB
Original Blame Histórico 

  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. 	<head>

  5. 		<meta charset="UTF-8">

  6. 		<title>订单详情</title>

  7. 		<link rel="stylesheet" href="css/font-awesome.min.css">

  8. 		<link rel="stylesheet" href="css/bootstrap.min.css">

  9. 		<link rel="stylesheet" href="css/master.css">

  10. 		<link rel="stylesheet" href="css/ace.min.css">

  11. 		<script src="js/jquery-2.2.4.min.js"></script>

  12. 		<script src="js/jquery.cookie.js"></script>

  13. 		<script src="js/xm.js"></script>

  14. 		<!-- 	<script src="js/bootstrap.min.js"></script> -->

  15. 

  16. 		<script>

  17. 			login();

  18. 		</script>

  19. 		<style type="text/css">

  20. 			body {

  21. 				font-size: 12px !important;

  22. 				background-color: #fff;

  23. 			}

  24. 			

  25. 			#orderCount {

  26. 				margin-top: 0px;

  27. 				width: 916px;

  28. 				height: 44px;

  29. 			}

  30. 			

  31. 			#sample-table-1 .padding {

  32. 				padding-bottom: 10px;

  33. 			}

  34. 			

  35. 			#sample-table-1 .gray {

  36. 				color: gray !important;

  37. 			}

  38. 			

  39. 			#sample-table-1 tbody td div:last-child {

  40. 				padding-bottom: 0;

  41. 			}

  42. 			

  43. 			#sample-table-1 td,

  44. 			th {

  45. 				text-align: center;

  46. 			}

  47. 			

  48. 			#fuelux-wizard ul> li> span:not(:first-child) {

  49. 				font-size: 12px;

  50. 			}

  51. 			

  52. 			.control-show {

  53. 				float: left;

  54. 			}

  55. 			

  56. 		.notifacation {

  57. 			width: 160px;

  58. 			height: 34px;

  59. 			border: 1px solid lightgray;

  60. 			margin-top: 10px;

  61. 			margin-left: 20px;

  62. 			text-align: center;

  63. 			display: inline-block;

  64. 			line-height: 34px;

  65. 		}

  66. 		</style>

  67. 	</head>

  68. 

  69. 	<body>

  70. 		<div class="navbar navbar-default" style="margin-bottom: 0px;">

  71. 			<div class="navbar-header ">

  72. 				<a href="#" class="navbar-brand">

  73. 					<i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>

  74. 				</a>

  75. 			</div>

  76. 		</div>

  77. 

  78. 		<div class="warp clearfix">

  79. 			<div class="control-bar">

  80. 			</div>

  81. 			<div class="control-show" style="width:1200px; display:none;" id="xm_show">

  82. 

  83. 				<div style="width:1200px; margin:40px 0 0 40px;">

  84. 

  85. 					<div style="margin-bottom:10px;font-size:14px;">订单详情</div>

  86. 					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-pay">

  87. 						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  88. 							<p class="text-muted order_no"></p>

  89. 							<p class="order_status"></p>

  90. 							<button class="btn btn-white" style="padding:2px 18px;font-size:12px;margin-right:10px;" id="cancel">取消</button>

  91. 							<i class="icon-time bigger-110"></i><span id="countdown"></span>

  92. 							<p></p>

  93. 							<p class="order_source"></p>

  94. 							<p class="sales"></p>

  95. 						</div>

  96. 						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  97. 							<ul class="wizard-steps">

  98. 								<li data-target="#step1" class="active">

  99. 									<span class="step">1</span>

  100. 									<span class="title">提交订单</span>

  101. 									<span class="title order_sub_date"></span>

  102. 									<span class="title order_sub_time"></span>

  103. 								</li>

  104. 

  105. 								<li data-target="#step2">

  106. 									<span class="step">2</span>

  107. 									<span class="title">付款成功</span>

  108. 								</li>

  109. 

  110. 								<li data-target="#step3">

  111. 									<span class="step">3</span>

  112. 									<span class="title">出票成功</span>

  113. 

  114. 								</li>

  115. 

  116. 								<li data-target="#step4">

  117. 									<span class="step">4</span>

  118. 									<span class="title">出行成功</span>

  119. 								</li>

  120. 							</ul>

  121. 							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>

  122. 							<div id="orderCount">

  123. 								<span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  124. 							</div>

  125. 						</div>

  126. 						<div style="clear:both;"></div>

  127. 					</div>

  128. 					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-ticket">

  129. 						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  130. 							<p class="text-muted order_no"></p>

  131. 							<p class="order_status"></p>

  132. 							<a href="./change_back.html?orderid=" class="btn btn-white" style="padding:2px 18px;font-size:12px;">退改</a>

  133. 							<p></p>

  134. 							<p class="order_source"></p>

  135. 							<p class="sales"></p>

  136. 						</div>

  137. 						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  138. 							<ul class="wizard-steps">

  139. 								<li data-target="#step1" class="active">

  140. 									<span class="step">1</span>

  141. 									<span class="title">提交订单</span>

  142. 									<span class="title order_sub_date"></span>

  143. 									<span class="title order_sub_time"></span>

  144. 								</li>

  145. 

  146. 								<li data-target="#step2" class="active">

  147. 									<span class="step">2</span>

  148. 									<span class="title">付款成功</span>

  149. 									<span class="title order_pay_success_date"></span>

  150. 									<span class="title order_pay_success_time"></span>

  151. 								</li>

  152. 

  153. 								<li data-target="#step3" class="active">

  154. 									<span class="step">3</span>

  155. 									<span class="title">出票成功</span>

  156. 									<span class="title order_ticket_success_date"></span>

  157. 									<span class="title order_ticket_success_time"></span>

  158. 								</li>

  159. 

  160. 								<li data-target="#step4">

  161. 									<span class="step">4</span>

  162. 									<span class="title">出行成功</span>

  163. 								</li>

  164. 							</ul>

  165. 							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>

  166. 							<div id="orderCount">

  167. 								<span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  168. 							</div>

  169. 						</div>

  170. 						<div style="clear:both;"></div>

  171. 					</div>

  172. 					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-complete">

  173. 						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  174. 							<p class="text-muted order_no"></p>

  175. 							<p class="order_status"></p>

  176. 							<p class="order_source"></p>

  177. 							<p class="sales"></p>

  178. 						</div>

  179. 						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  180. 							<ul class="wizard-steps">

  181. 								<li data-target="#step1" class="active">

  182. 									<span class="step">1</span>

  183. 									<span class="title">提交订单</span>

  184. 									<span class="title order_sub_date"></span>

  185. 									<span class="title order_sub_time"></span>

  186. 								</li>

  187. 

  188. 								<li data-target="#step2" class="active">

  189. 									<span class="step">2</span>

  190. 									<span class="title">付款成功</span>

  191. 									<span class="title order_pay_success_date"></span>

  192. 									<span class="title order_pay_success_time"></span>

  193. 								</li>

  194. 

  195. 								<li data-target="#step3" class="active">

  196. 									<span class="step">3</span>

  197. 									<span class="title">出票成功</span>

  198. 									<span class="title order_ticket_success_date"></span>

  199. 									<span class="title order_ticket_success_time"></span>

  200. 								</li>

  201. 

  202. 								<li data-target="#step4" class="active">

  203. 									<span class="step">4</span>

  204. 									<span class="title">出行成功</span>

  205. 									<span class="title order_travel_success_date"></span>

  206. 								</li>

  207. 							</ul>

  208. 							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>

  209. 							<div id="orderCount">

  210. 								<span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  211. 							</div>

  212. 						</div>

  213. 						<div style="clear:both;"></div>

  214. 					</div>

  215. 					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-cancel">

  216. 						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  217. 							<p class="text-muted order_no"></p>

  218. 							<p class="order_status"></p>

  219. 							<p class="order_source"></p>

  220. 							<p class="sales"></p>

  221. 						</div>

  222. 						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">

  223. 							<ul class="wizard-steps">

  224. 								<li data-target="#step1" class="active">

  225. 									<span class="step">1</span>

  226. 									<span class="title">提交订单</span>

  227. 									<span class="title order_sub_date"></span>

  228. 									<span class="title order_sub_time"></span>

  229. 								</li>

  230. 

  231. 								<li data-target="#step2" class="active">

  232. 									<span class="step">2</span>

  233. 									<span class="title order_cancel_reason"></span>

  234. 									<span class="title order_cancel_date"></span>

  235. 									<span class="title order_cancel_time"></span>

  236. 								</li>

  237. 							</ul>

  238. 							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>

  239. 							<div id="orderCount">

  240. 								<span id="span_info_noti" style="cursor: pointer;margin-left: 40px;display: inline-block;" onclick="click_show_div('.info_noti',$(this))" name="短信通知" class="notifacation">短信通知：0条</span>

  241. 							</div>

  242. 						</div>

  243. 						<div style="clear:both;"></div>

  244. 					</div>

  245. 

  246. 					<div class="row" style="margin-bottom:20px;" id="ticket-details">

  247. 						<div class="col-xs-12">

  248. 							<!-- PAGE CONTENT BEGINS -->

  249. 

  250. 							<div class="row">

  251. 								<div class="col-xs-12">

  252. 									<div class="table-responsive">

  253. 										<table id="sample-table-1" class="table table-striped table-bordered">

  254. 											<thead>

  255. 												<tr style=" background: #fff;">

  256. 													<th>线路</th>

  257. 													<th>出发地</th>

  258. 													<th>目的地</th>

  259. 													<th>出发时间</th>

  260. 													<th>车号</th>

  261. 													<th>座位等级</th>

  262. 													<th style="display: none;">人群</th>

  263. 													<th>座号</th>

  264. 													<th>打印</th>

  265. 													<th>改签</th>

  266. 													<th>退票</th>

  267. 													<th>金额</th>

  268. 												</tr>

  269. 											</thead>

  270. 

  271. 											<tbody>

  272. 												<tr>

  273. 													<td>SHWZ - J01（上海 - 乌镇 - 萧山）</td>

  274. 													<td>上海（黄埔集散）</td>

  275. 													<td>乌镇（西栅牌坊）</td>

  276. 													<td>

  277. 														<div class="padding">2016.05.20 07:00</div>

  278. 														<div class="gray">2016.05.20 07:00</div>

  279. 													</td>

  280. 													<td>

  281. 														<div class="padding">01</div>

  282. 														<div class="gray">01</div>

  283. 													</td>

  284. 													<td>

  285. 														<div class="padding">普通</div>

  286. 														<div class="gray">普通</div>

  287. 													</td>

  288. 													<td>

  289. 														<div class="padding">成人</div>

  290. 														<div class="gray">儿童</div>

  291. 													</td>

  292. 													<td>

  293. 														<div class="padding">2</div>

  294. 														<div class="gray">3</div>

  295. 													</td>

  296. 													<td>

  297. 														<div class="padding">否</div>

  298. 														<div class="gray">是</div>

  299. 													</td>

  300. 													<td>

  301. 														<div class="padding">是</div>

  302. 														<div class="gray">是</div>

  303. 													</td>

  304. 													<td>

  305. 														<div class="padding">-</div>

  306. 														<div class="gray">-</div>

  307. 													</td>

  308. 													<td>

  309. 														<div class="padding" style="color:#FF9900;"><span style="font-family:Arial;">&yen;</span>120</div>

  310. 														<div class="gray">￥50</div>

  311. 													</td>

  312. 												</tr>

  313. 												<tr>

  314. 													<td>SHWZ - J01（上海 - 乌镇 - 萧山）</td>

  315. 													<td>上海（黄埔集散）</td>

  316. 													<td>乌镇（西栅牌坊）</td>

  317. 													<td>

  318. 														<div class="padding">2016.05.20 07:00</div>

  319. 														<div class="gray">2016.05.20 07:00</div>

  320. 													</td>

  321. 													<td>

  322. 														<div class="padding">01</div>

  323. 														<div class="gray">01</div>

  324. 													</td>

  325. 													<td>

  326. 														<div class="padding">普通</div>

  327. 														<div class="gray">普通</div>

  328. 													</td>

  329. 													<td>

  330. 														<div class="padding">成人</div>

  331. 														<div class="gray">儿童</div>

  332. 													</td>

  333. 													<td>

  334. 														<div class="padding">2</div>

  335. 														<div class="gray">3</div>

  336. 													</td>

  337. 													<td>

  338. 														<div class="padding">否</div>

  339. 														<div class="gray">是</div>

  340. 													</td>

  341. 													<td>

  342. 														<div class="padding">是</div>

  343. 														<div class="gray">是</div>

  344. 													</td>

  345. 													<td>

  346. 														<div class="padding">-</div>

  347. 														<div class="gray">-</div>

  348. 													</td>

  349. 													<td>

  350. 														<div class="padding" style="color:#FF9900;">￥120</div>

  351. 														<div class="gray">￥50</div>

  352. 													</td>

  353. 												</tr>

  354. 

  355. 												<tr>

  356. 

  357. 													<td colspan="9"></td>

  358. 													<td>总额</td>

  359. 													<td style="color:#FF9900;">￥120</td>

  360. 												</tr>

  361. 											</tbody>

  362. 										</table>

  363. 									</div>

  364. 									<!-- /.table-responsive -->

  365. 								</div>

  366. 								<!-- /span -->

  367. 							</div>

  368. 							<!-- /row -->

  369. 						</div>

  370. 						<!-- /.col -->

  371. 					</div>

  372. 					<!-- /.row -->

  373. 					<div class="widget-main" style="border:1px solid #ccc;" id="contacts">

  374. 						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  375. 							<p id="customer_name">联系人：王小二</p>

  376. 							<p id="customer_mobile">手机：13333333333</p>

  377. 							<p id="customer_id">身份证：111113333333333</p>

  378. 						</div>

  379. 						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">

  380. 							<p id="send_bus_no">车牌号：王小二</p>

  381. 							<p id="send_driver_name">司机姓名：13333333333</p>

  382. 							<p id="send_driver_mobile">司机手机：111113333333333</p>

  383. 						</div>

  384. 						<div id="fuelux-wizard" class="row-fluid col-sm-6" data-target="#step-container"></div>

  385. 						<div style="clear:both;"></div>

  386. 					</div>

  387. 							

  388. 					<!--分销-->

  389. 					<!--

  390. 					<div style="font-weight:bold; margin-top: 50px;">结算信息</div>

  391. 					<div style="width: 1200px;height: 1px;border: 1px solid lightgray;"></div>

  392. 					<div class="widget-main" style="border:1px solid #ccc;margin-top: 20px;" id="contacts">

  393. 						<div style="margin-left: 10px;">

  394. 							<span>销售方式：</span>

  395. 							<span>[销售方式]</span>

  396. 						</div>

  397. 						<div style="margin-left: 10px; margin-top: 5px;">

  398. 							<span>支付方式：</span>

  399. 							<span>[支付方式]</span>

  400. 						</div>

  401. 						<div style="margin-left: 10px; margin-top: 5px;">

  402. 							<span>佣金结算：</span>

  403. 							<span>[佣金结算]</span>

  404. 						</div>

  405. 						<div style="margin-left: 10px; margin-top: 5px;">

  406. 							<span>结算时间：</span>

  407. 							<span>[结算时间]</span>

  408. 						</div>

  409. 					</div>

  410. 					-->

  411. 					<!--短信通知-->

  412. 					<div class="info_noti" style="display: none;width: 530px;padding-bottom: 20px;padding-top:20px;border: 1px solid darkgray;border-radius: 5px;overflow: hidden;">

  413. 						<span style="width:76px;display: inline-block;text-align: center;">短信通知</span>

  414. 						<div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>

  415. 						<div id="pagination" class="row">

  416. 							<div class="col-xs-12">

  417. 								<div class="table-responsive" style="width: 490px;margin: 0 auto;">

  418. 									<table width="490px" id="sample-table-2" class="table table-striped table-bordered table-hover">

  419. 										<thead>

  420. 											<tr>

  421. 												<th width="290px">内容</th>

  422. 												<th width="80px">操作人</th>

  423. 												<th width="120px">发送时间</th>

  424. 											</tr>

  425. 										</thead>

  426. 										<tbody id="ht_send_message_list">

  427. 											<tr id="ht_tr_mes_one">

  428. 												<!--手机号：短信内容-->

  429. 												<td style="text-align: left;">[内容]</td>

  430. 												<td>[操作人]</td>

  431. 												<td>[发送时间]</td>

  432. 											</tr>

  433. 										</tbody>

  434. 									</table>

  435. 								</div>

  436. 								<!-- /.table-responsive -->

  437. 							</div>

  438. 							<!-- /span -->

  439. 						</div>

  440. 						<!--row end-->

  441. 						<span id="btn_shutdown" onclick="click_cancel(null,'.info_noti')" style="cursor:pointer;margin-left:210px;width: 100px;height: 30px;line-height:30px;text-align: center;background-color: lightgray;display: inline-block;border-radius: 3px;">关闭</span>

  442. 					</div>

  443. 			

  444. 					

  445. 					<!--短信通知 end-->

  446. 					<!--蒙板-->

  447. 					<div class="mask" onclick="hide_all()" style="display: none;top: 0;left: 0;margin: 0px;padding: 0px;width: 100%;height: 100%;position: absolute;z-index: 2;background: #000000;opacity: 0.5;"></div>

  448. 				</div>

  449. 			</div>

  450. 		</div>

  451. 		<script type="text/javascript">

  452. 		//结算信息

  453. 		window.onload = function(){

  454. 			initHtml();

  455. 		}

  456. 		//点击了关闭

  457. function click_cancel(father_name, self_name) {

  458. 	if (father_name) {

  459. 		var father = $(father_name);

  460. 		center_show(father);

  461. 	} else {

  462. 		$('.mask').css('display', 'none');

  463. 	}

  464. 	$(self_name).css('display', 'none');

  465. }

  466. 			//请求订单-短信通知

  467. 			function get_order_send_message(mes_url) {

  468. 				$.getJSON(mes_url, function(res_data) {

  469. 					if(res_data['code']!="0"){$('#ht_tr_mes_one').html('');alert(res_data['info']);}

  470. 					if(res_data['message'].length<=0){

  471. 						$('#ht_tr_mes_one').html('');

  472. 						return;

  473. 					}

  474. 					$('.notifacation').html('短信通知：'+res_data['message'].length+'条');

  475. //					$('#span_info_noti').html('短信通知：'+res_data['message'].length+'条');

  476. 					 console.log("短信"+mes_url);

  477. 					 console.log(res_data);

  478. 					 var ht_tr_mes_one_str=$('#ht_tr_mes_one').prop('outerHTML');

  479. 					var ht_send_message_list = $('#ht_send_message_list');

  480. 					var order_send_message_arr = res_data['message'];

  481. 					if (order_send_message_arr == undefined) {

  482. 						return;

  483. 					}

  484. 					var mesHTML = '';

  485. 					for (var i = 0; i < order_send_message_arr.length; i++) {

  486. 						var dict = order_send_message_arr[i];

  487. 						var HTML = ht_tr_mes_one_str;

  488. 						HTML = HTML.replace('[内容]', dict['send_mobile'] + "：" + dict['message']);

  489. 						HTML = HTML.replace('[操作人]', dict['user_name']);

  490. 						HTML = HTML.replace('[发送时间]', dict['send_time']);

  491. 						mesHTML += HTML;

  492. 					}

  493. 					console.log(mesHTML);

  494. 					ht_send_message_list.html(mesHTML);

  495. 				});

  496. 			}

  497. 			//点击了三个固定的

  498. 			function click_show_div(objName, self_obj) {

  499. 				var obj = $(objName);

  500. 				if (obj.css('display') == 'none') {

  501. 					center_show(obj);

  502. 				} else {

  503. 					obj.css('display', 'none');

  504. 				}

  505. 			}

  506. 			//点击了第二级

  507. 			function click_two_show_div(father_name, self_name) {

  508. 				var father = $(father_name);

  509. 				var self = $(self_name);

  510. 				father.css('display', 'none');

  511. 				center_show(self);

  512. 			}

  513. 			//居中显示

  514. 			var tempDiv = null;

  515. 

  516. 			function center_show(show_div) {

  517. 				tempDiv = show_div;

  518. 				//显示蒙板

  519. 				show_div.css('display', 'block');

  520. 				show_div.css('z-index', 10);

  521. 				show_div.css('background-color', 'white');

  522. 				show_div.css('position', 'fixed');

  523. 

  524. 				var w = show_div.css('width');

  525. 				var h = show_div.css('height');

  526. 				w = w.substr(0, w.length - 2);

  527. 				h = h.substr(0, h.length - 2);

  528. 

  529. 				//	var s_left=(window.screen.availWidth-w)/2 +"px";

  530. 				//	var s_top=(window.screen.availHeight-h)/2 +'px';

  531. 				var s_left = (window.innerWidth - w) / 2 + 'px';

  532. 				var s_top = (window.innerHeight - h) / 2 + 'px';

  533. 				show_div.css('left', s_left);

  534. 				show_div.css('top', s_top);

  535. 				$('.mask').css('display', 'block');

  536. 

  537. 			}

  538. 			//点击蒙板

  539. 			function hide_all() {

  540. 				$('.mask').css('display', 'none');

  541. 				tempDiv.css('display', 'none');

  542. 			}

  543. 

  544. 			function getPar(par) {

  545. 				//获取当前URL

  546. 				var local_url = document.location.href;

  547. 				local_url = decodeURI(local_url);

  548. 				//获取要取得的get参数位置

  549. 				var get = local_url.indexOf(par + "=");

  550. 				if (get == -1) {

  551. 					return false;

  552. 				}

  553. 				//截取字符串

  554. 				var get_par = local_url.slice(par.length + get + 1);

  555. 				//判断截取后的字符串是否还有其他get参数

  556. 				var nextPar = get_par.indexOf("&");

  557. 				if (nextPar != -1) {

  558. 					get_par = get_par.slice(0, nextPar);

  559. 				}

  560. 				return get_par;

  561. 			}

  562. 			var orderid = getPar("order_id");

  563. 			//var status=getQueryString("status");

  564. 			var url = "./st-xm/Api/order_details.php?order_id=" + orderid;

  565. 			$.getJSON(url, function(res_data) {

  566. 				var jieguo = res_data;

  567. 				console.log(url);

  568. 				console.log(jieguo);

  569. 				if (jieguo.code == 0) {

  570. 					var order_no = jieguo.order_no;

  571. 

  572. 					var order_status = jieguo.order_status;

  573. 					var order_source = jieguo.order_source;

  574. 

  575. 					var order_status = jieguo.order_status;

  576. 					var sales = jieguo.sales;

  577. 					var order_sub = jieguo.order_sub;

  578. 					$('.order_no').html("订单号：" + order_no);

  579. 					$('.order_status').html(order_status);

  580. 					$('.order_source').html("订单来源：" + order_source);

  581. 					$('.sales').html("销售方式：" + sales);

  582. 					if (order_status == '待支付') {

  583. 						time = jieguo.pay_second;

  584. 						ShowCountDown();

  585. 						setInterval("ShowCountDown()", 1000); //1000为1秒钟 

  586. 						$('#order-ticket').addClass('hide');

  587. 						$('#order-complete').addClass('hide');

  588. 						$('#order-cancel').addClass('hide');

  589. 						$('#order-pay .order_sub_date').html(order_sub.order_sub_date);

  590. 						$('#order-pay .order_sub_time').html(order_sub.order_sub_time);

  591. 						$('#order-pay').css("display", "block");

  592. 					} else if (order_status == '已出票') {

  593. 						var order_pay_success = jieguo.order_pay_success;

  594. 						var order_ticket_success = jieguo.order_ticket_success;

  595. 						$('#order-pay').addClass('hide');

  596. 						$('#order-complete').addClass('hide');

  597. 						$('#order-cancel').addClass('hide');

  598. 						$('#order-ticket .order_sub_date').html(order_sub.order_sub_date);

  599. 						$('#order-ticket .order_sub_time').html(order_sub.order_sub_time);

  600. 						$('#order-ticket .order_pay_success_date').html(order_pay_success.order_pay_success_date);

  601. 						$('#order-ticket .order_pay_success_time').html(order_pay_success.order_pay_success_time);

  602. 						$('#order-ticket .order_ticket_success_date').html(order_ticket_success.order_ticket_success_date);

  603. 						$('#order-ticket .order_ticket_success_time').html(order_ticket_success.order_ticket_success_time);

  604. 						$('#order-ticket').css("display", "block");

  605. 					} else if (order_status == '已完成') {

  606. 						var order_pay_success = jieguo.order_pay_success;

  607. 						var order_ticket_success = jieguo.order_ticket_success;

  608. 						var order_travel_success = jieguo.order_travel_success;

  609. 						$('#order-pay').addClass('hide');

  610. 						$('#order-ticket').addClass('hide');

  611. 						$('#order-cancel').addClass('hide');

  612. 						$('#order-complete .order_sub_date').html(order_sub.order_sub_date);

  613. 						$('#order-complete .order_sub_time').html(order_sub.order_sub_time);

  614. 						$('#order-complete .order_pay_success_date').html(order_pay_success.order_pay_success_date);

  615. 						$('#order-complete .order_pay_success_time').html(order_pay_success.order_pay_success_time);

  616. 						$('#order-complete .order_ticket_success_date').html(order_ticket_success.order_ticket_success_date);

  617. 						$('#order-complete .order_ticket_success_time').html(order_ticket_success.order_ticket_success_time);

  618. 						$('#order-complete .order_travel_success_date').html(order_travel_success.order_travel_success_date);

  619. 						$('#order-complete').css("display", "block");

  620. 					} else if (order_status == '已取消') {

  621. 						var order_cancel = jieguo.order_cancel;

  622. 						$('#order-pay').addClass('hide');

  623. 						$('#order-ticket').addClass('hide');

  624. 						$('#order-complete').addClass('hide');

  625. 						$('#order-cancel .order_sub_date').html(order_sub.order_sub_date);

  626. 						$('#order-cancel .order_sub_time').html(order_sub.order_sub_time);

  627. 						$('#order-cancel .order_cancel_reason').html(order_cancel.order_cancel_reason);

  628. 						$('#order-cancel .order_cancel_date').html(order_cancel.order_cancel_date);

  629. 						$('#order-cancel .order_cancel_time').html(order_cancel.order_cancel_time);

  630. 						$('#order-cancel').css("display", "block");

  631. 					}

  632. 					var line_info = jieguo.line_info;

  633. 

  634. 					var insertTable = "";

  635. 					for (var item in line_info) {

  636. 						insertTable += "<tr><td><a href='#'>" + line_info[item].line_code + "</a>" + line_info[item].line_name + "</td><td>" + line_info[item].start_area + "</td><td>" + line_info[item].end_area + "</td>";

  637. 						var start_time = '';

  638. 						var car_number = '';

  639. 						var seat = '';

  640. 						var ticket_name = '';

  641. 						var seat_number = '';

  642. 						var if_print = '';

  643. 						var if_meal = '';

  644. 						var if_bounce = '';

  645. 						var price = '';

  646. 						for (var item1 in line_info[item].tickets) {

  647. 							(line_info[item].tickets[item1].if_print == 0) ? aif_print = "否": aif_print = "是";

  648. 							(line_info[item].tickets[item1].if_meal == 0) ? aif_meal = "否": aif_meal = "是";

  649. 							(line_info[item].tickets[item1].if_bounce == 0) ? aif_bounce = "否": aif_bounce = "已退票";

  650. 							if (line_info[item].tickets[item1].if_bounce != 0) {

  651. 								start_time += "<div class='padding gray'>" + line_info[item].tickets[item1].start_time + "</div>";

  652. 								car_number += "<div class='padding gray'>" + line_info[item].tickets[item1].car_number + "</div>";

  653. 								seat += "<div class='padding gray'>" + line_info[item].tickets[item1].seat + "</div>";

  654. 								ticket_name += "<div class='padding gray'>" + line_info[item].tickets[item1].ticket_name + "</div>";

  655. 								seat_number += "<div class='padding gray'>" + line_info[item].tickets[item1].seat_number + "</div>";

  656. 								if_print += "<div class='padding gray'>" + aif_print + "</div>";

  657. 								if_meal += "<div class='padding gray'>" + aif_meal + "</div>";

  658. 								if_bounce += "<div class='padding gray'>" + aif_bounce + "</div>";

  659. 								price += "<div class='padding gray' style='color:#FF9900;'><span style='font-family:Arial;'>&yen;</span>" + line_info[item].tickets[item1].price + "</div>";

  660. 							} else {

  661. 								start_time += "<div class='padding'>" + line_info[item].tickets[item1].start_time + "</div>";

  662. 								car_number += "<div class='padding'>" + line_info[item].tickets[item1].car_number + "</div>";

  663. 								seat += "<div class='padding'>" + line_info[item].tickets[item1].seat + "</div>";

  664. 								ticket_name += "<div class='padding'>" + line_info[item].tickets[item1].ticket_name + "</div>";

  665. 								seat_number += "<div class='padding'>" + line_info[item].tickets[item1].seat_number + "</div>";

  666. 								if_print += "<div class='padding'>" + aif_print + "</div>";

  667. 								if_meal += "<div class='padding'>" + aif_meal + "</div>";

  668. 								if_bounce += "<div class='padding'>" + aif_bounce + "</div>";

  669. 								price += "<div class='padding' style='color:#FF9900;'><span style='font-family:Arial;'>&yen;</span>" + line_info[item].tickets[item1].price + "</div>";

  670. 							}

  671. 						}

  672. 						insertTable += "<td>" + start_time + "</td><td>" + car_number + "</td><td>" + seat + "</td><td style='display:none;'>" + ticket_name + "</td><td>" + seat_number + "</td><td>" + if_print + "</td><td>" + if_meal + "</td><td>" + if_bounce + "</td><td>" + price + "</td></tr>";

  673. 					}

  674. 					insertTable += "<tr style='border-top:1px solid #797979;'><td colspan='9'></td><td>总额</td><td style='color:#FF9900;'><span style='font-family:Arial;'>&yen;</span>" + jieguo.total_rmb + "</td></tr>";

  675. 					//console.log(insertTable);

  676. 					$('#sample-table-1 tbody').html(insertTable);

  677. 					$('#customer_name').html("联系人：" + jieguo.customer_info.customer_name);

  678. 					$('#customer_mobile').html("手机号：" + jieguo.customer_info.customer_mobile);

  679. 					$('#customer_id').html(jieguo.customer_info.customer_type_name + "：" + jieguo.customer_info.customer_id);

  680. 

  681. 

  682. 					$('#send_bus_no').html("车牌号：" + jieguo.driver.send_bus_no);

  683. 					$('#send_driver_name').html("司机姓名：" + jieguo.driver.send_driver_name);

  684. 					$('#send_driver_mobile').html("司机姓名：" + jieguo.driver.send_driver_mobile);

  685. 

  686. 					$("#xm_show").css("display", "block");

  687. 					

  688. 					var msg_url="./st-xm/Api/order_details.php?method=get_msg&order_id=" + orderid;

  689. 					get_order_send_message(msg_url);

  690. 					

  691. 					$("#cancel").click(function() {

  692. 						$("#cancel").attr("disabled", "disabled");

  693. 						var url = "./st-xm/Api/order_list.php?method=cancelOrder&order_id=" + order_no;

  694. 						$.getJSON(url, function(res_data) {

  695. 							if (res_data['code'] != "0") {

  696. 								alert(res_data['info']);

  697. 							}

  698. 							alert('取消成功');

  699. 							location.replace(location.href);

  700. 						})

  701. 					});

  702. 				} else {

  703. 					$("#xm_show").html('');

  704. 					alert(jieguo.info);

  705. 

  706. 				}

  707. 			});

  708. 			

  709. 			//时间倒计时

  710. 			function ShowCountDown() {

  711. 

  712. 				time = Math.floor(time - 1);

  713. 				var leftsecond = time;

  714. 				minute = Math.floor((leftsecond) / 60);

  715. 				var second = Math.floor(leftsecond - minute * 60);

  716. 				cc = document.getElementById("countdown");

  717. 

  718. 				if (time < 0) {

  719. 					return;

  720. 				}

  721. 				if (second < 10 && minute > 9) {

  722. 					cc.innerHTML = minute + "分0" + second + "秒";

  723. 				} else if (second < 10 && minute < 10) {

  724. 					cc.innerHTML = '0' + minute + "分:0" + second + "秒";

  725. 				} else if (second > 9 && minute < 10) {

  726. 					cc.innerHTML = '0' + minute + "分:" + second + "秒";

  727. 				} else {

  728. 					cc.innerHTML = minute + "分:" + second + "秒";

  729. 				}

  730. 			}

  731. 

  732. 			//订单详情页结算信息

  733. 			function initHtml(){

  734. 				$.ajax({

  735. 						url:'http://192.168.6.120:8080/ZZFXX/coding/zz-tra/control.php',  

  736. 						type: "post", 

  737. 						data: {type:"fina_detail",order_id: orderid},  

  738. 						dataType: "json",

  739. 						success: function (data) {

  740. 							console.log(data)

  741. 					    },

  742. 						fail: function (data) {

  743. 							        // 此处放失败后执行的代码

  744. 							 }

  745. 						});

  746. 			}

  747. 		</script>

  748. 	</body>

  749. 	<script src="js/master.js" type="text/javascript" charset="utf-8"></script>

  750. 

  751. </html>