layui Home

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>小区物业管理系统</title>
    <!--<meta name="renderer" content="webkit">-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="../layuiadmin/layui/images/favicon.ico" />
    <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="../layuiadmin/style/admin.css"  media="all">
    <script src="../layuiadmin/jquery-1.8.0.min.js"></script>
    <script src="../layuiadmin/layui/layui.js"></script>
    <script src="../layuiadmin/configure.js"></script>
</head>
<body class="layui-layout-body">

<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;">
                        <cite id="loginName"></cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a lay-href="password.html">修改密码</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="fullscreen">
                        <dd layadmin-event="logout" style="text-align: center;" id="logout"><a>退出</a></dd>
                    </a>
                </li>

            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="Side-Scroll-layui "> 
                </ div>
                    <span> Property Management System </ span>
                <div class =" layui-logo "Lay-the href =" User.html ">

                <div class = "Side-layui layui-BG-Black">
                    <div class="layui-side-scroll" id="view">
                        <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
                        <script id="menus_item" type="text/html">
                            <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
                                {{#  layui.each(d, function(index, item){ }}
                                <li data-name="home" class="layui-nav-item "  id="menuList">  <!--class中加 layui-nav-itemed 展开-->

                                    <a href="{{ item.url }}">{{ item.name }}</a>
                                    <dl class="layui-nav-child">
                                        {{#  if(item.children.length> 0){ }}
                                        {{#  layui.each(item.children, function(index, item){ }}
                                        <dd>
                                            <a lay-href="{{ item.url }}.html">{{ item.name }}</a>
                                        </dd>
                                        {{#  }); }}
                                    </dl>
                                    {{#  } }}
                                </li>
                                {{#  }); }}
                                {{#  if(d.length === 0) {}} 
                                no data
                                {{#  } }}
                            </ul>
                        </script>
                    </div>
                </div>


            </div>
        </div>

        <!-- 页面标签 -->
        <div class="layadmin-pagetabs" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="company.html" lay-attr="company.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
                </ul>
            </div>
        </div>


        <!-- 主体内容 -->
        <div class="layui-body" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="instructions.html" frameborder="0" class="layadmin-iframe" name="main_self_frame"></iframe>
            </div>
        </div>

        <!-- 辅助元素,一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
</div>


<script>
    var phone = sessionStorage.getItem('phone');
    var password = sessionStorage.getItem('password');
    var userName = sessionStorage.getItem('userName');



    var manageAreaId = sessionStorage.getItem('manageAreaId');
    var manageAreaName = sessionStorage.getItem('manageAreaName');
    var companyId = sessionStorage.getItem('companyId');
    var companyName = sessionStorage.getItem('companyName');

    if (manageAreaName=="null"){
        manageAreaName="总公司"
    }
    $('#loginName').html(companyName+"-"+manageAreaName+"-"+userName);
    ///$('#menuList').addClass('layui-nav-itemed');//列表中class加格式

    layui.config({
        base: '../layuiadmin/'// static path resources located 
        Index: 'lib / index' // main inlet module
    }) Extend ({.
        was layer = layui.layer; 
        was form = layui.form;
        var laydate = layui.laydate;
        var upload = layui.upload;


//    $('#name').html(user_userName);

        $.ajax({
            url:Url+"/menu/select",
            type:'GET',
            data:{
                userPhone:phone,
                userPassword:password
            },
            dataType:'json',
            contentType:'application/x-www-form-urlencoded',
            success:function(data){
                console.log(data);
                if(data.code == 200){
                    layui.use(["laytpl", "element"], function() {
                        var laytpl = layui.laytpl,
                            $ = layui.jquery,
                            element = layui.element;
                        var mneus = data.data;
                        var getTpl = menus_item.innerHTML,
                            view = document.getElementById('view');
                        laytpl(getTpl).render(mneus, function(html) {
                            view.innerHTML = html;
                            element.render();
                        });
                    });
                }
            }
        });


        $("#userPassword").on("click", function () {
            layer.open({
                type:. 1, 
                title: "Change Password", 
                Area: [ '600px', '400px'], 
                layer.msg ( 'please enter a new password ', icon {:}. 5!); 
                return;
            }else if(passwordTwo == ''){
                content: $ ( "# updata_Password" ) // page mode pop-layer reference layers form an interface modification loading 
            }); 
        }); 

        // change the password 
        . $ ( "# updataOrder") on ( 'click', function ( ) { 
            . var phone0 = $ ( '# phone0') Val (); 
            . var password0 = $ ( '# password0') Val (); 
            var password = $ ( '# password') Val ();. 
            var passwordTwo = $ ( '# passwordTwo') Val ();. 
            IF (password == '') {
            }else {
                $.ajax({
                layer.msg ( 'Confirm Password!', {icon: 5} ) ; 
                return; 
            } the else IF (password = passwordTwo!) { 
                layer.msg ( 'passwords do not match!', {icon: 5} ) ; 
                return; 
                    URL: the Url + "/ User / resetPassword", 
                    type: 'the POST', 
                    Data: { 

                        Phone: phone0, // account 
                        password1: password0, // original password 
                        password2: passwordTwo, // the new password 

                        userPhone: phone, 
                        the userPassword: password 

                    }, 
                    dataType: 'JSON',
                    contentType: 'application/x-www-form-urlencoded',
                    success: function (data) {
                        if (data.code == 200) {
                            location.href = "../login.html"
                            //location.href = "login.html"
                        }
                    }
                });

            }


        });


        var active={
            tabAdd:function(url,id,name){
                element.tabAdd('layadmin-layout-tabs',{
                    title:name,
                    content:'<iframe data-frameid="'+id+'" scrolling="auto" frameborder="0" src="'+url+'" style="width:100%; height:99%"></iframe>',
                    id:id
                });
                iframeWH();
            },
            tabChange:function(id){
                element.tabChange('layadmin-layout-tabs',id);
            },
            tabDelete:function(id){
                element.tabDelete('layadmin-layout-tabs',id);
            },
            tabDeleteAll:function(ids){
                $.each(ids,function(index,item){
                    element.tabDelete('layadmin-layout-tabs',item);
                });
            }
        };

        $("#logout").on('click',function(){
            $.ajax({
                url: Url + "/login/loginout",
                type: 'POST',
                data: {
                    phone: phone
                },
                dataType: 'json',
                contentType: 'application/x-www-form-urlencoded',
                success: function (data) {
                    console.log("============"+data)
                    if (data.code == 200) {
                        sessionStorage.setItem('phone', '');
                        sessionStorage.setItem ( 'password', ''); 
                        sessionStorage.clear (); // Clear all caches 
                        the location.href = "../login.html" 
                    } {the else 
                        layer.msg ( 'exit failed' + data!. MSG, { 
                            offset: '125px' 
                            , icon:. 1 
                            , Time: 1 second 1000 // jump 
                        }); 
                    } 
                }, 
                error: function (Data) { 
                    '! exit failure' layer.msg (+ data.msg, { 
                        offset: '125px' 
                        , icon:. 1 
                        , Time: 1000 // after 1 sec skip 
                    }); 
                } 
            }) 
        }); 


// $ ( "# Zimbabwe Logout") ON ( 'the Click', function () {// user_id. 
// $ .ajax ({ 
// URL: + the Url " Zimbabwe Logout ", 
// type: 'the POST', 
// headers: { 
// 'token':token
//        },
//        data:{
//          id:user_Id
//        },
//        dataType:'json',
//        contentType:'application/x-www-form-urlencoded',
//        success:function(data){
//          if(data.code == 200){
//            sessionStorage.setItem('token','');
//            sessionStorage.setItem('user_Id','');
//            sessionStorage.setItem('user_userName','');
//            sessionStorage.setItem('roleId','');
//            layer.msg('退出成功!', {
//              offset: '125px'
//              ,icon: 1
//              ,time:200 //1秒后跳转
//            },function(){
//              location.href = "login.html"
//            });
//
//          }
//        }
//      });
//
//    });

        function iframeWH(){
            $ H = var (window) .height () - 80;
            $("iframe").css("height",H+"px");
        }
        $ (window) .resize (function () { 
            iframeWH (); 
        }); 

        // When you click to expand a navigation bar, closed other navigation bar. 
        $ ( 'NAV-Item-layui.') the Click (function () {. 
            $ (the this) .siblings ( 'Li') attr ( 'NAV-Item-layui' 'class',);. 
        }) 


    }); 
</ Script> 
</ body> 
</ HTML>

  

Guess you like

Origin www.cnblogs.com/ynhk/p/11525430.html