主案设计单签单额提成区间 DesignAmountScopeSet.js （添加区间段，并且可以存在无限大）



$(function () {
    //几线城市改变事件
    $('#drop_fx').change(function () {
        var proId = $(this).val();
        if (proId == "0") {
            var smallsel = document.getElementById('drop_dq');
            smallsel.options.length = 0;
            var deopt = document.createElement('option'); //创建下拉框中的option对象 
            deopt.text = "全部地区";
            deopt.value = "0";
            smallsel.options.add(deopt);
        }
        else {
            $.getJSON("/ZaSystem/CommissionRatioSet/GetDqByTypeId?typeid=" + proId, function (data) {
                var smallsel = document.getElementById('drop_dq');
                smallsel.options.length = 0;
                var deopt = document.createElement('option'); //创建下拉框中的option对象 
                deopt.text = "全部地区";
                deopt.value = "0";
                smallsel.options.add(deopt);
                for (var i = 0; i < data.length; i++) {
                    var option = document.createElement('option');
                    option.text = data[i].DiquName;
                    option.value = data[i].DiquID;
                    smallsel.options.add(option);
                }
            });
        }
        $("#drop_dq").val(0);
        //将部门制空
        var smallsel_bm = document.getElementById('drop_bm');
        smallsel_bm.options.length = 0;
        var deopt_bm = document.createElement('option'); //创建下拉框中的option对象 
        deopt_bm.text = "全部部门";
        deopt_bm.value = "0";
        smallsel_bm.options.add(deopt_bm);

        //将职务选中到全部
        $('#drop_zw').val(0);
        caloaddata();
    });
    //地区改变事件
    $("#drop_dq").change(function () {
        var proId = $(this).val();
        if (proId == "0") {
            var smallsel = document.getElementById('drop_bm');
            smallsel.options.length = 0;
            var deopt = document.createElement('option'); //创建下拉框中的option对象 
            deopt.text = "全部部门";
            deopt.value = "0";
            smallsel.options.add(deopt);
        }
        else {
            $.getJSON("/za/base/GetBMByDQId?id=" + proId, function (data) {
                var smallsel = document.getElementById('drop_bm');
                smallsel.options.length = 0;
                var deopt = document.createElement('option'); //创建下拉框中的option对象 
                deopt.text = "全部部门";
                deopt.value = "0";
                smallsel.options.add(deopt);
                for (var i = 0; i < data.length; i++) {
                    var option = document.createElement('option');
                    option.text = data[i].bm_name;
                    option.value = data[i].bm_id;
                    smallsel.options.add(option);
                }
            });
        }
        $("#drop_bm").val(0);
        //将职务选中到全部`
        $('#drop_zw').val(0);
        caloaddata();
    })
    //部门改变事件
    $("#drop_bm").change(function () {
        //将职务选中到全部
        $('#drop_zw').val(0);
        caloaddata();
    });

    //职务改变事件
    $('#drop_zw').change(function () {
        caloaddata();
    });

    //添加按钮的事件
    $("#btn_add").click(function () {
        if ($('#pr tr').length <= 0) {
            var typeID = $("#drop_fx").val();
            var dqId = $('#drop_dq').val();
            var bmId = $('#drop_bm').val();
            var zwId = $('#drop_zw').val();
            var head = '';//产生的第一列的显示
            if (zwId != 0) {
                head = $('#drop_zw').find("option:selected").text()
            }
            if (bmId != 0) {
                head = $('#drop_bm').find("option:selected").text()
            }
            else if (dqId != 0) {
                head = $('#drop_dq').find("option:selected").text()
            }
            else if (typeID != 0) {
                head = $('#drop_fx').find("option:selected").text()
            }
            else if (typeID == 0) {
                head = "全国";
            }
            var row = "<tr class='trhover'><td rowspan='1' width='12%'>" + head + "</td><td width='30%'><input type=\"text\" class=\"csrow minmiddwidth\" οnblur=\"Edit(this)\" data-id=\"\" value=''><span>&nbsp;-&nbsp;</span><input type=\"text\" class=\"csrow minmiddwidth\" οnblur=\"Edit(this)\" data-id=\"\" value=''><span class=\"precentspan\"></span></td><td width='30%'><input type=\"text\" class=\"minmiddwidth\"  onBlur=\"Edit(this)\" data-id=\"\" value='' ><span class=\"precentspan\"></span></td><td style='border-right:0'><a href=\"javascript:;\" class=\"myQJ addicon\" title='添加' οnclick=\"AddRow(this)\"></a><a href=\"javascript:;\" οnclick=\"Del(this)\" class=\"deleicon mar10\" title='删除' data-id=\"\"></a></td></tr>";
            $('#pr').append(row);

        }

    });
    //浏览页面通过修改按钮进入到设置页面
    var type = tool.getQueryString("type");
    if (typeof (type) == "string") {
        var dq = tool.getQueryString("dq");
        var bm = tool.getQueryString("bm");
        var zw = tool.getQueryString('zw');
        //先判断传递过来的职务编号是否存在
        if (zw == "") {
            $("#drop_zw").val(0);
        }
        if (zw != "") {
            $("#drop_zw").val(zw);
        }
        if (type == "") {
            $("#drop_fx").val(0);
            caloaddata();
        }
        if (type != "") {
            $("#drop_fx").val(type);
            $.getJSON("/ZaSystem/CommissionRatioSet/GetDqByTypeId?typeid=" + type, function (data) {
                var smallsel = document.getElementById('drop_dq');
                smallsel.options.length = 0;
                var deopt = document.createElement('option'); //创建下拉框中的option对象 
                deopt.text = "全部地区";
                deopt.value = "0";
                smallsel.options.add(deopt);
                for (var i = 0; i < data.length; i++) {
                    var option = document.createElement('option');
                    option.text = data[i].DiquName;
                    option.value = data[i].DiquID;
                    smallsel.options.add(option);
                }
                if (dq == "") {
                    $("#drop_dq").val(0);
                    caloaddata();
                }
                if (dq != "") {
                    $("#drop_dq").val(dq);
                    $.getJSON("/za/base/GetBMByDQId?id=" + dq, function (data) {
                        var smallsel = document.getElementById('drop_bm');
                        smallsel.options.length = 0;
                        var deopt = document.createElement('option'); //创建下拉框中的option对象 
                        deopt.text = "全部部门";
                        deopt.value = "0";
                        smallsel.options.add(deopt);
                        for (var i = 0; i < data.length; i++) {
                            var option = document.createElement('option');
                            option.text = data[i].bm_name;
                            option.value = data[i].bm_id;
                            smallsel.options.add(option);
                        }
                        if (bm == "") {
                            $("#drop_bm").val(0);
                            caloaddata();
                        }
                        if (bm != "") {
                            $("#drop_bm").val(bm);
                            caloaddata();
                        }

                    });
                }
            });
        }
    }
    else {
        caloaddata();
    }

    $("#btn_gz").click(function () {
        //初始情况下该标签没有链接地址
        if ($("#btn_gz").attr("href") == 'javascript:;') {
            //获取链接地址，并给a标签链接地址，并触发a标签中span点击事件，实现跳转
            $.post('/ZaSystem/CommissionRatioShow/GetUrl', {}, function (data) {
                if (data == "no") {
                    alert("没有该资料");
                }
                else {
                    $("#btn_gz").attr("href", data);
                    $("#btn_gz").attr("target", "_blank");
                    $("#sp").click();
                }
            })
        }
    });
});

