root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

impr:完善user.html

master
bobi 2019-11-03 18:49:04 +08:00
parent d6e58f5a24
commit b2459fb803
1 changed files with 196 additions and 198 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
pages/member/user.html
View File

@ -7,7 +7,7 @@
<link rel="stylesheet" href="../../css/oksub.css"> <link rel="stylesheet" href="../../css/oksub.css">
</head> </head>
<body> <body>
<div class="ok-body"> <div class="ok-body">
<!--面包屑导航区域--> <!--面包屑导航区域-->
<div class="ok-body-breadcrumb"> <div class="ok-body-breadcrumb">
<span class="layui-breadcrumb"> <span class="layui-breadcrumb">
@ -32,23 +32,22 @@
</div> </div>
<!--数据表格--> <!--数据表格-->
<table class="layui-hide" id="tableId" lay-filter="tableFilter"></table> <table class="layui-hide" id="tableId" lay-filter="tableFilter"></table>
</div> </div>
<!--js逻辑--> <!--js逻辑-->
<script src="../../lib/layui/layui.js"></script> <script src="../../lib/layui/layui.js"></script>
<script src="../../lib/nprogress/nprogress.js"></script> <script>
<script>
layui.use(["element", "table", "form", "laydate", "okLayer", "okUtils", "okMock"], function () { layui.use(["element", "table", "form", "laydate", "okLayer", "okUtils", "okMock"], function () {
var table = layui.table; let table = layui.table;
var form = layui.form; let form = layui.form;
var laydate = layui.laydate; let laydate = layui.laydate;
var okLayer = layui.okLayer; let okLayer = layui.okLayer;
var okUtils = layui.okUtils; let okUtils = layui.okUtils;
var okMock = layui.okMock; let okMock = layui.okMock;
laydate.render({elem: "#startTime", type: "datetime"}); laydate.render({elem: "#startTime", type: "datetime"});
laydate.render({elem: "#endTime", type: "datetime"}); laydate.render({elem: "#endTime", type: "datetime"});
var userTable = table.render({ let userTable = table.render({
elem: '#tableId', elem: '#tableId',
url: okMock.api.user.list, url: okMock.api.user.list,
limit: 20, limit: 20,
@ -104,7 +103,7 @@
}); });
table.on("tool(tableFilter)", function (obj) { table.on("tool(tableFilter)", function (obj) {
var data = obj.data; let data = obj.data;
switch (obj.event) { switch (obj.event) {
case "edit": case "edit":
edit(data); edit(data);
@ -117,13 +116,12 @@
function batchEnabled() { function batchEnabled() {
okLayer.confirm("确定要批量启用吗？", function (index) { okLayer.confirm("确定要批量启用吗？", function (index) {
// TODO
layer.close(index); layer.close(index);
var idsStr = okUtils.table.batchCheck(table); let idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax(okMock.api.user.batchNormal, "put", {idsStr: idsStr}).done(function (response) { okUtils.ajax("/user/normalUser", "put", {idsStr: idsStr}, true).done(function (response) {
console.log(response); console.log(response);
okUtils.table.successMsg("批量启用成功"); okUtils.table.successMsg(response.msg);
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
}); });
@ -134,11 +132,11 @@
function batchDisabled() { function batchDisabled() {
okLayer.confirm("确定要批量停用吗？", function (index) { okLayer.confirm("确定要批量停用吗？", function (index) {
layer.close(index); layer.close(index);
var idsStr = okUtils.table.batchCheck(table); let idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax(okMock.api.user.batchStop, "put", {idsStr: idsStr}).done(function (response) { okUtils.ajax("/user/stopUser", "put", {idsStr: idsStr}, true).done(function (response) {
console.log(response); console.log(response);
okUtils.table.successMsg("批量停用成功"); okUtils.table.successMsg(response.msg);
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
}); });
@ -149,11 +147,11 @@
function batchDel() { function batchDel() {
okLayer.confirm("确定要批量删除吗？", function (index) { okLayer.confirm("确定要批量删除吗？", function (index) {
layer.close(index); layer.close(index);
var idsStr = okUtils.table.batchCheck(table); let idsStr = okUtils.table.batchCheck(table);
if (idsStr) { if (idsStr) {
okUtils.ajax(okMock.api.user.batchDel, "delete", {idsStr: idsStr}).done(function (response) { okUtils.ajax("/user/deleteUser", "delete", {idsStr: idsStr}, true).done(function (response) {
console.log(response); console.log(response);
okUtils.table.successMsg("批量删除成功"); okUtils.table.successMsg(response.msg);
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
}); });
@ -169,7 +167,7 @@
function edit(data) { function edit(data) {
okLayer.open("编辑用户", "user-edit.html", "90%", "90%", function (layero) { okLayer.open("编辑用户", "user-edit.html", "90%", "90%", function (layero) {
var iframeWin = window[layero.find("iframe")[0]["name"]]; let iframeWin = window[layero.find("iframe")[0]["name"]];
iframeWin.initForm(data); iframeWin.initForm(data);
}, function () { }, function () {
userTable.reload(); userTable.reload();
@ -178,44 +176,44 @@
function del(id) { function del(id) {
okLayer.confirm("确定要删除吗？", function () { okLayer.confirm("确定要删除吗？", function () {
okUtils.ajax(okMock.api.user.batchDel, "delete", {idsStr: id}).done(function (response) { okUtils.ajax("/user/deleteUser", "delete", {idsStr: id}, true).done(function (response) {
console.log(response); console.log(response);
okUtils.table.successMsg("删除成功"); okUtils.table.successMsg(response.msg);
}).fail(function (error) { }).fail(function (error) {
console.log(error) console.log(error)
}); });
}) })
} }
}) })
</script> </script>
<!-- 头工具栏模板 --> <!-- 头工具栏模板 -->
<script type="text/html" id="toolbarTpl"> <script type="text/html" id="toolbarTpl">
<div class="layui-btn-container"> <div class="layui-btn-container">
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="batchEnabled">批量启用</button> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="batchEnabled">批量启用</button>
<button class="layui-btn layui-btn-sm layui-btn-warm" lay-event="batchDisabled">批量停用</button> <button class="layui-btn layui-btn-sm layui-btn-warm" lay-event="batchDisabled">批量停用</button>
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchDel">批量删除</button> <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchDel">批量删除</button>
<button class="layui-btn layui-btn-sm" lay-event="add">添加用户</button> <button class="layui-btn layui-btn-sm" lay-event="add">添加用户</button>
</div> </div>
</script> </script>
<!-- 行工具栏模板 --> <!-- 行工具栏模板 -->
<script type="text/html" id="operationTpl"> <script type="text/html" id="operationTpl">
<a href="javascript:" title="编辑" lay-event="edit"><i class="layui-icon">&#xe642;</i></a> <a href="javascript:" title="编辑" lay-event="edit"><i class="layui-icon">&#xe642;</i></a>
<a href="javascript:" title="删除" lay-event="del"><i class="layui-icon">&#xe640;</i></a> <a href="javascript:" title="删除" lay-event="del"><i class="layui-icon">&#xe640;</i></a>
</script> </script>
<!-- 启用|停用模板 --> <!-- 启用|停用模板 -->
<script type="text/html" id="statusTpl"> <script type="text/html" id="statusTpl">
{{# if(d.status == 0){ }} {{# if(d.status == 0){ }}
<span class="layui-btn layui-btn-normal layui-btn-xs">已启用</span> <span class="layui-btn layui-btn-normal layui-btn-xs">已启用</span>
{{# } else if(d.status == 1) { }} {{# } else if(d.status == 1) { }}
<span class="layui-btn layui-btn-warm layui-btn-xs">已停用</span> <span class="layui-btn layui-btn-warm layui-btn-xs">已停用</span>
{{# } }} {{# } }}
</script> </script>
<script type="text/html" id="roleTpl"> <script type="text/html" id="roleTpl">
{{# if(d.role == 0){ }} {{# if(d.role == 0){ }}
<span class="layui-btn layui-btn-normal layui-btn-xs">超级会员</span> <span class="layui-btn layui-btn-normal layui-btn-xs">超级会员</span>
{{# } else if(d.role == 1) { }} {{# } else if(d.role == 1) { }}
<span class="layui-btn layui-btn-warm layui-btn-xs">普通用户</span> <span class="layui-btn layui-btn-warm layui-btn-xs">普通用户</span>
{{# } }} {{# } }}
</script> </script>
</body> </body>
</html> </html>