{extend name="adminblue/base" /}
{block name="resources"/}
<script src="ADMIN_JS/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<style>
.set-style dl dd p{line-height: 30px;height: 30px;margin-bottom: 5px;}
.table th{font-weight: normal;}
.label-tbody label{display:inline-block;}
</style>
{/block}
{block name="main"}
<div class="set-style">
	<h4>活动信息</h4>
	<dl>
		<dt><span style="color:red;">*</span>&nbsp;&nbsp;活动名称：</dt>
		<dd>
			<input type="text" id="mansong_name" maxlength="10" class="input-common"/>
			<p class="error">请输入活动名称</p>
		</dd>
	</dl>
	<dl>
		<dt><span style="color:red;">*</span>&nbsp;&nbsp;生效时间：</dt>
		<dd>
			<input class="input-medium input-common harf" type="text" id="start_time" style="width:250px;"onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd HH:mm:ss'})" />
			<span class="mlr5">至</span>
			<input class="input-medium input-common harf" size="15"type="text" id="end_time" style="width:250px;"onclick="WdatePicker({skin:'twoer',dateFmt:'yyyy-MM-dd HH:mm:ss'})">
			<p class="error">请输入生效时间</p>
		</dd>
	</dl>
	
	<h4>优惠设置</h4>
	<dl>
		<dt>优惠方式：</dt>
		<dd>
			<label>
				<i class="radio-common selected">
					<input class="input-mini" type="radio" name="type" value="1" checked="checked" />
				</i> 
				<span>普通优惠</span>
			</label>
			<label>
				<i class="radio-common">
					<input class="input-mini" type="radio" name="type" value="2" /> 
				</i>
				<span>多级优惠</span>
			</label>
			<p class="hint">（每级优惠不累积叠加）</p>
		</dd>
	</dl>
	<dl>
		<dt><span style="color:red;">*</span>&nbsp;&nbsp;优惠条件：</dt>
		<dd style="width:100%;">
			<div class="table-responsive">
				<table class="table">
					<colgroup>
						<col width="10%">
						<col width="30%">
						<col width="50%">
						<col width="10%">
					</colgroup>
					<thead>
						<tr>
							<th>层级</th>
							<th>优惠门槛</th>
							<th>优惠方式（可多选）</th>
							<th style="text-align: center;">操作</th>
						</tr>
					</thead>
					<tbody class="label-tbody">
						<tr>
							<td>1</td>
							<td>满&nbsp;<input type="number" id="price1" class="input-common harf" style="vertical-align: middle;"><em class="unit">元</</em></td>
							
							<td>
								<div>
									<p>
										<label>
											<i class="checkbox-common">
												<input type="checkbox" name="mansong" class="discount1" onchange="set_rule('discount',1,this)" />
											</i>
											<span id="discount1">减现金</span>
										</label>
									</p>
									<p>
										<label>
											<i class="checkbox-common">
												<input type="checkbox" name="mansong" class="free_shipping1" />
											</i>
											<span id="free_shipping1">免邮</span>
										</label>
									</p>
									<p>
										<label>
											<i class="checkbox-common">
												<input type="checkbox" name="mansong" class="give_point1" onchange="set_rule('give_point',1,this)" />
											</i>
											<span id="give_point1">送积分</span>
										</label>
									</p>
									<p>
										<label>
											<i class="checkbox-common">
												<input type="checkbox" name="mansong" class="give_coupon1" onchange="set_rule('give_coupon',1,this)" />
											</i>
											<span id="give_coupon1">送优惠券</span>
										</label>
									</p>
									<p>
										<label>
											<i class="checkbox-common">
												<input type="checkbox" name="mansong" class="gift_id1" onchange="set_rule('gift_id',1,this)" />
											</i>
											<span id="gift_id1">送赠品</span>
										</label>
									</p>
								</div>
							</td>
							<td></td>
						</tr>
					</tbody>
					<tfoot style="display:none;">
						<tr>
							<td colspan="4">
								<a href="javascript:void(0)" onclick="add_reward()">+新增一级优惠</a>
								<span class="gray pl20">最多可设置五个层级</span>
							</td>
						</tr>
					</tfoot>
				</table>
			</div>
		</dd>
	</dl>
	
	<h4>选择活动商品：</h4>
	<!-- 所有决定商品弹框内容的条件和存放商品id的隐藏域 -->
	<span id="goods-condition">
		<input type="hidden" name="type" value="2"/>
		<input type="hidden" name="stock" value="1"/>
		<input type="hidden" name="goods_type" value="1,2"/>
		<input type="hidden" name="is_have_sku" value="1"/>
		<input type="hidden" name="state" value="1"/>
		<input type="hidden" id="goods_id_array" value="">
		<input type="hidden" id="range_type" value="1">
		<input type="hidden" id="is_show_select" value="1">
		<input type="hidden" id="action" value="">
	</span>
	{include file="adminblue/Promotion/goodsSelectDialog" /}
	<dl>
		<dt></dt>
		<dd>
			<button class="btn-common btn-big" onclick="addMansong();">保存</button>
			<button class="btn-common-cancle btn-big" onclick="window.location.href = window.history.go(-1);">返回</button>
		</dd>
	</dl>
