|
|
<%--
|
|
|
Created by IntelliJ IDEA.
|
|
|
User: 24255
|
|
|
Date: 2019/8/22
|
|
|
Time: 23:49
|
|
|
To change this template use /images | Settings | /images Templates.
|
|
|
--%>
|
|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
<%
|
|
|
if (session.getAttribute("admin") == null){
|
|
|
response.sendRedirect("/user/index");
|
|
|
}
|
|
|
%>
|
|
|
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
|
|
|
<!DOCTYPE html>
|
|
|
<html><head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
<meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />
|
|
|
<title>用户信息管理</title>
|
|
|
<!-- 引入css样式文件 -->
|
|
|
<!-- Bootstrap Core CSS -->
|
|
|
<link href="${path}/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
|
<!-- MetisMenu CSS -->
|
|
|
<link href="${path}/static/css/admin/metisMenu.min.css" rel="stylesheet">
|
|
|
<!-- DataTables CSS -->
|
|
|
<link href="${path}/static/css/admin/dataTables.bootstrap.css" rel="stylesheet">
|
|
|
<!-- Custom CSS -->
|
|
|
<link href="${path}/static/css/admin/sb-admin-2.css" rel="stylesheet">
|
|
|
<!-- Custom Fonts -->
|
|
|
<link href="${path}/static/css/admin/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
|
<link href="${path}/static/css/admin/boot-crm.css" rel="stylesheet" type="text/css">
|
|
|
<style>
|
|
|
.panel-heading{background-color: #337ab7;border-color: #2e6da4;font-size:14px;padding-left:20px;height:36px;line-height:36px;color:white;position:relative;cursor:pointer;}/*转成手形图标*/
|
|
|
.panel-heading span{position:absolute;right:10px;top:12px;}
|
|
|
table{
|
|
|
border-bottom: 1px solid #ddd !important;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="wrapper">
|
|
|
<!-- 导航栏部分 -->
|
|
|
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
|
|
|
<div class="navbar-header">
|
|
|
<a class="navbar-brand" href="">智能仓库寄存管理系统</a>
|
|
|
</div>
|
|
|
<!-- 导航栏右侧图标部分 -->
|
|
|
<!-- 导航栏右侧图标部分 -->
|
|
|
<ul class="nav navbar-top-links navbar-right">
|
|
|
<!-- 消息通知 end -->
|
|
|
<!-- 用户信息和系统设置 start -->
|
|
|
<li class="dropdown">
|
|
|
<a class="dropdown-toggle" data-toggle="dropdown" href="/admin/developing">
|
|
|
<i class="fa fa-user fa-fw"></i>
|
|
|
<i class="fa fa-caret-down"></i>
|
|
|
</a>
|
|
|
<ul class="dropdown-menu dropdown-user ">
|
|
|
<li>
|
|
|
<input type="hidden" id = "currentAdminId" value="${admin.id}">
|
|
|
</li>
|
|
|
<li><a href="/admin/developing"><i class="fa fa-user fa-fw"></i>
|
|
|
管理员：${admin.adminName}</a>
|
|
|
</li>
|
|
|
<li><a href="/admin/developing"><i class="fa fa-gear fa-fw"></i> 系统设置</a></li>
|
|
|
<li class="divider"></li>
|
|
|
<li>
|
|
|
<a href="${path}/admin/logout">
|
|
|
<i class="fa fa-sign-out fa-fw"></i>退出登录
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<!-- 用户信息和系统设置结束 -->
|
|
|
</ul> <!-- 左侧显示列表部分 start-->
|
|
|
<div class="navbar-default sidebar" role="navigation">
|
|
|
<div class="sidebar-nav navbar-collapse">
|
|
|
<!-- 教学管理 折叠的分组列表 -->
|
|
|
<div class="panel-heading" id="collapseListGroupHeading3" data-toggle="collapse" data-target="#collapseListGroup3" role="tab">
|
|
|
<h4 class="panel-title">
|
|
|
后台管理 <span class="fa fa-chevron-up right"></span>
|
|
|
</h4>
|
|
|
</div>
|
|
|
<div id="collapseListGroup3" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="collapseListGroupHeading3">
|
|
|
<ul class="list-group">
|
|
|
<li class="list-group-item my_font">
|
|
|
<a href="${path}/admin/user">
|
|
|
<i class="fa fa-flash fa-fw"></i> 用户信息
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="list-group-item my_font">
|
|
|
<a href="${path}/admin/admin">
|
|
|
<i class="fa fa-flash fa-fw"></i> 管理员信息
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="list-group-item my_font">
|
|
|
<a href="${path}/admin/pet">
|
|
|
<i class="fa fa-sitemap fa-fw"></i> 产品列表理
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="list-group-item my_font">
|
|
|
<a href="${path}/admin/adopt">
|
|
|
<i class="fa fa-sitemap fa-fw"></i> 心仪产品列表理
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="list-group-item my_font">
|
|
|
<a href="${path}/admin/comment">
|
|
|
<i class="fa fa-sitemap fa-fw"></i> 评论管理
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="list-group-item my_font">
|
|
|
<a href="${path}/admin/blog">
|
|
|
<i class="fa fa-sitemap fa-fw"></i> 案例管理
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="list-group-item my_font">
|
|
|
<a href="${path}/admin/apply">
|
|
|
<i class="fa fa-sitemap fa-fw"></i> 用户新闻咨询问题
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="list-group-item my_font">
|
|
|
<a href="${path}/admin/agree">
|
|
|
<i class="fa fa-sitemap fa-fw"></i> 入库不成功列表
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="list-group-item my_font">
|
|
|
<a href="${path}/admin/disAgree">
|
|
|
<i class="fa fa-sitemap fa-fw"></i> 入库不成功列表
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div><!-- 左侧显示列表部分 end-->
|
|
|
|
|
|
</nav>
|
|
|
<!-- 班级列表查询部分 start-->
|
|
|
<div id="page-wrapper">
|
|
|
<div class="row">
|
|
|
<div class="col-lg-12">
|
|
|
<h1 class="page-header">用户管理</h1>
|
|
|
</div>
|
|
|
<!-- /.col-lg-12 -->
|
|
|
</div>
|
|
|
<!-- /.row -->
|
|
|
<div class="panel panel-default">
|
|
|
<!-- 搜索部分 -->
|
|
|
<div class="panel-body">
|
|
|
<form class="form-inline" method="get" action="{path}/user/users">
|
|
|
<div class="form-group">
|
|
|
<label for="findByName">用户名称</label>
|
|
|
<input type="text" class="form-control" id="findByName" value="" name="userName">
|
|
|
</div>
|
|
|
<button type="button" class="btn btn-primary" id="user_find_modal_btn">查询</button>
|
|
|
<input type="button" value="新增" class="btn btn-success" id="user_add_modal_btn" />
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
<div class="col-lg-12">
|
|
|
<div class="panel panel-default">
|
|
|
<div class="panel-heading" style="height: 40px;line-height: 40px;padding: 0px;font-size: 15px">用户信息列表</div>
|
|
|
<!-- /.panel-heading -->
|
|
|
<table class="table table-bordered table-striped" id="user_table">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
<%--复选框，因为没有做相关功能，就弃用了--%>
|
|
|
<%--<th>
|
|
|
<input type="checkbox" id="check_all"/>
|
|
|
</th>--%>
|
|
|
<th>编号</th>
|
|
|
<th>用户名</th>
|
|
|
<th>性别</th>
|
|
|
<th>年龄</th>
|
|
|
<th>电话</th>
|
|
|
<th>地址</th>
|
|
|
<th>工作年份</th>
|
|
|
<th>操作</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
|
|
|
</tbody>
|
|
|
</table>
|
|
|
<div class="row">
|
|
|
<!--分页文字信息 -->
|
|
|
<div class="col-md-8" id="page_info_area"></div>
|
|
|
<!-- 分页条信息 -->
|
|
|
<div class="col-md-4" id="page_nav_area">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- /.panel-body -->
|
|
|
</div>
|
|
|
<!-- /.panel -->
|
|
|
</div>
|
|
|
<!-- /.col-lg-12 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 用户查询 end-->
|
|
|
</div>
|
|
|
<!-- 创建用户模态框 id newUser form users-->
|
|
|
<div class="modal fade" id="newUsers" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
<div class="modal-dialog" role="document">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
<span aria-hidden="true">×</span>
|
|
|
</button>
|
|
|
<h4 class="modal-title" id="myModalLabel">新建用户信息</h4>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<form class="form-horizontal" id="new_users_form" method="post" enctype="multipart/form-data">
|
|
|
<div class="form-group">
|
|
|
<label for="new_userName" class="col-sm-2 control-label">
|
|
|
用户名字
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="new_userName" placeholder="用户名称" name="userName">
|
|
|
</div>
|
|
|
<label for="new_password" class="col-sm-2 control-label">
|
|
|
用户密码
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="new_password" placeholder="用户密码" name="password">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label for="new_sex" class="col-sm-2 control-label">
|
|
|
男女
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<select class="form-control" id="new_sex" name="sex">
|
|
|
<option value="男">男</option>
|
|
|
<option value="女">女</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<label for="new_age" class="col-sm-2 control-label">
|
|
|
年龄
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="new_age" placeholder="年龄" name="age">
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label for="new_telephone" class="col-sm-2 control-label">
|
|
|
电话号码
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="new_telephone" placeholder="电话" name="telephone">
|
|
|
</div>
|
|
|
<label for="new_Email" class="col-sm-2 control-label">
|
|
|
微信
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="new_Email" placeholder="Email" name="Email">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label for="new_address" class="col-sm-2 control-label">
|
|
|
地址
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="new_address" placeholder="地址" name="address">
|
|
|
</div>
|
|
|
<label for="new_state" class="col-sm-2 control-label">
|
|
|
经历
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<select class="form-control" id="new_state" name="state">
|
|
|
<option value="0">1年以下</option>
|
|
|
<option value="1">1-2年</option>
|
|
|
<option value="2">2-5年</option>
|
|
|
<option value="3">5-10年</option>
|
|
|
<option value="4">10年以上</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal" id="user_saveDown-btn">关闭</button>
|
|
|
<button type="button" class="btn btn-primary" id="user_save_btn">创建</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 修改班级模态框 -->
|
|
|
<div class="modal fade" id="editUsers" tabindex="-1" role="dialog" aria-labelledby="myModalLabe">
|
|
|
<div class="modal-dialog" role="document">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
<span aria-hidden="true">×</span>
|
|
|
</button>
|
|
|
<h4 class="modal-title" id="myModalLabe">修改用户信息</h4>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<form class="form-horizontal" id="edit_user_form" method="post" enctype="multipart/form-data">
|
|
|
<input type="hidden" id="edit_id" name="id">
|
|
|
<div class="form-group">
|
|
|
<label for="edit_userName" class="col-sm-2 control-label">
|
|
|
用户名称
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="edit_userName" placeholder="用户名称" value="${user.userName}" name="userName">
|
|
|
</div>
|
|
|
<label for="edit_password" class="col-sm-2 control-label">
|
|
|
用户密码
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="edit_password" placeholder="用户密码" value="${user.password}" name="password">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label for="edit_sex" class="col-sm-2 control-label">
|
|
|
性别
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<select class="form-control" id="edit_sex" value="${user.sex}" name="sex">
|
|
|
<option value="男">男</option>
|
|
|
<option value="女">女</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<label for="edit_telephone" class="col-sm-2 control-label">
|
|
|
电话号码
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="edit_telephone" placeholder="电话" value="${user.telephone}" name="telephone">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label for="edit_Email" class="col-sm-2 control-label">
|
|
|
微信
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="edit_Email" placeholder="Email" value="${user.email}" name="Email">
|
|
|
</div>
|
|
|
<label for="edit_address" class="col-sm-2 control-label">
|
|
|
地址
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<input type="text" class="form-control" id="edit_address" placeholder="地址" value="${user.address}" name="address">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label for="edit_state" class="col-sm-2 control-label">
|
|
|
经历
|
|
|
</label>
|
|
|
<div class="col-sm-4">
|
|
|
<select class="form-control" id="edit_state" value="${user.state}" name="state">
|
|
|
<option value="0">1年以下</option>
|
|
|
<option value="1">1-2年</option>
|
|
|
<option value="2">2-5年</option>
|
|
|
<option value="3">5-10年</option>
|
|
|
<option value="4">10年以上</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal" id="user_updateDown-btn">关闭</button>
|
|
|
<button type="button" class="btn btn-primary" id="user_update_btn">保存修改</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<%--登录失效，跳转至登录--%>
|
|
|
<div class="modal fade" id="notlogin" tabindex="-1" role="dialog" aria-labelledby="myModalLabe">
|
|
|
<div class="modal-dialog" role="document">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
<span aria-hidden="true">×</span>
|
|
|
</button>
|
|
|
<h4 class="modal-title">登录失效</h4>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<p>请先
|
|
|
<a href="/admin/login">登录</a>！</p>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close">关闭</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 引入js文件 -->
|
|
|
<!-- jQuery -->
|
|
|
<script src="${path}/static/js/jquery-3.4.1.min.js"></script>
|
|
|
<!-- Bootstrap Core JavaScript -->
|
|
|
<script src="${path}/static/bootstrap/js/bootstrap.min.js"></script>
|
|
|
<!-- Metis Menu Plugin JavaScript -->
|
|
|
<script src="${path}/static/js/admin/metisMenu.min.js"></script>
|
|
|
<!-- DataTables JavaScript -->
|
|
|
<script src="${path}/static/js/admin/jquery.dataTables.min.js"></script>
|
|
|
<script src="${path}/static/js/admin/dataTables.bootstrap.min.js"></script>
|
|
|
<!-- Custom Theme JavaScript -->
|
|
|
<script src="${path}/static/js/admin/sb-admin-2.js"></script>
|
|
|
<!-- 编写js代码 -->
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
//总的数据 当前的页面 页面容量 当前页码 当前总页数
|
|
|
var totalRecord,currentPage,currentSize,currentPageSize,currentPages;
|
|
|
var currentAdminId = $("#currentAdminId").val();
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
var key=$("#selectRefundReason").val();
|
|
|
//根据值让option选中
|
|
|
$("#user_time_zone option[value='"+key+"']").attr("selected","selected");
|
|
|
});
|
|
|
|
|
|
|
|
|
$(function(){
|
|
|
to_page(1);
|
|
|
});
|
|
|
function to_page(pn){
|
|
|
$.ajax({
|
|
|
url:"${path}/user/users",
|
|
|
data:"pn="+pn,
|
|
|
type:"GET",
|
|
|
success:function(result){
|
|
|
resolving(result);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function resolving(result){
|
|
|
//1、解析并显示员工数据
|
|
|
build_users_table(result);
|
|
|
//2、解析并显示分页信息
|
|
|
build_page_info(result);
|
|
|
//3、解析显示分页条数据
|
|
|
build_page_nav(result);
|
|
|
}
|
|
|
function build_users_table(result){
|
|
|
//清空table表格
|
|
|
$("#user_table tbody").empty();
|
|
|
//index：下标 user：单个对象
|
|
|
var users=result.extend.pageInfo.list;
|
|
|
$.each(users,function(index,user){
|
|
|
/*var checkBoxTd = $("<td><input type='checkbox' class='check_item'/></td>");*/
|
|
|
var userIdTd = $("<td></td>").append(user.id);
|
|
|
var userNameTd = $("<td></td>").append(user.userName);
|
|
|
var sexTd = $("<td></td>").append(user.sex);
|
|
|
var ageTd=$("<td></td>").append(user.age);
|
|
|
var telephoneTd=$("<td></td>").append(user.telephone);
|
|
|
var addressTd=$("<td></td>").append(user.address);
|
|
|
var stateTd=null;
|
|
|
if(user.state==0){
|
|
|
stateTd=$("<td></td>").append("1年以下");
|
|
|
}else if(user.state==1){
|
|
|
stateTd=$("<td></td>").append("1-2年");
|
|
|
}else if(user.state==2){
|
|
|
stateTd=$("<td></td>").append("2-5年");
|
|
|
}else if(user.state==3){
|
|
|
stateTd=$("<td></td>").append("5-10年");
|
|
|
}else if(user.state==4){
|
|
|
stateTd=$("<td></td>").append("10年以上");
|
|
|
}
|
|
|
|
|
|
var editBtn = $("<button></button>").addClass("btn btn-primary btn-sm edit_btn")
|
|
|
.append($("<span></span>").addClass("glyphicon glyphicon-pencil")).append("修改");
|
|
|
//为编辑按钮添加一个自定义的属性，来表示当前员工id
|
|
|
editBtn.attr("edit-id",user.id);
|
|
|
var delBtn = $("<button></button>").addClass("btn btn-danger btn-sm delete_btn")
|
|
|
.append($("<span></span>").addClass("glyphicon glyphicon-trash")).append("删除");
|
|
|
//为删除按钮添加一个自定义的属性来表示当前删除的员工id
|
|
|
delBtn.attr("del-id",user.id);
|
|
|
var btnTd = $("<td></td>").append(editBtn).append(" ").append(delBtn);
|
|
|
//var delBtn =
|
|
|
//append方法执行完成以后还是返回原来的元素
|
|
|
$("<tr></tr>")/*.append(checkBoxTd)*/
|
|
|
.append(userIdTd)
|
|
|
.append(userNameTd)
|
|
|
.append(sexTd)
|
|
|
.append(ageTd)
|
|
|
.append(telephoneTd)
|
|
|
.append(addressTd)
|
|
|
.append(stateTd)
|
|
|
.append(btnTd)
|
|
|
.appendTo("#user_table tbody");
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//解析显示分页信息
|
|
|
function build_page_info(result){
|
|
|
$("#page_info_area").empty();
|
|
|
$("#page_info_area").append("当前"+result.extend.pageInfo.pageNum+"页,总"+
|
|
|
result.extend.pageInfo.pages+"页,总"+
|
|
|
result.extend.pageInfo.total+"条记录");
|
|
|
totalRecord = result.extend.pageInfo.total;//最后的数据
|
|
|
currentPage = result.extend.pageInfo.pageNum;//当前页
|
|
|
currentPages=result.extend.pageInfo.pages;
|
|
|
currentSize=result.extend.pageInfo.size;//当前页面的尺寸
|
|
|
currentPageSize=result.extend.pageInfo.pageSize;//每页的尺寸
|
|
|
}
|
|
|
//解析显示分页条，点击分页要能去下一页....
|
|
|
function build_page_nav(result){
|
|
|
//page_nav_area
|
|
|
$("#page_nav_area").empty();
|
|
|
var ul = $("<ul></ul>").addClass("pagination");
|
|
|
|
|
|
//构建元素
|
|
|
var firstPageLi = $("<li></li>").append($("<a></a>").append("首页").attr("href","#"));
|
|
|
var prePageLi = $("<li></li>").append($("<a></a>").append("«"));
|
|
|
if(result.extend.pageInfo.hasPreviousPage == false){
|
|
|
firstPageLi.addClass("disabled");
|
|
|
prePageLi.addClass("disabled");
|
|
|
}else{
|
|
|
//为元素添加点击翻页的事件
|
|
|
firstPageLi.click(function(){
|
|
|
to_page(1);
|
|
|
});
|
|
|
prePageLi.click(function(){
|
|
|
to_page(result.extend.pageInfo.pageNum -1);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
var nextPageLi = $("<li></li>").append($("<a></a>").append("»"));
|
|
|
var lastPageLi = $("<li></li>").append($("<a></a>").append("末页").attr("href","#"));
|
|
|
if(result.extend.pageInfo.hasNextPage == false){
|
|
|
nextPageLi.addClass("disabled");
|
|
|
lastPageLi.addClass("disabled");
|
|
|
}else{
|
|
|
nextPageLi.click(function(){
|
|
|
to_page(result.extend.pageInfo.pageNum +1);
|
|
|
});
|
|
|
lastPageLi.click(function(){
|
|
|
to_page(result.extend.pageInfo.pages);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//添加首页和前一页 的提示
|
|
|
ul.append(firstPageLi).append(prePageLi);
|
|
|
//1,2，3遍历给ul中添加页码提示
|
|
|
$.each(result.extend.pageInfo.navigatepageNums,function(index,item){
|
|
|
|
|
|
var numLi = $("<li></li>").append($("<a></a>").append(item));
|
|
|
if(result.extend.pageInfo.pageNum == item){
|
|
|
numLi.addClass("active");
|
|
|
}
|
|
|
numLi.click(function(){
|
|
|
to_page(item);
|
|
|
});
|
|
|
ul.append(numLi);
|
|
|
});
|
|
|
//添加下一页和末页 的提示
|
|
|
ul.append(nextPageLi).append(lastPageLi);
|
|
|
|
|
|
//把ul加入到nav
|
|
|
var navEle = $("<nav></nav>").append(ul);
|
|
|
navEle.appendTo("#page_nav_area");
|
|
|
}
|
|
|
|
|
|
|
|
|
//清空表单样式及内容
|
|
|
function reset_form(ele){
|
|
|
$(ele)[0].reset();
|
|
|
//清空表单样式
|
|
|
$(ele).find("*").removeClass("has-error has-success");
|
|
|
$(ele).find(".help-block").text("");
|
|
|
}
|
|
|
|
|
|
//点击新增按钮弹出模态框。
|
|
|
$("#user_add_modal_btn").click(function(){
|
|
|
//清除表单数据（表单完整重置（表单的数据，表单的样式））
|
|
|
reset_form("#newUsers form");
|
|
|
//弹出模态框
|
|
|
if (currentAdminId == 0){
|
|
|
$("#notlogin").modal({
|
|
|
backdrop:"static"
|
|
|
})
|
|
|
}else{
|
|
|
$("#newUsers").modal({
|
|
|
backdrop:"static"
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//点击保存，保存员工。
|
|
|
$("#user_save_btn").click(function(){
|
|
|
var name = $("#new_userName").val();
|
|
|
var password = $("#new_password").val();
|
|
|
if (name == ""){
|
|
|
alert("用户名不能为空！");
|
|
|
}else if (password == ""){
|
|
|
alert("密码不能为空！");
|
|
|
}else {
|
|
|
//2、发送ajax请求保存员工
|
|
|
$.ajax({
|
|
|
url:"${path}/user/create",
|
|
|
type:"POST",
|
|
|
data:$("#newUsers form").serialize(),
|
|
|
success:function (result) {
|
|
|
alert("用户创建成功");
|
|
|
$("#user_saveDown-btn").click();
|
|
|
if(currentSize==currentPageSize) {
|
|
|
to_page(currentPages + 1);
|
|
|
}else{
|
|
|
to_page(currentPages);
|
|
|
}
|
|
|
},
|
|
|
error:function (result) {
|
|
|
console.log(result);
|
|
|
alert("用户创建失败");
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//点击编辑按钮弹出模态框。
|
|
|
$(document).on("click",".edit_btn",function(){
|
|
|
//1、发送ajax,根据id获取用户信息
|
|
|
//清除表单数据（表单完整重置（表单的数据，表单的样式））
|
|
|
reset_form("#editUsers form");
|
|
|
if (currentAdminId == 0){
|
|
|
$("#notlogin").modal({
|
|
|
backdrop:"static"
|
|
|
})
|
|
|
}else{
|
|
|
var id = $(this).attr("edit-id");
|
|
|
$.ajax({
|
|
|
url:"${path}/user/findById?id="+id,
|
|
|
type:"GET",
|
|
|
success:function(result){
|
|
|
//填充用户信息
|
|
|
console.log(result.extend.user);
|
|
|
$("#edit_id").val(result.extend.user.id);
|
|
|
$("#edit_userName").val(result.extend.user.userName);
|
|
|
$("#edit_password").val(result.extend.user.password);
|
|
|
$("#edit_sex").val(result.extend.user.sex);
|
|
|
$("#edit_telephone").val(result.extend.user.telephone);
|
|
|
$("#edit_Email").val(result.extend.user.Email);
|
|
|
$("#edit_address").val(result.extend.user.address);
|
|
|
$("#edit_state").val(result.extend.user.state);
|
|
|
}});
|
|
|
//2、弹出模态框
|
|
|
$("#editUsers").modal({
|
|
|
backdrop:"static"
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
//点击更新按钮弹出模态框。
|
|
|
$("#user_update_btn").click(function(){
|
|
|
var name = $("#edit_userName").val();
|
|
|
var password = $("#edit_password").val();
|
|
|
if (name == ""){
|
|
|
alert("用户名不能为空！");
|
|
|
}else if (password == ""){
|
|
|
alert("密码不能为空！");
|
|
|
}else{
|
|
|
$.ajax({
|
|
|
url:"${path}/user/update",
|
|
|
type:"POST",
|
|
|
data:$("#edit_user_form").serialize(),
|
|
|
success:function (result) {
|
|
|
alert("用户信息更新成功！");
|
|
|
$("#user_updateDown-btn").click();
|
|
|
to_page(currentPage);
|
|
|
},
|
|
|
error:function(result){
|
|
|
alert("用户信息更新失败！");
|
|
|
to_page(currentPage);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//单个删除
|
|
|
$(document).on("click",".delete_btn",function(){
|
|
|
if (currentAdminId == 0){
|
|
|
$("#notlogin").modal({
|
|
|
backdrop:"static"
|
|
|
})
|
|
|
}else{
|
|
|
//1、弹出是否确认删除对话框
|
|
|
var userName = $(this).parents("tr").find("td:eq(1)").text();
|
|
|
var userId = $(this).attr("del-id");
|
|
|
|
|
|
if(confirm("确认删除【"+userName+"】吗？")){
|
|
|
//确认，发送ajax请求删除即可
|
|
|
$.ajax({
|
|
|
url:"${path}/user/delete?id="+userId,
|
|
|
type:"GET",
|
|
|
success:function (result) {
|
|
|
alert("用户删除成功！");
|
|
|
if(currentSize==1){
|
|
|
to_page(currentPage-1);
|
|
|
} else {
|
|
|
to_page(currentPage);
|
|
|
}
|
|
|
},
|
|
|
error:function (result) {
|
|
|
alert("删除失败");
|
|
|
to_page(currentPage);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
$("#user_find_modal_btn").click(function () {
|
|
|
$("#user_table tbody").empty();
|
|
|
var userName=$("#findByName").val();
|
|
|
to_findByNamePage(1,userName);
|
|
|
});
|
|
|
|
|
|
function to_findByNamePage(pn,userName) {
|
|
|
$.ajax({
|
|
|
url:"${path}/user/users",
|
|
|
type:"POST",
|
|
|
dataType:"json",
|
|
|
data:{"userName":userName,"pn":pn},
|
|
|
async:"true",
|
|
|
success:function (result) {
|
|
|
build_users_table(result);
|
|
|
build_page_info(result);
|
|
|
build_page_findByName(result,userName);
|
|
|
},
|
|
|
error:function (result) {
|
|
|
alert("查询错误")
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
//解析显示分页条，点击分页要能去下一页....
|
|
|
function build_page_findByName(result,userName){
|
|
|
//page_nav_area
|
|
|
$("#page_nav_area").empty();
|
|
|
var ul = $("<ul></ul>").addClass("pagination");
|
|
|
|
|
|
//构建元素
|
|
|
var firstPageLi = $("<li></li>").append($("<a></a>").append("首页").attr("href","#"));
|
|
|
var prePageLi = $("<li></li>").append($("<a></a>").append("«"));
|
|
|
if(result.extend.pageInfo.hasPreviousPage == false){
|
|
|
firstPageLi.addClass("disabled");
|
|
|
prePageLi.addClass("disabled");
|
|
|
}else{
|
|
|
//为元素添加点击翻页的事件
|
|
|
firstPageLi.click(function(){
|
|
|
to_findByNamePage(1,userName);
|
|
|
});
|
|
|
prePageLi.click(function(){
|
|
|
to_findByNamePage(result.extend.pageInfo.pageNum -1);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
var nextPageLi = $("<li></li>").append($("<a></a>").append("»"));
|
|
|
var lastPageLi = $("<li></li>").append($("<a></a>").append("末页").attr("href","#"));
|
|
|
if(result.extend.pageInfo.hasNextPage == false){
|
|
|
nextPageLi.addClass("disabled");
|
|
|
lastPageLi.addClass("disabled");
|
|
|
}else{
|
|
|
nextPageLi.click(function(){
|
|
|
to_findByNamePage(result.extend.pageInfo.pageNum +1,userName);
|
|
|
});
|
|
|
lastPageLi.click(function(){
|
|
|
to_findByNamePage(result.extend.pageInfo.pages,userName);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//添加首页和前一页 的提示
|
|
|
ul.append(firstPageLi).append(prePageLi);
|
|
|
//1,2，3遍历给ul中添加页码提示
|
|
|
$.each(result.extend.pageInfo.navigatepageNums,function(index,item){
|
|
|
|
|
|
var numLi = $("<li></li>").append($("<a></a>").append(item));
|
|
|
if(result.extend.pageInfo.pageNum == item){
|
|
|
numLi.addClass("active");
|
|
|
}
|
|
|
numLi.click(function(){
|
|
|
to_findByNamePage(item,userName);
|
|
|
});
|
|
|
ul.append(numLi);
|
|
|
});
|
|
|
//添加下一页和末页 的提示
|
|
|
ul.append(nextPageLi).append(lastPageLi);
|
|
|
|
|
|
//把ul加入到nav
|
|
|
var navEle = $("<nav></nav>").append(ul);
|
|
|
navEle.appendTo("#page_nav_area");
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
</body></html>
|
