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

封装ajax

v1.0
bobi 2019-05-12 19:09:10 +08:00
parent f6de123669
commit 387950d60f
4 changed files with 84 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
lib/layui_plugins/okLayer/okLayer.js
View File

@ -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();
});
}
}

40
lib/layui_plugins/okUtils/okUtils.js Normal file
View File

@ -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);
});

13
lib/layui_plugins/okutils/okutils.js
View File

@ -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);
});

117
user.html
View File

@ -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 @@
</script>
<!--模板-->
<script type="text/html" id="statusTpl">
<input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|停用" {{ d.status== 0
? 'checked' : ''}}>
<input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|停用" {{ d.status== 0 ? 'checked' : ''}}>
</script>
<script type="text/html" id="roleTpl">
{{ d.role == 0 ? '管理员' : '普通用户 '}}