index1.html 18.1 KB
<!--#layout("/common/container.html"){  -->
<style>
	
</style>
  <!-- 顶部 -->
<div id="LAY_app">
<!--#
var objectMapper = type.new("com.fasterxml.jackson.databind.ObjectMapper");
var menusJson = @objectMapper.writeValueAsString(menus);
 -->
    <div class="layui-layout layui-layout-admin">
    	<!-- 头部区域 -->
      <div class="layui-header layui-box">
         <div class="title"> <img src="img/logo.png"/> </div>  
           <ul class="layui-nav layui-layout-right">
		      <!-- 消息提醒 -->
		      <li class="layui-nav-item layui-hide-xs">
		        <i id="message" class="layui-icon layui-icon-notice layui-icon-notice-top"></i>
		      </li>
		      <li class="layui-nav-item layui-hide-xs"><a id="changeCompanyButton"  href="javascript:;">${session["core:currentOrg"].name}--${session["core:user"].name}</a></li>
              <li class="layui-nav-item layui-hide-xs"> 
                	<i id="fs_Menu" class="layui-icon layui-icon-app"  title="切换系统" ></i>
                	<div class="fs_menu_con">
                		<ol class="menu_list clear">
                		<!--#  for(node in menus.children){  -->
	                		<li data-type = "navMenu" title="${node.data.name}" lay-direction="${node.data.id}">
	                		<div style="height:30px;line-height:30px;">
	                			<!--# if(node.data.icon != '') {-->
								<i class="layui-icon ${node.data.icon}"></i>
								<!--# }else{  -->
								<i class="layui-icon layui-icon-template-1"></i>
								<!--# } -->
	                		</div>
	                		<a  href="javascript:;" >${node.data.name}</a></li>
		                <!--# }  -->
	                	</ol>
	                	<div class="pages">
	                		<p class="page_top"><i class="layui-icon layui-icon-top"></i></p>
	                		<p class="page_next"><i class="layui-icon layui-icon-up"></i></p>
	                		<p class="page_prev"><i class="layui-icon layui-icon-down"></i></p>
	                	</div>
                	</div>
		       </li>
                <li class="layui-nav-item layui-hide-xs" title='${session["core:user"].name}'><i class="layui-icon layui-icon-user"></i></li>
                <li class="layui-nav-item"><i id="tool" title="改换风格" layadmin-event="theme" class="layui-icon layui-icon-theme"></i></li>
                <li class="layui-nav-item layui-hide-xs user-modify-password"><i style="cursor: pointer;" title="修改密码" class="layui-icon layui-icon-password"></i></li>
     			<li class="layui-nav-item layui-hide-xs"><a href="${ctxPath}/logout.do"> 退出</a></li> <!-- <i class="iconfont icon-tuichu"></i> -->
           </ul>     
      </div>
      <div id="selectCompany" style="padding: 50px;display:none;">
  	<div class="layui-row">
		<div class="layui-form-item">
			<select id="companyList"> 
			<!--#
			var allOrgs = session["core:orgs"];
			for(org in allOrgs){
				var checked = false;
				if(session["core:currentOrg"].id==org.id){
					checked=true;
				}
			 -->
		  	<option value="${org.id}" ${checked?"selected"}>${org.name}</option>
		  	<!--#}  -->
		  	</select>
  		</div>
 	 </div>
 	</div>
      <!-- 侧边菜单 -->
      <div class="layui-side layui-bg-gray" id="left-nav">
      	<div class="site-tree">
       		<div class="layui-side-scroll">
	          <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
	            <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
				 
	          </ul>
		     </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="iframeId" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
          </ul>
        </div>
      </div>
      <!-- 配色弹窗 -->
      	<div class="layui-hide" id="layer-style-color">
      			<ul class="layadmin-setTheme-color" style="padding:10px;box-sizing: border-box;">
      				<li title="橙色">
      					<div class="layadmin-setTheme-header" style="background-color: #F78400;"></div>
      					<div class="layadmin-setTheme-side" movebg="#F78400" style="background-color: #20222A;" hoverTow='#FECE84'> <div class="layadmin-setTheme-logo" style="background-color: #F78400;"></div> </div>
      				</li>
      				<li title="绿色">
      					<div class="layadmin-setTheme-header" style="background-color: #2F9688;"></div>
      					<div class="layadmin-setTheme-side" movebg="#2F9688" style="background-color: undefined;"> <div class="layadmin-setTheme-logo" style="background-color: #226A62;"></div> </div>
      				</li>
      				<li title="蓝色">
      					<div class="layadmin-setTheme-header" style="background-color: #1E9FFF;"></div>
      					<div class="layadmin-setTheme-side" movebg="#1E9FFF" hoverTow='#6CDDFF' style="background-color: #344058;"> <div class="layadmin-setTheme-logo" style="background-color: #0085E8;"></div> </div>
      				</li>
      				<li title="深蓝">
      					<div class="layadmin-setTheme-header" style="background-color: #1D5FB6;"></div>
      					<div class="layadmin-setTheme-side" movebg="#1D5FB6" hoverTow="#5DA4E6" style="background-color: #344058;"> <div class="layadmin-setTheme-logo" style="background-color: #0085E8;"></div> </div>
      				</li>
      				<li title="默认样式">
      					<div class="layadmin-setTheme-header" style="background-color: #21ADBF;"></div>
      					<div class="layadmin-setTheme-side" movebg="" style="background-color: #344058;"> <div class="layadmin-setTheme-logo" style="background-color:#009788;"></div> </div>
      				</li>
      			</ul>
      </div>
      <!-- 主体内容 -->
      <div class="layui-body layui-tab-content" id="LAY_app_body">
        <div class="layadmin-tabsbody-item layui-show" data-id="iframeId">
          <!-- <iframe src="${ctxPath}/admin/portalDesktop/index.do" id="iframeId" class="layadmin-iframe"></iframe> -->
           <iframe src="${ctxPath}/main/index.do" id="iframeId" class="layadmin-iframe"></iframe>
         </div>
      </div>
     </div>
</div>
<!-- end<script type="text/javascript" src="${ctxPath}/js/admin/portalDesktop/protal/parent.js"></script>
 -->
<script type="text/javascript" src="${ctxPath}/js/messenger.js"></script>
<script type="text/javascript" src="${ctxPath}/js/common/json2.js"></script>
<script type="text/javascript" src="${ctxPath}/js/core/remind/remind.js"></script>
<!-- 会诊弹窗 -->
 
<script type="text/javascript">
  layui.config({
    base: 'js/mhjs/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use('index');
    layui.use(['jquery','element','form'],function(){
      	var element = layui.element,
      		$ = layui.jquery,
      		form = layui.form,
			timeHide = null,numm = 1;
	//Change the sidebar menu
	var menus = ${menusJson};
	var list = menus.children;
	menuslist(list[0]);
	function menuslist(list){
		var oli=''; //console.log(list)
		for(var j=0,item=list.children;j<item.length;j++){
			 oli += '<li class="layui-nav-item layui-nav-itemed" lay-direction="'+item[j].id+'" ><a href="javascript:;"> <i class="icon-list"></i><cite>'+item[j].name+'</cite><span class="layui-nav-more"></span></a> <dl class="layui-nav-child">'
			for(var t=0,ch = item[j].children;t<ch.length;t++){
				if(ch[t].children.length){
					oli += '<dd><a href="javascript:;" >' +ch[t].data.name+'<span class="layui-nav-more"></span></a><dl class="layui-nav-child">'
					ch[t].children.forEach(function(item){
						oli += '<dd><a menuId="'+item.data.id+'" lay-href="${ctxPath}'+item.data.accessUrl+'">'+item.data.name+'</a></dd>';
					});
					oli+="</dl></dd>";
				}else{
					oli += '<dd><a href="javascript:;" menuId="'+ch[t].data.id+'" lay-href="${ctxPath}'+ch[t].data.accessUrl+'">' +ch[t].data.name+'</a></dd>';
				}
			}
			oli +=' </dl></li>';
		}
		$('#LAY-system-side-menu').html(oli);
	};
	//修改密码
	$(".user-modify-password") .on("click" ,function(){
		layer.open({
			type:2,
			id:'user-modify-password',
			title:'<b>修改密码</b>',
			shadeClose : false,
			btnAlign : 'c',
			area : ['500px','300px'],
			content : Common.ctxPath + '/admin/user/changePassword.do?type=user&id='+Common.userInfo.userId
		})
	})
	//菜单翻页
	var pages_num=0;
	$('.pages .page_top').click(function(){pages_num = 0;meunPage(pages_num);});
	$('.pages .page_next').click(function(){pages_num == 0?0:pages_num--;meunPage(pages_num);});
	$('.pages .page_prev').click(function(){ pages_num++;meunPage(pages_num);});
	function meunPage(num){
		var h = $('.menu_list').height()-80;
		var wh = $('.fs_menu_con').height()-11;
		if(wh*num - h >= 0){return pages_num--;}
		if(num >= 0){$('.menu_list').animate({'margin-top': -wh*num});};
	};
	$('.fs_menu_con .menu_list').on('click','li',function(){
		var index = $(this).index();
		menuslist(list[index]);
		leftIcon();
	});
	$('.fs_menu_con .menu_list').children().eq(0).addClass('active');
	leftIcon();//侧边栏的icon.
	function leftIcon(){
		var iconAtt = ['aside1.jpg','aside2.jpg','aside3.jpg','aside4.jpg','aside5.jpg','aside6.jpg','aside7.jpg','aside8.jpg','aside9.jpg','aside10.jpg','aside11.jpg','aside12.jpg'];
		$('.icon-list').each(function(i,item){
			$(item).css({
				'background-image':'url("img/index/'+iconAtt[i%iconAtt.length]+'")'
			})
		});
		element.render();
	}
	//弹窗${ctxPath} 切换系统
	$('#fs_Menu').click(function(){
		$('.fs_menu_con').fadeIn()
	});
	
	$('.fs_menu_con').mouseleave(function(){ 
		$('.fs_menu_con').fadeOut()
	});
	$('.menu_list').on('click','li',function(){ 
		$(this).addClass('active').siblings().removeClass('active'); 
	}); 
	/*/admin color 点击打开配色*/
	$('#tool').click(function(){
		layer.open({
			title:'配色方案',
			content:$('#layer-style-color').html(),
			anim: 2,
			shade: [0.3, '#393D49'],
	    	shadeClose:true,
	    	fixed :true,
	    	area: ['330px', '70%'],
	    	maxWidth : '360px',
	    	offset: 'r',
	    	btn:false,
			success:function(layout){
				//选择不同放颜色
				$(layout).find(".layadmin-setTheme-color").on("click","li",function(){
					var _bgcolor = $(this).children(".layadmin-setTheme-header").css('background-color');
					var hoverTow = $(this).find('.layadmin-setTheme-side').attr('hoverTow');
					var movebg = $(this).find('.layadmin-setTheme-side').attr('movebg');
					if($(this).attr("title") == "默认样式"){
						if($("style#bgleft").length > 0)$("style#bgleft").remove();
						localStorage.Colorscheme = "默认";
					}else{
						localStorage.Colorscheme = ".layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a,"+ 
						".layui-nav-tree .layui-this>a:hover, .layui-nav-tree .layui-nav-child .layui-this, .layui-nav-tree .layui-nav-child .layui-this a,.layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a,"+
						".layui-nav-tree .layui-this>a:hover{background-color: "+_bgcolor+";}"+ ( movebg?'.layui-nav-tree .layui-nav-bar{background-color:'+movebg+';}': '.layui-nav-tree .layui-nav-bar{background-color:'+_bgcolor+';}') + (hoverTow?'.layui-nav-tree .layui-nav-child a:hover{background-color:'+hoverTow+'; color:#fff; }':"") +".layui-layout-admin .layui-header{background:none;background-color:"+_bgcolor+";}";
						lfcolor(localStorage.Colorscheme);//选择颜色风格
					}
				});
			}
		})
	});

		
		if(localStorage.Colorscheme == "默认" || !localStorage.Colorscheme){//加载进来后判断是否默认风格
			if($("style#bgleft").length > 0)$("style#bgleft").remove();
		}else{
			lfcolor(localStorage.Colorscheme);
		}
		function lfcolor(bg){ if($("style#bgleft").length == 1){ $("style#bgleft").text(bg) }else{ var sty = document.createElement('style'); sty.id = "bgleft"; sty.innerText = bg; $("head").append(sty); } }
    })
</script>
<script type="text/javascript">
var listnum = 0;
layui.use(['layer','element'],function(){
	// Common.openDlg("/consult/opGroupConsultation/call.do","OpGroupConsultation管理>专家会诊");
	//初始化消息提醒
	var remind = layui.remind;
	remind.init({
		type:"remind",
		callback:function(d){
			var data = JSON.parse(d);
			if(!data.remind){
				return;
			}
			//更新未读条数
			var numLen = data.unReadCount>99?'99+':data.unReadCount;
			$("#message").attr('title', numLen+ "条新消息").children(".badge").html(numLen);
			//initMessagePlugin(data);
			//右下角提示
			layer.open({
				type:1,
				title:'<i class="layui-icon layui-icon-notice"></i> <b>消息提醒</b>',
				offset:'rb',
				area:['400px','250px'],
				shade:0,
				resize:false,
				time:1000*10,
				anim:2,
				content: '<div class="layui-card" style="margin:10px 20px;"> <div class="layui-card-header"><h3 class="layui-elip" style="font-size:18px;">'+data.remind.title+'</h3></div>'+
							'<div class="layui-card-body"><p class="ellipsis">'+ (function(){return data.remind.content.length > 120?data.remind.content.substring(120,1)+"......":data.remind.content+"."})()+'</p><a id="'+data.remind.id
							+'" href="javascript:;" class="looklist layui-btn layui-btn-sm layui-bg-red">查看详情</a></div></div>'
				
			});			
		}	
	});
	$(document).on('click','.looklist',function(){
		var url = Common.ctxPath + "/core/remind/view.do?id="+this.id;
        layer.open({
            type: 2,
            content: url,
            title: "查看详情",
            maxmin: true,
            area: ['630px', '450px'],
            shade: 0.3,
            btn: ['关闭'],
            btn1:function(index){ //window.dataReload();
            	layer.close(index);
            }
        });
	})
	//var id = ${session["core:user"].id}; //Common.userInfo.userId
	//var numbe = 0;//Common.userInfo.numberlist
	$.ajax({
       	url:Common.ctxPath + '/core/remind/unReadCount.json?userId='+Common.userInfo.userId,
       	async:true,
       	type:'post',
       	success:function(data){
       		if(data.msg == "成功"){
       			listnum = data.data > 99?'99+':data.data;
       		}
       	},
       	complete:function(){ 
       		if(listnum === 0)return;
       		MessagePlugin.init({
    	        elem: "#message",
            		msgUnReadData: listnum,
    	            msgClick: function(obj) {
    	            	var infoId = $(obj).find('p').attr('name');
    	            	var url = "/core/remind/view.do?id="+infoId;
    	                layer.open({
    	                    type: 2,
    	                    content: Common.ctxPath+url,
    	                    title: "查看详情",
    	                    maxmin: true,
    	                    area: ['630px', '450px'],
    	                    shade: 0.3,
    	                    btn: ['关闭'],
    	                    btn1:function(index){
    	               	//window.dataReload();
    	               	layer.close(index);
    	                    }
    	           });
    	           $('.animated')&&$('.animated').remove();
    	         },
    	         allRead: function(obj,t) {
    	           //	打開侧边栏对应tab,
  		                var url = Common.ctxPath + "/core/remind/index.do";
  		                var offId =  $(".layui-tab-title").find("#listall").length;
  		                if(!offId){
  		                	//LAY_app_body
  		                	$(".layui-tab-title").append('<li class="layui-this" id="listall" lay-id="'+url+'">全部消息<i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li>');
  			                $("#LAY_app_body").append('<div id="listAll" class="layadmin-tabsbody-item layui-show"><iframe src="'+url+'" frameborder="0" class="layadmin-iframe"></iframe></div>');
  			                $(".layui-tab-title").children('#listall').siblings('li').removeClass('layui-this');
  			                $("#LAY_app_body").children('#listAll').siblings().removeClass("layui-show");
  			            }
   		            //animated 
   		         $('.animated')&&$('.animated').remove();
   	            },
   	            getNodeHtml: function(obj, node) {
   	                obj.readStatus == 1? node.isRead = true: node.isRead = false;
   	                
   	                var html = "<p name='"+obj.id+"'>"+ obj.title +"</p> <small>"+obj.receiveTime+"</small> ";

                   	node.html = html;
				return node;
              }
   	    });
       	}
       })
		
		//关闭nav tab
		$(".layui-tab-title").on('click','.layui-tab-close',function(){
			var dId = $(this).parents('li').attr('lay-id')
			if($(this).parent().hasClass("layui-this")){
				var _next = $(this).parent().next('li'),
				    _prev = $(this).parent().prev("li");
				if(_next.length){
					_next.addClass("layui-this");					
					$("#LAY_app_body").children().eq(_next.index()).addClass('layui-show');
				}else if(_prev.length){	
					_prev.addClass("layui-this");
					$("#LAY_app_body").children().eq(_prev.index()).addClass('layui-show');
				}
			}
			$(this).parent().remove();
		 	$("#LAY_app_body").find("iframe[src='"+dId+"']").parent().remove();
		});
});
</script>

<!--#}  -->