zhengwei
/
buying


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="meta.jsp"%>
<title>${siteName}</title>
<style>
.show-msg .mui-table-view-cell label {
	float: left;
	color: #333;
	width: 73px;
}

.show-msg .mui-table-view-cell p {
	margin-left: 77px;
	color: #000;
}

.product-img {
	width: 75px;
}

.mui-btn {
	padding: 0.1rem 0.5rem;
}
.mui-input-row .mui-numbox {
    margin: 0.12rem 0.16rem;
}
</style>
</head>

<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 id="title" class="mui-title">订单详情</h1>
	</header>
	<div class="mui-content mui-hidden">
		<div class="mui-content-padded fs14 color-red mui-hidden" id="tip">请到商家店铺内让商户（服务员）进行核销使用</div>
		<ul class="mui-table-view product mt10" id="product">
		</ul>
		<ul class="mui-table-view product line-left fs14 mui-hidden"
			id="sumPrice">
			<li class="mui-table-view-cell">
				<p class="color1 items">
					<span class="item">付款金额</span> <span class="product-price"
						id="pay_amt"></span>
				</p>
			</li>
		</ul>
		<ul class="mui-table-view product line-left fs14 mui-hidden"
			id="sumIntegral">
			<li class="mui-table-view-cell">
				<p class="color1 items">
					<span class="item">消费积分</span> <span class="product-price"
						id="order_integral"></span>
				</p>
			</li>
		</ul>
		<div id="pay" class="mui-hidden">
			<div class="mui-content-padded fs14">支付方式</div>
			<div class="mui-table-view fs14 mt10 no-line">
				<div class="mui-input-group">
					<div class="mui-input-row mui-radio">
						<div class="check-label items">
							<span class="mui-icon iconfont icon-weixin"
								style="color: #50b674"></span>
							<div class="item pl5">
								<span>微信支付</span>
							</div>
						</div>
						<input name="pay" id="pay2" type="radio" checked>
					</div>
					<div class="mui-input-row mui-radio mui-hidden">
						<div class="check-label items">
							<span class="mui-icon iconfont icon-balance main-color"></span>
							<div class="item pl5">
								<span>余额支付</span>
							</div>
							<div class="check-tip">
								账户余额：<span id="money">0</span>
							</div>
						</div>
						<input name="pay" id="pay1" type="radio">
					</div>
				</div>
			</div>
			<div
				class="mui-content-padded mui-text-center main-color fs14 left-time"></div>
			<div class="mui-content-padded">
				<button id="pay-btn" type="button"
					class="mui-btn mui-btn-primary mui-btn-block">立即支付</button>
			</div>
		</div>
		<div id="use" class="mui-hidden">
			<div class="mui-content-padded fs14">密码核销</div>
			<div class="mui-input-group">
				<div class="mui-input-row">
					<input id="password" type="text" placeholder="商家输入核销密码">
				</div>
				<div class="mui-input-row" id="use-num" style="display: none">
					<label>核销数量</label>
					<div class="mui-numbox" data-numbox-min="1">
						<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
						<input class="mui-input-numbox" type="number" value="1" readonly/>
						<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
					</div>
				</div>
			</div>
            <div class="fs14" id="surplus-qty" style="display: none;margin-left: 0.2rem"></div>
			<div class="mui-content-padded">
				<button id="use-btn" type="button"
					class="mui-btn mui-btn-primary mui-btn-block">确认使用</button>
				<button id="reorder-btn" type="button"
						class="mui-btn mui-btn-block mui-hidden">重新预约</button>
			</div>
			<div class="mui-content-padded fs14 main-color use_time"></div>
		</div>
		<div id="order" class="mui-hidden">
			<div class="mui-content-padded fs14">请预约使用日期</div>
			<div class="mui-input-group">
				<div class="mui-input-row">
					<select id="order_date" style="padding: 0 0.3rem;">
                    </select>
				</div>
			</div>
			<div class="mui-content-padded">
				<button id="order-btn" type="button"
						class="mui-btn mui-btn-primary mui-btn-block">确认预约</button>
			</div>
            <div class="mui-content-padded fs14 main-color use_time"></div>
		</div>
		<div id="comment" class="mui-hidden">
			<div class="mui-popup mui-popup-in" style="display: block;">
				<div class="mui-icon iconfont icon-chucuo1 mui-pull-right color2"></div>
				<div class="bgcolor1 pd15 mui-text-center">
					<img src="${base}/static/mobile/image/usesuccess.png"
						style="width: 100%">
					<div class="mt10">
						本单获得<span class="main-color integral">0积分</span>
					</div>
					<div class="mt10 mui-clearfix">
						<div class="mui-btn mui-btn-primary mui-btn-outlined mui-pull-left main">看看别的</div>
						<div class="mui-btn mui-btn-primary mui-pull-right comment">&nbsp;&nbsp;去评价&nbsp;&nbsp;</div>
					</div>
				</div>
			</div>
			<div class="mui-popup-backdrop mui-active" style="display: block;"></div>
		</div>
	</div>
</body>
<script src="${base}/static/mobile/js/userOrderDetail.js?v=${version}"></script>
</html>