orderDetail.html 6.4 KB
<!DOCTYPE html>
<html lang="Zh-cn">
<head>
	<title>订单详情</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1.0"/>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
	<meta name="renderer" content="webkit"/>
	<meta name="Keywords" content="思埠酒店管理后台"/>
	<meta name="discription" content="思埠酒店管理后台"/>
	
	<style type="text/css">
		.status_like_btn{
			line-height:26px;
			display:inline-block;
			background-color:#F91616;
			color:#fff!important;
			padding:0px 12px;
	}
	</style>
	
</head>
<body>
  


	<!--表格1-->
	<div class="KZJD_table_container">
		
		<!--顶部导航-->
		<div class="top-navigation">
			<div class="nav-name">
				<h2>思埠之家——云南丽江软巢</h2>
			</div>
			<div class="nav-list">
				<ul>
					<li>
						<a href="#hotelIndex" title="#">首页</a>
					</li>
					<li>
						<a href="#hotelOrderListAdmin/0" title="#">V币订单</a>
					</li>
					<li>
						<a href="#hotelOrderListAdmin/1" title="#">现金订单</a>
					</li>
					<li>
						<a href="../user/logoutHotel" title="#" style="color: red;">退出</a>
					</li>
					</ul>
			</div>
		</div>

		<!--订单详情表格-->
		<div class="kzUser-orderDetail">
			

			<div class="msg-item">
				<h3 class="title">下单人信息</h3>
				<table>
					<tbody>
						<tr>
							<td><span class="xm">下单人姓名</span><span class="txt">{{ order.memberName }}</span></td>
							<td><span class="xm">下单人</span><span class="txt">{{ order.memberTelphone}}</span></td>
						</tr>
					</tbody>
				</table>
			</div>



			<div class="msg-item">
				<h3 class="title">订单信息</h3>
				<table>
					<tbody>
						<tr>
							<td><span class="xm"><pre>订 单 号:</pre></span><span class="txt">{{ order.orderCode }}</span></td>
							<td ng-if="order.orderType ==0"><span class="xm" ><pre>订 单 V 币:</pre></span><span class="txt" ng-if="order.orderType ==0">{{ order.payIntegral }}</span></td>
							<td ng-if="order.orderType ==1"><span class="xm" ><pre>订 单 金 额:</pre></span><span class="txt" ng-if="order.orderType ==1">{{ order.orderMoney}}</span></td>
							<td><span class="xm"><pre>订 单 状 态:</pre></span><span class="txt">{{ order.orderMessage}}</span></td>
						</tr>
						<tr>
							<td><span class="xm"><pre>支付时间:</pre></span><span class="txt">{{ order.payDate }}</span></td>
							<td><span class="xm"><pre>交易流水号:</pre></span><span class="txt">{{ order.transactionId }}</span></td>
							<td><span class="xm"><pre>支 付 人:</pre></span><span class="txt">{{ order.payName }}</span></td>
						</tr>
						<tr>
							<td>
								<span class="xm"><pre>房      型:</pre></span><span class="txt">{{ order.roomName}}</span>
							</td>
							<td><span class="xm"><pre>下单房间数:</pre></span><span class="txt">{{ order.roomNumber}}</span></td>
							<td></td>
						</tr>
						<tr>
							<td>
								<span class="xm"><pre>入住时间:</pre></span><span class="txt">{{ order.checkInDate}}</span>
							</td>
							<td><span class="xm"><pre>退房时间:</pre></span><span class="txt">{{ order.checkOutDate}}</span></td>
							<td></td>
						</tr>
					</tbody>
				</table>
			</div>





			<div class="msg-item">
				<h3 class="title">入住人信息</h3>
				<table>
					<tbody>
						<tr>
							<td><span class="xm">入住人姓名:</span><span class="txt">{{ order.renterInfo }}</span></td>
							<td><span class="xm">电话:</span><span class="txt">{{ order.renterPhone }}</span></td>
							<td><span class="xm">身份证号码:</span><span class="txt">{{ order.renterIdcard}}</span></td>
						</tr>
					</tbody>
				</table>
			</div>





			<div class="msg-item">
				<h3 class="title">订单房间明细</h3>
				<table>
					<tbody>
						<tr ng-repeat=" detailBean in order.detailBeans">
							<td>
								<span class="xm"><pre>订单号</pre></span><span class="txt" style="margin-right:35px;">{{ detailBean.subOrderCode }}</span>
								<span class="xm"><pre>预订日 期</pre></span><span class="txt" style="margin-right:35px;">{{ detailBean.checkinDate }}</span>
								<span class="xm" ng-if="order.orderType==1"><pre>单    价</pre></span><span class="txt" ng-if="order.orderType==1">{{ detailBean.retailPrice }}</span>
								<span class="xm" ng-if="order.orderType==0"><pre>积    分</pre></span><span class="txt" ng-if="order.orderType==0">{{ detailBean.integral }}</span>
								<span class="xm"><pre>订单状态</pre></span><span class="txt" style="margin-right:35px;">{{ detailBean.statusMsg }}</span>
								<span class="xm"><pre>入住状态</pre></span><span class="txt" style="margin-right:35px;">{{ detailBean.hotelStatusMsg }}</span>
								<span class="xm" ><pre>操作</pre></span>
								<span class="txt">
									<span class="txt" style="margin-right:35px;" ng-if="detailBean.hotelStatus == 3">已入住</span>
									<span class="txt" style="margin-right:35px;" ng-if="detailBean.hotelStatus == 2">预定失败</span>
									<span class="txt" style="margin-right:35px;" ng-if="detailBean.hotelStatus == 4">逾期未入住</span>
									<!-- <span class="txt" style="margin-right:35px;" ng-if="detailBean.status != 3">订单已取消无须操作</span> -->
									<a class="status_like_btn status" href="javascript:void(0);" title="#" ng-click="updateOrderStay(detailBean.subOrderId)" ng-if="detailBean.hotelStatus == 1 && detailBean.status==3 && compareDate(detailBean.checkinDate) == false" style="color: green;font-family:monospace;background-color: green;">已入住</a>
									<a class="status_like_btn status" href="javascript:void(0);" title="#" ng-click="updateOrderOverTime(detailBean.subOrderId)" ng-if="detailBean.hotelStatus == 1&& detailBean.status==3 && compareDate(detailBean.checkinDate) ==true" style="color: green;font-family:monospace;background-color:black; ">逾期未入住</a>
								</span>
							</td>
						</tr>
						<tr>
							<td align="center" ng-if="show ==true">
							<a class="status_like_btn status" href="javascript:void(0);" title="#" ng-click="updateOrderBooking(order.orderId,true)"  style="color: green;font-family:monospace;background-color: green;">预定成功</a>
							<a class="status_like_btn status" href="javascript:void(0);" title="#" ng-click="updateOrderBooking(order.orderId,false)" style="color: green;">预定失败</a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>

		</div>

	</div>
 
 



</body>
</html>