guoyao-jiankang/application/admin/view/index/def2.html

{extend name="common/common2" /}
{block name="main"}
<style>


</style>
<!--<link rel="stylesheet" href="/admin/css/common.css">-->
<link rel="stylesheet" href="/admin/css/index.css">
<link rel="stylesheet" href="/admin/css/indexsub.css">

<div class="gyindexsub-menu-list-box"  style="display: none;
    /*height: 100% !important;*/
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}">

    <div class="indexsub-bread-crumbs-box">
        <a href="javascript:;" onclick="window.parent.goindex()" class="active">首页</a>
        {if $menuTitle}
        <a href="javascript:;" id="onebreadcrumbs">{$menuTitle}</a>
        {/if}
        {if $menuTitle1}
        <a href="javascript:;" id="twobreadcrumbs">{$menuTitle1}</a>
        {/if}
        {if $menuTitle2}
        <a href="javascript:;" id="threebreadcrumbs">{$menuTitle2}</a>
        {/if}
    </div>
    <div class="qsidenav" style="margin-left: 0!important;margin-top: 0!important;">
        <div class="qsidenav-list qsidenablistthreemenulist">
            <!--  <div class="qsidenav-twomenu-name">设备维保</div>
              <div class="sub">
                  <a href="">
                      <div class="sub-list cur">设备管理</div>
                  </a>
                  <a href="">
                      <div class="sub-list">设备管理</div>
                  </a>
              </div>-->
        </div>
    </div>

    <div class="gymenu-body-box" id="gy-main-iframe-menu" style="top:68px!important;left: 217px;height: 100%;
    right: 0px;">
        <!--        <iframe class="J_iframe" name="iframe0" width="100%" height="100%" id="gyindexsub-iframes"  frameborder="0" data-id="index_v1.html" seamless></iframe>-->
    </div>
</div>

<div class="main-box main-box-h2 gongzuotaimenu" id="main-iframe" style="display: none">
    <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="{:url('Index/def')}" frameborder="0" data-id="index_v1.html" seamless></iframe>
</div>



