mirror of
https://github.com/mindoc-org/mindoc.git
synced 2025-09-19 10:08:03 +08:00
1、实现超级管理员用户管理功能
2、实现超级管理员项目列表功能 3、实现项目成员列表功能
This commit is contained in:
Minho
@@ -48,7 +48,7 @@
|
||||
<div class="input-group-addon">
|
||||
<i class="fa fa-lock"></i>
|
||||
</div>
|
||||
<input type="password" class="form-control" placeholder="密码" name="passwd" id="passwd" autocomplete="off">
|
||||
<input type="password" class="form-control" placeholder="密码" name="password" id="password" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
{{if ne .ENABLED_CAPTCHA "false"}}
|
||||
@@ -101,7 +101,7 @@
|
||||
var $btn = $(this).button('loading');
|
||||
|
||||
var account = $.trim($("#account").val());
|
||||
var passwd = $.trim($("#passwd").val());
|
||||
var password = $.trim($("#password").val());
|
||||
var code = $("#code").val();
|
||||
if(account === ""){
|
||||
$("#account").tooltip({placement:"auto",title : "账号不能为空",trigger : 'manual'})
|
||||
@@ -110,8 +110,8 @@
|
||||
$btn.button('reset');
|
||||
return false;
|
||||
|
||||
}else if(passwd === ""){
|
||||
$("#passwd").tooltip({title : '密码不能为空',trigger : 'manual'})
|
||||
}else if(password === ""){
|
||||
$("#password").tooltip({title : '密码不能为空',trigger : 'manual'})
|
||||
.tooltip('show')
|
||||
.parents('.form-group').addClass('has-error');
|
||||
$btn.button('reset');
|
||||
@@ -130,7 +130,7 @@
|
||||
type : "POST",
|
||||
success : function (res) {
|
||||
|
||||
if(res.errcode != 20001){
|
||||
if(res.errcode !== 0){
|
||||
$("#captcha-img").click();
|
||||
$("#code").val('');
|
||||
layer.msg(res.message);
|
||||
|
||||
@@ -36,10 +36,10 @@
|
||||
<button type="button" data-toggle="modal" data-target="#addBookDialogModal" class="btn btn-success btn-sm pull-right">添加项目</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div class="book-list" id="bookList">
|
||||
<div class="box-body" id="bookList">
|
||||
<div class="book-list">
|
||||
<template v-if="lists.length <= 0">
|
||||
|
||||
<div class="text-center">暂无数据</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
|
||||
@@ -52,7 +52,9 @@
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<a :href="'{{urlfor "DocumentController.Index" ":key" ""}}' + item.identify" title="查看文档" data-toggle="tooltip"><i class="fa fa-eye"></i> 查看文档</a>
|
||||
<a :href="'/book/' + item.identify + '/edit'" title="编辑文档" data-toggle="tooltip"><i class="fa fa-edit" aria-hidden="true"></i> 编辑文档</a>
|
||||
<template v-if="item.role_id != 3">
|
||||
<a :href="'/book/' + item.identify + '/edit'" title="编辑文档" data-toggle="tooltip"><i class="fa fa-edit" aria-hidden="true"></i> 编辑文档</a>
|
||||
</template>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
@@ -73,7 +75,7 @@
|
||||
</span>
|
||||
<span title="创建者" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-user"></i> ${item.create_name}</span>
|
||||
<span title="文档数量" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-pie-chart"></i> ${item.doc_count}</span>
|
||||
<span title="项目角色" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-user-secret"></i>${item.role_name}</span>
|
||||
<span title="项目角色" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-user-secret"></i> ${item.role_name}</span>
|
||||
<template v-if="item.last_modify_text !== ''">
|
||||
<span title="最后编辑" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-pencil"></i> 最后编辑: ${item.last_modify_text}</span>
|
||||
</template>
|
||||
@@ -82,9 +84,11 @@
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<nav>
|
||||
{{.PageHtml}}
|
||||
</nav>
|
||||
<template v-if="lists.length >= 0">
|
||||
<nav>
|
||||
{{.PageHtml}}
|
||||
</nav>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -196,16 +200,17 @@
|
||||
return showSuccess("");
|
||||
},
|
||||
success : function (res) {
|
||||
console.log(res)
|
||||
console.log(res);
|
||||
if(res.errcode === 0){
|
||||
|
||||
window.app.lists.splice(0,0,res.data);
|
||||
$("#addBookDialogModal").modal("hide");
|
||||
}else{
|
||||
showError(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
new Vue({
|
||||
window.app = new Vue({
|
||||
el : "#bookList",
|
||||
data : {
|
||||
lists : {{.Result}}
|
||||
|
||||
@@ -52,18 +52,31 @@
|
||||
<template v-if="item.role_id == 0">
|
||||
创始人
|
||||
</template>
|
||||
<template v-else-if="item.role_id == 1">
|
||||
{{if eq .Member.Role 0}}
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">编辑者 <span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">管理员</a> </li>
|
||||
<li><a href="#">编辑者</a> </li>
|
||||
<li><a href="#">观察者</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="#" class="btn btn-danger btn-sm">移除</a>
|
||||
{{end}}
|
||||
<template v-else>
|
||||
<template v-if="(book.role_id == 1 || book.role_id == 0) && member.member_id != item.member_id">
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
${item.role_name}
|
||||
<span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="javascript:;" @click="setBookMemberRole(item.member_id,1)">管理员</a> </li>
|
||||
<li><a href="javascript:;" @click="setBookMemberRole(item.member_id,2)">编辑者</a> </li>
|
||||
<li><a href="javascript:;" @click="setBookMemberRole(item.member_id,3)">观察者</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn btn-danger btn-sm">移除</button>
|
||||
</template>
|
||||
<template v-else>
|
||||
<template v-if="item.role_id == 1">
|
||||
管理员
|
||||
</template>
|
||||
<template v-else-if="item.role_id == 2">
|
||||
编辑者
|
||||
</template>
|
||||
<template v-else-if="item.role_id == 3">
|
||||
观察者
|
||||
</template>
|
||||
</template>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
@@ -108,7 +121,7 @@
|
||||
<div class="modal-footer">
|
||||
<span id="form-error-message"></span>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
||||
<button type="submit" class="btn btn-success">保存</button>
|
||||
<button type="submit" class="btn btn-success" data-loading-text="保存中..." id="btnAddMember">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@@ -127,19 +140,56 @@
|
||||
if(account === ""){
|
||||
return showError("账号不能为空");
|
||||
}
|
||||
$("#btnAddMember").button("loading");
|
||||
},
|
||||
success : function (res) {
|
||||
|
||||
if(res.errcode === 0){
|
||||
app.lists.splice(0,0,res.data);
|
||||
$("#addBookMemberDialogModal").modal("hide");
|
||||
}else{
|
||||
showError(res.message);
|
||||
}
|
||||
$("#btnAddMember").button("reset");
|
||||
}
|
||||
});
|
||||
|
||||
new Vue({
|
||||
var app = new Vue({
|
||||
el : "#userList",
|
||||
data : {
|
||||
lists : {{.Result}}
|
||||
lists : {{.Result}},
|
||||
member : {
|
||||
member_role : {{.Member.Role}},
|
||||
member_id : {{.Member.MemberId}}
|
||||
},
|
||||
book : {
|
||||
role_id : {{.Model.RoleId}},
|
||||
identify : {{.Model.Identify}}
|
||||
}
|
||||
},
|
||||
delimiters : ['${','}'],
|
||||
methods : {
|
||||
setBookMemberRole : function (member_id, role_id) {
|
||||
var $this = this;
|
||||
$.ajax({
|
||||
url : "{{urlfor "BookController.ChangeRole"}}",
|
||||
data : { "identify" : $this.book.identify,"member_id" : member_id,"role_id" : role_id },
|
||||
type :"post",
|
||||
dataType : "json",
|
||||
success : function (res) {
|
||||
console.log(res);
|
||||
if (res.errcode === 0){
|
||||
for(var index in $this.lists){
|
||||
var item = $this.lists[index];
|
||||
if (item.member_id === member_id){
|
||||
$this.lists.splice(index,1,res.data);
|
||||
}
|
||||
}
|
||||
}else{
|
||||
alert(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
Vue.nextTick(function () {
|
||||
|
||||
102
views/manager/books.tpl
Normal file
102
views/manager/books.tpl
Normal file
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>我的文档 - Powered by MinDoc</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link href="/static/css/main.css" rel="stylesheet">
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="/static/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="/static/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="manual-reader">
|
||||
{{template "widgets/header.tpl" .}}
|
||||
<div class="container manual-body">
|
||||
<div class="row">
|
||||
<div class="page-left">
|
||||
<ul class="menu">
|
||||
<li><a href="{{urlfor "ManagerController.Index"}}" class="item"><i class="fa fa-dashboard" aria-hidden="true"></i> 仪表盘</a> </li>
|
||||
<li><a href="{{urlfor "ManagerController.Users" }}" class="item"><i class="fa fa-users" aria-hidden="true"></i> 用户管理</a> </li>
|
||||
<li class="active"><a href="{{urlfor "ManagerController.Books" }}" class="item"><i class="fa fa-gear" aria-hidden="true"></i> 项目管理</a> </li>
|
||||
<li><a href="{{urlfor "ManagerController.Comments" }}" class="item"><i class="fa fa-comments-o" aria-hidden="true"></i> 评论管理</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="page-right">
|
||||
<div class="m-box">
|
||||
<div class="box-head">
|
||||
<strong class="box-title">项目列表</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body" id="bookList">
|
||||
<div class="book-list">
|
||||
|
||||
{{range $index,$item := .Lists}}
|
||||
<div class="list-item">
|
||||
<div class="book-title">
|
||||
<div class="pull-left">
|
||||
<a href="{{urlfor "ManagerController.EditBook" ":key" $item.Identify}}" title="编辑项目" data-toggle="tooltip">
|
||||
<i class="fa fa-unlock" aria-hidden="true"></i> {{$item.BookName}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<a href="{{urlfor "DocumentController.Index" ":key" $item.Identify}}" title="查看文档" data-toggle="tooltip"><i class="fa fa-eye"></i> 查看文档</a>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="desc-text">
|
||||
{{if eq $item.Description ""}}
|
||||
|
||||
{{else}}
|
||||
<a href="{{urlfor "ManagerController.EditBook" ":key" $item.Identify}}" title="编辑项目" style="font-size: 12px;" target="_blank">
|
||||
{{$item.Description}}
|
||||
</a>
|
||||
{{end}}
|
||||
</div>
|
||||
<div class="info">
|
||||
<span title="创建时间" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-clock-o"></i>
|
||||
{{date $item.CreateTime "Y-m-d H:i:s"}}
|
||||
|
||||
</span>
|
||||
<span title="创建者" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-user"></i> {{$item.CreateName}}</span>
|
||||
<span title="文档数量" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-pie-chart"></i> {{$item.DocCount}}</span>
|
||||
{{if ne $item.LastModifyText ""}}
|
||||
<span title="最后编辑" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-pencil"></i> 最后编辑: {{$item.LastModifyText}}</span>
|
||||
{{end}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="text-center">暂无数据</div>
|
||||
{{end}}
|
||||
</div>
|
||||
<template v-if="lists.length >= 0">
|
||||
<nav>
|
||||
{{.PageHtml}}
|
||||
</nav>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "widgets/footer.tpl" .}}
|
||||
</div>
|
||||
|
||||
<script src="/static/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="/static/vuejs/vue.min.js" type="text/javascript"></script>
|
||||
<script src="/static/js/jquery.form.js" type="text/javascript"></script>
|
||||
<script src="/static/js/main.js" type="text/javascript"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
120
views/manager/edit_book.tpl
Normal file
120
views/manager/edit_book.tpl
Normal file
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>编辑项目 - Powered by MinDoc</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
|
||||
<link href="/static/css/main.css" rel="stylesheet">
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="/static/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="/static/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="manual-reader">
|
||||
{{template "widgets/header.tpl" .}}
|
||||
<div class="container manual-body">
|
||||
<div class="row">
|
||||
<div class="page-left">
|
||||
<ul class="menu">
|
||||
<li><a href="{{urlfor "ManagerController.Index"}}" class="item"><i class="fa fa-dashboard" aria-hidden="true"></i> 仪表盘</a> </li>
|
||||
<li><a href="{{urlfor "ManagerController.Users" }}" class="item"><i class="fa fa-users" aria-hidden="true"></i> 用户管理</a> </li>
|
||||
<li class="active"><a href="{{urlfor "ManagerController.Books" }}" class="item"><i class="fa fa-gear" aria-hidden="true"></i> 项目管理</a> </li>
|
||||
<li><a href="{{urlfor "ManagerController.Comments" }}" class="item"><i class="fa fa-comments-o" aria-hidden="true"></i> 评论管理</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="page-right">
|
||||
<div class="m-box">
|
||||
<div class="box-head">
|
||||
<strong class="box-title"> 项目设置</strong>
|
||||
<button type="button" class="btn btn-danger btn-sm pull-right" style="margin-right: 5px;">删除项目</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body" style="padding-right: 200px;">
|
||||
<div class="form-left">
|
||||
<form method="post" id="bookEditForm">
|
||||
<div class="form-group">
|
||||
<label>标题</label>
|
||||
<input type="text" class="form-control" placeholder="项目名称" value="{{.Model.BookName}}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>标识</label>
|
||||
<input type="text" class="form-control" value=" {{.BaseUrl}}{{urlfor "DocumentController.Index" ":key" .Model.Identify}}" disabled>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>描述</label>
|
||||
<textarea rows="3" class="form-control" name="description" style="height: 90px">{{.Model.Description}}</textarea>
|
||||
<p class="text">描述信息不超过300个字符</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>标签</label>
|
||||
<input type="text" class="form-control" placeholder="项目标签" value="{{.Model.Label}}">
|
||||
<p class="text">最多允许添加10个标签，多个标签请用“;”分割</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>开启评论</label>
|
||||
<div class="radio">
|
||||
<label class="radio-inline">
|
||||
<input type="radio" {{if eq .Model.CommentStatus "open"}}checked{{end}} name="comment_status" value="open">允许所有人评论<span class="text"></span>
|
||||
</label>
|
||||
<label class="radio-inline">
|
||||
<input type="radio" {{if eq .Model.CommentStatus "closed"}}checked{{end}} name="comment_status" value="closed">关闭评论<span class="text"></span>
|
||||
</label>
|
||||
<label class="radio-inline">
|
||||
<input type="radio" {{if eq .Model.CommentStatus "group_only"}}checked{{end}} name="comment_status" value="group_only">仅允许参与者评论<span class="text"></span>
|
||||
</label>
|
||||
<label class="radio-inline">
|
||||
<input type="radio" {{if eq .Model.CommentStatus "registered_only"}}checked{{end}} name="comment_status" value="registered_only">仅允许注册者评论<span class="text"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{{if eq .Model.PrivatelyOwned 1}}
|
||||
<div class="form-group">
|
||||
<label>访问令牌</label>
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<input type="text" class="form-control" placeholder="访问令牌" readonly>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<button class="btn btn-success btn-sm">重写生成</button>
|
||||
<button class="btn btn-danger btn-sm">删除令牌</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-success" data-loading-text="保存中...">保存修改</button>
|
||||
<span id="form-error-message" class="error-message"></span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-right">
|
||||
<label>
|
||||
<a href="javascript:;" data-toggle="modal" data-target="#upload-logo-panel">
|
||||
<img src="{{.Model.Cover}}" onerror="this.src='/static/images/book.png'" alt="封面" style="max-width: 120px;border: 1px solid #999" id="headimgurl">
|
||||
</a>
|
||||
</label>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "widgets/footer.tpl" .}}
|
||||
</div>
|
||||
<script src="/static/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="/static/js/main.js" type="text/javascript"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -26,9 +26,10 @@
|
||||
<div class="row">
|
||||
<div class="page-left">
|
||||
<ul class="menu">
|
||||
<li class="active"><a href="#" class="item"><i class="fa fa-dashboard" aria-hidden="true"></i> 仪表盘</a> </li>
|
||||
<li><a href="#"><i class="fa fa-sitemap" aria-hidden="true"></i> 我的项目</a> </li>
|
||||
<li><a href="#" class="item"><i class="fa fa-user" aria-hidden="true"></i> 个人资料</a> </li>
|
||||
<li class="active"><a href="{{urlfor "ManagerController.Index"}}" class="item"><i class="fa fa-dashboard" aria-hidden="true"></i> 仪表盘</a> </li>
|
||||
<li><a href="{{urlfor "ManagerController.Users" }}" class="item"><i class="fa fa-users" aria-hidden="true"></i> 用户管理</a> </li>
|
||||
<li><a href="{{urlfor "ManagerController.Books" }}" class="item"><i class="fa fa-gear" aria-hidden="true"></i> 项目管理</a> </li>
|
||||
<li><a href="{{urlfor "ManagerController.Comments" }}" class="item"><i class="fa fa-comments-o" aria-hidden="true"></i> 评论管理</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
261
views/manager/users.tpl
Normal file
261
views/manager/users.tpl
Normal file
@@ -0,0 +1,261 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>用户管理 - Powered by MinDoc</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
|
||||
<link href="/static/css/main.css" rel="stylesheet">
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="/static/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="/static/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="manual-reader">
|
||||
{{template "widgets/header.tpl" .}}
|
||||
<div class="container manual-body">
|
||||
<div class="row">
|
||||
<div class="page-left">
|
||||
<ul class="menu">
|
||||
<li><a href="{{urlfor "ManagerController.Index"}}" class="item"><i class="fa fa-dashboard" aria-hidden="true"></i> 仪表盘</a> </li>
|
||||
<li class="active"><a href="{{urlfor "ManagerController.Users" }}" class="item"><i class="fa fa-users" aria-hidden="true"></i> 用户管理</a> </li>
|
||||
<li><a href="{{urlfor "ManagerController.Books" }}" class="item"><i class="fa fa-gear" aria-hidden="true"></i> 项目管理</a> </li>
|
||||
<li><a href="{{urlfor "ManagerController.Comments" }}" class="item"><i class="fa fa-comments-o" aria-hidden="true"></i> 评论管理</a> </li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="page-right">
|
||||
<div class="m-box">
|
||||
<div class="box-head">
|
||||
<strong class="box-title"> 成员管理</strong>
|
||||
{{if eq .Member.Role 0}}
|
||||
<button type="button" class="btn btn-success btn-sm pull-right" data-toggle="modal" data-target="#addMemberDialogModal"><i class="fa fa-user-plus" aria-hidden="true"></i> 添加成员</button>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div class="users-list" id="userList">
|
||||
<template v-if="lists.length <= 0">
|
||||
<div class="text-center">暂无数据</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="80">ID</th>
|
||||
<th width="80">头像</th>
|
||||
<th>账号</th>
|
||||
<th>角色</th>
|
||||
<th>状态</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in lists">
|
||||
<td>${item.member_id}</td>
|
||||
<td><img :src="item.avatar" onerror="this.src='/static/images/middle.gif'" class="img-circle" width="34" height="34"></td>
|
||||
<td>${item.account}</td>
|
||||
<td>
|
||||
<template v-if="item.role == 0">
|
||||
超级管理员
|
||||
</template>
|
||||
<template v-else-if="item.role === 1">
|
||||
管理员
|
||||
</template>
|
||||
<template v-else>
|
||||
普通用户
|
||||
</template>
|
||||
</td>
|
||||
<td>
|
||||
<template v-if="item.status == 0">
|
||||
<span class="label label-success">正常</span>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span class="label label-danger">禁用</span>
|
||||
</template>
|
||||
</td>
|
||||
<td>
|
||||
<template v-if="item.role == 0">
|
||||
超级管理员
|
||||
</template>
|
||||
<template v-else>
|
||||
<template v-if="item.status == 1">
|
||||
<button type="button" class="btn btn-danger btn-sm" @click="setMemberStatus(item.member_id,0,$event)" data-loading-text="启用中...">禁用</button>
|
||||
</template>
|
||||
<template v-else>
|
||||
<button type="button" class="btn btn-success btn-sm" @click="setMemberStatus(item.member_id,1,$event)" data-loading-text="禁用中...">启用</button>
|
||||
</template>
|
||||
</template>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</template>
|
||||
<nav>
|
||||
{{.PageHtml}}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "widgets/footer.tpl" .}}
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="addMemberDialogModal" tabindex="-1" role="dialog" aria-labelledby="addMemberDialogModalLabel">
|
||||
<div class="modal-dialog" role="document">
|
||||
<form method="post" autocomplete="off" class="form-horizontal" action="{{urlfor "ManagerController.CreateMember"}}" id="addMemberDialogForm">
|
||||
<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">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label" for="account">账号<span class="error-message">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" name="account" class="form-control" placeholder="用户账号" id="account" maxlength="50">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label" for="password1">密码<span class="error-message">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<input type="password" class="form-control" placeholder="用户密码" name="password1" id="password1" maxlength="50">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label" for="password2">确认密码<span class="error-message">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<input type="password" class="form-control" placeholder="确认密码" name="password2" id="password2" maxlength="50">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label" for="email">邮箱<span class="error-message">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<input type="email" class="form-control" placeholder="邮箱" name="email" id="email" maxlength="50">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">手机号</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" placeholder="手机号" name="phone" maxlength="50">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">角色</label>
|
||||
<div class="col-sm-10">
|
||||
<select name="role" class="form-control">
|
||||
<option value="1">管理员</option>
|
||||
<option value="2">普通用户</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<span id="form-error-message"></span>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
||||
<button type="submit" class="btn btn-success">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!--END Modal-->
|
||||
<script src="/static/jquery/1.12.4/jquery.min.js"></script>
|
||||
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="/static/vuejs/vue.min.js"></script>
|
||||
<script src="/static/js/jquery.form.js" type="text/javascript"></script>
|
||||
<script src="/static/js/main.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#addMemberDialogModal").on("show.bs.modal",function () {
|
||||
window.addMemberDialogModalHtml = $(this).find("form").html();
|
||||
}).on("hidden.bs.modal",function () {
|
||||
$(this).find("form").html(window.addMemberDialogModalHtml);
|
||||
});
|
||||
$("#addMemberDialogForm").ajaxForm({
|
||||
beforeSubmit : function () {
|
||||
var account = $.trim($("#account").val());
|
||||
if(account === ""){
|
||||
return showError("账号不能为空");
|
||||
}
|
||||
var password1 = $.trim($("#password1").val());
|
||||
var password2 = $("#password2").val();
|
||||
if (password1 === "") {
|
||||
return showError("密码不能为空");
|
||||
}
|
||||
if (password1 !== password2) {
|
||||
return showError("确认密码不正确");
|
||||
}
|
||||
var email = $.trim($("#email").val());
|
||||
|
||||
if (email === "") {
|
||||
return showError("邮箱不能为空");
|
||||
}
|
||||
return true;
|
||||
},
|
||||
success : function (res) {
|
||||
if(res.errcode === 0){
|
||||
app.lists.splice(0,0,res.data);
|
||||
$("#addMemberDialogModal").modal("hide");
|
||||
}else{
|
||||
showError(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var app = new Vue({
|
||||
el : "#userList",
|
||||
data : {
|
||||
lists : {{.Result}}
|
||||
},
|
||||
delimiters : ['${','}'],
|
||||
methods : {
|
||||
setMemberStatus : function (id,status,e) {
|
||||
var $this = this;
|
||||
$.ajax({
|
||||
url : "{{urlfor "ManagerController.UpdateMemberStatus"}}",
|
||||
type : "post",
|
||||
data : { "member_id":id,"status" : status},
|
||||
dataType : "json",
|
||||
success : function (res) {
|
||||
if (res.errcode === 0) {
|
||||
|
||||
for (var index in $this.lists) {
|
||||
var item = $this.lists[index];
|
||||
|
||||
if (item.member_id == id) {
|
||||
console.log(item);
|
||||
item.status = status;
|
||||
break;
|
||||
//$this.lists.splice(index,1,item);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
alert("操作失败：" + res.message);
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
Vue.nextTick(function () {
|
||||
$("[data-toggle='tooltip']").tooltip();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -188,7 +188,7 @@
|
||||
if(res.errcode === 0){
|
||||
console.log(res);
|
||||
$("#upload-logo-panel").modal('hide');
|
||||
$("#headimgurl").attr('src',res.url);
|
||||
$("#headimgurl").attr('src',res.data);
|
||||
}else{
|
||||
$("#error-message").text(res.message);
|
||||
}
|
||||
|
||||
@@ -23,8 +23,8 @@
|
||||
<div class="img user-info" data-toggle="dropdown">
|
||||
<img src="{{.Member.Avatar}}" class="img-circle userbar-avatar">
|
||||
<div class="userbar-content">
|
||||
<span>lifei6671</span>
|
||||
<div>管理员</div>
|
||||
<span>{{.Member.Account}}</span>
|
||||
<div>{{.Member.RoleName}}</div>
|
||||
</div>
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</div>
|
||||
@@ -35,9 +35,11 @@
|
||||
<li>
|
||||
<a href="{{urlfor "BookController.Index"}}" title="我的项目"><i class="fa fa-book" aria-hidden="true"></i> 我的项目</a>
|
||||
</li>
|
||||
{{if eq .Member.Role 0 }}
|
||||
<li>
|
||||
<a href="{{urlfor "ManagerController.Users"}}" title="用户管理"><i class="fa fa-users" aria-hidden="true"></i> 用户管理</a>
|
||||
<a href="{{urlfor "ManagerController.Index"}}" title="管理后台"><i class="fa fa-university" aria-hidden="true"></i> 管理后台</a>
|
||||
</li>
|
||||
{{end}}
|
||||
<li>
|
||||
<a href="{{urlfor "AccountController.Logout"}}" title="退出登录"><i class="fa fa-sign-out"></i> 退出登录</a>
|
||||
</li>
|
||||
|
||||
Reference in New Issue
Block a user