zhaobao
/
scyf


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="assets/images/favicon.ico" rel="icon">
    <title>智慧安全管控平台</title>
    <link rel="stylesheet" href="assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="assets/module/admin.css?v=318"/>
    <!--    <link rel="stylesheet" href="assets/module/icon/icon.css" media="all">-->
    <!--    <link rel="stylesheet" href="assets/module/icon/font-awesome-4.7.0/css/font-awesome.min.css" media="all">-->

    <style>
        .layui-nav-tree .layui-nav-item .layui-nav-child {
            padding: 0;
        }

        .layui-side .layui-nav-item > a > .layui-icon {
            margin-left: 10px;
        }

        .layui-nav-item .first-tit {
            line-height: 48px;
            border-left: 5px solid #009E94;
            padding: 0 10px;
            /*background-color: #f2f2f2;*/
            /*color: #333;*/
        }

        /*.layui-nav-item > .first-tit-a{
            border-left: 3px solid #009E94;
        }
        .layui-nav-item > .first-tit-a:before{
            width: 0 !important;
        }*/
        .layui-layout-admin .layui-side .layui-nav .layui-nav-item > a {
            padding: 0 0 0 8px;
        }

        .layui-nav-tree .layui-nav-bar {
            width: 0 !important;
            background: #333 !important;
        }

        .layui-side-scroll .layui-nav.arrow3 .layui-nav-more, .layui-nav.arrow2 .layui-nav-more {
            width: 0 !important;
        }

        .layui-side-scroll .layui-nav .layui-nav-more {
            border-width: 0 !important;
        }

        #navTop .calculationNav {
            width: 100px;
            text-align: center;
        }

        .calculationNav > a {
            padding: 0 !important;
        }

        #navTop li.hidemore {
            display: none;
        }

        .layui-layout-admin .layui-header .layui-nav .layui-nav-item {
            height: 50px;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!-- 头部 -->
    <div class="layui-header">
        <div class="layui-logo" id="udm">
            <!-- <img src="assets/images/logo.png"/> -->
            <!-- <cite>智慧安全管控平台</cite> -->
        </div>
        <ul id="navTop" class="layui-nav layui-layout-left" lay-filter="admin-side-nav-tab">
            <li class="layui-nav-item" lay-unselect>
                <a ew-event="flexible" title="侧边伸缩"><i class="layui-icon layui-icon-shrink-right"></i></a>
            </li>
            <li class="layui-nav-item" lay-unselect>
                <a ew-event="refresh" title="刷新"><i class="layui-icon layui-icon-refresh-3"></i></a>
            </li>
        </ul>
        <ul id="navRight" class="layui-nav layui-layout-right">
            <!--消息/通知-->
            <li class="layui-nav-item" lay-unselect>
                <a ew-event="message" title="消息/通知" data-type="2"  data-content="page/tpl/tpl-message.html" id="message" class=" message"></a>
            </li>
            <!--大屏入口-->
            <li class="layui-nav-item">
                <a href="javascript:;" id="screenUrl" target="_blank" title="大屏入口">
                    <i class="layui-icon layui-icon-chart-screen "></i>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect>
                <a ew-event="fullScreen" title="全屏"><i class="layui-icon layui-icon-screen-full"></i></a>
            </li>
            <!--用户信息-->
            <li class="layui-nav-item" lay-unselect>
                <a>
                    <cite id="accountPic"><img id="" src="assets/images/head.png" class="layui-nav-img"></cite>
                    <cite id="userCite">管理员</cite>
                </a>
                <dl class="layui-nav-child">
                    <dd lay-unselect>
                        <a ew-href="page/ent/profile/index.html">个人中心</a>
                    </dd>
                    <dd lay-unselect>
                        <a ew-event="psw"  data-type="2"  data-content="page/tpl/tpl-password.html" >修改密码</a>
                    </dd>
                    <hr>
                    <dd lay-unselect>
                        <a ew-event="logout" data-url="login.html">退出</a>
                    </dd>
                </dl>
            </li>
            <!--主题切换-->
            <li class="layui-nav-item" lay-unselect>
                <a ew-event="theme" title="主题" data-type="2"  data-content="page/tpl/tpl-theme.html"><i class="layui-icon layui-icon-more-vertical"></i></a>
            </li>
        </ul>
    </div>
    <!-- 侧边栏 -->
    <!--<div class="layui-side layui-bg-black">-->
    <!--&lt;!&ndash;    <div class="layui-side">&ndash;&gt;-->
    <!--<div class="layui-side-scroll" lay-filter="admin-side-nav-all">-->

    <!--</div>-->
    <!--</div>-->
    <div class="layui-side">
        <!--    <div class="layui-side">-->
        <div class="layui-side-scroll" lay-filter="admin-side-nav-all">

        </div>
    </div>

    <!-- 主体部分 -->
    <div class="layui-body"></div>
    <!-- 底部 -->
    <!-- <div class="layui-footer">Copyright © 河南速瑞安全科技有限公司 版权所有 豫ICP备19028781号-1</div> -->
</div>

<!-- 加载动画 -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>
<script id="tabNav" type="text/html">
    {{#
    var navNumber = document.getElementById('navTop').getAttribute('navNum');
    var childClassName = "layui-nav-item";
    childClassName += navNumber-1 > d.length ? ' hidemore' : '';
    }}

    {{#  layui.each(d, function(index, item){ }}
    {{#
    var clsssName = "calculationNav layui-nav-item";
    if(index==0){
    clsssName+=" layui-this";
    }

    if(index >= navNumber-2){
    clsssName+=" layui-hide-sm";
    }
    }}
    <li class="{{clsssName}}" lay-unselect><a nav-bind="{{item.menuId}}">{{item.menuText}}</a></li>
    {{#  }); }}

    <li class="{{childClassName}}" lay-unselect>
        <a>更多</a>
        <dl class="layui-nav-child">
            {{# layui.each(d, function(index, item){ }}
            {{# if(index >= navNumber-2){ }}
            <dd lay-unselect><a nav-bind="{{item.menuId}}">{{item.menuText}}</a></dd>
            {{# } }}
            {{# }); }}
        </dl>
    </li>
</script>


<script id="sideNav" type="text/html">
    {{#  layui.each(d, function(index, item){ }}
    {{#
    var clsssName = "layui-nav layui-nav-tree";
    if(index!=0){
    clsssName+=" layui-hide";
    }
    }}
    <ul class="{{clsssName}}" nav-id="{{item.menuId}}" lay-filter="admin-side-nav">
        {{# layui.each(item.children, function(index, items){ }}
        <li class="layui-nav-item layui-nav-itemed">
            <a class="first-tit-a">
                <i class="layui-icon {{items.menuCss}}"></i>&emsp;<cite>{{items.menuText}}</cite></a>
            <!--<h2 class="first-tit">{{items.menuText}}</h2>-->

            <dl class="layui-nav-child " style="display: block;">
                {{# layui.each(items.children, function(index, i){ }}
                {{# if(i.menuUrl.indexOf(".html")==-1 ){ }}
                <dd><a class="second-tit" lay-href="{{i.menuUrl}}">{{i.menuText}}</a></dd>
                {{# } else { }}
                <dd><a class="second-tit" lay-href="page{{i.menuUrl}}">{{i.menuText}}</a></dd>
                {{# } }}
                {{# }); }}
            </dl>
        </li>
        {{# }); }}
    </ul>
    {{#  }); }}

</script>
<!-- js部分 -->
<script type="text/javascript" src="assets/libs/layui/layui.js"></script>
<!--<script type="text/javascript" src="assets/libs/layui/layui.all.js"></script>-->
<script type="text/javascript" src="assets/js/common.js?v=318"></script>
<script src="assets/libs/jquery/jquery-3.2.1.min.js"></script>
<script>
    layui.use(['index', 'uParas', 'element', 'laytpl', 'admin', 'urlUtils'], function () {
        var $ = layui.jquery;
        var index = layui.index, uParas = layui.uParas, laytpl = layui.laytpl, element = layui.element;
        var admin = layui.admin;
        var data = layui.data(uParas.tableName);
        var urlUtils = layui.urlUtils;
        // 默认加载配置
        if (localStorage.getItem('easyweb-iframe') === '{}') {
            let config = {
                // theme: "theme-white",
                // tabAutoRefresh: true,
                // openFooter: true,
                // openTab: true,
                // cacheTab: true,
                cacheTab: true,
                closeFooter: false,
                defaultTheme: "theme-colorful",
                pageTabs: true,
                tabAutoRefresh: true,
            };
            localStorage.setItem('easyweb-iframe', JSON.stringify(config));
            location.reload();
        }

        // 获取当前的标题
        // element.on('tab(admin-pagetabs)', function(){
        //
        // });


        if (JSON.stringify(data) == "{}") {
            uParas.toLogin();
        }
        var accountType = data.user.accountType;
        var positionTitle = "";
        if (data.user != null && data.user.positionTitle != undefined) {
            positionTitle = "(" + data.user.positionTitle + ")";
        }
        $("#screenUrl").attr("href", data.user.screen);
        if (data.user != null && data.user.name != null) {
            positionTitle = data.user.name + positionTitle
        }
        var logoSrc = 'assets/images/logo.png';
        var logoTitle = '智慧安全管控平台';
        if (data.user.ILogo != null && data.user.ILogo != "") {
            logoSrc = data.user.ILogo;
        }
        if (data.user.ITitle != null && data.user.ITitle != "") {
            logoTitle = data.user.ITitle;
        }
        $("#udm").append('<img id="myLogo" src="' + logoSrc + '" width="35" height="35"/>').append('<cite id="myTitle">' + logoTitle + '</cite>');

        //头像
        if (data.user.accountPic != null && data.user.accountPic != "") {
            $("#accountPic").html("");
            $("#accountPic").append('<img  src="' + data.user.accountPic + '" style="border-radius: 20px" width="35" height="35"/>');
        } else {
            $("#accountPic").html("");
            $("#accountPic").append('<img  src="assets/images/head.png" style="border-radius: 20px" width="35" height="35"/>');
        }

        $("#userCite").html(positionTitle);
        if (data.login_menu != null) {
            loadMenu(data.login_menu);
        } else {
            admin.req(uParas.baseUrl + '/admin/common/getMenuTree', {}, function (res) {
                if (res.code == 1) {
                    loadMenu(res.data);
                    layui.data(uParas.tableName, {
                        key: "login_menu",
                        value: res.data
                    });
                } else if (res.code == 2) {
                    location.href = "./login.html"
                }
            }, 'get');
        }

        /*未读消息统计*/
        admin.req(uParas.baseUrl + '/ent/message/getMessageCount', {}, function (res) {
            if (res.code == 1) {
                $('#message ').html("");
                var messageCount = res.data;
                var msghtml = '';
                msghtml += '<i class="layui-icon layui-icon-notice c-add" style="font-size: 20px;"></i>';
                if (messageCount > 0) {
                    msghtml += '<span class="layui-badge-dot" style="margin-top: -12px;margin-left: -4px;"></span>';
                    msghtml += '<i class="layui-icon" style="font-size: 2px;margin-top: 10px;color: red;position: absolute;">' + messageCount + '</i>';
                }
                $('#message ').html(msghtml);
            }
        }, 'get');

        function loadMenu(data) {
            laytpl(tabNav.innerHTML).render(data, function (html) {
                $('*[lay-filter=admin-side-nav-tab]').append(html);
                $("#navTop").find('span.layui-nav-bar').remove(); // 渲染之前先删掉旧的span.layui-nav-bar
                element.render('nav', 'admin-side-nav-tab');  // 更新渲染
            });
            laytpl(sideNav.innerHTML).render(data, function (html) {
                $('*[lay-filter=admin-side-nav-all]').html(html);
                element.render('nav');  // 这里非常重要
            });
        }

        var menuPath = "page/console/console.html";
        if (accountType != undefined && accountType != null && accountType != '' && accountType == "org") {
            menuPath = 'page/console/orgIndex.html';
        } else if (accountType == 'group') { // 集团版
            menuPath = 'page/console/console_group.html';
        }
        if (data.user.aId == 1) {
            menuPath = 'page/console/welcome.html';
        }
        // 默认加载主页
        index.loadHome({
            menuPath: menuPath,
            menuName: '<i class="layui-icon layui-icon-home"></i> 主页',
            loadSetting: false
        });


        /**
         * @Author: NanKeYang
         * @Description: 默认选中指定导航菜单项目
         * @param selectTabName 选中的菜单名字，此名字必须和菜单一致
         * @Data: 2020/1/16 17:58
         */
        function selectTabItem(selectTabName) {
            var tabName = decodeURIComponent(selectTabName);
            $('#navTop li').each(function (index, item) {
                var itemName = $($(item).find('a')[0]).text();
                if (itemName === tabName) {
                    $($(item).find('a')[0]).trigger('click')
                }
            })
        }

        var selectTabName = urlUtils.getQueryVariable('tabName');
        if (selectTabName) {
            selectTabItem(selectTabName);
        }

    });
</script>
<script>
    $(function () {
        var navWidth = $(window).width() - 387 - 420;
        $("#navTop").width(navWidth + 'px')
        var liNum = Math.floor((navWidth - 10) / 100)
        $("#navTop").attr("navNum", liNum)
    })
</script>
</body>
</html>