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