删除多余代码
bobi
parent
d6443ca252
commit
07f49370a0
|
|
@ -76,23 +76,11 @@
|
|||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
var table = layui.table;
|
||||
layui.use(["element", "form", "jquery"], function () {
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
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) {
|
||||
form.on("submit(add)", function (data) {
|
||||
console.log(data.field);
|
||||
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
|
|
|
|||
|
|
@ -76,23 +76,11 @@
|
|||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
var table = layui.table;
|
||||
layui.use(["element", "form", "jquery"], function () {
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
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) {
|
||||
form.on("submit(edit)", function (data) {
|
||||
console.log(data.field);
|
||||
layer.msg("编辑成功！", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
|
|
|
|||
83
article.html
83
article.html
|
|
@ -62,90 +62,89 @@
|
|||
NProgress.done();
|
||||
}
|
||||
// layui相关
|
||||
layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
layui.use(["element", "table", "form", "jquery", "laydate"], function () {
|
||||
var table = layui.table;
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
elem: '#startTime',
|
||||
elem: "#startTime",
|
||||
type: "datetime"
|
||||
});
|
||||
|
||||
laydate.render({
|
||||
elem: '#endTime',
|
||||
elem: "#endTime",
|
||||
type: "datetime"
|
||||
});
|
||||
|
||||
table.render({
|
||||
elem: '#tableId',
|
||||
url: 'data/article.json',
|
||||
elem: "#tableId",
|
||||
url: "data/article.json",
|
||||
limit: 10,
|
||||
page: true,
|
||||
even: true,
|
||||
cols: [[
|
||||
{type: 'checkbox'},
|
||||
{field: 'id', title: 'ID', width: 80, sort: true},
|
||||
{field: 'title', title: '标题', width: 350},
|
||||
{field: 'url', title: '链接', width: 250, templet: '#urlTpl'},
|
||||
{field: 'readSize', title: '阅读量', width: 80},
|
||||
{field: 'publisher', title: '发布者', width: 100},
|
||||
{field: 'isTop', title: '置顶', width: 100, templet: '#topTpl'},
|
||||
{field: 'status', title: '状态', width: 100, templet: '#statusTpl'},
|
||||
{title: '操作', width: 200, templet: '#operationTpl', align: 'center'}
|
||||
{type: "checkbox"},
|
||||
{field: "id", title: "ID", width: 80, sort: true},
|
||||
{field: "title", title: "标题", width: 350},
|
||||
{field: "url", title: "链接", width: 250, templet: "#urlTpl"},
|
||||
{field: "readSize", title: "阅读量", width: 80},
|
||||
{field: "publisher", title: "发布者", width: 100},
|
||||
{field: "isTop", title: "置顶", width: 100, templet: "#topTpl"},
|
||||
{field: "status", title: "状态", width: 100, templet: "#statusTpl"},
|
||||
{title: "操作", width: 200, align: "center", templet: "#operationTpl"}
|
||||
]],
|
||||
done: function (res, curr, count) {
|
||||
$("#countNum").text(count);
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(search)', function () {
|
||||
layer.msg('正在查询，请稍后...');
|
||||
form.on("submit(search)", function () {
|
||||
layer.msg("正在查询，请稍后...");
|
||||
return false;
|
||||
});
|
||||
|
||||
table.on('tool(tableFilter)', function (obj) {
|
||||
table.on("tool(tableFilter)", function (obj) {
|
||||
var data = obj.data;
|
||||
var layEvent = obj.event;
|
||||
if (layEvent === 'edit') {
|
||||
if (layEvent === "edit") {
|
||||
layer.open({
|
||||
title: '编辑用户',
|
||||
title: "编辑用户",
|
||||
type: 2,
|
||||
shade: false,
|
||||
maxmin: true,
|
||||
shade: 0.5,
|
||||
area: ['90%', '90%'],
|
||||
content: 'article-edit.html',
|
||||
area: ["90%", "90%"],
|
||||
content: "article-edit.html",
|
||||
zIndex: layer.zIndex,
|
||||
end: function () {
|
||||
$(".layui-laypage-btn")[0].click();
|
||||
}
|
||||
});
|
||||
} else if (layEvent === 'del') {
|
||||
layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () {
|
||||
} else if (layEvent === "del") {
|
||||
layer.confirm("确定要删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () {
|
||||
layer.msg("操作成功！", {icon: 1, time: 1000});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$("#batchEnabled").click(function () {
|
||||
layer.confirm("确定要批量上架吗？", {skin: 'layui-layer-lan', icon: 3, title: '提示', anim: 1}, function () {
|
||||
var checkStatus = table.checkStatus('tableId');
|
||||
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 + ',';
|
||||
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',
|
||||
layer.msg("未选择有效数据", {
|
||||
offset: "t",
|
||||
anim: 6
|
||||
});
|
||||
}
|
||||
|
|
@ -153,21 +152,21 @@
|
|||
})
|
||||
|
||||
$("#batchDisabled").click(function () {
|
||||
layer.confirm("确定要批量下架吗？", {skin: 'layui-layer-lan', icon: 3, title: '提示', anim: 2}, function () {
|
||||
var checkStatus = table.checkStatus('tableId');
|
||||
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 + ',';
|
||||
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',
|
||||
layer.msg("未选择有效数据", {
|
||||
offset: "t",
|
||||
anim: 6
|
||||
});
|
||||
}
|
||||
|
|
@ -175,21 +174,21 @@
|
|||
})
|
||||
|
||||
$("#batchDel").click(function () {
|
||||
layer.confirm("确定要批量删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () {
|
||||
var checkStatus = table.checkStatus('tableId');
|
||||
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 + ',';
|
||||
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',
|
||||
layer.msg("未选择有效数据", {
|
||||
offset: "t",
|
||||
anim: 6
|
||||
});
|
||||
}
|
||||
|
|
@ -198,14 +197,14 @@
|
|||
|
||||
$("#addUser").click(function () {
|
||||
layer.open({
|
||||
title: '添加文章',
|
||||
title: "添加文章",
|
||||
type: 2,
|
||||
shade: false,
|
||||
maxmin: true,
|
||||
shade: 0.5,
|
||||
anim: 4,
|
||||
area: ['90%', '90%'],
|
||||
content: 'article-add.html',
|
||||
area: ["90%", "90%"],
|
||||
content: "article-add.html",
|
||||
zIndex: layer.zIndex,
|
||||
// skin: 'layui-layer-molv',
|
||||
end: function () {
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@
|
|||
</div>
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'layer'], function () {
|
||||
layui.use(["element", "layer"], function () {
|
||||
layer.alert("谢谢各位大佬的支持！</br>您的肯定是我前进的动力，O(∩_∩)O谢谢~", {icon: 6, time: 3000, title: '感谢', anim: 1});
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'code'], function () {
|
||||
layui.use(["element", "code"], function () {
|
||||
layui.code({about: false});
|
||||
})
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'code'], function () {
|
||||
layui.use(["element", "code"], function () {
|
||||
layui.code({about: false});
|
||||
})
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
</div>
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element'], function () {
|
||||
layui.use(["element"], function () {
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@
|
|||
window.onload = function () {
|
||||
NProgress.done();
|
||||
}
|
||||
layui.use(['form', 'jquery'], function () {
|
||||
layui.use(["form", "jquery"], function () {
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
|
||||
|
|
|
|||
12
map1.html
12
map1.html
|
|
@ -10,24 +10,24 @@
|
|||
<script src="lib/echarts/echarts.common.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
var myChart = echarts.init(document.getElementById('main'));
|
||||
var myChart = echarts.init(document.getElementById("main"));
|
||||
|
||||
// 指定图表的配置项和数据
|
||||
var option = {
|
||||
title: {
|
||||
text: '衣物销量图'
|
||||
text: "衣物销量图"
|
||||
},
|
||||
tooltip: {},
|
||||
legend: {
|
||||
data: ['销量']
|
||||
data: ["销量"]
|
||||
},
|
||||
xAxis: {
|
||||
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
|
||||
},
|
||||
yAxis: {},
|
||||
series: [{
|
||||
name: '销量',
|
||||
type: 'bar',
|
||||
name: "销量",
|
||||
type: "bar",
|
||||
data: [5, 20, 36, 10, 10, 20]
|
||||
}]
|
||||
};
|
||||
|
|
@ -36,4 +36,4 @@
|
|||
myChart.setOption(option);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
14
map2.html
14
map2.html
|
|
@ -9,23 +9,23 @@
|
|||
<script src="lib/echarts/echarts.common.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
var myChart = echarts.init(document.getElementById('main'));
|
||||
var myChart = echarts.init(document.getElementById("main"));
|
||||
|
||||
// 指定图表的配置项和数据
|
||||
var option = {
|
||||
title: {
|
||||
text: '折线图'
|
||||
text: "折线图"
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
||||
type: "category",
|
||||
data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
type: "value"
|
||||
},
|
||||
series: [{
|
||||
data: [820, 932, 901, 934, 1290, 1330, 1320],
|
||||
type: 'line'
|
||||
type: "line"
|
||||
}]
|
||||
};
|
||||
|
||||
|
|
@ -33,4 +33,4 @@
|
|||
myChart.setOption(option);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
52
map3.html
52
map3.html
|
|
@ -9,23 +9,23 @@
|
|||
<script src="lib/echarts/echarts.common.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
var myChart = echarts.init(document.getElementById('main'));
|
||||
var myChart = echarts.init(document.getElementById("main"));
|
||||
|
||||
// 指定图表的配置项和数据
|
||||
var option = {
|
||||
title: {
|
||||
text: '折线图堆叠'
|
||||
text: "折线图堆叠"
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
trigger: "axis"
|
||||
},
|
||||
legend: {
|
||||
data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
|
||||
data: ["邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎"]
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
left: "3%",
|
||||
right: "4%",
|
||||
bottom: "3%",
|
||||
containLabel: true
|
||||
},
|
||||
toolbox: {
|
||||
|
|
@ -34,42 +34,42 @@
|
|||
}
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
type: "category",
|
||||
boundaryGap: false,
|
||||
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
|
||||
data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
type: "value"
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '邮件营销',
|
||||
type: 'line',
|
||||
stack: '总量',
|
||||
name: "邮件营销",
|
||||
type: "line",
|
||||
stack: "总量",
|
||||
data: [120, 132, 101, 134, 90, 230, 210]
|
||||
},
|
||||
{
|
||||
name: '联盟广告',
|
||||
type: 'line',
|
||||
stack: '总量',
|
||||
name: "联盟广告",
|
||||
type: "line",
|
||||
stack: "总量",
|
||||
data: [220, 182, 191, 234, 290, 330, 310]
|
||||
},
|
||||
{
|
||||
name: '视频广告',
|
||||
type: 'line',
|
||||
stack: '总量',
|
||||
name: "视频广告",
|
||||
type: "line",
|
||||
stack: "总量",
|
||||
data: [150, 232, 201, 154, 190, 330, 410]
|
||||
},
|
||||
{
|
||||
name: '直接访问',
|
||||
type: 'line',
|
||||
stack: '总量',
|
||||
name: "直接访问",
|
||||
type: "line",
|
||||
stack: "总量",
|
||||
data: [320, 332, 301, 334, 390, 330, 320]
|
||||
},
|
||||
{
|
||||
name: '搜索引擎',
|
||||
type: 'line',
|
||||
stack: '总量',
|
||||
name: "搜索引擎",
|
||||
type: "line",
|
||||
stack: "总量",
|
||||
data: [820, 932, 901, 934, 1290, 1330, 1320]
|
||||
}
|
||||
]
|
||||
|
|
@ -79,4 +79,4 @@
|
|||
myChart.setOption(option);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
46
map4.html
46
map4.html
|
|
@ -9,23 +9,23 @@
|
|||
<script src="lib/echarts/echarts.common.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
var myChart = echarts.init(document.getElementById('main'));
|
||||
var myChart = echarts.init(document.getElementById("main"));
|
||||
|
||||
// 指定图表的配置项和数据
|
||||
var option = {
|
||||
backgroundColor: '#2c343c',
|
||||
backgroundColor: "#2c343c",
|
||||
|
||||
title: {
|
||||
text: 'Customized Pie',
|
||||
left: 'center',
|
||||
text: "定制饼图",
|
||||
left: "center",
|
||||
top: 20,
|
||||
textStyle: {
|
||||
color: '#ccc'
|
||||
color: "#ccc"
|
||||
}
|
||||
},
|
||||
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
trigger: "item",
|
||||
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
||||
},
|
||||
|
||||
|
|
@ -39,31 +39,31 @@
|
|||
},
|
||||
series: [
|
||||
{
|
||||
name: '访问来源',
|
||||
type: 'pie',
|
||||
radius: '55%',
|
||||
center: ['50%', '50%'],
|
||||
name: "访问来源",
|
||||
type: "pie",
|
||||
radius: "55%",
|
||||
center: ["50%", "50%"],
|
||||
data: [
|
||||
{value: 335, name: '直接访问'},
|
||||
{value: 310, name: '邮件营销'},
|
||||
{value: 274, name: '联盟广告'},
|
||||
{value: 235, name: '视频广告'},
|
||||
{value: 400, name: '搜索引擎'}
|
||||
{value: 335, name: "直接访问"},
|
||||
{value: 310, name: "邮件营销"},
|
||||
{value: 274, name: "联盟广告"},
|
||||
{value: 235, name: "视频广告"},
|
||||
{value: 400, name: "搜索引擎"}
|
||||
].sort(function (a, b) {
|
||||
return a.value - b.value;
|
||||
}),
|
||||
roseType: 'radius',
|
||||
roseType: "radius",
|
||||
label: {
|
||||
normal: {
|
||||
textStyle: {
|
||||
color: 'rgba(255, 255, 255, 0.3)'
|
||||
color: "rgba(255, 255, 255, 0.3)"
|
||||
}
|
||||
}
|
||||
},
|
||||
labelLine: {
|
||||
normal: {
|
||||
lineStyle: {
|
||||
color: 'rgba(255, 255, 255, 0.3)'
|
||||
color: "rgba(255, 255, 255, 0.3)"
|
||||
},
|
||||
smooth: 0.2,
|
||||
length: 10,
|
||||
|
|
@ -72,14 +72,14 @@
|
|||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: '#c23531',
|
||||
color: "#c23531",
|
||||
shadowBlur: 200,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
shadowColor: "rgba(0, 0, 0, 0.5)"
|
||||
}
|
||||
},
|
||||
|
||||
animationType: 'scale',
|
||||
animationEasing: 'elasticOut',
|
||||
animationType: "scale",
|
||||
animationEasing: "elasticOut",
|
||||
animationDelay: function (idx) {
|
||||
return Math.random() * 200;
|
||||
}
|
||||
|
|
@ -91,4 +91,4 @@
|
|||
myChart.setOption(option);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
34
map5.html
34
map5.html
|
|
@ -9,35 +9,35 @@
|
|||
<script src="lib/echarts/echarts.common.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
var myChart = echarts.init(document.getElementById('main'));
|
||||
var myChart = echarts.init(document.getElementById("main"));
|
||||
|
||||
// 指定图表的配置项和数据
|
||||
var option = {
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
trigger: "item",
|
||||
formatter: "{a} <br/>{b}: {c} ({d}%)"
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
x: 'left',
|
||||
data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
|
||||
orient: "vertical",
|
||||
x: "left",
|
||||
data: ["直接访问", "邮件营销", "联盟广告", "视频广告", "搜索引擎"]
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '访问来源',
|
||||
type: 'pie',
|
||||
radius: ['50%', '70%'],
|
||||
name: "访问来源",
|
||||
type: "pie",
|
||||
radius: ["50%", "70%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
normal: {
|
||||
show: false,
|
||||
position: 'center'
|
||||
position: "center"
|
||||
},
|
||||
emphasis: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
fontSize: '30',
|
||||
fontWeight: 'bold'
|
||||
fontSize: "30",
|
||||
fontWeight: "bold"
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
@ -47,11 +47,11 @@
|
|||
}
|
||||
},
|
||||
data: [
|
||||
{value: 335, name: '直接访问'},
|
||||
{value: 310, name: '邮件营销'},
|
||||
{value: 234, name: '联盟广告'},
|
||||
{value: 135, name: '视频广告'},
|
||||
{value: 1548, name: '搜索引擎'}
|
||||
{value: 335, name: "直接访问"},
|
||||
{value: 310, name: "邮件营销"},
|
||||
{value: 234, name: "联盟广告"},
|
||||
{value: 135, name: "视频广告"},
|
||||
{value: 1548, name: "搜索引擎"}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
@ -61,4 +61,4 @@
|
|||
myChart.setOption(option);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
96
map6.html
96
map6.html
|
|
@ -9,7 +9,7 @@
|
|||
<script src="lib/echarts/echarts.common.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
var myChart = echarts.init(document.getElementById('main'));
|
||||
var myChart = echarts.init(document.getElementById("main"));
|
||||
|
||||
var dataBJ = [
|
||||
[1, 55, 9, 56, 0.46, 18, 6, "良"],
|
||||
|
|
@ -114,13 +114,13 @@
|
|||
];
|
||||
|
||||
var schema = [
|
||||
{name: 'date', index: 0, text: '日'},
|
||||
{name: 'AQIindex', index: 1, text: 'AQI指数'},
|
||||
{name: 'PM25', index: 2, text: 'PM2.5'},
|
||||
{name: 'PM10', index: 3, text: 'PM10'},
|
||||
{name: 'CO', index: 4, text: '一氧化碳（CO）'},
|
||||
{name: 'NO2', index: 5, text: '二氧化氮（NO2）'},
|
||||
{name: 'SO2', index: 6, text: '二氧化硫（SO2）'}
|
||||
{name: "date", index: 0, text: "日"},
|
||||
{name: "AQIindex", index: 1, text: "AQI指数"},
|
||||
{name: "PM25", index: 2, text: "PM2.5"},
|
||||
{name: "PM10", index: 3, text: "PM10"},
|
||||
{name: "CO", index: 4, text: "一氧化碳（CO）"},
|
||||
{name: "NO2", index: 5, text: "二氧化氮（NO2）"},
|
||||
{name: "SO2", index: 6, text: "二氧化硫（SO2）"}
|
||||
];
|
||||
|
||||
|
||||
|
|
@ -130,34 +130,34 @@
|
|||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowOffsetY: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
shadowColor: "rgba(0, 0, 0, 0.5)"
|
||||
}
|
||||
};
|
||||
|
||||
// 指定图表的配置项和数据
|
||||
var option = {
|
||||
backgroundColor: '#404a59',
|
||||
backgroundColor: "#404a59",
|
||||
color: [
|
||||
'#dd4444', '#fec42c', '#80F1BE'
|
||||
"#dd4444", "#fec42c", "#80F1BE"
|
||||
],
|
||||
legend: {
|
||||
y: 'top',
|
||||
data: ['北京', '上海', '广州'],
|
||||
y: "top",
|
||||
data: ["北京", "上海", "广州"],
|
||||
textStyle: {
|
||||
color: '#fff',
|
||||
color: "#fff",
|
||||
fontSize: 16
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
x: '10%',
|
||||
x: "10%",
|
||||
x2: 150,
|
||||
y: '18%',
|
||||
y2: '10%'
|
||||
y: "18%",
|
||||
y2: "10%"
|
||||
},
|
||||
tooltip: {
|
||||
padding: 10,
|
||||
backgroundColor: '#222',
|
||||
borderColor: '#777',
|
||||
backgroundColor: "#222",
|
||||
borderColor: "#777",
|
||||
borderWidth: 1,
|
||||
formatter: function (obj) {
|
||||
var value = obj.value;
|
||||
|
|
@ -174,11 +174,11 @@
|
|||
}
|
||||
},
|
||||
xAxis: {
|
||||
type: 'value',
|
||||
name: '日期',
|
||||
type: "value",
|
||||
name: "日期",
|
||||
nameGap: 16,
|
||||
nameTextStyle: {
|
||||
color: '#fff',
|
||||
color: "#fff",
|
||||
fontSize: 14
|
||||
},
|
||||
max: 31,
|
||||
|
|
@ -187,22 +187,22 @@
|
|||
},
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: '#eee'
|
||||
color: "#eee"
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
name: 'AQI指数',
|
||||
nameLocation: 'end',
|
||||
type: "value",
|
||||
name: "AQI指数",
|
||||
nameLocation: "end",
|
||||
nameGap: 20,
|
||||
nameTextStyle: {
|
||||
color: '#fff',
|
||||
color: "#fff",
|
||||
fontSize: 16
|
||||
},
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: '#eee'
|
||||
color: "#eee"
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
|
|
@ -211,8 +211,8 @@
|
|||
},
|
||||
visualMap: [
|
||||
{
|
||||
left: 'right',
|
||||
top: '10%',
|
||||
left: "right",
|
||||
top: "10%",
|
||||
dimension: 2,
|
||||
min: 0,
|
||||
max: 250,
|
||||
|
|
@ -220,73 +220,73 @@
|
|||
itemHeight: 120,
|
||||
calculable: true,
|
||||
precision: 0.1,
|
||||
text: ['圆形大小：PM2.5'],
|
||||
text: ["圆形大小：PM2.5"],
|
||||
textGap: 30,
|
||||
textStyle: {
|
||||
color: '#fff'
|
||||
color: "#fff"
|
||||
},
|
||||
inRange: {
|
||||
symbolSize: [10, 70]
|
||||
},
|
||||
outOfRange: {
|
||||
symbolSize: [10, 70],
|
||||
color: ['rgba(255,255,255,.2)']
|
||||
color: ["rgba(255,255,255,.2)"]
|
||||
},
|
||||
controller: {
|
||||
inRange: {
|
||||
color: ['#c23531']
|
||||
color: ["#c23531"]
|
||||
},
|
||||
outOfRange: {
|
||||
color: ['#444']
|
||||
color: ["#444"]
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
left: 'right',
|
||||
bottom: '5%',
|
||||
left: "right",
|
||||
bottom: "5%",
|
||||
dimension: 6,
|
||||
min: 0,
|
||||
max: 50,
|
||||
itemHeight: 120,
|
||||
calculable: true,
|
||||
precision: 0.1,
|
||||
text: ['明暗：二氧化硫'],
|
||||
text: ["明暗：二氧化硫"],
|
||||
textGap: 30,
|
||||
textStyle: {
|
||||
color: '#fff'
|
||||
color: "#fff"
|
||||
},
|
||||
inRange: {
|
||||
colorLightness: [1, 0.5]
|
||||
},
|
||||
outOfRange: {
|
||||
color: ['rgba(255,255,255,.2)']
|
||||
color: ["rgba(255,255,255,.2)"]
|
||||
},
|
||||
controller: {
|
||||
inRange: {
|
||||
color: ['#c23531']
|
||||
color: ["#c23531"]
|
||||
},
|
||||
outOfRange: {
|
||||
color: ['#444']
|
||||
color: ["#444"]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '北京',
|
||||
type: 'scatter',
|
||||
name: "北京",
|
||||
type: "scatter",
|
||||
itemStyle: itemStyle,
|
||||
data: dataBJ
|
||||
},
|
||||
{
|
||||
name: '上海',
|
||||
name: "上海",
|
||||
type: 'scatter',
|
||||
itemStyle: itemStyle,
|
||||
data: dataSH
|
||||
},
|
||||
{
|
||||
name: '广州',
|
||||
type: 'scatter',
|
||||
name: "广州",
|
||||
type: "scatter",
|
||||
itemStyle: itemStyle,
|
||||
data: dataGZ
|
||||
}
|
||||
|
|
@ -297,4 +297,4 @@
|
|||
myChart.setOption(option);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -63,23 +63,11 @@
|
|||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
var table = layui.table;
|
||||
layui.use(["element", "form", "jquery", "laydate"], function () {
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
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) {
|
||||
form.on("submit(add)", function (data) {
|
||||
console.log(data.field);
|
||||
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
|
|
|
|||
|
|
@ -63,23 +63,11 @@
|
|||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
var table = layui.table;
|
||||
layui.use(["element", "form", "jquery", "laydate"], function () {
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
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) {
|
||||
form.on("submit(add)", function (data) {
|
||||
console.log(data.field);
|
||||
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
|
|
|
|||
|
|
@ -56,11 +56,10 @@
|
|||
}
|
||||
|
||||
layui.config({
|
||||
base: 'lib/layui_plugins/'
|
||||
base: "lib/layui_plugins/"
|
||||
}).extend({
|
||||
treetable: 'treetable/treetable'
|
||||
}).use(['element', 'table', 'form', 'jquery', 'laydate', 'treetable'], function () {
|
||||
var element = layui.element;
|
||||
treetable: "treetable/treetable"
|
||||
}).use(["element", "table", "form", "jquery", "laydate", "treetable"], function () {
|
||||
var form = layui.form;
|
||||
var table = layui.table;
|
||||
var $ = layui.jquery;
|
||||
|
|
@ -68,12 +67,12 @@
|
|||
var treetable = layui.treetable;
|
||||
|
||||
laydate.render({
|
||||
elem: '#startTime',
|
||||
elem: "#startTime",
|
||||
type: "datetime"
|
||||
});
|
||||
|
||||
laydate.render({
|
||||
elem: '#endTime',
|
||||
elem: "#endTime",
|
||||
type: "datetime"
|
||||
});
|
||||
|
||||
|
|
@ -81,19 +80,19 @@
|
|||
treetable.render({
|
||||
treeColIndex: 1,
|
||||
treeSpid: -1,
|
||||
treeIdName: 'authorityId',
|
||||
treePidName: 'parentId',
|
||||
elem: '#tableId',
|
||||
url: 'data/permission-table.json',
|
||||
treeIdName: "authorityId",
|
||||
treePidName: "parentId",
|
||||
elem: "#tableId",
|
||||
url: "data/permission-table.json",
|
||||
page: false,
|
||||
cols: [[
|
||||
{type: 'numbers'},
|
||||
{field: 'authorityName', minWidth: 200, title: '权限名称'},
|
||||
{field: 'authority', title: '权限标识'},
|
||||
{field: 'menuUrl', title: '菜单'},
|
||||
{field: 'orderNumber', width: 80, align: 'center', title: '排序号'},
|
||||
{type: "numbers"},
|
||||
{field: "authorityName", minWidth: 200, title: "权限名称"},
|
||||
{field: "authority", title: "权限标识"},
|
||||
{field: "menuUrl", 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) {
|
||||
return '<span class="layui-badge layui-bg-gray">按钮</span>';
|
||||
}
|
||||
|
|
@ -102,62 +101,63 @@
|
|||
} else {
|
||||
return '<span class="layui-badge-rim">菜单</span>';
|
||||
}
|
||||
}, title: '类型'
|
||||
},
|
||||
title: "类型"
|
||||
},
|
||||
{templet: '#operationTpl', width: 120, align: 'center', title: '操作'}
|
||||
{width: 120, align: "center", title: "操作", templet: "#operationTpl"}
|
||||
]],
|
||||
done: function (res, curr, count) {
|
||||
layer.closeAll('loading');
|
||||
layer.closeAll("loading");
|
||||
$("#countNum").text(count);
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(search)', function () {
|
||||
layer.msg('正在查询，请稍后...');
|
||||
form.on("submit(search)", function () {
|
||||
layer.msg("正在查询，请稍后...");
|
||||
return false;
|
||||
});
|
||||
|
||||
table.on('tool(tableFilter)', function (obj) {
|
||||
table.on("tool(tableFilter)", function (obj) {
|
||||
var data = obj.data;
|
||||
console.log("id值：" + data.id);
|
||||
var layEvent = obj.event;
|
||||
if (layEvent === 'edit') {
|
||||
if (layEvent === "edit") {
|
||||
layer.open({
|
||||
title: '编辑权限',
|
||||
title: "编辑权限",
|
||||
type: 2,
|
||||
shade: false,
|
||||
maxmin: true,
|
||||
shade: 0.5,
|
||||
area: ['90%', '90%'],
|
||||
content: 'permission-edit.html?id' + data.id,
|
||||
area: ["90%", "90%"],
|
||||
content: "permission-edit.html?id" + data.id,
|
||||
zIndex: layer.zIndex,
|
||||
end: function () {
|
||||
$(".layui-laypage-btn")[0].click();
|
||||
}
|
||||
});
|
||||
} else if (layEvent === 'del') {
|
||||
layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () {
|
||||
} else if (layEvent === "del") {
|
||||
layer.confirm("确定要删除吗？", {skin: "layui-layer-lan", icon: 2, title: '提示', anim: 6}, function () {
|
||||
layer.msg("操作成功！", {icon: 1, time: 1000});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$("#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 rows = checkStatus.data.length;
|
||||
if (rows > 0) {
|
||||
var idsStr = "";
|
||||
for (var i = 0; i < checkStatus.data.length; i++) {
|
||||
idsStr += checkStatus.data[i].id + ',';
|
||||
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',
|
||||
layer.msg("未选择有效数据", {
|
||||
offset: "t",
|
||||
anim: 6
|
||||
});
|
||||
}
|
||||
|
|
@ -166,14 +166,14 @@
|
|||
|
||||
$("#addPermission").click(function () {
|
||||
layer.open({
|
||||
title: '添加权限',
|
||||
title: "添加权限",
|
||||
type: 2,
|
||||
shade: false,
|
||||
maxmin: true,
|
||||
shade: 0.5,
|
||||
anim: 4,
|
||||
area: ['90%', '90%'],
|
||||
content: 'permission-add.html',
|
||||
area: ["90%", "90%"],
|
||||
content: "permission-add.html",
|
||||
zIndex: layer.zIndex,
|
||||
// skin: 'layui-layer-molv',
|
||||
end: function () {
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
<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 type="text/javascript">
|
||||
layui.use(['element', 'form'], function () {
|
||||
layui.use(["element", "form"], function () {
|
||||
var form = layui.form;
|
||||
|
||||
// zTree设置
|
||||
|
|
@ -79,9 +79,9 @@
|
|||
// zTree异步请求所有权限树节点
|
||||
var treeObj, loadIndex;
|
||||
$.ajax({
|
||||
url: 'data/permission-tree.json',
|
||||
type: 'post',
|
||||
dataType: 'json',
|
||||
url: "data/permission-tree.json",
|
||||
type: "post",
|
||||
dataType: "json",
|
||||
data: {roleId: 1},
|
||||
beforeSend: function () {
|
||||
loadIndex = layer.load(0, {shade: 0.1});
|
||||
|
|
@ -94,11 +94,11 @@
|
|||
treeObj.expandAll(true);
|
||||
},
|
||||
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);
|
||||
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
<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 type="text/javascript">
|
||||
layui.use(['element', 'form'], function () {
|
||||
layui.use(["element", "form"], function () {
|
||||
var form = layui.form;
|
||||
|
||||
// zTree设置
|
||||
|
|
@ -94,11 +94,11 @@
|
|||
treeObj.expandAll(true);
|
||||
},
|
||||
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);
|
||||
layer.msg("编辑成功！", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
|
|
|
|||
61
role.html
61
role.html
|
|
@ -55,87 +55,86 @@
|
|||
NProgress.done();
|
||||
}
|
||||
|
||||
layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
layui.use(["element", "table", "form", "jquery", "laydate"], function () {
|
||||
var table = layui.table;
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
elem: '#startTime',
|
||||
elem: "#startTime",
|
||||
type: "datetime"
|
||||
});
|
||||
|
||||
laydate.render({
|
||||
elem: '#endTime',
|
||||
elem: "#endTime",
|
||||
type: "datetime"
|
||||
});
|
||||
|
||||
table.render({
|
||||
elem: '#tableId',
|
||||
url: 'data/role.json',
|
||||
elem: "#tableId",
|
||||
url: "data/role.json",
|
||||
limit: 10,
|
||||
page: true,
|
||||
cols: [[
|
||||
{type: 'checkbox'},
|
||||
{field: 'id', title: 'ID', width: 80, sort: true},
|
||||
{field: 'name', title: '角色名', width: 100},
|
||||
{field: 'remarks', title: '备注', width: 100},
|
||||
{field: 'createUser', title: '创建者', width: 85},
|
||||
{field: 'createTime', title: '创建时间', width: 200},
|
||||
{title: '操作', width: 200, templet: '#operationTpl', align: 'center'}
|
||||
{type: "checkbox"},
|
||||
{field: "id", title: "ID", width: 80, sort: true},
|
||||
{field: "name", title: "角色名", width: 100},
|
||||
{field: "remarks", title: "备注", width: 100},
|
||||
{field: "createUser", title: "创建者", width: 85},
|
||||
{field: "createTime", title: "创建时间", width: 200},
|
||||
{title: "操作", width: 200, align: "center", templet: "#operationTpl"}
|
||||
]],
|
||||
done: function (res, curr, count) {
|
||||
$("#countNum").text(count);
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(search)', function () {
|
||||
layer.msg('正在查询，请稍后...');
|
||||
form.on("submit(search)", function () {
|
||||
layer.msg("正在查询，请稍后...");
|
||||
return false;
|
||||
});
|
||||
|
||||
table.on('tool(tableFilter)', function (obj) {
|
||||
table.on("tool(tableFilter)", function (obj) {
|
||||
var data = obj.data;
|
||||
var layEvent = obj.event;
|
||||
if (layEvent === 'edit') {
|
||||
if (layEvent === "edit") {
|
||||
layer.open({
|
||||
title: '编辑角色',
|
||||
title: "编辑角色",
|
||||
type: 2,
|
||||
shade: false,
|
||||
maxmin: true,
|
||||
shade: 0.5,
|
||||
area: ['90%', '90%'],
|
||||
content: 'role-edit.html',
|
||||
area: ["90%", "90%"],
|
||||
content: "role-edit.html",
|
||||
zIndex: layer.zIndex,
|
||||
end: function () {
|
||||
$(".layui-laypage-btn")[0].click();
|
||||
}
|
||||
});
|
||||
} else if (layEvent === 'del') {
|
||||
layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () {
|
||||
} else if (layEvent === "del") {
|
||||
layer.confirm("确定要删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () {
|
||||
layer.msg("操作成功！", {icon: 1, time: 1000});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$("#batchDel").click(function () {
|
||||
layer.confirm("确定要批量删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () {
|
||||
var checkStatus = table.checkStatus('tableId');
|
||||
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 + ',';
|
||||
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',
|
||||
layer.msg("未选择有效数据", {
|
||||
offset: "t",
|
||||
anim: 6
|
||||
});
|
||||
}
|
||||
|
|
@ -144,16 +143,16 @@
|
|||
|
||||
$("#addRole").click(function () {
|
||||
layer.open({
|
||||
title: '添加角色',
|
||||
title: "添加角色",
|
||||
type: 2,
|
||||
shade: false,
|
||||
maxmin: true,
|
||||
shade: 0.5,
|
||||
anim: 4,
|
||||
area: ['90%', '90%'],
|
||||
content: 'role-add.html',
|
||||
area: ["90%", "90%"],
|
||||
content: "role-add.html",
|
||||
zIndex: layer.zIndex,
|
||||
// skin: 'layui-layer-molv',
|
||||
// skin: "layui-layer-molv",
|
||||
end: function () {
|
||||
$(".layui-laypage-btn")[0].click();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -107,15 +107,13 @@
|
|||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
var table = layui.table;
|
||||
layui.use(["element", "form", "jquery", "laydate"], function () {
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
elem: '#birthday',
|
||||
elem: "#birthday",
|
||||
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))?$/, '日期格式不正确']
|
||||
});
|
||||
|
||||
form.on('submit(add)', function (data) {
|
||||
form.on("submit(add)", function (data) {
|
||||
console.log(data.field);
|
||||
layer.msg("添加成功！", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
|
|
|
|||
|
|
@ -107,15 +107,13 @@
|
|||
<!--js逻辑-->
|
||||
<script src="lib/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['element', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
var table = layui.table;
|
||||
layui.use(["element", "form", "jquery", "laydate"], function () {
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
elem: '#birthday',
|
||||
elem: "#birthday",
|
||||
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))?$/, '日期格式不正确']
|
||||
});
|
||||
|
||||
form.on('submit(edit)', function (data) {
|
||||
form.on("submit(edit)", function (data) {
|
||||
console.log(data.field);
|
||||
layer.msg("编辑成功！", {icon: 6, time: 1000, anim: 4}, function () {
|
||||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||||
|
|
|
|||
89
user.html
89
user.html
|
|
@ -60,91 +60,90 @@
|
|||
window.onload = function () {
|
||||
NProgress.done();
|
||||
}
|
||||
layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
layui.use(["element", "table", "form", "jquery", "laydate"], function () {
|
||||
var table = layui.table;
|
||||
var form = layui.form;
|
||||
var $ = layui.jquery;
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
elem: '#startTime',
|
||||
elem: "#startTime",
|
||||
type: "datetime"
|
||||
});
|
||||
|
||||
laydate.render({
|
||||
elem: '#endTime',
|
||||
elem: "#endTime",
|
||||
type: "datetime"
|
||||
});
|
||||
|
||||
table.render({
|
||||
elem: '#tableId',
|
||||
url: 'data/user.json',
|
||||
elem: "#tableId",
|
||||
url: "data/user.json",
|
||||
limit: 10,
|
||||
page: true,
|
||||
cols: [[
|
||||
{type: 'checkbox'},
|
||||
{field: 'id', title: 'ID', width: 80, sort: true},
|
||||
{field: 'username', title: '用户名', width: 100},
|
||||
{field: 'name', title: '姓名', width: 100},
|
||||
{field: 'password', title: '密码', width: 100},
|
||||
{field: 'status', title: '状态', width: 85, templet: '#statusTpl'},
|
||||
{field: 'role', title: '角色', width: 100, templet: '#roleTpl'},
|
||||
{field: 'email', title: '邮箱', width: 200},
|
||||
{field: 'createTime', title: '创建时间', width: 200},
|
||||
{field: 'logins', title: '登陆次数', width: 100},
|
||||
{title: '操作', width: 200, templet: '#operationTpl', align: 'center'}
|
||||
{type: "checkbox"},
|
||||
{field: "id", title: "ID", width: 80, sort: true},
|
||||
{field: "username", title: "用户名", width: 100},
|
||||
{field: "name", title: "姓名", width: 100},
|
||||
{field: "password", title: "密码", width: 100},
|
||||
{field: "status", title: "状态", width: 85, templet: "#statusTpl"},
|
||||
{field: "role", title: "角色", width: 100, templet: "#roleTpl"},
|
||||
{field: "email", title: "邮箱", width: 200},
|
||||
{field: "createTime", title: "创建时间", width: 200},
|
||||
{field: "logins", title: "登陆次数", width: 100},
|
||||
{title: "操作", width: 200, align: 'center', templet: "#operationTpl"}
|
||||
]],
|
||||
done: function (res, curr, count) {
|
||||
$("#countNum").text(count);
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(search)', function () {
|
||||
layer.msg('正在查询，请稍后...');
|
||||
form.on("submit(search)", function () {
|
||||
layer.msg("正在查询，请稍后...");
|
||||
return false;
|
||||
});
|
||||
|
||||
table.on('tool(tableFilter)', function (obj) {
|
||||
table.on("tool(tableFilter)", function (obj) {
|
||||
var data = obj.data;
|
||||
var layEvent = obj.event;
|
||||
if (layEvent === 'edit') {
|
||||
if (layEvent === "edit") {
|
||||
layer.open({
|
||||
title: '编辑用户',
|
||||
title: "编辑用户",
|
||||
type: 2,
|
||||
shade: false,
|
||||
maxmin: true,
|
||||
shade: 0.5,
|
||||
area: ['90%', '90%'],
|
||||
content: 'user-edit.html',
|
||||
area: ["90%", "90%"],
|
||||
content: "user-edit.html",
|
||||
zIndex: layer.zIndex,
|
||||
end: function () {
|
||||
$(".layui-laypage-btn")[0].click();
|
||||
}
|
||||
});
|
||||
} else if (layEvent === 'del') {
|
||||
layer.confirm("确定要删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () {
|
||||
} else if (layEvent === "del") {
|
||||
layer.confirm("确定要删除吗？", {skin: "layui-layer-lan", icon: 2, title: "提示", anim: 6}, function () {
|
||||
layer.msg("操作成功！", {icon: 1, time: 1000});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$("#batchEnabled").click(function () {
|
||||
layer.confirm("确定要批量启用吗？", {skin: 'layui-layer-lan', icon: 3, title: '提示', anim: 1}, function () {
|
||||
var checkStatus = table.checkStatus('tableId');
|
||||
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 + ',';
|
||||
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',
|
||||
layer.msg("未选择有效数据", {
|
||||
offset: "t",
|
||||
anim: 6
|
||||
});
|
||||
}
|
||||
|
|
@ -152,21 +151,21 @@
|
|||
})
|
||||
|
||||
$("#batchDisabled").click(function () {
|
||||
layer.confirm("确定要批量停用吗？", {skin: 'layui-layer-lan', icon: 3, title: '提示', anim: 2}, function () {
|
||||
var checkStatus = table.checkStatus('tableId');
|
||||
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 + ',';
|
||||
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',
|
||||
layer.msg("未选择有效数据", {
|
||||
offset: "t",
|
||||
anim: 6
|
||||
});
|
||||
}
|
||||
|
|
@ -174,21 +173,21 @@
|
|||
})
|
||||
|
||||
$("#batchDel").click(function () {
|
||||
layer.confirm("确定要批量删除吗？", {skin: 'layui-layer-lan', icon: 2, title: '提示', anim: 6}, function () {
|
||||
var checkStatus = table.checkStatus('tableId');
|
||||
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 + ',';
|
||||
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',
|
||||
layer.msg("未选择有效数据", {
|
||||
offset: "t",
|
||||
anim: 6
|
||||
});
|
||||
}
|
||||
|
|
@ -197,16 +196,16 @@
|
|||
|
||||
$("#addUser").click(function () {
|
||||
layer.open({
|
||||
title: '添加用户',
|
||||
title: "添加用户",
|
||||
type: 2,
|
||||
shade: false,
|
||||
maxmin: true,
|
||||
shade: 0.5,
|
||||
anim: 4,
|
||||
area: ['90%', '90%'],
|
||||
content: 'user-add.html',
|
||||
area: ["90%", "90%"],
|
||||
content: "user-add.html",
|
||||
zIndex: layer.zIndex,
|
||||
// skin: 'layui-layer-molv',
|
||||
// skin: "layui-layer-molv",
|
||||
end: function () {
|
||||
$(".layui-laypage-btn")[0].click();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -90,13 +90,9 @@
|
|||
<td>1.1.1.1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>服务器地址1</td>
|
||||
<td>服务器地址</td>
|
||||
<td><a href="http://ok-admin.xlbweb.cn" target="_blank">http://ok-admin.xlbweb.cn</a></td>
|
||||
</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>
|
||||
<td>操作系统</td>
|
||||
<td>CentOS</td>
|
||||
|
|
|
|||
Loading…
Reference in New Issue