<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<%@ Import Namespace="WebSite.Controllers" %>
<%
    var roomManager = ViewData["RoomManager"] as IList<Mune>;
    var setting = ViewData["Setting"] as IList<Mune>;
    var deviceManager = ViewData["DeviceManager"] as IList<Mune>;
    var queryStatistics = ViewData["QueryStatistics"] as IList<Mune>;
    var sysMaintenance = ViewData["SysMaintenance"] as IList<Mune>;
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>酒店客房控制系统</title>
    <link rel="stylesheet" href="/Styles/metro.css" />
    <script type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/easyui-1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="/easyui-1.4.2/jquery.easyui.min.js"></script>
</head>
<body>
    <!--头部导航开始-->
<%--    <div style="position: absolute; top: 50px; left: 20px; width: 105px; height: 20px;
        background: url(../images/newMain/LOGO.png); -moz-background-size: cover; -o-background-size: cover;">
    </div>--%>
    <div class="l-topmenu-welcome" style="color: white;">
        <span class="space">
            <%= ((dynamic)ViewData["Account"]) %></span>|<span id='logOut' class="space" onclick="logOutClick();">注销</span>
        <br />
        <div id="divAlarm" style="margin-right: 6px;">
        </div>
    </div>
    <div id='pageBase_Div' style='display: none; z-index: 12001; background-color: White;
        text-align: center; position: absolute; padding: 20px 100px 40px; left: 38%;
        top: 30%;'>
        确认注销登录吗？
        <div style="padding-top: 20px;">
            <input id="BtnOk" type="button" value="确定" onclick="OK();" style="width: 70px; height: 25px;" />&nbsp;<input
                id="BtnCancel" type="button" value="取消" onclick="Cancel();" style="width: 70px;
                height: 25px;" />
        </div>
    </div>
    <!--头部导航结束-->
    <!--logo区开始-->
    <div id="metro_box">
        <%--第一列  客房管理--%>
        <div style="width: 155px; float: left;">
            <% foreach (var mune in roomManager)
               { %>
            <ul>
                <li><a href="/Home/MenuIndex?url=<%: mune.Url %>" style='display:block;width:145px;height:86px;' class='<%: mune.Icon %>'">
                </a></li>
            </ul>
            <% } %>
        </div>
        <%--第二列 设备管理 --%>
        <div style="width: 155px; float: left;">
            <% foreach (var mune in deviceManager)
               { %>
            <ul>
                <li><a href="/Home/MenuIndex?url=<%: mune.Url %>" style='display:block;width:145px;height:117px;' class='<%: mune.Icon %>'">
                </a></li>
            </ul>
            <% } %>
        </div>
        <%--第三列 参数设置--%>
        <div style="width: 155px; float: left;">
            <% foreach (var mune in setting)
               { %>
            <ul>
                <li><a href="/Home/MenuIndex?url=<%: mune.Url %>" style='display:block;width:145px;height:179px;' class='<%: mune.Icon %>'">
                </a></li>
            </ul>
            <% } %>
        </div>
        <%--第四列 查询统计--%>
        <div style="width: 155px; float: left;">
            <% foreach (var mune in queryStatistics)
               { %>
            <ul>
                <li><a href="/Home/MenuIndex?url=<%: mune.Url %>" style='display:block;width:145px;height:80px;' class='<%: mune.Icon %>'">
                </a></li>
            </ul>
            <% } %>
        </div>
        <%--第五列 系统管理--%>
        <div style="width: 155px; float: left;">
            <% foreach (var mune in sysMaintenance)
               { %>
            <ul>

                <li><a href="/Home/MenuIndex?url=<%: mune.Url %>" style='display:block;width:145px;height:86px;' class='<%: mune.Icon %>'">
                </a></li>
            </ul>
            <% } %>

        </div>
    </div>
    <div style="left: 0; bottom: 0; position: absolute; width: 100%; height: 30px; z-index: 100;
        text-align: center; background: url(../images/newMain/底部半透明条.png); -moz-background-size: cover;
        -webkit-background-size: cover; -o-background-size: cover; background-size: cover;">
        <font style="line-height: 30px;" color="white">COPYRIGHT &copy; 2015 ALL RIGHT RESERVED</font>
    </div>
</body>
<script type="text/javascript" language="javascript">
    function logOutClick() {
        whichEl = document.getElementById("pageBase_Div")   //获得指定ID值的对象
        if (whichEl.style.display == 'none') {   //block是默认值为显示,none为隐藏
            whichEl.style.display = 'block';
        } else {
            whichEl.style.display = 'none';
        }
    }

    function OK() {
        window.location.href = '/Home/LogOut/';
    }

    function Cancel() {
        document.getElementById("pageBase_Div").style.display = 'none';
    }

</script>
</html>
