var tps = $('.tps');
var id = ''; //当前节点id
var name; //当前节点name
var pid; //当前节点父ID
var pidName;//
var xlName; //添加弹出框内下拉框内节点name
var token = $.cookie("token");
tree();

function tree() {
    $.get(huayi.config.callcenter_url + 'ModuleInfo/GetTreeList', {
        "token": $.cookie("token")
    }, function (result) {
        result = $.parseJSON(result);
        $.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
    });
}

var setting1 = {
    data: {
        key: {
            name: "text"
        },
        simpleData: {
            enable: true,
            idKey: "id",
            rootPId: 0
        }
    },
    callback: {
        onClick: zTreeOnClick
    }
};

function zTreeOnClick(event, treeId, treeNode) {
    id = treeNode.id;
    name = treeNode.text;
    var parent = treeNode.getParentNode();
    if (parent) {
        pidName = parent.text;
        pid = parent.id;
    } else {
        pidName = "顶级分类";
        pid = 0;
    }
};
var setting2 = {
    data: {
        key: {
            name: "text"
        },
        simpleData: {
            enable: true,
            idKey: "id",
            rootPId: 0
        }
    },
    callback: {
        onClick: addTreeClick
    }
}

function addTreeClick(event, treeId, treeNode) {
    addPid = treeNode.id;
    console.log(addPid);
    xlName = treeNode.text;
    $('.inps1').val(xlName);

};
//删除按钮
$('.del').click(function () {
    if (id == 'null' || id == '') {
        layer.confirm('没有要删除的分类！', {
            btn: ['确定']
        });
        return
    } else {
        $('.delModel').css('display', 'block');
        $('.delName').html(name);
    }
})
//关闭按钮
$('.delBtr').click(function () {
    $('.delModel').css('display', 'none');
})
//确定删除按钮
$('.sure').click(function () {
    $.ajax({
        type: "post",
        url: huayi.config.callcenter_url + "ModuleInfo/DelModule",
        async: true,
        dataType: 'json',
        data: {
            ids: id,
            token: token
        },
        success: function (data) {
            if (data.state == "success") {
                layer.msg("删除成功！");
                tree();
            }
        }
    });
    $('.delModel').css('display', 'none');

})
//取消删除按钮
$('.return').click(function () {
    $('.delModel').css('display', 'none');
})

//添加按钮
$('.add').click(function () {
    $('.addModel').css('display', 'block');
    if (pidName) {
        tps.html(name);
        $('.inps1').val(name);
        addPid = id;
    } else {
        tps.html('顶级分类');
        $('.inps1').val('顶级分类');
        addPid = 0;
    }
    treeCont();

})
//添加关闭按钮
$('.addBtr').click(function () {
    $('.addModel').css('display', 'none');
})
//添加内容下拉
$('.inps1').focus(function () {
    $('.xlAdd').css('display', 'block')
})
$('.xl_one').click(function () {
    if ($('.xlAdd').css('display') == 'block') {
        $('.xlAdd').css('display', 'none')
    } else {
        $('.xlAdd').css('display', 'block')
    }
})
$('.addTree').mouseleave(function () {
    $(this).css('display', 'none')
})
//保存添加按钮
var addPid, addDeptname, addSort;
//添加弹出框内 所属部门下拉框内数据
function treeCont() {
    $.get(huayi.config.callcenter_url + 'ModuleInfo/GetTreeList', {
        "token": $.cookie("token")
    }, function (result) {
        result = $.parseJSON(result);
        $.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
    });

}
$('.addCun').click(function () {
    //				console.log(addPid);
    //if ($('.inps2').val() == "" || $('.inps3').val() == "") {
    //    if (did.length <= 0) {
    //        layer.confirm('所添加内容不能为空！', {
    //            btn: ['确定']
    //        });
    //        return;
    //    }
    //} else {

    addName = $('.inps3').val();
    addCode = $('.inps4').val();
    addUrl = $(".inps5").val();
    addState = $('.inps7').prop('checked');
    addRemark = $('.inps8').val();
    addSort = $('.inps9').val();
    $('.addModel').css('display', 'none');
    $.ajax({
        type: "post",
        url: huayi.config.callcenter_url + "ModuleInfo/AddModule",
        dataType: 'json',
        async: true,
        data: {
            parentid: id,//当前选择节点ID
            code: addCode,
            name: addName,//部门名称
            url: addUrl,
            flag: addState,
            remark: addRemark,
            sort: addSort,//排列序号
            token: token
        },
        success: function (data) {
            //					console.log(data)
            //					console.log(data.state);
            if (data.state == "success") {
                layer.msg("添加成功！");
                tree();

            }
        }

    });

    //}
})

