`
chaoyi
  • 浏览: 290157 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

后台jsp orderList.jsp

 
阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>">

<title></title>

<link rel="stylesheet" href="admin/css/basic.css" type="text/css" />
<link rel="stylesheet" href="admin/css/list.css" type="text/css" />
<script type="text/javascript" src="admin/js/orderList.js"></script>
</head>

<body>
	<div class="show" style="height:89px; display: none; " id="show">
	</div>
	<div class="list">
		<table cellpadding="0" cellspacing="0">
			<tr class="search">
				<td colspan="7">
					<form action="orderList" method="get">
						<input type="text" class="text" name="substance" value="${substance }" /> <input
							type="submit" class="submit" value="搜索" />
					</form>
				</td>
			</tr>
			<tr class="title">
				<td>订单号</td>
				<td>订单用户编号</td>
				<td>商品</td>
				<td>总价</td>
				<td>下单时间</td>
				<td>订单状态</td>
				<td>操作</td>
			</tr>
			<c:forEach var="item" items="${ofList}" varStatus="i">
				<tr ondblclick="javascript:showSql('${item.user_id }');"
					class="content <c:if test="${i.index %2 ne 0 }">colorBg</c:if>">
					<td>${item.order_father_id }</td>
					<td>${item.user_id }</td>
					<td style="text-align: left; padding-left: 10px; width: 180px;">
						<c:forEach var="item2" items="${item.orderSonList}">
							<a href="goods?id=${item2.products_id}" target="_blank"
								title="${item2.introduce } 价格:${item2.money }  数量:${item2.number } "><img
								src="images/share/${item2.print }" width="26" height="20" />
							</a>¥${item2.money }X${item2.number }=¥${item2.money*item2.number }<br />
						</c:forEach></td>
					<td>¥${item.total}</td>
					<td>${fn:substring(item.order_time,0,10)}</td>
					<td>${item.status}</td>
					<td style="width: 168px;">
					<select onblur="javascript:updaeOrderStatus('${item.order_father_id }',this);" >
							<c:forEach var="item3" items="${ofsList}">
							<option value="${item3.order_father_status_id }" <c:if test="${item3.order_father_status_id eq item.status_id}">selected="selected"</c:if>>${item3.order_father_status_content }</option>
							</c:forEach>
					</select>
					</td>
				</tr>
			</c:forEach>
			<tr class="page">
				<td colspan="7"><em class="f_r"> <a
						href="orderList?substance=${substance }&pageIndex=1">首页</a> <a
						href="orderList?substance=${substance }&pageIndex=${pageIndex-1}">上一页</a>
						<a
						href="orderList?substance=${substance }&pageIndex=${pageIndex+1}">下一页</a>
						<a href="orderList?substance=${substance }&pageIndex=${end}">尾页</a>
				</em> <i> 共${totalCount}条数据(共有${end}页,现在是第${pageIndex}页) </i>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>

 

/* CSS Document */
.submit{ background:#f7661f; color:#fff; text-align:center; width:46px; height:21px; line-height:21px; border:none; border-radius:3px; font-family:"Arial";}
.submit:hover{ background:#ff971c;}

.show{ width:1100px; margin:0 auto;}
.show table{ width:1100px; background:#FFF; border-top:1px solid #ccc; border-left:1px solid #ccc; position:fixed;top:0;margin:0 auto;}
.show table td{ height:21px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.show table .explain td{ background:#f4f4f4; font-family:"微软雅黑"; color:#333; font-weight:bold;}
.show table .item .key{ background:#436da8; color:#fff; font-family:"微软雅黑";}
.show table .item .value{ color:#333; font-family:"微软雅黑";}
.show table .item .value input{ color:#c00; border:none; font-family:"微软雅黑";}
.show table .item .value select{ color:#c00; border:none; font-family:"微软雅黑";}
.show table .item .value select option{ color:#c00; border:none; font-family:"微软雅黑";}
.show table .update td{ height:28px; padding-right:10px;}


.list{ width:1100px; padding-bottom:50px; padding-top:13px; margin:0 auto;}

.list table{width:100%; border:1px solid #ccc;}
.search{ background:#f4f4f4; height:34px;}
.search form{ display:inline; margin-left:10px; margin-right:8px;}
.search .text{ border:1px solid #ccc; height:18px; line-height:18px; padding-left:6px; font-family:"Arial"; width:80px;}
.search select{ border:1px solid #ccc; height:21px; line-height:18px;}
.title td{ background:#436da8; color:#fff; font-family:"微软雅黑"; text-align:center; height:24px; line-height:24px;}
.content td{  color:#333; font-family:"微软雅黑"; text-align:center; height:36px; line-height:24px;}
.content:hover td{ background:#ff971c; color:#000;}
.content td input{ color:#c00; border:none; font-family:"微软雅黑"; padding-left:4px;}
.content td select{ color:#c00; border:none; font-family:"微软雅黑";}
.content td option{ color:#c00; border:none; font-family:"微软雅黑";}
.colorBg td{ background:#f5f5f5;}
.page{ height:30px; }
.page td{ padding-left:10px; padding-right:10px; border-top:1px solid #436da8;}
.page td em{ margin-right:8px;}
.page td em a{ border:1px solid #eee; color:#666; padding:2px 3px; margin-left:8px; font-family:"Arial";}
.page td em a:hover{ color:#f60;  border:1px solid #f60;}
.page td i{ color:#999; font-family:"微软雅黑"; padding-left:8px;}


 

//JavaScript Document

function $(id){  
	return document.getElementById(id);  
} 

function showSql(userId){
	var show = $("show");
	show.style.display='block';
	show.innerHTML="";
	var xmlHttp = new XMLHttpRequest();
	var url = "ajaxOrderList?userId="+escape(userId);
	xmlHttp.open("GET", url);//设置一个请求
	xmlHttp.onreadystatechange = function() {	//设置请求完成之后处理的回调函数  
		if (xmlHttp.readyState == 4) {//数据返回完毕  
			if (xmlHttp.status == 200) {//HTTP操作正常  
				var text = xmlHttp.responseText;//接收返回的内容  
				show.innerHTML=text;
			}
		}
	};
	xmlHttp.send(null);//发送请求,不传递任何参数  	
}

function updaeOrderStatus(orderFatherId,obj){
	var xmlHttp = new XMLHttpRequest();
	var url = "ajaxUpdateOrderStatus?orderFatherId="+escape(orderFatherId)+"&statusId="+escape(obj.value);
	xmlHttp.open("GET", url);//设置一个请求
	xmlHttp.onreadystatechange = function() {	//设置请求完成之后处理的回调函数  
		if (xmlHttp.readyState == 4) {//数据返回完毕  
			if (xmlHttp.status == 200) {//HTTP操作正常  
				var text = xmlHttp.responseText;//接收返回的内容  
				alert(text);
			}
		}
	};
	xmlHttp.send(null);//发送请求,不传递任何参数  	
}

 

效果图:

 

 

 

  • 大小: 87.8 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics