sooka_maintenance
/
spszf_siping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>吉林省人民政府</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="trscss/images/mui.min.css" rel="stylesheet" />
		<link href="trscss/images/mui.style.css" rel="stylesheet" />
        <link href="trscss/css/nav_expand.css" rel="stylesheet" />
        
        <script type="text/javascript" src="trscss/js/jquery.min.js"></script>
        <script src="js/idealDic/idealDicInclude.js"></script>
        <script src="js/webviewGroup.js"></script>  
		<script type="text/javascript">
			get_fontsize();
			window.onresize = function() {
				setTimeout(function() {
					get_fontsize()
				}, 0);
			};
			function get_fontsize() {
				var width = document.documentElement.clientWidth || document.body.clientWidth;
				var fontSize = width / 10;
				document.getElementsByTagName("html")[0].style.fontSize = fontSize + "px";
			}
		    function ScrollImgLeft(){
		        var speed=50;
		        var scroll_begin = document.getElementById("scroll_begin");
		        var scroll_end = document.getElementById("scroll_end");
		        var scroll_div = document.getElementById("scroll_div");
		        scroll_end.innerHTML=scroll_begin.innerHTML;
		        function Marquee(){
		            if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
		                scroll_div.scrollLeft-=scroll_begin.offsetWidth;
		            else
		                scroll_div.scrollLeft++;
		        }
		        var MyMar=setInterval(Marquee,speed);
		        scroll_div.onmouseover=function() {clearInterval(MyMar);}
		        scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
		    }
		    function removeByValue(arr, val) {
			  for(var i=0; i<arr.length; i++) {
			    if(arr[i].id == val) {
			      arr.splice(i, 1);
			      break;
			    }
			  }
			}
			
		</script>
		<style type="text/css">
			.searchbtn{float: right;width: 8%;margin:5px 10px 0 0;}
			.searchbtn img{ width: 100%;}
			.mui-active{
				 color:blue;
			}
			.mui-control-item{
				 width: 500px;  text-align: center; 
				font-size: 2.6rem; font-weight: bold;
				
			} 
			
			.mui-pull-caption{
				font-size: 2rem;text-align: center; 
			}
			
			.mui-scroll a:link {   
			text-decoration: none;   
			}   
			.mui-scroll a:visited {   
			text-decoration: none;   
			}   
			.mui-scroll a:hover {   
			text-decoration: none;   
			}   
			.mui-segmented-control.mui-scroll-wrapper{
				background-image: url(images/spzf_06.png);
			}
			.navmore{
				background-image: url(images/spzf_06.png);
			}
		</style>	
	</head>
	<body>
		<div class="header padding" style="	background: #1a8fd6;">
			<a href="#"><img src="images/spzf_03.png" width="170px" style="margin-left: 8px; float: left;"/></a>
			 <div class="searchbtn fr" style="margin-top: 0px;"><img  src="images/search_1.png"></div>
		</div>

		<div class="mui-content main">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll" id="div_scroll" style="height: 90px; line-height: 50px;">
					</div>
					<div class="navmore">
						<span></span>
					</div>
				</div>
			</div>
		</div>
		
		<div class="nav_expand">
        	<div class="nav_expand_head"><h1>切换栏目</h1><div class="nav_return"><i class="ico_nav_return"></i></div><span class="sort_delete">排序删除</span></div>
            <div class="nav_expand_body">
            	<div class="nav_column" >
                    <ul id="li_already_top" >
                        <li><h1 data-active-url="index.html">首页</h1></li>
                        <li><h1 data-active-url="sz.html">市长</h1></li>
                    </ul>
                    <div class="cl"></div>
                </div>
                <div class="cl"></div>
                <div class="nav_add">
                    <ul id="li_unadd_top">
                    </ul>
                </div>
            </div>
        </div>
        <script src="js/mui.min.js"></script>
	</body>