</div>
<script>
/*
 * 全部与部分商品切换
 */
$("input[name='range_type']").bind('click',function(){
	var value = $(this).val();	
	if(value == 1){
		$(".js-select-goods,.goods-list").hide();
	}else{
		$(".js-select-goods,.goods-list").show();
	}
})

var flag = false;//防止重复提交

//添加一级优惠
function add_reward(){
	var len = $(".table tbody tr").length;
	if(len >= 5){
		$(".table tfoot").hide();
	}else{
		var cengji =  Number(len)+1;
		var html = '';
		html += '<tr>';
		html += '<td>'+cengji+'</td>';
		html += '<td>满&nbsp;<input type="number" id="price'+cengji+'" class="input-common harf" style="width:50px;vertical-align:middle;"><em class="unit">元</</em></td>';
		html += '<td><div>';
		html += '<p><label><i class="checkbox-common"><input type="checkbox" name="mansong" class="discount'+cengji+'" onchange="set_rule(\'discount\','+cengji+',this)"></i><span id="discount'+cengji+'">减现金</span></label></p>';
		html += '<p><label><i class="checkbox-common"><input type="checkbox" name="mansong" class="free_shipping'+cengji+'"></i><span id="free_shipping'+cengji+'">免邮</span></label></p>';
		html += '<p><label><i class="checkbox-common"><input type="checkbox" name="mansong" class="give_point'+cengji+'" onchange="set_rule(\'give_point\','+cengji+',this)"></i><span id="give_point'+cengji+'">送积分</span></label></p>';
		html += '<p><label><i class="checkbox-common"><input type="checkbox" name="mansong" class="give_coupon'+cengji+'" onchange="set_rule(\'give_coupon\','+cengji+',this)"></i><span id="give_coupon'+cengji+'">送优惠券</span></label></p>';
		html += '<p><label><i class="checkbox-common"><input type="checkbox" name="mansong" class="gift_id'+cengji+'" onchange="set_rule(\'gift_id\','+cengji+',this)"></i><span id="gift_id'+cengji+'">送赠品</span></label></p>';
		html += '</div></td>';
		html += '<td style="text-align:center;"><a href="javascript:void(0);" onclick="del_cengji('+cengji+')">删除</a></td>';
		html += '</tr>';
		$(".table tbody").append(html);
		if(cengji == 5){
			$(".table tfoot").hide();
		}
	}
}

function del_cengji(cengji){
	$(".table tbody tr:last").remove();
}

$("input[name='type']").change(function(){
	var c = $(this).val();
	if(c == 2){
		$(".table tfoot").show();
	}else{
		$(".table tbody tr:gt(0)").remove();
		$(".table tfoot").hide();
	}
});

//优惠类型点击
function set_rule(type,num,e){
	if(type == 'discount'){
		discount(num,e);
	}else if(type == 'give_point'){
		give_point(num,e);
	}else if(type == 'give_coupon'){
		give_coupon(num,e);
	}else if(type == 'gift_id'){
		gift_id(num,e);
	}
}

//减现金
function discount(num,e){
	if(e.checked == true){
		var html = "减&nbsp;<input type='text' id='discount_input"+num+"' class='input-common harf' style='vertical-align:middle'/><em class='unit'>元</em>";
	}else{
		var html = "减现金";
	}
	$("#discount"+num).html(html);
}

//送积分
function give_point(num,e){
	if(e.checked == true){
		var html = "送&nbsp;<input type='text' id='give_point_input"+num+"' class='input-common harf' style='vertical-align:middle'/><em class='unit'>分</em>";
	}else{
		var html = "送积分";
	}
	$("#give_point"+num).html(html);
}

