list页面示例

来源：互联网发布：专业网络销售团队编辑：程序博客网时间：2024/06/08 17:29

<%@page import="org.apache.xmlbeans.impl.xb.xsdschema.IncludeDocument.Include"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!doctype html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>商户中心-订单满折-列表</title>
<link rel="stylesheet" href="${pageContext.servletContext.contextPath }/cy/css/common.css" type="text/css">
<link rel="stylesheet" href="${pageContext.servletContext.contextPath }/cy/css/bundle.min.css" type="text/css">
</head>
<body>
<%@include file="../../cy/common/common.jsp" %>

<%@include file="../../cy/common/header.jsp"%>


<div class="n-content clearfix">
<div class="wrap">

<%@include file="../../cy/common/left.jsp"%>

<div class="n-contentR">

<div class="in-saleof-goods Order-full-list">
<div class="h-conright-heade">
当前位置：商户中心 > 促销管理 > <i class="h-act">促销方式</i>
</div>
<div class="h-salegoods-tahea Order-full-nav">
<a>优惠券</a>
<a href="${pageContext.servletContext.contextPath }/cycoupon/salesRule/fullOffList.html?flag=1">订单满减</a>
<a href="${pageContext.servletContext.contextPath }/cycoupon/discount/queryList.html" class="h-salegoods-actived">订单满折</a>
</div>
<div class="h-Order-full-tab">
<div class="h-Order-full-change">
<button><a href="${pageContext.servletContext.contextPath }/cycoupon/discount/exportAll.html?flag=1&pageNow=${pageView.pageNow}" ><i class="MerFont"></i> 全部导出</a></button>
<button><a id="exportSelect" href="javascript:void(0)" ><i class="MerFont"></i> 选择导出</a></button>
<button><a href="${pageContext.servletContext.contextPath }/cycoupon/discount/edit.html?flag=1" ><i class="MerFont"></i> 添加</a></button>
</div>
<table class="h-Order-full-tabcon">
<tr class="h-Order-full-firstr">
<td class="h-Order-full-td1">
<input type="checkbox" name="checkedAll" id="checkedAll">
</td>
<td>规则名称</td>
<td>规则描述</td>
<td>开始时间</td>
<td>结束时间</td>
<td>启用状态</td>
<td>操作</td>
</tr>
<form name="fenye" id="fenye" action="${pageContext.servletContext.contextPath }/cycoupon/discount/queryList.html" method="post">
<input type="hidden" value="${pageView.pageNow}" name="pageNow" id="pageNow"/>
<c:forEach items="${pageView.records}" var="dc">
<tr>
<td class="h-Order-full-td1">
<input type="checkbox" name="idstr" value="${dc.id }">
</td>
<td>${dc.name}</td>
<td>${dc.description}</td>
<td><fmt:formatDate value="${dc.fromTime}" type="both"/></td>
<td><fmt:formatDate value="${dc.toTime}" type="both"/></td>
<td class="h-blockdowm h-blockdowm${dc.id}" >
<c:if test="${dc.useStatus eq '0'}">停用</c:if>
<c:if test="${dc.useStatus eq '1'}">启用</c:if>
</td>
<td class="status${dc.id}">
<c:if test="${dc.useStatus eq '0'}">
<a href="${pageContext.servletContext.contextPath }/cycoupon/discount/edit.html?id=${dc.id}&flag=1" class="h-checkall editData">编辑</a>
<a href="javascript:void(0)" data-ruleId="${dc.ruleId }" data-id="${dc.id}" data-useStatus="1" data-fromTime="${dc.fromTime }" data-toTime="${dc.toTime }" class="h-checkall editStatus">启用</a>
</c:if>
<c:if test="${dc.useStatus eq '1'}">
<a href="${pageContext.servletContext.contextPath }/cycoupon/discount/edit.html?id=${dc.id}&flag=0" class="h-checkall viewData">查看</a>
<a href="javascript:void(0)" data-ruleId="${dc.ruleId }" data-id="${dc.id}" data-useStatus="0" data-fromTime="${dc.fromTime }" data-toTime="${dc.toTime }" class="h-checkall editStatus">停用</a>
</c:if>
</td>
</tr>
</c:forEach>
</form>
</table>

