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

删除多余代码

v1.0
bobi 2019-04-14 15:09:15 +08:00
parent d6443ca252
commit 07f49370a0
24 changed files with 306 additions and 365 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
article-add.html
View File

@ -76,23 +76,11 @@
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element', 'form', 'jquery', 'laydate'], function () { layui.use(["element", "form", "jquery"], function () {
var element = layui.element;
var table = layui.table;
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;
var laydate = layui.laydate;
laydate.render({ form.on("submit(add)", function (data) {
elem: '#birthday',
type: "datetime"
});
form.verify({
birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确']
});
form.on('submit(add)', function (data) {
console.log(data.field); console.log(data.field);
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () { layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));

16
article-edit.html
View File

@ -76,23 +76,11 @@
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element', 'form', 'jquery', 'laydate'], function () { layui.use(["element", "form", "jquery"], function () {
var element = layui.element;
var table = layui.table;
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;
var laydate = layui.laydate;
laydate.render({ form.on("submit(edit)", function (data) {
elem: '#birthday',
type: "datetime"
});
form.verify({
birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确']
});
form.on('submit(edit)', function (data) {
console.log(data.field); console.log(data.field);
layer.msg("编辑成功！", {icon: 6, time: 1000, anim: 4}, function () { layer.msg("编辑成功！", {icon: 6, time: 1000, anim: 4}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));

83
article.html
View File

@ -62,90 +62,89 @@
NProgress.done(); NProgress.done();
} }
// layui相关 // layui相关
layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () { layui.use(["element", "table", "form", "jquery", "laydate"], function () {
var element = layui.element;
var table = layui.table; var table = layui.table;
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;
var laydate = layui.laydate; var laydate = layui.laydate;
laydate.render({ laydate.render({
elem: '#startTime', elem: "#startTime",
type: "datetime" type: "datetime"
}); });
laydate.render({ laydate.render({
elem: '#endTime', elem: "#endTime",
type: "datetime" type: "datetime"
}); });
table.render({ table.render({
elem: '#tableId', elem: "#tableId",
url: 'data/article.json', url: "data/article.json",
limit: 10, limit: 10,
page: true, page: true,
even: true, even: true,
cols: [[ cols: [[
{type: 'checkbox'}, {type: "checkbox"},
{field: 'id', title: 'ID', width: 80, sort: true}, {field: "id", title: "ID", width: 80, sort: true},
{field: 'title', title: '标题', width: 350}, {field: "title", title: "标题", width: 350},
{field: 'url', title: '链接', width: 250, templet: '#urlTpl'}, {field: "url", title: "链接", width: 250, templet: "#urlTpl"},
{field: 'readSize', title: '阅读量', width: 80}, {field: "readSize", title: "阅读量", width: 80},
{field: 'publisher', title: '发布者', width: 100}, {field: "publisher", title: "发布者", width: 100},
{field: 'isTop', title: '置顶', width: 100, templet: '#topTpl'}, {field: "isTop", title: "置顶", width: 100, templet: "#topTpl"},
{field: 'status', title: '状态', width: 100, templet: '#statusTpl'}, {field: "status", title: "状态", width: 100, templet: "#statusTpl"},
{title: '操作', width: 200, templet: '#operationTpl', align: 'center'} {title: "操作", width: 200, align: "center", templet: "#operationTpl"}
]], ]],
done: function (res, curr, count) { done: function (res, curr, count) {
$("#countNum").text(count); $("#countNum").text(count);
} }
}); });
form.on('submit(search)', function () { form.on("submit(search)", function () {
layer.msg('正在查询，请稍后...'); layer.msg("正在查询，请稍后...");
return false; return false;
}); });
table.on('tool(tableFilter)', function (obj) { table.on("tool(tableFilter)", function (obj) {
var data = obj.data; var data = obj.data;
var layEvent = obj.event; var layEvent = obj.event;
if (layEvent === 'edit') { if (layEvent === "edit") {
layer.open({ layer.open({
title: '编辑用户', title: "编辑用户",
type: 2, type: 2,
shade: false, shade: false,
maxmin: true, maxmin: true,
shade: 0.5, shade: 0.5,
area: ['90%', '90%'], area: ["90%", "90%"],
content: 'article-edit.html', content: "article-edit.html",
zIndex: layer.zIndex, zIndex: layer.zIndex,
end: function () { end: function () {
$(".layui-laypage-btn")[0].click(); $(".layui-laypage-btn")[0].click();
} }
}); });
} else if (layEvent === 'del') { } else if (layEvent === "del") {
layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () { layer.confirm("确定要删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () {
layer.msg("操作成功！", {icon: 1, time: 1000}); layer.msg("操作成功！", {icon: 1, time: 1000});
}); });
} }
}); });
$("#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 { } else {
layer.msg('未选择有效数据', { layer.msg("未选择有效数据", {
offset: 't', offset: "t",
anim: 6 anim: 6
}); });
} }
@ -153,21 +152,21 @@
}) })
$("#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('未选择有效数据', { layer.msg("未选择有效数据", {
offset: 't', offset: "t",
anim: 6 anim: 6
}); });
} }
@ -175,21 +174,21 @@
}) })
$("#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('未选择有效数据', { layer.msg("未选择有效数据", {
offset: 't', offset: "t",
anim: 6 anim: 6
}); });
} }
@ -198,14 +197,14 @@
$("#addUser").click(function () { $("#addUser").click(function () {
layer.open({ layer.open({
title: '添加文章', title: "添加文章",
type: 2, type: 2,
shade: false, shade: false,
maxmin: true, maxmin: true,
shade: 0.5, shade: 0.5,
anim: 4, anim: 4,
area: ['90%', '90%'], area: ["90%", "90%"],
content: 'article-add.html', content: "article-add.html",
zIndex: layer.zIndex, zIndex: layer.zIndex,
// skin: 'layui-layer-molv', // skin: 'layui-layer-molv',
end: function () { end: function () {

2
donate.html
View File

@ -84,7 +84,7 @@
</div> </div>
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element', 'layer'], function () { layui.use(["element", "layer"], function () {
layer.alert("谢谢各位大佬的支持！</br>您的肯定是我前进的动力，O(∩_∩)O谢谢~", {icon: 6, time: 3000, title: '感谢', anim: 1}); layer.alert("谢谢各位大佬的支持！</br>您的肯定是我前进的动力，O(∩_∩)O谢谢~", {icon: 6, time: 3000, title: '感谢', anim: 1});
}); });
</script> </script>

2
font-iconfont.html
View File

@ -34,7 +34,7 @@
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element', 'code'], function () { layui.use(["element", "code"], function () {
layui.code({about: false}); layui.code({about: false});
}) })
</script> </script>

2
font-layui.html
View File

@ -35,7 +35,7 @@
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element', 'code'], function () { layui.use(["element", "code"], function () {
layui.code({about: false}); layui.code({about: false});
}) })
</script> </script>

