nizongfeng
/
zzcx_line

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/master.css">
		<link rel="stylesheet" href="css/ace.min.css">
		<script src="js/jquery-2.2.4.min.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<script src="js/xm.js"></script>
		<!-- 	<script src="js/bootstrap.min.js"></script> -->

		<script>
			login();
		</script>
		<style type="text/css">
			body {
				font-size: 12px !important;
				background-color: #fff;
			}
			
			#orderCount {
				margin-top: 0px;
				width: 916px;
				height: 44px;
			}
			
			#sample-table-1 .padding {
				padding-bottom: 10px;
			}
			
			#sample-table-1 .gray {
				color: gray !important;
			}
			
			#sample-table-1 tbody td div:last-child {
				padding-bottom: 0;
			}
			
			#sample-table-1 td,
			th {
				text-align: center;
			}
			
			#fuelux-wizard ul> li> span:not(:first-child) {
				font-size: 12px;
			}
			
			.control-show {
				float: left;
			}
			
		.notifacation {
			width: 160px;
			height: 34px;
			border: 1px solid lightgray;
			margin-top: 10px;
			margin-left: 20px;
			text-align: center;
			display: inline-block;
			line-height: 34px;
		}
		</style>
	</head>

	<body>
		<div class="navbar navbar-default" style="margin-bottom: 0px;">
			<div class="navbar-header ">
				<a href="#" class="navbar-brand">
					<i class="icon-leaf"></i> CS System<sub style="font-size:12px;position: initial;">&nbsp;<span id="version_txt"></span></sub>
				</a>
			</div>
		</div>

		<div class="warp clearfix">
			<div class="control-bar">
			</div>
			<div class="control-show" style="width:1200px; display:none;" id="xm_show">

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

					<div style="margin-bottom:10px;font-size:14px;">订单详情</div>
					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-pay">
						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">
							<p class="text-muted order_no"></p>
							<p class="order_status"></p>
							<button class="btn btn-white" style="padding:2px 18px;font-size:12px;margin-right:10px;" id="cancel">取消</button>
							<i class="icon-time bigger-110"></i><span id="countdown"></span>
							<p></p>
							<p class="order_source"></p>
							<p class="sales"></p>
						</div>
						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">
							<ul class="wizard-steps">
								<li data-target="#step1" class="active">
									<span class="step">1</span>
									<span class="title">提交订单</span>
									<span class="title order_sub_date"></span>
									<span class="title order_sub_time"></span>
								</li>

								<li data-target="#step2">
									<span class="step">2</span>
									<span class="title">付款成功</span>
								</li>

								<li data-target="#step3">
									<span class="step">3</span>
									<span class="title">出票成功</span>

								</li>

								<li data-target="#step4">
									<span class="step">4</span>
									<span class="title">出行成功</span>
								</li>
							</ul>
							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>
							<div id="orderCount">
								<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>
							</div>
						</div>
						<div style="clear:both;"></div>
					</div>
					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-ticket">
						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">
							<p class="text-muted order_no"></p>
							<p class="order_status"></p>
							<a href="./change_back.html?orderid=" class="btn btn-white" style="padding:2px 18px;font-size:12px;">退改</a>
							<p></p>
							<p class="order_source"></p>
							<p class="sales"></p>
						</div>
						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">
							<ul class="wizard-steps">
								<li data-target="#step1" class="active">
									<span class="step">1</span>
									<span class="title">提交订单</span>
									<span class="title order_sub_date"></span>
									<span class="title order_sub_time"></span>
								</li>

								<li data-target="#step2" class="active">
									<span class="step">2</span>
									<span class="title">付款成功</span>
									<span class="title order_pay_success_date"></span>
									<span class="title order_pay_success_time"></span>
								</li>

								<li data-target="#step3" class="active">
									<span class="step">3</span>
									<span class="title">出票成功</span>
									<span class="title order_ticket_success_date"></span>
									<span class="title order_ticket_success_time"></span>
								</li>

								<li data-target="#step4">
									<span class="step">4</span>
									<span class="title">出行成功</span>
								</li>
							</ul>
							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>
							<div id="orderCount">
								<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>
							</div>
						</div>
						<div style="clear:both;"></div>
					</div>
					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-complete">
						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">
							<p class="text-muted order_no"></p>
							<p class="order_status"></p>
							<p class="order_source"></p>
							<p class="sales"></p>
						</div>
						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">
							<ul class="wizard-steps">
								<li data-target="#step1" class="active">
									<span class="step">1</span>
									<span class="title">提交订单</span>
									<span class="title order_sub_date"></span>
									<span class="title order_sub_time"></span>
								</li>

								<li data-target="#step2" class="active">
									<span class="step">2</span>
									<span class="title">付款成功</span>
									<span class="title order_pay_success_date"></span>
									<span class="title order_pay_success_time"></span>
								</li>

								<li data-target="#step3" class="active">
									<span class="step">3</span>
									<span class="title">出票成功</span>
									<span class="title order_ticket_success_date"></span>
									<span class="title order_ticket_success_time"></span>
								</li>

								<li data-target="#step4" class="active">
									<span class="step">4</span>
									<span class="title">出行成功</span>
									<span class="title order_travel_success_date"></span>
								</li>
							</ul>
							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>
							<div id="orderCount">
								<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>
							</div>
						</div>
						<div style="clear:both;"></div>
					</div>
					<div class="widget-main" style="border:1px solid #ccc;margin-bottom:40px;display:none;" id="order-cancel">
						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">
							<p class="text-muted order_no"></p>
							<p class="order_status"></p>
							<p class="order_source"></p>
							<p class="sales"></p>
						</div>
						<div id="fuelux-wizard" class="row-fluid col-sm-9" data-target="#step-container">
							<ul class="wizard-steps">
								<li data-target="#step1" class="active">
									<span class="step">1</span>
									<span class="title">提交订单</span>
									<span class="title order_sub_date"></span>
									<span class="title order_sub_time"></span>
								</li>

								<li data-target="#step2" class="active">
									<span class="step">2</span>
									<span class="title order_cancel_reason"></span>
									<span class="title order_cancel_date"></span>
									<span class="title order_cancel_time"></span>
								</li>
							</ul>
							<div style=" margin-left: 0px; border: 1px dashed lightgray ;width: 844px;"></div>
							<div id="orderCount">
								<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>
							</div>
						</div>
						<div style="clear:both;"></div>
					</div>

					<div class="row" style="margin-bottom:20px;" id="ticket-details">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->

							<div class="row">
								<div class="col-xs-12">
									<div class="table-responsive">
										<table id="sample-table-1" class="table table-striped table-bordered">
											<thead>
												<tr style=" background: #fff;">
													<th>线路</th>
													<th>出发地</th>
													<th>目的地</th>
													<th>出发时间</th>
													<th>车号</th>
													<th>座位等级</th>
													<th style="display: none;">人群</th>
													<th>座号</th>
													<th>打印</th>
													<th>改签</th>
													<th>退票</th>
													<th>金额</th>
												</tr>
											</thead>

											<tbody>
												<tr>
													<td>SHWZ - J01（上海 - 乌镇 - 萧山）</td>
													<td>上海（黄埔集散）</td>
													<td>乌镇（西栅牌坊）</td>
													<td>
														<div class="padding">2016.05.20 07:00</div>
														<div class="gray">2016.05.20 07:00</div>
													</td>
													<td>
														<div class="padding">01</div>
														<div class="gray">01</div>
													</td>
													<td>
														<div class="padding">普通</div>
														<div class="gray">普通</div>
													</td>
													<td>
														<div class="padding">成人</div>
														<div class="gray">儿童</div>
													</td>
													<td>
														<div class="padding">2</div>
														<div class="gray">3</div>
													</td>
													<td>
														<div class="padding">否</div>
														<div class="gray">是</div>
													</td>
													<td>
														<div class="padding">是</div>
														<div class="gray">是</div>
													</td>
													<td>
														<div class="padding">-</div>
														<div class="gray">-</div>
													</td>
													<td>
														<div class="padding" style="color:#FF9900;"><span style="font-family:Arial;">&yen;</span>120</div>
														<div class="gray">￥50</div>
													</td>
												</tr>
												<tr>
													<td>SHWZ - J01（上海 - 乌镇 - 萧山）</td>
													<td>上海（黄埔集散）</td>
													<td>乌镇（西栅牌坊）</td>
													<td>
														<div class="padding">2016.05.20 07:00</div>
														<div class="gray">2016.05.20 07:00</div>
													</td>
													<td>
														<div class="padding">01</div>
														<div class="gray">01</div>
													</td>
													<td>
														<div class="padding">普通</div>
														<div class="gray">普通</div>
													</td>
													<td>
														<div class="padding">成人</div>
														<div class="gray">儿童</div>
													</td>
													<td>
														<div class="padding">2</div>
														<div class="gray">3</div>
													</td>
													<td>
														<div class="padding">否</div>
														<div class="gray">是</div>
													</td>
													<td>
														<div class="padding">是</div>
														<div class="gray">是</div>
													</td>
													<td>
														<div class="padding">-</div>
														<div class="gray">-</div>
													</td>
													<td>
														<div class="padding" style="color:#FF9900;">￥120</div>
														<div class="gray">￥50</div>
													</td>
												</tr>

												<tr>

													<td colspan="9"></td>
													<td>总额</td>
													<td style="color:#FF9900;">￥120</td>
												</tr>
											</tbody>
										</table>
									</div>
									<!-- /.table-responsive -->
								</div>
								<!-- /span -->
							</div>
							<!-- /row -->
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
					<div class="widget-main" style="border:1px solid #ccc;" id="contacts">
						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">
							<p id="customer_name">联系人：王小二</p>
							<p id="customer_mobile">手机：13333333333</p>
							<p id="customer_id">身份证：111113333333333</p>
						</div>
						<div class="col-sm-3" style="border-right:1px solid #ccc;padding-left:20px;">
							<p id="send_bus_no">车牌号：王小二</p>
							<p id="send_driver_name">司机姓名：13333333333</p>
							<p id="send_driver_mobile">司机手机：111113333333333</p>
						</div>
						<div id="fuelux-wizard" class="row-fluid col-sm-6" data-target="#step-container"></div>
						<div style="clear:both;"></div>
					</div>
							
					<!--分销-->
					<!--
					<div style="font-weight:bold; margin-top: 50px;">结算信息</div>
					<div style="width: 1200px;height: 1px;border: 1px solid lightgray;"></div>
					<div class="widget-main" style="border:1px solid #ccc;margin-top: 20px;" id="contacts">
						<div style="margin-left: 10px;">
							<span>销售方式：</span>
							<span>[销售方式]</span>
						</div>
						<div style="margin-left: 10px; margin-top: 5px;">
							<span>支付方式：</span>
							<span>[支付方式]</span>
						</div>
						<div style="margin-left: 10px; margin-top: 5px;">
							<span>佣金结算：</span>
							<span>[佣金结算]</span>
						</div>
						<div style="margin-left: 10px; margin-top: 5px;">
							<span>结算时间：</span>
							<span>[结算时间]</span>
						</div>
					</div>
					-->
					<!--短信通知-->
					<div class="info_noti" style="display: none;width: 530px;padding-bottom: 20px;padding-top:20px;border: 1px solid darkgray;border-radius: 5px;overflow: hidden;">
						<span style="width:76px;display: inline-block;text-align: center;">短信通知</span>
						<div style="margin-top:10px;margin-bottom: 20px;height: 1px;border-bottom: 1px dashed lightgray;"></div>
						<div id="pagination" class="row">
							<div class="col-xs-12">
								<div class="table-responsive" style="width: 490px;margin: 0 auto;">
									<table width="490px" id="sample-table-2" class="table table-striped table-bordered table-hover">
										<thead>
											<tr>
												<th width="290px">内容</th>
												<th width="80px">操作人</th>
												<th width="120px">发送时间</th>
											</tr>
										</thead>
										<tbody id="ht_send_message_list">
											<tr id="ht_tr_mes_one">
												<!--手机号：短信内容-->
												<td style="text-align: left;">[内容]</td>
												<td>[操作人]</td>
												<td>[发送时间]</td>
											</tr>
										</tbody>
									</table>
								</div>
								<!-- /.table-responsive -->
							</div>
							<!-- /span -->
						</div>
						<!--row end-->
						<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>
					</div>
			
					
					<!--短信通知 end-->
					<!--蒙板-->
					<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>
				</div>
			</div>
		</div>
		<script type="text/javascript">
		//结算信息
		window.onload = function(){
			initHtml();
		}
		//点击了关闭