{/block}
{block name="script"}
<script>
    var menus = {:json_encode($menus)};
    var submenuId = {:json_encode($menuId)};
    var curmenu = {:json_encode($curmenu)};
    function changeMenu(_self) {
        var menuId = $(_self).attr('data-id');
        $('.menu-name-box').removeClass('cur-menu-style');
        $(_self).addClass('cur-menu-style');
        if(menuId == 500){
            $('.gyindexsub-menu-list-box').css('display','none');
            $('.gongzuotaimenu').css('display','block');
        }else{
            $('.gyindexsub-menu-list-box').css('display','block');
            $('.gongzuotaimenu').css('display','none');
            var newMenus = [];
            var menuurl = '';
            menus.forEach((item) => {
                if(Number(menuId) == Number(item.id)){
                    newMenus = item.child;
                    var childList = item.child;
                    if(childList.length >0){
                        for (let i in childList){
                            if(childList[0].url){
                                menuurl = childList[0].url
                            }else{
                                var subChildList = childList[0].child;
                                if(childList[0].child){
                                    for(let o in subChildList){
                                        if(subChildList[0].url){
                                            menuurl = subChildList[0].url;
                                        }
                                    }
                                }

                            }
                        }

                    }
                }
            });

            var str = '';
            for (let i in newMenus){
                var childList = newMenus[i].child;
                if(childList.length >0){
                    str += '<div class="qsidenav-list">';
                    str += '<div class="qsidenav-twomenu-name">'+newMenus[i].title+'</div>';
                    str += '<div class="sub">';
                    if(childList.length >0){
                        for (let o in childList){
                            str += '<a href="javascript:;">';
                            str += '<div class="sub-list endmenuactive'+childList[o].id+'" data-url="'+childList[o].url+'"  data-id="'+newMenus[i].id+'" onclick="changeEndSubMenu(this)">'+childList[o].title+'</div>';
                            str += '</a>';
                        }
                    }
                    str += '</div>';
                    str += '</div>';
                }else{
                    str += '<div class="qsidenav-list">';
                    // str += '<div class="qsidenav-twomenu-name">'+newMenus[i].title+'</div>';
                    str += '<div class="sub">';
                    str += '<a href="javascript:;">';
                    str += '<div class="sub-list endmenuactive'+childList[o].id+'" data-url="'+newMenus[i].url+'"  data-id="'+newMenus[i].id+'" onclick="changeEndSubMenu(this)">'+newMenus[i].title+'</div>';
                    str += '</a>';
                    str += '</div>';
                    str += '</div>';
                }

            }
            $('.qsidenablistthreemenulist').html(str);


            let menustr = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+menuurl+'" frameborder="0" data-id="'+menuurl+'" seamless></iframe>';
            $('#gy-main-iframe-menu').html(menustr);
        }



    }

    function changeEndSubMenu(_self,type){
        var menuId = $(_self).attr('data-id');
        var menuurl = $(_self).attr('data-url');
        var menutitle = $(_self).attr('data-title');
        var menuftitle = $(_self).attr('data-ftitle');
        $('.sub-list').removeClass('cur');
        $(_self).addClass('cur');

        if(type == 1){
            $('#twobreadcrumbs').html(menuftitle)
            $('#threebreadcrumbs').html(menutitle)
        }else{
            $('#twobreadcrumbs').html(menutitle)
        }


        let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+menuurl+'" frameborder="0" data-id="'+menuurl+'" seamless></iframe>';
        $('#gy-main-iframe-menu').html(str);
        return false;
    }

    $(function (){
        var menusublist = [];
        var menuurl2 = '';
        if(curmenu == 500){
            $('.gyindexsub-menu-list-box').css('display','block');
        }
        var firstmenuid = '';
        if(submenuId > 0){
            for (let i in menus){
                let subList = menus[i].child;
                for (let o in subList){
                    if(submenuId == subList[o].id){
                        menusublist.push(subList[o]);
                        if(subList[o].child.length >0){
                            menuurl2 = subList[o].child[0].url;
                            firstmenuid = subList[o].child[0].id;
                        }
                    }
                }
            }

            var str = '';
            for (let i in menusublist){
                var childList = menusublist[i].child;
                if(childList.length >0){
                    str += '<div class="qsidenav-list">';
                    str += '<div class="qsidenav-twomenu-name">'+menusublist[i].title+'</div>';
                    str += '<div class="sub">';
                    let ftitle = menusublist[i].title;
                    if(childList.length >0){
                        for (let o in childList){
                            str += '<a href="javascript:;">';
                            str += '<div class="sub-list endmenuactive'+childList[o].id+'" data-url="'+childList[o].url+'"  data-id="'+childList[i].id+'" data-ftitle="'+ftitle+'"   data-title="'+childList[o].title+'" onclick="changeEndSubMenu(this,1)">'+childList[o].title+'</div>';
                            str += '</a>';
                        }
                    }
                    str += '</div>';
                    str += '</div>';
                }else{
                    str += '<div class="qsidenav-list">';
                    // str += '<div class="qsidenav-twomenu-name">'+newMenus[i].title+'</div>';
                    str += '<div class="sub">';
                    str += '<a href="javascript:;">';
                    str += '<div class="sub-list endmenuactive'+menusublist[i].id+'" data-url="'+menusublist[i].url+'"  data-id="'+menusublist[i].id+'" data-ftitle="" data-title="'+menusublist[i].title+'"  onclick="changeEndSubMenu(this,2)">'+menusublist[i].title+'</div>';
                    str += '</a>';
                    str += '</div>';
                    str += '</div>';
                }

            }
            $('.qsidenablistthreemenulist').html(str);


            let menustr = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+menuurl2+'" frameborder="0" data-id="'+menuurl2+'" seamless></iframe>';
            $('#gy-main-iframe-menu').html(menustr);

            if(firstmenuid){
                $('.endmenuactive'+firstmenuid).addClass('cur');
            }
        }

    })

</script>
{/block}