placingAmount.jsp
14.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jsp:include page="${ctx }/view/common/meta.jsp" />
<script src="${ctx }/resource/js/ration/placingAmount.js"></script>
<link href="${ctx }/resource/css/member.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/ration/placingAmount.css" rel="stylesheet" type="text/css" />
</head>
<body>
<jsp:include page="${ctx }/view/common/header.jsp" />
<div class="bigbox">
<jsp:include page="${ctx }/view/common/menu.jsp" />
<div class="etlist rightbox0" style="margin-top: 28px">
<h2 style="text-align: left;">额度配售</h2>
<div class="crossline"></div>
<div class="clear"></div>
<div class="hasAmount">
<div class="hasAmount-left">
<b>您拥有的额度</b>
<input id="pointAmount" type="text" value="<fmt:formatNumber value="${pointAmount }" pattern="##.##" minFractionDigits="2" />" disabled="disabled"/>
<a href="http://www.zhao.com/help/searchCategory?categoryId=41">如何获取额度?</a>
</div>
<div class="hasAmount-right">
<a class="Amount-history" href="${ctx }/user/point/record/list">额度记录</a>
</div>
</div>
<c:if test="${empty goods }">
<div style="background:#f2f2f2;width:100%;margin: 30px 0;" colspan="10"><img style="width:65%" src="${ctx }/resource/images/noData.png"></img></div>
</c:if>
<c:forEach var="good" items="${goods }" varStatus="status">
<c:if test="${(status.index+1)%2==1 }">
<ul class="youpiao-list">
</c:if>
<li class="youpiao-detail" style="position: relative;">
<c:if test="${good.lottery eq '1' }">
<img src="${ctx }/resource/images/reward.png" style="position: absolute;top:20px;left:15px;width:100px;"></img>
</c:if>
<div class="detail-left" >
<img src="${good.image }"></img>
</div>
<div class="detail-right" style="width:46%">
<p class="bianhao">
<b>${good.otcCode }</b>
</p>
<p class="name">
<b>${good.otcName}</b>
</p>
<p class="money">
<b><span class="goodsPrice">
<fmt:formatNumber value="${good.price }" pattern="##.##" minFractionDigits="2" />
</span></b>元+<b><span class="goodsPoint">
<fmt:formatNumber value="${good.point }" pattern="##.##" minFractionDigits="2" />
</span></b>额度
</p>
<p class="money">拥有额度：
<fmt:formatNumber value="${good.pointAmount}" pattern="##.##" minFractionDigits="2" />
</p>
<c:if test="${good.goodsRemain<=0&&good.lottery ne '1' }">
<button style="background:#b2b2b2;" disabled="disabled">配售完毕</button>
</c:if>
<c:if test="${good.goodsRemain>0&&good.lottery ne '1' && good.goodsStatus eq '1'}">
<button onclick="PlacingAmount.showPopUp('${good.id}')">立即配售</button>
</c:if>
<c:if test="${good.goodsRemain>0&&good.lottery ne '1'&& good.goodsStatus eq '0'}">
<button onclick="PlacingAmount.showPopUp('${good.id}')" disabled="disabled" style="background:#f2f2f2">商品已下架</button>
</c:if>
<c:if test="${good.goodsRemain<=0&&good.lottery eq '1' }">
<button style="background:#b2b2b2;" disabled="disabled">刮奖完毕</button>
</c:if>
<c:if test="${good.goodsRemain>0&&good.lottery eq '1' }">
<button onclick="PlacingAmount.showLotteryUp('${good.id}')">立即刮奖</button>
</c:if>
</div>
</li>
<c:if test="${(status.index+1)%2==0 }">
</ul>
</c:if>
</c:forEach>
</div>
<div class="clear"></div>
</div>
<div class="easyDialog_wrapper" id="placingAmountPopup" style="width:650px">
<div class="easyDialog_content" style="height:300px;border-top:3px solid #F81919;" >
<h4 class="easyDialog_title"
style=" position: relative;vertical-align: left; line-height: 50px; text-align: left; height: 50px; font-size: 19px;background: white;color:red;font-weight: 600;padding:10px 0 10px 20px;">
藏品配售<img style=" position: absolute;top: 10px;right: 10px;width: 15px;margin:10px ;cursor: pointer;" src="../../../resource/images/ration/btnclose.png" alt="关闭" onclick="easyDialog.close()" /></h4>
<div class="easyDialog_text" >
<form id="configForm" >
<input type="hidden" name="goodsId" id="goodsId"/>
<input type="hidden" name="point" id="point" />
<input type="hidden" name="_token_goods_buy" value="${sessionScope._token_goods_buy }" />
<div >
<div class="txt-left" >
<table cellpadding="0"
cellspacing="10">
<tr >
<td class="item-title" ><b>藏品代码:</b></td>
<td id="otcCode" class="item-content1" ></td>
</tr>
<tr>
<td class="item-title"><b>藏品名称:</b></td>
<td id="otcName" class="item-content1"></td>
</tr>
<tr>
<td class="item-title"><b>配售单价:</b></td>
<td class="item-content"><b><span id="price"></span>元 </b></td>
</tr>
<tr>
<td class="item-title"><b>库存数量:</b></td>
<td class="item-content" ><b><span id="goodsRemain"></span> </b></td>
</tr>
</table>
</div>
<div class="txt-right">
<table cellspacing="0">
<tr >
<td align="center" class="item-title" >可用余额:</td>
<td align="left" class="item-content1" ><span id="enableBalance">${enableBalance}</span>元</td>
<td align="center" ><a class="rechargebtn" href="javascript:PlacingAmount.payButton()" style="padding: 4px 10px;"> 去充值 </a></td>
</tr>
<tr style="background: #fff;">
<td style="height:2px;"></td>
<td style="height:2px;"></td>
<td style="height:2px;"></td>
</tr>
<tr >
<td align="center" style="padding-top:14px;" class="item-title" >拥有额度:</td>
<td class="item-content" style="padding-top:14px;" id="userGoodsPointAmount"></td>
</tr>
<tr >
<td align="center" class="item-title" >配售数量:</td>
<td class="item-content"><input onkeyup="PlacingAmount.checkNumber()" maxlength="6" style="width:80px;height:20px" id="ration_count" name="ration_count"></input></td>
</tr>
<tr >
<td align="center" class="item-title" >消耗额度:</td>
<td class="item-content"><b><span id="pointSpan">0</span></b></td>
</tr>
<tr >
<td align="center" style="padding-bottom:10px;" class="item-title" >配售金额:</td>
<td class="item-content" style="color:rgb(128,128,128);font-size:20px;padding-bottom:10px;width: 146px;" ><span id="record_fare" style="display:inline-block;padding-right:15px;">0.00</span>元</td>
<td align="center"><a class="rechargebtn submitForm" id="submit" href="javascript:void(0);"
style="color: #fff;padding: 4px 10px;"> 立刻配售 </a></td>
</tr>
</table>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="easyDialog_wrapper" id="buttonTwoPopup" >
<div class="easyDialog_content" style="width:325px;height:160px;border-top:3px solid #F81919;">
<h4 class="easyDialog_title wintit" id="easyDialogBalanceTitle"
style="vertical-align: middle; text-align: center;background: white;color:#DE4556;border: 0;">
<i class="close_btn" onclick="easyDialog.close();" >x</i>
</h4>
<div class="easyDialog_text btn2-txt" id="dialog-balance-content" style="text-align: center;">您的可用余额不足，配售失败！
</div>
<div class="easyDialog_footer" style="text-align: center; margin-bottom: 15px;">
<button class="btn2" id="easyDialogBalanceBtn"
onclick="PlacingAmount.payButton()" style="color:#fff;border:0;">前去充值</button>
<button class="btn2" id="easyDialogYesBtn"
onclick="easyDialog.close();" style="float: none;color:#fff;border:0;margin-left:10px;">取消</button>
</div>
</div>
</div>
<!-- 一个按钮的弹窗 -->
<div class="easyDialog_wrapper" id="buttonOnePopup">
<div class="easyDialog_content" style="border-top:3px solid #F81919;padding: 0px 20px;">
<h4 class="easyDialog_title" id="easyDialogErrorTitle" style="border:0; background: #fff;width: 100%;">
<i class="close_btn" onclick="easyDialog.close();" ></i>
</h4>
<div class="easyDialog_text btn2-txt" id="dialog-error-content" style="text-align: center; line-height: 25px;">配售失败，请联系客服！</div>
<div class="easyDialog_footer" style="text-align: center; margin-bottom: 15px;">
<button class="btn1" onclick="javascript:window.location.reload();">确定</button>
</div>
</div>
</div>
<!-- 两个按钮的弹窗 -->
<div class="easyDialog_wrapper" id="buttonThreePopup">
<div class="easyDialog_content" style="border-top:3px solid #F81919;padding: 0px 20px;">
<h4 class="easyDialog_title" id="easyDialogErrorTitle" style="border:0; background: #fff;width: 100%;">
<i class="close_btn" onclick="easyDialog.close();" ></i>
</h4>
<div class="easyDialog_text btn2-txt" id="dialog-lottery-content" style="text-align: center; line-height: 25px;">配售失败，请联系客服！</div>
<div class="easyDialog_footer" style="text-align: center; margin-bottom: 15px;">
<button class="btn2" type="button" onclick="PlacingAmount.lotteryAgain()" >再次刮取</button>
<button class="btn2" onclick="javascript:window.location.reload();">确定</button>
</div>
</div>
</div>
<!--刮奖成功的按钮 -->
<div class="easyDialog_wrapper" id="buttonFourPopup">
<div class="easyDialog_content" style="border-top:3px solid #F81919;padding: 0px 20px;">
<h4 class="easyDialog_title" id="easyDialogErrorTitle" style="border:0; background: #fff;width: 100%;">
<i class="close_btn" onclick="easyDialog.close();" ></i>
</h4>
<div class="easyDialog_text btn2-txt" id="dialog-lottery-success" style="text-align: center; line-height: 25px;">配售失败，请联系客服！</div>
<div class="easyDialog_footer" style="text-align: center;margin-bottom: 15px;">
<button class="btn2" type="button" onclick="PlacingAmount.goodsBuy()" >立即配售</button>
<button class="btn2" onclick="javascript:window.location.reload();">稍后配售</button>
</div>
</div>
</div>
<!-- 成功窗口-->
<div class="easyDialog_wrapper" id="buttonSuccessPopup">
<div class="easyDialog_content" style="border-top:3px solid #F81919;padding: 0px 20px;">
<h4 class="easyDialog_title" id="easyDialogSuccessTitle" style="border:0; background: #fff;width: 100%;">
<i class="close_btn" onclick="easyDialog.close();" >×</i>
</h4>
<div class="easyDialog_text btn2-txt" id="dialog-success-content" style="text-align: center; line-height: 25px;"></div>
<div class="easyDialog_footer" style="text-align: center;margin-bottom:10px;">
<button class="btn1" onclick="javascript:window.location.reload();">确定</button>
</div>
</div>
</div>
<!--确认配售弹窗-->
<div class="easyDialog_wrapper" id="confirmPopup">
<div class="easyDialog_content" style="border-top:3px solid #F81919;padding: 0px 20px;">
<h4 class="easyDialog_title" id="easyDialogSuccessTitle" style="border:0; background: #fff;width: 100%;">
<i class="close_btn" onclick="easyDialog.close();" >×</i>
</h4>
<div class="easyDialog_text confirm-detail" id="dialog-success-content" style="text-align: center; line-height: 25px;">
<table cellspacing="5" style=" margin: 0 auto;padding:20px 0 ;">
<tr>
<td>藏品代码：</td>
<td align="left"><span class="otcCode" ></span></td>
</tr>
<tr>
<td>藏品名称：</td>
<td align="left"><span class="otcName"></span></td>
</tr>
<tr>
<td>配售单价：</td>
<td align="left" ><span class="price"></span></td>
</tr>
<tr>
<td>消耗额度：</td>
<td align="left"><span class="point"></span></td>
</tr>
<tr>
<td>库存数量：</td>
<td align="left"><span class="goodsRemain" ></span></td>
</tr>
</table>
</div>
<div class="easyDialog_footer" style="text-align: center;">
<button class="btn1 submitForm" >确定配售</button>
</div>
</div>
</div>
<!-- 抽奖窗口-->
<div class="easyDialog_wrapper drawRewardPopup" id="drawRewardPopup">
<div class="easyDialog_content" style="border-top:3px solid #F81919;">
<h4 class="easyDialog_title" style="border:0; background: #fff;width: 100%;padding:0;">
<p>刮取配售资格 <a onclick="javascript:window.location.reload();">×</a></p>
</h4>
<div class="easyDialog_text" id="drawReward-content" style="text-align: center; line-height: 25px;">
<div class="personalInformation" >
<div class="information-left" >
<p>您拥有刮奖次数：<span id="lotteryCountSpan"></span></p>
<p>您拥有配售资格：<span id="qualityCountSpan"></span></p>
</div>
<div class="information-right">
<p>再次获得还需消耗 <span id="lotteryCountPoint"></span> 额度</p>
<button type="button" onclick="PlacingAmount.goodsBuy()">立即配售</button>
</div>
<div style="clear:both;"></div>
</div>
<div class="rewardTicket ">
<div class="rewardTicket-title">
<P class="reward-detail1"><span id="otcDetail"></span></P>
<p class="reward-detail2">库存数量：<span id="goods_remain_span"></span></p>
<div style="clear:both;"></div>
</div>
<div style="position: relative; height: 55px;line-height:55px;font-size:16px;margin-top:10px;" id="canvas-box"><span id="potteryInfo"></span>
<canvas id="canvas" width="400" height='55' style="cursor:pointer; position: absolute;top:0;left:0;">抱歉，您的浏览器版本过低，请更新后使用抽奖功能</canvas>
</div>
</div>
<div class="rewardRule ">
<p style="font-weight: 600;">抽奖规则：</p>
<p>1. 每消耗 <span id="lotteryPointSpan"></span> 额度即可获得一次刮奖机会；</p>
<p>2. 中奖即可获得配售奖品； </p>
<p>3. 抽奖次数<span id="lotteryExpireSpan"></span>天内有效，逾期未使用视为会员自行放弃，平台有权清零 ；</p>
<p>4. 配售资格<span id='buyExpireSpan'></span>天内有效，逾期未使用视为会员自行放弃，平台有权清零。 </p>
</div>
</div>
<div class="easyDialog_footer" style="text-align: center;">
</div>
</div>
</div>
<jsp:include page="${ctx }/view/common/bottom.jsp" />
</body>
</html>