zskk_bg
/
yuanchengpasc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
							<!DOCTYPE html>
<html>
    <head>
        <title>远程诊断系统-后台管理-中世康恺</title>
        {include file="../application/manage/view/commons/headers.html" }
        <style>
            .myhover{ color: #eeeeee; }
            .myhover:hover{ color:#334455; }
        </style>
        <script >
            
            // 编辑窗口
            var $superWin;
            var $userWin;
            var superWinWidth=$(window).width()*0.98;
            var superWinHeight=$(window).height()-35;
            $(function(){
                    $superWin = $('#super-window').window({
                        title: '查看',
                        width: superWinWidth,height: superWinHeight,
                        left: ($(window).width() -superWinWidth ) /2 ,
                        top: ($(window).height() -superWinHeight ) /2 ,
                        shadow: true,modal: true,
                        iconCls: 'icon-edit',closed: true,resizable:true,
                        minimizable: false,maximizable: true,collapsible: false
                    });
                    $userWin = $('#super-uwindow').window({
                        title: '个人信息',
                        width: 500,height: 350,
                        left: ($(window).width() -500 ) /2 ,
                        top: ($(window).height() -350 ) /2 ,
                        shadow: true,modal: true,
                        iconCls: 'icon-edit',closed: true,resizable:false,
                        minimizable: false,maximizable: false,collapsible: false
                    });
            });
            $(window).resize(function() {
                superWinWidth=$(window).width()*0.98;
                $('#super-window').window('resize',{
                    width: editWinWidth,height: editWinHeight
                });
            });
            
            // 打开超级窗口
            function openSupperWin(title,targetUrl){
                $superWin.window({"title":title});
                $superWin.window('open');
                $('#superFrame').attr('src',targetUrl);
            }
            
           $(function(){
               
               var treeData=new Array();
               
               treeData.push({"id":"1","text":"第一个菜单"});
               
               var msgChildTreeData=new Array();
               msgChildTreeData.push({"id":"sys_menu","text":"菜单管理","url":"/manage/menu/index","target":"tabindex" });
               
               treeData.push({"id":"sys","text":"系统管理","children":msgChildTreeData});
               
                $('#menutree').tree({
                    url:"/manage/index/menudata",
                    onClick:function(menuEl){
                        if(menuEl.href!=null){
                            open_panel(menuEl.text,menuEl.href);
                        }
                    }
                });
               
           });
           
            // 打开一个Tab
            function open_panel(tit, url) {
                //否则添加或选择到相应tab
                if ($('#mainTabs').tabs('exists', tit)) {  //如果已存在则选择
                    $('#mainTabs').tabs('select', tit);
                } else {
                    var url_content = '<iframe id="" width="100%" height="100%" src="' + url + '" frameborder="0"  allowtransparency="true" scrolling="no"></iframe>';
                    var mytab=$('#mainTabs').tabs('add', {
                        title: tit,
                        content: url_content,
                        closable: true,
                        tools: [{
                            //添加刷新图标
                            iconCls: 'icon-mini-refresh',
                            handler: function() {
                                var cur_tab = $('#mainTabs').tabs('getSelected');
                                $('#mainTabs').tabs('update', {
                                    tab: cur_tab, options: { content: url_content }
                                });
                            }
                        }]
                    });
                }
            }
            
            
            function logout(){
                $.ajax({
                    url:"/manage/login/logout",
                    data:"t="+new Date(),
                    success:function(rs){
                        if(rs=="ok"){
                            document.location="/manage/login/index";
                        }
                    },error:function(e,e1,e2){
                        alert(e2);
                    }
                });
            }
            
            // 保存信息
            function save(){
                var data=$("#myform").serialize();
                $.ajax({
                        url:"/manage/index/saveUserInfo",
                        data:data,type:"get",
                        success:function(rs){
                            if(rs=="ok"){
                                    alert("保存成功！");
                            }else{
                                    alert("保存失败！");
                            }
                        },error:function(e,e1,e2){
                            alert(e2);
                        }
                });
            }
            
            
        </script>
    </head>
    <body class="easyui-layout" >
        <div data-options="region:'north',split:false,border:false" style="height: 50px; overflow: hidden;background:#334455;" >
            <div id="topbar" class="title" style=' background-position:100px 0px;width:100%;height:100%;'>
                <div id="topbar-logon" class="right" style="float:right; padding-right:20px;height:50px;margin-top: 10px;">
                    <a data-options="plain:'true',iconCls:'icon-man' " id="logout" href="#" onclick="$userWin.window('open')" class="easyui-linkbutton myhover" >{$manager["username"]}</a>
                    <a data-options="plain:'true',iconCls:'icon-remove' " id="logout" href="#" onclick="logout()" class="easyui-linkbutton myhover" >注销</a>
                    <a data-options="iconCls:'icon-help',menu:'#topbar-menu'" class="easyui-menubutton myhover" >管理</a>
                    <div id="topbar-menu" style="width: 150px;">
                        <div onclick="$userWin.window('open')" >修改个人信息</div>
                        <div class="menu-sep"></div>
                        <div data-options="iconCls:'icon-help'" onclick="showAbout()">关于</div>
                    </div>
                </div>
                <div id="topbar-info" class="left" style="line-height: 50px;width:450px;height: 50px;" >
                    <img src="/static/images/manage/logos.png" height="40" style="float: left;margin: 5px 0 0 5px;" />
                    <span style="line-height:50px ;margin: 5px 0 0 10px;font-size: 28px;color: #eee;" >中世康恺</span>
                    <span style="line-height:40px ;margin: 5px 0 0 0;font-size: 22px;color: #eee;" >（远程诊断系统）</span>
                </div>
            </div>
        </div>
		<div data-options="region:'south',split:false,border:true" style="height: 25px;text-align: center;line-height: 25px;"  ></div>
                <!--
		<div data-options="region:'east',split:true" title="East" style="width:100px;"></div>
                -->
                <div title="功能导航" id="menu" data-options="region:'west',split:false,border:true,icon:'icon-forward'" style="height:100%;width: 180px; overflow: auto;" >
                    <ul id="menutree" style="padding: 0px; margin: 0px;height:97%;"></ul>
                    
                </div>
		<div data-options="region:'center',split:false,border:false" >
                    <div id="mainTabs" data-options="fit:true,border:false" class="easyui-tabs" >
                        <div title="欢迎使用" style="overflow: hidden;">
                            <iframe id="tabindex" name="tabindex" src="/manage/index/welcome" style="width: 100%; height: 100%; border: 0;" scrolling="no" ></iframe>
                        </div>
                    </div>
		</div>
        <div id="super-window" class="easyui-window" style="overflow: hidden" ><iframe src="about:blank" id="superFrame" style="width:100%;height:100%" frameborder="0" scrolling="yes" ></iframe></div>
        <div id="super-uwindow" class="easyui-window" style="overflow: hidden;display: none" >
            <form name="myform" id="myform" action="" method="get" >
                <div style="width: 250px;margin:25px 0 0 120px;" >用户名：<input name="username" class="easyui-textbox" id="username" readonly="true" style="width:200px;" value="{$manager.username}" /> </div>
                <div style="width: 250px;margin:10px 0 0 120px;" >原密码：<input name="opwd" id="opwd" class="easyui-textbox" type="password" style="width:200px;" value="" /> </div>
                <div style="width: 250px;margin:10px 0 0 120px;" >新密码：<input name="upwd" id="upwd" class="easyui-textbox" type="password" style="width:200px;" value="" /> </div>
                <div style="width: 250px;margin:10px 0 0 120px;" >手机号：<input name="phone" id="phone" class="easyui-textbox" type="text" style="width:200px;" value="{$manager.phone}" /> </div>
                <div style="width: 250px;margin:10px 0 0 120px;" >电子邮：<input name="email" id="email" class="easyui-textbox" type="text" style="width:200px;" value="{$manager.email}" /> </div>
                <div style="width: 250px;margin:15px 0 0 168px;" >
                    <a type="button" class="easyui-linkbutton" data-options="iconCls:'icon-save'" onclick="save()">保存</a>&nbsp;
                    <a type="button" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="$userWin.window('close')">关闭</a>
                </div>
            </form>
        </div>
        <script type="text/javascript">
		$(function(){
			$('#main_layout').layout();
			setHeight();
		});
		
		function setHeight(){
			var c = $('#main_layout');
			var p = c.layout('panel','center');	// get the center panel
			var oldHeight = p.panel('panel').outerHeight();
                        
			p.panel('resize', {height:'auto'});
			var newHeight = p.panel('panel').outerHeight();
                        alert(newHeight);
			c.layout('resize',{
				height: (c.height() + newHeight - oldHeight)
			});
		}
	</script>
        
    </body>
</html>