2019-07-21 22:08:04 +08:00
|
|
|
|
{% extends 'app_admin/admin_base.html' %}
|
2020-10-18 08:05:41 +08:00
|
|
|
|
{% load static %}
|
2020-12-02 21:25:59 +08:00
|
|
|
|
{% load i18n %}
|
2019-07-21 22:08:04 +08:00
|
|
|
|
{% block title %}用户管理{% endblock %}
|
|
|
|
|
|
{% block content %}
|
2020-11-16 21:32:08 +08:00
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<div class="layui-card-body">
|
|
|
|
|
|
<div class="layui-card-header" style="margin-bottom: 10px;">
|
|
|
|
|
|
<div class="layui-row">
|
|
|
|
|
|
<span style="font-size:18px;">用户管理
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-row">
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
|
<input type="text" name="username" id="username" required lay-verify="required" placeholder="输入用户名" autocomplete="off" class="layui-input">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" onclick="getUserInfo()"><i class="layui-icon layui-icon-search"></i>搜索</button>
|
|
|
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" onclick="createUser()" type="button"><i class="layui-icon layui-icon-addition"></i>新增用户</button>
|
|
|
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" onclick="createSuperUser()" type="button"><i class="layui-icon layui-icon-addition"></i>添加管理员</button>
|
2019-07-21 22:08:04 +08:00
|
|
|
|
</div>
|
2020-11-16 21:32:08 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-row" lay-skin="line">
|
|
|
|
|
|
<table class="layui-table" id="user-list"></table>
|
2019-07-21 22:08:04 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2020-11-16 21:32:08 +08:00
|
|
|
|
</div>
|
2019-07-21 22:08:04 +08:00
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
|
|
|
{% block custom_script %}
|
2020-11-16 21:32:08 +08:00
|
|
|
|
<!-- 用户角色模板 -->
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<script type="text/html" id="userRole">
|
|
|
|
|
|
{% verbatim %}
|
|
|
|
|
|
{{# if(d['is_superuser']){ }}
|
|
|
|
|
|
超级管理员
|
|
|
|
|
|
{{# } else { }}
|
|
|
|
|
|
普通用户
|
|
|
|
|
|
{{# } }}
|
|
|
|
|
|
{% endverbatim %}
|
|
|
|
|
|
</script>
|
2020-11-16 21:32:08 +08:00
|
|
|
|
<!-- 用户状态模板 -->
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<script type="text/html" id="userStatus">
|
|
|
|
|
|
{% verbatim %}
|
|
|
|
|
|
{{# if(d['is_active']){ }}
|
|
|
|
|
|
<i class="layui-icon layui-icon-ok-circle" style="color: green"/>
|
|
|
|
|
|
{{# } else { }}
|
|
|
|
|
|
<i class="layui-icon layui-icon-close-fill" style="color: red"/>
|
|
|
|
|
|
{{# } }}
|
|
|
|
|
|
{% endverbatim %}
|
|
|
|
|
|
</script>
|
2020-11-16 21:32:08 +08:00
|
|
|
|
<!-- 用户操作模板 -->
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<script type="text/html" id="userOpera">
|
|
|
|
|
|
{% verbatim %}
|
|
|
|
|
|
<a class="layui-table-link" href="javascript:void(0);" onclick="changePwd('{{ d.id }}','{{ d.username }}')">修改密码</a>
|
2019-07-29 14:31:31 +08:00
|
|
|
|
<a class="layui-table-link" href="javascript:void(0);" onclick="delUser('{{ d.id }}','{{ d.username }}')">删除用户</a>
|
2019-07-21 22:08:04 +08:00
|
|
|
|
{% endverbatim %}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script>
|
2020-11-16 21:32:08 +08:00
|
|
|
|
layui.use(['table','jquery','form','layer','element','table'], function() {
|
|
|
|
|
|
let table = layui.table;
|
|
|
|
|
|
let form = layui.form;
|
|
|
|
|
|
let $ = layui.jquery;
|
|
|
|
|
|
let layer = layui.layer;
|
|
|
|
|
|
let element = layui.element;
|
|
|
|
|
|
$.ajaxSetup({
|
|
|
|
|
|
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
|
2019-07-21 22:08:04 +08:00
|
|
|
|
});
|
2020-11-16 21:32:08 +08:00
|
|
|
|
//获取用户列表
|
|
|
|
|
|
getUserInfo = function () {
|
|
|
|
|
|
layer.load(1);
|
|
|
|
|
|
$.post("{% url 'user_manage' %}",{'username':$("#username").val()},function(r){
|
|
|
|
|
|
layer.closeAll('loading');
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
//执行表格渲染
|
|
|
|
|
|
table.render({
|
|
|
|
|
|
elem: '#user-list' //指定原始表格元素选择器（推荐id选择器）
|
|
|
|
|
|
,height: 600 //容器高度
|
|
|
|
|
|
,limit:20
|
|
|
|
|
|
,page:true
|
|
|
|
|
|
,cols: [[
|
|
|
|
|
|
{field:'username',title:'用户名',width:160},
|
|
|
|
|
|
{field:'first_name',title:'昵称',width:160},
|
|
|
|
|
|
{field:'email',title:'电子邮箱',width:160},
|
|
|
|
|
|
{field:'is_superuser',title:'用户角色',width:100,templet:'#userRole'},
|
|
|
|
|
|
{field:'date_joined',title:'注册时间',width:200},
|
|
|
|
|
|
{field:'last_login',title:'最后登录时间',width:200},
|
|
|
|
|
|
{field:'is_active',title:'状态',width:60,templet:'#userStatus'},
|
|
|
|
|
|
{field:'oprate',title:'操作',width:180,templet:'#userOpera'},
|
|
|
|
|
|
]] //设置表头
|
|
|
|
|
|
,data:r.data
|
|
|
|
|
|
});
|
2019-07-21 22:08:04 +08:00
|
|
|
|
}
|
2020-11-16 21:32:08 +08:00
|
|
|
|
});
|
|
|
|
|
|
};
|
|
|
|
|
|
//新建用户
|
|
|
|
|
|
createUser = function(){
|
|
|
|
|
|
layer.open({
|
|
|
|
|
|
type:1,
|
|
|
|
|
|
title:'新建用户',
|
|
|
|
|
|
area:'300px;',
|
|
|
|
|
|
id:'createUser',//配置ID
|
|
|
|
|
|
content:'<div style="padding: 20px;"><input class="layui-input" type="text" id="user" style="margin-bottom:10px;" placeholder="输入用户名" required lay-verify="required"><input class="layui-input" type="email" id="email" style="margin-bottom:10px;" placeholder="输入电子邮箱" required lay-verify="required"><input class="layui-input" type="password" id="password" placeholder="输入密码" required lay-verify="required"></div>',
|
|
|
|
|
|
btn:['确定','取消'], //添加按钮
|
|
|
|
|
|
btnAlign:'c', //按钮居中
|
|
|
|
|
|
yes:function (index,layero) {
|
|
|
|
|
|
layer.load(1);
|
|
|
|
|
|
data = {
|
|
|
|
|
|
'username':$("#user").val(),
|
|
|
|
|
|
'password':$("#password").val(),
|
|
|
|
|
|
'email':$("#email").val()
|
2019-07-21 22:08:04 +08:00
|
|
|
|
}
|
2020-11-16 21:32:08 +08:00
|
|
|
|
$.post("{% url 'create_user' %}",data,function(r){
|
|
|
|
|
|
layer.closeAll('loading');
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
//创建成功，刷新页面
|
|
|
|
|
|
window.location.reload();
|
|
|
|
|
|
}else{
|
|
|
|
|
|
//创建失败，提示
|
|
|
|
|
|
// console.log(r)
|
|
|
|
|
|
layer.msg("请检查输入信息是否正确")
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
})
|
|
|
|
|
|
};
|
|
|
|
|
|
createSuperUser = function(){
|
|
|
|
|
|
layer.open({
|
|
|
|
|
|
type:1,
|
|
|
|
|
|
title:'新增管理员',
|
|
|
|
|
|
area:'300px;',
|
|
|
|
|
|
id:'createSuperUser',//配置ID
|
|
|
|
|
|
content:'<div style="padding: 20px;"><input class="layui-input" type="text" id="user2" style="margin-bottom:10px;" placeholder="输入用户名" required lay-verify="required"><input class="layui-input" type="email" id="email2" style="margin-bottom:10px;" placeholder="输入电子邮箱" required lay-verify="required"><input class="layui-input" type="password" id="password2" placeholder="输入密码" required lay-verify="required"></div>',
|
|
|
|
|
|
btn:['确定','取消'], //添加按钮
|
|
|
|
|
|
btnAlign:'c', //按钮居中
|
|
|
|
|
|
yes:function (index,layero) {
|
|
|
|
|
|
layer.load(1);
|
|
|
|
|
|
data = {
|
|
|
|
|
|
'username':$("#user2").val(),
|
|
|
|
|
|
'password':$("#password2").val(),
|
|
|
|
|
|
'email':$("#email2").val(),
|
|
|
|
|
|
'user_type':1,
|
2020-08-30 13:51:26 +08:00
|
|
|
|
}
|
2020-11-16 21:32:08 +08:00
|
|
|
|
$.post("{% url 'create_user' %}",data,function(r){
|
|
|
|
|
|
layer.closeAll('loading');
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
//创建成功，刷新页面
|
|
|
|
|
|
window.location.reload();
|
|
|
|
|
|
}else{
|
|
|
|
|
|
//创建失败，提示
|
|
|
|
|
|
// console.log(r)
|
|
|
|
|
|
layer.msg(r.data)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
})
|
|
|
|
|
|
};
|
|
|
|
|
|
//修改用户密码
|
|
|
|
|
|
changePwd = function(uid,username){
|
|
|
|
|
|
layer.open({
|
|
|
|
|
|
type:1,
|
|
|
|
|
|
title:'修改密码',
|
|
|
|
|
|
area:'300px;',
|
|
|
|
|
|
id:'changePwd',
|
|
|
|
|
|
content:'<div style="padding:10px 0 0 20px;">修改用户[' + username + ']的密码：</div><div style="padding: 20px;"><input class="layui-input" type="password" id="newPwd1" style="margin-bottom:10px;" placeholder="输入新密码" required lay-verify="required"><input class="layui-input" type="password" id="newPwd2" placeholder="再次确认新密码" required lay-verify="required"></div>',
|
|
|
|
|
|
btn:['确认修改','取消'],
|
|
|
|
|
|
yes:function (index,layero) {
|
|
|
|
|
|
layer.load();
|
|
|
|
|
|
data = {
|
|
|
|
|
|
'user_id':uid,
|
|
|
|
|
|
'password':$("#newPwd1").val(),
|
|
|
|
|
|
'password2':$("#newPwd2").val(),
|
2019-07-31 21:31:39 +08:00
|
|
|
|
}
|
2020-11-16 21:32:08 +08:00
|
|
|
|
$.post("{% url 'change_pwd' %}",data,function(r){
|
|
|
|
|
|
layer.closeAll('loading');
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
//修改成功
|
|
|
|
|
|
window.location.reload();
|
|
|
|
|
|
//layer.close(index)
|
|
|
|
|
|
}else{
|
|
|
|
|
|
//修改失败，提示
|
|
|
|
|
|
//console.log(r)
|
|
|
|
|
|
layer.msg(r.data)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
})
|
|
|
|
|
|
};
|
|
|
|
|
|
//删除用户
|
|
|
|
|
|
delUser = function(uid,username){
|
|
|
|
|
|
layer.open({
|
|
|
|
|
|
type:1,
|
|
|
|
|
|
title:'删除用户',
|
|
|
|
|
|
area:'300px;',
|
|
|
|
|
|
id:'delPro',//配置ID
|
2020-12-04 22:23:48 +08:00
|
|
|
|
content:'<div style="margin-left:10px;">警告：此操作将删除用户'+username+'及其文集文档！协作文档将转移给文集所有者</div>',
|
2020-11-16 21:32:08 +08:00
|
|
|
|
btn:['确定','取消'], //添加按钮
|
|
|
|
|
|
btnAlign:'c', //按钮居中
|
|
|
|
|
|
yes:function (index,layero) {
|
|
|
|
|
|
layer.load(1);
|
|
|
|
|
|
data = {
|
|
|
|
|
|
'user_id':uid,
|
2019-07-29 14:31:31 +08:00
|
|
|
|
}
|
2020-11-16 21:32:08 +08:00
|
|
|
|
$.post("{% url 'del_user' %}",data,function(r){
|
|
|
|
|
|
layer.closeAll('loading');
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
//删除成功
|
|
|
|
|
|
window.location.reload();
|
|
|
|
|
|
//layer.close(index)
|
|
|
|
|
|
}else{
|
|
|
|
|
|
//删除失败，提示
|
|
|
|
|
|
//console.log(r)
|
|
|
|
|
|
layer.msg(r.data)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
});
|
|
|
|
|
|
};
|
|
|
|
|
|
//页面加载执行 获取所有用户信息
|
|
|
|
|
|
getUserInfo();
|
|
|
|
|
|
})
|
2019-07-21 22:08:04 +08:00
|
|
|
|
</script>
|
|
|
|
|
|
{% endblock %}
|
