huahuibao/app/admin/views/set/init.php

<div class="page-title">
	<div class="title-env">
		<h1 class="title">初始化设置</h1>
	</div>
		<div class="breadcrumb-env">
			<ol class="breadcrumb bc-1">
				<li>
					<a href="/"><i class="fa-home"></i>Home</a>
				</li>
				<li>
					<a href="/set/index">商城管理</a>
				</li>
				<li class="active">
					<strong>初始化设置</strong>
				</li>
			</ol>
		</div>
	</div>
<div class="row">

	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-body">
				<form role="form" class="form-horizontal">

			<div class="form-group">
				<label class="col-sm-2 control-label" for="field-4">关注公众号</label>
				<div class="col-sm-10">									
					<p style="color:#555;">
						<label class="radio-inline">
							<input type="radio" name="giveCoupon" value="1" <?php if($extend['giveCoupon'] == 1){ ?> checked="checked" <?php } ?> >
							赠送代金劵（重复关注不赠送）
						</label>
						<label class="radio-inline">
							<input type="radio" name="giveCoupon" value="0" <?php if($extend['giveCoupon'] == 0){ ?> checked="checked" <?php } ?> >
							不赠送
						</label>
					</p>
				</div>
			</div>

					<div class="form-group" name="couponArea" style="display:<?php if($extend['giveCoupon'] == 1){ ?>block<?php }else{ ?>none<?php } ?>">
					<label class="col-sm-2 control-label" for="field-4"></label>
						<div class="col-sm-10">
						代金劵 <input type="text" name="giveCouponPrice" value="<?= intval($extend['giveCouponPrice']) ?>" class="form-control" style="width:80px;display:inline-block;margin-right:2px;" placeholder="">元，
						消费金额满 <input type="text" name="couponMeetPrice" value="<?= intval($extend['couponMeetPrice']) ?>" class="form-control" style="width:80px;display:inline-block;margin-right:2px;" placeholder="">元可用，
						有效期 <input type="text" name="couponValidity" value="<?= intval($extend['couponValidity']) ?>" class="form-control" style="width:80px;display:inline-block;margin-right:2px;" placeholder="">天
						</div>
					</div>

<div style="border:1px solid #ccc;border-radius:5px;margin:0 0 10px 0;padding:10px 0 0 0;">
<div name="gradeList">
<?php if(!empty($gradeList)){ ?>
<?php foreach($gradeList as $gradeKey => $gradeVal){?>
					<div class="form-group" style="color:#555">
					<label class="col-sm-2 control-label" for="field-4"><?= $gradeVal['level'] ?>级会员</label>
						<div class="col-sm-10">
						需积分：<input type="text" <?php if($extend['integral'] == 1){ echo 'readonly'; } ?> name="integralVal" value="<?= $gradeVal['point'] ?>" class="form-control" style="width:100px;display:inline-block;" placeholder="">
						享 <input type="text" <?php if($extend['integral'] == 1){ echo 'readonly'; } ?> name="discountVal" value="<?= $gradeVal['discount'] ?>" class="form-control" style="width:100px;display:inline-block;" placeholder=""> 折优惠
						<?php if($gradeKey > 4){ ?>
						<li onclick="delGrade(this,<?= $gradeKey ?>)" style="cursor:pointer;font-size:130%" class="fa-trash"></li>
						<?php } ?>
						</div>
					</div>
<?php } }else{ ?>
					<div class="form-group" style="color:#555">
					<label class="col-sm-2 control-label" for="field-4">1级会员</label>
						<div class="col-sm-10">
						需积分：<input type="text" name="integralVal" class="form-control" style="width:100px;display:inline-block;" placeholder="">
						享 <input type="text" name="discountVal" class="form-control" style="width:100px;display:inline-block;" placeholder=""> 折优惠
						</div>
					</div>
					<div class="form-group" style="color:#555">
					<label class="col-sm-2 control-label" for="field-4">2级会员</label>
						<div class="col-sm-10">
						需积分：<input type="text" name="integralVal" class="form-control" style="width:100px;display:inline-block;" placeholder="">
						享 <input type="text" name="discountVal" class="form-control" style="width:100px;display:inline-block;" placeholder=""> 折优惠
						</div>
					</div>
					<div class="form-group" style="color:#555">
					<label class="col-sm-2 control-label" for="field-4">3级会员</label>
						<div class="col-sm-10">
						需积分：<input type="text" name="integralVal" class="form-control" style="width:100px;display:inline-block;" placeholder="">
						享 <input type="text" name="discountVal" class="form-control" style="width:100px;display:inline-block;" placeholder=""> 折优惠
						</div>
					</div>
					<div class="form-group" style="color:#555">
					<label class="col-sm-2 control-label" for="field-4">4级会员</label>
						<div class="col-sm-10">
						需积分：<input type="text" name="integralVal" class="form-control" style="width:100px;display:inline-block;" placeholder="">
						享 <input type="text" name="discountVal" class="form-control" style="width:100px;display:inline-block;" placeholder=""> 折优惠
						</div>
					</div>
<?php } ?>
</div>
<?php if(empty($extend['integral'])){ ?>
					<div class="form-group">
						<label class="col-sm-2 control-label"></label>
						<div class="col-sm-10" name="addGrade" style="cursor:pointer;">
							<li class="fa-plus"></li>增加等级
						</div>
					</div>
<?php }else{ ?>
					<div class="form-group">
						<label class="col-sm-2 control-label"></label>
						<div class="col-sm-10" style="cursor:pointer;">
							不能修改了哦！<li class="fa-smile-o"></li>
						</div>
					</div>
<?php } ?>
</div>
					<div class="form-group">
						<div class="col-sm-10">									
							<div class="radio-inline">
								<label>
									<span style="color:red;">注意：以上积分会员关系只能修改一次哦</span>
								</label>
							</div>
						</div>
					</div>
					<div class="form-group" style="text-align:center;">
											<button type="button" name="modifySubmit" class="btn btn-info btn-single">确认</button>
						<button type="button" onclick="history.go(-1)" class="btn btn-info btn-single">返回</button>
					</div>
				</form>						
			</div>
		</div>
	</div>
