| | |
| | | <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="form-group"> |
| | | <div class="col-sm-10"> |
| | | <#button name="添加" icon="fa-plus" clickFun="UserActivityInfoDlg.toAddRegistOpt()"/> 启用: <input type="checkbox" id="content4Check" class="js-switch4" checked=""> |
| | | </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"> |
| | | <!-- <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" id="content4Check" class="js-switch4" checked="">--> |
| | | <!-- </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">--> |
| | | |
| | | </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 type="checkbox" id="content5Check" class="js-switch2" checked=""> |
| | | <br/> |
| | | <br/> |
| | | 专车活动打折: |
| | | |
| | | <input type="text" name="zc1" id="content5Num1" class="form-control newWidth" /> 折 |
| | | <br/> |
| | | <br/> |
| | | 出租车活动打折: |
| | | |
| | | <input type="text" name="zc1" id="content5Num2" class="form-control newWidth" /> 折 |
| | | <br/> |
| | | <br/> |
| | | 小件物流活动打折: |
| | | <input type="text" name="zc1" id="content5Num3" class="form-control newWidth" /> 折 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- </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 type="checkbox" id="content5Check" class="js-switch2" checked="">--> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- 专车活动打折:--> |
| | | <!-- --> |
| | | <!-- <input type="text" name="zc1" id="content5Num1" class="form-control newWidth" /> 折--> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- 出租车活动打折:--> |
| | | <!-- --> |
| | | <!-- <input type="text" name="zc1" id="content5Num2" class="form-control newWidth" /> 折--> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- 小件物流活动打折:--> |
| | | <!-- <input type="text" 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" id="content6RedId"> |
| | | <h1>红包活动奖励</h1> |
| | | <br/> |
| | | <br/> |
| | | 启用: <input type="checkbox" id="content6Check" class="js-switch3" checked=""> |
| | | <br/> |
| | | <br/> |
| | | <#button name="选择红包" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectRedOpt()"/> |
| | | <br/> |
| | | <br/> |
| | | 红包类型: |
| | | |
| | | |
| | | <input type="text" name="zc1" id="content6Num1" class="form-control newWidth" readonly/> |
| | | <br/> |
| | | <br/> |
| | | 总金额: |
| | | |
| | | |
| | | <input type="text" name="zc1" id="content6Num2" class="form-control newWidth" readonly/> |
| | | <br/> |
| | | <br/> |
| | | 每个红包金额: <input type="text" name="zc1" id="content6Num3" class="form-control newWidth" readonly/> |
| | | <br/> |
| | | <br/> |
| | | 有效期: |
| | | |
| | | <input type="text" name="zc1" id="content6Num4" class="form-control newWidth" readonly/> 天 |
| | | <br/> |
| | | <br/> |
| | | 最高金额: <input type="text" name="zc1" id="content6Num5" class="form-control newWidth" /> |
| | | <br/> |
| | | </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" id="content6RedId">--> |
| | | <!-- <h1>红包活动奖励</h1>--> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- 启用: <input type="checkbox" id="content6Check" class="js-switch3" checked="">--> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- <#button name="选择红包" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectRedOpt()"/>--> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- 红包类型:--> |
| | | <!-- --> |
| | | <!-- --> |
| | | <!-- <input type="text" name="zc1" id="content6Num1" class="form-control newWidth" readonly/> --> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- 总金额:--> |
| | | <!-- --> |
| | | <!-- --> |
| | | <!-- <input type="text" name="zc1" id="content6Num2" class="form-control newWidth" readonly/> --> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- 每个红包金额: <input type="text" name="zc1" id="content6Num3" class="form-control newWidth" readonly/> --> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- 有效期:--> |
| | | <!-- --> |
| | | <!-- <input type="text" name="zc1" id="content6Num4" class="form-control newWidth" readonly/> 天--> |
| | | <!-- <br/>--> |
| | | <!-- <br/>--> |
| | | <!-- 最高金额: <input type="text" name="zc1" id="content6Num5" class="form-control newWidth" /> --> |
| | | <!-- <br/>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | }); |
| | | 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(); |
| | | } |