<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,member-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/html5.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/respond.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/PIE_IE678.js"></script>
<![endif]-->
<link href="${pageContext.request.contextPath }/common/admin/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/common/admin/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/common/admin/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>用户管理</title>
<!-- 导入样式支持库 -->
<link rel="stylesheet" type="text/css"
	href="themes/base/jquery.ui.all.css">


</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 用户中心 <span class="c-gray en">&gt;</span> 用户管理 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="pd-20">
	<form action="${pageContext.request.contextPath }/admin/milkMakingRecord/milkMakingRecordList" method="get" id="form-admin-add">
	<div class="text-c"> 
		日期范围：
		<input readonly="readonly" type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')||\'2020-10-01\'}'})" id="beginDate" name="beginDate" value="${beginDate }" class="input-text Wdate" style="width: 120px;">
		- <input readonly="readonly" type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'beginDate\')}',maxDate:'2020-10-01'})" id="endDate" name="endDate" value="${endDate }" class="input-text Wdate" style="width: 120px;">
		<div class="formControls col-5"><span class="select-box" style="width:150px;">
		<select class="select" id="controller"  name ="controller">
			<option value="">请选择冲奶方式</option>
			<option value= "1"<c:if test="${controller != null }"><c:if test="${controller == 1 }">selected</c:if></c:if>>手机端</option>
			<option value= "2" <c:if test="${controller != null }"><c:if test="${controller == 2 }">selected</c:if></c:if>>冲奶机</option>
		</select>
		 </span>
		 <span class="select-box" style="width:150px;">
		<select class="select" id="comments"  name ="comments"> 
			<option value="">有无吐槽</option>
			<option value= "1" <c:if test="${comments != null }"><c:if test="${comments == 1 }">selected</c:if></c:if>>有吐槽</option>
			<option value= "2" <c:if test="${comments != null }"><c:if test="${comments == 2 }">selected</c:if></c:if>>无吐槽</option>
		</select>
		</span>
		</div>
		<input type="text" class="input-text" style="width:250px" placeholder="输入用户名" value="${username }" id="username" name="username">
		<button type="submit" class="btn btn-success radius" id="" name=""><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
	</div>
	<div class="mt-20">
	<table class="table table-border table-bordered table-hover table-bg table-sort" id="showMember">
		<thead>
			<tr class="text-c">
				<th width="100">冲奶量</th>
				<th width="100">冲奶操作单位</th>
				<th width="100">评分等级</th>
				<th width="100">吐槽</th>
				<th width="100">机器名</th>
				<th width="40">用户名</th>
				<th width="90">手冲奶时间</th>
				<th width="90">操作</th>
			</tr>
		</thead>
		<tbody>
			<c:if test="${!(empty milkMakingRecordList) }">
				<c:forEach items="${milkMakingRecordList }" var="list">
					<tr class="text-c">
						
						<td>${list.volume }</td>
						<td>${list.controller }</td>
						<td>${list.stars}</td>
						<td>${list.comments }</td>
						<td>${list.machineName }</td>
						<td>${list.username }</td>
						<td><fmt:formatDate value="${list.timestamp }" pattern="YYYY-MM-dd HH:MM:ss"/></td>
						<td class="td-manage"><a title="删除" href="#" onclick="member_del(this,'${list.id}');" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe602;</i></a></td>
				</tr>
				</c:forEach>
			</c:if>
			<c:if test="${empty milkMakingRecordList }">
				<tr class="text-c">
					<td colspan="11">没有查询到数据</td>
				</tr>
			</c:if>
		</tbody>
	</table>
	</div>
</div>
</form>
<div align="right">
<script type="text/javascript">
	function _go() {
		var pageNO = $("#pageCode").val();//获取文本框中的当前页码
		if(!/^[1-9]\d*$/.test(pageNO)) {//对当前页码进行整数校验
			alert('请输入正确的页码！');
			return;
		}
		var page = "${pageSize}";
		page = parseInt(page);
		if(pageNO > page) {//判断当前页码是否大于最大页
			alert('请输入正确的页码！');
			return;
		}
		var pageno = "${pageNO}";
		pageno = parseInt(pageno);
		if(pageNO == pageno) {
			alert("您处于" + pageNO + "页!");
			return;
		}
		location = "${pageContext.request.contextPath}${url}" + pageNO;
	}
</script>


<div class="divBody">
	<div id="testDIV"></div>
	<form action="" id="myForm" method="post"></form>
  		<div class="btn-group">
		    <%--上一页 --%>
		    <span class="btn btn-lowblue radius">
			    <c:choose>
			      <c:when test="${pageNO eq 1 }">
			        <a class="active">上一页</a>
			      </c:when>
			      <c:otherwise>
			        <a href="${pageContext.request.contextPath }${url}${pageNO-1}" class="aBtn bold">上一页</a>
			      </c:otherwise>
			    </c:choose>
    		</span>
		    <%-- 计算begin和end --%>
		    <c:choose>
		      <%-- 如果总页数<=6，那么显示所有页码，即begin=1 end=${pageSize} --%>
		      <c:when test="${pageSize <= 6 }">
		        <c:set var="begin" value="1"/>
		        <c:set var="end" value="${pageSize }"/>
		      </c:when>
		      <c:otherwise>
		        <%-- 设置begin=当前页码-2，end=当前页码+3 --%>
		        <c:set var="begin" value="${pageNO-2 }"/>
		        <c:set var="end" value="${pageNO+3 }"/>
		        <c:choose>
		          <%-- 如果begin<1，那么让begin=1 end=6 --%>
		          <c:when test="${begin<1}">
		            <c:set var="begin" value="1"/>
		            <c:set var="end" value="6"/>
		          </c:when>
		          <%-- 如果end>最大页，那么begin=最大页-5 end=最大页 --%>
		          <c:when test="${end>pageSize}">
		            <c:set var="begin" value="${pageSize-5 }"/>
		            <c:set var="end" value="${pageSize}"/>
		          </c:when>
		        </c:choose>
		      </c:otherwise>
		    </c:choose>
    
		    <%-- 显示页码列表 --%>
		    <c:forEach var="page" begin="${begin }" end="${end }">
		      <c:choose>
		        <c:when test="${page eq pageNO }">
		          <span class="btn btn-lowblue radius"><a  class="active">${page }</a></span>
		        </c:when>
		        <c:otherwise>
		          <span class="btn btn-lowblue radius"><a href="${pageContext.request.contextPath }${url}${page}" class="aBtn">${page }</a></span>
		        </c:otherwise>
		      </c:choose>
		    </c:forEach>
		    
    
		    <%-- 显示点点点 --%>
		    <c:if test="${end < pageSize }">
		      <a  class="active">...</a> 
		    </c:if>
    
		     <%--下一页 --%>
		     <span class="btn btn-lowblue radius">
			     <c:choose>
			      <c:when test="${pageNO eq pageSize || pageSize == 0}">
			        <a class="active">下一页</a>
			      </c:when>
			      <c:otherwise>
			        <a href="${pageContext.request.contextPath }${url}${pageNO+1}" class="aBtn bold">下一页</a>
			      </c:otherwise>
			    </c:choose>
			 </span>
			 <span class="btn" style="cursor: default;">
    			您当前位于:${pageNO}页
    		</span>
    
    <%-- 共N页 到M页 --%>
    <span class="btn" style="cursor: default;">共<a class="active">${pageSize }</a>页</span>
    <span class="btn" style="cursor: default;">到<a class="active" style="max-height: 36px;min-height: 34px"><input type="text" id="pageCode" value="${pageNO }" class="input-text radius" style="width: 36px;height:22px" maxlength="3"/></a>页</span>
    <span class="btn btn-lowblue radius"><a href="javascript:_go();" class="active">确定</a></span>
    <a href="#" style="overflow:hidden" class="active"></a>
  </div>
</div>
</div>
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/laypage/1.2/laypage.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/My97DatePicker/WdatePicker.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/js/H-ui.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/js/H-ui.admin.js"></script> 
<script type="text/javascript">
// $(function(){
// 	$('.table-sort').dataTable({
// 		"aaSorting": [[ 1, "desc" ]],//默认第几个排序
// 		"bStateSave": true,//状态保存
// 		"aoColumnDefs": [
// 		  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
// 		  {"orderable":false,"aTargets":[20]}// 制定列不参与排序
// 		]
// 	});
// 	$('.table-sort tbody').on( 'click', 'tr', function () {
// 		if ( $(this).hasClass('selected') ) {
// 			$(this).removeClass('selected');
// 		}
// 		else {
// 			table.$('tr.selected').removeClass('selected');
// 			$(this).addClass('selected');
// 		}
// 	});
// });

/*用户-删除*/
function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
            url: '${pageContext.request.contextPath }/admin/milkMakingRecord/deleteMilkMakingRecord?id='+id,
            type: "POST",
            dataType: "json",
            error:function(data){
          	  layer.msg(data.info,{icon: 5,time:1000});
            },
            success:  function(data){
          	  layer.msg(data.info,{icon: 1,time:1000});
          	  $(obj).parents("tr").remove();
            }
        });
	});
}
$(function() {
	$("#DataTables_Table_0_paginate").hide();
	$("#DataTables_Table_0_length").hide();
	$("#DataTables_Table_0_info").hide();
});

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