</html>


 <script>
           function getItemStr(){
           	 var initItem ;
	          if(localStorage.getItem("initItem")==null){
	          	initItem = 'index.html,sz.html,zw.html,hd.html,sq.html';
	          }else{
	          	initItem = localStorage.getItem("initItem");
	          }
        	  return initItem;
        	  
           }
           
           function getItemObj(itemStr){
           	var itemArr = new Array();
          	var str = JSON.stringify(itemStr);
			re = new RegExp('"', "g"); 
			var tempArr = str.replace(re,'').split(",");
			
	        for(var s=0;s<tempArr.length;s++){
	          var obj = new Object();
	          obj.id=tempArr[s];
	          obj.url=tempArr[s];
	          obj.extras={}; 
	          obj.styles={top:80};
	          itemArr.push(obj);
	         } 
          	return itemArr;
           }
            var group;
            mui.plusReady(function() {
            	localStorage.setItem("loadPage","true");
            	//localStorage.setItem("initItem","index.html,sz.html,zw.html,hd.html,sq.html");
            	var objStr = getItemStr(); //导航菜单字符串
            	var objArr = getItemObj(objStr);  //导航菜单对象数组
            	var topItem = $(".mui-control-item");  //头部菜单
            	
            	var itemNameDic ={"index.html":"首页",
						           "sz.html":"市长",
						           "zw.html":"政务",
						           "hd.html":"互动",
						           "sq.html":"市情"};
						           
				//导航全部包含的栏目ID(页面)
				var allItemIdArr=[];
			    for (var x in itemNameDic){
			      	allItemIdArr.push(x);
				} 
            	
            	var nowItemIdArr=[]; 
            	for(var num=0;num<objArr.length;num++){
			      	nowItemIdArr.push(objArr[num].id);
				} 
            	
            	//处理弹出修改导航界面开始===================//
            	for(var n=0;n<allItemIdArr.length;n++){ 
            		var index = $.inArray(allItemIdArr[n], nowItemIdArr);
            		if(index>-1){
            			if('index.html'==allItemIdArr[n]||'sz.html'==allItemIdArr[n]){
            				continue;
            			}else{
            				var li_html = ' <li class="port"><i class="close_delete">x</i><h1 data-active-url="'+allItemIdArr[n]+'">'+itemNameDic[allItemIdArr[n]]+'</h1></li>';
			      			$("#li_already_top").append(li_html);
            				//alert(allItemIdArr[n]+"已存在");
            			}
            		}else{
            				var li_html = '<li><i class="ico_add">+</i><h1 data-active-url="'+allItemIdArr[n]+'">'+itemNameDic[allItemIdArr[n]]+'</h1></li>';
            				$("#li_unadd_top").append(li_html);
            				//alert(allItemIdArr[n]+"未添加");
            			
            		}
            	}
            	
            	//处理弹出修改导航界面结束===================//
            	//处理栏目导航开始===================//
            	for(var a =0;a<objArr.length;a++){
            		var id = objArr[a].id;
            		var itemStr;
            		var title = itemNameDic[id]; 
            		if(a==0){
            			itemStr = '<a class="mui-control-item mui-active" href="#item'+(a+1)+'mobile" data-wid="'+id+'" id="'+id+'">'+title+'</a>';
            		}else{
            			itemStr = '<a class="mui-control-item" href="#item'+(a+1)+'mobile" data-wid="'+id+'" id="'+id+'">'+title+'</a>';
            		}
            		$("#div_scroll").append(itemStr); 
            	}
            	$("#div_scroll").append('<a class="mui-control-item" data-active-id="占位">&nbsp;&nbsp;&nbsp;&nbsp;</a>');
            	//处理栏目导航结束===================//
            	
                group =  new webviewGroup(plus.webview.currentWebview().id,{
                    items: objArr,
                    onChange: function(obj) {
                        var c = document.querySelector(".mui-control-item.mui-active");
                        if(c) {
                            c.classList.remove("mui-active");
                        }
						document.querySelector(".mui-scroll .mui-control-item:nth-child(" + (parseInt(obj.index) + 1) + ")").classList.add("mui-active");
                    }
                });
                mui(".mui-scroll").on("tap", ".mui-control-item", function(e) {
                    var wid = this.getAttribute("data-wid");
                    var wid = this.getAttribute("data-wid");
                    group.switchTab(wid);
                 
                });
                 //自定义事件
                 window.addEventListener('switch',function(event){
				  //获得事件参数
				  var id = event.detail.id;
				  group.switchTab(id);
				  //获取hd页面
				  var  hd =  plus.webview.getWebviewById(id)
				 // plus.webview.close(id);
				  //触发页面的switch事件
				 // mui.fire(hd,'Anchor');
				});
                //plus.webviewGroup().getWebviewById("HBuilder").hide()
                 
                //关闭webviewGroup
                window.addEventListener('closeWvg',function(event){
				 group.currentWebview.hide()
				});
                //打开webviewGroup 
				window.addEventListener('openWvg',function(event){
					//reloadGroup();
					group.currentWebview.show();
					//location.reload(); 
					localStorage.setItem("loadPage","false");
					var s = plus.webview.getWebviewById("index.html"); 
						for(var s=1;s<objArr.length;s++){
		            	 plus.webview.close(objArr[s].id);   
		            	}
					location.reload();
					//plus.webview.openWindow("index.html");
					
					//s.close()

				});
				
				function reloadGroup(){
					location.reload();
				}
				 //获取Group
				window.addEventListener('getGroupView',function(event){
				 var s = group.items;
				});
				//移除webviewGroup中的items
				window.addEventListener('alte',function(event){
				 	var temp =group.items;
				 	var templength = group.items.length
				 	var id = event.detail.id;
				 	group.removeWvgItem(id);
				 
				});
                
	            mui('.searchbtn').on("tap","img",function(e){
	           	mui.openWindow({
								url:'ssjg.html', 
								id:'searchbtn',
								styles:{top:'0px',  bottom:'0px'},
								createNew:true
								});
	           	})	

				
            });


