wangUI_Javascript/wangui1.0.js

if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
	window.location.href="./m";	
}

var WorkSpaceName="";
var WorkSpacePath="workpage";
class WorkSpace{
	Init(PageTitle="WinntoUI 原生态 java script 管理平台框架 ",AreaStyle={TopBGColor:"#233",TopColor:"#fff",LeftBGColor:"#257",RightBGColor:"#fff"}){
		WorkSpaceName=GetVarName(this);
		this.none=document.createElement('div');
		
		this.none.style.display="none";
		//document.body.appendChild(this.none);
		var ele=document.createElement('div');	
		document.body.appendChild(ele);	
		this.AlertMsg= new AlertMsg;
		this.AlertMsg.Init(ele);
		ele=document.createElement('div');
		document.body.appendChild(ele);
		this.Dialog= new DialogBox;
		this.Dialog.Init(ele);


		// top 顶部信息栏
		var eleStyle={position:"absolute",width:"100%",height:"50px",background:AreaStyle.TopBGColor,color:"#fff"};
		this.Top=document.createElement('div');
		this.Top=AcceptStyle(this.Top,eleStyle);
		
		var MenuBnt=ICON.MenuButton("24px","#fff","#f60");// 菜单隐藏按钮
		MenuBnt.style.marginTop="18px";
		MenuBnt.style.marginLeft="15px",
		(function(OBJ){
		MenuBnt.addEventListener('click', function (event) {OBJ.Menu()});
		})(this);
		this.Top.appendChild(MenuBnt);
		
		this.Title=document.createElement('span');//  top 标题
		this.Title.style.marginTop="15px";
		this.Title.style.marginLeft="30px";
		this.Title.innerHTML=PageTitle;
		this.Top.appendChild(this.Title);


	
		this.UserInfo=document.createElement('span'); //top 右侧用户信息		
		this.UserInfo.style.marginTop="14px";
		this.UserInfo.style.marginRight="10px";
		this.UserInfo.style.float="right";		
		this.Top.appendChild(this.UserInfo);	
		
		document.body.appendChild(this.Top);

		this.CommInfo=document.createElement('span'); //top 通信状态	
		this.CommInfo.id="CommInfo";
		this.CommInfo.style.marginTop="16px";
		this.CommInfo.style.marginRight="20px";
		this.CommInfo.style.float="right";		
		this.CommInfo.innerHTML="正在连接...";
		this.Top.appendChild(this.CommInfo);	
		
		//左侧菜单
		eleStyle={position:"absolute",top:"50px",width:"160px",overflow:"auto",bottom:"0",background:AreaStyle.LeftBGColor,padding_left:"20px",padding_top:"40px",color:"#fff"};
		this.LeftArea=document.createElement('div');	
		this.LeftArea=AcceptStyle(this.LeftArea,eleStyle);		
		document.body.appendChild(this.LeftArea);	
		
	
		//右侧数据区
		eleStyle={position:"absolute",top:"50px",left:"180px",right:"0",bottom:"0",overflow:"auto",background:AreaStyle.RightBGColor,transition_property:"opacity left",transition_duration: "0.5s"};
		this.RightArea=document.createElement('div');		
		this.RightArea.id="BodyData";
		this.RightArea=AcceptStyle(this.RightArea,eleStyle);
		document.body.appendChild(this.RightArea);	
		
		
		// 菜单中的选中提示点
		this.FocusDot=document.createElement('div');
		
		eleStyle={display:"none",margin_left:"10px",width:"8px",height:"8px",z_index:"9",background:"#5ce",border_radius:"50%"};
		this.FocusDot=AcceptStyle(this.FocusDot,eleStyle);
		document.body.appendChild(this.FocusDot);
		
		
		//加载时动画
		this.Loading=document.createElement('div');	
		this.Loading.className="Loading";
		document.body.appendChild(this.Loading);

		this.AsynLoad("menu",this.LeftArea);	  //加载左侧菜单
		(function(OBJ){window.addEventListener('hashchange', function (event) {OBJ.LoadPage(window.location.hash);});})(this);
		
	}
	
	setTitle(html){this.Title.innerHTML=html;}
	setUserInfo(html){this.UserInfo.innerHTML=html;}
	setTopBGColor(Color){this.Top.style.backgroundColor=Color;}
	setTopColor(Color){this.Top.style.color=Color;}
	setLeftBGColor(Color){this.LeftArea.style.backgroundColor=Color;}
	setRightBGColor(Color){this.RightArea.style.backgroundColor=Color;}
	Menu(){			
		if(this.RightArea.style.left!="0px"){	
			this.RightArea.style.left="0px";	
		}else{
			this.RightArea.style.left="180px";
		}
	}
	
	AsynLoad(Url,Dom,Send="",Mode="GET"){
	
		var WX=this;
		WX.LoadingShow();
		var xmlhttp;
		xmlhttp=new XMLHttpRequest();
		xmlhttp.onreadystatechange=function(D){  
			if (xmlhttp.readyState==4 && xmlhttp.status==200){
				if (xmlhttp.responseText!=""){			
					Dom.innerHTML=xmlhttp.responseText;				
					for(let i=0;i<Dom.getElementsByTagName("script").length;i++){
						if(window.execScript) {
							window.execScript(Dom.getElementsByTagName("script").item(i).innerHTML);
						}else{
							window.eval(Dom.getElementsByTagName("script").item(i).innerHTML)
						}					
					}
					WX.LoadingClose();
				}
			}
		
			if (xmlhttp.status==500){			
				Dom.innerHTML="<div class='PageError'><span>500</span><br>页面内部错误</div>";
				WX.LoadingClose()
			}
			if (xmlhttp.status==404){			
				Dom.innerHTML="<div class='PageError'><span>come soon</span><br>敬请期待...</div>";
				WX.LoadingClose()
			}
		};
		xmlhttp.open(Mode,Url);
		xmlhttp.send(Send);
		
	}

	LoadPage(Url){
		if(Url!=""){		
			Url=Url.replace(/#/g,"");
			this.AsynLoad(WorkSpacePath+"/"+Url,this.RightArea);
			if(document.getElementById(Url.split("?")[0].replace(/\//g,""))){
				var Act=document.getElementById(Url.split("?")[0].replace(/\//g,""));
				this.FocusDot.style.display="inline-block";
				Act.appendChild(this.FocusDot);
				if(Act.parentNode.offsetHeight=="0"){
					Act.parentNode.style.height=(Act.parentNode.children.length*36).toString()+"px";
					document.getElementById("MenuItem0Arrow"+Act.parentNode.id.replace(/MenuItem1BK/g,"")).style.transform='rotate(-90deg)';
				}
			}
		}else{
			window.location.hash="home";
		}
	}
	LoadingClose(){this.RightArea.style.opacity=1;	this.Loading.style.display="none";}
	LoadingShow(){	this.RightArea.style.opacity=0.5;this.Loading.style.display="block";}
}
function MainMenu(Dom,Item){
	
	var Html="";	
	for(let i=0;i<Item.length;i++){
		if(Item[i].depth==0){
			Html+="<div class='MenuItem0' style='height:20px;margin-bottom:30px' onclick='window.location.hash=\""+Item[i].url+"\";document.getElementById(\"TipsDot\").style.display=\"none\"'><img src='"+Item[i].icon+"' >"+Item[i].title+"</div>";	
		}else{
			Html+="<div class='MenuItem0' onclick='MenuItems1("+i.toString()+")'><img src='"+Item[i].icon+"'>"+Item[i].title+"<span class='MenuItem0Arrow' id='MenuItem0Arrow"+i.toString()+"'></span></div>";
			Html+="<div class='MenuItem1BK'  id='MenuItem1BK"+i.toString()+"' >";		
			for(let j=0;j<Item[i].items.length;j++){			
				Html+="<div class='MenuItem1' onclick='window.location.hash=\""+Item[i].items[j].url+"\"'  id='"+Item[i].items[j].url.replace(/\//g,"")+"'>"+Item[i].items[j].title+"</div>";
			}
			Html+="</div>";
		}
	}
	
	Dom.innerHTML=Html;
}
function MenuItems1(Id){
	var Dom=document.getElementById("MenuItem1BK"+Id.toString());
	var Arrow=document.getElementById("MenuItem0Arrow"+Id.toString());
	if(Dom.offsetHeight!="0"){
		Dom.style.height="0";
		Arrow.style.transform='rotate(0deg)';
	}else{
		Dom.style.height=(Dom.children.length*36).toString()+"px";
		Arrow.style.transform='rotate(-90deg)';
	}	
}

class InputTips{
	Init(){
		var Dom=document.createElement('div');
		var iStyle={z_index:"9999",display:"block",left:"250px",top:"0",font_weight:"500",font_size:"13px",color:"#f00",min_width:"100px",height:"20px",position:"fixed"};
		Dom=AcceptStyle(Dom,iStyle);
		var Arrow=document.createElement('div');
		var Title=document.createElement('div');
		Dom.appendChild(Title);
		this.Dom=Dom;
		this.Title=Title;
		
		document.body.appendChild( this.Dom );
	}
	Show(Dom,Title){
		this.Dom.style.display="block";
		this.Title.innerHTML=Title;
		this.Dom.style.left=Dom.getBoundingClientRect().left.toString()+"px";
		this.Dom.style.top=(parseInt(Dom.getBoundingClientRect().top)+parseInt(Dom.style.height)+8).toString()+"px" ;
	}
	Close(){		
		this.Dom.style.display="none";	
		//alert();	
		
	}
}


class FormEditor{
	Init(Dom,FormJson,Src="save"){
		Dom.name="FormDom";
		this.Tips=new InputTips;
		this.Tips.Init();
		this.Json=FormJson;
		var IFRAME=document.createElement('iframe');
		IFRAME.name="FormEditorSave";
		IFRAME.style.display="none";
		this.IFRAME=IFRAME;
		document.body.appendChild(IFRAME);
		this.Src=Src;
		this.Form=document.createElement('form');
		this.Form.method="POST";
		var div0,div1,ele;
		var div0Style={float:"left",width:"100%",marginBottom:"18px"};
		var TitleStyle={float:"left",width:"17%",text_align:"right",margin_top:"5px"};
		var ValueStyle={float:"left",width:"55%",height:"100%",padding_left:"5%"};
		var TipsStyle={float:"left",width:"23%",margin_top:"7px",font_size:"13px"};

		for (let key in FormJson){
		
			switch(FormJson[key].type){
			case "hidden":

				ele=document.createElement('input');
				ele.type="hidden";
				ele.value=FormJson[key].value;
				ele.name=key;
				this.Form.appendChild(ele);
				break;
			case "CheckMultiple":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;
				div0.appendChild(div1);
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				div1.style.position="relative";				
				ele=document.createElement('input');
				ele.type="text";
				ele.name=key;
				ele.value=FormJson[key].value;
				ele.readOnly=true;	
				ele.style.height="26px";					
				div1.appendChild(ele);
				var div2=document.createElement('div');	
				var div2Style={width:"80%",padding:"2%",padding_top:"0",position:"absolute",background:"#fff",z_index:"8",box_shadow:"2px 2px 5px rgba(0, 0, 0, 0.5)",display:"none"};
				div2=AcceptStyle(div2,div2Style);
				div2.id=key+"CheckMultiple";
				div2.name=key+"CheckMultiple";				
			(function(Row,Dom){Row.addEventListener('click',function (event){Dom.Tips.Close();if(div2.style.display=="block" ){div2.style.display="none"}else{div2.style.display="block"}});})(ele,this);
				
				Dom.addEventListener('click',function (event){if(event.target.name!=key && event.target.id!=(key+"CheckMultiple") && event.target.name!=(key+"CheckMultipleValue")){div2.style.display="none"}});
				var Checked="";
				for(let Option in FormJson[key].options){
					Checked="";
					if( FormJson[key].value.indexOf(Option)>=0){ Checked="checked";}
					div2.innerHTML+="<div style='float:left;margin-top:15px;width:"+FormJson[key].ItemWidth+"'  id='"+key+"CheckMultiple'  ><input type='checkbox' "+Checked+" name='"+key+"CheckMultipleValue' value='"+Option+"' onclick='var CkMV=document.getElementsByName(\""+key+"CheckMultipleValue\");var InputV=document.getElementsByName(\""+key+"\");InputV[0].value=\"\";for(let i=0;i<CkMV.length;i++){if(CkMV[i].checked){InputV[0].value+=CkMV[i].value+\",\"};}InputV[0].value=InputV[0].value.substring(0, InputV[0].value.length-1);'>"+Option+"("+FormJson[key].options[Option]+")</div>";
				}
				div1.appendChild(div2);
		
				div0.appendChild(div1);
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TipsStyle);
				div1.innerHTML=FormJson[key].tips;
				div0.appendChild(div1);	
				this.Form.appendChild(div0);
			
				break;

			case "readonly":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;
				div0.appendChild(div1);
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				ele=document.createElement('input');
				ele.type="hidden";
				ele.value=FormJson[key].value;
				ele.name=key;
				div1.appendChild(ele);
				
				ele=document.createElement('input');
				ele.type="text";
				ele.value=FormJson[key].value;
				ele.disabled=true;
				ele.style.backgroundColor="#eee";				
				div1.appendChild(ele);
				div0.appendChild(div1);
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TipsStyle);
				div1.innerHTML=FormJson[key].tips;
				div0.appendChild(div1);	
				this.Form.appendChild(div0);
				break;

			case "date":							
			case "text":
			case "password":
				div0=document.createElement('div');			
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;
				div0.appendChild(div1);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				div1.style.position="relative";				
				ele=document.createElement('input');
				ele.type=FormJson[key].type;
				ele.autocomplete="new-password";
				ele.value=FormJson[key].value;
				ele.style.height="26px";
				ele.name=key;
				if( FormJson[key].rules){ele.addEventListener('input',function (event){ eval( FormJson[key].rules )})};
				
				div1.appendChild(ele);
				div0.appendChild(div1);		
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TipsStyle);
				div1.innerHTML=FormJson[key].tips;
				div0.appendChild(div1);
				
				this.Form.appendChild(div0);	
				break;
			case "DateRange":
					div0=document.createElement('div');			
					div0=AcceptStyle(div0,div0Style);				
					div1=document.createElement('div');				
					div1=AcceptStyle(div1,TitleStyle);
					div1.innerHTML=FormJson[key].title;
					div0.appendChild(div1);				
					div1=document.createElement('div');				
					div1=AcceptStyle(div1,ValueStyle);
					div1.style.position="relative";	
					
					
					ele=document.createElement('input');
					ele.type="date";
					ele.autocomplete="new-password";
					ele.value=FormJson[key].begin;
					ele.style.height="26px";
					ele.name=key+"begin";					
					div1.appendChild(ele);

					ele=document.createElement('span');
					ele.style.marginLeft=ele.style.marginRight="20px";
					ele.innerHTML=" 至 "
					div1.appendChild(ele);

					ele=document.createElement('input');
					ele.type="date";
					ele.autocomplete="new-password";
					ele.value=FormJson[key].end;
					ele.style.height="26px";
					ele.name=key+"end";
					
					
					div1.appendChild(ele);

					div0.appendChild(div1);		
					div1=document.createElement('div');				
					div1=AcceptStyle(div1,TipsStyle);
					div1.innerHTML=FormJson[key].tips;
					div0.appendChild(div1);
					
					this.Form.appendChild(div0);	
					break;
				
			case "price":
				div0=document.createElement('div');			
				div0=AcceptStyle(div0,div0Style);
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;
				div0.appendChild(div1);
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				div1.style.position="relative";
		
				ele=document.createElement('input');
				ele.type=FormJson[key].type;
				ele.autocomplete="new-password";
				ele.value=parseFloat(FormJson[key].value).toFixed(2);
				ele.style.height="26px";
				ele.name=key;			
				ele.addEventListener('input',function (event){ $_OnlyNum(this,"Y") });

				div1.appendChild(ele);
				div0.appendChild(div1);		
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TipsStyle);
				div1.innerHTML=FormJson[key].tips;
				div0.appendChild(div1);
				
				this.Form.appendChild(div0);
				break;
			case "textarea":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);
				div0.style.height="140px"
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;
				div0.appendChild(div1);
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				div1.style.height="150px"
				div1.style.position="relative";
				ele=document.createElement('textarea');
				
				ele.value=FormJson[key].value;				
				ele.name=key;
				ele.style.width="90%";
				ele.style.height="120px";
				if( FormJson[key].rules){ele.addEventListener('input',function (event){ eval( FormJson[key].rules )})};
				div1.appendChild(ele);
				div0.appendChild(div1);	
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TipsStyle);
				div1.innerHTML=FormJson[key].tips;
				div0.appendChild(div1);				
				this.Form.appendChild(div0);	
			
				break;
			case "radio":	
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);				
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				var Checked=[""," checked"];
				for (let op in FormJson[key].option){
					ele=document.createElement('input');	
					ele.type="radio";
					ele.value=op;
					ele.name=key;	
					if(op==FormJson[key].value){ele.checked=true;}				
					div1.appendChild(ele);
					var span=	document.createElement('span');		
					span.innerHTML+=FormJson[key].option[op];
					span.style.marginTop="3px";
					span.style.marginRight="30px";
					div1.appendChild(span);					
				}				
				div0.appendChild(div1);	
				this.Form.appendChild(div0);			
				break;
			case "checkbox":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);	
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				div1.style.width="10%";
				div1.style.marginTop="4px";
				ele=document.createElement('input');	
				ele.type="checkbox";
				ele.style.cursor="pointer";
				ele.style.width="18px";
				ele.style.height="18px";
				ele.checked=FormJson[key].checked;
				ele.value=FormJson[key].value;
				ele.name=key;	
				if(FormJson[key].value==FormJson[key].field_value){ele.checked=true}
				
				div1.appendChild(ele);
				div0.appendChild(div1);					
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TipsStyle);
				div1.style.width="65%";
				div1.innerHTML=FormJson[key].tips;
				div0.appendChild(div1);	
				
				this.Form.appendChild(div0);
				
				
				break;
			case "img":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.style.marginTop="10px";
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);	
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				div1.style.width="auto";
				for(let  i=0;i<FormJson[key].img.length;i++){
					
					let Span=document.createElement('span');
					Span.style.marginRight="30px";
					Span.style.textAlign="center";
					Span.style.fontSize="11px";
					let Img=document.createElement('img');
					Img.src=FormJson[key].img[i].src;
					Img.id=key+i.toString();

					Img.style.width=FormJson[key].size.split(",")[0]+"px";
					Img.style.height=FormJson[key].size.split(",")[1]+"px";

					let ImgSrc=document.createElement('input');
					ImgSrc.type='hidden';
					ImgSrc.value=FormJson[key].img[i].src;
					ImgSrc.id=key+"Src"+i.toString();
					ImgSrc.name=key+"Src"+i.toString();
				
					Span.appendChild(Img);
					Span.appendChild(ImgSrc);

					let Title=document.createElement('span');
					Title.style.width="100%";
					Title.innerHTML+="<br>"+FormJson[key].img[i].title;
					Span.appendChild(Title);
					

					div1.appendChild(Span);
				}

				div0.appendChild(div1);	
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TipsStyle);
				
				div1.innerHTML=FormJson[key].tips;
				div0.appendChild(div1);	
				this.Form.appendChild(div0);
				
				break;
			case "select":
				
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);
					
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				var ele=document.createElement("select");
				ele.name=key;
				for(let okey in FormJson[key].option){
					let opt = new Option( FormJson[key].option[okey],okey);
					if(FormJson[key].value==okey){opt.selected=true;}
					ele.add(opt);

				}
		
				//ele.type="checkbox";
				
				div1.appendChild(ele);
				div0.appendChild(div1);
				this.Form.appendChild(div0);	

			
				break;
			case "SelectCity":
				
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);
					
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				
				var City=new SelectCity;
				
				City.Init(div1,FormJson[key].value.prov,FormJson[key].value.city,FormJson[key].value.dist);
				
				div0.appendChild(div1);
				this.Form.appendChild(div0);	

			
				break;
			case "SelectIndustry":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				var Industry=new SelectIndustry;
				Industry.Init(div1,FormJson[key].value.class0,FormJson[key].value.class1);				
				div0.appendChild(div1);
				this.Form.appendChild(div0);				
				break;
			case "SelectIntegrationType":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);
				
				div1=document.createElement('div');	

				div1=AcceptStyle(div1,ValueStyle);
				var IntegrationType=new SelectIntegrationType;
				IntegrationType.Init(div1,FormJson[key].value.industry,FormJson[key].value.type);
				div0.appendChild(div1);
				this.Form.appendChild(div0);
			break;
			case "SelectLinkage2":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);
				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);				
				var SelectLinkage =new SelectLinkage2;
				SelectLinkage.Init( div1,FormJson[key].value[2],FormJson[key].value[3],FormJson[key].value[0],FormJson[key].value[1]);

				div0.appendChild(div1);
				this.Form.appendChild(div0);				
				break;

			case "SelectMultiple":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);

				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);

				var Value=JSON.parse(FormJson[key].value);
		
				var InputValue="",DivHTML="";
				var i=0;
					for (let key1 in Value) {	
					i++				
					InputValue+=key1;
					DivHTML+="<span style='width:90%;margin-top:3%;margin-left:2%'>"+Value[key1]+"</span>";

					if(i<Object.keys(Value).length){InputValue+=",";}
				}
				ele=document.createElement('input');
				ele.type="hidden";
	
				ele.value=InputValue;
				ele.name=key;
				div1.appendChild(ele);
				div0.appendChild(div1);
				
				var div2=document.createElement('div');
				div2.id="SelectMultiple";		
				div2.style.border='1px solid #aaa';
				div2.style.overflow="auto";
				div2.style.height='140px';
				div2.style.width='92%'
				div2.style.borderRadius='3px';
				div2.innerHTML=DivHTML;
				div1.appendChild(div2);
				

				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TipsStyle);
				div1.innerHTML=FormJson[key].tips;
				div0.appendChild(div1);				
				this.Form.appendChild(div0);



			break;
			case "SelectSingle":
	
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);

				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				ele=document.createElement('input');
				ele.type="hidden";
	
				ele.value=FormJson[key].value.value;
				ele.name=key;
				
				div1.appendChild(ele);

				ele=document.createElement('input');
				ele.type="text";
				ele.value=FormJson[key].value.face;
				ele.name=key+"face";

				ele.disabled=true;
		
				div1.appendChild(ele);
				div0.appendChild(div1);
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TipsStyle);
				div1.innerHTML=FormJson[key].tips;
				div0.appendChild(div1);		
				this.Form.appendChild(div0);
			break;

			
			case "MultipleItems":
				div0=document.createElement('div');
				div0=AcceptStyle(div0,div0Style);				
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,TitleStyle);
				div1.innerHTML=FormJson[key].title;				
				div0.appendChild(div1);
				this.Form.appendChild(div0);	
				div1=document.createElement('div');				
				div1=AcceptStyle(div1,ValueStyle);
				var ItemStyle={float:"left",width:"130%",height:"320px",overflow:"hidden",overflow:"auto",scrollbarColor:"#999",border:"1px solid #999",border_radius:"3px"};
				var Item=document.createElement('div');	
				Item=AcceptStyle(Item,ItemStyle);
				div1.appendChild(Item);
				var ItemTable=document.createElement('table');
				ItemTable.id="MultipleItems";
				ItemTable.style.height="50px"
				ItemTable.style.boxShadow='none';
				var Tr=document.createElement('tr');
				Tr.style.height="50px";
				Tr.style.backgroundColor="#eee";

				var NewTr="<tr style=''>";
				for (let field in FormJson[key].item){ // 输入项 表头
					var Td=document.createElement('td');
					Td.innerHTML=FormJson[key].item[field].title;
					Tr.appendChild(Td);
					NewTr+="<td style='border:0;height:40px'>";
					switch(FormJson[key].item[field].type){
						case "text":
							NewTr+="<input style='width:70%;height:20px;margin-top:-5px' type='text' name='"+field+"[]' value=''  >";
							break;
						case "number":
							NewTr+="<input style='width:70%;height:20px;margin-top:-5px' type='text' name='"+field+"[]' value='0'  oninput='$_OnlyNum(this)'>";
							break;
						case "select":
							let selectHTML="<div style='width:100px;'><select name='"+field+"[]' style='width:80px;'>";
							for (let option in FormJson[key].item[field].option){
								 selectHTML+="<option value='"+option+"'>"+FormJson[key].item[field].option[option]+"</option>";
							}
							 selectHTML+="</select>";
							 NewTr+=""+ selectHTML;
							break;
							
					}
				}
				NewTr+="</div></td'>";
				NewTr+="<td style='border:0;text-align:center'><span class='TextButton' style='font-size:26px;margin-top:-3px;color:#f70' onclick='this.Tips.Close();this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);'>×</span></td>";
				NewTr+="</tr>";
	
				Td=document.createElement('td');
				Td.innerHTML="移除";
				Tr.appendChild(Td);
	
				ItemTable.appendChild(Tr);
			
				for(let i=0;i<FormJson[key].value.length;i++){
					var Tr=document.createElement('tr');
					Tr.style.height="50px";	
					for (let field in FormJson[key].item){
						var Td=document.createElement('td');
						Td.innerHTML="<td style='border:0'>";
						switch(FormJson[key].item[field].type){
						case "text":
							Td.innerHTML+="<input style='width:70%;height:20px;margin-top:-5px' type='text' name='"+field+"[]' value='"+FormJson[key].value[i][field]+"'  >";
							break;
						case "number":
							Td.innerHTML+="<input style='width:70%;height:20px;margin-top:-5px' type='text' name='"+field+"[]' value='"+FormJson[key].value[i][field]+"'  oninput='$_OnlyNum(this)'>";
							break;
						case "select":
							let selectHTML="<div style='width:100px;'><select name='"+field+"[]' style='width:80px;'>";
							for (let option in FormJson[key].item[field].option){								
								selectHTML+="<option value='"+option+"' ";
								 if(option==FormJson[key].value[i][field]){ selectHTML+=" selected " }
								 selectHTML+=">"+FormJson[key].item[field].option[option]+"</option>";
							}
							 selectHTML+="</select>";
							Td.innerHTML+= selectHTML
							break;
							
						}
						Td.innerHTML+="</div></td>";
						Td.id="MultipleItemsTD";
						Td.style.position="relative";
						Td.style.borderTop=0;					
						Tr.appendChild(Td);					
					}

					Td=document.createElement('td');
					Td.style.borderTop=0;	
					Td.style.textAlign="center";	
					Td.innerHTML="<span class='TextButton' style='font-size:26px;margin-top:-3px;color:#f70' onclick='iTips.Close();this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);' >×</span>";

					//(function(Obj,Class){Obj.addEventListener('click',function (event) {Class.MultipleItemsAddNew(NewTr)});})(SpanAdd,this);
					Tr.appendChild(Td);
					ItemTable.appendChild(Tr);
				}

				var Tr=document.createElement('tr');

				Tr.style.textAlign="center";	

				Item.appendChild(ItemTable);
				var DivAdd=document.createElement('div');	
				DivAdd.style.float="left";
				DivAdd.style.width=Item.style.width;

				DivAdd.style.textAlign="center";

				var SpanAdd=document.createElement('span');
				SpanAdd.className="TextButton";
				SpanAdd.style.fontSize="32px";
				SpanAdd.style.fontWeight="400";
				SpanAdd.style.marginTop="-3px"
				SpanAdd.innerHTML="+";
	
				DivAdd.appendChild(SpanAdd);
				div1.appendChild(DivAdd);
				(function(Obj,Class){Obj.addEventListener('click',function (event) {Class.MultipleItemsAddNew(NewTr)});})(SpanAdd,this);
				div0.appendChild(div1);		
				break;
				case "UploadImg":
					div0=document.createElement('div');			
					div0=AcceptStyle(div0,div0Style);				
					div1=document.createElement('div');				
					div1=AcceptStyle(div1,TitleStyle);
					div1.innerHTML=FormJson[key].title;
					div0.appendChild(div1);				
					div1=document.createElement('div');				
					div1=AcceptStyle(div1,ValueStyle);
					div1.style.position="relative";	
	
					ele=document.createElement('input');
					ele.type="hidden";
					ele.autocomplete="new-password";
					ele.value=FormJson[key].value;
					ele.name=key;				
					
					div1.appendChild(ele);
					div0.appendChild(div1);	

					var Imgs=FormJson[key].value;
					SpanAdd=document.createElement('div');
					SpanAdd.id="ImgItems";
					SpanAdd.long=key;
					SpanAdd.style.float="left";


					div0.appendChild(SpanAdd);	
				
					var UpImgStyle={position:"relative",cursor:"pointer",width:"80px",height:"60px",border_radius:"3px",text_align:"center",border:"1px solid #ccc",margin_right:"10px",margin_bottom:"10px"};
					var ImgItem,ImgSpan,ImgId;
	
					for(let i=0;i<Imgs.length;i++){
						ImgSpan=document.createElement('span');
						ImgSpan=AcceptStyle(ImgSpan,UpImgStyle);

						ImgId=Imgs[i].split("/")[Imgs[i].split("/").length-1];
						ImgId=ImgId.split(".")[0];						
						ImgSpan.id=ImgId;
						
						ImgItem=document.createElement('img');
						
						ImgItem.style.maxWidth="80px";
						ImgItem.style.height="100%";
						ImgItem.style.maxHeight="60px";

						
						

						ImgItem.src=Imgs[i];
						ImgItem.id="Img"+ImgId;
						
						
						ImgSpan.appendChild(ImgItem);
						
						ImgDelIcon(ImgSpan);

					
						
						SpanAdd.appendChild(ImgSpan);
						
						ImgSpan.addEventListener('mouseover', function() {document.getElementById("Del"+this.id).style.display="block";});
						ImgSpan.addEventListener('mouseout', function() {document.getElementById("Del"+this.id).style.display="none";});
						
						
						


					}

					div1.appendChild(SpanAdd);

					var SpanAddStyle={float:"left",text_align:"center",padding_top:"13px",height:"47px",font_size:"22px",font_weight:"600",width:"80px",border_radius:"3px",border:"1px solid #ccc",margin_bottom:"10px"};
					SpanAdd=document.createElement('span');
					SpanAdd.className="TextButton";
					SpanAdd.innerHTML="+";

					SpanAdd=AcceptStyle(SpanAdd,SpanAddStyle);
					
					ele=document.createElement('input');
					ele.type="file";
					ele.accept=".jpg,.png,.jpeg,.gif";
					ele.style.display="none";
					ele.onchange=(function(){UploadImg(ele,FormJson[key].UploadPath,UpImgStyle,FormJson[key].SubmitBnt)});
					SpanAdd.appendChild(ele);
					div1.appendChild(SpanAdd);
					
					SpanAdd.onclick=(function(){ele.click();});

					div1=document.createElement('div');				
					div1=AcceptStyle(div1,TipsStyle);
					div1.innerHTML=FormJson[key].tips;
					div0.appendChild(div1);
					
					this.Form.appendChild(div0);
	
	
	
				break;
				
			}			
		}
		(function(Obj,Tips){Obj.addEventListener('keydown',function (event){Tips.Close()});})(Dom,this.Tips);
		Dom.appendChild(this.Form);
	}



	MultipleItemsAddNew(HTML){

		var NewTr= document.getElementById("MultipleItems").insertRow();
		NewTr.innerHTML=HTML;
		this.Tips.Close();

	}


	Submit(){
		var Check={MobTel:{RegExp:/^1[3456789]\d{9}$/,Tips:"手机号码格式不正确"},Email:{RegExp:/\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,Tips:"电子邮箱格式不正确"},IdCard:{RegExp:/^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,Tips:"身份证号码格式不正确"},Required:{RegExp:/\S/,Tips:"内容不能为空"},LetterFirst:{RegExp:/^[a-zA-Z][-_a-zA-Z0-9]{5,15}/,Tips:"必须以英文字母开头,长度至少6位"},NoPunct:{RegExp:/^[\u4E00-\u9FA5A-Za-z0-9]+$/,Tips:"不能包括标点、空格等特殊符号"}};
		

		for (let key in this.Json){
			if(this.Json[key].type=="CheckMultiple"){document.getElementById(key+"CheckMultiple").style.display="none"; }
			if(this.Json[key].type=="text" || this.Json[key].type=="CheckMultiple" || this.Json[key].type=="password" ||  this.Json[key].type=="textarea" || this.Json[key].type=="price"){				
				var ele=document.getElementsByName(key)[0];
				
				for (let Reg in Check){
					if(this.Json[key].template.indexOf(Reg)>=0){
						if(!Check[Reg].RegExp.test(ele.value.trim())){
							this.Tips.Show(ele,"<span class='Sigh'>!</span> <span>"+Check[Reg].Tips+"</span>");							
							ele.focus()
							return false;
						}
					}
				}
			}
		}

		if(document.getElementById("MultipleItems")){
			var MultipleItems=document.getElementById("MultipleItems");
			var ItemInputs= MultipleItems.getElementsByTagName("INPUT");//得到input数组
			if(ItemInputs.length<=0){
				this.Tips.Show(MultipleItems,"<span class='Sigh'>!</span> <span>至少添加一个返回值</span>","20px","-4px");
				return false;
			}
			for(let i=0;i<ItemInputs.length;i++){
				//ItemInputs[i].value="";
				if(ItemInputs[i].value.trim()==""){
					this.Tips.Show(ItemInputs[i],"<span class='Sigh'>!</span> <span>字段不能为空</span>","20px","-4px");
					ItemInputs[i].focus();
					return false;
				}
			}
		}
		this.Form.target="FormEditorSave";
		this.Form.action=this.Src;
		this.Form.submit();
		return true;
	}
	ReEdit(){


	}
	Debug(flag=false){
		
		if(flag){
			this.IFRAME.style.position="fixed";
			this.IFRAME.style.bottom="0";
			this.IFRAME.style.width="50%";
			this.IFRAME.style.height="100px";			
			this.IFRAME.style.display="block";
		}
		
	}
}

function SetImgValue(ImgDom){

	var Imgs=ImgDom.getElementsByTagName('img');
	var ImgValue="";
	for(let i=0;i<Imgs.length;i++){
		ImgValue+=Imgs[i].src;
		if(i<Imgs.length-1){
			ImgValue+=",";
		}
	}
	
	document.getElementsByName(ImgDom.long)[0].value=ImgValue;

}

function ImgDel(ImgSpan){
	
	var FormImg = new FormData();
	FormImg.append("Token",$_COOKIE("UserToken"));	
	FormImg.append("Img",document.getElementById("Img"+ImgSpan.id).src);
	var Url="https://api.winnto.com/application/user/image/delete";
	var xmlhttp;
	xmlhttp=new XMLHttpRequest();
		xmlhttp.onreadystatechange=function(D){  
		if (xmlhttp.readyState==4 && xmlhttp.status==200){
			if (xmlhttp.responseText!=""){						
				var Re=JSON.parse(xmlhttp.responseText);			

				if(Re.code=="0"){
					window.top.WX.AlertMsg.Show(Re.msg,1);
				} else{					
			
					window.top.WX.AlertMsg.Show(Re.msg,0);
				}

				var ImgDom=ImgSpan.parentNode;
				document.getElementById("ImgItems").removeChild(ImgSpan);
				SetImgValue(ImgDom);
			
			}
		}
	};
	xmlhttp.open("POST",Url);
	xmlhttp.send(FormImg);


}

function ImgDelIcon(ImgSpan){	

	var ImgDelStyle={display:"none",position:"absolute",cursor:"pointer",color:"#f00",font_size:"26px",left:"0",top:"-10px",font_weight:"500",text_shadow:"0 1px #fff, 1px 0  #fff, -1px 0  #fff, 0 -1px  #fff"};
	var ImgDelSpan=document.createElement('span');
	ImgDelSpan.innerHTML="×";
	ImgDelspan=AcceptStyle(ImgDelSpan,ImgDelStyle);
	ImgDelspan.id="Del"+ImgSpan.id;
	ImgDelspan.addEventListener('click', function(){ImgDel(ImgSpan);});
	ImgSpan.appendChild(ImgDelspan)
}

function UploadImg(File,Path,InsertStyle,SubmitBnt){

	var Accept=".jpg,.png,.jpeg,.gif";
	var FileSize=1024*1024
	var Ext=File.files[0].name.split(".")[File.files[0].name.split(".").length-1];
	if(Accept.indexOf(Ext)<0){	
		alert("只允许上传图片文件，请选择正确文件类型！");
		return;
	}
	if(File.files[0].size>1024*1024){	
		alert("文件大小不能超过1M，请进行优化处理");
		return;
	}

	document.getElementById(SubmitBnt).style.background="#999";
	document.getElementById(SubmitBnt).disabled=true;

	var Uping = document.createElement("img");
	Uping.src="//open.winnto.com/image/loading/1.gif";
	Uping.id="Uping";
	Uping.style.width="40px";
	Uping.style.position="absolute";
	Uping.style.left="20px";
	Uping.style.top="10px";
	var ImgSpan = document.createElement("span");
	ImgSpan=AcceptStyle(ImgSpan,InsertStyle);
	
	var ImgFile = document.createElement("img");
	
	ImgFile.style.maxWidth="80px";
	ImgFile.style.height="100%";
	ImgFile.style.maxHeight="60px";
	ImgFile.style.filter="brightness(50%)";
	ImgFile.src=window.URL.createObjectURL(File.files[0]) ;
	ImgSpan.appendChild(ImgFile);
	ImgSpan.appendChild(Uping);
	document.getElementById("ImgItems").appendChild(ImgSpan);

	var FormImg = new FormData();
	FormImg.append("UploadFile",File.files[0]);
	FormImg.append("Token",$_COOKIE("UserToken"));
	FormImg.append("Path",Path);
	var Url="https://api.winnto.com/application/user/image/upload";
	var xmlhttp;
	xmlhttp=new XMLHttpRequest();
		xmlhttp.onreadystatechange=function(D){  
		if (xmlhttp.readyState==4 && xmlhttp.status==200){
			if (xmlhttp.responseText!=""){
				document.getElementById(SubmitBnt).style.background="#294";
				document.getElementById(SubmitBnt).disabled=false;
				var Re=JSON.parse(xmlhttp.responseText);

				if(Re.code=="0"){

					window.top.WX.AlertMsg.Show(Re.msg,1);
					ImgSpan.removeChild(document.getElementById("Uping"));
					ImgFile.style.filter="brightness(100%)";
					ImgFile.src=Re.imgurl;
					var ImgId=Re.imgurl.split("/")[Re.imgurl.split("/").length-1];
					ImgId=ImgId.split(".")[0];						
					ImgSpan.id=ImgId;
					ImgFile.id="Img"+ImgId;
					
					ImgDelIcon(ImgSpan);
					ImgSpan.addEventListener('mouseover', function() {document.getElementById("Del"+this.id).style.display="block";});
					ImgSpan.addEventListener('mouseout', function() {document.getElementById("Del"+this.id).style.display="none";});
					SetImgValue(ImgSpan.parentNode);

				} else{

					window.top.WX.AlertMsg.Show(Re.msg,0);
					ImgSpan.removeChild(document.getElementById("Uping"));
					var UpError = document.createElement("img");
					UpError.src="//open.winnto.com/image/icon/error.png";
					
					UpError.style.width="40px";
					UpError.style.position="absolute";
					UpError.style.left="20px";
					UpError.style.top="10px";
					ImgSpan.appendChild(UpError);

				}    
			
			}
		}
	};
	xmlhttp.open("POST",Url);
	xmlhttp.send(FormImg);
	


}


class PageNavigat{
	Init(Dom,Conf,Color="#257",UrlType="hash"){
		var html="";
		var PageCount=Math.ceil(Conf.record_count / Conf.page_size);
	
		var IconSize="16px"
		var Left=document.createElement("span");		
		Left.style.float="left";
		Left.innerHTML="<span>本页 "+Conf.current_page_record_count+" 条，共 "+Conf.record_count+" 条，分 "+PageCount+" 页，每页</span>";
		Left.innerHTML+=" <span><select id='SelectPageSize' style='width:auto;height:25px;' ><option value='10'>10</option><option value='20'>20</option><option value='50'>50</option><option value='100'>100</option></select> </span> <span>条</span>";
		Dom.appendChild(Left);
		var e=document.getElementById("SelectPageSize");
		
		for(let  j=0;j<e.options.length;j++){if(e.options[j].value==Conf.page_size){e.options[j].selected = true;}}
		e.onchange=function (event){		
			var param="page=1&size="+e.value+CreatUrlParam(document.getElementById("SearchBar"));
			if(UrlType=="hash"){window.location.hash=window.location.hash.split("?")[0]+"?"+param;}
			if(UrlType=="href"){ window.location.href= SetPageUrl(window.location.href,"1",e.value) ;  }
		
			
		};
		this.SelectPageSize= e;

		var Right=document.createElement("span");
		Right.style.float="right";
	
		var F=ICON.First(IconSize,Color);	  // 首页
		F.style.marginRight="20px";
		
		if(Conf.page_index<=1){
			F.style.cursor="not-allowed";	
		}else{			
			F.onclick=function (event){
				var param="page=1&size="+Conf.page_size.toString()+CreatUrlParam(document.getElementById("SearchBar"));
				if(UrlType=="hash"){window.location.hash=window.location.hash.split("?")[0]+"?"+param;}
				if(UrlType=="href"){ window.location.href= SetPageUrl(window.location.href,"1",Conf.page_size.toString()) ;  }
				};


		}
		this.FirstP=F;
		Right.appendChild(this.FirstP);
		
		F=ICON.Prev(IconSize,Color);	//上一页
		F.style.marginRight="20px";	
		
		if(Conf.page_index<=1){
			F.style.cursor="not-allowed";	
		}else{			
			F.onclick=function (event){
				var Page=parseInt(Conf.page_index)-1;
				var param="page="+Page.toString()+"&size="+Conf.page_size.toString()+CreatUrlParam(document.getElementById("SearchBar"));				
				if(UrlType=="hash"){window.location.hash=window.location.hash.split("?")[0]+"?"+param;}	
				if(UrlType=="href"){ window.location.href= SetPageUrl(window.location.href,Page.toString(),Conf.page_size.toString()) ;  }
			}
		}
		this.PrevP=F;
		Right.appendChild(this.PrevP);

		var PageInput=document.createElement("input");//输入跳转 页码
		PageInput.type="text";
		
		PageInput.style.width="40px";
		PageInput.style.border="1px solid "+Color;
		PageInput.style.height="20px";
		PageInput.style.textAlign="center";

		PageInput.placeholder=Conf.page_index.toString()+"/"+PageCount.toString();
		PageInput.oninput=function (event){
			$_OnlyNum(PageInput);
			if(PageInput.value>PageCount)PageInput.value=PageCount;
			
		}
	
		
		Right.appendChild( PageInput);
		F=ICON.Next(IconSize,Color);	//下一页
		F.style.marginLeft=F.style.marginRight="20px";
		
		if(Conf.page_index>=PageCount){
			F.style.cursor="not-allowed";	
		}else{
			F.onclick=function (event){
				var Page=parseInt(Conf.page_index)+1;
				var param="page="+Page.toString()+"&size="+Conf.page_size.toString()+CreatUrlParam(document.getElementById("SearchBar"));
					
				if(UrlType=="hash"){window.location.hash=window.location.hash.split("?")[0]+"?"+param;}	
				if(UrlType=="href"){ window.location.href= SetPageUrl(window.location.href,Page.toString(),Conf.page_size.toString()) ;  }
			}
		}
		this.NextP=F;
		Right.appendChild( this.NextP);
			
		F=ICON.Last(IconSize,Color);	//末页
		F.style.marginRight="20px";
		
		if(Conf.page_index>=PageCount){
			F.style.cursor="not-allowed";	
		}else{
			F.onclick=function (event){
				var param="page="+PageCount.toString()+"&size="+Conf.page_size.toString()+CreatUrlParam(document.getElementById("SearchBar"));
				if(UrlType=="hash"){window.location.hash=window.location.hash.split("?")[0]+"?"+param;}					
				if(UrlType=="href"){ window.location.href= SetPageUrl(window.location.href,PageCount.toString(),Conf.page_size.toString()) ;  }
				
			};
		}
		this.LastP=F;
		Right.appendChild(this.LastP);
		
		var PageGO=document.createElement("input");
		PageGO.style.border="0";
		PageGO.style.backgroundColor=Color;
		PageGO.style.height="30px";
		PageGO.style.cursor="pointer";
		PageGO.style.borderRadius="5px";
		PageGO.style.color="#fff";
		PageGO.type="button";
		PageGO.value="GO";
		this.PageInput=PageInput;
		PageGO.onclick=function (event){
				if(PageInput.value.trim()!=""){
				var param="page="+PageInput.value.trim()+"&size="+Conf.page_size.toString()+CreatUrlParam(document.getElementById("SearchBar"));
				if(UrlType=="hash"){window.location.hash=window.location.hash.split("?")[0]+"?"+param;}							
				if(UrlType=="href"){ window.location.href= SetPageUrl(window.location.href,PageInput.value.trim(),Conf.page_size.toString()) ;  }
				
				}else{
					PageInput.focus();					
				}
		};
		this.PageGO=PageGO;
		Right.appendChild(this.PageGO);
		Dom.appendChild(Right);
		this.Dom=Dom;	
	}
}
var SearchStyle={};

function SetPageUrl(URL,PageIndex,PageSize){
	var Href=URL.split("?");
	var PR="";
	var j=0;
	if(Href.length>1){
		var P=Href[1].split("&");
		for(let i=0;i<P.length;i++){			
			if(P[i].indexOf("page")<0 && P[i].indexOf("size")<0 ){
				var D="";
				if(j>0){D="&"}
				PR+=D+P[i];
				j++;
			}		  
		}
		PR+="&page="+PageIndex;
	}else{
		PR+="page="+PageIndex;
	}
	
	PR+="&size="+PageSize;
	return Href[0]+"?"+PR;
}
class SearchBar{
	Init(Dom,Set,PageSize=20,color="#f60"){
		this.PageSize=PageSize;
		var Style={white_space:"nowrap",overflow:"hidden",border_radius:"5px",border:"1px solid "+color};
		var SearchBar=document.createElement('span');
		SearchBar=AcceptStyle(SearchBar,Style);
		var InputDateStyle={width:"auto",display:"inline-block",vertical_align:"middle",height:"28px",border:"1px solid "+color,background:"#fff",color:"#257",margin_right:"10px"};
		var SpanStyle={display:"inline-block",vertical_align:"middle","margin_right":"10px"};
		var SelectStyle={width:"auto",display:"inline-block",vertical_align:"middle",height:"40px",border:"1px solid "+color,background:"#fff",color:"#257",margin_right:"10px"};
		SearchStyle=SelectStyle;
		var InputStyle={font_size:"16px",display:"inline-block",vertical_align:"middle",border:"0",width:"300px",height:"30px",padding:"2px",border_radius:"3px"};
		var Select,opt,Input;

		for(let i=0;i<Set.length;i++){
			switch(Set[i].type){

			case "SelectCity":
				var SLC=document.createElement('span')
				SLC.id="SelectCityDom";
				var City=new SelectCity;
				City.Init(SLC,"选择省份","选择地市","选择县区",SelectStyle,"Y");
				Dom.appendChild(SLC);
				break;
			case "select":
				Select=document.createElement('select');
				Select=AcceptStyle(Select,SelectStyle);
				for(let j=0;j<Set[i].option.length;j++){
					opt=new Option(Set[i].option[j].text,Set[i].option[j].value);
					Select.options.add(opt);
				}
				Select.id=Set[i].id;				
				Dom.appendChild(Select);
				break;
			case "SelectIntegrationType":
					var SLC=document.createElement('span')
					SLC.id="SelectIntegrationTypeDom";
					var IntegrationType=new SelectIntegrationType;
					IntegrationType.Init(SLC,"选择省份","选择地市",SelectStyle,"Y");
					Dom.appendChild(SLC);
					break;	
			case "input":
				var Input=document.createElement('input');
				Input.placeholder=Set[i].placeholder;
				Input.id=Set[i].id;
				Input=AcceptStyle(Input,InputStyle);
				SearchBar.appendChild(Input);
				break;
			case "date":
					var Input=document.createElement('input');
					Input.type='date';
					Input.id=Set[i].id;
					Input.value=Set[i].value;
					Input=AcceptStyle(Input,InputDateStyle);
					Dom.appendChild(Input);
					break;
			case "text":
					var Text=document.createElement('span');
					Text=AcceptStyle(Text,SpanStyle);					
					Text.innerHTML=Set[i].value;
					Dom.appendChild(Text);
					break;	
			}
			
		}

		var Bnt=ICON.Search("#fff",color);
		Bnt.onclick=this.Search;		
		this.bnt=Bnt;
		SearchBar.appendChild(this.bnt);
		Dom.appendChild(SearchBar);
	}
	
	Search(e){
		if(document.getElementById("SelectPageSize")){
			this.PageSize=document.getElementById("SelectPageSize").value;
		}
		window.location.hash=window.location.hash.split("?")[0]+"?page=1&size="+this.PageSize+CreatUrlParam(document.getElementById("SearchBar"))
		

	}
}
class DataTable{
	Init(Dom,DataJson,TableHeader,TableRows,Style={HeaderBGColor:"#f60",HeaderColor:"#fff",BorderColor:"#f60",RowHeight:"50px",RowBGColor:"#999",RowHover:"#f7f7f7",RowColor:"#fff"}){
		this.Table=document.createElement('table');
		this.Table.style.borderTop="5px solid "+Style.BorderColor;
		this.Table.id="Table";
		this.BorderColor=Style.BorderColor;
		if(Style.RowColor){this.RowColor=Style.RowColor}else{this.RowColor="#fff"};
		this.RowBGColor=Style.RowBGColor
		
		this.Header=document.createElement('tr');
		this.Header.style.color=Style.HeaderColor;	
		this.Header.style.height=Style.RowHeight;
		this.Header.style.fontWeight="500";		
		this.Header.style.backgroundColor=Style.HeaderBGColor;
		this.Style=Style;
		
		this.Empty=document.createElement('div');
		this.Empty.style.position="absolute";
		this.Empty.style.width="90%";
		this.Empty.style.marginTop="120px";
		this.Empty.style.display="none";
		this.Empty.style.textAlign="center";
		this.Empty.innerHTML="<div style='font-size:22px;color:#f60'>没有符合条件的数据</div>";
		Dom.appendChild(this.Empty);
		
		
		var html="";
		for (let key in TableHeader){
			
			switch (TableHeader[key]["type"]){				
			case "text":
				html+="<td nowrap='nowrap'>"+TableHeader[key]["text"]+"</td>";
				break;

			case	"checkbox":	
				html+="<td><input type='checkbox' "+TableHeader[key]["event"]+" id='"+TableHeader[key]["id"]+"'>"+TableHeader[key]["text"]+"</td>";
				break;
			}
		}
		var Rows=[];
		for (let i=0;i<TableRows.operation.length;i++){html+="<td></td>";}
		this.Header.innerHTML=html;
		this.Table.appendChild(this.Header);
		var CheckStatus=[""," checked "];
		var Row;
		if(DataJson.length==0){
			
			this.Empty.style.display="block";
		}
		var OnLine=["<span style='color:#f00;font-size:22px'>☒</span>","<span style='color:#297;font-size:22px'>⇄</span>","<span style='color:#297;font-size:22px'>?</span>"];
		for (let i=0;i<DataJson.length;i++){
			Row=document.createElement('tr');
			Row.style.height=Style.RowHeight;
			Row.style.backgroundColor=Style.RowBGColor;
			html="";
			for (let key in TableHeader){
				if(TableRows[key]){
					switch (TableRows[key].type){
						case "text":html+="<td><div class='OHI' >"+DataJson[i][key]+"</div></td>";break;
						case "online":html+="<td><div class='OHI' >"+OnLine[DataJson[i][key]]+"</div></td>";break;
						case "enum":html+="<td><div class='OHI' >"+TableRows[key].enum[DataJson[i][key]]+"</div></td>";break;
						case "price":html+="<td><div class='OHI' style='font-weight:600'>"+ parseFloat(DataJson[i][key]).toFixed(2) +"</div></td>";break;
						case "SetField":
							var event=TableRows[key].target;
							var Title=TableRows[key].title;
							for(let x=0;x<TableRows[key].param.length;x++){

								var  reg=new RegExp( "\\["+x.toString()+"\\]" ,"g");
								event=event.replace(reg, DataJson[i][ TableRows[key].param[x] ] );
								Title=Title.replace(reg, DataJson[i][ TableRows[key].param[x] ] );
							}
							
							var  reg=new RegExp( "\\[0\\]" ,"g");
							html+="<td >"+DataJson[i][key]+"<span class='TextButton' style='margin-left:20px;' onclick='WX.Dialog.Show(\""+event+"\",\""+Title+"\")' > 🖊</span></td>";
							break;
						case "StatusList":
							html+="<td  style='color:"+ColorArray[DataJson[i][key]]+"'>"+TableRows[key].item[DataJson[i][key]].text+"</td>";
							break;
						case "checkbox":html+="<td><input type='checkbox'  onclick='this.checked=!this.checked' " +CheckStatus[DataJson[i][key]]+ " value='"+DataJson[i][TableRows[key].value]+"' "+TableRows[key].event+" name='"+TableRows[key].element_name+"'></td>";
							break;
						case "img":
							html+="<td ><img src='"+DataJson[i][key]+"' style='width:"+TableRows[key].size[0]+";height:"+TableRows[key].size[1]+"'></td>";
							break;
					}
				}	
			}
			
			for (let j=0;j<TableRows.operation.length;j++){
				var  event=TableRows.operation[j]["event"];
				for(let x=0;x<TableRows.operation[j]["param"].length;x++){
					var  reg=new RegExp( "\\["+x.toString()+"\\]" ,"g");
					event=event.replace(reg, DataJson[i][ TableRows.operation[j]["param"][x]] );
					//if(TableRows.operation[j].type=="link")alert(TableRows.operation[j]["param"][x]);
				}
				
				switch (TableRows.operation[j].type){
					case "textbnt":html+="<td style='text-align:center'><span class='TextButton' "+event+">"+TableRows.operation[j]["text"]+"</span></td>";break;
					case "link":html+="<td style='text-align:center'><a href='"+event+"'>"+TableRows.operation[j]["text"]+"</a></td>";break;
				}
			}
			
			Row.innerHTML=html;
			Row.id=DataJson[i]["id"];
			
			Row.addEventListener('mouseover',function (event) {document.getElementById(DataJson[i]["id"]).style.backgroundColor=Style.RowHover;});
			Row.addEventListener('mouseout',function (event) {document.getElementById(DataJson[i]["id"]).style.backgroundColor=Style.RowBGColor;});
			this.Table.appendChild(Row);
			Rows[i]={id:DataJson[i].id};
		}
		this.Rows=Rows;
		Dom.appendChild(this.Table);

	}
	
	Delete(Id){		
		var Row=document.getElementById(Id);
		Row.parentNode.removeChild(Row);
	}
	
	Insert(Json){
		var NewTr= this.Table.insertRow(1);
		NewTr.id=Json.id;
		NewTr.style.height=this.Style.RowHeight;
		(function(Row,Dom){
		Row.addEventListener('mouseover',function (event) {document.getElementById(Json["id"]).style.backgroundColor=Dom.Style.RowHover;});
		Row.addEventListener('mouseout',function (event) {document.getElementById(Json["id"]).style.backgroundColor=Dom.Style.RowBGColor;});
		})(NewTr,this);
		
		NewTr.innerHTML="";
		for (let key in Json){
			if(key!="id"){
				NewTr.innerHTML+="<td>"+Json[key]+"</td>";
			}
		}

		this.Empty.style.display="none";
	}
	
	Update(Json){
		var Row=document.getElementById(Json.id);
		Row.innerHTML="";
		for (let key in Json){
			if(key!="id"){
				Row.innerHTML+="<td>"+Json[key]+"</td>";
			}
		}
	}

	setHeaderBGColor(Color="#f60"){this.Header.style.backgroundColor=Color;}
	setHeaderColor(Color="#fff"){this.Header.style.color=Color;}
	setRowColor(Color="#fff"){this.RowColor=Color;for(let i=0;i<this.Rows.length;i++){document.getElementById(this.Rows[i].id).style.color=Color;}

	}
	setRowBGColor(BGColor="#fff",Hover="auto"){
		this.RowBGColor=BGColor;
		for(var i=0;i<this.Rows.length;i++){			
			var Row=document.getElementById(this.Rows[i].id);
			Row.style.backgroundColor=BGColor;
			(function(Row){
			Row.addEventListener('mouseover',function (event) {Row.style.backgroundColor=Hover;});
			Row.addEventListener('mouseout',function (event) {Row.style.backgroundColor=BGColor;});
			})(Row);
		}		
	}
	setTableBorder(Color="#f60",Width="1px"){this.Table.style.border=Width+" solid "+Color;}
	setTable3D(Flag="Y"){
		
		if(Flag=="Y"){
			this.Table.style.boxShadow="0px 1px 18px rgba(0, 0, 0, 0.5)";
			this.Table.style.borderLeft="0";
			this.Table.style.borderRight="0";			
			this.Table.style.borderBottom="5px solid " +this.RowBGColor;
			
		}else{
			this.Table.style.boxShadow="none";
			this.Table.style.borderLeft="1px solid " +this.BorderColor;
			this.Table.style.borderRight="1px solid "+this.BorderColor;
			this.Table.style.paddingBottom="5px";
			this.Table.style.borderBottom="1px solid " +this.BorderColor;
			this.Table.style.backgroundColor=this.RowBGColor;
		}
		
	}
}

class RowTable{
	Init(Dom,DataJson,DataRows,Operation,Style={HeaderBGColor:"#f60",HeaderColor:"#fff",BorderColor:"#f60",RowHeight:"50px",RowBGColor:"#999",RowHover:"#f7f7f7",RowColor:"#fff"}){
		
		this.Table=document.createElement('table');

		this.Table.style.borderTop="5px solid "+Style.BorderColor;
		this.Table.id="Table";
		this.BorderColor=Style.BorderColor;
		if(Style.RowColor){this.RowColor=Style.RowColor}else{this.RowColor="#fff"};
		this.RowBGColor=Style.RowBGColor
		
		this.Header=document.createElement('tr');
		this.Header.style.color=Style.HeaderColor;	
		this.Header.style.height=Style.RowHeight;
		this.Header.style.fontWeight="500";		
		this.Header.style.backgroundColor=Style.HeaderBGColor;
		this.Style=Style;
		
		this.Empty=document.createElement('div');
		this.Empty.style.position="absolute";
		this.Empty.style.width="90%";
		this.Empty.style.marginTop="120px";
		this.Empty.style.display="none";
		this.Empty.style.textAlign="center";
		this.Empty.innerHTML="<div style='font-size:22px;color:#f60'>没有符合条件的数据</div>";
		Dom.appendChild(this.Empty);
		var html="";

		if(DataJson.length>0 && DataJson[0].subset!=undefined){ html="<td nowrap='nowrap'></td>";}

		
		for (let key in DataRows){
	
			switch (DataRows[key].header.type){				
			case "text":
				html+="<td nowrap='nowrap' >"+DataRows[key].header.text+"</td>";			
				break;
			case "checkbox":	
				html+="<td><input type='checkbox' "+DataRows[key].header.event+" id='"+DataRows[key].header.id+"'>"+DataRows[key].text+"</td>";
				break;
			}
			
		}
	
		for (let i=0;i<Operation.length;i++){
			html+="<td style='text-align:center'>"+Operation[i].text+"</td>";
		}

		this.Header.innerHTML=html;
		this.Table.appendChild(this.Header);
		


		if(DataJson.length==0){	this.Empty.style.display="block";}


	
		var Row,RowSub;
		var x=0;
		
		for (let i=0;i<DataJson.length;i++){
			Row=document.createElement('tr');
			Row.id=DataJson[i]["id"];
			Row.style.height=Style.RowHeight;
			Row.style.backgroundColor=Style.RowBGColor;
			
			html="";
			if(DataJson[i].subset!=undefined){

				html="<td nowrap='nowrap' style='width:1%'><span class='TextButton' style='font-size:12px' onclick='ShowSub("+i.toString()+","+DataJson[i].subset.length+")' >〉</span> </td>";
			
			}
			Row.innerHTML=html+this.InsetRow(DataJson[i],DataRows,Operation)
			Row.addEventListener('mouseover',function (event) {document.getElementById(DataJson[i]["id"]).style.backgroundColor=Style.RowHover;});
			Row.addEventListener('mouseout',function (event) {document.getElementById(DataJson[i]["id"]).style.backgroundColor=Style.RowBGColor;});
			this.Table.appendChild(Row);
			if(DataJson[i].subset!=undefined){
				for(let j=0;j<DataJson[i].subset.length;j++){
					RowSub=document.createElement('tr');
					RowSub.id="Subset"+i.toString()+j.toString();
					RowSub.style.height="50px";	
					RowSub.style.fontSize="15px";
					RowSub.style.color="#f60";					
					RowSub.style.visibility="collapse";	
					RowSub.style.backgroundColor="#ececec";
					RowSub.style.border=0;
					RowSub.innerHTML="<td></td>"+this.InsetRow(DataJson[i].subset[j],DataRows,Operation);

					this.Table.appendChild(RowSub);
				}
			}
					
		}
		Dom.appendChild(this.Table);
	}
	InsetRow(DataRecord,DataRows,Operation){
		var OnLine=["<span style='color:#f00;font-size:22px'>☒</span>","<span style='color:#297;font-size:22px'>⇄</span>","<span style='color:#297;font-size:20px;font-weight:500'>?</span>"];
		var RecordHtml="";
		for (let key in DataRows){
			switch (DataRows[key].value.type){		
				case "img":	RecordHtml+="<td ><img src='"+DataRecord[key]+"' style='width:"+DataRows[key].value.size[0]+";height:"+DataRows[key].value.size[1]+"'></td>";break;
				case "online":RecordHtml+="<td><div class='OHI' >"+OnLine[DataRecord[key]]+"</div></td>";break;		
				case "text":
					var  Highlight="";
					if( !isNaN(DataRecord[key]) && DataRecord[key]!="0" && DataRecord[key].length<9){Highlight=" style='font-weight:500'";	}
					if( DataRecord[key]=="0"){Highlight=" style='color:#777'";}					
					RecordHtml+="<td><div class='OHI' "+Highlight+">"+DataRecord[key]+"</div></td>";				
				break;
		
				case "segment":RecordHtml+="<td><div class='OHI' "+Highlight+">"+DataRecord[DataRows[key].value.fields[0]]+" 至 "+DataRecord[DataRows[key].value.fields[1]]+"</div></td>";break;
				case "json":RecordHtml+="<td><div class='OHI' "+Highlight+">"+DataRows[key].value.source[DataRecord[key]]+"</div></td>";break;
				case "checkbox":let Checked="";if(DataRecord[key]!="0"){Checked="checked";}RecordHtml+="<td><input type='checkbox' style='pointer-events:none' "+Checked+"></td>";	break;
				case "selectcheckbox":RecordHtml+="<td><input type='checkbox'  "+DataRows[key].event+" value='"+DataRecord[key]+"'></td>";break;
				case "SetField":
					var event=DataRows[key].value.target;
					var Title=DataRows[key].value.title;
					for(let x=0;x<DataRows[key].value.param.length;x++){
						var  reg=new RegExp( "\\["+x.toString()+"\\]" ,"g");
						event=event.replace(reg, DataRecord[ DataRows[key].value.param[x] ] );
						Title=Title.replace(reg, DataRecord[ DataRows[key].value.param[x] ] );
					}
					var  reg=new RegExp( "\\[0\\]" ,"g");
					RecordHtml+="<td >"+DataRecord[key]+"<span class='TextButton' style='margin-left:20px;' onclick='WX.Dialog.Show(\""+event+"\",\""+Title+"\")' > 🖊</span></td>";
					break;
				case "AtGet":
						var event=DataRows[key].value.target;
						var Title=DataRows[key].value.title;
						for(let x=0;x<DataRows[key].value.param.length;x++){
							var  reg=new RegExp( "\\["+x.toString()+"\\]" ,"g");
							event=event.replace(reg, DataRecord[ DataRows[key].value.param[x] ] );
							Title=Title.replace(reg, DataRecord[ DataRows[key].value.param[x] ] );
						}
						var  reg=new RegExp( "\\[0\\]" ,"g");
						RecordHtml+="<td >"+DataRecord[key]+"<span class='TextButton' style='margin-left:20px;' onclick='WX.Dialog.Show(\""+event+"\",\""+Title+"\")' > 🖊</span></td>";
						break;
			}
		
		}

		for (let j=0;j<Operation.length;j++){
			var  event=Operation[j]["event"];
			for(let x=0;x<Operation[j]["param"].length;x++){
				var  reg=new RegExp( "\\["+x.toString()+"\\]" ,"g");
				event=event.replace(reg, DataRecord[ Operation[j]["param"][x] ] );					
				
			}
			switch (Operation[j].type){
				case "disabled":RecordHtml+="<td style='text-align:center'><span style='color:#999'>"+Operation[j]["text"]+"</span></td>";break;
				case "textbnt":RecordHtml+="<td style='text-align:center'><span class='TextButton' "+event+">"+Operation[j]["text"]+"</span></td>";break;
				case "link":RecordHtml+="<td style='text-align:center'><a href='"+event+"' target='"+Operation[j]["target"]+"'>"+Operation[j]["text"]+"</a></td>";break;
			}
			
		}
		return RecordHtml;
	}
	
	
	setTable3D(Flag="Y"){
		
		if(Flag=="Y"){
			this.Table.style.boxShadow="0px 1px 18px rgba(0, 0, 0, 0.5)";
			this.Table.style.borderLeft="0";
			this.Table.style.borderRight="0";			
			this.Table.style.borderBottom="5px solid " +this.RowBGColor;
			
		}else{
			this.Table.style.boxShadow="none";
			this.Table.style.borderLeft="1px solid " +this.BorderColor;
			this.Table.style.borderRight="1px solid "+this.BorderColor;
			this.Table.style.paddingBottom="5px";
			this.Table.style.borderBottom="1px solid " +this.BorderColor;
			this.Table.style.backgroundColor=this.RowBGColor;
		}
		
	}
}

class PanelPage{
	Init(Dom,Conf){
		var BackColor="#fff";
		var FaceColor="#000";
		if(Conf.skin=="dark"){
			BackColor="#000";
			FaceColor="#fff";
		}
		this.Dom=Dom;
		this.Head=document.createElement('div');
		this.Head.style.float="left";
		this.Dom.style.position="relative";
		this.Head.style.width="100%";
		this.Head.style.height="35px";
		this.Head.style.paddingTop="15px";
		this.Head.style.textAlign="center";
		this.Head.style.backgroundColor=BackColor;
		this.Dom.appendChild(this.Head);
		
		var ActBar=document.createElement('div');
		ActBar.style.position="absolute";
		ActBar.style.height="4px";
		ActBar.style.width=(100 / Conf.items.length).toString()+ "%";
		ActBar.style.maxWidth="120px";
		ActBar.style.backgroundColor="#f60";
		ActBar.style.top="43px";
		ActBar.style.transition="left 0.3s";			
		this.ActBar=ActBar;
		this.Dom.appendChild(this.ActBar);
		
		this.Page=document.createElement('div');
		this.Page.style.float="left";
		this.Page.style.position="relative";
		this.Page.style.overflow="hidden";
		this.Page.style.width="100%";
		this.Page.style.height="calc(100% - 50px)";
		this.Page.style.backgroundColor=BackColor;
		this.Page.style.color=FaceColor;
		this.Dom.appendChild(this.Page);

		var VarName=GetVarName(this);
		for(let i=0;i<Conf.items.length;i++){
			var Item=document.createElement('div');
			Item.style.float="left";
			Item.style.width=(100 / Conf.items.length).toString()+ "%";
			Item.style.maxWidth="120px";
			Item.innerHTML="<span class='TextButton'   onclick='"+VarName+".ItemClick("+i.toString()+")'>"+Conf.items[i]+"<span>";
			this.Head.appendChild(Item);

			
			var PageItem=document.createElement('div');
			PageItem.style.position="absolute";
			PageItem.style.width="100%";
			PageItem.style.height="100%";
			PageItem.style.transitionDuration="0.5s";			
			PageItem.style.transitionProperty="opacity,left"; 

			PageItem.style.left="-100%";
			
			PageItem.style.backgroundColor=BackColor;
			PageItem.style.color=FaceColor;
			PageItem.innerHTML="<div style='margin-top:20%;text-align:center;font-size:48px;color:#ccc;'>第 "+(i+1).toString()+" 页</div>";
			this.Page.appendChild(PageItem);
		}
		
		this.Pages=this.Page.childNodes;
		this.HeadItems=this.Head.childNodes;
		this.ItemClick(0);
	}
	
	ItemClick(Index){
		for(let i=0;i<this.Pages.length;i++){			
			if(i==Index){
				this.Pages[i].style.left=0;
				this.Pages[i].style.opacity=1;	
				var left=((this.Head.offsetWidth/ this.Pages.length));
				if(left>120){left=120;}
				this.ActBar.style.left=(left*i).toString()+ "px";
				this.HeadItems[i].getElementsByTagName("span")[0].style.color="#f60";
			}else{
				this.HeadItems[i].getElementsByTagName("span")[0].style.color="";				
				this.Pages[i].style.left="-100%";this.Pages[i].style.opacity=0
			}
		}
	}
	
}

class AlertMsg{	
	Init(Dom){
		var AlertMsgStyle={transition:"top 0.5s",position:"absolute",border_radius:"5px",padding_top:"20px",padding_bottom:"10px",padding_right:"25px",padding_left:"25px",top:"-100px",height:"35px",background_color:"#fff",z_index:"999",font_weight:"500"};
		this.Text=document.createElement('span');
		this.Text.style.display="inline-block";
		this.Text.style.verticalAlign="middle";
		Dom.appendChild(this.Text);
		this.CloseIcon=ICON.Close("16px","#25c","#f50");
		this.CloseIcon.style.float="right";
		this.CloseIcon.style.right="-18px";
		this.CloseIcon.style.top="-16px";
		this.CloseIcon.addEventListener('click', function (event) { Dom.style.top="-100px";});
		Dom.appendChild(this.CloseIcon);
		this.Dom=AcceptStyle(Dom,AlertMsgStyle);
	}
	
	Close(){	this.Dom.style.top="-100px";}

	Show(Msg="",Flag=1){
		var SuccClass=[{box_shadow:"0 0 5px rgba(255, 60, 100, 0.5)",color:"#f60"},{box_shadow:"0 0 5px rgba(20, 90, 70, 0.5)",color:"#297"}]
		var SuccIcon=[ICON.Failed("16px","#f50"),ICON.Succeed("26px","#297")];
		this.Text.innerHTML="";
		this.Text.appendChild(SuccIcon[Flag]);
		this.Text.innerHTML=this.Text.innerHTML+"<span style='margin-left:10px;'>"+Msg+"</span>";

		this.Dom.style.left="calc( 50% - "+(this.Dom.offsetWidth/2-90).toString() +"px)"	
		this.Dom=AcceptStyle(this.Dom,SuccClass[Flag]);
		this.Dom.style.top="30px";
		(function(Obj){setTimeout(function(){Obj.style.top="-100px";},2000);})(this.Dom);
	}
}

class CreatIcon{	
	First(Size="24px",Color="#257",Hover="#F60"){

		var Icon=document.createElement("span");
		var Inner=document.createElement("span");
		var Style={cursor:"pointer",overflow:"hidden",width:Size,height:Size,border_left:"1px solid "+Color,position:"relative"};
		Icon=AcceptStyle(Icon,Style);
		Style={width:"calc(100% - 1px)",height:"calc(100% - 1px)",border_left:"1px solid "+Color,left:"30%",border_bottom:"1px solid "+Color,transform:"rotate(45deg)",position:"absolute"};
		Inner=AcceptStyle(Inner,Style);
		Icon.appendChild(Inner);
		(function(Obj){Obj.addEventListener('mouseover',function (event){
			Obj.style.borderColor=Hover;
			Obj.children[0].style.borderColor=Hover;
		});})(Icon);
		(function(Obj){Obj.addEventListener('mouseout',function (event){
			Obj.style.borderColor=Color;
			Obj.children[0].style.borderColor=Color;
		});})(Icon);

		
		return Icon;
	}
	
	Last(Size="24px",Color="#257",Hover="#F60"){
		var Icon=this.First(Size,Color,Hover);
		Icon.style.transform="rotate(180deg)";
		return Icon		
	}
	
	Prev(Size="24px",Color="#257",Hover="#F60"){		
		var Icon=this.First(Size,Color,Hover);
		Icon.style.borderLeft="0";
		return Icon		
	}
	
	Next(Size="24px",Color="#257",Hover="#F60"){		
		var Icon=this.First(Size,Color,Hover);
		Icon.style.borderLeft="0";
		Icon.style.transform="rotate(180deg)";
		return Icon		
	}