//修改按钮
var chanPid, //修改弹出框内 下拉框父节点ID
    chanId, //修改弹出框内 下拉框当前节点ID
    changeName, //修改弹出框内 下拉框当前节点name
    chbcName, //保存的部门名称
    chbcSort, //保存的排序号
    chbcPid; //保存的所属部门ID
$('.change').click(function () {
    if (id == 'null' || id == '') {
        layer.confirm('没有选择要修改的部门！', {
            btn: ['确定']
        })
        return
    } else {
        changeAjax(id);
        $('.changeModel').css('display', 'block');
        $('.chtps').html(name);
        changeTreeCont();
    }

});
//关闭按钮
$('.changeBtr').click(function () {
    $('.changeModel').css('display', 'none');
});
$('.inps4').focus(function () {
    $('.xlChange').css('display', 'block')
})
//下拉按钮功能
$('.xl_two').click(function () {
    if ($('.xlChange').css('display') == 'block') {
        $('.xlChange').css('display', 'none')
    } else {
        $('.xlChange').css('display', 'block')
    }
})
//修改弹出框内 下拉树形图参数配置项
var setting3 = {
    data: {
        key: {
            name: "text"
        },
        simpleData: {
            enable: true,
            idKey: "id",
            rootPId: 0
        }
    },
    callback: {
        onClick: changeTreeClick
    }
}

function changeTreeClick(event, treeId, treeNode) {
    //		chanPid = treeNode.pId;
    chanId = treeNode.id;
    changeName = treeNode.text;
    $('.inps1_chg').val(changeName);
    var pidnode = treeNode.getParentNode();
    if (pidnode) {
        chanPid = pidnode.id;
        $('.inps1_chg').val(changeName);
    } else {
        chanPid = 0;
    }
};

//修改弹出框内 所属部门下拉框内数据
function changeTreeCont() {
    $.get(huayi.config.callcenter_url + 'ModuleInfo/GetTreeList', {
        token: token
    }, function (result) {
        result = $.parseJSON(result);
        $.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
    });
}

function changeAjax(id) {
    $.ajax({
        type: "get",
        url: huayi.config.callcenter_url + "ModuleInfo/GetModule",
        dataType: 'json',
        async: true,
        data: {
            mId: id,
            token: token
        },
        success: function (res) {
            var data = res.data;
            if (pid == null) {
                pid == 0;
                $('.inps1_chg').val('顶级分类');
                chbcPid == 0;
            } else {
                $('.inps1_chg').val(pidName);
                chbcPid = pid;
            }
            $('.inps3_chg').val(data.name);
            $('.inps4_chg').val(data.code);
            $('.inps5_chg').val(data.url);
            if (data.enable == 1) { $('.inps7_chg').prop("checked", "checked"); }
            $('.inps8_chg').val(data.remark);
            $('.inps9_chg').val(data.sort);
        }
    });
}
//修改的保存按钮功能
function changeBaoCunAjax(id, chbcPid, chbcName, chbcSort) {
    var chgName = $('.inps3_chg').val();
    var chgCode = $('.inps4_chg').val();
    var chgUrl = $(".inps5_chg").val();
    var chgState = $('.inps7_chg').prop('checked');
    var chgRemark = $('.inps8_chg').val();
    var chgSort = $('.inps9_chg').val();
    $.ajax({
        type: "post",
        url: huayi.config.callcenter_url + "ModuleInfo/EditModule",
        async: true,
        dataType: 'json',
        data: {
            id: id,
            parentid: chbcPid,//当前选择节点ID
            code: chgCode,
            name: chgName,//部门名称
            url: chgUrl,
            flag: chgState,
            remark: chgRemark,
            sort: chgSort,//排列序号
            token: token
        },
        success: function (data) {
            if (data.state == "success") {
                layer.msg("修改成功！");
                tree();
            }
        }
    });
}

$('.changeCun').click(function () {
    //if ($('.inps4').val() == "" || $('.inps5').val() == "" || $('.inps6').val() == "") {
    //    layer.confirm('所修改内容不允许为空！', {
    //        btn: ['确定']
    //    });
    //    return;
    //} else {
    $('.changeModel').css('display', 'none');
    console.log('部门id' + id + '所属部门id' + chbcPid + '部门名称' + chbcName + '排序' + chbcSort);
    chbcPid = chanId;
    chbcName = $('.inps5').val();
    chbcSort = $('.inps6').val();
    changeBaoCunAjax(id, chbcPid, chbcName, chbcSort);
    //}

})