</div>
<!-- footer -->
<?php
use backend\widgets\FooterWidget;
?>
<?= FooterWidget::widget()?>
<!-- footer -->

<script>

//增加等级
$("div[name=addGrade]").click(function(){
	var gradeList = $("div[name=gradeList]");
	var num = $("div[name=gradeList] > div").length;
	num++;
	if(num > 9){
		xhPopMsg('最多只能添加9个等级',1300);
		return;
	}
	var gradeHtml	= '<div class="form-group" style="color:#555">\
		<label class="col-sm-2 control-label" for="field-4">'+num+'级会员</label>\
		<div class="col-sm-10">\
		需积分：<input type="text" class="form-control" name="integralVal" style="width:100px;display:inline-block;" placeholder="">\
		享 <input type="text" class="form-control" name="discountVal" style="width:100px;display:inline-block;" placeholder=""> 折优惠\
		<li onclick="delGrade(this,'+num+')" style="cursor:pointer;font-size:130%" class="fa-trash"></li>\
		</div>\
	</div>\
	';
	gradeList.append(gradeHtml);
});

//删除等级
function delGrade()
{
	var o	= arguments[0];
	var no	= arguments[1];
	var num = $("div[name=gradeList] > div").length;
	if(no < num){
		xhPopMsg('请从最后面开始删除',1300);
		return;
	}
	$(o).parent().parent().remove();
}

var giveCouponPrice	= $(":input[name=giveCouponPrice]");
var couponMeetPrice	= $(":input[name=couponMeetPrice]");
var couponValidity	= $(":input[name=couponValidity]");
var validate		= [];
var needValidate	= [];
<?php if($extend['giveCoupon'] == 1){ ?>
needValidate.push(giveCouponPrice,couponMeetPrice,couponValidity);
<?php } ?>
//是否赠送代金劵
$(":radio[name=giveCoupon]").click(function(){
	var option = $(this).val();
	if(option == 1){
		$("div[name=couponArea]").css('display','block');
		needValidate	= validate;
		needValidate.push(giveCouponPrice,couponMeetPrice,couponValidity);
	}else{
		$("div[name=couponArea]").css('display','none');
		needValidate	= validate;
	}
});

setStats(giveCouponPrice, '请填写代金劵金额', function(val, mess){
	var info=[false, mess];
	if(val.length <= 0){
		info[1] = '请填写代金劵金额';
	}else if(isNaN(val) == false){
		if(Math.floor(val) == val){
			info[0] = true;
			info[1] = '填写正确';
		}else{
			info[1] = '代金劵金额必须是整数';
		}				
	}else{
		info[1] = '代金劵金额填写错误';
	}
	return info;
});

setStats(couponMeetPrice, '请填写代金劵满足金额', function(val, mess){
	var info=[false, mess];
	if(val.length <= 0){
		info[1] = '请填写金额';
	}else if(isNaN(val) == false){
		if(Math.floor(val) == val){
			info[0] = true;
			info[1] = '填写正确';
		}else{
			info[1] = '消费金额必须是整数';
		}				
	}else{
		info[1] = '金额填写错误';
	}
	return info;
});

