var example = null;
var pers = null ;
var remarkShowLength = 10;
layui.use([ 'layer' ,'form'], function() {
    var layer = layui.layer;
    var form = layui.form;
    pers = checkPermission();
    $("#searchBt").click(function(){
        localStorage.setItem("keyWords",$("#keyWord").val());
        location.reload();
    });
    init()
});

function init() {
    var keyWords = localStorage.getItem("keyWords");
    if(keyWords !=""){
        $("#keyWord").val(keyWords);
        localStorage.removeItem("keyWords");
    }
    initMenuList();
    $("#dt-table").treetable(option);
}

function initMenuList(){
    $.ajax({
        type : 'get',
        url : ctxPath + '/dictionary',
        async:false,
        data: {keyWord: $("#keyWord").val()},
        success : function(data) {
            var length = data.length;
            for(var i=0; i<length; i++){
                var d = data[i];
                var tr = "<tr data-tt-id='" + d['id'] + "' data-tt-parent-id='" + d['parentId'] + "'>";
                var value = "<td>" + d['value'] +"</td>";
                tr += value;
                var remarkName = ""
                if(d['remark'] =="null" || d['remark'] =="" || d['remark'] ==null){
                    remarkName ="";
                }else{
                    remarkName = d['remark'];
                }
                var remark = "<td>" + remarkName +"</td>";
                tr += remark;
                var id = d['id'];
                var href = ctxPath + "/pages/work/ownPerson/dictionaryForm.html?id=" + id;
                var edit = buttonEdits(id, "sys:dictionary:add", pers);
                var del = buttonDel(id, "sys:dictionary:del", pers);
                tr += "<td>"+edit + del+"</td>";
                tr += "</tr>"
                $("#dt-table").append(tr);
            }
        }
    });
}

// 删除按钮
function buttonDel(data, permission, pers) {
    if (permission != "") {
        if ($.inArray(permission, pers) < 0) {
            return "";
        }
    }
    var btn = $("<button class='layui-btn layui-btn-xs' title='删除' onclick='del(\"" + data + "\")'><i class='layui-icon'>&#xe640;</i></button>");
    return btn.prop("outerHTML");


}

function del(id){
    localStorage.setItem("keyWords",$("#keyWord").val());
    layer.confirm('确定要删除吗？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            type : 'delete',
            url : ctxPath + '/dictionary/' + id,
            success : function(data) {
                if (data.resMsg == '删除成功') {
                    layer.msg("删除成功", {icon: 1, time: 1000});
                    setTimeout("location.reload();", 1100);
                } else {
                    layer.msg(data.resMsg, {icon: 2, time: 3000});
                }
            }
        });
    });
}

var option = {
    expandable : true,
    clickableNodeNames : true,
    onNodeExpand : function() {
        var d = this;
    },
    onNodeCollapse : function() {
        var d = this;
    }

};

/**
 * 新增页面
 * */
function insertDictionary() {
    localStorage.setItem("keyWords",$("#keyWord").val());
    var height = '600px';
    var width = '1200px';
    var index = layer.open({
        title: ['新增', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
        type: 2,
        content: 'dictionaryForm.html',
        area: [width, height],
        maxmin: false,
        btn: ['确定', '关闭'],
        success: function (layero, index) {
            var myIframe = window[layero.find('iframe')[0]['name']];
            var fnc = myIframe.getDictionary("");
        },
        yes: function (index, layero) {
            // 获取弹出层中的form表单元素
            var formSubmit = layer.getChildFrame('form', index);
            var submited = formSubmit.find('button')[0];
            // 触发点击事件，会对表单进行验证，验证成功则提交表单，失败则返回错误信息
            submited.click();
        },
        btn2: function (index, layero) {
        }
    });
}

// 编辑按钮
function buttonEdits(id, permission, pers) {
    if (permission != "") {
        if ($.inArray(permission, pers) < 0) {
            return "";
        }
    }
    var btn = $("<button class='layui-btn layui-btn-xs' title='编辑' onclick='edit(\"" + id + "\")'><i class='layui-icon'>&#xe642;</i></button>");
    return btn.prop("outerHTML");
}

/**
 * 编辑页面
 */
function edit(id) {
    localStorage.setItem("keyWords",$("#keyWord").val());
    $.ajax({
        type: 'POST',
        contentType: "application/x-www-form-urlencoded",
        url: ctxPath + '/dictionary/getDictionaryInfoById',
        data: {"id": id},
        dataType: 'json',
        success: function (data) {
            var height = '85%';
            var width = '85%';
            var index = layer.open({
                title: ['修改', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
                type: 2,
                content: 'dictionaryForm.html',
                area: [width, height],
                maxmin: false,
                btn: ['确定', '关闭'],
                success: function (layero, index) {
                    var myIframe = window[layero.find('iframe')[0]['name']];
                    var fnc = myIframe.setData(data); //aaa()为子页面的方法
                },
                yes: function (index, layero) {
                    // 获取弹出层中的form表单元素
                    var formSubmit = layer.getChildFrame('form', index);
                    var submited = formSubmit.find('button')[0];
                    // 触发点击事件，会对表单进行验证，验证成功则提交表单，失败则返回错误信息
                    submited.click();
                    // example.ajax.reload(); // 刷新页面
                },
                btn2: function (index, layero) {
                }
            });
        }
    })
}