//加载数据集
function caloaddata() {
    $('#pr').html('<tr><td colspan="4" style="width:100%;height:250px; text-align:center;">正在加载...</td></tr>');
    var diquID = $("#drop_dq").val();
    var bumenID = $("#drop_bm").val();
    var typeID = $("#drop_fx").val();
    var zhiwuID = $("#drop_zw").val();
    $("#pr").load("/za/das/LoadSet", { "typeID": typeID, "diquID": diquID, "bumenID": bumenID, "zhiwuID": zhiwuID }, function () {
        //判断是否加载到数据，控制添加按钮的隐藏与否
        if ($('#pr tr').length <= 0) {
            $("#btn_add").css("display", "block");
        }
        else {
            $("#btn_add").css("display", "none");
        }
        //表格各行换色
        $(".chCoTable tr").each(function (i) {
            if (i % 2 == 0) {
                $(this).addClass("tr01");

            } else {
                $(this).addClass("tr02");
            }
            $(this).mouseover(function () {
                $(this).addClass("trhover");
            }).mouseout(function () {
                $(".trhover").removeClass("trhover");
            });
        });
        //胡江华弹出层
        $(".bg").height($(document).height());
        $(".delete").click(function () {
            $(".bg").css("display", "block");
            $(".deleteDialog").css("display", "block");
            $(".deleteDialog").animate({ opacity: "1", top: "10%" }, 500);
        });
        $(".write_close,.close").click(function () {
            $(".modal").animate({ opacity: "0", top: "-25%" }, 500, function () {
                $(".modal").css("display", "none");
                $(".bg").css("display", "none");
            });

        })
        //胡江华去除表格中每行中最后一个td的右边框
        $("table tr").each(function () {
            $(this).find("th:last").css("border-right", "0");
            //$(this).find("td:last").css("border-right", "0");
        })
        //胡江华计算
        var obodyH = $("body").height();
        var onavbarH = $(".navbar").outerHeight();
        var otoptableH = $(".toptable").outerHeight();
        var opagelistH = $(".pagelist").outerHeight();
        var otableTW = $("#tableT").outerWidth();
        $(".container").css("height", obodyH - onavbarH - 20 + "px");
        $(".bottomtable").css("height", obodyH - onavbarH - otoptableH - opagelistH - 20 + "px");
        $("#tableB").css("width", otableTW);
        window.onresize = function () {
            var obodyH = $("body").height();
            var onavbarH = $(".navbar").outerHeight();
            var otoptableH = $(".toptable").outerHeight();
            var opagelistH = $(".pagelist").outerHeight();
            var otableTW = $("#tableT").outerWidth();
            $(".container").css("height", obodyH - onavbarH - 20 + "px");
            $(".bottomtable").css("height", obodyH - onavbarH - otoptableH - opagelistH - 20 + "px");
            $("#tableB").css("width", otableTW);
        }
    });
}
//编辑功能的实现
function Edit(object) {
    //$(object).parent().parent().find("td input").eq(0).removeClass('error');
    //$(object).parent().parent().find("td input").eq(1).removeClass('error');
    //$(object).parent().parent().find("td input").eq(2).removeClass('error');
    //获取当前行所在的索引
    var index = $(object).parent().parent().prevAll().length;
    //获取多少行合并
    rsp = $('#pr tr').eq(0).find('td:first').attr('rowspan');//几行合并
    var typeID = $("#drop_fx").val();
    var dqId = $('#drop_dq').val();
    var bmId = $('#drop_bm').val();
    var zwId = $('#drop_zw').val();
    var id = $(object).attr('data-id');
    var str = '';
    var wrongTimes = 0;
    var begin = $(object).parent().parent().find("td input").eq(0).val();
    var end = $(object).parent().parent().find("td input").eq(1).val();
    var com = $(object).parent().parent().find("td input").eq(2).val();

    if ((begin == "") || (isNaN(begin))) {
        wrongTimes++;
        $(object).parent().parent().find("td input").eq(0).addClass('error');
        $(object).parent().parent().find("td input").eq(0).attr("title", "最小值不能为空，并且只能是数字");
    }
    if ((end != "") && (isNaN(end))) {
        wrongTimes++;
        $(object).parent().parent().find("td input").eq(1).addClass('error');
        $(object).parent().parent().find("td input").eq(1).attr("title", "最大值如果填写，必须是数字");
    }
    if ((com == "") || (isNaN(com))) {
        wrongTimes++;
        $(object).parent().parent().find("td input").eq(2).addClass('error');
        $(object).parent().parent().find("td input").eq(2).attr("title", "价格不能为空，并且只能是数字");
    }
    //如果最大值是数字，
    if (!isNaN(end)) {
        if (parseFloat(begin) >= parseFloat(end)) {
            wrongTimes++;
            $(object).parent().parent().find("td input").eq(0).addClass('error');
            $(object).parent().parent().find("td input").eq(1).addClass('error');
            $(object).parent().parent().find("td input").eq(0).attr("title", "区间有误");
            $(object).parent().parent().find("td input").eq(1).attr("title", "区间有误");
        }
        else {
            if (index > 0) {
                for (var i = 0; i < index ; i++) {
                    var b = $('#pr').find("tr").eq(i).find("td input").eq(0).val();
                    var e = $('#pr').find("tr").eq(i).find("td input").eq(1).val();
                    if ($('#pr').find("tr").eq(i).find("td input").eq(1).val() == "") {
                        if (parseFloat(end) > parseFloat(b)) {
                            wrongTimes++;
                            $(object).parent().parent().find("td input").eq(1).addClass('error');
                            $(object).parent().parent().find("td input").eq(1).attr('title', "区间有误");
                        }
                    }
                    if (parseFloat(begin) <= parseFloat(b) && parseFloat(end) > parseFloat(b)) {
                        wrongTimes++;
                        $(object).parent().parent().find("td input").eq(0).addClass('error');
                        $(object).parent().parent().find("td input").eq(1).addClass('error');
                        $(object).parent().parent().find("td input").eq(0).attr("title", "区间有误");
                        $(object).parent().parent().find("td input").eq(1).attr("title", "区间有误");
                    }
                    if (parseFloat(begin) >= parseFloat(b) && parseFloat(end) <= parseFloat(e)) {
                        wrongTimes++;
                        $(object).parent().parent().find("td input").eq(0).addClass('error');
                        $(object).parent().parent().find("td input").eq(1).addClass('error');
                        $(object).parent().parent().find("td input").eq(0).attr("title", "区间有误");
                        $(object).parent().parent().find("td input").eq(1).attr("title", "区间有误");
                    }
                    if (parseFloat(begin) < parseFloat(e) && parseFloat(end) >= parseFloat(e)) {
                        wrongTimes++;
                        $(object).parent().parent().find("td input").eq(0).addClass('error');
                        $(object).parent().parent().find("td input").eq(1).addClass('error');
                        $(object).parent().parent().find("td input").eq(0).attr("title", "区间有误");
                        $(object).parent().parent().find("td input").eq(1).attr("title", "区间有误");
                    }
                }
            }
            if (index + 1 < rsp) {
                //说明是中间插入行
                for (var j = (index + 1) ; j < rsp; j++) {
                    var b = $('#pr').find("tr").eq(j).find("td input").eq(0).val();
                    var e = $('#pr').find("tr").eq(j).find("td input").eq(1).val();
                    if (parseFloat(begin) <= parseFloat(b) && parseFloat(end) > parseFloat(b)) {
                        wrongTimes++;
                        $(object).parent().parent().find("td input").eq(0).addClass('error');
                        $(object).parent().parent().find("td input").eq(1).addClass('error');
                        $(object).parent().parent().find("td input").eq(0).attr("title", "区间有误");
                        $(object).parent().parent().find("td input").eq(1).attr("title", "区间有误");
                    }
                    if (parseFloat(begin) >= parseFloat(b) && parseFloat(end) <= parseFloat(e)) {
                        wrongTimes++;
                        $(object).parent().parent().find("td input").eq(0).addClass('error');
                        $(object).parent().parent().find("td input").eq(1).addClass('error');
                        $(object).parent().parent().find("td input").eq(0).attr("title", "区间有误");
                        $(object).parent().parent().find("td input").eq(1).attr("title", "区间有误");
                    }
                    if (parseFloat(begin) < parseFloat(e) && parseFloat(end) >= parseFloat(e)) {
                        wrongTimes++;
                        $(object).parent().parent().find("td input").eq(0).addClass('error');
                        $(object).parent().parent().find("td input").eq(1).addClass('error');
                        $(object).parent().parent().find("td input").eq(0).attr("title", "区间有误");
                        $(object).parent().parent().find("td input").eq(1).attr("title", "区间有误");
                    }
                }
            }
        }
    }
    //当前最大不填写
    if (end == "") {
        if (index > 0) {
            for (var i = 0; i < index ; i++) {
                var b = $('#pr').find("tr").eq(i).find("td input").eq(0).val();
                var e = $('#pr').find("tr").eq(i).find("td input").eq(1).val();
                if (e == "") {
                    wrongTimes++;
                    $(object).parent().parent().find("td input").eq(1).addClass('error');
                    $(object).parent().parent().find("td input").eq(1).attr('title', "已经有了无限大，不能再为空了！");
                }
                if (parseFloat(begin) < parseFloat(e))
                {
                    wrongTimes++;
                    $(object).parent().parent().find("td input").eq(0).addClass('error');
                    $(object).parent().parent().find("td input").eq(0).attr('title', "区间范围有误！");
                    $(object).parent().parent().find("td input").eq(1).addClass('error');
                    $(object).parent().parent().find("td input").eq(1).attr('title', "区间范围有误！");
                }
            }
            if (index + 1 < rsp) {
                //说明是中间插入行
                for (var j = (index + 1) ; j < rsp; j++) {
                    var b = $('#pr').find("tr").eq(j).find("td input").eq(0).val();
                    var e = $('#pr').find("tr").eq(j).find("td input").eq(1).val();
                    if (e == "") {
                        wrongTimes++;
                        $(object).parent().parent().find("td input").eq(1).addClass('error');
                        $(object).parent().parent().find("td input").eq(1).attr('title', "已经有了无限大，不能再为空了！");
                    }
                    if (parseFloat(begin) < parseFloat(e)) {
                        wrongTimes++;
                        $(object).parent().parent().find("td input").eq(0).addClass('error');
                        $(object).parent().parent().find("td input").eq(0).attr('title', "区间范围有误！");
                        $(object).parent().parent().find("td input").eq(1).addClass('error');
                        $(object).parent().parent().find("td input").eq(1).attr('title', "区间范围有误！");
                    }
                }
            }
        }
    }
    str = begin + "," + end + "," + com;
    if (wrongTimes > 0) {
        return false;
    }
    else {
        $.post("/za/das/Edit", { "typeID": typeID, "dqId": dqId, "bmId": bmId, "zwId": zwId, "str": str, "id": id }, function (data) {
            if (data == "ok") {
                $(object).parent().parent().find("td input").eq(0).removeClass('error');
                $(object).parent().parent().find("td input").eq(1).removeClass('error');
                $(object).parent().parent().find("td input").eq(2).removeClass('error');
                $(object).parent().parent().find("td input").eq(0).attr('title', '');
                $(object).parent().parent().find("td input").eq(1).attr('title', '');
                $(object).parent().parent().find("td input").eq(2).attr('title', '');
                caloaddata();
            }
            else if (data == 'no') {
                jAlert('保存失败！');
            }
        });
    }

}

