jp-gateway-pc/html/common/head.html

	<script type="text/javascript" src="../js/jquery.tmpl.js">
		</script>
<script>

	
$(function() {
	
	//公共属性
	getInit();
	
	function getInit(){
			var version =window.localStorage.getItem("jp-mh-version")
			if(!version){
				version=0;
			}
			 $.post(Constant.serverUrl+"api/mhdata/getVersion",{
				 version:version
			 },function(data,status){
				
				 window.localStorage.setItem("jp-mh-version", data.data.version.value)
				 if(data.data.data){
					 
					 window.localStorage.setItem("jp-mh-data",JSON.stringify( data.data.data))
				 }
				 if(data.data.versionList){
					window.localStorage.setItem("jp-mh-head",JSON.stringify( data.data.versionList))
					
				 }
				 headInit()
				 footInit()
				 if(jQuery(".data-body").length){
					  bodyInit();
				 }
				
				 
			 })
	}
	
	function headInit(){
		
		var str=window.localStorage.getItem("jp-mh-head");
		var list=JSON.parse(str);
		//var list=data.data.versionList;
		 var meun={}
		 list.sort(function(a,b){
			 a.list=[];
			 if(a.value=='ROOT'){
			 	 meun=a;
			 }
		     return a.sortNo-b.sortNo
		 });
		 for(var i in list){
			 for(var j in list){
				 var a=list[i]
				 var b=list[j]
				 if(a.extended1==1&&b.extended1==1&&b.parentId==a.id){
				 	a.list.push(b);
					a.islist=true
				 }
			 }
		 }
		
		
		var  meunRoot=list.filter(item=>{
			
			return item.parentId==meun.id&&item.extended1==1;
		});
		 console.log(meunRoot)
		
		 $("#navigation-temp").tmpl(meunRoot).prependTo(".data-navigation")
		$("#navigation-temp-m").tmpl(meunRoot).prependTo(".data-navigation-m")
		getMmenu()
		
		if(Constant.query.jpcode){
			var code=Constant.query.jpcode.replace("%",'')
			
				$("#"+code).parents(".Lev1").find(".menu1").addClass("active"); 
				$("#"+code).children(".menu1").addClass("active");
		}else{
			 $(".menu1").eq(0).addClass("active"); 
		}
	}
	function footInit(){
		var str=window.localStorage.getItem("jp-mh-data");
		var data=JSON.parse(str);
		
		var  footList=data.filter(item=>{
			return item.type=='PZ-foot';
		});
		
		$("#foot-temp").tmpl(footList).prependTo(".data-foot")
		
	}
	function bodyInit(){
		
		var str=window.localStorage.getItem("jp-mh-data");
		var data=JSON.parse(str);
		
		var  footList=data.filter(item=>{
			return item.type=='PZ-body';
		});
		
		$("#body-temp").tmpl(footList).prependTo(".data-body")
		
	}
	function getMmenu(){
		var mmenu = $('nav#mmenu').mmenu({
		    slidingSubmenus: true,
		    classes: 'mm-white',
		    //mm-fullscreen mm-light
		    extensions: ["theme-white"],
		    offCanvas: {
		        position: "right",
		        //left, top, right, bottom
		        zposition: "front" //back, front,next
		        //modal		: true
		    },
		    searchfield: false,
		    counters: false,
		    //navbars		: {
		    //content : [ "prev", "title", "next" ]
		    //},
		    navbar: {
		        title: "网站导航"
		    },
		    header: {
		        add: true,
		        update: true,
		        title: "网站导航"
		    }
		});
		$(".closemenu").click(function() {
		    var mmenuAPI = $("#mmenu").data("mmenu");
		    mmenuAPI.close();
		});
		$(".m-li-href").each(function(){
			$(this).attr("href",$(this).prev().attr("href"))
		})
	}
	
	
})
</script>
		
		<header class="header clearfix" id="header-sec">
		               <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
		                   <div class="navbar-header">
		                       <a class="navbar-toggle mmenu-btn" href="#mmenu">
		                           <span class="icon-bar">
		                           </span>
		                           <span class="icon-bar">
		                           </span>
		                           <span class="icon-bar">
		                           </span>
		                       </a>
		                       <a class="navbar-brand" href="index.html">
		                           <img alt="Logo" src="../picture/logo.png" />
		                       </a>
		                   </div>
						   <script type="text/text/x-jquery-tmpl" id="navigation-temp">
								<li class="Lev1 drop" id="${value}">
									<a 
									{{if list.length==0}}
									href="${extended3}?jpcode=${value}"​
									 {{/if}}	
									 class="menu1">
										${name}
										{{if list.length}}
										<i class="fa fa-caret-down"> </i>
										{{/if}}		
									</a>
														
									 <ul class="drop-down sub-menu2">
									 {{each(i,item) list}}
										<li class="Lev2  " id="${item.value}" >
									 
										        <a 
												 {{if !item.islist}}
												href="${item.extended3}?jpcode=${item.value}" 
												  {{/if}}
												 class="menu2">
										                      ${item.name}
															  
															  {{if item.islist}}
															  <i class="fa fa-caret-right"> </i>
															  {{/if}}		
															 
										            </a>
													
													<ul class="drop-down level3 sub-menu3">
														{{each(j,item2) item.list}}
													           <li class="Lev3" id="${item2.value}">
													                  <a href="${item2.extended3}?jpcode=${item2.value}"  class="menu3">
													                                ${item2.name}
													                      </a>
													                 </li>
													        {{/each}}
															
													 </ul>
													
										    </li>
									  {{/each}}
									</ul>
								</li>
						   </script>
		                   <div class="navbar-collapse collapse" id="navigation">
		                       <ul class="nav navbar-nav navbar-right data-navigation">
		                          
		               
		                          
								   
		                           <li class="zoom drop nav-search">
		                               <a ​ class="open-search">
		                                   <i class="fa fa-search">
		                                   </i>
		                               </a>
		                               <form class="form-search" method="get" action="query.html?">
		                                   <input type="hidden" name="jpcode" value="query" />
		                               
		                                   <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
		                                   />
		                                   <button type="submit">
		                                       <i class="fa fa-search">
		                                       </i>
		                                   </button>
		                               </form>
		                           </li>
		                         
		                       </ul>
		                   </div>
		               </nav>
		           </header>
 
 
 <nav id="mmenu" class="noDis">
     <div class="mmDiv">
        
         <div class="mm-search">
             <form method="get" class="mm-search-form" action="query.html?">
                <input type="hidden" name="jpcode" value="query" />
                		    
                 <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
                 placeholder="输入关键字..." />
             </form>
         </div>
		 <script type="text/text/x-jquery-tmpl" id="navigation-temp-m">
				
				<li class="m-Lev1 m-nav_0">
				    <a 
					
					{{if list.length==0}}
					href="${extended3}?jpcode=${value}"​
					 {{/if}}
					 {{if list.length!=0}}
					 class="m-li-href"
					  {{/if}}
					>
				        ${name}
				    </a>
					{{if list.length}}
					<ul class="m-submenu">
						 {{each(i,item) list}}
							<li class="Lev2">
							    <a 
									{{if !item.islist}}
										href="${item.extended3}?jpcode=${item.value}"​ 
									 {{/if}}
									
								class="m-menu2  
								{{if item.islist}}
									 	m-li-href
									  {{/if}}">
							        ${item.name}
							    </a>
								{{if item.islist}}
									<ul class="m-submenu2">
										{{each(j,item2) item.list}}
												<li class="m-Lev3">
												   <a  href="${item2.extended3}?jpcode=${item2.value}"​
													class="m-menu3">
													   ${item2.name}
												   </a>
												</li>
											{{/each}}
									</ul>
								{{/if}}
								
								
							</li>
						 {{/each}}
						 
		 				</ul>
							{{/if}}		
		 			</li>
					
		 </script>
         <ul class="data-navigation-m">
             
         </ul>
     </div>
 </nav>
 <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
 />
 <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
 </script>