完成内容管理

This commit is contained in:
augushong
2020-04-18 16:01:27 +08:00
parent dc15576de8
commit 84c1a51b86
18 changed files with 1548 additions and 253 deletions

View File

@@ -14,7 +14,13 @@
var currentLeftNavItem = 'post';
</script>
<style>
#toolbar select{
display: none !important;
}
</style>
</head>
<body class="layui-layout-body">
@@ -73,7 +79,7 @@
<div class="layui-input-block">
<div id="toolbar">
<!-- Add font size dropdown -->
<select class="ql-size" lay-ignore>
<select class="ql-size" lay-ignore="lay-ignore">
<option value="small">小号</option>
<!-- Note a missing, thus falsy value, is used to reset to default -->
<option selected>正常</option>
@@ -99,9 +105,9 @@
<button class="ql-indent" value="-1"></button>
<button class="ql-indent" value="+1"></button>
<button class="ql-direction" value="rtl"></button>
<select class="ql-color" lay-ignore></select>
<select class="ql-background" lay-ignore></select>
<select class="ql-font" lay-ignore></select>
<select class="ql-color" lay-ignore="lay-ignore"></select>
<select class="ql-background" lay-ignore="lay-ignore"></select>
<select class="ql-font" lay-ignore="lay-ignore"></select>
<button class="ql-align" value="center"></button>
<button class="ql-align" value=""></button>
<button class="ql-align" value="right"></button>
@@ -141,45 +147,40 @@
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">标签</div>
<div class="layui-input-block">
<input type="checkbox" name="tags[]" value="0" title="高层" lay-skin="primary">
<br>
<input type="checkbox" name="tags[]" value="0" title="大" lay-skin="primary">
<br>
<input type="checkbox" name="tags[]" value="0" title="PHP" lay-skin="primary">
<br>
<div class="quick-input-item sm-quick-input-item" title="输入新标签,使用空格分隔可一次添加多个标签" >
<div>
<select name="city" lay-verify="">
<option value="">选择父分类</option>
<option value="010">北京</option>
<option value="021">上海</option>
<option value="0571">杭州</option>
</select>
</div>
<div class="">
<div class="layui-form-label">分类</div>
<div class="layui-input-block ">
<div class="category-list"></div>
<input type="text" name="" placeholder="输入新分类名称" id="newCategory" class="layui-input">
<div class="layui-btn">新增</div>
<div class="quick-input-item sm-quick-input-item">
<div class="new-category-option-list">
<select name="" lay-verify="">
<option value="0">选择父分类</option>
</select>
</div>
<div class="">
<input type="text" name="" placeholder="输入新分类名称" id="new-category" class="layui-input">
<div class="layui-btn create-category">新增</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">标签</div>
<div class="layui-input-block">
<input type="checkbox" name="tags[]" value="0" title="高层" lay-skin="primary">
<input type="checkbox" name="tags[]" value="0" title="大" lay-skin="primary">
<input type="checkbox" name="tags[]" value="0" title="PHP" lay-skin="primary">
<div class="quick-input-item sm-quick-input-item" title="输入新标签,使用空格分隔可一次添加多个标签" >
<div class="layui-input-block ">
<div class="tag-list">
</div>
<div class="quick-input-item sm-quick-input-item" title="输入新标签,使用空格分隔可一次添加多个标签">
<div class="">
<input type="text" name="" placeholder="输入新标签" id="newTags" class="layui-input">
<div class="layui-btn">新增</div>
<input type="text" name="" placeholder="输入新标签" autocomplete="off" id="new-tags" class="layui-input">
<div class="layui-btn create-tags">新增</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
@@ -204,7 +205,7 @@
<input type="radio" name="jump_to_url_status" value="2" title="自动跳转">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">排序</div>
<div class="layui-input-block">
@@ -224,13 +225,29 @@
{include file="common/_footer"}
<div class="tpl" style="display: none;">
<input type="checkbox" name="tags[]" class="tag-item" value="0" title="高层" lay-skin="primary">
<div class="category-item">
<input type="checkbox" name="categorys[]" value="0" title="PHP" lay-skin="primary">
</div>
<option value="0" class="new-category-item">选择父分类</option>
</div>
</div>
<script>
layui.use(['form', 'upload'], function () {
layui.use(['form', 'upload','laydate'], function () {
var upload = layui.upload;
var form = layui.form;
var laydate = layui.laydate;
laydate.render({
elem:'.publish-time',
type:'datetime'
})
var currentRange = {
index: 0,
@@ -311,7 +328,6 @@
});
form.on('submit(save)', function (data) {
var formData = data.field;
@@ -319,11 +335,115 @@
formData.content_html = $('#editor .ql-editor').html()
console.log(formData);
$.post('{:url("save")}',formData,function(result){
console.log(result);
layer.msg('添加成功')
setTimeout(() => {
location.href = result.data.jump_to_url
}, 1200);
})
return false;
})
var tagPage = 1;
initTags()
function initTags() {
$('.tag-list').children().remove()
$('#new-tags').val('')
tagPage = 1;
loadTags()
}
function loadTags() {
$.get('{:url("Tag/index")}', {
page: tagPage
}, function (result) {
tagPage++;
result.data.data.forEach(tag => {
var domTag = $('.tpl .tag-item').clone();
domTag.attr('title', tag.title)
domTag.val(tag.id)
domTag.appendTo('.tag-list')
});
form.render('checkbox')
if (result.data.current_page < result.data.last_page) {
loadTags()
}
})
}
$('.create-tags').click(function () {
var value = $.trim($('#new-tags').val());
if(value.length == 0){
return false;
}
$.post('{:url("Tag/save")}', {
tags: value
}, function (result) {
layer.msg('添加成功')
initTags()
})
})
var categoryPage = 1;
initCategory();
function initCategory(){
$('.category-list').children().remove();
$('.new-category-option-list').find('.new-category-item').remove();
$('.new-category-option-list').find('.layui-form-select').remove();
$('#new-category').val('')
categoryPage = 1;
loadCategory()
}
function loadCategory() {
$.get('{:url("Category/index")}',function(result){
console.log(result);
result.data.forEach(category => {
var prefix = '';
for (let prefixLevelIndex = 0; prefixLevelIndex < category.level; prefixLevelIndex++) {
prefix += '|--'
}
var domCategory = $('.tpl .category-item').clone();
domCategory.find('input').val(category.id)
domCategory.find('input').attr('title', prefix+category.title)
domCategory.appendTo('.category-list')
var domNewCategory = $('.tpl .new-category-item').clone();
domNewCategory.text(prefix+category.title)
domNewCategory.val(category.id)
domNewCategory.attr('title',category.title)
domNewCategory.appendTo('.new-category-option-list select')
});
form.render()
})
}
$('.create-category').click(function(){
var pid = $('.new-category-option-list').find('select').val();
var title = $('#new-category').val()
$.post('{:url("Category/save")}',{
title:title,
pid:pid
},function(result){
if(result.code == 0){
layer.msg('添加成功')
initCategory();
}else{
layer.msg(result.msg)
}
})
})
})