Ethan
/
Home-Data


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
							<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AQM</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="SHORTCUT ICON" href="{$Think.HOME_SITE_ROOT}/images/LOGO.png"/>
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="{$Think.PLUGINS_SITE_ROOT}/layui/css/layui.css">
    <link rel="stylesheet" href="{$Think.ADMIN_SITE_ROOT}/css/admin.css">
    <link rel="stylesheet" href="{$Think.ADMIN_SITE_ROOT}/iconfont/iconfont.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1247714_vnxzcw7mpo.css">
    <script src="{$Think.PLUGINS_SITE_ROOT}/jquery-2.1.4.min.js"></script>
    <script src="{$Think.ADMIN_SITE_ROOT}/js/admin.js"></script>
    <script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/layui/layui.js"></script>
    <script type="text/javascript">
        var BASESITEROOT = "{$Think.BASE_SITE_ROOT}";
        var ADMINSITEROOT = "{$Think.ADMIN_SITE_ROOT}";
        var BASESITEURL = "{$Think.BASE_SITE_URL}";
        var HOMESITEURL = "{$Think.HOME_SITE_URL}";
        var ADMINSITEURL = "{$Think.ADMIN_SITE_URL}";
    </script>
</head>
<body>
<style type="text/css">
    .layui-tab {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        margin: 0;
        border: none;
        overflow: hidden;
    }

    .layui-tab-content {
        padding: 0;
        height: 100%;
    }

    .layui-tab-item {
        height: 100%;
    }
    .treeview .admin-nav-item{
            color: #a7b1c2 !important;
            padding-left: 5px;
    }
    .treeview .admin-nav-item:hover{
            color: #fff !important;
    }
</style>
<div class="admincp-header">
    <div class="logo">
        <img width="200" src="{$Think.ADMIN_SITE_ROOT}/images/backlogo.png"/>
    </div>
    <div class="navbar">
        <ul class="fr" style="float:right" id="nav">
            <li>
                <span>{$Think.lang.ds_shalom},{$Think.session.admin_name}</span>
                <dl class="layui-nav-child"> <!-- 二级菜单 -->
                    <dd><a href="javascript:dsLayerOpen('{:url('Index/modifypw')}','{$Think.lang.ds_change_password}')">{$Think.lang.ds_change_password}</a></dd>
                    <dd><a href="{:url('Login/logout')}">{$Think.lang.ds_safe_withdrawing}</a></dd>
                </dl>
            </li>
            <li><a href="javascript:dsLayerConfirm('{:url('Index/clear')}','{$Think.lang.ds_clear_cache_confirm}')">{$Think.lang.ds_clear_cache}</a></li>
        </ul>
    </div>
</div>
<div class="admincp-container">
    <div class="admincp-container-left">
        <ul class="sidebar-menu" id="gloMenu">
            {foreach name="menu_list" item="menu" key="fe_menu"}
            {if !empty($menu.children)}
            <li class="treeview">
                <div class="title" id="navT"><i class="iconfont icon-{$fe_menu}"></i><span class="title-txt"> {$menu.text}</span><span class="layui-nav-more"></span></div>
                <ul class="treeview-menu" id="navC" style="display:none;">
                    {foreach name="menu.children" item="submenu" key="fe_submenu" }
                    <!--{//if array_intersect(explode("/",substr($submenu['url'],7,-5)),$gupinfo)}-->
                        <li><a data-id="{$fe_menu}-{$fe_submenu}" href="{$submenu.url}" class="admin-nav-item">{$submenu.text}</a></li>
                    <!--{//if}-->
                    {/foreach}
                </ul>
            </li>
            {else}
                <li class="treeview">
                    <div class="title" id="navT"><i class="iconfont icon-{$fe_menu}"></i><a data-id="{$fe_menu}" href="{$menu.url}" class="admin-nav-item">{$menu.text}</a></div>
                </li>
            {/if}

            {/foreach}
        </ul>
    </div>

    <div class="admincp-container-right">
        <div class="layui-tab layui-tab-card" lay-filter="dsTab" lay-allowclose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="0">
                    <cite>{$Think.lang.ds_welcome}</cite>
                </li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe lay-id="0" src="{:url('Wlcome/index')}" width="100%" height="100%" frameborder="0" scrolling="yes"></iframe>
                </div>
            </div>
        </div>
    </div>
    {block name="container"}{/block}
</div>
<script type="text/javascript">
    var width =document.body.clientWidth;
    var changesmall =function(){
        if($(".admincp-container-left").css("width")=="200px"){
            $(".admincp-container-left").css("width","55px");
            $("#layout-center").css({"position":"absolute","left":"55px","width":(width-55)+"px"});
            $(".title").attr('title',$(".title .title-txt").html())
            $(".title .title-txt").css("display","none");
            $('.admincp-container-right').css("left","55px");
        }else{
            $(".admincp-container-left").css("width","200px");
            $("#layout-center").css({"position":"absolute","left":"130px","width":(width-130)+"px"});
            $(".title").attr('title',"")
            $(".title span").css("display","inline-block");
            $('.admincp-container-right').css("left","200px");
        }
    }

</script>
<script type="text/javascript">
    layui.use(['jquery', 'element', 'layer'], function () {
        var $ = layui.jquery, element = layui.element, layer = layui.layer;
        $('.layui-tab-content').height($(window).height() - 145);
        var tab = {
            add: function (title, url, id) {
                element.tabAdd('dsTab', {
                    title: title,
                    content: '<iframe width="100%" height="100%" lay-id="' + id + '" frameborder="0" src="' + url + '" scrolling="yes" class="x-iframe"></iframe>',
                    id: id
                });
            }, change: function (id) {
                element.tabChange('dsTab', id);
            }
        };
        $('.admin-nav-item').click(function (event) {
            var that = $(this);
            if ($('iframe[src="' + that.attr('href') + '"]')[0]) {
                tab.change(that.attr('data-id'));
                event.stopPropagation();
                return false;
            }
            if ($('iframe').length == 20) {
                layer.msg('最多可打开20个标签页');
                return false;
            }
            that.css({color: '#fff'});
            tab.add(that.text(), that.attr('href'), that.attr('data-id'));
            tab.change(that.attr('data-id'));
            event.stopPropagation();
            return false;
        });
        $(document).on('click', '.layui-tab-close', function () {
            $('.layui-nav-child a[data-id="' + $(this).parent('li').attr('lay-id') + '"]').css({color: 'rgba(255,255,255,.7)'});
        });
    });
    $('#gloMenu').on('click', '#navT', function () {
        var parent = $(this).closest('li');
        var index = parent.index();
        if (parent.find('#navC').find('li').length) {
            if (parent.hasClass('open')) {
                parent.find('#navC').stop(true).slideUp(300, function () {
                    parent.removeClass('open')
                });
            } else {
                var openLi = $('.sidebar-menu').find('li.open');
                openLi.removeClass('open').find('#navC').stop(true).slideUp(300);
                parent.addClass('open').find('#navC').stop(true).slideDown(300);
            }
        }
    })
    $('#nav').on('click', '#nav1', function () {
        var parent = $(this).closest('li');
        var index = parent.index();
        if (parent.find('#nav2').find('li').length) {
            if (parent.hasClass('open')) {
                parent.find('#nav2').stop(true).slideUp(300, function () {
                    parent.removeClass('open')
                });
            } else {
                var openLi = $('.sidebar-menu').find('li.open');
                openLi.removeClass('open').find('#nav2').stop(true).slideUp(300);
                parent.addClass('open').find('#nav2').stop(true).slideDown(300);
            }
        }
    })
</script>
</body>


</html>