historyOrder.jsp 5.49 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" />
	<link href="${ctx }/resource/css/member.css" rel="stylesheet" type="text/css" />
	<link href="${ctx }/resource/css/jquery-date/latoja.datepicker.css" rel="stylesheet" />
	<link href="${ctx }/resource/css/tab-slide.css" rel="stylesheet" type="text/css" />
	<link href="${ctx }/resource/js/utils/page/page.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="${ctx }/resource/js/utils/tab-slide.js"></script>
	<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/utils/page/query.js"></script>
	<script type="text/javascript" src="${ctx}/resource/js/utils/page/page.js"></script>
	<script type="text/javascript" src="${ctx}/resource/js/user/order/historyOrder.js"></script>
	<script type="text/javascript">
		$(function(){
		    $('#pageToolbar').Paging({
				pagesize : '${params.rows }',
				count : '${params._total}',
				toolbar : true,
				current : Number('${params.page}'),
				callback : function(page, size, count) {
					$("#page").val(page);
					$("#rows").val(size);
					$("#history").submit();
				}
			});
		    
		    $("#start_date").datepicker({
				showOtherMonths: true,
				dateFormat: "yy-mm-dd",
				maxDate:-1,
				defaultDate: -1
			}).datepicker('widget').wrap('<div class="ll-skin-latoja"/>');
		    
		    $("#end_date").datepicker({
				showOtherMonths: true,
				dateFormat: "yy-mm-dd",
				maxDate:-1,
				defaultDate: -1
			});
		});
	</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="rightbox2 sales-record" style="padding: 0px;">
		            <div class="tab-slide" id="tab">
						<a href="/user/order/today">当日订单</a>
						<a href="/user/order/transaction">当日成交</a>
						<a href="/user/order/withdraw">撤单</a>
						<a class="tab-seletced" href="/user/order/history">历史订单</a>
						<a href="/user/order/transaction/history">历史成交</a>
						<a href="/user/order/deliver">交割查询</a>
						<div style="clear:both"></div>
					</div>
					<div class="box" id="tabContent">
						<!-- 历史订单 -->
						<div class="deal-history">
							<form class="input-box" id="history" action="/user/order/history">
								<p><label>起始时间:<input id="start_date" name="startDate" onclick="selectDate()" value="${params.startDate}" /></label></p>
								<p><label>终止时间:<input id="end_date" name="endDate" value="${params.endDate }" /></label></p>
								<input type="hidden" id="page" name="page"/>
								<input type="hidden" id="rows" name="rows" />
								<a onclick="HistoryOrder.search()">查询</a>
							</form>
							<div class="scroll-x">
								<table cellspacing="0" id="his_entrust">
									<c:if test="${!empty orders}">
										<tr>
											<th>序号</th>
											<th>订单日期</th>
											<th>订单状态</th>
											<th>订单号</th>
											<th>藏品代码</th>
											<th>藏品名称</th>
											<th>下单价格</th>
											<th>下单数量</th>
											<th>成交价格</th>
											<th>成交数量</th>
											<th>交易属性</th>
										</tr>
									</c:if>
									<c:forEach items="${orders}" var="entrust" varStatus="status">
										<tr>
											<td>${status.index+1}</td>
											<td>${entrust.currDate }</td>
											<td>${entrust.entrustStatus }</td>
											<td>${entrust.reportNo }</td>
											<td>${entrust.otcCode }</td>
											<td>${entrust.otcName }</td>
											<td><fmt:formatNumber type="number" value="${entrust.entrustPrice }" maxFractionDigits="3" minFractionDigits="3"/></td>
											<td>${entrust.entrustAmount }</td>
											<td><fmt:formatNumber type="number" value="${entrust.businessPrice }" maxFractionDigits="3" minFractionDigits="3"/></td>
											<td>${entrust.businessAmount }</td>
											<td>${entrust.otcProp }</td>
										</tr>
									</c:forEach>
								</table>
							</div>
							<div id="pageToolbar"></div>
						</div>
					</div>
	            <div class="clear"></div>
	        </div>
	        <c:if test="${!empty orders}">
	        	<div id="pageToolbar"></div>
	        </c:if>
	    </div>
	    <div class="clear"></div>
    </div>
	
	<jsp:include page="${ctx }/view/common/bottom.jsp" />
	<!-- 确定结果弹窗 -->
	<div class="easyDialog_wrapper ND ensure " id="ensure" >
	  <div class="easyDialog_content" style="border-top:3px solid #d81e31;">
	    <div class="easyDialog_text" id="entrust_result">
	    </div>
	    <div class="easyDialog_footer one-btn">
	      <button class="btn_highlight" onclick="easyDialog.close()">确定</button>
	    </div>
	  </div>
	</div>
</body>
</html>