You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
398 lines
16 KiB
398 lines
16 KiB
<!DOCTYPE html>
|
|
<%@ page language="java" pageEncoding="UTF-8"%>
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<html>
|
|
<head>
|
|
<title>用户列表</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
|
|
<meta name="author" content="Coderthemes">
|
|
|
|
<%--开关样式--%>
|
|
<link rel="stylesheet" href="${ctx}/js/layui/2.5.5/layui/css/layui.css" media="all">
|
|
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/resourceNew/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/js/layer/layer.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/resourceNew/js/layui/layui.js"></script>
|
|
|
|
<!-- 字体图标 -->
|
|
<link href="${ctx}/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/assets/ionicon/css/ionicons.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/css/material-design-iconic-font.min.css" rel="stylesheet">
|
|
|
|
<!-- select2 带搜索的下拉 -->
|
|
<link href="${ctx}/assets/select2/select2.css" rel="stylesheet" type="text/css"/>
|
|
<link href="${ctx}/assets/jquery-multi-select/multi-select.css" rel="stylesheet" type="text/css"/>
|
|
|
|
<!--样式 -->
|
|
<link href="${ctx}/hbcyjc/resourceNew/css/newcjy_style.css" rel="stylesheet"/>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
$("#checkqxid").click(function(){//给全选按钮加上点击事件
|
|
alert(555);
|
|
var xz = $(this).prop("checked");//判断全选按钮的选中状态
|
|
var ck = $(".laycheckcla").prop("checked",xz); //让class名为laycheckcla的选项的选中状态和全选按钮的选中状态一致。
|
|
})
|
|
|
|
|
|
//删除
|
|
function gotoDelete() {
|
|
var userid = $("#t_r_content .focus #userid").val();//获取列表选中的隐藏域的值
|
|
if(userid){
|
|
var realname = $("#t_r_content .focus #realname").val();//获取列表选中的隐藏域的值
|
|
layer.confirm('确定删除【'+realname+'】吗？', {title:''}, function(){
|
|
$.ajax({
|
|
url : "${ctx}/sysuser/deluser.do",
|
|
data : {"userid" : userid},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
if(data){
|
|
mySearch();
|
|
layer.msg("删除成功");
|
|
}else{
|
|
layer.msg("删除失败, 请稍后重试");
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}else{
|
|
layer.msg("请选择一行");
|
|
}
|
|
}
|
|
|
|
//新增
|
|
function gotoAdd() {
|
|
layer.open({
|
|
type : 2,
|
|
title : "",
|
|
anim : 2,
|
|
shade: [0.7, '#333'],
|
|
area : [ '870px', '533px' ],
|
|
content : "${ctx}/sysuser/addsysuser.do?d="+new Date().getTime(),
|
|
end: function(){
|
|
mySearch();
|
|
}
|
|
});
|
|
}
|
|
|
|
//修改
|
|
function gotoEdit() {
|
|
var userid = $("#t_r_content .focus #userid").val();//获取列表选中的隐藏域的值
|
|
if(userid){
|
|
layer.open({
|
|
type : 2,
|
|
title : "",
|
|
anim : 2,
|
|
shade: [0.7, '#333'],
|
|
area : [ '788px', '460px' ],
|
|
content : "${ctx}/sysuser/edituser.do?userid="+userid,
|
|
end: function(){
|
|
mySearch();
|
|
}
|
|
});
|
|
}else{
|
|
layer.msg("请选择一行");
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 配置系统汇聚功能
|
|
*/
|
|
function gotoxthjgn() {
|
|
var userid = $("#t_r_content .focus #userid").val();//获取列表选中的隐藏域的值
|
|
if(userid){
|
|
layer.open({
|
|
type : 2,
|
|
title : "",
|
|
anim : 2,
|
|
shade: [0.7, '#333'],
|
|
area : [ '1100px', '600px' ],
|
|
content : "${ctx}/sysuser/gotopzxthjgn.do?userid="+userid,
|
|
end: function(){
|
|
mySearch();
|
|
}
|
|
});
|
|
}else{
|
|
layer.msg("请选择一行");
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//查询
|
|
function mySearch() {
|
|
document.mainForm.submit();
|
|
}
|
|
//重置
|
|
function myReset() {
|
|
$('#logname').val('');
|
|
$('#realname').val('');
|
|
$('#mobile').val('');
|
|
$('#email').val('');
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
//鼠标点击变色
|
|
$("#t_r_content tr").on("click", function () {
|
|
$(this).parent().find("tr.focus").toggleClass("focus");//取消原先选中行
|
|
$(this).toggleClass("focus");//设定当前行为选中行
|
|
});
|
|
//鼠标指向变色
|
|
$("#t_r_content tr").on("mouseover", function () {
|
|
$(this).parent().find("tr.mousefocus").toggleClass("mousefocus");//取消原先选中行
|
|
$(this).toggleClass("mousefocus");//设定当前行为选中行
|
|
});
|
|
});
|
|
|
|
|
|
getLeftlowermenu();
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '011301'; //测试，需要换成自己当前菜单dicnum --> sys_menu_item_dictionary
|
|
$.ajax({
|
|
url : "${ctx}/hbcyjclogin/getzccd.do",
|
|
data : {"dicnum" : dicnum},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
var leftlowerhtml = "";
|
|
if(data.success){
|
|
var zcdlist = data.data;
|
|
for(var i = 0;i<zcdlist.length;i++){
|
|
var menuurl = zcdlist[i].menuurl; //配置的链接
|
|
var dicname = zcdlist[i].dicname; //名称
|
|
if(dicnum == zcdlist[i].dicnum){
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang active\">"+dicname+"</a>";
|
|
}else{
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang\">"+dicname+"</a>";
|
|
}
|
|
}
|
|
}
|
|
|
|
leftlowerhtml += "<span class=\"jb-lefts\"><img src=\"${ctx}/hbcyjc/resourceNew/images/jb-lefts.png\"/></span>"+
|
|
"<span class=\"jb-leftx\"><img src=\"${ctx}/hbcyjc/resourceNew/images/jb-leftx.png\"/></span>"+
|
|
"<span class=\"jb-rights\"><img src=\"${ctx}/hbcyjc/resourceNew/images/jb-rights.png\"/></span>"+
|
|
"<span class=\"jb-rightx\"><img src=\"${ctx}/hbcyjc/resourceNew/images/jb-rightx.png\"/></span>";
|
|
|
|
$("#leftlowermenu").html(leftlowerhtml);
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$("#sysName").html("用户中心");
|
|
$("#pageName").html("用户管理");
|
|
|
|
$("#bottom_menu").css('display', 'none');
|
|
var my_menu_html =
|
|
'<a href="${ctx}/sysuser/userlist.do" class="caid_xiang active">用户管理</a>' +
|
|
'<a href="${ctx}/sysuser/userlist.do" class="caid_xiang">角色管理</a>';
|
|
$("#menuList").html(my_menu_html);
|
|
});
|
|
|
|
</script>
|
|
|
|
<style type="text/css">
|
|
.mousefocus{
|
|
background-color: rgba(0,109,207,.20);
|
|
}
|
|
|
|
a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
.layui-form-checked[lay-skin=primary] i {
|
|
border-color: #0ba5e2!important;
|
|
background-color: #4f2bd3;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="xingk_nr"></div>
|
|
<%@include file="/common/menu.jsp" %>
|
|
<div class="che_caid">
|
|
<a class="bttn_caid"><span class="bttn_sxdh"></span></a>
|
|
<div class="caid_nr" style="width:140px;" id = "leftlowermenu">
|
|
<a href="${ctx}/sysuser/userlist.do" class="caid_xiang active">用户中心</a>
|
|
<a href="${ctx}/hbcyjc/analysisReport/createPage.jsp" class="caid_xiang">大数据报告生成</a>
|
|
<a href="${ctx}/hbcyjclogin/getmenulistztree.do" class="caid_xiang ">首页菜单配置</a>
|
|
<span class="jb-lefts"><img src="${ctx}/hbcyjc/resourceNew/images/jb-lefts.png"/></span>
|
|
<span class="jb-leftx"><img src="${ctx}/hbcyjc/resourceNew/images/jb-leftx.png"/></span>
|
|
<span class="jb-rights"><img src="${ctx}/hbcyjc/resourceNew/images/jb-rights.png"/></span>
|
|
<span class="jb-rightx"><img src="${ctx}/hbcyjc/resourceNew/images/jb-rightx.png"/></span>
|
|
</div>
|
|
</div>
|
|
<form class="layui-form" action="${ctx}/sysuser/userlist_xthj.do" id="mainForm" method="post" name="mainForm" enctype="multipart/form-data">
|
|
|
|
<div class="table_sck">
|
|
<!-- 如果是省级用户, 则可以新增用户 -->
|
|
<c:if test="${admin.earecode.length()==2}">
|
|
<div class="">
|
|
<button type="button" class="bttn" onclick="gotoxthjgn()"><i class="fa fa-pencil"></i>配置系统汇聚功能</button>
|
|
</div>
|
|
</c:if>
|
|
|
|
<div class="tsble_form">
|
|
|
|
<div class="form_hpzs">
|
|
<label class="form_label">用户姓名：</label>
|
|
<div class="form_input">
|
|
<input id="realname" name="realname" value="${realname}"/>
|
|
</div>
|
|
</div>
|
|
<div class="form_hpzs">
|
|
<label class="form_label">账号：</label>
|
|
<div class="form_input">
|
|
<input id="logname" name="logname" value="${logname}"/>
|
|
</div>
|
|
</div>
|
|
<div class="form_hpzs">
|
|
<label class="form_label">手机：</label>
|
|
<div class="form_input">
|
|
<input id="mobile" name="mobile" value="${mobile}"/>
|
|
</div>
|
|
</div>
|
|
<div class="form_hpzs">
|
|
<label class="form_label">E-mail：</label>
|
|
<div class="form_input">
|
|
<input id="email" name="email" value="${email}"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="">
|
|
<button type="button" onclick="mySearch()" class="bttn bttn_ss" title="搜索"><i class="fa fa-search"></i>搜索</button>
|
|
<button class="bttn" title="重置" onclick="myReset()"><i class="fa fa-rotate-left "></i>重置</button>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="lst_table_box">
|
|
<div class="t_r_t" id="t_r_t">
|
|
<div class="t_r_title pp-list">
|
|
<table class="pp-list">
|
|
<tr>
|
|
<th style="text-align:center;width:5%;">序号</th>
|
|
<th style="text-align:center;width:15%;">姓名</th>
|
|
<th style="text-align:center;width:15%;">账号</th>
|
|
<th style="text-align:center;width:18%;">是否启用</th>
|
|
<th style="text-align:center;width:24%;">手机</th>
|
|
<th style="text-align:center;width:23%;">E-mail</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="t_r_content t_table" id="t_r_content" style="max-height:360px">
|
|
<table class="pp-list">
|
|
<c:forEach items="${list}" var="lis" varStatus="vst">
|
|
<tr>
|
|
<input id="userid" type="hidden" value="${lis.userid}"/>
|
|
<input id="realname" type="hidden" value="${lis.realname}"/>
|
|
<td style="text-align:center;width:5%;">${(vst.index)+1}</td>
|
|
<td style="text-align:center;width:15%;">${lis.realname}</td>
|
|
<td style="text-align:center;width:15%;">${lis.logname}</td>
|
|
|
|
<td style="text-align:center;width:18%;">
|
|
<div class="layui-form-item">
|
|
<input type="checkbox"
|
|
<c:if test="${lis.logstate == 0 }">name="close"</c:if>
|
|
<c:if test="${lis.logstate == 1 }">name="open" checked="" </c:if>
|
|
lay-skin="switch"
|
|
lay-text="启用|停用"
|
|
value = "${lis.logstate},${lis.userid}"
|
|
lay-filter="switchTest">
|
|
</div>
|
|
</td>
|
|
|
|
<td style="text-align:center;width:24%;">${lis.mobile}</td>
|
|
<td style="text-align:center;width:23%;">${lis.email}</td>
|
|
</tr>
|
|
</c:forEach>
|
|
</table>
|
|
</div>
|
|
<%@include file="/common/page.jsp"%>
|
|
</div>
|
|
</form>
|
|
</body>
|
|
|
|
<!-- 这个js必须在最后，不然不显示开关样式 -->
|
|
<script src="${ctx}/js/layui/2.5.5/layui/layui.all.js" charset="utf-8"></script>
|
|
<script>
|
|
layui.use(['form', 'layedit', 'laydate'], function(){
|
|
var form = layui.form
|
|
,layer = layui.layer
|
|
,layedit = layui.layedit
|
|
,laydate = layui.laydate;
|
|
|
|
|
|
form.on('checkbox(allChoose)', function (data) {
|
|
var child = $(".seach-box input[type='checkbox']");
|
|
child.each(function (index, item) {
|
|
item.checked = data.elem.checked;
|
|
});
|
|
form.render('checkbox');
|
|
});
|
|
|
|
|
|
//监听指定开关
|
|
form.on('switch(switchTest)', function(data){
|
|
layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
|
|
offset: '6px'
|
|
});
|
|
|
|
var qyty = this.value;
|
|
var thisdata = qyty.split(",");
|
|
var thisstate = thisdata[0]; //该数据本来的状态
|
|
var thisid = thisdata[1]; // 该数据userid
|
|
|
|
$.ajax({
|
|
url : "${ctx}/sysuser/updateuserstate.do",
|
|
data : {"thisstate" : thisstate,"thisid":thisid},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
if(data.success){
|
|
layer.msg('修改成功', {
|
|
time: 1000, //2s后自动关闭
|
|
});
|
|
setTimeout(function() {
|
|
mySearch(); //刷新列表
|
|
}, 1000)
|
|
}else{
|
|
mySearch(); //刷新列表
|
|
layer.msg('修改失败', {
|
|
time: 1000, //2s后自动关闭
|
|
});
|
|
setTimeout(function() {
|
|
mySearch(); //刷新列表
|
|
}, 1000)
|
|
}
|
|
}
|
|
})
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
</html> |