article相关添加js逻辑
bobi1234
parent
0eaaa590e5
commit
16b0065bc3
|
|
@ -28,13 +28,13 @@
|
|||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标题</label>
|
||||
<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 class="layui-form-item">
|
||||
<label class="layui-form-label">分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="interest" lay-filter="aihao">
|
||||
<select name="classify">
|
||||
<option value="0">公告</option>
|
||||
<option value="1">言情</option>
|
||||
<option value="2">都市</option>
|
||||
|
|
@ -45,25 +45,25 @@
|
|||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签</label>
|
||||
<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 class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<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 class="layui-form-item">
|
||||
<label class="layui-form-label">置顶</label>
|
||||
<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 class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">内容</label>
|
||||
<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 class="layui-form-item">
|
||||
|
|
@ -94,6 +94,7 @@
|
|||
});
|
||||
|
||||
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));
|
||||
});
|
||||
|
|
|
|||
|
|
@ -28,13 +28,13 @@
|
|||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标题</label>
|
||||
<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 class="layui-form-item">
|
||||
<label class="layui-form-label">分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="interest" lay-filter="aihao">
|
||||
<select name="classify">
|
||||
<option value="0">公告</option>
|
||||
<option value="1">言情</option>
|
||||
<option value="2">都市</option>
|
||||
|
|
@ -45,25 +45,25 @@
|
|||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签</label>
|
||||
<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 class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<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 class="layui-form-item">
|
||||
<label class="layui-form-label">置顶</label>
|
||||
<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 class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">内容</label>
|
||||
<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 class="layui-form-item">
|
||||
|
|
@ -94,6 +94,7 @@
|
|||
});
|
||||
|
||||
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));
|
||||
});
|
||||
|
|
|
|||
62
article.html
62
article.html
|
|
@ -57,10 +57,12 @@
|
|||
<script src="lib/layui/layui.js"></script>
|
||||
<script src="lib/nprogress/nprogress.js"></script>
|
||||
<script>
|
||||
// 进度条加载提示
|
||||
NProgress.start();
|
||||
window.onload = function () {
|
||||
NProgress.done();
|
||||
}
|
||||
// layui相关
|
||||
layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () {
|
||||
var element = layui.element;
|
||||
var table = layui.table;
|
||||
|
|
@ -119,7 +121,7 @@
|
|||
content: 'article-edit.html',
|
||||
zIndex: layer.zIndex,
|
||||
end: function () {
|
||||
// $(".layui-laypage-btn")[0].click();
|
||||
$(".layui-laypage-btn")[0].click();
|
||||
}
|
||||
});
|
||||
} else if (layEvent === 'del') {
|
||||
|
|
@ -131,19 +133,67 @@
|
|||
|
||||
$("#batchEnabled").click(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 () {
|
||||
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 () {
|
||||
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%'],
|
||||
content: 'article-add.html',
|
||||
zIndex: layer.zIndex,
|
||||
// skin: 'layui-layer-molv', // 皮肤
|
||||
// skin: 'layui-layer-molv',
|
||||
end: function () {
|
||||
// $(".layui-laypage-btn")[0].click();
|
||||
$(".layui-laypage-btn")[0].click();
|
||||
}
|
||||
});
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"code": 0,
|
||||
"msg": "",
|
||||
"count": 11,
|
||||
"count": 2,
|
||||
"data": [
|
||||
{
|
||||
"id": "001",
|
||||
|
|
|
|||
Loading…
Reference in New Issue