marketEntrust.jsp
8.09 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
<?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" />
<link href="${ctx }/resource/css/detail.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/home.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/member.css?r=${now}" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/quota/quotaTransfer.css?r=${now}" rel="stylesheet" type="text/css" />
<link href="${ctx }/resource/css/ration/returnBefore.css" rel="stylesheet"
type="text/css" />
<link href="${ctx }/resource/css/ration/marktEntrust.css?r=${now}" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/resource/js/ration/rationNewConfig.js"></script>
<style >
.sale {
font-size: 13px;
color: black;
border: 1px solid black;
padding: 4px 10px;
width: 100px;
background-color: #fff;
font-family: inherit;
font-weight: bold;
border-radius: 3px;
border:0;
}
</style>
<script>
var now = parseInt('${now}');
function down() {
$('.endDate').each(function(i, item) {
var endDate = parseInt($(item).text()) - now;
if (endDate > 0) {
var dd = parseInt(endDate / 1000 / 60 / 60 / 24, 10);//计算剩余的天数
var hh = parseInt(endDate / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数
var mm = parseInt(endDate / 1000 / 60 % 60, 10);//计算剩余的分钟数
var ss = parseInt(endDate / 1000 % 60, 10);//计算剩余的秒数
$(item).next().text(dd + "天" + hh + "时" + mm + "分" + ss + "秒");
} else {
$(item).next().text('0天0小时0分0秒');
if ($("#ration1_"+(i+1)).html() == "同意配售") {
$("#ration2_"+(i+1)).html("已结束");
}
}
});
now = now + 1000;
}
$(function(){
setInterval('down()', 1000);
})
</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" style="margin-top: 28px">
<h2 style="text-align: left;">即将上市</h2>
<div class="crossline"></div>
<div class="clear"></div>
<table border="0" style="border-bottom: 1px solid #ccc;"
class=" etlistbg entrusttable" cellpadding="0" cellspacing="0">
<thead>
<tr id="head">
<td width="8%">序号</td>
<td width="8%">藏品代码</td>
<td width="15%">藏品名称</td>
<td width="8%">库存数量</td>
<td width="13%">上市方式</td>
<td width="20%">配售时间</td>
<td width="10%">公告</td>
<td width="15%">配售</td>
</tr>
</thead>
<tbody>
<c:if test="${empty entrusts }">
<tr>
<td style="background:#f2f2f2;" colspan="10"><img style="width:65%" src="${ctx }/resource/images/noData.png"></img></td>
</tr>
</c:if>
<c:forEach var="entrust" items="${entrusts }" varStatus="status">
<input id="last_${status.count}" type="hidden"
value=" ${entrust.countdown }" />
<tr height="40">
<td>${status.count}</td>
<td>${entrust.OTC_CODE }</td>
<td>${entrust.OTC_NAME }</td>
<td>${entrust.APPROVAL_TOTAL}</td>
<c:if test="${entrust.rationConfig.rationType == 1}">
<td>配售上市</td>
</c:if>
<c:if test="${entrust.rationConfig.rationType == 0}">
<td>直接上市</td>
</c:if>
<c:if test="${entrust.rationConfig.rationType == 0}">
<td><span class="endDate"> </span></td>
</c:if>
<c:if test="${entrust.rationConfig.rationType == 1}">
<td>
<span class="endDate" style="display: none;">${entrust.endDate }</span>
<span></span>
</td>
</c:if>
<td><a href="${entrust.rationConfig.noticeUrl }" target="_blank"
style="color: red;">查看公告</a></td>
<c:choose>
<c:when test="${entrust.AGGREE_STATUS == 0}">
<c:if test="${entrust.rationConfig.rationType == 1}">
<td id="ration2_${status.count}"><a
href="javascript:rationNewConfig.rationConfig('${entrust.OTC_CODE }','${entrust.OTC_NAME }','${entrust.APPROVAL_TOTAL}','${entrust.rationConfig.price}','${entrust.rationConfig.id}');"
class="agreeRation" id="ration1_${status.count }" style="color:#fff">同意配售</a></td>
</c:if>
<c:if test="${entrust.rationConfig.rationType == 0}">
<td>待确权</td>
</c:if>
</c:when>
<c:otherwise>
<td>待交割</td>
</c:otherwise>
</c:choose>
</tr>
</c:forEach>
</tbody>
</table>
<div style="text-align: left; margin-top: 40px;">
<p style="font-size: 18px; font-weight: bold; margin-bottom: 20px;">关于配售：</p>
<ul type="circle">
<li>• 配售是藏品上市时，必须将所拥有的藏品的一部分，按照一定价格卖给机构投资者的一种上市形式。</li>
<li>• 配售的价格和配售比例均可在上市公告中查看。</li>
<li>• 请在上市前对相应藏品进行操作，否则您的相应藏品将失去此次上市机会并继续存储在我们仓库中。</li>
<li>• 同意配售后您所应获得的资金，会在交割确权后，进入您的账户，请注意查看。如有任何疑问请联系客服。</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div class="easyDialog_wrapper" id="easyDialogConfig">
<div class="easyDialog_content" style=" border-top: 3px solid #F81919;">
<h4 class="easyDialog_title" style="text-align: center; color:#F81919; position: relative;">请您确认配售信息 <span class="addressClose cancelBtn" onclick="easyDialog.close();"></span></h4>
<div class="easyDialog_text trusteeship_txt" style="padding:15px 0;">
<form>
<input type="hidden" name="transferOtcCode" id="transferOtcCode" />
<input type="hidden" id="rationConfigId"/>
<table style="margin: 10px auto; width: 100%;" cellpadding="0"
cellspacing="0">
<tr>
<td style="white-space: nowrap; text-align: right;width: 48%;">藏品代码:</td>
<td id="otcCode" style="padding-left: 15px;"></td>
<td style="width: 40px;"></td>
</tr>
<tr>
<td style="text-align: right;">藏品名称:</td>
<td id="otcName" style="padding-left: 15px;"></td>
<td style="width: 40px;"></td>
</tr>
<tr>
<td style="text-align: right;">库存数量:</td>
<td id="stockNum" style="padding-left: 15px;"></td>
<td style="width: 40px;"></td>
</tr>
<tr>
<td style="text-align: right;">配售数量:</td>
<td id="saleNum" style="padding-left: 15px;"></td>
<td style="width: 40px;"></td>
</tr>
<tr>
<td style="text-align: right;">配售价:</td>
<td id="price" style="padding-left: 15px;"></td>
<td style="width: 40px;"></td>
</tr>
<tr>
<td style="text-align: right;">配售获得金额:</td>
<td id="totalPrice" style="padding-left: 15px;"></td>
<td style="width: 40px;"></td>
</tr>
<tr>
<td style="text-align: right;">自有持仓:</td>
<td id="position" style="padding-left: 15px;"></td>
<td style="width: 40px;"></td>
</tr>
</table>
</form>
</div>
<div style="text-align: center; margin-bottom: 20px;">
<button class="sale agreeButton" onclick="rationNewConfig.agreeRation()"><span style="color:#fff;font-weight: normal;">同意配售</span></button>
<button class="sale agreeButton" onclick="easyDialog.close();"><span style="color:#fff;font-weight: normal;">取消</span></button>
</div>
</div>
</div>
<jsp:include page="${ctx }/view/common/bottom.jsp" />
</body>
</html>