index.html

<!--#layout("/common/container.html"){  -->
  <!-- 顶部 -->
<link rel="stylesheet" href="${ctxPath}/plugins/messages/css/message.css">
<style type="text/css">
.fsTab{
margin:10px;
height:webkit-calc(100% - 22px);
height:-moz-calc(100% - 22px);
height:calc(100% - 22px);
}
.fsTab .layui-tab-content{

height:webkit-calc(100% - 42px);
height:-moz-calc(100% - 42px);
height:calc(100% - 42px);
    box-sizing: border-box;
   }
   .fsTab .layui-tab-content *{
   height : 100%;
   width: 100%;
   }
	.ellipsis{ line-height: 20px; text-indent:2em; }
	a.looklist{ margin-top:10px;}
	.fsTopMenu{ width: calc(100% - 570px);min-width: 200px;overflow:hidden;background-color: transparent;border: 0;}
	#fsTopMenu li a,#fsTopMenu .layui-tab-bar{color:#ffffff; display:inline;} 
	#fsTopMenu .layui-this,#fsTopMenu .layui-this a{color: #333;}
	.layui-layout-left>.layui-tab-title{ background-color: transparent; }
</style>
  <form class="layui-form layui-form-pane">
  
  <div class="layui-header">
    <a href="javascript:;" class="layui-hide-xs"><div class="layui-logo layui-elip">${env("app.name")}</div></a>
    <a href="javascript:;" class="layui-hide-xs"><div class="fsSwitchMenu"><i class="layui-icon iconfont layui-icon-shrink-right"></i></div></a>
    
    <!-- 顶部菜单spk-platform-core/src/resources/templates/index.html -->
    <div class="layui-layout-left fsTopMenu layui-tab layui-tab-card"id="fsTopMenu" >
    <ul class="layui-tab-title" lay-filter="fsTopMenu">
      <!--#for(node in menus.children){  -->
      <li class=" ${nodeLP.first?'layui-this'}" dataPid="${node.data.id}"><a href="javascript:;"><i class="layui-icon">${node.data.icon}</i>
      <!--#if(nodeLP.first){  -->
      <cite>${node.data.name}</cite>
      <!--#}else{  -->
      ${node.data.name}
      <!--#}  -->
      </a></li>
      <!--#} -->
    </ul>
 </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 href="javascript:;">
         	${session["core:user"].name}
        </a>
        <dl class="layui-nav-child">
          <dd><a href="javascript:;">基本资料</a></dd>
          <dd id="changeCompanyButton"><a href="javascript:;">${session["core:currentOrg"].name}</a>
          </dd>
        </dl>
      </li>
      <li class="layui-nav-item layui-hide-xs user-modify-password"><a style="cursor: pointer;"><i class="layui-icon layui-icon-set"></i> 修改密码</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="${ctxPath}/logout.do"><i class="iconfont icon-tuichu"></i> 退出</a></li>
    </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-body layui-form">
  	<div class="layui-tab layui-tab-card fsTab" lay-filter="fsTab" lay-allowClose="true">
  		
  		<!-- 菜单导航 -->
		<ul class="layui-tab-title">
		 <li class="layui-this">系统说明</li>
		</ul>
		
		<!-- 内容 -->
		<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
			 <iframe src="" class="layadmin-iframe"></iframe>
			</div>
		</div>
	</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-side layui-bg-gray" id="left-nav">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree fsMenu"  lay-filter="fsLeftMenu" id="fsLeftMenu">
      	<!--#
      	for(node in menus.children){  
      	var hasSite = true;//系统的第一个菜单默认显示
      	-->
      	<!--#for(subSystem in node.children){  -->
        <li class="layui-nav-item layui-nav-itemed" dataPid="${node.data.id}" style="display: none;">
          <a href="javascript:;">${subSystem.data.name}</a>
          <dl class="layui-nav-child">
          	<!--#for(menu in subSystem.children){  -->
          	<dd class="" ><a href="javascript:;" menuId="${menu.data.id}" dataUrl="${ctxPath}${menu.data.accessUrl}"><i class="layui-icon">&#xe68e;</i> 
          	${menu.data.name}
          	</a></dd>
            <!--#}  -->
           </dl>
        </li>
        <!--#}  -->
        <!--#}  -->
      </ul>
    </div>
  </div>
  
  </form>
<script type="text/javascript">
var listnum = 0;
layui.use(['layer'],function(){
	/* -remind-引入后桌面就不会添加创建执行,找不到这个js报错*/
	//初始化消息提醒
	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 = "/core/remind/view.do?id="+this.id;
        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);
            }
        });
	})
	//var id = ${session["core:user"].id}; //Common.userInfo.userId
	//var numbe = 0;//Common.userInfo.numberlist
	$.ajax({
       	url:'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 = "${ctxPath}"+"/core/remind/index.do";
    		                var offId =  $(".layui-tab-title").find("#listall").length;
    		                if(!offId){
    		                	$(".layui-tab-title").append('<li class="layui-this" id="listall" lay-id="listall">全部消息<i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li>');
    			                $(".layui-tab-content").append('<div id="listAll" class="layui-tab-item layui-show"><iframe src="'+url+'"></iframe></div>');
    			                $(".layui-tab-title").children('[lay-id="listall"]').siblings('li').removeClass('layui-this');
    			                $(".layui-tab-content").children('#listAll').siblings('.layui-tab-item').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 #listall 
		$(".layui-tab-title").on('click','.layui-tab-close',function(){
			if($(this).parent().hasClass("layui-this")){
				var _next = $(this).parent().next('li'),
				    _prev = $(this).parent().prev("li");
				if(_next.length){
					_next.addClass("layui-this");					
					$(".layui-tab-content").children().eq(_next.index()).addClass('layui-show');
				}else if(_prev.length){	
					_prev.addClass("layui-this");
					$(".layui-tab-content").children().eq(_prev.index()).addClass('layui-show');
				}
			}
			$(".layui-tab-content").children().eq($(this).parents('li').index()).remove();
			$(this).parent().remove();
		})

 		$("#theme_id").on('click',parentDeck);
 		$("#addDeck").on('click',addDecks);
 		function addDecks(){//添加桌面
 			var item = $("#addDeck").val().split(',');
 			var len = $(".fsTab ul").children().length;
 			$(".fsTab ul").children().removeClass('layui-this');
 			 var str = '<li lay-id="${ctxPath}/admin/portalDesktop/index.do?id='+item[0]+'" data-id="'+item[0]+'" class="layui-this"><span> '+item[1]+'</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li>'
 			var body ='<div class="layui-tab-item layui-show"><iframe src="${ctxPath}/admin/portalDesktop/index.do?id='+item[0]+'" frameborder="0" id="'+item[0]+'" class="layadmin-iframe"></iframe></div>'
 			$(".fsTab ul").append(str);
 			$(".layui-tab-content").append(body);
 			$(".fsTab ul").children().eq(len+1).addClass('layui-this');
 		}
 		
 		function parentDeck(){//第一次加载默认桌面后创建其他桌面 //#LAY_app_tabsheader // LAY_app_body  
 			var src = "${ctxPath}/admin/portalDesktop/index.do";
 			var array = $("#theme_id").val(),str=body="";
 			for(var i=0,item = JSON.parse(array);i<item.length; i++){
 				(function(i){
 					if(i!=0){
 						str = '<li lay-id="${ctxPath}/admin/portalDesktop/index.do?id='+item[i].id+'" data-id="'+item[i].id+'"><span> '+item[i].value+'</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li>'
 						body ='<div class="layui-tab-item layui-show" data-id="'+i+'" ><iframe src="${ctxPath}/admin/portalDesktop/index.do?id='+item[i].id+'" frameborder="0" class="layadmin-iframe"></iframe></div>'
 						if($(".fsTab ul").find('[data-id='+item[i].id+']' ).length == 0){
 							$(".fsTab ul").append(str);
 							$(".layui-tab-content").append(body);
 						}
 					}
 				})(i); //$("#LAY_app_body").children().eq(i).removeClass('layui-show');显示后避免模块的宽高混乱
 			};
 			$(".fsTab ul").children().eq(item.length).addClass('layui-this').siblings().removeClass('layui-this');
 		};
 		//设置桌面的时候---改变tab的text值
 		$("#tabText").on('click',function (){
 			var array = $("#tabText").val().split(',');
 			var l = $(".fsTab ul").find("[data-id = "+array[0]+"]")
 			if(l.length == 1) l.children('span').html(array[1]);
 		});
 		//删除桌面关闭tab
 		$("#delDeck").on('click',function (){
 			var userID = $("#delDeck").val();
 			var iframe = $(".layui-tab-content").find('iframe')
 			for(var i=0; i<iframe.length ; i++){
 				if(iframe[i].src.indexOf(userID) != -1){
 					iframe.eq(i).parent().remove();//删除当前桌面后
 					$(".fsTab ul").find('[data-id = '+ userID +']').remove();//删除当前桌面后 
 					$(".fsTab ul").children().eq(0).addClass("layui-this");//显示默认桌面
 					$(".layui-tab-content").children().eq(0).addClass("layui-show").siblings().removeClass('layui-show');
 				}
 			}
 		})
});
</script>
<script type="text/javascript" src="${ctxPath}/js/common/json2.js"></script>
<script type="text/javascript" src="${ctxPath}/plugins/messages/js/message.js"></script>
<script type="text/javascript" src="${ctxPath}/js/core/remind/remind.js"></script>
<!--#}  -->