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

抽取公共部分

v1.0
bobi 2019-05-12 16:57:14 +08:00
parent 6a9264ca07
commit f6de123669
2 changed files with 99 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,7 +3,25 @@ layui.define(["layer"], function (exports) {
tableNotCheckMsg: function () { tableNotCheckMsg: function () {
layer.msg("未选择有效数据", {offset: "t", anim: 6}); layer.msg("未选择有效数据", {offset: "t", anim: 6});
}, },
confirm: function (msg) { confirm: function (content, yesFunction) {
var options = {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6};
layer.confirm(content, options, yesFunction);
},
tableCheck: function (table) {
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 + ",";
}
return idsStr;
} else {
layer.msg("未选择有效数据", {offset: "t", anim: 6});
}
},
ajax: function () {
} }
} }

124
user.html
View File

@ -125,59 +125,94 @@
}); });
$("#batchEnabled").click(function () { $("#batchEnabled").click(function () {
layer.confirm("确定要批量启用吗？", {skin: "layui-layer-lan", icon: 3, title: "提示", anim: 1}, function () { // layer.confirm("确定要批量启用吗？", {skin: "layui-layer-lan", icon: 3, title: "提示", anim: 1}, function () {
var checkStatus = table.checkStatus("tableId"); // var checkStatus = table.checkStatus("tableId");
var rows = checkStatus.data.length; // var rows = checkStatus.data.length;
if (rows > 0) { // if (rows > 0) {
var idsStr = ""; // var idsStr = "";
for (var i = 0; i < checkStatus.data.length; i++) { // for (var i = 0; i < checkStatus.data.length; i++) {
idsStr += checkStatus.data[i].id + ","; // idsStr += checkStatus.data[i].id + ",";
} // }
console.log("选择的id-->" + idsStr); // console.log("选择的id-->" + idsStr);
layer.msg("操作成功！", {icon: 1, time: 1000}, function () { // layer.msg("操作成功！", {icon: 1, time: 1000}, function () {
$(".layui-laypage-btn")[0].click(); // $(".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
if (tableCheck) {
$.ajax({
type: "post",
url: "/user/list",
dataType: "json",
beforeSend: function () {
},
success: function (data) {
alert(data);
},
complete: function () {
},
error: function () {
alert("error");
}
}); });
} else {
layer.msg("未选择有效数据", {offset: "t", anim: 6});
} }
}); });
}) })
$("#batchDisabled").click(function () { $("#batchDisabled").click(function () {
layer.confirm("确定要批量停用吗？", {skin: "layui-layer-lan", icon: 3, title: "提示", anim: 2}, function () { // layer.confirm("确定要批量停用吗？", {skin: "layui-layer-lan", icon: 3, title: "提示", anim: 2}, function () {
var checkStatus = table.checkStatus("tableId"); // var checkStatus = table.checkStatus("tableId");
var rows = checkStatus.data.length; // var rows = checkStatus.data.length;
if (rows > 0) { // if (rows > 0) {
var idsStr = ""; // var idsStr = "";
for (var i = 0; i < checkStatus.data.length; i++) { // for (var i = 0; i < checkStatus.data.length; i++) {
idsStr += checkStatus.data[i].id + ","; // idsStr += checkStatus.data[i].id + ",";
} // }
console.log("选择的id-->" + idsStr); // console.log("选择的id-->" + idsStr);
layer.msg("操作成功！", {icon: 1, time: 1000}, function () { // layer.msg("操作成功！", {icon: 1, time: 1000}, function () {
$(".layui-laypage-btn")[0].click(); // $(".layui-laypage-btn")[0].click();
}); // });
} else { // } else {
layer.msg("未选择有效数据", {offset: "t", anim: 6}); // layer.msg("未选择有效数据", {offset: "t", anim: 6});
} // }
// });
okLayer.confirm("确定要批量停用吗？", function (index) {
var tableCheck = okLayer.tableCheck(table);
console.log("tableCheck--->" + tableCheck)
layer.close(index);
// ajax请求后台api
}); });
}) })
$("#batchDel").click(function () { $("#batchDel").click(function () {
layer.confirm("确定要批量删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () { // layer.confirm("确定要批量删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () {
var checkStatus = table.checkStatus("tableId"); // var checkStatus = table.checkStatus("tableId");
var rows = checkStatus.data.length; // var rows = checkStatus.data.length;
if (rows > 0) { // if (rows > 0) {
var idsStr = ""; // var idsStr = "";
for (var i = 0; i < checkStatus.data.length; i++) { // for (var i = 0; i < checkStatus.data.length; i++) {
idsStr += checkStatus.data[i].id + ","; // idsStr += checkStatus.data[i].id + ",";
} // }
console.log("选择的id-->" + idsStr); // console.log("选择的id-->" + idsStr);
layer.msg("操作成功！", {icon: 1, time: 1000}, function () { // layer.msg("操作成功！", {icon: 1, time: 1000}, function () {
$(".layui-laypage-btn")[0].click(); // $(".layui-laypage-btn")[0].click();
}); // });
} else { // } else {
layer.msg("未选择有效数据", {offset: "t", anim: 6}); // layer.msg("未选择有效数据", {offset: "t", anim: 6});
} // }
// });
okLayer.confirm("确定要批量删除吗？", function (index) {
var tableCheck = okLayer.tableCheck(table);
console.log("tableCheck--->" + tableCheck)
layer.close(index);
// ajax请求后台api
}); });
}) })
@ -202,7 +237,8 @@
</script> </script>
<!--模板--> <!--模板-->
<script type="text/html" id="statusTpl"> <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>
<script type="text/html" id="roleTpl"> <script type="text/html" id="roleTpl">
{{ d.role == 0 ? '管理员' : '普通用户 '}} {{ d.role == 0 ? '管理员' : '普通用户 '}}