self.jsp
6.27 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
<?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>
<html>
<head>
<jsp:include page="${ctx }/view/common/meta.jsp" />
<link href="${ctx}/resource/css/member.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/tab-slide.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/jquery-date/jquery-ui-1.10.1.css" rel="stylesheet" />
<link href="${ctx }/resource/css/jquery-date/latoja.datepicker.css" rel="stylesheet" />
<link href="${ctx }/resource/css/detail.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/home.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx }/resource/js/utils/jquery/jquery-ui-1.10.1.min.js"></script>
<script type="text/javascript" src="${ctx }/resource/js/utils/jquery/jquery.ui.datepicker-zh-cn.js"></script>
<script type="text/javascript" src="${ctx }/resource/js/user/pick/pick.js"></script>
<script type="text/javascript" src="${ctx }/resource/js/user/pick/self.js"></script>
<script type="text/javascript">
var errorMessage = '${ resultInfo.message }';
//最小提货日期(0：普通自提；1：封装自提)
var minDate = '${sessionScope.pack}' == '1' ? '+7' : '+0';
</script>
</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">
<h2 style="text-align: left;">提货确认</h2>
<div class="crossline"></div>
<div class="clear"></div>
<div class="pick self">
<div class="tab-slide bottom-border">
<a class="attention" href="/user/pick/tab?pickType=3">转赵涌在线</a>
<a class="tab-seletced" href="/user/pick/tab?pickType=1">上门自提</a>
<a class="attention" href="/user/pick/tab?pickType=2">顺丰到付</a>
</div>
<div class="content">
<h4>填写相关信息</h4>
<div class="content-msg">
<div class="input-box">
<form id="pickForm" action="${ctx }/user/pick/self" method="post">
<p>
<span>提货人：</span>
<label><input type="radio" name="pickType" checked="checked" value="01" />本人自提</label>
<label><input type="radio" name="pickType" value="02" />委托他人</label>
</p>
<div id="selfPick">
<small>请携带本人身份证原件，在选择的日期当天9:00-16:00间，前来提货!</small>
</div>
<div id="otherPick" class="otherPick" style="display: none;">
<p>
<span>提货人姓名：</span>
<input type="text" id="delegateName" name="delegateName" maxlength="8" />
</p>
<p>
<span>提货人身份证号：</span>
<input type="text" id="delegateId" name="delegateId" maxlength="18" />
</p>
<small>请携带提货人身份证原件，会员身份证复印件在选择的日期当天9:00-16:00间，前来提货！</small>
</div>
<p>
<span>提货日期：</span>
<input id="pickDate" name="pickDate" readonly="readonly" />
</p>
<p>
<span>提货地址：</span> 上海市浦东新区盛荣路88弄盛大天地源创谷7号楼下沉式广场
</p>
</form>
</div>
<div class="tip">
<p>• 自提时间：周一到周五（节假日除外） 9:00-16:00</p>
<p>• 为了减少您提货时的等待时间，请在您选择的日期当天前来提货</p>
<c:if test="${pack == '1'}">
<p>• 若果您提货数量大于1000枚，请设置较长的提货时间，给您来带的不便，敬请谅解！</p>
</c:if>
<p>• 如有问题请拨打客服热线 400-969-0800</p>
</div>
</div>
<h4>确认提货信息</h4>
<div class="pick-msg">
<table cellpadding='0' cellspacing='0'>
<thead>
<tr>
<th width="20%">藏品代码</th>
<th class="left-font">藏品名称</th>
<th>可提数量</th>
<th>提货数量</th>
<c:if test="${pack == '1' }">
<th>封装方式</th>
<th>封装费用</th>
</c:if>
</tr>
</thead>
<tbody>
<c:forEach items="${applyList }" var="pick">
<tr>
<td>${pick.otcCode }</td>
<td class="left-font">${pick.otcName }</td>
<td>${pick.enableAmount }</td>
<td>${pick.occurAmount }</td>
<c:if test="${pack == '1' }">
<td>${pick.packType }</td>
<td><fmt:formatNumber pattern="###.00" value="${pick.packFee }" /> 元/个</td>
</c:if>
</tr>
</c:forEach>
</tbody>
</table>
</div>
<c:if test="${pack == '1' }">
<h4>费用统计</h4>
<div class="positionGift-price">
<label>
<small>封装费用：</small>
<span>
<fmt:formatNumber pattern="###.00" value="${pickPackFeeAmount }" />
</span>元（即时扣取）
</label>
<label style="position: relative;">
<small>包装费用：</small>
<span>
<c:if test="${pickPackage == null }">0.00</c:if>
<c:if test="${pickPackage != null }">
<fmt:formatNumber pattern="###.00" value="${pickPackage.packageFee }" />
</c:if>
</span>元（即时扣取）
<span style="position: absolute;right: 32px;top: 8px;text-align: right;">${pickPackage.packageName }</span>
</label>
<label class="totle">
<small>费用合计：</small>
<span>
<fmt:formatNumber pattern="###.00"
value="${pickPackFeeAmount + pickPackage.packageFee }" />
</span>元 （即时扣取）
</label>
</div>
</c:if>
<p class="pick-person">
<span id="spPickDate" class="bold"></span>
<span id="spPickType"></span>
<span id="spDelegateName"></span>
<span id="spDelegateId" class="bold"></span>
<a class="red-btn" id="btnSubmit">确认提货</a>
</p>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<jsp:include page="${ctx }/view/common/bottom.jsp" />
</body>
</html>