77 lines
2.8 KiB
PHP
77 lines
2.8 KiB
PHP
{include file="public/header" /}
|
|
<div style="padding: 50px;padding-bottom: 0px;">
|
|
<form class="layui-form" action="" method="post">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">分类名称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="name" name="name" required lay-verify="required" placeholder="请输入分类名称"
|
|
class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">父级分类</label>
|
|
<div class="layui-input-block">
|
|
<select id="cid" name="cid" lay-verify="required">
|
|
<option value="0">顶级分类</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">排序</label>
|
|
<div class="layui-input-block">
|
|
<input type="number" id="sort" name="sort" value="0" placeholder="请输入排序值" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit lay-filter="formSubmit">添加分类</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['form', 'layer'], function () {
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
var $ = layui.jquery;
|
|
|
|
// 获取URL中的cid参数
|
|
var urlParams = new URLSearchParams(window.location.search);
|
|
var cid = urlParams.get('cid');
|
|
|
|
// 获取分类列表
|
|
$.get('{:url("articles/getcate")}', function (res) {
|
|
if (res.code == 0) {
|
|
var html = '<option value="0">顶级分类</option>';
|
|
res.data.forEach(function (item) {
|
|
html += '<option value="' + item.id + '"' + (cid == item.id ? ' selected' : '') + '>' + item.name + '</option>';
|
|
});
|
|
$('#cid').html(html);
|
|
form.render('select');
|
|
} else {
|
|
layer.msg(res.msg, { icon: 2 });
|
|
}
|
|
});
|
|
|
|
// 表单提交
|
|
form.on('submit(formSubmit)', function (data) {
|
|
$.post('{:url("articles/cateadd")}', data.field, function (res) {
|
|
if (res.code == 0) {
|
|
layer.msg(res.msg, { icon: 1 });
|
|
setTimeout(function () {
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
parent.location.reload();
|
|
}, 1000);
|
|
} else {
|
|
layer.msg(res.msg, { icon: 2 });
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script> |