<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<QMAPP.Web.Models.DefaultModel>" %>
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>富维安道拓数字化工厂</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="stylesheet" href="../../Content/Site.css" />    
    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="../../Scripts/bootstrap-ace/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../Scripts/bootstrap-ace/css/font-awesome.min.css" />
    <!-- page specific plugin styles -->
    <!-- text fonts -->
    <link rel="stylesheet" href="../../Scripts/bootstrap-ace/css/ace-fonts.css" />
    <!-- ace styles -->
    <link rel="stylesheet" href="../../Scripts/bootstrap-ace/css/ace.min.css" />  
    <link rel="stylesheet" href="../../Scripts/bootstrap-ace/css/ace-skins.min.css" />
    <link rel="stylesheet" href="../../Scripts/bootstrap-ace/css/ace-rtl.min.css" />    
    <!-- inline styles related to this page -->
    <!-- ace settings handler -->
    <script src="../../Scripts/bootstrap-ace/js/ace-extra.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lte IE 8]>
		<script src="../../Content/plugin/bootstrap-ace/js/html5shiv.js"></script>
		<script src="../../Content/plugin/bootstrap-ace/js/respond.min.js"></script>
		<![endif]-->
    <!-- basic scripts -->
    <!--[if !IE]> -->
    <script type="text/javascript" src="../../Scripts/jquery.1.11.0.min.js"></script>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='../../Scripts/bootstrap-ace/js/jquery.min.js'>" + "<" + "/script>");
    </script>
    <!-- <![endif]-->
    <!--[if IE]>
    <script type="text/javascript">
     window.jQuery || document.write("<script src='../../Scripts/bootstrap-ace/js/jquery1x.min.js'>"+"<"+"/script>");
    </script>
    <![endif]-->
    <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='../../Scripts/bootstrap-ace/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
    </script>
    <script src="../../Scripts/bootstrap-ace/js/bootstrap.min.js"></script>
    <!-- page specific plugin scripts -->
    <!--[if lte IE 8]>
		  <script src="../../Scripts/bootstrap-ace/js/excanvas.min.js"></script>
		<![endif]-->
    <!--easyui+jquery-->
    <link rel="stylesheet" type="text/css" href="../../Scripts/jquery.easyui/themes/default/easyui.css"/> 
    <link rel="stylesheet" type="text/css" href="../../Scripts/jquery.easyui/themes/icon.css"/>
    <script type="text/javascript" src="../../Scripts/jquery.1.11.0.min.js"></script>
	<script type="text/javascript" src="../../Scripts/jquery.easyui/jquery.easyui.min.js"></script>   
    <!--多语言-->  
    <%
        string langId = Session["MULT_LANG"] as string;
        if (langId == null)
            langId = "zh-CN";
        switch (langId)
        {
            case "zh-CN":
                %>
                <script type="text/javascript" src="../../Scripts/jquery.easyui/locale/easyui-lang-zh_CN.js"></script>
                <script type="text/javascript" src="../../Scripts/Common-zh-CN.js"></script>
                <%
                break;
            case "en":
                %>
                <script type="text/javascript" src="../../Scripts/jquery.easyui/locale/easyui-lang-en.js"></script>
                <script type="text/javascript" src="../../Scripts/Common-en.js"></script>
                <%
                break;
            default:
                 %>
                <script type="text/javascript" src="../../Scripts/jquery.easyui/locale/easyui-lang-zh_CN.js"></script>
                <script type="text/javascript" src="../../Scripts/Common-zh-CN.js"></script>
                <%
                break;
        }    
    %>
    <script type="text/javascript">
        $(function () {
            openUrl("", "Index", "tab", "主页", false);
        });
    </script>
    
    <%--弹出即时通知提示窗口链接样式 --%>
    <style type="text/css">   
        .Noitcelink {text-align:left;font-size:12px;font-family:"宋体";color:blue}  
        #NoitcHref a:link{text-align:left;font-size:12px;font-family:"宋体";color:blue}   
        #NoitcHref a:hover{text-align:left;font-size:12px;font-family:"宋体";color:blue}  
        #MoreNotice   a:link{text-align:right;font-size:12px;font-family:"宋体";color:blue}  
        #MoreNotice   a:hover{text-align:right;font-size:12px;font-family:"宋体";color:blue}  
</style>

