@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">
|
<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" 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" id="content2CouponId">
|
<h1>用户注册既赠送优惠券</h1>
|
<br/>
|
<br/>
|
启用： <input type="checkbox" class="js-switch" id="content2Check" checked="">
|
<br/>
|
<br/>
|
<#button name="选择优惠券" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt()"/>
|
<br/>
|
<br/>
|
优惠券名称： <input type="text" name="zc1" id="content2Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
服务类型： <input type="text" name="zc1" id="content2Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
优惠券类型： <input type="text" name="zc1" id="content2Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
金额：
|
|
|
<input type="text" name="zc1" id="content2Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
最高金额： <input type="text" name="zc1" id="content2Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
有效期：
|
|
<input type="text" name="zc1" id="content2Num5" class="form-control newWidth" /> 天
|
<br/>
|
<br/>
|
张数：
|
|
|
<input type="text" 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" id="content3CouponId">
|
<h1>用户邀请用户奖励</h1>
|
<br/>
|
<br/>
|
启用： <input type="checkbox" id="content3Check" class="js-switch1" checked="">
|
<br/>
|
<br/>
|
<#button name="选择优惠券" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt1()"/>
|
<br/>
|
<br/>
|
优惠券名称： <input type="text" name="zc1" id="content3Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
服务类型： <input type="text" name="zc1" id="content3Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
优惠券类型： <input type="text" name="zc1" id="content3Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
金额：
|
|
|
<input type="text" name="zc1" id="content3Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
最高金额： <input type="text" name="zc1" id="content3Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
有效期：
|
|
<input type="text" name="zc1" id="content3Num5" class="form-control newWidth" /> 天
|
<br/>
|
<br/>
|
张数：
|
|
|
<input type="text" 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" 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>
|
|
<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>
|
|
<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.addSubmit()"/>
|
<#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()' //最小值今天
|
});
|
$(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>
|
@}
|