2
image.html
View File

@ -23,7 +23,7 @@
</div> </div>
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element'], function () { layui.use(["element"], function () {
}); });
</script> </script>
</body> </body>

2
login.html
View File

@ -47,7 +47,7 @@
window.onload = function () { window.onload = function () {
NProgress.done(); NProgress.done();
} }
layui.use(['form', 'jquery'], function () { layui.use(["form", "jquery"], function () {
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;

10
map1.html
View File

@ -10,24 +10,24 @@
<script src="lib/echarts/echarts.common.min.js"></script> <script src="lib/echarts/echarts.common.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// 基于准备好的dom，初始化echarts实例 // 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main')); var myChart = echarts.init(document.getElementById("main"));
// 指定图表的配置项和数据 // 指定图表的配置项和数据
var option = { var option = {
title: { title: {
text: '衣物销量图' text: "衣物销量图"
}, },
tooltip: {}, tooltip: {},
legend: { legend: {
data: ['销量'] data: ["销量"]
}, },
xAxis: { xAxis: {
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"] data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
}, },
yAxis: {}, yAxis: {},
series: [{ series: [{
name: '销量', name: "销量",
type: 'bar', type: "bar",
data: [5, 20, 36, 10, 10, 20] data: [5, 20, 36, 10, 10, 20]
}] }]
}; };

12
map2.html
View File

@ -9,23 +9,23 @@
<script src="lib/echarts/echarts.common.min.js"></script> <script src="lib/echarts/echarts.common.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// 基于准备好的dom，初始化echarts实例 // 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main')); var myChart = echarts.init(document.getElementById("main"));
// 指定图表的配置项和数据 // 指定图表的配置项和数据
var option = { var option = {
title: { title: {
text: '折线图' text: "折线图"
}, },
xAxis: { xAxis: {
type: 'category', type: "category",
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
}, },
yAxis: { yAxis: {
type: 'value' type: "value"
}, },
series: [{ series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320], data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line' type: "line"
}] }]
}; };

50
map3.html
View File

@ -9,23 +9,23 @@
<script src="lib/echarts/echarts.common.min.js"></script> <script src="lib/echarts/echarts.common.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// 基于准备好的dom，初始化echarts实例 // 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main')); var myChart = echarts.init(document.getElementById("main"));
// 指定图表的配置项和数据 // 指定图表的配置项和数据
var option = { var option = {
title: { title: {
text: '折线图堆叠' text: "折线图堆叠"
}, },
tooltip: { tooltip: {
trigger: 'axis' trigger: "axis"
}, },
legend: { legend: {
data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'] data: ["邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎"]
}, },
grid: { grid: {
left: '3%', left: "3%",
right: '4%', right: "4%",
bottom: '3%', bottom: "3%",
containLabel: true containLabel: true
}, },
toolbox: { toolbox: {
@ -34,42 +34,42 @@
} }
}, },
xAxis: { xAxis: {
type: 'category', type: "category",
boundaryGap: false, boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
}, },
yAxis: { yAxis: {
type: 'value' type: "value"
}, },
series: [ series: [
{ {
name: '邮件营销', name: "邮件营销",
type: 'line', type: "line",
stack: '总量', stack: "总量",
data: [120, 132, 101, 134, 90, 230, 210] data: [120, 132, 101, 134, 90, 230, 210]
}, },
{ {
name: '联盟广告', name: "联盟广告",
type: 'line', type: "line",
stack: '总量', stack: "总量",
data: [220, 182, 191, 234, 290, 330, 310] data: [220, 182, 191, 234, 290, 330, 310]
}, },
{ {
name: '视频广告', name: "视频广告",
type: 'line', type: "line",
stack: '总量', stack: "总量",
data: [150, 232, 201, 154, 190, 330, 410] data: [150, 232, 201, 154, 190, 330, 410]
}, },
{ {
name: '直接访问', name: "直接访问",
type: 'line', type: "line",
stack: '总量', stack: "总量",
data: [320, 332, 301, 334, 390, 330, 320] data: [320, 332, 301, 334, 390, 330, 320]
}, },
{ {
name: '搜索引擎', name: "搜索引擎",
type: 'line', type: "line",
stack: '总量', stack: "总量",
data: [820, 932, 901, 934, 1290, 1330, 1320] data: [820, 932, 901, 934, 1290, 1330, 1320]
} }
] ]

44
map4.html
View File

@ -9,23 +9,23 @@
<script src="lib/echarts/echarts.common.min.js"></script> <script src="lib/echarts/echarts.common.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// 基于准备好的dom，初始化echarts实例 // 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main')); var myChart = echarts.init(document.getElementById("main"));
// 指定图表的配置项和数据 // 指定图表的配置项和数据
var option = { var option = {
backgroundColor: '#2c343c', backgroundColor: "#2c343c",
title: { title: {
text: 'Customized Pie', text: "定制饼图",
left: 'center', left: "center",
top: 20, top: 20,
textStyle: { textStyle: {
color: '#ccc' color: "#ccc"
} }
}, },
tooltip: { tooltip: {
trigger: 'item', trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)" formatter: "{a} <br/>{b} : {c} ({d}%)"
}, },
@ -39,31 +39,31 @@
}, },
series: [ series: [
{ {
name: '访问来源', name: "访问来源",
type: 'pie', type: "pie",
radius: '55%', radius: "55%",
center: ['50%', '50%'], center: ["50%", "50%"],
data: [ data: [
{value: 335, name: '直接访问'}, {value: 335, name: "直接访问"},
{value: 310, name: '邮件营销'}, {value: 310, name: "邮件营销"},
{value: 274, name: '联盟广告'}, {value: 274, name: "联盟广告"},
{value: 235, name: '视频广告'}, {value: 235, name: "视频广告"},
{value: 400, name: '搜索引擎'} {value: 400, name: "搜索引擎"}
].sort(function (a, b) { ].sort(function (a, b) {
return a.value - b.value; return a.value - b.value;
}), }),
roseType: 'radius', roseType: "radius",
label: { label: {
normal: { normal: {
textStyle: { textStyle: {
color: 'rgba(255, 255, 255, 0.3)' color: "rgba(255, 255, 255, 0.3)"
} }
} }
}, },
labelLine: { labelLine: {
normal: { normal: {
lineStyle: { lineStyle: {
color: 'rgba(255, 255, 255, 0.3)' color: "rgba(255, 255, 255, 0.3)"
}, },
smooth: 0.2, smooth: 0.2,
length: 10, length: 10,
@ -72,14 +72,14 @@
}, },
itemStyle: { itemStyle: {
normal: { normal: {
color: '#c23531', color: "#c23531",
shadowBlur: 200, shadowBlur: 200,
shadowColor: 'rgba(0, 0, 0, 0.5)' shadowColor: "rgba(0, 0, 0, 0.5)"
} }
}, },
animationType: 'scale', animationType: "scale",
animationEasing: 'elasticOut', animationEasing: "elasticOut",
animationDelay: function (idx) { animationDelay: function (idx) {
return Math.random() * 200; return Math.random() * 200;
} }

32
map5.html
View File

@ -9,35 +9,35 @@
<script src="lib/echarts/echarts.common.min.js"></script> <script src="lib/echarts/echarts.common.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// 基于准备好的dom，初始化echarts实例 // 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main')); var myChart = echarts.init(document.getElementById("main"));
// 指定图表的配置项和数据 // 指定图表的配置项和数据
var option = { var option = {
tooltip: { tooltip: {
trigger: 'item', trigger: "item",
formatter: "{a} <br/>{b}: {c} ({d}%)" formatter: "{a} <br/>{b}: {c} ({d}%)"
}, },
legend: { legend: {
orient: 'vertical', orient: "vertical",
x: 'left', x: "left",
data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎'] data: ["直接访问", "邮件营销", "联盟广告", "视频广告", "搜索引擎"]
}, },
series: [ series: [
{ {
name: '访问来源', name: "访问来源",
type: 'pie', type: "pie",
radius: ['50%', '70%'], radius: ["50%", "70%"],
avoidLabelOverlap: false, avoidLabelOverlap: false,
label: { label: {
normal: { normal: {
show: false, show: false,
position: 'center' position: "center"
}, },
emphasis: { emphasis: {
show: true, show: true,
textStyle: { textStyle: {
fontSize: '30', fontSize: "30",
fontWeight: 'bold' fontWeight: "bold"
} }
} }
}, },
@ -47,11 +47,11 @@
} }
}, },
data: [ data: [
{value: 335, name: '直接访问'}, {value: 335, name: "直接访问"},
{value: 310, name: '邮件营销'}, {value: 310, name: "邮件营销"},
{value: 234, name: '联盟广告'}, {value: 234, name: "联盟广告"},
{value: 135, name: '视频广告'}, {value: 135, name: "视频广告"},
{value: 1548, name: '搜索引擎'} {value: 1548, name: "搜索引擎"}
] ]
} }
] ]

94
map6.html
View File

@ -9,7 +9,7 @@
<script src="lib/echarts/echarts.common.min.js"></script> <script src="lib/echarts/echarts.common.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// 基于准备好的dom，初始化echarts实例 // 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main')); var myChart = echarts.init(document.getElementById("main"));
var dataBJ = [ var dataBJ = [
[1, 55, 9, 56, 0.46, 18, 6, "良"], [1, 55, 9, 56, 0.46, 18, 6, "良"],
@ -114,13 +114,13 @@
]; ];
var schema = [ var schema = [
{name: 'date', index: 0, text: '日'}, {name: "date", index: 0, text: "日"},
{name: 'AQIindex', index: 1, text: 'AQI指数'}, {name: "AQIindex", index: 1, text: "AQI指数"},
{name: 'PM25', index: 2, text: 'PM2.5'}, {name: "PM25", index: 2, text: "PM2.5"},
{name: 'PM10', index: 3, text: 'PM10'}, {name: "PM10", index: 3, text: "PM10"},
{name: 'CO', index: 4, text: '一氧化碳（CO）'}, {name: "CO", index: 4, text: "一氧化碳（CO）"},
{name: 'NO2', index: 5, text: '二氧化氮（NO2）'}, {name: "NO2", index: 5, text: "二氧化氮（NO2）"},
{name: 'SO2', index: 6, text: '二氧化硫（SO2）'} {name: "SO2", index: 6, text: "二氧化硫（SO2）"}
]; ];
@ -130,34 +130,34 @@
shadowBlur: 10, shadowBlur: 10,
shadowOffsetX: 0, shadowOffsetX: 0,
shadowOffsetY: 0, shadowOffsetY: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)' shadowColor: "rgba(0, 0, 0, 0.5)"
} }
}; };
// 指定图表的配置项和数据 // 指定图表的配置项和数据
var option = { var option = {
backgroundColor: '#404a59', backgroundColor: "#404a59",
color: [ color: [
'#dd4444', '#fec42c', '#80F1BE' "#dd4444", "#fec42c", "#80F1BE"
], ],
legend: { legend: {
y: 'top', y: "top",
data: ['北京', '上海', '广州'], data: ["北京", "上海", "广州"],
textStyle: { textStyle: {
color: '#fff', color: "#fff",
fontSize: 16 fontSize: 16
} }
}, },
grid: { grid: {
x: '10%', x: "10%",
x2: 150, x2: 150,
y: '18%', y: "18%",
y2: '10%' y2: "10%"
}, },
tooltip: { tooltip: {
padding: 10, padding: 10,
backgroundColor: '#222', backgroundColor: "#222",
borderColor: '#777', borderColor: "#777",
borderWidth: 1, borderWidth: 1,
formatter: function (obj) { formatter: function (obj) {
var value = obj.value; var value = obj.value;
@ -174,11 +174,11 @@
} }
}, },
xAxis: { xAxis: {
type: 'value', type: "value",
name: '日期', name: "日期",
nameGap: 16, nameGap: 16,
nameTextStyle: { nameTextStyle: {
color: '#fff', color: "#fff",
fontSize: 14 fontSize: 14
}, },
max: 31, max: 31,
@ -187,22 +187,22 @@
}, },
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: '#eee' color: "#eee"
} }
} }
}, },
yAxis: { yAxis: {
type: 'value', type: "value",
name: 'AQI指数', name: "AQI指数",
nameLocation: 'end', nameLocation: "end",
nameGap: 20, nameGap: 20,
nameTextStyle: { nameTextStyle: {
color: '#fff', color: "#fff",
fontSize: 16 fontSize: 16
}, },
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: '#eee' color: "#eee"
} }
}, },
splitLine: { splitLine: {
@ -211,8 +211,8 @@
}, },
visualMap: [ visualMap: [
{ {
left: 'right', left: "right",
top: '10%', top: "10%",
dimension: 2, dimension: 2,
min: 0, min: 0,
max: 250, max: 250,
@ -220,73 +220,73 @@
itemHeight: 120, itemHeight: 120,
calculable: true, calculable: true,
precision: 0.1, precision: 0.1,
text: ['圆形大小：PM2.5'], text: ["圆形大小：PM2.5"],
textGap: 30, textGap: 30,
textStyle: { textStyle: {
color: '#fff' color: "#fff"
}, },
inRange: { inRange: {
symbolSize: [10, 70] symbolSize: [10, 70]
}, },
outOfRange: { outOfRange: {
symbolSize: [10, 70], symbolSize: [10, 70],
color: ['rgba(255,255,255,.2)'] color: ["rgba(255,255,255,.2)"]
}, },
controller: { controller: {
inRange: { inRange: {
color: ['#c23531'] color: ["#c23531"]
}, },
outOfRange: { outOfRange: {
color: ['#444'] color: ["#444"]
} }
} }
}, },
{ {
left: 'right', left: "right",
bottom: '5%', bottom: "5%",
dimension: 6, dimension: 6,
min: 0, min: 0,
max: 50, max: 50,
itemHeight: 120, itemHeight: 120,
calculable: true, calculable: true,
precision: 0.1, precision: 0.1,
text: ['明暗：二氧化硫'], text: ["明暗：二氧化硫"],
textGap: 30, textGap: 30,
textStyle: { textStyle: {
color: '#fff' color: "#fff"
}, },
inRange: { inRange: {
colorLightness: [1, 0.5] colorLightness: [1, 0.5]
}, },
outOfRange: { outOfRange: {
color: ['rgba(255,255,255,.2)'] color: ["rgba(255,255,255,.2)"]
}, },
controller: { controller: {
inRange: { inRange: {
color: ['#c23531'] color: ["#c23531"]
}, },
outOfRange: { outOfRange: {
color: ['#444'] color: ["#444"]
} }
} }
} }
], ],
series: [ series: [
{ {
name: '北京', name: "北京",
type: 'scatter', type: "scatter",
itemStyle: itemStyle, itemStyle: itemStyle,
data: dataBJ data: dataBJ
}, },
{ {
name: '上海', name: "上海",
type: 'scatter', type: 'scatter',
itemStyle: itemStyle, itemStyle: itemStyle,
data: dataSH data: dataSH
}, },
{ {
name: '广州', name: "广州",
type: 'scatter', type: "scatter",
itemStyle: itemStyle, itemStyle: itemStyle,
data: dataGZ data: dataGZ
} }

16
permission-add.html
View File

@ -63,23 +63,11 @@
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element', 'form', 'jquery', 'laydate'], function () { layui.use(["element", "form", "jquery", "laydate"], function () {
var element = layui.element;
var table = layui.table;
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;
var laydate = layui.laydate;
laydate.render({ form.on("submit(add)", function (data) {
elem: '#birthday',
type: "datetime"
});
form.verify({
birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确']
});
form.on('submit(add)', function (data) {
console.log(data.field); console.log(data.field);
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () { layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));

16
permission-edit.html
View File

@ -63,23 +63,11 @@
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element', 'form', 'jquery', 'laydate'], function () { layui.use(["element", "form", "jquery", "laydate"], function () {
var element = layui.element;
var table = layui.table;
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;
var laydate = layui.laydate;
laydate.render({ form.on("submit(add)", function (data) {
elem: '#birthday',
type: "datetime"
});
form.verify({
birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确']
});
form.on('submit(add)', function (data) {
console.log(data.field); console.log(data.field);
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () { layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));

70
permission.html
View File

@ -56,11 +56,10 @@
} }
layui.config({ layui.config({
base: 'lib/layui_plugins/' base: "lib/layui_plugins/"
}).extend({ }).extend({
treetable: 'treetable/treetable' treetable: "treetable/treetable"
}).use(['element', 'table', 'form', 'jquery', 'laydate', 'treetable'], function () { }).use(["element", "table", "form", "jquery", "laydate", "treetable"], function () {
var element = layui.element;
var form = layui.form; var form = layui.form;
var table = layui.table; var table = layui.table;
var $ = layui.jquery; var $ = layui.jquery;
@ -68,12 +67,12 @@
var treetable = layui.treetable; var treetable = layui.treetable;
laydate.render({ laydate.render({
elem: '#startTime', elem: "#startTime",
type: "datetime" type: "datetime"
}); });
laydate.render({ laydate.render({
elem: '#endTime', elem: "#endTime",
type: "datetime" type: "datetime"
}); });
@ -81,19 +80,19 @@
treetable.render({ treetable.render({
treeColIndex: 1, treeColIndex: 1,
treeSpid: -1, treeSpid: -1,
treeIdName: 'authorityId', treeIdName: "authorityId",
treePidName: 'parentId', treePidName: "parentId",
elem: '#tableId', elem: "#tableId",
url: 'data/permission-table.json', url: "data/permission-table.json",
page: false, page: false,
cols: [[ cols: [[
{type: 'numbers'}, {type: "numbers"},
{field: 'authorityName', minWidth: 200, title: '权限名称'}, {field: "authorityName", minWidth: 200, title: "权限名称"},
{field: 'authority', title: '权限标识'}, {field: "authority", title: "权限标识"},
{field: 'menuUrl', title: '菜单'}, {field: "menuUrl", title: "菜单"},
{field: 'orderNumber', width: 80, align: 'center', title: '排序号'}, {field: "orderNumber", width: 80, align: "center", title: "排序号"},
{ {
field: 'isMenu', width: 80, align: 'center', templet: function (d) { field: "isMenu", width: 80, align: "center", templet: function (d) {
if (d.isMenu == 1) { if (d.isMenu == 1) {
return '<span class="layui-badge layui-bg-gray">按钮</span>'; return '<span class="layui-badge layui-bg-gray">按钮</span>';
} }
@ -102,62 +101,63 @@
} else { } else {
return '<span class="layui-badge-rim">菜单</span>'; return '<span class="layui-badge-rim">菜单</span>';
} }
}, title: '类型'
}, },
{templet: '#operationTpl', width: 120, align: 'center', title: '操作'} title: "类型"
},
{width: 120, align: "center", title: "操作", templet: "#operationTpl"}
]], ]],
done: function (res, curr, count) { done: function (res, curr, count) {
layer.closeAll('loading'); layer.closeAll("loading");
$("#countNum").text(count); $("#countNum").text(count);
} }
}); });
form.on('submit(search)', function () { form.on("submit(search)", function () {
layer.msg('正在查询，请稍后...'); layer.msg("正在查询，请稍后...");
return false; return false;
}); });
table.on('tool(tableFilter)', function (obj) { table.on("tool(tableFilter)", function (obj) {
var data = obj.data; var data = obj.data;
console.log("id值：" + data.id); console.log("id值：" + data.id);
var layEvent = obj.event; var layEvent = obj.event;
if (layEvent === 'edit') { if (layEvent === "edit") {
layer.open({ layer.open({
title: '编辑权限', title: "编辑权限",
type: 2, type: 2,
shade: false, shade: false,
maxmin: true, maxmin: true,
shade: 0.5, shade: 0.5,
area: ['90%', '90%'], area: ["90%", "90%"],
content: 'permission-edit.html?id' + data.id, content: "permission-edit.html?id" + data.id,
zIndex: layer.zIndex, zIndex: layer.zIndex,
end: function () { end: function () {
$(".layui-laypage-btn")[0].click(); $(".layui-laypage-btn")[0].click();
} }
}); });
} else if (layEvent === 'del') { } else if (layEvent === "del") {
layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () { layer.confirm("确定要删除吗？", {skin: "layui-layer-lan", icon: 2, title: '提示', anim: 6}, function () {
layer.msg("操作成功！", {icon: 1, time: 1000}); layer.msg("操作成功！", {icon: 1, time: 1000});
}); });
} }
}); });
$("#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('未选择有效数据', { layer.msg("未选择有效数据", {
offset: 't', offset: "t",
anim: 6 anim: 6
}); });
} }
@ -166,14 +166,14 @@
$("#addPermission").click(function () { $("#addPermission").click(function () {
layer.open({ layer.open({
title: '添加权限', title: "添加权限",
type: 2, type: 2,
shade: false, shade: false,
maxmin: true, maxmin: true,
shade: 0.5, shade: 0.5,
anim: 4, anim: 4,
area: ['90%', '90%'], area: ["90%", "90%"],
content: 'permission-add.html', content: "permission-add.html",
zIndex: layer.zIndex, zIndex: layer.zIndex,
// skin: 'layui-layer-molv', // skin: 'layui-layer-molv',
end: function () { end: function () {

12
role-add.html
View File

@ -56,7 +56,7 @@
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="lib/zTree_v3/js/jquery.ztree.all.js"></script> <script src="lib/zTree_v3/js/jquery.ztree.all.js"></script>
<script type="text/javascript"> <script type="text/javascript">
layui.use(['element', 'form'], function () { layui.use(["element", "form"], function () {
var form = layui.form; var form = layui.form;
// zTree设置 // zTree设置
@ -79,9 +79,9 @@
// zTree异步请求所有权限树节点 // zTree异步请求所有权限树节点
var treeObj, loadIndex; var treeObj, loadIndex;
$.ajax({ $.ajax({
url: 'data/permission-tree.json', url: "data/permission-tree.json",
type: 'post', type: "post",
dataType: 'json', dataType: "json",
data: {roleId: 1}, data: {roleId: 1},
beforeSend: function () { beforeSend: function () {
loadIndex = layer.load(0, {shade: 0.1}); loadIndex = layer.load(0, {shade: 0.1});
@ -94,11 +94,11 @@
treeObj.expandAll(true); treeObj.expandAll(true);
}, },
error: function () { error: function () {
layer.msg('服务器错误', {icon: 5, time: 1000}); layer.msg("服务器错误", {icon: 5, time: 1000});
} }
}); });
form.on('submit(add)', function (data) { form.on("submit(add)", function (data) {
console.log(data.field); console.log(data.field);
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () { layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));

6
role-edit.html
View File

@ -56,7 +56,7 @@
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="lib/zTree_v3/js/jquery.ztree.all.js"></script> <script src="lib/zTree_v3/js/jquery.ztree.all.js"></script>
<script type="text/javascript"> <script type="text/javascript">
layui.use(['element', 'form'], function () { layui.use(["element", "form"], function () {
var form = layui.form; var form = layui.form;
// zTree设置 // zTree设置
@ -94,11 +94,11 @@
treeObj.expandAll(true); treeObj.expandAll(true);
}, },
error: function () { error: function () {
layer.msg('服务器错误', {icon: 5, time: 1000}); layer.msg("服务器错误", {icon: 5, time: 1000});
} }
}); });
form.on('submit(edit)', function (data) { form.on("submit(edit)", function (data) {
console.log(data.field); console.log(data.field);
layer.msg("编辑成功！", {icon: 6, time: 1000, anim: 4}, function () { layer.msg("编辑成功！", {icon: 6, time: 1000, anim: 4}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));

61
role.html
View File

@ -55,87 +55,86 @@
NProgress.done(); NProgress.done();
} }
layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () { layui.use(["element", "table", "form", "jquery", "laydate"], function () {
var element = layui.element;
var table = layui.table; var table = layui.table;
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;
var laydate = layui.laydate; var laydate = layui.laydate;
laydate.render({ laydate.render({
elem: '#startTime', elem: "#startTime",
type: "datetime" type: "datetime"
}); });
laydate.render({ laydate.render({
elem: '#endTime', elem: "#endTime",
type: "datetime" type: "datetime"
}); });
table.render({ table.render({
elem: '#tableId', elem: "#tableId",
url: 'data/role.json', url: "data/role.json",
limit: 10, limit: 10,
page: true, page: true,
cols: [[ cols: [[
{type: 'checkbox'}, {type: "checkbox"},
{field: 'id', title: 'ID', width: 80, sort: true}, {field: "id", title: "ID", width: 80, sort: true},
{field: 'name', title: '角色名', width: 100}, {field: "name", title: "角色名", width: 100},
{field: 'remarks', title: '备注', width: 100}, {field: "remarks", title: "备注", width: 100},
{field: 'createUser', title: '创建者', width: 85}, {field: "createUser", title: "创建者", width: 85},
{field: 'createTime', title: '创建时间', width: 200}, {field: "createTime", title: "创建时间", width: 200},
{title: '操作', width: 200, templet: '#operationTpl', align: 'center'} {title: "操作", width: 200, align: "center", templet: "#operationTpl"}
]], ]],
done: function (res, curr, count) { done: function (res, curr, count) {
$("#countNum").text(count); $("#countNum").text(count);
} }
}); });
form.on('submit(search)', function () { form.on("submit(search)", function () {
layer.msg('正在查询，请稍后...'); layer.msg("正在查询，请稍后...");
return false; return false;
}); });
table.on('tool(tableFilter)', function (obj) { table.on("tool(tableFilter)", function (obj) {
var data = obj.data; var data = obj.data;
var layEvent = obj.event; var layEvent = obj.event;
if (layEvent === 'edit') { if (layEvent === "edit") {
layer.open({ layer.open({
title: '编辑角色', title: "编辑角色",
type: 2, type: 2,
shade: false, shade: false,
maxmin: true, maxmin: true,
shade: 0.5, shade: 0.5,
area: ['90%', '90%'], area: ["90%", "90%"],
content: 'role-edit.html', content: "role-edit.html",
zIndex: layer.zIndex, zIndex: layer.zIndex,
end: function () { end: function () {
$(".layui-laypage-btn")[0].click(); $(".layui-laypage-btn")[0].click();
} }
}); });
} else if (layEvent === 'del') { } else if (layEvent === "del") {
layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () { layer.confirm("确定要删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () {
layer.msg("操作成功！", {icon: 1, time: 1000}); layer.msg("操作成功！", {icon: 1, time: 1000});
}); });
} }
}); });
$("#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('未选择有效数据', { layer.msg("未选择有效数据", {
offset: 't', offset: "t",
anim: 6 anim: 6
}); });
} }
@ -144,16 +143,16 @@
$("#addRole").click(function () { $("#addRole").click(function () {
layer.open({ layer.open({
title: '添加角色', title: "添加角色",
type: 2, type: 2,
shade: false, shade: false,
maxmin: true, maxmin: true,
shade: 0.5, shade: 0.5,
anim: 4, anim: 4,
area: ['90%', '90%'], area: ["90%", "90%"],
content: 'role-add.html', content: "role-add.html",
zIndex: layer.zIndex, zIndex: layer.zIndex,
// skin: 'layui-layer-molv', // skin: "layui-layer-molv",
end: function () { end: function () {
$(".layui-laypage-btn")[0].click(); $(".layui-laypage-btn")[0].click();
} }

8
user-add.html
View File

@ -107,15 +107,13 @@
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element', 'form', 'jquery', 'laydate'], function () { layui.use(["element", "form", "jquery", "laydate"], function () {
var element = layui.element;
var table = layui.table;
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;
var laydate = layui.laydate; var laydate = layui.laydate;
laydate.render({ laydate.render({
elem: '#birthday', elem: "#birthday",
type: "datetime" type: "datetime"
}); });
@ -123,7 +121,7 @@
birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确'] birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确']
}); });
form.on('submit(add)', function (data) { form.on("submit(add)", function (data) {
console.log(data.field); console.log(data.field);
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () { layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));

8
user-edit.html
View File

@ -107,15 +107,13 @@
<!--js逻辑--> <!--js逻辑-->
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script> <script>
layui.use(['element', 'form', 'jquery', 'laydate'], function () { layui.use(["element", "form", "jquery", "laydate"], function () {
var element = layui.element;
var table = layui.table;
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;
var laydate = layui.laydate; var laydate = layui.laydate;
laydate.render({ laydate.render({
elem: '#birthday', elem: "#birthday",
type: "datetime" type: "datetime"
}); });
@ -123,7 +121,7 @@
birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确'] birthdayVerify: [/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))(\s(([01]\d{1})|(2[0123])):([0-5]\d):([0-5]\d))?$/, '日期格式不正确']
}); });
form.on('submit(edit)', function (data) { form.on("submit(edit)", function (data) {
console.log(data.field); console.log(data.field);
layer.msg("编辑成功！", {icon: 6, time: 1000, anim: 4}, function () { layer.msg("编辑成功！", {icon: 6, time: 1000, anim: 4}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));

89
user.html
View File

@ -60,91 +60,90 @@
window.onload = function () { window.onload = function () {
NProgress.done(); NProgress.done();
} }
layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () { layui.use(["element", "table", "form", "jquery", "laydate"], function () {
var element = layui.element;
var table = layui.table; var table = layui.table;
var form = layui.form; var form = layui.form;
var $ = layui.jquery; var $ = layui.jquery;
var laydate = layui.laydate; var laydate = layui.laydate;
laydate.render({ laydate.render({
elem: '#startTime', elem: "#startTime",
type: "datetime" type: "datetime"
}); });
laydate.render({ laydate.render({
elem: '#endTime', elem: "#endTime",
type: "datetime" type: "datetime"
}); });
table.render({ table.render({
elem: '#tableId', elem: "#tableId",
url: 'data/user.json', url: "data/user.json",
limit: 10, limit: 10,
page: true, page: true,
cols: [[ cols: [[
{type: 'checkbox'}, {type: "checkbox"},
{field: 'id', title: 'ID', width: 80, sort: true}, {field: "id", title: "ID", width: 80, sort: true},
{field: 'username', title: '用户名', width: 100}, {field: "username", title: "用户名", width: 100},
{field: 'name', title: '姓名', width: 100}, {field: "name", title: "姓名", width: 100},
{field: 'password', title: '密码', width: 100}, {field: "password", title: "密码", width: 100},
{field: 'status', title: '状态', width: 85, templet: '#statusTpl'}, {field: "status", title: "状态", width: 85, templet: "#statusTpl"},
{field: 'role', title: '角色', width: 100, templet: '#roleTpl'}, {field: "role", title: "角色", width: 100, templet: "#roleTpl"},
{field: 'email', title: '邮箱', width: 200}, {field: "email", title: "邮箱", width: 200},
{field: 'createTime', title: '创建时间', width: 200}, {field: "createTime", title: "创建时间", width: 200},
{field: 'logins', title: '登陆次数', width: 100}, {field: "logins", title: "登陆次数", width: 100},
{title: '操作', width: 200, templet: '#operationTpl', align: 'center'} {title: "操作", width: 200, align: 'center', templet: "#operationTpl"}
]], ]],
done: function (res, curr, count) { done: function (res, curr, count) {
$("#countNum").text(count); $("#countNum").text(count);
} }
}); });
form.on('submit(search)', function () { form.on("submit(search)", function () {
layer.msg('正在查询，请稍后...'); layer.msg("正在查询，请稍后...");
return false; return false;
}); });
table.on('tool(tableFilter)', function (obj) { table.on("tool(tableFilter)", function (obj) {
var data = obj.data; var data = obj.data;
var layEvent = obj.event; var layEvent = obj.event;
if (layEvent === 'edit') { if (layEvent === "edit") {
layer.open({ layer.open({
title: '编辑用户', title: "编辑用户",
type: 2, type: 2,
shade: false, shade: false,
maxmin: true, maxmin: true,
shade: 0.5, shade: 0.5,
area: ['90%', '90%'], area: ["90%", "90%"],
content: 'user-edit.html', content: "user-edit.html",
zIndex: layer.zIndex, zIndex: layer.zIndex,
end: function () { end: function () {
$(".layui-laypage-btn")[0].click(); $(".layui-laypage-btn")[0].click();
} }
}); });
} else if (layEvent === 'del') { } else if (layEvent === "del") {
layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () { layer.confirm("确定要删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () {
layer.msg("操作成功！", {icon: 1, time: 1000}); layer.msg("操作成功！", {icon: 1, time: 1000});
}); });
} }
}); });
$("#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 { } else {
layer.msg('未选择有效数据', { layer.msg("未选择有效数据", {
offset: 't', offset: "t",
anim: 6 anim: 6
}); });
} }
@ -152,21 +151,21 @@
}) })
$("#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('未选择有效数据', { layer.msg("未选择有效数据", {
offset: 't', offset: "t",
anim: 6 anim: 6
}); });
} }
@ -174,21 +173,21 @@
}) })
$("#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('未选择有效数据', { layer.msg("未选择有效数据", {
offset: 't', offset: "t",
anim: 6 anim: 6
}); });
} }
@ -197,16 +196,16 @@
$("#addUser").click(function () { $("#addUser").click(function () {
layer.open({ layer.open({
title: '添加用户', title: "添加用户",
type: 2, type: 2,
shade: false, shade: false,
maxmin: true, maxmin: true,
shade: 0.5, shade: 0.5,
anim: 4, anim: 4,
area: ['90%', '90%'], area: ["90%", "90%"],
content: 'user-add.html', content: "user-add.html",
zIndex: layer.zIndex, zIndex: layer.zIndex,
// skin: 'layui-layer-molv', // skin: "layui-layer-molv",
end: function () { end: function () {
$(".layui-laypage-btn")[0].click(); $(".layui-laypage-btn")[0].click();
} }

6
welcome.html
View File

@ -90,13 +90,9 @@
<td>1.1.1.1</td> <td>1.1.1.1</td>
</tr> </tr>
<tr> <tr>
<td>服务器地址1</td> <td>服务器地址</td>
<td><a href="http://ok-admin.xlbweb.cn" target="_blank">http://ok-admin.xlbweb.cn</a></td> <td><a href="http://ok-admin.xlbweb.cn" target="_blank">http://ok-admin.xlbweb.cn</a></td>
</tr> </tr>
<tr>
<td>服务器地址2</td>
<td><a href="https://bobi1234.gitee.io/ok-admin" target="_blank">https://bobi1234.gitee.io/ok-admin</a></td>
</tr>
<tr> <tr>
<td>操作系统</td> <td>操作系统</td>
<td>CentOS</td> <td>CentOS</td>