huahuibao/app/admin/views/user/level.php

<?php
use backend\widgets\TabWidget;
echo TabWidget::widget(['list' => $this->context->menuList, 'currentMenu' => $this->context->id]);
?>
<div class="panel panel-default">
	<?php
	use backend\widgets\SubTabWidget;
	echo SubTabWidget::widget(['list' => $this->context->subMenuList, 'currentMenu' => $this->context->action->id]);
	?>
<style>
    .col-sm-2 {
        width: auto;
    }
</style>
<div class="panel-body">
    <form role="form" class="form-horizontal">


        <div style="padding-left:20px;">
			<?php if (empty($extend['integral'])) { ?>
                <div class="form-group">
                    <div class="col-sm-10">
                        <span style="color:red;">注意：以下会员的积分折扣关系只能修改一次哦，请认真填写！</span>
                    </div>
                </div>
			<?php } ?>
            <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['integral'] ?>" class="form-control" style="width:100px;display:inline-block;" placeholder="">&nbsp;&nbsp;享受
                                <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="">&nbsp;&nbsp;享受
                            <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="">&nbsp;&nbsp;享受
                            <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="">&nbsp;&nbsp;享受
                            <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="">&nbsp;&nbsp;享受
                            <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">

                    <div class="col-sm-10">
                        <button name="addGrade" class="btn btn-secondary btn-single" type="button">增加等级</button>
                    </div>
                </div>
			<?php } ?>
        </div>
		<?php if (empty($extend['integral'])) { ?>
            <div class="form-group" style="text-align:center;">
                <button type="button" name="modifySubmit" class="btn btn-info btn-single">确认</button>
            </div>
		<?php } ?>
    </form>
</div>
</div>
<!-- footer -->
<?php
use backend\widgets\FooterWidget;

?>
<?= FooterWidget::widget() ?>
<!-- footer -->

<script>

    //增加等级
    $("button[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="">\
		&nbsp;&nbsp;享受 <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();
    }
    $("button[name='modifySubmit']").click(function () {
        var verifyStatus = true;//允许提交
        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);

        gradeList = gradeList.replace(/(^I)|(I$)/g, "");
        var data = "_csrf=<?= Yii::$app->request->csrfToken ?>&gradeList=" + gradeList;
        $.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);
            }
        });
    });
</script>