"use strict";
layui.extend({
    common    :   'js/common'
}).use(['jquery','layer','laytpl','element','common'],function () {
    //  引入jquery
    var $ = layui.jquery;
    //  引入弹窗插件
    var layer = layui.layer;
    //  渲染模板插件
    var layTpl = layui.laytpl;
    //  引入饿了么插件
    var element = layui.element;

    //  1级菜单类名
    var topMenuItem = '.top_menu_item';
    //  绑定点击事件
    $(topMenuItem).on('click',function () {
        var $this = $(this);
        //  获取菜单Id
        var id = $this.attr('data-id');
        if (!parseInt(id)){
            layer.msg("参数异常");
        }
        var leftMenu = $('#LAY-system-side-menu');
        //  判断这个菜单是否已经打开
        if (leftMenu.attr('data-top-menu-id') === id){
            return;
        }
        //  获取子菜单
        $.ajax({
            url     :   '/home/getSubMenuList/' + id,
            success :   function (result) {
                //  渲染模板
                layTpl($('#left_menu_template').html()).render({ list : result.list }, function(htmlText){
                    leftMenu.html(htmlText);
                    leftMenu.attr('data-top-menu-id',id);
                    //  重新渲染菜单
                    element.render('nav', 'layadmin-system-side-menu');
                });
            }
        });
    });

    //  发开账户设置页面
    $(document).on('click','.account_setup',function () {
        layer.open({
            title   :   '账户设置',
            type: 2,
            area: ['700px', '615px'],
            shadeClose: true,
            content: '/permissions/account/setup'
        });
    });

});
