@layout("/common/_container.html"){
|
<link href="${ctxPath}/static/css/plugins/switchery/switchery.css" rel="stylesheet">
|
<style>
|
.table1{
|
display: inline;
|
width: 16.6666666%;
|
float:left;
|
text-align:center;
|
border-collapse:collapse;
|
font-size: 18px;
|
}
|
.table1:hover{
|
background-color: rgba(255,0,0,.3);
|
}
|
.newWidth, .single-line{
|
max-width:150px !important;display: initial !important;
|
}
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal">
|
<div class="row">
|
<input type="hidden" id="id" value="${item.id}">
|
<div class="col-sm-10">
|
<div style="height: 50px;box-sizing: border-box;background:#f3f3f4;line-height: 50px;border:1px solid;margin-bottom: 20px;">
|
<div id="div1" class='table1' onclick="getContent(1)" style="border-right: 1px solid #333;background-color: rgb(26, 179, 148);color: white;">活动设置</div>
|
<div id="div2" class='table1' onclick="getContent(2)" style="border-right: 1px solid #333;">注册奖励</div>
|
<div id="div3" class='table1' onclick="getContent(3)" style="border-right: 1px solid #333;">邀请奖励</div>
|
<div id="div4" class='table1' onclick="getContent(4)" style="border-right: 1px solid #333;">充值赠送</div>
|
<div id="div5" class='table1' onclick="getContent(5)" style="border-right: 1px solid #333;">打折活动</div>
|
<div id="div6" class='table1' onclick="getContent(6)" style="border-right: 1px solid #333;">红包活动</div>
|
</div>
|
<div class="row" id="content1" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<h1>编辑活动</h1>
|
<br/>
|
<br/>
|
活动名称： <input type="text" name="zc1" id="name" value="${item.name}" class="form-control newWidth" />
|
<br/>
|
<br/>
|
活动时间： <input type="text" id="startTime" name="zc7" class="form-control" style="max-width:300px !important;display: initial !important;"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row" id="content2" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-15">
|
<input type="hidden"
|
@if(isNotEmpty(item1)){
|
value="${item1.couponId}"
|
@}else{
|
value=""
|
@}
|
id="content2CouponId">
|
|
<h1>用户注册既赠送优惠券</h1>
|
<br/>
|
<br/>
|
启用： <input type="checkbox"
|
@if(isNotEmpty(item1) && item1.enable==2){
|
checked=""
|
@}
|
class="js-switch" id="content2Check">
|
<br/>
|
<br/>
|
<#button name="选择优惠券" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt()"/>
|
<br/>
|
<br/>
|
优惠券名称： <input type="text"
|
@if(isNotEmpty(item1Coupon)){
|
value="${item1Coupon.name}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content2Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
服务类型： <input type="text"
|
@if(isNotEmpty(item1Coupon)){
|
value="${item1Coupon.couponUseType==0?'通用券':
|
item1Coupon.couponUseType==1?'专车券':
|
item1Coupon.couponUseType==2?'出租券':'跨城出行券'}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content2Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
优惠券类型： <input type="text"
|
@if(isNotEmpty(item1Coupon)){
|
value="${item1Coupon.couponType==1?'抵扣':'满减'}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content2Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
金额：
|
|
|
<input type="text"
|
@if(isNotEmpty(item1Coupon)){
|
value="${item1Coupon.money}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content2Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
最高金额： <input type="text"
|
@if(isNotEmpty(item1)){
|
value="${item1.totalPrice}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content2Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
有效期：
|
|
<input type="text"
|
@if(isNotEmpty(item1)){
|
value="${item1.effective}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content2Num5" class="form-control newWidth" /> 天
|
<br/>
|
<br/>
|
张数：
|
|
|
<input type="text"
|
@if(isNotEmpty(item1)){
|
value="${item1.totalNum}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content2Num6" class="form-control newWidth" />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row" id="content3" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<input type="hidden"
|
@if(isNotEmpty(item2)){
|
value="${item2.couponId}"
|
@}else{
|
value=""
|
@}
|
id="content3CouponId">
|
|
<h1>用户邀请用户奖励</h1>
|
<br/>
|
<br/>
|
启用： <input
|
@if(isNotEmpty(item2) && item2.enable==2){
|
checked=""
|
@}
|
type="checkbox" id="content3Check" class="js-switch1">
|
<br/>
|
<br/>
|
<#button name="选择优惠券" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt1()"/>
|
<br/>
|
<br/>
|
优惠券名称： <input type="text"
|
@if(isNotEmpty(item2Coupon)){
|
value="${item2Coupon.name}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content3Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
服务类型： <input type="text"
|
|
@if(isNotEmpty(item2Coupon)){
|
value="${item2Coupon.couponUseType==0?'通用券':
|
item2Coupon.couponUseType==1?'专车券':
|
item2Coupon.couponUseType==2?'出租券':'跨城出行券'}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content3Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
优惠券类型： <input type="text"
|
@if(isNotEmpty(item2Coupon)){
|
value="${item2Coupon.couponType==1?'抵扣':'满减'}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content3Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
金额：
|
|
|
<input type="text"
|
@if(isNotEmpty(item2Coupon)){
|
value="${item2Coupon.money}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content3Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
最高金额： <input type="text"
|
@if(isNotEmpty(item2)){
|
value="${item2.totalPrice}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content3Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
有效期：
|
|
<input type="text"
|
@if(isNotEmpty(item2)){
|
value="${item2.effective}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content3Num5" class="form-control newWidth" /> 天
|
<br/>
|
<br/>
|
张数：
|
|
|
<input type="text"
|
@if(isNotEmpty(item2)){
|
value="${item2.totalNum}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content3Num6" class="form-control newWidth" />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row" id="content4" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<h1>充值赠送奖励</h1>
|
<br/>
|
<br/>
|
|
<div class="form-group">
|
<div class="col-sm-10">
|
<#button name="添加" icon="fa-plus" clickFun="UserActivityInfoDlg.toAddRegistOpt()"/>
|
启用：
|
<input type="checkbox"
|
@if(isNotEmpty(balanceInfoList) && balanceInfoList[0].enable==2){
|
checked=""
|
@}
|
id="content4Check" class="js-switch4">
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-sm-15">
|
<div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;">
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
<thead>
|
<tr>
|
<th style="width: 250px;">充值金额</th>
|
<th style="width: 250px;">有效天数</th>
|
<th style="width: 300px;">最高金额</th>
|
<th style="width: 300px;">通用券金额</th>
|
<th style="width: 300px;">通用券数量</th>
|
<th style="width: 300px;">专车券金额</th>
|
<th style="width: 300px;">专车券数量</th>
|
<th style="width: 400px;">出租车券金额</th>
|
<th style="width: 400px;">出租车券数量</th>
|
<th style="width: 300px;">城际金额</th>
|
<th style="width: 300px;">城际券数量</th>
|
<th style="width: 100px;">操作</th>
|
</tr>
|
</thead>
|
<tbody id="coun">
|
@for(obj in balanceInfoList){
|
<tr class="timeClass">' +
|
<td><input type="hidden" id="id1" name="id1" value="${obj.generalCouponId}"><input type="hidden" id="num1" name="num1" value="${obj.money}">${obj.money}</td>
|
<td><input type="hidden" id="id2" name="id2" value="${obj.specialCouponId}"><input type="hidden" id="num10" name="num10" value="${obj.effective}">${obj.effective}</td>
|
<td><input type="hidden" id="num11" name="num11" value="${obj.totalPrice}">${obj.totalPrice}</td>
|
<td><input type="hidden" id="id3" name="id3" value="${obj.taxiCouponId}"><input type="hidden" id="num3" name="num3" value="${obj.generalCouponMoney}">${obj.generalCouponMoney}</td>
|
<td><input type="hidden" id="id4" name="id4" value="${obj.intercityCouponId}"><input type="hidden" id="num2" name="num2" value="${obj.generalNum}">${obj.generalNum}</td>
|
|
<td><input type="hidden" id="num5" name="num5" value="${obj.specialCouponMoney}">${obj.specialCouponMoney}</td>
|
<td><input type="hidden" id="num4" name="num4" value="${obj.specialNum}">${obj.specialNum}</td>
|
|
<td><input type="hidden" id="num7" name="num7" value="${obj.taxiCouponMoney}">${obj.taxiCouponMoney}</td>
|
<td><input type="hidden" id="num6" name="num6" value="${obj.taxiNum}">${obj.taxiNum}</td>
|
|
<td><input type="hidden" id="num9" name="num9" value="${obj.intercityCouponMoney}">${obj.intercityCouponMoney}</td>
|
<td><input type="hidden" id="num8" name="num8" value="${obj.intercityNum}">${obj.intercityNum}</td>
|
<td><button onclick="deleteSub(this)">移除</button></td>
|
</tr>
|
@}
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row" id="content5" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<h1>打折活动奖励</h1>
|
<br/>
|
<br/>
|
启用： <input
|
@if(isNotEmpty(item4) && item4.enable==2){
|
checked=""
|
@}
|
type="checkbox" id="content5Check" class="js-switch2">
|
<br/>
|
<br/>
|
专车活动打折：
|
|
<input type="text"
|
@if(isNotEmpty(item4)){
|
value="${item4.special}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content5Num1" class="form-control newWidth" />
|
<br/>
|
<br/>
|
出租车活动打折：
|
|
<input type="text"
|
@if(isNotEmpty(item4)){
|
value="${item4.taxi}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content5Num2" class="form-control newWidth" />
|
<br/>
|
<br/>
|
小件物流活动打折：
|
<input type="text"
|
@if(isNotEmpty(item4)){
|
value="${item4.logistics}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content5Num3" class="form-control newWidth" />
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row" id="content6" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<input type="hidden"
|
@if(isNotEmpty(item5)){
|
value="${item5.redEnvelopeId}"
|
@}else{
|
value=""
|
@}
|
id="content6RedId">
|
|
<h1>红包活动奖励</h1>
|
<br/>
|
<br/>
|
启用： <input type="checkbox"
|
@if(isNotEmpty(item5) && item5.enable==2){
|
checked=""
|
@}
|
id="content6Check" class="js-switch3">
|
<br/>
|
<br/>
|
<#button name="选择红包" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectRedOpt()"/>
|
<br/>
|
<br/>
|
红包类型：
|
|
|
<input type="text"
|
@if(isNotEmpty(item5Red)){
|
value="${item5Red.type==1?'固定金额':'随机金额'}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content6Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
总金额：
|
|
|
<input type="text"
|
|
@if(isNotEmpty(item5Red)){
|
value="${item5Red.totalMoney}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content6Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
每个红包金额： <input type="text"
|
@if(isNotEmpty(item5Red)){
|
value="${item5Red.type==1?item5Red.money:item5Red.startMoney+'-'+item5Red.endMoney}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content6Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
有效期：
|
|
<input type="text"
|
|
@if(isNotEmpty(item5Red)){
|
value="${item5Red.effective}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content6Num4" class="form-control newWidth" readonly/> 天
|
最高金额： <input type="text"
|
@if(isNotEmpty(item5)){
|
value="${item5.totalPrice}"
|
@}else{
|
value=""
|
@}
|
name="zc1" id="content6Num5" class="form-control newWidth" />
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10 col-sm-offset-5">
|
<input type="hidden" id="type" value="1">
|
<#button btnCss="info" name="保存" id="ensure" icon="fa-check" clickFun="UserActivityInfoDlg.editSubmit()"/>
|
<#button btnCss="info" name="下一步" icon="fa-check" id="nextB" clickFun="nextContent()"/>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<script src="${ctxPath}/static/js/plugins/switchery/switchery.js"></script>
|
<script src="${ctxPath}/static/modular/system/userActivity/userActivity_info.js"></script>
|
<script>
|
var elem = document.querySelector('.js-switch');
|
var switchery = new Switchery(elem,{size:"large"});
|
var elem1 = document.querySelector('.js-switch1');
|
var switchery1 = new Switchery(elem1,{size:"large"});
|
var elem2 = document.querySelector('.js-switch2');
|
var switchery2 = new Switchery(elem2,{size:"large"});
|
var elem3 = document.querySelector('.js-switch3');
|
var switchery3 = new Switchery(elem3,{size:"large"});
|
var elem4 = document.querySelector('.js-switch4');
|
var switchery4 = new Switchery(elem4,{size:"large"});
|
|
laydate.render({
|
elem: '#startTime'
|
,type: 'datetime'
|
,range: true
|
,min: 'new Date()' //最小值今天
|
});
|
$("#startTime").val("${startTime} - ${endTime}")
|
$(function(){
|
getContent(1);
|
});
|
function getContent(type){
|
//设置点击字体颜色效果
|
for(var i=1;i<7;i++){
|
document.getElementById("div"+i).style.color="#888888";//
|
document.getElementById("div"+i).style.backgroundColor ="";
|
$("#content"+i).hide();
|
}
|
//设置点击背景颜色效果
|
document.getElementById("div"+type).style.color="white";//
|
document.getElementById("div"+type).style.backgroundColor ="rgb(26, 179, 148)";
|
$("#type").val(type);
|
$("#content"+type).show();
|
if(type!=6){
|
$("#ensure").hide();
|
$("#nextB").show();
|
}else{
|
$("#ensure").show();
|
$("#nextB").hide();
|
}
|
}
|
function nextContent(){
|
var type = $("#type").val();
|
getContent(parseInt(type)+1);
|
if(parseInt(type)+1==6){
|
$("#ensure").show();
|
$("#nextB").hide();
|
}
|
}
|
</script>
|
@}
|