//=================================================//
				var ii = 0;
				var loadPageFlag = localStorage.getItem("loadPage");
				var arrPage = getItemObj(getItemStr());
				if(loadPageFlag=="true"){
  					var pageInterval = setInterval("openPage(ii)",600);
	  			}
  				function openPage(i){  
  					ii++;
  					group.switchTab(arrPage[i].id);
  					if(ii==arrPage.length){
  						clearInterval(pageInterval);
  						setTimeout("openPage(0)",600);
  					}
  				}
  		/*		
  mui.init({

		subpages : [//先加载首页 
		{
			url : 'main.html',
			id : 'a1',
			styles : {top : '0px',bottom : '50px'}
		}

		],
		preloadPages : [//缓存其他页面 
		{
			url : 'sz.html',
			id : 'a2',
			styles : {
				top : '0px',
				bottom : '60px'
			}
		}, {
			url : 'zw.html',
			id : 'a3',
			styles : {
				top : '0px',
				bottom : '60px'
			}
		}, {
			url : 'hd.html',
			id : 'a4',
			styles : {
				top : '0px',
				bottom : '60px'
			}
		}, {
			url : 'sq.html',
			id : 'a5',
			styles : {
				top : '0px',
				bottom : '60px'
			}
		}]

	});
	mui.plusReady(function() {
		var sz = plus.webview.getWebviewById("a2");
		var index = plus.webview.getWebviewById("a1");
		var zw = plus.webview.getWebviewById("a3");
		var hd = plus.webview.getWebviewById("a4");
		var sq = plus.webview.getWebviewById("a5");
		document.getElementById("home").addEventListener('tap', function() {
			index.show();
			sz.hide();
			zw.hide();
			hd.hide();
			sq.hide();
		})
		document.getElementById('sz').addEventListener('tap', function() {
			sz.show();
		})
		document.getElementById('zw').addEventListener('tap', function() {
			zw.show();
		})
		document.getElementById('hd').addEventListener('tap', function() {
			hd.show();
		})
		document.getElementById('sq').addEventListener('tap', function() {
			sq.show();
		})
	})	*/			

        </script>
         <script type="text/javascript" src="trscss/js/nav_expand.js"></script>