function click_cancel(father_name, self_name) {
	if (father_name) {
		var father = $(father_name);
		center_show(father);
	} else {
		$('.mask').css('display', 'none');
	}
	$(self_name).css('display', 'none');
}
			//请求订单-短信通知
			function get_order_send_message(mes_url) {
				$.getJSON(mes_url, function(res_data) {
					if(res_data['code']!="0"){$('#ht_tr_mes_one').html('');alert(res_data['info']);}
					if(res_data['message'].length<=0){
						$('#ht_tr_mes_one').html('');
						return;
					}
					$('.notifacation').html('短信通知：'+res_data['message'].length+'条');
//					$('#span_info_noti').html('短信通知：'+res_data['message'].length+'条');
					 console.log("短信"+mes_url);
					 console.log(res_data);
					 var ht_tr_mes_one_str=$('#ht_tr_mes_one').prop('outerHTML');
					var ht_send_message_list = $('#ht_send_message_list');
					var order_send_message_arr = res_data['message'];
					if (order_send_message_arr == undefined) {
						return;
					}
					var mesHTML = '';
					for (var i = 0; i < order_send_message_arr.length; i++) {
						var dict = order_send_message_arr[i];
						var HTML = ht_tr_mes_one_str;
						HTML = HTML.replace('[内容]', dict['send_mobile'] + "：" + dict['message']);
						HTML = HTML.replace('[操作人]', dict['user_name']);
						HTML = HTML.replace('[发送时间]', dict['send_time']);
						mesHTML += HTML;
					}
					console.log(mesHTML);
					ht_send_message_list.html(mesHTML);
				});
			}
			//点击了三个固定的
			function click_show_div(objName, self_obj) {
				var obj = $(objName);
				if (obj.css('display') == 'none') {
					center_show(obj);
				} else {
					obj.css('display', 'none');
				}
			}
			//点击了第二级
			function click_two_show_div(father_name, self_name) {
				var father = $(father_name);
				var self = $(self_name);
				father.css('display', 'none');
				center_show(self);
			}
			//居中显示
			var tempDiv = null;

			function center_show(show_div) {
				tempDiv = show_div;
				//显示蒙板
				show_div.css('display', 'block');
				show_div.css('z-index', 10);
				show_div.css('background-color', 'white');
				show_div.css('position', 'fixed');

				var w = show_div.css('width');
				var h = show_div.css('height');
				w = w.substr(0, w.length - 2);
				h = h.substr(0, h.length - 2);

				//	var s_left=(window.screen.availWidth-w)/2 +"px";
				//	var s_top=(window.screen.availHeight-h)/2 +'px';
				var s_left = (window.innerWidth - w) / 2 + 'px';
				var s_top = (window.innerHeight - h) / 2 + 'px';
				show_div.css('left', s_left);
				show_div.css('top', s_top);
				$('.mask').css('display', 'block');

			}
			//点击蒙板
			function hide_all() {
				$('.mask').css('display', 'none');
				tempDiv.css('display', 'none');
			}

			function getPar(par) {
				//获取当前URL
				var local_url = document.location.href;
				local_url = decodeURI(local_url);
				//获取要取得的get参数位置
				var get = local_url.indexOf(par + "=");
				if (get == -1) {
					return false;
				}
				//截取字符串
				var get_par = local_url.slice(par.length + get + 1);
				//判断截取后的字符串是否还有其他get参数
				var nextPar = get_par.indexOf("&");
				if (nextPar != -1) {
					get_par = get_par.slice(0, nextPar);
				}
				return get_par;
			}
			var orderid = getPar("order_id");
			//var status=getQueryString("status");
			var url = "./st-xm/Api/order_details.php?order_id=" + orderid;
			$.getJSON(url, function(res_data) {
				var jieguo = res_data;
				console.log(url);
				console.log(jieguo);
				if (jieguo.code == 0) {
					var order_no = jieguo.order_no;

					var order_status = jieguo.order_status;
					var order_source = jieguo.order_source;

					var order_status = jieguo.order_status;
					var sales = jieguo.sales;
					var order_sub = jieguo.order_sub;
					$('.order_no').html("订单号：" + order_no);
					$('.order_status').html(order_status);
					$('.order_source').html("订单来源：" + order_source);
					$('.sales').html("销售方式：" + sales);
					if (order_status == '待支付') {
						time = jieguo.pay_second;
						ShowCountDown();
						setInterval("ShowCountDown()", 1000); //1000为1秒钟 
						$('#order-ticket').addClass('hide');
						$('#order-complete').addClass('hide');
						$('#order-cancel').addClass('hide');
						$('#order-pay .order_sub_date').html(order_sub.order_sub_date);
						$('#order-pay .order_sub_time').html(order_sub.order_sub_time);
						$('#order-pay').css("display", "block");
					} else if (order_status == '已出票') {
						var order_pay_success = jieguo.order_pay_success;
						var order_ticket_success = jieguo.order_ticket_success;
						$('#order-pay').addClass('hide');
						$('#order-complete').addClass('hide');
						$('#order-cancel').addClass('hide');
						$('#order-ticket .order_sub_date').html(order_sub.order_sub_date);
						$('#order-ticket .order_sub_time').html(order_sub.order_sub_time);
						$('#order-ticket .order_pay_success_date').html(order_pay_success.order_pay_success_date);
						$('#order-ticket .order_pay_success_time').html(order_pay_success.order_pay_success_time);
						$('#order-ticket .order_ticket_success_date').html(order_ticket_success.order_ticket_success_date);
						$('#order-ticket .order_ticket_success_time').html(order_ticket_success.order_ticket_success_time);
						$('#order-ticket').css("display", "block");
					} else if (order_status == '已完成') {
						var order_pay_success = jieguo.order_pay_success;
						var order_ticket_success = jieguo.order_ticket_success;
						var order_travel_success = jieguo.order_travel_success;
						$('#order-pay').addClass('hide');
						$('#order-ticket').addClass('hide');
						$('#order-cancel').addClass('hide');
						$('#order-complete .order_sub_date').html(order_sub.order_sub_date);
						$('#order-complete .order_sub_time').html(order_sub.order_sub_time);
						$('#order-complete .order_pay_success_date').html(order_pay_success.order_pay_success_date);
						$('#order-complete .order_pay_success_time').html(order_pay_success.order_pay_success_time);
						$('#order-complete .order_ticket_success_date').html(order_ticket_success.order_ticket_success_date);
						$('#order-complete .order_ticket_success_time').html(order_ticket_success.order_ticket_success_time);
						$('#order-complete .order_travel_success_date').html(order_travel_success.order_travel_success_date);
						$('#order-complete').css("display", "block");
					} else if (order_status == '已取消') {
						var order_cancel = jieguo.order_cancel;
						$('#order-pay').addClass('hide');
						$('#order-ticket').addClass('hide');
						$('#order-complete').addClass('hide');
						$('#order-cancel .order_sub_date').html(order_sub.order_sub_date);
						$('#order-cancel .order_sub_time').html(order_sub.order_sub_time);
						$('#order-cancel .order_cancel_reason').html(order_cancel.order_cancel_reason);
						$('#order-cancel .order_cancel_date').html(order_cancel.order_cancel_date);
						$('#order-cancel .order_cancel_time').html(order_cancel.order_cancel_time);
						$('#order-cancel').css("display", "block");
					}
					var line_info = jieguo.line_info;

					var insertTable = "";
					for (var item in line_info) {
						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>";
						var start_time = '';
						var car_number = '';
						var seat = '';
						var ticket_name = '';
						var seat_number = '';
						var if_print = '';
						var if_meal = '';
						var if_bounce = '';
						var price = '';
						for (var item1 in line_info[item].tickets) {
							(line_info[item].tickets[item1].if_print == 0) ? aif_print = "否": aif_print = "是";
							(line_info[item].tickets[item1].if_meal == 0) ? aif_meal = "否": aif_meal = "是";
							(line_info[item].tickets[item1].if_bounce == 0) ? aif_bounce = "否": aif_bounce = "已退票";
							if (line_info[item].tickets[item1].if_bounce != 0) {
								start_time += "<div class='padding gray'>" + line_info[item].tickets[item1].start_time + "</div>";
								car_number += "<div class='padding gray'>" + line_info[item].tickets[item1].car_number + "</div>";
								seat += "<div class='padding gray'>" + line_info[item].tickets[item1].seat + "</div>";
								ticket_name += "<div class='padding gray'>" + line_info[item].tickets[item1].ticket_name + "</div>";
								seat_number += "<div class='padding gray'>" + line_info[item].tickets[item1].seat_number + "</div>";
								if_print += "<div class='padding gray'>" + aif_print + "</div>";
								if_meal += "<div class='padding gray'>" + aif_meal + "</div>";
								if_bounce += "<div class='padding gray'>" + aif_bounce + "</div>";
								price += "<div class='padding gray' style='color:#FF9900;'><span style='font-family:Arial;'>&yen;</span>" + line_info[item].tickets[item1].price + "</div>";
							} else {
								start_time += "<div class='padding'>" + line_info[item].tickets[item1].start_time + "</div>";
								car_number += "<div class='padding'>" + line_info[item].tickets[item1].car_number + "</div>";
								seat += "<div class='padding'>" + line_info[item].tickets[item1].seat + "</div>";
								ticket_name += "<div class='padding'>" + line_info[item].tickets[item1].ticket_name + "</div>";
								seat_number += "<div class='padding'>" + line_info[item].tickets[item1].seat_number + "</div>";
								if_print += "<div class='padding'>" + aif_print + "</div>";
								if_meal += "<div class='padding'>" + aif_meal + "</div>";
								if_bounce += "<div class='padding'>" + aif_bounce + "</div>";
								price += "<div class='padding' style='color:#FF9900;'><span style='font-family:Arial;'>&yen;</span>" + line_info[item].tickets[item1].price + "</div>";
							}
						}
						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>";
					}
					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>";
					//console.log(insertTable);
					$('#sample-table-1 tbody').html(insertTable);
					$('#customer_name').html("联系人：" + jieguo.customer_info.customer_name);
					$('#customer_mobile').html("手机号：" + jieguo.customer_info.customer_mobile);
					$('#customer_id').html(jieguo.customer_info.customer_type_name + "：" + jieguo.customer_info.customer_id);


					$('#send_bus_no').html("车牌号：" + jieguo.driver.send_bus_no);
					$('#send_driver_name').html("司机姓名：" + jieguo.driver.send_driver_name);
					$('#send_driver_mobile').html("司机姓名：" + jieguo.driver.send_driver_mobile);

					$("#xm_show").css("display", "block");
					
					var msg_url="./st-xm/Api/order_details.php?method=get_msg&order_id=" + orderid;
					get_order_send_message(msg_url);
					
					$("#cancel").click(function() {
						$("#cancel").attr("disabled", "disabled");
						var url = "./st-xm/Api/order_list.php?method=cancelOrder&order_id=" + order_no;
						$.getJSON(url, function(res_data) {
							if (res_data['code'] != "0") {
								alert(res_data['info']);
							}
							alert('取消成功');
							location.replace(location.href);
						})
					});
				} else {
					$("#xm_show").html('');
					alert(jieguo.info);

				}
			});
			
			//时间倒计时
			function ShowCountDown() {

				time = Math.floor(time - 1);
				var leftsecond = time;
				minute = Math.floor((leftsecond) / 60);
				var second = Math.floor(leftsecond - minute * 60);
				cc = document.getElementById("countdown");

				if (time < 0) {
					return;
				}
				if (second < 10 && minute > 9) {
					cc.innerHTML = minute + "分0" + second + "秒";
				} else if (second < 10 && minute < 10) {
					cc.innerHTML = '0' + minute + "分:0" + second + "秒";
				} else if (second > 9 && minute < 10) {
					cc.innerHTML = '0' + minute + "分:" + second + "秒";
				} else {
					cc.innerHTML = minute + "分:" + second + "秒";
				}
			}

			//订单详情页结算信息
			function initHtml(){
				$.ajax({
						url:'http://192.168.6.120:8080/ZZFXX/coding/zz-tra/control.php',  
						type: "post", 
						data: {type:"fina_detail",order_id: orderid},  
						dataType: "json",
						success: function (data) {
							console.log(data)
					    },
						fail: function (data) {
							        // 此处放失败后执行的代码
							 }
						});
			}
		</script>
	</body>
	<script src="js/master.js" type="text/javascript" charset="utf-8"></script>

</html>