	Search(Color="#fff",BGColor="#257"){
		var Style={width:"40px",height:"35px",padding_top:"3px",background:BGColor,cursor:"pointer"};
		var Bnt=document.createElement('span');		
		Bnt=AcceptStyle(Bnt,Style);
		Style={display:"inline-block",vertical_align:"middle",position:"relative",padding_right:"2px",padding_bottom:"0px"};
		var  Bnt0=document.createElement('span');
		Bnt0=AcceptStyle(Bnt0,Style);
		
		Style={width:"12px",height:"12px",border:" 2px solid " +Color,border_radius:"50%"};
		var  Bnt1=document.createElement('span');
		Bnt1=AcceptStyle(Bnt1,Style);
		
		Style={position:"absolute",right:"-1px",bottom:"-1px",width:"8px",height:"2px",background:Color,_webkit_transform:"rotate225deg)",_moz_transform:"rotate(225deg)",_ms_transform:"rotate(225deg)",_o_transform:"rotate(225deg)",transform:"rotate(45deg)"};
		var  Bnt2=document.createElement('span');
		Bnt2=AcceptStyle(Bnt2,Style);
		
		Bnt0.appendChild(Bnt1);
		Bnt0.appendChild(Bnt2);
		Bnt.appendChild(Bnt0);
		return Bnt;
	}
	
	Close(Size="20px",BorderColor="#000",MouseOver=""){
		var CloseStyle={width:Size,height:Size,position:"relative",overflow:"hidden",border_radius:"50%",transform:"rotate(-45deg)"};
        var CloseChildStyle=[{position:"absolute",border_top:"2px solid "+BorderColor,width:"100%",height:"100%",margin_top:"calc(50% - 2px)"},{position:"absolute",border_left:"2px solid "+BorderColor,width:"100%",height:"100%",margin_left:"calc(50% - 1px)"}];
		var Icon=document.createElement('div');
		Icon=AcceptStyle(Icon,CloseStyle);
		for(let i=0;i<CloseChildStyle.length;i++){			
			let Div=document.createElement('div');
			Div=AcceptStyle(Div,CloseChildStyle[i]);				
			Icon.appendChild(Div);
		}
		
		if(MouseOver!=""){
			Icon.style.cursor="pointer";
			var Line=Icon.childNodes;
			Icon.addEventListener('mouseover', function (event) {
				Line[0].style.borderTop="2px solid "+MouseOver;
				Line[1].style.borderLeft="2px solid "+MouseOver;
			});
			Icon.addEventListener('mouseout', function (event) {
				Line[0].style.borderTop="2px solid "+BorderColor;
				Line[1].style.borderLeft="2px solid "+BorderColor;
			});
		}
		return Icon;
	}
	
	Succeed(Size="26px",Color="#f50"){
		var Icon=document.createElement('span');
		var SuccStyle={position:"relative",z_index:"999",border_radius:"10px",width:Size,height:Size,border:"1px solid "+Color,border_radius:"50%"};
		var SuccContStyle={position:"absolute",left:"40%",top:"22%",width:"20%",height:"40%",border_color:Color,border_style: "solid",border_width:"0 3px 3px 0",transform:"rotate(45deg)"};
		Icon=AcceptStyle(Icon,SuccStyle);
		var SuccCont=document.createElement('span');
		SuccCont=AcceptStyle(SuccCont,SuccContStyle);
		Icon.appendChild(SuccCont);
		return Icon;
	}
	
	Failed(Size="26px",Color="#f50"){
		var Icon=document.createElement('span');
		var FailStyle={display:"inline-block",padding:"5px",border:"2px solid "+Color,border_radius:"50%",width:Size,height:Size};
		var FailContStyle={display:"block",width:"100%",height:"100%",position:"relative",overflow:"hidden",transform:"rotate(-45deg)"};
		var FailIDrawStyle=[{position:"absolute",width:"100%",height:"100%",border_top:"2px solid "+Color,margin_top:"calc(50% - 1px)"},{position:"absolute",width:"100%",height:"100%",border_left:"2px solid "+Color,margin_left:"calc(50% - 1px)"}];
		Icon=AcceptStyle(Icon,FailStyle);
		var FailCont=document.createElement('span');
		FailCont=AcceptStyle(FailCont,FailContStyle);
		for(let i=0;i<FailIDrawStyle.length;i++){
			var FailIDraw=document.createElement("span");		
			FailIDraw=AcceptStyle(FailIDraw,FailIDrawStyle[i]);
			FailCont.appendChild(FailIDraw);
		}
		Icon.appendChild(FailCont);
		return Icon;
	}
	
	MenuButton(Size,Color,Hover){
		var Height=parseInt( Size.replace(/px/g,""));
		
		var Border=Math.round(Height / 12);
		var Padding=Border*3;
		var Style={width:Size,height:"2px",border_top: Border.toString()+"px solid "+Color,border_bottom:Border.toString()+"px solid "+Color,background_color:Color,background_clip:"content-box",padding_top:Padding.toString()+"px",padding_bottom:Padding.toString()+"px",cursor:"pointer"};
		var Icon=document.createElement('span');
		Icon.addEventListener('mouseover',function (event) {Icon.style.borderColor=Hover;   Icon.style.backgroundColor=Hover; });
		Icon.addEventListener('mouseout',function (event) {Icon.style.borderColor=Color;   Icon.style.backgroundColor=Color; });
		return AcceptStyle(Icon,Style);
	}
}

var ICON= new CreatIcon;
class DialogBox{	
	Init(Dom){		
		var eleStyle={overflow:"hidden",opacity:"0.5",box_shadow:"0px 1px 8px rgba(0, 0, 0, 0.8)",border_radius:"5px",transition_property:"opacity,top,width,height,left",transition_duration:".5s",top:"-0px",position:"fixed",width:"1000px",height:"0",left:"calc( 50% - 410px)",background:"#fff",z_index:"99"};
		this.Dom=AcceptStyle(Dom,eleStyle);

		eleStyle={top:"0",left:"0",bottom:"0",right:"0",position:"fixed",background_color:"#000",z_Index:"2",opacity:"0.5",filter:"alpha(opacity=50)"};
		this.CoverLayer=document.createElement("div");
		this.CoverLayer=AcceptStyle(this.CoverLayer,eleStyle);
		eleStyle={position:"absolute",width:"100%",height:"50px",background:"#eee",border_radius:"5px 5px 0 0",z_index:"999"};
		this.Head=document.createElement("div");
		this.Head=AcceptStyle(this.Head,eleStyle);
		this.Dom.appendChild(this.Head);	
		
		this.Title=document.createElement("div");
		eleStyle={float:"left",margin_left:"20px",margin_top:"16px",font_weight:"500"};
		this.Title=AcceptStyle(this.Title,eleStyle);
		this.Title.innerHTML="正在加载...";
		this.Head.appendChild(this.Title);		
		
		this.CloseIcon=ICON.Close("24px","#27c","#f50");
		this.CloseIcon.style.float="right";
		this.CloseIcon.style.right="12px";
		this.CloseIcon.style.top="12px";
		
		(function(Obj){Obj.CloseIcon.addEventListener('click',function (event) {Obj.Close();});})(this);

		this.Head.appendChild(this.CloseIcon);
		
		eleStyle={position:"absolute",top:"50px",left:"0",bottom:"0",right:"0",background:"#fff",border_radius:"0 0 5px 5px"};
		this.Content=document.createElement("div");
		this.Content=AcceptStyle(this.Content,eleStyle);
		this.Dom.appendChild(this.Content);
		
		this.Loading=document.createElement('div');	
		this.Loading.className="Loading";
		this.Loading.style.width=this.Loading.style.height="40px";
		this.Loading.style.left="calc( 50% - 20px )";
		this.Loading.style.top="40%";
		this.Loading.style.display="none";
		this.Dom.appendChild(this.Loading);
	}
	
	Show(Url="",title="",width=800,height=600,dark=0){
		var skin={HeadBack:"#eee",HeadColor:"#000",BodyBack:"#fff",BodyColor:"#000"};
		if(dark==1){

			skin={HeadBack:"#012",HeadColor:"#fff",BodyBack:"#012",BodyColor:"#fff"};
		}
		this.Loading.style.display="block";
		document.body.appendChild(this.CoverLayer);		
		this.Title.innerHTML=title;		
		this.Dom.style.width=width+"px";
		this.Dom.style.height=height+"px";
		

		this.Content.style.backgroundColor=skin.BodyBack;
		this.Content.style.color=skin.BodyColor;
		this.Head.style.backgroundColor=skin.HeadBack;
		this.Head.style.color=skin.HeadColor;

		var iframe=document.createElement("iframe");
		iframe.id="DialogFrame";
		iframe.style.border=0;
		iframe.style.width=iframe.style.height="100%";
		iframe.scroll="no";	
		iframe.style.overflow="hidden";
		iframe.style.transition="opacity .3s";
		iframe.style.opacity=0;
		iframe.setAttribute('allowFullScreen','');
	
		(function (Obj,Dom){
		Obj.addEventListener('load', function (event) {					
			setTimeout(function(){Dom.LoadingClose();Obj.style.opacity=1;},400);			
		})})(iframe,this);	
		
		iframe.src=Url;
		this.iframe=iframe;

		this.Content.appendChild(iframe);		
		this.ReSize(width,height);
		this.Dom.style.opacity=1;
	}

	ReSize(width,height){
		
		//alert(document.body.scrollHeight);
		this.Dom.style.width=width+"px";
		this.Dom.style.height=height+"px";
		var top=(document.body.scrollHeight/2)-(height/2+100);
		if(top<60){top=60;}

		if(top>400){top=400;}
		this.Dom.style.left="calc( 50% - "+(width/2-90).toString() +"px)";
		this.Dom.style.top=top.toString() +"px";		
	}
	
	Close(){
		this.Dom.style.width="1000px";
		this.Dom.style.height="0px";
		this.Dom.style.left="calc( 50% - "+(500-90).toString() +"px)";
		this.Dom.style.top="0";
		this.Dom.style.opacity=0;
		this.Title.innerHTML="";	
		this.Content.innerHTML="";	
		document.body.removeChild(this.CoverLayer);
	}
	
	LoadingClose(){this.Loading.style.display="none";}
	LoadingShow(){this.Loading.style.display="block";}
	setSkin(Skin={HeadBack:"#eee",HeadColor:"#000",BodyBack:"#fff",BodyColor:"#000"}){
	
		this.Head.style.color=Skin.HeadColor;
		this.Head.style.backgroundColor=Skin.HeadBack;
		this.Content.style.backgroundColor=Skin.BodyBack;
		this.Content.style.color=Skin.BodyColor;
	}
	setUrl(url){this.iframe.src=url;}
	setHearderColor(Color="#123"){this.Head.style.color=Color}
	setHearderBGColor(Color="#eee"){this.Head.style.backgroundColor=Color}
	setBodyBGColor(Color="#fff"){this.Content.style.backgroundColor=Color;}
	setBodyColor(Color="#000"){this.Content.style.color=Color;}
	setTitle(title){this.Title.innerHTML=title;}
}

class  NavigationMenu{
	Init(Dom,Item){
		var Html="<div class='MenuItem0' style='height:20px;margin-bottom:30px' onclick='window.location.hash=\"home/index\";document.getElementById(\"TipsDot\").style.display=\"none\"'><img src='//ctrl.ccniot.com/image/icon/menu/home.png' >主页</div>";	
		for(let i=0;i<Item.length;i++){		
			Html+="<div class='MenuItem0' onclick='MenuItems1("+i.toString()+")'><img src='"+Item[i].icon+"'>"+Item[i].title+"<span class='MenuItem0Arrow' id='MenuItem0Arrow"+i.toString()+"'></span></div>";
			Html+="<div class='MenuItem1BK'  id='MenuItem1BK"+i.toString()+"' >";		
			for(let j=0;j<Item[i].items.length;j++){			
				Html+="<div class='MenuItem1' onclick='window.location.hash=\""+Item[i].items[j].url+"\"'  id='"+Item[i].items[j].url.replace(/\//g,"")+"'>"+Item[i].items[j].title+"</div>";
			}
			Html+="</div>";
			}
		Html+="<div class='MenuItem0' onclick='window.location.hash=\"help/index\";document.getElementById(\"TipsDot\").style.display=\"none\"'><img src='//ctrl.ccniot.com/image/icon/menu/help.png'>帮助</div>";	
		Dom.innerHTML=Html;	
	}
}

class PicBox{

