| | |
| | | <style> |
| | | .table1{ |
| | | display: inline; |
| | | width: 16.6666666%; |
| | | width: 33.33%; |
| | | float:left; |
| | | text-align:center; |
| | | border-collapse:collapse; |
| | |
| | | <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 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> |
| | | </div> |
| | | </div> |
| | | <div class="row" id="content4" style="margin-left: 100px;"> |
| | | <div class="col-sm-11"> |
| | | <h1>充值赠送奖励</h1> |
| | | <br/> |
| | | <br/> |
| | | <!-- <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> |
| | | <!-- <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="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="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> |
| | | <!-- <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"> |
| | | <!-- <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" |
| | | <!-- <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.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> |
| | | <!-- @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> |
| | | |
| | |
| | | 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"}); |
| | | // 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' |
| | |
| | | }); |
| | | function getContent(type){ |
| | | //设置点击字体颜色效果 |
| | | for(var i=1;i<7;i++){ |
| | | for(var i=1;i<4;i++){ |
| | | document.getElementById("div"+i).style.color="#888888";// |
| | | document.getElementById("div"+i).style.backgroundColor =""; |
| | | $("#content"+i).hide(); |
| | |
| | | document.getElementById("div"+type).style.backgroundColor ="rgb(26, 179, 148)"; |
| | | $("#type").val(type); |
| | | $("#content"+type).show(); |
| | | if(type!=6){ |
| | | if(type!=3){ |
| | | $("#ensure").hide(); |
| | | $("#nextB").show(); |
| | | }else{ |
| | |
| | | function nextContent(){ |
| | | var type = $("#type").val(); |
| | | getContent(parseInt(type)+1); |
| | | if(parseInt(type)+1==6){ |
| | | if(parseInt(type)+1==3){ |
| | | $("#ensure").show(); |
| | | $("#nextB").hide(); |
| | | } |