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

article相关添加js逻辑

v1.0
bobi1234 2018-08-03 12:18:42 +08:00
parent 0eaaa590e5
commit 16b0065bc3
4 changed files with 355 additions and 303 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
article-add.html
View File

@ -28,13 +28,13 @@
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">标题</label> <label class="layui-form-label">标题</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="" placeholder="请输入文章标题" autocomplete="off" class="layui-input" lay-verify="required"> <input type="text" name="title" placeholder="请输入文章标题" autocomplete="off" class="layui-input" lay-verify="required">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">分类</label> <label class="layui-form-label">分类</label>
<div class="layui-input-block"> <div class="layui-input-block">
<select name="interest" lay-filter="aihao"> <select name="classify">
<option value="0">公告</option> <option value="0">公告</option>
<option value="1">言情</option> <option value="1">言情</option>
<option value="2">都市</option> <option value="2">都市</option>
@ -45,25 +45,25 @@
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">标签</label> <label class="layui-form-label">标签</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="" placeholder="请输入文章标签" autocomplete="off" class="layui-input" lay-verify="required"> <input type="text" name="label" placeholder="请输入文章标签" autocomplete="off" class="layui-input" lay-verify="required">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">状态</label> <label class="layui-form-label">状态</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="checkbox" lay-skin="switch" lay-text="启用|停用" checked> <input type="checkbox" name="status" lay-skin="switch" lay-text="启用|停用" checked value="0">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">置顶</label> <label class="layui-form-label">置顶</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="checkbox" lay-skin="switch" lay-text="是|否"> <input type="checkbox" name="isTop" lay-skin="switch" lay-text="是|否" value="0">
</div> </div>
</div> </div>
<div class="layui-form-item layui-form-text"> <div class="layui-form-item layui-form-text">
<label class="layui-form-label">内容</label> <label class="layui-form-label">内容</label>
<div class="layui-input-block"> <div class="layui-input-block">
<textarea placeholder="请输入文章内容" class="layui-textarea"></textarea> <textarea name="content" placeholder="请输入文章内容" class="layui-textarea" lay-verify="required"></textarea>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
@ -94,6 +94,7 @@
}); });
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 () { 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));
}); });

13
article-edit.html
View File

@ -28,13 +28,13 @@
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">标题</label> <label class="layui-form-label">标题</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="" placeholder="请输入文章标题" autocomplete="off" class="layui-input" lay-verify="required"> <input type="text" name="title" placeholder="请输入文章标题" autocomplete="off" class="layui-input" lay-verify="required">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">分类</label> <label class="layui-form-label">分类</label>
<div class="layui-input-block"> <div class="layui-input-block">
<select name="interest" lay-filter="aihao"> <select name="classify">
<option value="0">公告</option> <option value="0">公告</option>
<option value="1">言情</option> <option value="1">言情</option>
<option value="2">都市</option> <option value="2">都市</option>
@ -45,25 +45,25 @@
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">标签</label> <label class="layui-form-label">标签</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="" placeholder="请输入文章标签" autocomplete="off" class="layui-input" lay-verify="required"> <input type="text" name="label" placeholder="请输入文章标签" autocomplete="off" class="layui-input" lay-verify="required">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">状态</label> <label class="layui-form-label">状态</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="checkbox" lay-skin="switch" lay-text="启用|停用" checked> <input type="checkbox" name="status" lay-skin="switch" lay-text="启用|停用" checked value="0">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">置顶</label> <label class="layui-form-label">置顶</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="checkbox" lay-skin="switch" lay-text="是|否"> <input type="checkbox" name="isTop" lay-skin="switch" lay-text="是|否" value="0">
</div> </div>
</div> </div>
<div class="layui-form-item layui-form-text"> <div class="layui-form-item layui-form-text">
<label class="layui-form-label">内容</label> <label class="layui-form-label">内容</label>
<div class="layui-input-block"> <div class="layui-input-block">
<textarea placeholder="请输入文章内容" class="layui-textarea"></textarea> <textarea name="content" placeholder="请输入文章内容" class="layui-textarea" lay-verify="required"></textarea>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
@ -94,6 +94,7 @@
}); });
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 () { 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));
}); });

62
article.html
View File

@ -57,10 +57,12 @@
<script src="lib/layui/layui.js"></script> <script src="lib/layui/layui.js"></script>
<script src="lib/nprogress/nprogress.js"></script> <script src="lib/nprogress/nprogress.js"></script>
<script> <script>
// 进度条加载提示
NProgress.start(); NProgress.start();
window.onload = function () { window.onload = function () {
NProgress.done(); NProgress.done();
} }
// layui相关
layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () { layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () {
var element = layui.element; var element = layui.element;
var table = layui.table; var table = layui.table;
@ -119,7 +121,7 @@
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') {
@ -131,19 +133,67 @@
$("#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 () {
layer.msg("操作成功！", {icon: 1, time: 1000}); var checkStatus = table.checkStatus('tableId');
var rows = checkStatus.data.length;
if (rows > 0) {
var idsStr = "";
for (var i = 0; i < checkStatus.data.length; i++) {
idsStr += checkStatus.data[i].id + ',';
}
console.log("选择的id-->" + idsStr);
layer.msg("操作成功！", {icon: 1, time: 1000}, function () {
$(".layui-laypage-btn")[0].click();
});
} else {
layer.msg('未选择有效数据', {
offset: 't',
anim: 6
});
}
}); });
}) })
$("#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 () {
layer.msg("操作成功！", {icon: 1, time: 1000}); var checkStatus = table.checkStatus('tableId');
var rows = checkStatus.data.length;
if (rows > 0) {
var idsStr = "";
for (var i = 0; i < checkStatus.data.length; i++) {
idsStr += checkStatus.data[i].id + ',';
}
console.log("选择的id-->" + idsStr);
layer.msg("操作成功！", {icon: 1, time: 1000}, function () {
$(".layui-laypage-btn")[0].click();
});
} else {
layer.msg('未选择有效数据', {
offset: 't',
anim: 6
});
}
}); });
}) })
$("#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 () {
layer.msg("操作成功！", {icon: 1, time: 1000}); var checkStatus = table.checkStatus('tableId');
var rows = checkStatus.data.length;
if (rows > 0) {
var idsStr = "";
for (var i = 0; i < checkStatus.data.length; i++) {
idsStr += checkStatus.data[i].id + ',';
}
console.log("选择的id-->" + idsStr);
layer.msg("操作成功！", {icon: 1, time: 1000}, function () {
$(".layui-laypage-btn")[0].click();
});
} else {
layer.msg('未选择有效数据', {
offset: 't',
anim: 6
});
}
}); });
}) })
@ -158,9 +208,9 @@
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 () {
// $(".layui-laypage-btn")[0].click(); $(".layui-laypage-btn")[0].click();
} }
}); });
}) })

2
data/article.json
View File

@ -1,7 +1,7 @@
{ {
"code": 0, "code": 0,
"msg": "", "msg": "",
"count": 11, "count": 2,
"data": [ "data": [
{ {
"id": "001", "id": "001",