<script type="text/javascript" src='js/plugins/jquery.dataTables.min.js'></script>
<link rel="stylesheet" type="text/css" href="css/hotel/css/procedure.css?123"/>
<div class="pageheader notab">
    <h1 class="pagetitle">订单明细</h1>
    <span class="pagedesc">管理V币商城中订单明细</span>
</div><!--pageheader-->
<style  type="text/css">
	input{width:80%; height: 20px;}
	table{border: 1px solid #eee;}
	.stdtable tbody tr td { padding: 8px 10px; border-right: 1px solid #eee; color: #666; }
.stdtable tbody tr:last-child td { border-bottom: 0px solid #ddd; }
.stdtable tbody tr td:first-child { border-left: 0px solid #ddd; }
.stdtable tbody tr td:last-child { border-right: 0px solid #ddd; }
</style>
<div id="contentwrapper" class="contentwrapper">
	<div class="contenttitle2">
		<h3>下单人信息</h3>
	</div>
	<table cellpadding="0" cellspacing="0" borderDetail="0" class="stdtable"
		id="dyntable3">
		<tbody>
			<tr class="gradeX" style="background-color: #ebf2fc;">
				<td>下单姓名</td><td><span></span><input disabled="disabled" type="text" value="{{ order.memberName }}"  ></input></td>
				<td>下单人电话</td><td><input disabled="disabled" type="text" value="{{ order.memberTelphone}}"  ></input></td>
			</tr>
			
		</tbody>
	</table>
	
	
	<div class="contenttitle2">
		<h3>订单信息</h3>
	</div>
	<!--contenttitle-->
	<table cellpadding="0" cellspacing="0" borderDetail="0" class="stdtable"
		id="dyntable3">
		<tbody>
			<tr class="gradeX" style="background-color: #ebf2fc;">
				<td>订单号</td><td><span style="color: red;font-weight: bold;">{{ order.orderCode }}</span></td>
				<td ng-if="order.orderType ==0">订单V币</td><td ng-if="order.orderType ==0" ><input disabled="disabled" type="text" value="{{ order.payIntegral }}" ></input></td>
				<td ng-if="order.orderType ==1">订单金额</td><td ng-if="order.orderType ==1"><input disabled="disabled" type="text" value="{{ order.orderMoney}}" ></input></td>
				<td>订单状态</td>
				<td><span style="color: red;font-weight: bold;">{{ order.orderMessage}}</span></td>
			</tr>
			<tr class="gradeX" >
				<td>支付时间</td><td><input disabled="disabled" type="text" value="{{ order.payDate }}"></input></td>
				<td>交易流水号</td><td><input disabled="disabled" type="text" value="{{ order.transactionId }}"></input></td>
				<td>支付人</td><td><input disabled="disabled" type="text" value="{{ order.payName }}"></input></td>
			</tr>
			
			<tr class="gradeX" style="background-color: #ebf2fc;">
				<td>客栈名称</td><td><input disabled="disabled" type="text" value="{{ order.hotelName}}"></input></td>
				<td>房型</td><td><input disabled="disabled" type="text" value="{{ order.roomName}}"></input></td>
				<td>预订房间数</td><td><span style="color: red;font-weight: bold;">{{ order.roomNumber}}</span></td>
			</tr>
			
			<tr class="gradeX" >
				<td>入住时间</td><td><input disabled="disabled" type="text" value="{{ order.checkInDate}}"></input></td>
				<td>退房时间</td><td><input disabled="disabled" type="text" value="{{ order.checkOutDate}}"></input></td>
			</tr>
		</tbody>
	</table>
	
	<div class="contenttitle2">
		<h3>入住人信息</h3>
	</div>
	<!--contenttitle-->
	<table cellpadding="0" cellspacing="0" borderDetail="0" class="stdtable"
		id="dyntable3">
		<tbody>
			<tr class="gradeX" style="background-color: #ebf2fc;">
				<td>入住人姓名</td><td><input disabled="disabled" type="text" value="{{ order.renterInfo }}"></input></td>
				<td >入住人电话</td><td ><input disabled="disabled" type="text" value="{{ order.renterPhone }}"></input></td>
				<td>入住人身份证号</td><td><input disabled="disabled" type="text" value="{{ order.renterIdcard}}"></input></td>
			</tr>
		</tbody>
	</table>
	<div class="contenttitle2">
		<h3>订单房间明细</h3>
	</div>
	<!--contenttitle-->
	<table cellpadding="0" cellspacing="0" borderDetail="0" class="stdtable"
		id="dyntable3">
		<thead>
			<tr>
				<th class="head0">订单号</th>
				<th class="head0">预订日期</th>
				<th class="head0" ng-if="order.orderType==1">单价</th>
				<th class="head0" ng-if="order.orderType==0">积分</th>
				<th class="head0">交易状态</th>
				<th class="head0">客栈状态</th>
				<th class="head0">明细</th>
			</tr>
		</thead>
		<tbody>
			<tr class="gradeX"  ng-repeat=" detailBean in order.detailBeans" >
				<td style="text-align: center;">{{ detailBean.subOrderCode }}</td>
				<td style="text-align: center;">{{ detailBean.checkinDate }}</td>
				<td style="text-align: center;" ng-if="order.orderType==0">{{ detailBean.integral }}</td>
				<td style="text-align: center;" ng-if="order.orderType==1">{{ detailBean.retailPrice }}</td>
				<td style="text-align: center;">{{ detailBean.statusMsg }}</td>
				<td style="text-align: center;">{{ detailBean.hotelStatusMsg }}</td>
				<td><a href="javascript:void(0)" ng-click="showProcedureList(detailBean.subOrderId)">明细</a></td>
			</tr>
		</tbody>
	</table>
	<br>
	<div style="float: right;margin-right: 80px;font-weight:bold;font-size: 20px">
			<span ng-if="order.orderType==0" style="font-weight:bold;font-size: 20px">订单总积分:{{ order.payIntegral}}</span>
				   <span ng-if="order.orderType==1" style="font-weight:bold;font-size: 20px">订单总额:{{ order.orderMoney}}</span>
	</div>
</div>

<article stop-pro class="hotel_room_detail kz_tk_xq_block">
	<!--遮罩层 start-->
	<div class="_mask"></div>
	<!--遮罩层 end-->
	<!--实际内容层 start-->
	<div class="real_content">
		<div class="layout-f-margin-box">
		<div class="top_c">
			<section class="kz_jc">
					<!--loop start-->
					<div class="jc_item"  ng-repeat="procedure in procedures">
						<em class="circle_mark current"></em>
						<div class="i-b">
							<h3 class="t-tips gs">{{procedure.operatorMsg}}</h3>
							<span class="gs">{{procedure.operatorDate}}</span>
						</div>
					</div>
					<!--loop end-->
			</section>
		</div>

		<!--加一个 框 start-->
		<div>
		<!--加一个 框 end-->
		<div class="top_b">
			<a class="close" id="gbtk" href="javascript:void(0);" ng-click="hideProcedureList()"></a>
		</div>
	</div>
	<!--实际内容层 end-->
</article>