@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="${item.id}">
|
<input type="hidden" id="provinceInput" value="${item.exposureProvince}">
|
<input type="hidden" id="frequencyInput" value="${item.frequency}">
|
<input type="hidden" id="frequencyTimeInput" value="${frequencyTime}">
|
<input type="hidden" id="page" value="edit">
|
<input type="hidden" id="exposureCrowd" value='${exposureCrowd}'>
|
<input type="hidden" id="jumpTypeInput" value="${item.jumpType}">
|
<div class="row">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">ID</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="code" value="${item.code}" readonly>
|
</div>
|
</div>
|
<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" value="${item.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" ${item.position == 1 ? 'selected' : ''}>首页滚动banner（5）</option>
|
<option value="2" ${item.position == 2 ? 'selected' : ''}>首页固定位广告（3）</option>
|
<option value="3" ${item.position == 3 ? 'selected' : ''}>腰部banner（3）</option>
|
<option value="4" ${item.position == 4 ? 'selected' : ''}>首页弹窗（1）</option>
|
<option value="5" ${item.position == 5 ? 'selected' : ''}>推荐优惠列表弹窗（1）</option>
|
<option value="6" ${item.position == 6 ? 'selected' : ''}>任务中心弹窗（1）</option>
|
<option value="7" ${item.position == 7 ? 'selected' : ''}>个人中心腰部banner（3）</option>
|
<option value="8" ${item.position == 8 ? 'selected' : ''}>支付完成页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="${item.imgUrl}"></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="${item.imgUrl}"/>
|
</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" value="${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" ${item.frequency == 0 ? 'selected' : ''}>全部</option>
|
<option value="1" ${item.frequency == 1 ? 'selected' : ''}>按周</option>
|
<option value="2" ${item.frequency == 2 ? 'selected' : ''}>按月</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" >
|
<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>
|
@if(pointTimeList==null){
|
<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>
|
@}else{
|
@for(item in pointTimeList!){
|
<div class="form-group">
|
<label class="col-sm-3 control-label">
|
@if(item.index=="0"){
|
<span style="color: red">*</span>投放时间点
|
@}
|
</label>
|
<div class="col-sm-2" >
|
<input class="form-control pointTime" value="${item.val}">
|
</div>
|
<div class="col-sm-1" >
|
@if(item.index=="0"){
|
<i class="fa fa-plus-square" style="font-size:24px" onclick="BannerInfo.addPointTime()"></i>
|
@}else{
|
<i class="fa fa-minus-square" style="font-size:24px" onclick="BannerInfo.subtractPointTime(this)"></i>
|
@}
|
</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" ${item.jumpClassification == 1 ? 'selected' : ''}>活动</option>
|
<option value="2" ${item.jumpClassification == 2 ? 'selected' : ''}>页面</option>
|
<option value="3" ${item.jumpClassification == 3 ? 'selected' : ''}>外部链接</option>
|
<option value="4" ${item.jumpClassification == 4 ? 'selected' : ''}>不跳转</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" ${item.jumpType == 1 ? 'selected' : ''}>签到</option>
|
<option value="2" ${item.jumpType == 2 ? 'selected' : ''}>会员权益</option>
|
<option value="3" ${item.jumpType == 3 ? 'selected' : ''}>任务中心</option>
|
<option value="4" ${item.jumpType == 4 ? 'selected' : ''}>我的</option>
|
<option value="5" ${item.jumpType == 5 ? 'selected' : ''}>券包</option>
|
<option value="6" ${item.jumpType == 6 ? 'selected' : ''}>促销活动</option>
|
<option value="7" ${item.jumpType == 7 ? 'selected' : ''}>集点活动</option>
|
<option value="8" ${item.jumpType == 8 ? 'selected' : ''}>积分商城</option>
|
<option value="9" ${item.jumpType == 9 ? 'selected' : ''}>我的优惠券列表</option>
|
<option value="10" ${item.jumpType == 10 ? 'selected' : ''}>加油站首页</option>
|
<option value="11" ${item.jumpType == 11 ? 'selected' : ''}>外部H5</option>
|
<option value="12" ${item.jumpType == 12 ? 'selected' : ''}>外部小程序</option>
|
<option value="13" ${item.jumpType == 13 ? 'selected' : ''}>一键加油</option>
|
<option value="14" ${item.jumpType == 14 ? 'selected' : ''}>开发票</option>
|
<option value="15" ${item.jumpType == 15 ? 'selected' : ''}>领券活动</option>
|
<option value="16" ${item.jumpType == 16 ? 'selected' : ''}>我的优惠券</option>
|
<option value="17" ${item.jumpType == 17 ? 'selected' : ''}>我的任务</option>
|
<option value="18" ${item.jumpType == 18 ? 'selected' : ''}>我的订单</option>
|
<option value="0" ${item.jumpType == 0 ? 'selected' : ''}>不跳转</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" value="${item.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" value="${objectCode}">
|
</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" value="${item.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" value="${item.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','${item.exposureCity}')">
|
<option value="">选择省</option>
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<select class="form-control" id="city" onchange="BannerInfo.selectCity(this,'district','${item.exposureDistrict}')">
|
<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" ${item.isLogin == 1 ? 'selected' : ''}>需要登录</option>
|
<option value="0" ${item.isLogin == 0 ? 'selected' : ''}>不需要登录</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.editSubmit()"/>
|
<#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>
|
@}
|