setStats(couponValidity, '请填写有效期', function(val, mess){
	var info=[false, mess];
	if(val.length <= 0){
		info[1] = '请填写有效期';
	}else if(isNaN(val) == false){
		if(Math.floor(val) == val){
			info[0] = true;
			info[1] = '填写正确';
		}else{
			info[1] = '有效期必须是整数';
		}				
	}else{
		info[1] = '有效期填写错误';
	}
	return info;
});

$("button[name='modifySubmit']").click(function(){
	var verifyStatus = true;//允许提交
	for(var m=0;m<needValidate.length;m++){
		var single = needValidate[m];
		if(single.attr('modifyStatus') == undefined){
			single.blur();
		}
		if(single.attr('modifyStatus') == 'no'){
			verifyStatus = false;
			continue;
		}
	}
	var gradeList		= '';
	var integralList	= [];
	var discountList	= [];
	$("div[name=gradeList] > div").each(function(index){
		var integralVal		= $(this).find("input[name='integralVal']");
		var discountVal		= $(this).find("input[name='discountVal']");
		var iVal			= integralVal.val();
		var dVal			= discountVal.val();
		if(iVal.length <= 0 || dVal <= 0){
			xhPopMsg('积分和折扣不能留空哦',2000);
			verifyStatus = false;
			return false;				
		}
		if(isNaN(iVal) || isNaN(dVal)){
			xhPopMsg('积分和折扣必须是数值',2000);
			verifyStatus = false;
			return false;
		}
		if(Math.floor(iVal) != iVal || Math.floor(dVal) != dVal || iVal.indexOf('.') >= 0 || dVal.indexOf('.') >= 0){
			xhPopMsg('积分和折扣必须是整数',2000);
			verifyStatus = false;
			return false;
		}
		if(dVal.length > 2){
			xhPopMsg('折扣填写有误',2000);
			verifyStatus = false;
			return false;
		}
		if(index > 0){
			var preIntegral = integralList[index-1];
			var preDiscount	= discountList[index-1];
			if(parseInt(iVal) <= parseInt(preIntegral)){
				xhPopMsg('等级越高积分要越高哦',5000);
				verifyStatus = false;
				return false;
			}
			var comDiscount = dVal.length == 1 ? parseInt(dVal)*10 : parseInt(dVal);//如果只有一位，则补0
			var comPreDis	= preDiscount.length == 1 ? parseInt(preDiscount)*10 : parseInt(preDiscount);//如果只有一位，则补0
			if(comDiscount >= comPreDis){
				xhPopMsg('等级越高折扣要越多哦',5000);
				verifyStatus = false;
				return false;
			}
		}
		integralList[index]	= iVal;
		discountList[index]	= dVal;
		var order			= index + 1;
		gradeList 			+= order+"_"+iVal+"_"+dVal+"I";//组合方式：等级_积分数_折扣值I等级_积分数_折扣值  1_2000_9I2_5000_88
	});
	if(verifyStatus == false){
		return;
	}
	xhPopMsg('请稍候…',2000);
	if($("button[name='modifySubmit']").attr('submitStatus') == 'yes'){
		xhPopMsg('请稍候…',2000);
		return;
	}
	$("button[name='modifySubmit']").attr('submitStatus','yes');
	setTimeout(function(){
		$("button[name='modifySubmit']").attr('submitStatus','no');
	},2000);
	var giveCouponVal		= $(":radio[name=giveCoupon]:checked").val();
	gradeList				= gradeList.replace(/(^I)|(I$)/g,"");
	data					= "_csrf=<?= Yii::$app->request->csrfToken ?>&gradeList="+gradeList+"&giveCoupon="+giveCouponVal;
	if(giveCouponVal == 1){
		data				+= "&giveCouponPrice="+giveCouponPrice.val()+"&couponMeetPrice="+couponMeetPrice.val()+"&couponValidity="+couponValidity.val();
	}
	$.ajax({type:"POST",url:'/set/modify',data:data,dataType:'json',async:false,success:function(data){
		xhPopMsg(data.msg,2000);
		setTimeout(function(){
			window.location.reload();
		},2000);
	}});
});

function setStats(obj,mess,check)
{
	obj.focus(function(){
		$(this).removeAttr('modifyStatus');
		$(this).siblings('p').removeClass('help-error-mention').html('');
	});
	obj.blur(function(){
		var objVal	= obj.val();
		var info	= check(objVal,mess);
		var p		= $(this).siblings('p');
		if(info[0]){
			$(this).attr('modifyStatus','yes');
			p.css('color','red').removeClass('help-error-mention').html('');
		}else{
			$(this).attr('modifyStatus','no');
			if(p.length > 0){
				p.css('color','red').addClass('help-error-mention').html(info[1]);
			}else{
				xhPopMsg(info[1]);
			}
		}
	});
}
</script>