//删除区间段
function Del(object) {
    jConfirm("是否要删除？", "提醒", function (r) {
        if (r) {
            rsp = $('#pr tr').eq(0).find('td:first').attr('rowspan');//几行合并
            var id = $(object).attr('data-id');
            //还未保存的部分
            if (id == "") {
                //还未保存的行数多于一行
                if (parseFloat(rsp) > 1) {
                    var num = $(object).parent().parent().find('td').length;
                    //第一行
                    if (num == 4) {
                        //第一行
                        var objtr = $(object).parent().parent().find('td:first').attr('rowspan', parseFloat(rsp) - 1);
                        $(object).parent().parent().remove();
                        $('#pr').find('tr:first').prepend(objtr);
                    }
                    else if (num == 3) {
                        //如果是新添加的该行，没有保存到数据库，直接移除该行
                        $(object).parent().parent().remove();
                        $("#pr tr").eq(0).find('td:first').attr('rowspan', parseFloat(rsp) - 1);
                    }
                }
                    //还未保存的行数为一行
                else {
                    //如果是新添加的该行，没有保存到数据库，直接移除该行
                    $(object).parent().parent().remove();
                    $("#pr tr").eq(0).find('td:first').attr('rowspan', parseFloat(rsp) - 1);

                }

            }
                //已经保存的部分
            else if (id != "") {
                //从数据库中移除，并且移除该行
                $.post("/za/das/Del", { "id": id }, function (data) {
                    if (data == "ok") {
                        caloaddata();
                    }
                    else if (data == 'no') {
                        jAlert('删除失败');
                    }

                });
            }
        }
    });

}
///添加区间
function AddRow(object) {
    rsp = $('#pr tr').eq(0).find('td:first').attr('rowspan');

    var row = "<tr class='trhover'><td width='30%'><input type=\"text\" class=\"csrow minmiddwidth\" οnblur=\"Edit(this)\" data-id=\"\" value=''><span>&nbsp;-&nbsp;</span><input type=\"text\" class=\"csrow minmiddwidth\" οnblur=\"Edit(this)\" data-id=\"\" value=''><span class=\"precentspan\"></span></td><td width='30%'><input type=\"text\" class=\"minmiddwidth\"  onBlur=\"Edit(this)\" data-id=\"\" value=''><span class=\"precentspan\"></span></td><td style='border-right:0'><a href=\"javascript:;\" class=\"myQJ addicon\" title='添加' οnclick=\"AddRow(this)\"></a><a href=\"javascript:;\" οnclick=\"Del(this)\" class=\"deleicon mar10\" title='删除' data-id=\"\"></a></td></tr>";

    $("#pr tr").eq(0).find('td:first').attr('rowspan', parseFloat(rsp) + 1);

    $(object).parent().parent().after(row);
}

//删除的实现
function DelSet(object) {
    jConfirm("是否要删除？", "提醒", function (r) {
        if (r) {
            var typeID = $("#drop_fx").val();
            var dqId = $('#drop_dq').val();
            var bmId = $('#drop_bm').val();
            var zwId = $('#drop_zw').val();
            $.post("/za/das/DelGroup", { "typeId": typeID, "dqId": dqId, "bmId": bmId, "zwId": zwId }, function (data) {
                if (data == "ok") {
                    caloaddata();
                }
                else {
                    jAlert('删除失败！');
                }

            });
        }
    });
}