//送优惠券
function give_coupon(num,e){
	if(e.checked == true){
		$.ajax({
			type : "post",
			url : "{:__URL('ADMIN_MAIN/promotion/sendcoupontypelist')}",
			success : function(data) {
				var html = '送&nbsp;<select id="give_coupon_select'+num+'" class="select-common">';
				for(var i=0;i<data['data'].length;i++){
					html += '<option value="'+data['data'][i]['coupon_type_id']+'">'+data['data'][i]['coupon_name']+'</option>';
				}
				html += "</select>";
				$("#give_coupon"+num).html(html);
				$('.select-common').selectric();
			}
		});
	}else{
		var html = "送优惠券";
		$("#give_coupon"+num).html(html);
	}
}

//送赠品
function gift_id(num,e){
	if(e.checked == true){
		$.ajax({
			type : "post",
			url : "{:__URL('ADMIN_MAIN/promotion/giftlist')}",
			data : {"type" : 1},
			success : function(data) {
				var html = '送&nbsp;<select id="gift_id_select'+num+'" class="select-common">';
				for(var i=0;i<data['data'].length;i++){
					html += '<option value="'+data['data'][i]['gift_id']+'">'+data['data'][i]['gift_name']+'</option>';
				}
				html += "</select>";
				$("#gift_id"+num).html(html);
				$('.select-common').selectric();
			}
		});
		
	}else{
		var html = "送赠品";
		$("#gift_id"+num).html(html);
	}
	
}

//保存
function addMansong(){
	var mansong_name = $("#mansong_name").val();
	var start_time = $("#start_time").val();
	var end_time = $("#end_time").val();
	var type = $("input[type='radio'][name='type']:checked").val();
	var range_type = $("input[type='radio'][name='range_type']:checked").val();
	var rule = '';
	var obj = $(".table tbody tr");
	if(!verify(mansong_name, start_time, end_time)){
		return false;
	}
	for(var i=1;i<=obj.length;i++){
		//满减送价格
		if($("#price"+i).val() > 0){
		var price = $("#price"+i).val();
		}else{
			var price = 0;
			showMessage('error', '请输入优惠门槛金额');
			return false;
		}
		//减现金
		if($("input.discount"+i+"[type='checkbox']").is(':checked') == true){
			var discount = $("#discount_input"+i+"").val();
		}else{
			var discount = 0;
		}
		//免邮
		if($("input.free_shipping"+i+"[type='checkbox']").is(':checked') == true){
			var free_shipping = 1;
		}else{
			var free_shipping = 0;
		}
		//送积分
		if($("input.give_point"+i+"[type='checkbox']").is(':checked') == true){
			var give_point = $("#give_point_input"+i).val();
		}else{
			var give_point = 0;
		}
		//送优惠券
		if($("input.give_coupon"+i+"[type='checkbox']").is(':checked') == true){
			var give_coupon = $("#give_coupon_select"+i).val();
		}else{
			var give_coupon = 0;
		}
		//送赠品
		if($("input.gift_id"+i+"[type='checkbox']").is(':checked') == true){
			var gift_id = $("#gift_id_select"+i).val();
		}else{
			var gift_id = 0;
		 } 
		if(discount+free_shipping+give_point+give_coupon+gift_id == 0){
			showMessage('error', '请至少选择一种优惠方式');
			return false;
		}
		rule += ';'+price+','+discount+','+free_shipping+','+give_point+','+give_coupon+','+gift_id;
	}
	rule = rule.substring(1);
	var obj = $(".select-two table tbody tr");
	
	var goods_id_array = $("#goods_id_array").val();
	if(range_type == 0 && BatchSend.length == 0){
		$(".js-select-goods").find(".error").html('请选择参加活动的商品').show();
		//showMessage('error', '请选择参加活动的商品');
		return false;
	}else{
		$(".error").hide();
	}
	if(flag){
		return;
	}
	flag = true;
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/promotion/addmansong')}",
		data : {
			'mansong_name' : mansong_name,
			'start_time' : start_time,
			'end_time' : end_time,
			'type' : type,
			'range_type' : range_type,
			'rule' : rule,
			'goods_id_array' : goods_id_array
		},
		success : function(data) {
			if (data["code"] > 0) {
				showMessage('success', data["message"],"{:__URL('ADMIN_MAIN/promotion/mansonglist')}");
			}else{
				showMessage('error', data["message"]);
				flag = false;
			}
		}
	});
}

function verify(mansong_name, start_time, end_time){
	if(mansong_name == ''){
		$("#mansong_name").parent().find('.error').show();
		return false;
	}else{
		$(".error").hide();
	}
	if(start_time == '' || end_time == ''){
		$("#start_time").parent().find('.error').show();
		return false;
	}else{
		$(".error").hide();
	}
	return true;
}
</script>
{/block}