1
0
Files
helper/application/system/view/banner/banadd.html
2020-08-06 14:58:51 +08:00

91 lines
3.6 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="" placeholder="请输入标题" autocomplete="off" class="layui-input" value="{$info.title|default=''}">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">封面图片</label>
<div class="layui-input-block layui-textarea" >
<div class="site-demo-upload center-block">
<img id="LAY_upload" src="{$info.cover|default='__IMG__/avatar.jpg'}">
<div class="site-demo-upbar">
<input type="file" class="layui-upload-file" name="image" id="image">
<input type="hidden" name="storage_id" id="LAY_sid" value="{$info.storage_id|default=0}">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">连接地址</label>
<div class="layui-input-block">
<input type="text" name="url" lay-verify="" placeholder="请输入连接地址" autocomplete="off" class="layui-input" value="{$info.url|default=''}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序</label>
<div class="layui-input-block">
<input type="text" name="sort" lay-verify="" placeholder="请输入排序" autocomplete="off" class="layui-input" value="{$info.sort|default=0}">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
{present name="info"}
<input type="hidden" name="id" value="{$info.id}">
<button class="layui-btn" lay-submit lay-filter="submit">编辑Banner</button>
{else /}
<button class="layui-btn" lay-submit lay-filter="submit">新增Banner</button>
{/present}
</div>
</div>
</form>
{/block}
{block name="layui"}
<script type="text/javascript">
layui.use(['form', 'upload'], function(){
var $ = layui.jquery, form = layui.form();
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_upload.src = res.data.path;
LAY_sid.value = res.data.id;
} else {
layer.msg(res.msg, {icon: 2});
}
}
});
form.on('submit(submit)', function(data) {
$.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;
});
});
</script>
{/block}