@layout("/common/_container.html"){
|
<link rel="stylesheet" href="${ctxPath}/static/js/layui/css/layui.css" media="all">
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal" id="userInfoForm">
|
<input type="hidden" id="id" value="">
|
<div class="row">
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>banner名称</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="name">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>位置大类</label>
|
<div class="col-sm-8">
|
<select class="form-control" id="position">
|
<option value="1">首页滚动banner（5）</option>
|
<option value="2">首页固定位广告（3）</option>
|
<option value="3">腰部banner（3）</option>
|
<option value="4">首页弹窗（1）</option>
|
<option value="5">推荐优惠列表弹窗（1）</option>
|
<option value="6">任务中心弹窗（1）</option>
|
<option value="7">个人中心腰部banner（3）</option>
|
<option value="8">支付完成页banner（1）</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label head-scu-label"><span style="color: red">*</span>图片</label>
|
<div class="col-sm-4">
|
<div id="imgUrlPreId">
|
<div><img width="100px" height="100px" src="${ctxPath}/static/img/NoPIC.png"></div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="head-scu-btn upload-btn" id="imgUrlBtnId">
|
<i class="fa fa-upload"></i> 上传
|
</div>
|
</div>
|
<input type="hidden" id="imgUrl" value=""/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label head-scu-label"></label>
|
<div class="col-sm-8">
|
<div style="color: red;" id="size">推荐尺寸：750px * 520px（宽*高）<br/>推荐大小：不超过300K</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>生效周期</label>
|
<div class="col-sm-8">
|
<input type="text" class="layui-input" id="dateTime">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>投放频率</label>
|
<div class="col-sm-3">
|
<select class="form-control" id="frequency" >
|
<option value="0">全部</option>
|
<option value="1">按周</option>
|
<option value="2">按月</option>
|
</select>
|
</div>
|
<div class="col-sm-3" id="zhouSelectpicker">
|
<select class="selectpicker show-tick form-control" multiple data-live-search="true" data-style="btn-info" title="全部">
|
<option value="1">周一</option>
|
<option value="2">周二</option>
|
<option value="3">周三</option>
|
<option value="4">周四</option>
|
<option value="5">周五</option>
|
<option value="6">周六</option>
|
<option value="7">周日</option>
|
</select>
|
</div>
|
<div class="col-sm-3" id="yueSelectpicker" hidden>
|
<select class="selectpicker show-tick form-control" multiple data-live-search="true" data-style="btn-info" title="全部">
|
@for(i in monthDays){
|
<option value="${i}">${i}日</option>
|
@}
|
</select>
|
</div>
|
<div class="col-sm-3" id="nullSelectpicker" hidden>
|
<select class="selectpicker show-tick form-control" multiple data-live-search="true" data-style="btn-info" title="全部">
|
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>投放时间点</label>
|
<div class="col-sm-2" >
|
<input class="form-control pointTime" value="00:00:00 - 23:59:59">
|
</div>
|
|
<div class="col-sm-1" >
|
<i class="fa fa-plus-square" style="font-size:24px" onclick="BannerInfo.addPointTime()"></i>
|
</div>
|
</div>
|
<!--<div class="form-group">
|
<label class="col-sm-3 control-label">跳转类型</label>
|
<div class="col-sm-8">
|
<select class="form-control" id="jumpType">
|
<option value="1">签到</option>
|
<option value="2">会员权益</option>
|
<option value="3">任务中心</option>
|
<option value="4">我的</option>
|
<option value="5">券包</option>
|
<option value="6">促销活动</option>
|
<option value="7">集点活动</option>
|
<option value="8">积分商城</option>
|
<option value="9">我的优惠券列表</option>
|
<option value="10">加油站首页</option>
|
<option value="11">外部H5</option>
|
<option value="12">外部小程序</option>
|
<option value="13">一键加油</option>
|
<option value="14">开发票</option>
|
<option value="15">领券活动</option>
|
<option value="0">不跳转</option>
|
</select>
|
</div>
|
</div>-->
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>跳转类型</label>
|
<div class="col-sm-8">
|
<select class="form-control" id="jumpClassification">
|
<option value="1">活动</option>
|
<option value="2">页面</option>
|
<option value="3">外部链接</option>
|
<option value="4">不跳转</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>跳转详情</label>
|
<div class="col-sm-8">
|
<!--页面-->
|
<!--<select class="form-control" id="jumpType">
|
<option value="1">签到</option>
|
<option value="2">会员权益</option>
|
<option value="3">任务中心</option>
|
<!–<option value="4">我的</option>–>
|
<!–<option value="16">我的优惠券</option>–>
|
<option value="17">我的任务</option>
|
<option value="18">我的订单</option>
|
</select>-->
|
<!--活动-->
|
<select class="form-control" id="jumpType">
|
<option value="5">券包</option>
|
<option value="6">促销活动</option>
|
<option value="7">集点活动</option>
|
<option value="15">领券活动</option>
|
</select>
|
<!--外部跳转-->
|
<!--<select class="form-control" id="jumpType">
|
<option value="8">积分商城</option>
|
<option value="9">我的优惠券列表</option>
|
<option value="10">加油站首页</option>
|
<option value="13">一键加油</option>
|
<option value="14">开发票</option>
|
<option value="11">外部H5</option>
|
<option value="12">外部小程序</option>
|
</select>-->
|
</div>
|
</div>
|
|
<div id="link" hidden>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>链接</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="content">
|
</div>
|
</div>
|
</div>
|
<div id="dataCode" hidden>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>数据ID</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="objecCode">
|
</div>
|
</div>
|
</div>
|
<div id="appidDiv" hidden>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>APPID</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="appid">
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"><span style="color: red">*</span>权重排序</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="sort" placeholder="权重越大越靠前">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"></label>
|
<div class="col-sm-8">
|
<button style="height: 35px;width: 100px;background-color: #0E6828;color: #ffffff;" onclick="BannerInfo.showExposureCrowd()">曝光人群</button>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">曝光城市</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="province" onchange="BannerInfo.selectCity(this,'city',null)">
|
<option value="">选择省</option>
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<select class="form-control" id="city" onchange="BannerInfo.selectCity(this,'district',null)">
|
<option value="">选择市</option>
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<select class="form-control" id="district">
|
<option value="">选择区</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">用户登录验证</label>
|
<div class="col-sm-3">
|
<select class="form-control" id="isLogin">
|
<option value="1">需要登录</option>
|
<option value="0">不需要登录</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10">
|
<#button btnCss="info" name="保存" id="ensure" icon="fa-check" clickFun="BannerInfo.addSubmit()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="BannerInfo.close()"/>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<script src="${ctxPath}/static/modular/system/banner/banner_info.js"></script>
|
<script src="${ctxPath}/static/js/layui/layui.js" charset="utf-8"></script>
|
<script>
|
layui.use('laydate', function() {
|
var laydate = layui.laydate;
|
laydate.render({
|
elem: '#dateTime'
|
, type: 'datetime'
|
, range: true
|
});
|
});
|
layui.use('laydate', function() {
|
var laydate = layui.laydate;
|
laydate.render({
|
// 绑定元素
|
elem: '.pointTime',
|
// 类型：时间
|
type: 'time',
|
range:true,
|
// 格式：时分秒
|
format: 'HH:mm:ss',
|
|
});
|
});
|
</script>
|
@}
|
