<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>{$meta_title}-{:C('WEB_SITE_TITLE')}</title>
    <link href="{:get_cover(C('SITE_ICO'),'path')}" type="image/x-icon" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="__CSS__/base.css" media="all">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css" media="all">
    <link rel="stylesheet" type="text/css" href="__CSS__/module.css">
    <link rel="stylesheet" type="text/css" href="__CSS__/style.css" media="all">
    <block name="css"></block>
    <link rel="stylesheet" type="text/css" href="__CSS__/{$Think.config.COLOR_STYLE}.css" media="all">

    <!--[if lt IE 9]>
    <script type="text/javascript" src="__STATIC__/jquery-1.10.2.min.js"></script>
    <![endif]-->
    <!--[if gte IE 9]><!-->
    <script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="__STATIC__/jquery.cookie.js"></script>
    <script type="text/javascript" src="__JS__/jquery.mousewheel.js"></script>
    <!--<![endif]-->
    <block name="style"></block>
    <style>
        .select2-dropdown {
            z-index: 1;
        }
    </style>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <span class="logo">
            <img src="{:get_cover(C('HT_LOGO'),'path')}" style="width:160px;height: auto;margin-top: 10px;">
        </span>
        <!-- /Logo -->

        <!-- 主导航 -->
        <ul class="main-nav ienav">
            <volist name="__MENU__.main" id="menu">
                <li class="{$menu.class|default=''}"><a href="{$menu.url|U}">
                        <p><i class="guidicon guidicon-{$menu.id}"></i></p>
                        <h5>{:L($menu['title'])}</h5>
                    </a></li>
            </volist>
        </ul>
        <!-- /主导航 -->

        <!-- 用户栏 -->
        <div class="topright">
            <ul>
                <!--                <li><span><img src="__IMG__/help.png" title="帮助" class="helpimg"></span><a href="http://xue.vlcms.com/" target="_blank">帮助</a></li>-->
                <li class="subjectlist jssubject">
                    <a href="javascript:;" class="cbtn jscbtn">主题<i></i></a>
                    <div class="subject-sublist jssubjectlist">
                        <?php $colorstyle = get_color_style_list();?>
                        <volist name="colorstyle.list" id="vo">
                            <div><a href="javascript:void(0);" target="_self" class="subject-item jssetcolor"
                                    data-value="{$key}">
                                    <img src="__IMG__/{$key}.png" class="subject-pic">
                                    <p>
                                        <span>{$vo}</span></p>
                                    <i class="subject-icon <eq name='colorstyle.value' value='$key'>yes</eq>"></i>
                                </a>
                            </div>
                        </volist>
                    </div>
                </li>
                <li><a class="ajax-get" href="{:U('ClearCache/clear')}">清理缓存</a></li>
                <li><a class="" href="{:U('public/cp_logout')}">退出</a></li>
            </ul>
            <div class="user">
                <span>{:session('cp_user_auth.mobile_phone')}</span>
            </div>
        </div>
    </div>

    <!--下拉样式-->
    <script type="text/javascript">
        $(function () {

            $(".nav p").click(function () {
                var ul = $(".new");
                if (ul.css("display") == "none") {
                    ul.slideDown();
                } else {
                    ul.slideUp();
                }
            });

            $('.jscbtn').click(function () {
                $(this).siblings().slideToggle(200);
                return false;
            });

            $('.jssetcolor').click(function () {
                var that = $(this), value = that.attr('data-value');
                var par = that.closest('.jssubjectlist');

                if (that.hasClass('disabled')) { return false; }

                $('.jssetcolor').addClass('disabled');



                $.post('{:U("Admin/set_color_style")}', { value: value }, function (data) {
                    if (data.status == 1) {
                        updateAlert(data.info, 'tip_right');
                        setTimeout(function () {
                            $('#tip').find('.tipclose').click();
                            setTimeout(function () { location.reload(); }, 300);
                        }, 1500);

                    } else {
                        updateAlert(data.info, 'tip_error');
                        setTimeout(function () {
                            $('#tip').find('.tipclose').click();
                        }, 1500);
                        par.slideToggle(200);
                        $('.jssetcolor').removeClass('disabled');
                    }
                }, 'json');

                return false;
            });




        })
    </script>
    <div id="tip" class="tip"><a class="tipclose hidden"></a>
        <div class="tipmain">
            <div class="tipicon"></div>
            <div class="tipinfo">这是内容</div>
        </div>
    </div>
    <script>
        /**顶部警告栏*/
        var content = $('#main');
        var top_alert = $('#tip');
        //$('body').append('<div class="notice"><div><i></i>成功</div></div>');

        top_alert.find('.tipclose').on('click', function () {
            top_alert.removeClass('block').slideUp(200);
            // content.animate({paddingTop:'-=55'},200);
        });
        $('.new li:eq(0)').click(function () {
            $.ajax({
                type: 'POST',
                url: "{:U('Public/zh_cn')}",
                success: function (data) {
                    location.reload();
                },
                error: function () {

                }
            });
        })

        $('.new li:eq(1)').click(function () {
            $.ajax({
                type: 'POST',
                type: 'json',
                url: "/{$Think.SUBSITE_INDEX}?s=/Public/en_us",
                success: function (data) {
                    location.reload();
                },
                error: function () {
                    alert(111);
                }
            });


        })
        window.updateAlert = function (text, c) {
            text = text || 'default';
            c = c || false;
            if (text != 'default') {
                top_alert.find('.tipinfo').text(text);
                if (top_alert.hasClass('block')) {
                } else {
                    top_alert.addClass('block').slideDown(200);
                    // content.animate({paddingTop:'+=55'},200);
                }
            } else {
                if (top_alert.hasClass('block')) {
                    top_alert.removeClass('block').slideUp(200);
                    // content.animate({paddingTop:'-=55'},200);
                }
            }
            if (c != false) {
                top_alert.removeClass('tip_error tip_right').addClass(c);
            }
        };
    </script>
    <!--下拉样式结束-->
    <!-- /头部 -->

    <!-- 边栏 -->
    <div class="sidebar" <if condition="CONTROLLER_NAME eq Index"> style="display:none</if>">
        <div class="user_nav">
            <span><img src="/Public/Admin/images/tx.png"></span>
            <p>{:session('cp_user_auth.link_man')}</p>
            <p style="margin-top:0px;">
                <if condition="$res['uid'] eq '1'">超级管理员
                    <else />{$res1['title']}</if>
            </p>

        </div>
        <div class="fgx">功能菜单</div>
        <div id="subnav" class="subnav">
            <h3 class=""><i class="icon icon-unfold"></i>万盟对账单管理</h3>
            <ul class="side-sub-menu" style="">
                <li class="current">
                    <a class="item" href="/{$Think.SUBSITE_INDEX}?s=/VerifyBill/index.html">对账单确认</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- /边栏 -->

    <!-- 内容区 -->
    <div id="main-content" style="margin-top: 50px;position:relative;">
        <div id="tip" class="tip"><a class="tipclose hidden"></a>
            <div class="tipmain">
                <div class="tipicon"></div>
                <div class="tipinfo">这是内容</div>
            </div>
        </div>
        <div id="main" class="main">
            <block name="nav">
                <!-- nav -->
                <notempty name="_show_nav">
                    <div class="breadcrumb">
                        <span>位置:</span>
                        <assign name="i" value="1" />
                        <foreach name="_nav" item="v" key="k">
                            <if condition="$i eq count($_nav)">
                                <span>{$v}</span>
                                <else />
                                <span><a href="{$k}">{$v}</a>&gt;</span>
                            </if>
                            <assign name="i" value="$i+1" />
                        </foreach>
                    </div>
                </notempty>
                <!-- nav -->
            </block>
            <if condition="CONTROLLER_NAME neq 'Index' ">

            </if>
            <block name="body"> </block>
        </div>
    </div>
    <!-- /内容区 -->
    <script type="text/javascript">
        (function () {
            var ThinkPHP = window.Think = {
                "ROOT": "__ROOT__", //当前网站地址
                "APP": "__APP__", //当前项目地址
                "PUBLIC": "__PUBLIC__", //项目公共目录地址
                "DEEP": "{:C('URL_PATHINFO_DEPR')}", //PATHINFO分割符
                "MODEL": ["{:C('URL_MODEL')}", "{:C('URL_CASE_INSENSITIVE')}", "{:C('URL_HTML_SUFFIX')}"],
                "VAR": ["{:C('VAR_MODULE')}", "{:C('VAR_CONTROLLER')}", "{:C('VAR_ACTION')}"]
            }
        })();
    </script>
    <script type="text/javascript" src="__STATIC__/think.js"></script>
    <script type="text/javascript" src="__JS__/common.js"></script>
    <script type="text/javascript">
        +function () {
            var $window = $(window), $subnav = $("#subnav"), url;
            $window.resize(function () {
                $("#main").css("min-height", $window.height() - 130);
            }).resize();

            /* 左边菜单高亮 */
            url = window.location.pathname + window.location.search;
            url = url.replace(/(\/(p)\/\d+)|(&p=\d+)|(\/(id)\/\d+)|(&id=\d+)|(\/(group)\/\d+)|(&group=\d+)/, "");
            //$subnav.find('h3').addClass('no');
            $subnav.find("a[href='" + url + "']").parent().addClass("current").closest('ul').prev('h3').removeClass('no');

            /* 左边菜单显示收起 */
            /*$("#subnav").on("click", "h3", function(){
                var $this = $(this);
                $this.toggleClass('no').find(".icon").toggleClass("icon-fold");
                $this.next().slideToggle("fast").siblings(".side-sub-menu:visible").
                      prev("h3").addClass('no').find("i").addClass("icon-fold").end().end().hide();
            });*/

            $("#subnav").on("click", "h3", function (event) {
                var e = event || window.event;
                var target = $(e.target);
                var $this = $(this);
                if ($this.index() == target.index())
                    $this.find(".icon").toggleClass("icon-fold");
                else
                    $this.toggleClass('no').find(".icon").toggleClass("icon-fold");
                $this.next().slideToggle("fast").siblings(".side-sub-menu:visible").
                    prev("h3").find("i").addClass("icon-fold").end().end().hide();
            });


            $("#subnav h3 a").click(function (e) { e.stopPropagation() });

            /* 头部管理员菜单 */
            $(".user-bar").mouseenter(function () {
                var userMenu = $(this).children(".user-menu ");
                userMenu.removeClass("hidden");
                clearTimeout(userMenu.data("timeout"));
            }).mouseleave(function () {
                var userMenu = $(this).children(".user-menu");
                userMenu.data("timeout") && clearTimeout(userMenu.data("timeout"));
                userMenu.data("timeout", setTimeout(function () { userMenu.addClass("hidden") }, 100));
            });

            /* 表单获取焦点变色 */
            $("form").on("focus", "input", function () {
                $(this).addClass('focus');
            }).on("blur", "input", function () {
                $(this).removeClass('focus');
            });
            $("form").on("focus", "textarea", function () {
                $(this).closest('label').addClass('focus');
            }).on("blur", "textarea", function () {
                $(this).closest('label').removeClass('focus');
            });

            // 导航栏超出窗口高度后的模拟滚动条
            var sHeight = $(".sidebar").height();
            var subHeight = $(".subnav").height();
            var diff = subHeight - sHeight; //250
            var sub = $(".subnav");
            if (diff > 0) {
                $(window).mousewheel(function (event, delta) {
                    if (delta > 0) {
                        if (parseInt(sub.css('marginTop')) > -10) {
                            sub.css('marginTop', '0px');
                        } else {
                            sub.css('marginTop', '+=' + 10);
                        }
                    } else {
                        if (parseInt(sub.css('marginTop')) < '-' + (diff - 10)) {
                            sub.css('marginTop', '-' + (diff - 10));
                        } else {
                            sub.css('marginTop', '-=' + 10);
                        }
                    }
                });
            }
        }();
    </script>
    <block name="script"></block>
</body>

</html>