</head>
<body class="easyui-layout" style="margin:0px" onresize="InitLayout();">   
    <form id="form1" runat="server"> 
    <div id="navbar" class="navbar navbar-default" style="background-image: url(/Content/default/head1.jpg);">
        <div class="navbar-container" id="navbar-container">            
                <div class="navbar-header pull-left">
                    <!-- #section:basics/navbar.layout.brand -->
                    <table>
                        <tr>
                        <td align=left>
                                <img width="145px" height="51px" alt="" src="../../Content/default/cfaa.png" 
                                    style="margin: 2px 20px 2px 30px; " /> </td>
                            <td align=left nowrap=nowrap>
                                <span style="font-weight: bold; font-size: 24pt; font-family: 宋体; color: #16537a;">富维安道拓数字化工厂</span>                                                     
                            </td>
                        </tr>
                    </table>
                </div>            
                <div id="div1" style="margin-top: 18px" class="navbar-buttons navbar-header pull-right" role="navigation">
                    <ul class="nav ace-nav"> 
                        <!-- 导航栏中 未读通知信息 -->
                         <%=Model.UnReadNoticeStr %> 
                        <!-- 导航栏中 用户信息 -->
                        <!-- #section:basics/navbar.user_menu -->
                        <li class="light-blue"><a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        
                            <span class="user-info"><small>欢迎您</small><%=Model.UserDes %></span><i
                                class="ace-icon fa fa-caret-down"> </i></a>
                            <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                                <li><a href="#" onclick="PersnalSet();"><i class="ace-icon fa fa-cog"></i>个性设置</a></li>
                                <li><a href="#" onclick="SetPwd();"><i class="ace-icon fa fa-user"></i>修改密码</a></li>
                                <li class="divider"></li>
                                <li><a href="#" onclick="Logout()"><i class="ace-icon fa fa-power-off"></i>注销</a></li>
                            </ul>
                        </li>  
                    </ul>       
                </div>    
                <div style="margin-top: 18px" class="navbar-header pull-right">
			                    <ul class="nav nav-pills pull-right">
	                
			                    </ul>
		                    </div>        
                <!-- /section:basics/navbar.dropdown -->
            </div>
            <!-- /.navbar-container -->
        </div>
     <div class="main-container" id="main-container">
          <div id="main" class="easyui-layout" style="width:100%;height:400px" >    
            <div region="west" id="body" split="true" title="菜单" style="width: 200px; border-left-style: solid; border-left-width: 1px; border-left-color: #0099FF; font-size: 14px; font-family: 宋体, Arial, Helvetica, sans-serif;">
                <style type="text/css">
                    .menu-icon
                    {
                        margin-top: 0px;
                    }
                    .menu-text
                    {
                        padding-left: 10px;
                        font-size: 14px;
                        font-family: 宋体, Arial;
                    }
                </style>       
                <%=Model.MenuHtml %> 
            </div>
            <div region="center" id="MenuTitle" title="" style="background: #fafafa;width:100%">
                <div id="divTab" data-options="border:false,tools:'#tab-tools'" class="easyui-tabs" fit="true" style="border:0px;overflow:hidden;">
                </div>        
                <div id="tab-tools">
                    <a IconCls="icon-remove" class="easyui-linkbutton" href="#" onclick="AllRemoveTab()" plain="true">全部关闭</a> 
	            </div>
            </div>
        </div>  
    </div>
    <div id="appWindow1" class="easyui-window" closed="true" modal="true" title="My Window" style="padding: 3px; width:300px; height:500px; background: #E9F1FF;overflow: hidden;">
		<iframe id="appWindow1_Frm" width=100% height="100%" frameborder="0"></iframe>
	</div>
    <iframe id="clientAppFrm" style="display:none;"></iframe>
    <%=Html.HiddenFor(p=>p.UserID) %>
    <%=Html.HiddenFor(p=>p.LoginSessionID) %>
    </form> 
   <script language="javascript" type="text/javascript" src="../../Scripts/app/default.js"></script>
   <script type="text/javascript">
       $(function () {
           //布局
           InitLayout();

           //设置应用导航状态
           var systemID = "<%=Model.SystemID %>";
           $('#' + systemID).attr('class', 'active');

           //设置预登录
           var appLoginUrl = "<%=Model.AppLoginUrl %>";
           if (appLoginUrl != null && appLoginUrl != "") {
               $('#clientAppFrm').attr('src', appLoginUrl);
           }

           //快速进入
           var menuID = "<%=Model.DefaultMenuID %>";
           if (menuID != "") {
               document.getElementById("f" + menuID).click();
           }

           //显示公告列表
           GetNotice();
       });

       //设置布局
       function InitLayout() {
           $('#main').css('height', $(window).height() - 62);
           $('#main').layout();
       }   
       
       //切换子系统
       function GoSystem(url) {
           window.location.href = url;
       }

       //个性设置
       function PersnalSet() {
           openAppWindow1('个性设置', '/Persnal/PersnalInfoSet', '360', '240');
       }

       //查看公告
       function ClickNotice(id) {
           openAppWindow1('查看', '/Notice/ViewNotice?noticeID=' + id, '800', '500');
       }

       //所有公告
       function MoreNotice() {
           openUrl("", "/Notice/NoticeMessList", "tab", "公告", true);
       }

       //设置密码
       function SetPwd() {
           openAppWindow1('用户信息', "/User/SetPassword", '400', '200');
       }

       //注销
       function Logout() {
           //注销FJC
           var FJCRoot = "<%=QMAPP.Web.MvcApplication.FJCRoot%>";
           $.ajax({
               type: "POST",
               url: FJCRoot + "/Login/Logout",
               dataType: 'jsonp', //跨域采用jsonp方式  
               async: false
           });
           window.location.href = "/Home/Logout";
       }


       //显示提示
       function showTitle(message) {
           MSI("提示", message);
       }

       //预登录
       function AutoLoginSystem(systemID) {
           //预登录
           var loginUrl;
           switch (systemID) {
               case "FJC":
                   loginUrl = '<%=System.Configuration.ConfigurationManager.AppSettings["FJCRoot"] %>';
                   break;
           }
           loginUrl += "/Login/Login?sessionID=" + $('#LoginSessionID').val() + "&systemID=" + systemID;
           document.getElementById("clientAppFrm").src = loginUrl;
       }


       //获取公告
       function GetNotice() {
           $.ajax({
               type: "POST",
               url: "/Notice/GetNotReadInstantNotice?sessionID=" + $('#LoginSessionID').val(),
               dataType: "json",
               data: {},
               success: function (data) {
                   if (data != null && data.length>0) {
                       ShowNotice(data);
                   }
               }
           });

           //预登录
           var systemID = "<%=Model.SystemID %>";
           AutoLoginSystem("FJC");

           //1分钟后定时提示及时消息
           setTimeout("GetNotice()", 60000)
       }

       //显示公告窗口
       function ShowNotice(data) {
           var showStr = "";
           for (var i = 0; i < data.length; i++) {
               var USETIME = new Date(parseInt(data[i]['USETIME'].replace("/Date(", "").replace(")/", ""), 10));
               var year = USETIME.getFullYear();
               var month = USETIME.getMonth() + 1;
               var day = USETIME.getDate();
               var USETIME = year + "-" + month + "-" + day;

               showStr = showStr + "<tr height='20px'><td id='NoitcHref'  align = 'left' class='warning' width = '100%'><u><a href = '#' onclick = 'ClickNotice(&quot;" + data[i]['NOTICEID'] + "&quot;)'>" + data[i]['NOTICETITLE'] + "&nbsp;[" + USETIME + "]</a></u></td></tr>";
           }
           //消息显示
           $.messager.show({
               title: '公告消息',
               width: 300, 
               timeout: 10000,
               height: 200,
               msg: "<table width = '100%'>" + showStr + "<tr><td id='MoreNotice' align='right'><a href = '#' onclick = 'MoreNotice()'><u>更多</u></a></td></tr></table>",
               timeout: 10000,
               showType: 'slide'
           });
       }   

       //移出全部tab
       function AllRemoveTab() {
           var allTabs = $("#divTab").tabs('tabs');
           var len = allTabs.length;

           if (len <= 1)
               return;

           MSQ("提示", "是否关闭全部页面?", function () {               
               for (var i = 0; i < len; i++) {
                   $("#divTab").tabs('close', 1);
               }
           });           
       }
   </script>
   <!--菜单样式-->  
   <script type="text/javascript" src="../../Scripts/bootstrap-ace/js/ace-elements.min.js"></script>
   <script type="text/javascript" src="../../Scripts/bootstrap-ace/js/ace.min.js"></script>    
</body>
</html>