wenhuayun/app/home/view/szwjs/static/js/aboutus.js

(function () {
    var leftTitle={
        zh:'关于本所',
        en:'ABOUT US',
    };
    var leftMenus=[
        {
            id:'1',
            name:'成立背景',
            /*children:[//仅支持到二级菜单
                {
                    id:'1',
                    name:'成立背景-001'
                },
                {
                    id:'b',
                    name:'成立背景-002'
                },
            ]*/
        },
        {
            id:'2',
            name:'平台授权'
        },
        {
            id:'3',
            name:'定位和概念'
        },
        {
            id:'4',
            name:'对象和范围'
        },
        {
            id:'5',
            name:'交易手段和平台服务'
        },
        {
            id:'6',
            name:'业务框架和模型'
        },
        {
            id:'7',
            name:'理念和宗旨'
        },
    ];
    var urlParams=Utils.url2hash();
    //选中菜单
    var activeMenuId=getDefaultMenuId();
    var leftMenusEl,rcTitleEl,rcContentEl;
    $(function () {
        leftMenusEl=$("#leftmenus");
        rcTitleEl=$("#rc_title");
        rcContentEl=$("#rc_panel");

        buildMenus(leftMenusEl);
        leftMenusEl.on('click','a',function (e) {e.preventDefault();e.stopPropagation();
            var self=$(this);
            setActiveMenu(self);
            setRightContent(rcContentEl,self);
        });
        leftMenusEl.find('a[data-id="'+activeMenuId+'"]').click();
    });

    function getDefaultMenuId() {
        var menuId=urlParams.type;
        if(!menuId){
            var children=leftMenus;
            while (children.length>0){
                var firstChild=children[0];
                menuId=firstChild.id||'';
                children=firstChild.children||[];
            }
        }
        return menuId;
    }

    function buildMenus(wrapEl) {
        wrapEl.append('<li class="list_flex flex_center lm_title"><div>'+(leftTitle.zh||'')+'<br><div class="lm_en">'+(leftTitle.en||'')+'</div></div></li>');
        var html='';
        leftMenus.forEach(function (item) {
            var id=item.id||'';
            var name=item.name||'';
            var childArr=item.children||[];
            html+='<li class="menu_item"><a data-id="'+id+'">'+name+'</a>';
            if(childArr.length>0){
                html+='<ul class="menu_child">';
                childArr.forEach(function (childItem) {
                    var id_child=childItem.id||'';
                    var name_child=childItem.name||'';
                    html+='<li class="child_item"><a data-id="'+id_child+'">'+name_child+'</a></li>';
                });
                html+='</ul>';
            }
            html+='</li>';
        });
        wrapEl.append(html);
    }

    function setActiveMenu(self) {
        var parentEl=self.parent();
        var childMenuEl=null;
        if(parentEl.hasClass('menu_item')){//一级菜单
            childMenuEl=parentEl.children('.menu_child');
            if(childMenuEl.length>0){
                childMenuEl.slideToggle(200);
            }
            var prevActiveEl=leftMenusEl.find('.menu_item>.active');
            if(prevActiveEl.length>0&&self.text()!=prevActiveEl.text()){
                var nextEl=prevActiveEl.next();
                if(nextEl.length>0){
                    nextEl.slideToggle(200);
                }
                if(self.attr('data-id')){
                    leftMenusEl.find('.active').removeClass('active');
                }else{
                    prevActiveEl.removeClass('active');
                }
            }
            self.addClass('active');

        }else if(parentEl.hasClass('child_item')){//二级菜单
            leftMenusEl.find('.active').removeClass('active');
            self.addClass('active');
            var parentMenuEl=parentEl.closest('.menu_item');
            parentMenuEl.children('a').addClass('active');
            childMenuEl=parentMenuEl.children('.menu_child');
            if(childMenuEl.is(':hidden')){
                childMenuEl.slideDown(200);
            }
        }
    }
    //根据菜单类型获取数据
    function setRightContent(wrapEl,self) {
        wrapEl.empty();
        var menuId=self.attr('data-id')||'';
        if(menuId){
            rcTitleEl.text(self.text());
            rcTitleEl.show();
            getInfo(menuId,function (data) {
                if(data&&data.content){
                    wrapEl.html(data.content);
                }
            })
        }
    }

    function getInfo(type,call) {
        var url='/home/About/look?type='+type;
        $.ajax({
            url:url,
            type:'get',
            dataType:'json',
            success:function (rs) {
                if(rs&&rs.code==200){
                    call&&call(rs.data);
                }else{
                    call&&call();
                }
            },
            error:(function (e) {
                call&&call();
            })
        });
    }
})();