rationInviteConfig.jsp 10.9 KB
<?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/pager.js?r=<%=Math.random() %>"></script>
<link href="${ctx }/resource/css/page.css?r=<%=Math.random() %>" rel="stylesheet" type="text/css" />
<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" />
<script type="text/javascript" src="${ctx}/resource/js/user/rationInviteConfig.js"></script>
<style type="text/css">
.agreeRation {
	background: rgb(216, 30, 49);
	color: #fff;
	padding: 5px;
	border-radius: 3px;
}

.successRation {
	color: rgb(216, 30, 49);
}

.failRation {
	color: rgb(128, 128, 128);
}

.closeWindow {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 30px;
	font-weight: 400;
	color: rgb(178, 178, 178);
}

.rechargebtn {
	color: #fff;
	padding: 4px 10px;
	text-decoration: none;
	background: rgb(216, 30, 49);
	border-radius: 3px;
}

.value {
	text-align: left;
	font-size: 16px;
}
</style>

<script>
	var now = parseInt('${now}');
	function down() {
		$('.endDate').each(function(i, item) {
			var agreecount=$(item).parent().parent().find('td:eq(4)').html();
			var str=$(item).text().trim();
			str = str.replace(/-/g,"/");
			var endDate = new Date(str);
			endDate = endDate.getTime();
			endDate = endDate - 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 onload="initPager(${params.records_total},20, 'pager')">

	<jsp:include page="${ctx }/view/common/header.jsp" />
	<input type="hidden" id="page" value="${params.page}"></input>
	<input type="hidden" id="toPage" value="records"></input>
	<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; width: 100%; font-size: 14px;" class=" etlistbg entrusttable" cellpadding="0" cellspacing="0">
				<thead>
					<tr id="head">
						<td width="5%">序号</td>
						<td width="10%">藏品代码</td>
						<td width="10%">藏品名称</td>
						<td width="14%">持仓数量<span style="font-size: 12px;">(枚)</span></td>
						<td width="10%">待交割量</td>
						<td width="14%">收购格价<span style="font-size: 12px;">(元)</span></td>
						<td width="18%">配售倒计时</td>
						<td width="5%">公告</td>
						<td width="16%">配售</td>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${inviteConfigs}" var="invite" varStatus="status">
						<tr height="40">
							<td>${status.count}</td>
							<td>${invite.otcCode}</td>
							<td>${invite.otcName}</td>
							<td>${invite.enableAmount}</td>
							<td>${invite.agreeAmount}</td>
							<td><fmt:formatNumber type="number" value="${invite.price}" pattern="0.00" maxFractionDigits="2" /></td>
							<td><span class="endDate" style="display: none;">${invite.endDate} </span><span></span></td>
							<td><a href="${invite.noticeUrl }" target="_blank" style="color: red;">查看</a></td>
							<td id="ration2_${status.count}"><c:if test="${invite.usableAmount>0}">
									<a class="agreeRation " id="ration1_${status.count }"
										onclick="bigDeal.agreeRationPopup(this,'${invite.usableAmount}','${invite.minApply}','${invite.maxApply}','${invite.configId}','${invite.endAmount}')">同意配售</a>
								</c:if> <c:if test="${invite.usableAmount==0}">
								交易成功
							</c:if></td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
			<div class="etlist rightbox0" style="margin-top: 28px; margin-left: 0px">
				<h2 style="text-align: left; color: rgb(128, 128, 128);">交易记录</h2>
				<div class="crossline"></div>
				<div class="clear"></div>
				<table border="0" style="border-bottom: 1px solid #ccc; width: 100%; font-size: 14px;" class=" etlistbg entrusttable" cellpadding="0" cellspacing="0">
					<thead>
						<tr id="head">
							<td width="9%">藏品代码</td>
							<td width="9%">藏品名称</td>
							<td width="14%">收购格价<span style="font-size: 12px;">(元)</span></td>
							<td width="13%">卖出数量<span style="font-size: 12px;">(枚)</span></td>
							<td width="13%">获得资金<span style="font-size: 12px;">(元)</span></td>
							<td width="13%">自由持仓<span style="font-size: 12px;">(枚)</span></td>
							<td width="18%">交割时间</td>
							<td width="15%">交易状态</td>
						</tr>
					</thead>
					<tbody class="records">
						<c:forEach var="record" items="${records }" varStatus="status">
							<tr height="40">
								<td>${record.otc_code}</td>
								<td>${record.otc_name}</td>
								<td>${record.price}</td>
								<td>${record.stock_amount}</td>
								<td>${record.fund}</td>
								<td>${record.stockAmount}</td>
								<td><fmt:formatDate value="${record.create_at}" pattern="yyyy-MM-dd" /></td>
								<td><c:if test="${record.ration_status==1}">
									配售成功
								</c:if> <c:if test="${record.ration_status==0}">
									配售失败
								</c:if></td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
				<div class="yema" id="pager"></div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="clear"></div>
	</div>

	<div class="easyDialog_wrapper" id="agreeRationPopup" 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; margin: 0;">
				邀约上市<a onclick="easyDialog.close()" class="closeWindow">×</a>
			</h4>
			<div class="easyDialog_text">
				<form id="configForm">
					<input type="hidden" name="inviteId" id="inviteId" />
					<div style="padding: 0px; width: 712px;">
						<div style="padding: 0px; width: 250px; float: left; display: inline">
							<table cellpadding="0" cellspacing="10">
								<tr>
									<td style="white-space: nowrap; margin-top: 30px; text-align: center; font-size: 16px"><b>藏品代码:</b></td>
									<td id="otcCode" class="value"><b></b></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp;</td>
								</tr>
								<tr>
									<td style="text-align: center; font-size: 16px"><b>藏品名称:</b></td>
									<td id="otcName" class="value"><b></b></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp;</td>
								</tr>
								<tr>
									<td style="text-align: center; font-size: 16px"><b>配售单价:</b></td>
									<td class="value"><b><span id="price"></span></b></td>
								</tr>
							</table>
						</div>
						<div style="float: left; margin-top: -25px; display: inline; background-color: #EBEBEB; width: 388px; height: 230px">
							<table style="width: 388px;">
								<tr>
									<td align="center" style="font-size: 16px; padding: 20px 0 0 15px" width="100"><b>剩余收购量:</b></td>
									<td align="left" style="font-size: 16px; padding: 20px 0 0 0" width="140"><b><span id="enableCount"></span></b></td>
								</tr>
								<tr>
									<td colspan="3" style="border-bottom: 1px solid white;">&nbsp;</td>
								</tr>
								<tr>
									<td align="center" style="font-size: 16px; height: 40px; padding-top: 10px;">拥有持仓:</td>
									<td colspan="2" style="padding-top: 10px;"><span id="enableAmount"></span></td>
								</tr>
								<tr>
									<td align="center" style="font-size: 16px; height: 40px;">卖出数量:</td>
									<td colspan="2"><input onblur="bigDeal.checkNumber()" maxlength="6" style="width: 80px; height: 20px; border: 0;" id="invite_count" name="invite_count"></input> <span
										style="padding-left: 10px;"> (请输入<b style="color: rgb(0, 98, 172)"><small id="firstNumber"></small>~<small id="lastNumber"> </small></b>间的数字)
									</span></td>
								</tr>
								<tr>
									<td align="center" style="font-size: 16px; height: 40px;">预计收益:</td>
									<td style="color: rgb(128, 128, 128); font-size: 20px;"><span id="record_fare" style="display: inline-block; padding-right: 15px;">0</span></td>
									<td align="center"><a class="rechargebtn" id="submit" onclick="javascript:void(0)">&nbsp;&nbsp;&nbsp;&nbsp;确认邀约&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
								</tr>
								<tr>
									<td colspan="3">&nbsp;</td>
								</tr>
							</table>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>


	<!--  确认邀约后弹窗-->
	<div class="easyDialog_wrapper" id="successMessage">
		<div class="easyDialog_content" style="border-top: 3px solid #F81919;">
			<h4 class="easyDialog_title" id="easyDialogSuccessTitle" style="border: 0; background: #fff; margin: 0;"></h4>
			<div class="easyDialog_text" id="dialog-success-content" style="text-align: center;">配售成功</div>
			<div class="easyDialog_footer" style="text-align: center;">
				<button class="btn_highlight" onclick="javascript:window.location.reload();" style="float: none; background: #F81919; border: 0; border-radius: 3px; width: 100px;">确定</button>
			</div>
		</div>
	</div>

	<!--  验证弹窗-->
	<div class="easyDialog_wrapper" id="validateMessage">
		<div class="easyDialog_content" style="border-top: 3px solid #F81919;">
			<h4 class="easyDialog_title" id="easyDialogValidateTitle" style="border: 0; background: #fff; margin: 0;"></h4>
			<div class="easyDialog_text" id="dialog-validate-content" style="text-align: center;"></div>
			<div class="easyDialog_footer" style="text-align: center;">
				<button class="btn_highlight" onclick="easyDialog.close();" style="float: none; background: #F81919; border: 0; border-radius: 3px; width: 100px;">确定</button>
			</div>
		</div>
	</div>

	<jsp:include page="${ctx }/view/common/bottom.jsp" />
</body>
</html>