@layout("/common/_container.html"){
|
<link rel="stylesheet" href="${ctxPath}/static/js/layui/css/layui.css" media="all">
|
<link href="${ctxPath}/static/bootstrap-select-1.13.0/css/bootstrap-select.min.css" rel="stylesheet">
|
<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="paymentMethod" value='${item.paymentMethod}'>
|
<input type="hidden" id="activityRule1" value='${item.activityRule}'>
|
<input type="hidden" id="deliveryFrequency1" value='${item.deliveryFrequency}'>
|
<input type="hidden" id="exposureCrowd" value='${exposureCrowd}'>
|
<div class="row" id="basicData">
|
<h3>基本数据</h3>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*活动名称</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="name" value="${item.name}">
|
</div>
|
<label class="col-sm-2 control-label">*活动编号</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="code" value="${item.code}" readonly>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*活动说明</label>
|
<div class="col-sm-8">
|
<input class="form-control" id="description" value="${item.description}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*活动时间周期</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="startAndEndTime" value="${startAndEndTime}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*投放频率</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="deliveryFrequency" value="">
|
<option value="0" ${item.deliveryFrequencyType == 0 ? 'selected' : ''}>全部</option>
|
<option value="1" ${item.deliveryFrequencyType == 1 ? 'selected' : ''}>按周</option>
|
<option value="2" ${item.deliveryFrequencyType == 2 ? 'selected' : ''}>按月</option>
|
</select>
|
</div>
|
<div class="col-sm-2" id="deliveryFrequencyDiv">
|
<select id="deliveryFrequencyWeek" class="selectpicker show-tick form-control" multiple data-live-search="true" data-style="btn-info" title="全部">
|
</select>
|
</div>
|
</div>
|
<div id="deliveryTime">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*投放时间点</label>
|
<div class="col-sm-2">
|
<input class="form-control" id="deliveryTime1" value="00:00:00 - 23:59:59">
|
</div>
|
<div class="col-sm-1">
|
<i class="fa fa-plus-square" style="font-size:24px" onclick="CouponActivityInfo.addDeliveryTime()"></i>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label"></label>
|
<div class="col-sm-8">
|
<input type="radio" name="type" value="1" ${item.type == 1 ? 'checked' : ''}> 纯图片
|
<input type="radio" name="type" value="2" ${item.type == 2 ? 'checked' : ''}> 自动发券
|
<input type="radio" name="type" value="3" ${item.type == 3 ? 'checked' : ''}> 手动领券
|
</div>
|
</div>
|
<div class="pureImages" ${item.type == 1 ? 'hidden' : ''}>
|
<div class="form-group">
|
<label class="col-sm-2 control-label ">商品ID</label>
|
<div class="col-sm-5">
|
<select id="couponCode" class="selectpicker show-tick form-control" data-live-search="true" data-style="btn-info" title="全部">
|
@for(obj in coupon){
|
<option value="${obj.couponTemplateCode}" ${item.couponCode == obj.couponTemplateCode ? 'selected' : ''}>${obj.couponTemplateName}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label ">*发放数量</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="number" value="${item.number}" onblur="inputInteger(this)">
|
</div>
|
<div class="col-sm-3" style="text-align: left;width: 253px;color: red;margin: 0px;padding: 0px;line-height: 30px;height: 30px;">
|
单次单人发放的数量，建议为1
|
</div>
|
</div>
|
<div class="automaticPickup" ${item.type == 2 ? 'hidden' : ''}>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
${vipLevel}
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label ">*支付方式</label>
|
<div class="col-sm-8">
|
<select class="form-control" id="payType">
|
<option value="1">免费</option>
|
<option value="2">积分</option>
|
<option value="3">微信</option>
|
<option value="4">积分+微信</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="price" hidden>
|
<label class="col-sm-2 control-label ">购买价格</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="price" onblur="CouponActivityInfo.addPaymentMethod(this, 2)">
|
</div>
|
</div>
|
<div class="integral" hidden>
|
<label class="col-sm-2 control-label ">购买积分</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="integral" onblur="CouponActivityInfo.addPaymentMethod(this, 0)">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label ">*已购买起始人数</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="startingNumber" value="${item.startingNumber}" onblur="inputInteger(this)">
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label ">*活动规则</label>
|
<div class="col-sm-8">
|
<div id="activityRule" type="text/plain" style="height:500px;"></div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label ">*活动规则展示</label>
|
<div class="col-sm-8">
|
<input type="radio" name="activityRuleDisplay" value="1" ${item.activityRuleDisplay == 1 ? 'checked' : ''}> 是
|
<input type="radio" name="activityRuleDisplay" value="0" ${item.activityRuleDisplay == 0 ? 'checked' : ''}> 否
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<button onclick="CouponActivityInfo.nextPage(1)" style="padding: 10px;background-color: #fff;border: 1px solid #3399ff;border-radius: 5px;color: #3399ff;min-width: 100px;">保存到下一页</button>
|
<button onclick="CouponActivityInfo.close()" style="padding: 10px;background-color: #fff;border: 1px solid red;border-radius: 5px;color: red;margin: 20px;min-width: 100px;">取消</button>
|
</div>
|
</div>
|
</div>
|
<div class="row" id="rule" hidden>
|
<h3>活动规则设置</h3>
|
<div class="form-group">
|
<label class="col-sm-2 control-label"></label>
|
<div class="col-sm-8">
|
<button style="height: 35px;width: 100px;background-color: #0E6828;color: #ffffff;" onclick="CouponActivityInfo.showExposureCrowd()">曝光人群</button>
|
</div>
|
</div>
|
<div class="pureImages" ${item.type == 1 ? 'hidden' : ''}>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*每人在领取周期</label>
|
<div class="col-sm-2" style="width: 200px;">
|
<select class="form-control" id="claimCycleType">
|
<option value="1" ${item.claimCycleType == 1 ? 'selected' : ''}>每天</option>
|
<option value="2" ${item.claimCycleType == 2 ? 'selected' : ''}>每周</option>
|
<option value="3" ${item.claimCycleType == 3 ? 'selected' : ''}>每月</option>
|
</select>
|
</div>
|
<div class="col-sm-1" style="width: 90px;line-height: 30px;">
|
最多参与
|
</div>
|
<div class="col-sm-1">
|
<input class="form-control" id="claimsNumber" value="${item.claimsNumber}">
|
</div>
|
<div class="col-sm-2" style="width: 170px;line-height: 30px;">
|
次，活动期间最多参与
|
</div>
|
<div class="col-sm-1">
|
<input class="form-control" id="totalClaimsNumber" value="${item.totalClaimsNumber}">
|
</div>
|
<div class="col-sm-1" style="width: 50px;line-height: 30px;">
|
次
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*活动总参与上限</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="overallMaximumEntitlement" value="${item.overallMaximumEntitlement}">
|
</div>
|
<div class="col-sm-1" style="width: 50px;line-height: 30px;">
|
次
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*是否允许转发/分享</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="forwardAndShare">
|
<option value="1" ${item.forwardAndShare == 1 ? 'selected' : ''}>是</option>
|
<option value="0" ${item.forwardAndShare == 0 ? 'selected' : ''}>否</option>
|
</select>
|
</div>
|
</div>
|
<div id="forwardShare" ${item.forwardAndShare == 0 ? 'hidden' : ''}>
|
<div class="form-group">
|
<label class="col-sm-2 control-label " style="height: 60px;line-height: 60px;">*分享页主页背景</label>
|
<div class="col-sm-4">
|
<div id="shareBackgroundImagePreId">
|
<div><img width="100px" height="100px" src="${item.shareBackgroundImage != '' ? item.shareBackgroundImage : '/static/img/NoPIC.png'}"></div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="head-scu-btn upload-btn" id="shareBackgroundImageBtnId">
|
<i class="fa fa-upload"></i> 上传
|
</div>
|
</div>
|
<input type="hidden" id="shareBackgroundImage" value="${item.shareBackgroundImage}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<div style="color: red;" >推荐尺寸：660px * 528px（宽*高）<br/>推荐大小：不超过300K</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label ">*分享标题</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="shareTitleName" value="${item.shareTitleName}">
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<button onclick="CouponActivityInfo.nextPage(2)" style="padding: 10px;background-color: #fff;border: 1px solid #3399ff;border-radius: 5px;color: #3399ff;min-width: 100px;">保存到下一页</button>
|
<button onclick="CouponActivityInfo.previousPage(2)" style="padding: 10px;background-color: #fff;border: 1px solid #3399ff;border-radius: 5px;color: #3399ff;margin: 20px;min-width: 100px;">返回上一页</button>
|
<button onclick="CouponActivityInfo.close()" style="padding: 10px;background-color: #fff;border: 1px solid red;border-radius: 5px;color: red;margin: 20px;min-width: 100px;">取消</button>
|
</div>
|
</div>
|
</div>
|
<div class="row" id="activityImg" hidden>
|
<h3>活动页面</h3>
|
<div class="form-group">
|
<label class="col-sm-2 control-label " style="height: 60px;line-height: 60px;">*活动封面图</label>
|
<div class="col-sm-4">
|
<div id="coverPicturePreId">
|
<div><img width="100px" height="100px" src="${item.coverPicture != '' ? item.coverPicture : '/static/img/NoPIC.png'}"></div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="head-scu-btn upload-btn" id="coverPictureBtnId">
|
<i class="fa fa-upload"></i> 上传
|
</div>
|
</div>
|
<input type="hidden" id="coverPicture" value="${item.coverPicture}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8" style="text-align: right;width: 253px">
|
<div style="color: red;" >推荐尺寸：694px x 240px（宽*高）<br/>694px x 320px（宽*高）<br/>694px x 360px（宽*高）<br/>推荐大小：不超过300K</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label " style="height: 60px;line-height: 60px;">*活动底图</label>
|
<div class="col-sm-4">
|
<div id="baseMapPreId">
|
<div><img width="100px" height="100px" src="${item.baseMap != '' ? item.baseMap : '/static/img/NoPIC.png'}"></div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="head-scu-btn upload-btn" id="baseMapBtnId">
|
<i class="fa fa-upload"></i> 上传
|
</div>
|
</div>
|
<input type="hidden" id="baseMap" value="${item.baseMap}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<div style="color: red;" >推荐尺寸：750px * 1444px（宽*高）不限高<br/>推荐大小：不超过300K</div>
|
</div>
|
</div>
|
<div class="pureImages" ${item.type == 1 ? 'hidden' : ''}>
|
<div class="form-group">
|
<label class="col-sm-2 control-label " style="height: 60px;line-height: 60px;">*成功提示图</label>
|
<div class="col-sm-4">
|
<div id="successChartPreId">
|
<div><img width="100px" height="100px" src="${item.successChart != '' ? item.successChart : '/static/img/NoPIC.png'}"></div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="head-scu-btn upload-btn" id="successChartBtnId">
|
<i class="fa fa-upload"></i> 上传
|
</div>
|
</div>
|
<input type="hidden" id="successChart" value="${item.successChart}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<div style="color: red;" >推荐尺寸：640px * 656px（宽*高）<br/>推荐大小：不超过300K</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label " style="height: 60px;line-height: 60px;">*不符合条件提示图</label>
|
<div class="col-sm-4">
|
<div id="ineligiblePromptDiagramPreId">
|
<div><img width="100px" height="100px" src="${item.ineligiblePromptDiagram != '' ? item.ineligiblePromptDiagram : '/static/img/NoPIC.png'}"></div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="head-scu-btn upload-btn" id="ineligiblePromptDiagramBtnId">
|
<i class="fa fa-upload"></i> 上传
|
</div>
|
</div>
|
<input type="hidden" id="ineligiblePromptDiagram" value="${item.ineligiblePromptDiagram}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<div style="color: red;" >推荐尺寸：640px * 656px（宽*高）<br/>推荐大小：不超过300K</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label " style="height: 60px;line-height: 60px;">*超出领取数量上限提示图</label>
|
<div class="col-sm-4">
|
<div id="overclaimReminderChartPreId">
|
<div><img width="100px" height="100px" src="${item.overclaimReminderChart != '' ? item.overclaimReminderChart : '/static/img/NoPIC.png'}"></div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="head-scu-btn upload-btn" id="overclaimReminderChartBtnId">
|
<i class="fa fa-upload"></i> 上传
|
</div>
|
</div>
|
<input type="hidden" id="overclaimReminderChart" value="${item.overclaimReminderChart}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<div style="color: red;" >推荐尺寸：640px * 656px（宽*高）<br/>推荐大小：不超过300K</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label " style="height: 60px;line-height: 60px;">*失败提示图</label>
|
<div class="col-sm-4">
|
<div id="getTheFailureDiagramPreId">
|
<div><img width="100px" height="100px" src="${item.getTheFailureDiagram != '' ? item.getTheFailureDiagram : '/static/img/NoPIC.png'}"></div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="head-scu-btn upload-btn" id="getTheFailureDiagramBtnId">
|
<i class="fa fa-upload"></i> 上传
|
</div>
|
</div>
|
<input type="hidden" id="getTheFailureDiagram" value="${item.getTheFailureDiagram}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<div style="color: red;" >推荐尺寸：640px * 656px（宽*高）<br/>推荐大小：不超过300K</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label " style="height: 60px;line-height: 60px;">*发券未成功提示图</label>
|
<div class="col-sm-4">
|
<div id="noteOfCouponFailurePreId">
|
<div><img width="100px" height="100px" src="${item.noteOfCouponFailure != '' ? item.noteOfCouponFailure : '/static/img/NoPIC.png'}"></div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="head-scu-btn upload-btn" id="noteOfCouponFailureBtnId">
|
<i class="fa fa-upload"></i> 上传
|
</div>
|
</div>
|
<input type="hidden" id="noteOfCouponFailure" value="${item.noteOfCouponFailure}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<div style="color: red;" >推荐尺寸：640px * 656px（宽*高）<br/>推荐大小：不超过300K</div>
|
</div>
|
</div>
|
<div class="automaticPickup" ${item.type == 2 ? 'hidden' : ''}>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*按钮颜色</label>
|
<div class="col-sm-2">
|
<input type="color" class="form-control" id="buttonColor" value="${item.buttonColor}">
|
</div>
|
<label class="col-sm-2 control-label">*按钮文案（免费）</label>
|
<div class="col-sm-2">
|
<input class="form-control" id="freeButtonCopy" value="${item.freeButtonCopy}">
|
</div>
|
<label class="col-sm-2 control-label">*按钮文案（付费）</label>
|
<div class="col-sm-2">
|
<input class="form-control" id="paidButtonCopy" value="${item.paidButtonCopy}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">*按钮文案颜色</label>
|
<div class="col-sm-2">
|
<input type="color" class="form-control" id="buttonCopyColor" value="${item.buttonCopyColor}">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label "></label>
|
<div class="col-sm-8">
|
<button onclick="CouponActivityInfo.editSubmit()" style="padding: 10px;background-color: #fff;border: 1px solid #3399ff;border-radius: 5px;color: #3399ff;min-width: 100px;">保存</button>
|
<button onclick="CouponActivityInfo.previousPage(3)" style="padding: 10px;background-color: #fff;border: 1px solid #3399ff;border-radius: 5px;color: #3399ff;margin: 20px;min-width: 100px;">返回上一页</button>
|
<button onclick="CouponActivityInfo.close()" style="padding: 10px;background-color: #fff;border: 1px solid red;border-radius: 5px;color: red;margin: 20px;min-width: 100px;">取消</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/static/modular/system/couponActivity/couponActivity_info.js"></script>
|
<script src="${ctxPath}/static/js/layui/layui.js" charset="utf-8"></script>
|
<script src="${ctxPath}/static/bootstrap-select-1.13.0/js/bootstrap-select.min.js"></script>
|
<script>
|
layui.use('laydate', function() {
|
var laydate = layui.laydate;
|
laydate.render({
|
elem: '#startAndEndTime'
|
, type: 'date'
|
, range: true
|
, min: getDate()
|
});
|
});
|
layui.use('laydate', function() {
|
var laydate = layui.laydate;
|
laydate.render({
|
elem: '#deliveryTime1'
|
, type: 'time'
|
, range: true
|
});
|
});
|
|
|
var dateFmt = 'YYYY-mm-dd';
|
|
|
//获取当前日期
|
function getDate() {
|
return dateFormat(dateFmt);
|
}
|
|
|
//日期格式化
|
function dateFormat(fmt, date) {
|
date = date || new Date();
|
var ret;
|
var opt = {
|
'Y+' : date.getFullYear().toString(),
|
'm+' : (date.getMonth() + 1).toString(),
|
'd+' : date.getDate().toString(),
|
'H+' : date.getHours().toString(),
|
'M+' : date.getMinutes().toString(),
|
'S+' : date.getSeconds().toString(),
|
};
|
for (var k in opt) {
|
ret = new RegExp('(' + k + ')').exec(fmt);
|
if (ret) {
|
fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, '0')));
|
}
|
}
|
return fmt;
|
}
|
|
var regDouble = /^(0|[1-9]\d{0,4})(\.\d{1,2})?$/;
|
var regInt = /^[0-9]{0,10}$/;
|
|
|
function inputInteger(e) {
|
let v = $(e).val();
|
if(!regInt.test(v)){
|
$(e).val('');
|
Feng.error("请输入正整数");
|
return
|
}
|
}
|
</script>
|
@}
|
