1
0
Files
2020-08-06 14:58:51 +08:00

119 lines
3.9 KiB
HTML

{extend name="public/base" /}
{block name="body"}
<form class="layui-form layui-form-pane admin-main" action="__SELF__">
<div class="layui-form-item ">
<label class="layui-form-label">标题</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input" value="{$info.title|default=''}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">分类</label>
<div class="layui-input-inline">
<select name="category_id">
<option value="0">请选择文类</option>
{volist name="list" id="vo"}
<option {eq name="info.category_id|default=''" value="$vo.id"}selected{/eq} value="{$vo.id}">{$vo.title}</option>
{/volist}
</select>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">封面</label>
<div class="site-demo-upload">
<img id="LAY_demo_upload" src="{$info.cover.path|default='http://console.cnskl.com/static/system/images/avatar.jpg'}">
<div class="site-demo-upbar">
<input type="file" class="layui-upload-file" value="" name="image" id="image">
<input type="hidden" name="storage_id" class="storage_id" value="{$info.storage_id|default=''}">
</div>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">描述</label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" name="description" class="layui-textarea"> {$info.description|default=''}</textarea>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">内容</label>
<div class="layui-input-block">
<script id="ueditor" name="content" type="text/plain">{$info.content|default=''}</script>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
{present name="info"}
<input type="hidden" name="id" value="{$info.id|default=''}">
{/present}
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="submit"> <i class="layui-icon">&#xe650;</i> 发布 </button>
</div>
</div>
</form>
{/block}
{block name="layui"}
<script type="text/javascript" charset="utf-8" src="__JS__/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__JS__/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="__JS__/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
var ue = UE.getEditor('ueditor', {
autoHeightEnabled: false,
initialFrameHeight:450
});
layui.use(['upload', 'form'], function() {
var $ = layui.jquery, form = layui.form();
form.on('submit(submit)', function(data) {
ue.sync();
delete data.field.file;
delete data.field.image;
$.post(data.form.action, data.field, function(res) {
if (res.code == 1) {
layer.msg(res.msg, {icon: Math.abs(res.code - 2), time: 1000}, function() {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
parent.location.reload();
});
} else {
layer.msg(res.msg, {icon: Math.abs(res.code - 2), time: 1000});
}
});
return false;
});
layui.upload({
url: "{:url('storage/upload')}?type=image",
title: '图片上传',
elem: '#image',
method: 'post',
type: 'image',
before: function(input) {
layer.msg('文件上传中...', {icon: 16 ,shade: 0.3, time: 0, id: 1});
},
success: function(res) {
layer.close(1);
if (res.code == 1) {
layer.msg('上传成功', {icon: 1});
LAY_demo_upload.src = res.data.path;
$('.storage_id').val(res.data.id);
} else {
layer.msg(res.msg, {icon: 2});
}
}
});
});
</script>
{/block}