134 lines
4.2 KiB
HTML
134 lines
4.2 KiB
HTML
{extend name="public/base" /}
|
|
|
|
{block name="body"}
|
|
|
|
<div class="layui-form" lay-filter="layuiadmin-form-slider" id="layuiadmin-form-slider" style="padding: 20px 20px 0 0;">
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">位置</label>
|
|
<div class="layui-input-inline">
|
|
<select name="slid_type" lay-verify="required">
|
|
<option value="">请选择广告位置</option>
|
|
<option value="1">1首页幻灯 - 1126x410</option>
|
|
<option value="2">2通用右底</option>
|
|
<option value="3">3首页赞助</option>
|
|
<option value="4">4文章赞助</option>
|
|
<option value="5">5分类赞助</option>
|
|
<option value="6">6友情链接</option>
|
|
<option value="7">7温馨通道</option>
|
|
<option value="8">8头部菜单</option>
|
|
<option value="9">9页脚链接</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">名称</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="slid_name" lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">背景</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="slid_color" lay-verify="" placeholder="选位置3,4,5请选背景色" autocomplete="off" class="layui-input" id="color-select">
|
|
</div>
|
|
<div class="layui-inline" style="left: -11px;">
|
|
<div id="coloer-form"></div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">开始</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="slid_start" id="start-time" lay-verify="required" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">结束</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="slid_over" id="over-time" lay-verify="required" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">链接</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="slid_href" lay-verify="required" placeholder="输入完整连接" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">图片</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="slid_img" lay-verify="" placeholder="位置1,2需上传;位8需贴icon图标" autocomplete="off" class="layui-input" >
|
|
</div>
|
|
<button style="float: left;" type="button" class="layui-btn" id="layuiadmin-upload-slid-img">选图</button>
|
|
</div>
|
|
|
|
<div class="layui-form-item layui-hide">
|
|
<input type="button" lay-submit lay-filter="LAY-slider-submit" id="LAY-slider-submit" value="确认">
|
|
</div>
|
|
</div>
|
|
|
|
{/block}
|
|
{block name="js"}
|
|
<script>
|
|
layui.config({
|
|
base: '/static/admin/' //静态资源所在路径
|
|
}).extend({
|
|
index: 'lib/index' //主入口模块
|
|
}).use(['index', 'form', 'upload','laydate','colorpicker'], function(){
|
|
var $ = layui.$
|
|
,form = layui.form
|
|
,laydate = layui.laydate
|
|
,upload = layui.upload ;
|
|
var colorpicker = layui.colorpicker;
|
|
|
|
//颜色表单赋值
|
|
colorpicker.render({
|
|
elem: '#coloer-form'
|
|
,color: '#1c97f5'
|
|
,done: function(color){
|
|
$('#color-select').val(color);
|
|
}
|
|
});
|
|
|
|
//开始时间
|
|
laydate.render({
|
|
elem: '#start-time'
|
|
,btns: ['clear', 'now']
|
|
,trigger: 'click'
|
|
});
|
|
|
|
//结束时间
|
|
laydate.render({
|
|
elem: '#over-time'
|
|
,btns: ['clear', 'now']
|
|
,trigger: 'click'
|
|
});
|
|
|
|
upload.render({
|
|
elem: '#layuiadmin-upload-slid-img'
|
|
,url: 'uploadImg'
|
|
,accept: 'images'
|
|
,method: 'get'
|
|
,acceptMime: 'image/*'
|
|
,done: function(res){
|
|
//console.log(res)
|
|
$(this.item).prev("div").children("input").val(res.src)
|
|
|
|
if(res.code == 0){
|
|
layer.msg(res.msg,{
|
|
icon:6,
|
|
tiye:2000
|
|
});
|
|
} else {
|
|
layer.open({
|
|
title:"上传失败",
|
|
content:res.msg,
|
|
icon:5,
|
|
anim:6
|
|
});
|
|
}
|
|
}
|
|
});
|
|
})
|
|
</script>
|
|
{/block} |