diff --git a/lib/layui_plugins/okLayer/okLayer.js b/lib/layui_plugins/okLayer/okLayer.js index 0c32b89..f5a3458 100644 --- a/lib/layui_plugins/okLayer/okLayer.js +++ b/lib/layui_plugins/okLayer/okLayer.js @@ -1,4 +1,5 @@ layui.define(["layer"], function (exports) { + var $ = layui.jquery; var okLayer = { tableNotCheckMsg: function () { layer.msg("未选择有效数据", {offset: "t", anim: 6}); @@ -20,8 +21,10 @@ layui.define(["layer"], function (exports) { layer.msg("未选择有效数据", {offset: "t", anim: 6}); } }, - ajax: function () { - + tableOperationMsg: function (content) { + layer.msg(content, {icon: 1, time: 1000}, function () { + $(".layui-laypage-btn")[0].click(); + }); } } diff --git a/lib/layui_plugins/okUtils/okUtils.js b/lib/layui_plugins/okUtils/okUtils.js new file mode 100644 index 0000000..37122b9 --- /dev/null +++ b/lib/layui_plugins/okUtils/okUtils.js @@ -0,0 +1,40 @@ +layui.define("layer", function (exports) { + var $ = layui.jquery; + var okUtils = { + baseUrl: "http://localhost:8080", + ajax: function (url, type, param) { + var deferred = $.Deferred(); + var loadIndex; + $.ajax({ + url: okUtils.baseUrl + url, + type: type || "get", + data: param || {}, + dataType: "json", + beforeSend: function () { + loadIndex = layer.load(0, {shade: false}); + }, + success: function (data) { + if (data.status == 1000) { + // 业务正常 + deferred.resolve(data.data) + } else { + // 业务错误 + layer.msg(data.msg, {icon: 7, time: 2000}); + deferred.reject("okUtils.ajax warn: " + data.msg); + } + }, + complete: function () { + layer.close(loadIndex); + }, + error: function () { + layer.close(loadIndex); + layer.msg("服务器错误", {icon: 2, time: 2000}); + deferred.reject("okUtils.ajax error: 服务器错误"); + } + }); + return deferred.promise(); + } + } + + exports("okUtils", okUtils); +}); diff --git a/lib/layui_plugins/okutils/okutils.js b/lib/layui_plugins/okutils/okutils.js deleted file mode 100644 index ea3d95c..0000000 --- a/lib/layui_plugins/okutils/okutils.js +++ /dev/null @@ -1,13 +0,0 @@ -layui.define("", function (exports) { - var okutils = { - isEmpty: function (str) { - if (str != null && str.length > 0) { - return true; - } else { - return false; - } - } - } - - exports("okutils", okutils); -}); diff --git a/user.html b/user.html index 11d1a40..551e5aa 100644 --- a/user.html +++ b/user.html @@ -61,13 +61,15 @@ layui.config({ base: "lib/layui_plugins/" }).extend({ - okLayer: "okLayer/okLayer" - }).use(["element", "table", "form", "jquery", "laydate", "okLayer"], function () { + okLayer: "okLayer/okLayer", + okUtils: "okUtils/okUtils" + }).use(["element", "table", "form", "jquery", "laydate", "okLayer", "okUtils"], function () { var table = layui.table; var form = layui.form; var $ = layui.jquery; var laydate = layui.laydate; var okLayer = layui.okLayer; + var okUtils = layui.okUtils; laydate.render({elem: "#startTime", type: "datetime"}); laydate.render({elem: "#endTime", type: "datetime"}); @@ -118,101 +120,61 @@ } }); } else if (layEvent === "del") { - layer.confirm("确定要删除吗?", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () { - layer.msg("操作成功!", {icon: 1, time: 1000}); - }); + okLayer.confirm("确定要删除吗?", function () { + okUtils.ajax("/user/batchDel", "post", {idsStr: data.id}).done(function (response) { + console.log(response) + okLayer.tableOperationMsg("删除成功"); + }).fail(function (error) { + console.log(error) + }); + }) } }); $("#batchEnabled").click(function () { - // layer.confirm("确定要批量启用吗?", {skin: "layui-layer-lan", icon: 3, title: "提示", anim: 1}, function () { - // var checkStatus = table.checkStatus("tableId"); - // var rows = checkStatus.data.length; - // if (rows > 0) { - // var idsStr = ""; - // for (var i = 0; i < checkStatus.data.length; i++) { - // idsStr += checkStatus.data[i].id + ","; - // } - // console.log("选择的id-->" + idsStr); - // layer.msg("操作成功!", {icon: 1, time: 1000}, function () { - // $(".layui-laypage-btn")[0].click(); - // }); - // } else { - // layer.msg("未选择有效数据", {offset: "t", anim: 6}); - // } - // }); okLayer.confirm("确定要批量启用吗?", function (index) { - var tableCheck = okLayer.tableCheck(table); - console.log("tableCheck--->" + tableCheck) layer.close(index); + var idsStr = okLayer.tableCheck(table); + console.log("idsStr-->" + idsStr) // ajax请求后台api - if (tableCheck) { - $.ajax({ - type: "post", - url: "/user/list", - dataType: "json", - beforeSend: function () { - }, - success: function (data) { - alert(data); - }, - complete: function () { - }, - error: function () { - alert("error"); - } + if (idsStr) { + okUtils.ajax("/user/batchNormal", "post", {idsStr: idsStr}).done(function (response) { + console.log(response) + okLayer.tableOperationMsg("批量启用成功"); + }).fail(function (error) { + console.log(error) }); } }); }) $("#batchDisabled").click(function () { - // layer.confirm("确定要批量停用吗?", {skin: "layui-layer-lan", icon: 3, title: "提示", anim: 2}, function () { - // var checkStatus = table.checkStatus("tableId"); - // var rows = checkStatus.data.length; - // if (rows > 0) { - // var idsStr = ""; - // for (var i = 0; i < checkStatus.data.length; i++) { - // idsStr += checkStatus.data[i].id + ","; - // } - // console.log("选择的id-->" + idsStr); - // layer.msg("操作成功!", {icon: 1, time: 1000}, function () { - // $(".layui-laypage-btn")[0].click(); - // }); - // } else { - // layer.msg("未选择有效数据", {offset: "t", anim: 6}); - // } - // }); okLayer.confirm("确定要批量停用吗?", function (index) { - var tableCheck = okLayer.tableCheck(table); - console.log("tableCheck--->" + tableCheck) layer.close(index); - // ajax请求后台api + var idsStr = okLayer.tableCheck(table); + if (idsStr) { + okUtils.ajax("/user/batchStop", "post", {idsStr: idsStr}).done(function (response) { + console.log(response) + okLayer.tableOperationMsg("批量停用成功"); + }).fail(function (error) { + console.log(error) + }); + } }); }) $("#batchDel").click(function () { - // layer.confirm("确定要批量删除吗?", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () { - // var checkStatus = table.checkStatus("tableId"); - // var rows = checkStatus.data.length; - // if (rows > 0) { - // var idsStr = ""; - // for (var i = 0; i < checkStatus.data.length; i++) { - // idsStr += checkStatus.data[i].id + ","; - // } - // console.log("选择的id-->" + idsStr); - // layer.msg("操作成功!", {icon: 1, time: 1000}, function () { - // $(".layui-laypage-btn")[0].click(); - // }); - // } else { - // layer.msg("未选择有效数据", {offset: "t", anim: 6}); - // } - // }); okLayer.confirm("确定要批量删除吗?", function (index) { - var tableCheck = okLayer.tableCheck(table); - console.log("tableCheck--->" + tableCheck) layer.close(index); - // ajax请求后台api + var idsStr = okLayer.tableCheck(table); + if (idsStr) { + okUtils.ajax("/user/batchDel", "post", {idsStr: idsStr}).done(function (response) { + console.log(response) + okLayer.tableOperationMsg("批量删除成功"); + }).fail(function (error) { + console.log(error) + }); + } }); }) @@ -237,8 +199,7 @@