<div class="paging_one">
<div class="paging">
<div style="width:100%;margin:0 auto;">
<div id="kkpager">
<div></div>
</div>
</div>
</div>
</div>

</div>
</div>

</div>
</div>
</div>


<%@include file="../../cy/common/footer.jsp"%>

<script src="${pageContext.servletContext.contextPath }/cy/js/lib/kkpager.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

var totalPage ='${pageView.pageCount}';
var totalRecords = '${pageView.rowCount}';
var pageNo = '${pageView.pageNow}';
//生成分页
//有些参数是可选的，比如lang，若不传有默认值
kkpager.generPageHtml({
pno : pageNo,
//总页码
total : totalPage,
//总数据条数
totalRecords : totalRecords,
mode : 'click',//默认值是link，可选link或者click
click : function(n){
// do something
//手动选中按钮
goPage(n);

this.selectPage(n);
return false;
}
});
function goPage(pager){
var pageForm = $("#fenye");
$("#pageNow").val(pager);
pageForm.submit();
}

//启用|停用
$("body").on("click",".editStatus",function(){
var _this = $(this);
var ruleId = _this.attr("data-ruleId");
var useStatus = _this.attr("data-useStatus");
var id = _this.attr("data-id");
var fromTime = _this.attr("data-fromTime");
var toTime = _this.attr("data-toTime");
url = "${pageContext.servletContext.contextPath }/cycoupon/discount/updateUseStatus.html";
$.ajax({
url: url,
type:'POST',
data : {
ruleId : ruleId,
id : id,
useStatus : useStatus,
fromTime: fromTime,
toTime: toTime
},
success : function(data) {
if(data.code == "1"){
if(useStatus == "1"){
$(".h-blockdowm" + id).html("启用");
$(".status" + id).html(
'<a href="${pageContext.servletContext.contextPath }/cycoupon/discount/edit.html?id='+id+'&flag=0" class="h-checkall viewData">查看</a>  '
+'<a href="javascript:void(0)" data-ruleId="'+ ruleId +'" data-id="'+ id +'" data-useStatus="0" data-fromTime="'+ fromTime +'" data-toTime="'+ toTime +'" class="h-checkall editStatus">停用</a>');
}else{
$(".h-blockdowm" + id).html("停用");
$(".status" + id).html(
'<a href="${pageContext.servletContext.contextPath }/cycoupon/discount/edit.html?id='+id+'&flag=1" class="h-checkall editData">编辑</a>  '
+'<a href="javascript:void(0)" data-ruleId="'+ ruleId +'" data-id="'+ id +'" data-useStatus="1" data-fromTime="'+ fromTime +'" data-toTime="'+ toTime +'" class="h-checkall editStatus">启用</a>');
}
}else{
alert(data.msg);
}
}
})
});

//全选|取消全选
$("#checkedAll").click(function() {
if ($(this).attr("checked")) { // 全选
$("input[name='idstr']").each(function() {
if(!$(this).attr("disabled")){
$(this).attr("checked", true);
}
});
} else { // 取消全选
$("input[name='idstr']").each(function() {
$(this).attr("checked", false);
});
}
});

//单独点击某个复选框时改变全选框的状态
$("body").on("change","input[name=checkIds]",function(){
var _this = $(this);
if(_this.prop("checked")){
if($("input[name=checkIds]:checked").length == $("input[name=checkIds]").length){
$("input[name=checkedAll]").prop("checked",true);
}
_this.prop("checked",true);
}else{
$("input[name=checkedAll]").prop("checked",false);
}
});

$("#exportSelect").click(function(){
var $items = $("input[name='idstr']:checked");
var ids = [];
var isCheck = false;
$items.each(function() {
ids.push($(this).val());
});
if(ids.length > 0) {
ids = ids.join(",");
isCheck = true;
}
if(!isCheck){
alert("请至少选择一条数据!");
return false;
}
var pageNow=$("#pageNow").val();
window.location.href = "${pageContext.servletContext.contextPath }/cycoupon/discount/exportSelect.html?flag=1&pageNow="+pageNow+"&ids="+ids;
});

});

</script>
</body>
</html>

0 0