	Init(Dom){	
		var Style={background_color:"#000",opacity:0,box_shadow:"0px 1px 8px rgba(0, 0, 0, 0.8)",border_radius:"5px",transition_property:"opacity,top,width,height,left",transition_duration:".5s",top:"10%",position:"fixed",width:"0",height:"0",left:"50%",z_index:"99"};
		
		this.PicBox=document.createElement("div");		
		this.PicBox=AcceptStyle(this.PicBox,Style);
		this.CloseButton=ICON.Close();
		
		this.CloseIcon=ICON.Close("36px","#FFF","#fff");
		//this.CloseIcon.style.float="right";
		this.CloseIcon.style.position="absolute";
		this.CloseIcon.style.right="-35px";
		this.CloseIcon.style.top="-35px";

		

		this.PicBox.appendChild(this.CloseIcon);
		(function(Obj){Obj.CloseIcon.addEventListener('click',function (event) {Obj.Close();});})(this);

		this.ImgDiv=document.createElement("div");	
		this.ImgDiv.style.height="100%";
		this.ImgDiv.style.width="100%";
		this.ImgDiv.style.backgroundColor="#000";
		this.PicBox.appendChild(this.ImgDiv);

		this.Img=document.createElement("img");	
		this.Img.style.height="100%";
		this.Img.style.width="100%";
		this.Img.style.borderRadius="5px";		
		this.ImgDiv.appendChild(this.Img);

		this.ImgTitle=document.createElement("div");
		this.ImgTitle.style.position="absolute";
		this.ImgTitle.style.width="100%";		
		this.ImgTitle.style.fontSize="26px";
		this.ImgTitle.style.bottom="10px";
		this.ImgTitle.style.textAlign="center";
		this.ImgTitle.style.color="#5ce";
		this.ImgTitle.style.textShadow="0px 0px 5px #000";
		this.PicBox.appendChild(this.ImgTitle);


		this.ImgText=document.createElement("div");
		this.ImgText.style.position="absolute";
		this.ImgText.style.width="200px";
		this.ImgText.style.fontSize="18px";
		this.ImgText.style.top="20px";
		this.ImgText.style.right="20px";
		this.ImgText.style.padding="20px";
		this.ImgText.style.color="#5ce";
		this.ImgText.style.textShadow="0px 0px 5px #000";
		this.ImgText.style.backgroundColor="rgba(0,0,0,0.8)";
		this.ImgText.style.borderRadius="5px";
		this.ImgText.style.border="1px solid #297";
		this.ImgText.style.display='none';
		this.ImgText.style.lineHeight='2';
		this.PicBox.appendChild(this.ImgText);


		Dom.appendChild(this.PicBox);


	

	}
	Show(PicInfo){		
		this.PicBox.style.height="80%";
		this.PicBox.style.width="80%";
		this.PicBox.style.left="10%";  //"calc(  50%- "+(500-90).toString() +"px)";
		this.PicBox.style.top="10%";
		this.PicBox.style.opacity=1;
		this.Img.src=PicInfo[0].src;
		var ImgTitle="";
		for(let i=0;i<PicInfo.length;i++){
			var ShowT="window.top.PBox.CloseText()";
			if(i==1){
				ShowT="window.top.PBox.ShowText()";
			}
			ImgTitle+="<span class='TextButton' style='margin-right:20px;margin-left:20px' onclick='window.top.PBox.Img.src=\""+PicInfo[i].src+"\"'> "+PicInfo[i].title+"</span>"

		}

		this.ImgTitle.innerHTML=ImgTitle;

		if(PicInfo[1]){

			this.ImgText.innerHTML=PicInfo[1]["text"];
			window.top.PBox.ShowText();
		}

	}

	ShowText(){
		this.ImgText.style.display='block';

	}

	CloseText(){
		this.ImgText.style.display='none';
	}
	Close(){
		this.PicBox.style.width="0";
		this.PicBox.style.height="0";
		this.PicBox.style.left="50%";
		this.PicBox.style.top="50%";
		this.PicBox.style.opacity=0;
		this.ImgText.style.display='none';
		this.Img.src="";
		//this.PicBox.innerHTML="";		
	}
}
class SelectLinkage2{
	Init(Dom,Selected0="张海涛",Selected1="农业",Option0,Option1,Style={width:"auto",margin_right:"20px"},BlankItem="N"){
		Dom.style.whiteSpace="nowrap";
		this.Option0=Option0;
		this.Option1=Option1;
		this.Select0=document.createElement('select');
		this.Select0.name="Select0";
		for(let key in this.Option0){			
			let Opt = new Option(this.Option0[key],key);
			if(Selected0==key){Opt.selected=true;}
			this.Select0.add(Opt);			
		}
		
		(function(Obj){				
			Obj.Select0.addEventListener('change',function (event){
				var Select1Opt=Obj.Option1[Obj.Select0.options[Obj.Select0.selectedIndex].value];
				Obj.Select1.options.length=0;
				for(let key in Select1Opt){			
					let Opt = new Option(Select1Opt[key],key);
					if(Selected1==key){Opt.selected=true;}
					Obj.Select1.add(Opt);			
				}
			});
		})(this);
	
		var Select1Opt=this.Option1[this.Select0.options[this.Select0.selectedIndex].value];
		this.Select1=document.createElement('select');
		this.Select1.name="Select1";

		for(let key in Select1Opt){	
			let Opt = new Option(Select1Opt[key],key);
			if(Selected1==key){Opt.selected=true;}
			this.Select1.add(Opt);			
		}
		this.Select0=AcceptStyle(this.Select0,Style);
		this.Select1=AcceptStyle(this.Select1,Style);
		Dom.appendChild(this.Select0);
		Dom.appendChild(this.Select1);
	}
}
function GetVarName(Dom){var VarName=null;for(let a in window){if(window[a]==Dom){VarName=a;break;}}return  VarName;}
function UpdateJson(S,T){for(let i=0;i<S.length;i++){if(S[i].id==T.id){	for(let key in S[i]){	if(T[key]!=undefined ){  S[i][key]=T[key]; }}	return true;}	}if(i>=S.length){return false;}}
function UpdateJsonField(S,Id,F,V){for(let i=0;i<S.length;i++){if(S[i].id==Id){S[i][F]=V;return true;}	}if(i>=S.length){return false;}}
function InsertJson(S,T){S.unshift (T);}
function CreatUrlParam(Dom){
	if(Dom){
		var 	key=Dom.getElementsByTagName("select");
		var param="";	
		for(let i=0;i<key.length;i++){
			if(key[i].id){param+=key[i].id+"="+key[i].value;}
			if(i<key.length-1){param+="&";}
		}
		if(key.length>0){param+="&";}
		key=Dom.getElementsByTagName("input");
		for(let i=0;i<key.length;i++){
			if(key[i].id){param+=key[i].id+"="+key[i].value;}
			if(i<key.length-1){param+="&";}
		}
		return 	"&"+param;
	}else{
		return 	"";
	}
	
}
function ParamBackFill(Dom){
	var key=Dom.getElementsByTagName("input");
	var param=window.location.hash;
	param=param.split("?")[1];
	if(param){
		var  v=param.split("&");
		
		var SearchCity=0,IntegrationType=0;
		var ValurCity=["","",""];
		for(let i=0;i<v.length;i++){
			let k=v[i].split("=");
			let e=document.getElementById(k[0]);
			if( e){
			if(e.nodeName=="INPUT"){e.value=decodeURIComponent(k[1]);}
				if(e.nodeName=="SELECT"){
					switch(e.id){
						case "FormProv":
						case "FormCity":
						case "FormDist":						
							SearchCity=1;
						break;
						case "IntegrationIndustry":
						case "IntegrationType":
							IntegrationType=1;
						break;

						default:
						for(let  j=0;j<e.options.length;j++){
							if( e.options[j].value==decodeURI(k[1]) ){e.options[j].selected = true;}
							
						}
					}				
				}			
			}
		}
		if(SearchCity==1){
	
				var City=new SelectCity;				
				var SLC=document.getElementById("SelectCityDom");
				SLC.innerHTML="";
				City.Init(SLC,$_GET_hash("FormProv"),$_GET_hash("FormCity"),$_GET_hash("FormDist"),SearchStyle,"Y");			

		}

		if(IntegrationType==1){
			var SLC=document.getElementById("SelectIntegrationTypeDom");
			SLC.innerHTML="";
			var IntegrationType=new SelectIntegrationType;
			IntegrationType.Init(SLC,$_GET_hash("IntegrationIndustry"),$_GET_hash("IntegrationType"),SearchStyle,"Y");		

	}

	}
}

function AryJsonToJson(AryJson){   // 把 [{text:"aaa",value:"bbb"},{text:"xxx",value:"yyy"}] 转换成 {"aaa":"bbb","xxx":"yyy"}
    var Json={};
    for(let i=0;i<AryJson.length;i++){
       Json[AryJson[i].text]=AryJson[i].value;
   }
    return Json;
}
function $_GET_hash(F){
		var param=window.location.hash;
		param=param.split("?")[1];
		if(param){
			var  v=param.split("&");
			for(let i=0;i<v.length;i++){
				let k=v[i].split("=");
				if(k[0]==F){					
					return decodeURIComponent(k[1]);
				}
				
			}
		}
}

function AcceptStyle(Dom,Style){for(let Key in Style){let iKey=Key.replace(/_/g,"-");Dom.style[iKey]=Style[Key];}return Dom;}
function $_OnlyNum(Dom,Decimal="N"){if(Decimal=="N"){Dom.value=Dom.value.replace(/[^\d]/g,'');}else{Dom.value=Dom.value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'');Dom.value=Dom.value.replace(/\.{2,}/g, '');Dom.value=Dom.value.replace(/^\./g, '');	Dom.value=Dom.value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');}}
function $_NOW(flag="full"){var time = new Date();if(flag=="date"){return time.getFullYear() +"-" +NumAdd0((time.getMonth()+1),2) +"-" + NumAdd0(time.getDate(),2);}else{return time.getFullYear() +"-" +NumAdd0((time.getMonth()+1),2) +"-" + NumAdd0(time.getDate(),2)+" " +NumAdd0(time.getHours(),2) +":" +NumAdd0(time.getMinutes(),2) +":"+NumAdd0(time.getSeconds(),2);}}function  NumAdd0(n,l){return (Array(l).join(0) + n).slice(-l);}
function $_SELECT(Field,Value,Source){for(var i=0;i<Source.length;i++){if(Source[i][Field]){if(Source[i][Field]==Value){return Source[i];}}else{return false;}	}if(i>=Source.length){return false;}	}
function $_COOKIE(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)){return decodeURI(arr[2]); }else{return false;}}
function $_GET(variable){var query = window.location.search.substring(1);var vars = query.split("&");for (var i=0;i<vars.length;i++){var pair = vars[i].split("=");if(pair[0] == variable){return decodeURI(pair[1]);}}return(false);}
function zoom(){
	if(document.getElementById("zoombnt").src.indexOf("zoom1")>=0){
		exitFullscreen();
		WX.Top.style.display="block";
		WX.LeftArea.style.display="block";
		WX.RightArea.style.left="180px";
		WX.RightArea.style.top="50px";
		document.getElementById("zoombnt").src="//open.winnto.com/image/icon/zoom0.png";
		
	}else{		
		WX.Top.style.display="none";
		WX.LeftArea.style.display="none";
		WX.RightArea.style.left="0";
		WX.RightArea.style.top="0";
		toFullscreen()
		document.getElementById("zoombnt").src="//open.winnto.com/image/icon/zoom1.png";
	}
}

function toFullscreen() {
	
	var de = document.documentElement;
		if (de.requestFullscreen) {
			de.requestFullscreen();
		} else if (de.mozRequestFullScreen) {
			de.mozRequestFullScreen();
		} else if (de.webkitRequestFullScreen) {
			de.webkitRequestFullScreen();
		}
	}
	
	function exitFullscreen() {
		if(document.exitFullScreen) {
			document.exitFullScreen();
		} else if(document.mozCancelFullScreen) {
			document.mozCancelFullScreen();
		} else if(document.webkitExitFullscreen) {
			document.webkitExitFullscreen();
		} else if(element.msExitFullscreen) {
			element.msExitFullscreen();
		}
	}