/*定于初始化表头数组*/
		
		//创建表头
		function createTab(titleName,array,buttonName,buttonClickFunction,itemWidth) {
			let topTab = document.createElement("table");
			let MyDiv = document.getElementById('right');
			let len = array.length;
			let title = document.createElement("h3");
			title.innerHTML=titleName;
			title.style.cssText = "margin-left: 40px; margin-top:20px;";

			let br=document.createElement("br");

			for(let i=0;i<1;i++){
				tr=topTab.insertRow(i);
				for(let j=0;j<len;j++){
					td =topTab.rows[i].insertCell(j);
					width = itemWidth || 124;
					td.style.cssText = "width:"+width+"px;height:40px; text-align:center; border-color:#101010;border:#a2a2a2 0px solid;";
					td.innerHTML=array[j];
					topTab.rows[i].cells[j].style.background='#eeeeee';
				}
			}
			topTab.style.cssText = "border-spacing: 1px; border-color:#101010";
			MyDiv.appendChild(title);
			
			topDiv = document.createElement("div");
			topDiv.setAttribute("id","rightTopDiv");
			topDiv.style.cssText = "display:flex;";
			MyDiv.appendChild(topDiv);
			
			if (typeof buttonName !== "undefined" && buttonName !== null){
				var refreshButton = document.createElement("input");  
				refreshButton.type = "button" ;  
				refreshButton.value = buttonName; 
				refreshButton.setAttribute("class","el-button el-button--primary");
				refreshButton.style.cssText = "margin-left: 40px; margin-bottom:10px;";
				refreshButton.setAttribute("onclick",buttonClickFunction);    
				topDiv.appendChild(refreshButton);
			}
			
		   return topTab;
		}
		
		function postData(msg, callFunc){
			var httpRequest = new XMLHttpRequest();//第一步：创建需要的对象
			var url = globalHref;
			tjdLog(url);
			httpRequest.open('POST', url, true); //第二步：打开连接
			httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=utf-8");//设置请求头 注：post方式必须设置请求头（在建立连接后设置请求头）
			
			tjdLog("postData: "+msg);
			httpRequest.send(msg);//发送请求 将情头体写在send中
			
			httpRequest.onreadystatechange = function () {//请求后的回调接口，可将请求成功后要执行的程序写在其中
				if (httpRequest.readyState == 4 && httpRequest.status == 200) {//验证请求是否发送成功
					var json = httpRequest.responseText;//获取到服务端返回的数据
					json = JSON.parse(json);
					if (typeof callFunc !== "undefined" && callFunc !== null){
						tjdLog("json = " + json["msg"]);
						callFunc(json["msg"])
					}
				}
			};
		}
		
		function rightCommonPage(pageParameter){
			this.array = pageParameter.array;
			this.results = pageParameter.results;
			this.item = pageParameter.item;
			this.title = pageParameter.title;
			this.btnText = pageParameter.btnText;
			this.number = 0;
			this.moduleName = pageParameter.moduleName;
			this.popBoxInputs = pageParameter.popBoxInputs;
			this.popBoxSelects = pageParameter.popBoxSelects;
			this.popBoxHeight = pageParameter.popBoxHeight;
			this.inputPara = pageParameter.inputPara;
			this.seletctPara = pageParameter.seletctPara;
			this.defaultPara = pageParameter.defaultPara;
			this.itemWidth = pageParameter.itemWidth;
			this.itemsWidth = pageParameter.itemsWidth;
			this.itemFunction = pageParameter.itemFunction;
			this.additionItem = pageParameter.additionItem;
			this.hideItem = pageParameter.hideItem;
			this.firstIndex = 0;
			this.lastIndex = 0;
			
			this.titleRow = function(tab){
				var len = this.array.length;
				tab.insertRow(0);
				for(let j=0;j<len;j++){
					td = tab.rows[0].insertCell(j);
					if (typeof this.itemsWidth !== "undefined" && this.itemsWidth !== null){
						width = this.itemsWidth[j];
					}else{
						width = this.itemWidth;
					}
					
					td.style.cssText = "width:"+width+"px;height:40px; text-align:center; border-color:#101010;border:#a2a2a2 0px solid;";
					td.innerHTML=this.array[j];
					tab.rows[0].cells[j].style.background='#e8e8e8';
				}
			};
			
			this.updateData = function(tab){
				let jsonstr = eval(this.results);
				
				if(jsonstr!=null && jsonstr.length>0){
					for (let i = 0; i < jsonstr.length; i++) {
						tab.insertRow(i+1);
						col = 0;
						for (let j =0; j<=jsonstr[i].length; j++) {
							if (typeof this.hideItem == "undefined" || this.hideItem == null || this.hideItem.includes(j)==false){
								
								td = tab.rows[i+1].insertCell(col);
								
								if (typeof this.itemsWidth !== "undefined" && this.itemsWidth !== null){
									width = this.itemsWidth[j];
								}else{
									width = this.itemWidth;
								}
						
								td.style.cssText = "width:"+width+"px;height:40px;text-align:center;border-color:#101010; border:#a2a2a2 0px solid;"

								if(j<jsonstr[i].length){
									td.innerText = jsonstr[i][j];
									tab.rows[i+1].cells[col].style.background = 'snow';
									if(col==0){
										this.lastIndex = jsonstr[i][j];
										if(i==0)
											this.firstIndex = jsonstr[i][j]-1;
									}
								}else if(j==jsonstr[i].length){
									let id = jsonstr[i][0];
									
									if (typeof this.itemFunction !== "undefined" && this.itemFunction !== null){
										connect="<a href='javascript:"+this.itemFunction[1]+"("+id+")' style='color:#01AAED; text-decoration:none;'>"+this.itemFunction[0]+"</a>";
									}else{
										connect="<a href='javascript:page.edit("+id+")' style='float:left;color:#01AAED;margin-left:23px; text-decoration:none;'>编辑</a><a href='javascript:page.delete("+id+")' style='color:#01AAED; text-decoration:none;'>删除</a>";
										if (typeof this.additionItem !== "undefined" && this.additionItem !== null){
											connect = connect + "<a href='javascript:"+this.additionItem[1]+"("+id+","+i+")' style='color:#01AAED; text-decoration:none; margin-left:15px;'>"+this.additionItem[0]+"</a>";
										}
									}
									td.innerHTML=connect;
									tab.rows[i+1].cells[col].style.background = 'snow';
								}
								col++;
							}
						}
					}
				}
				return this.lastIndex;
			};
			
			this.updatePage = function(){
				let jsonstr = eval(this.results);
				if(jsonstr!=null && jsonstr.length>0){
					var tab = document.getElementById('mytable');
					var rowNum = tab.rows.length;
					for (i=0;i<rowNum;i++){
						tab.deleteRow(i);
						rowNum=rowNum-1;
						i=i-1;
					}
					this.titleRow(tab);
					this.updateData(tab);
					return true;
				}else{
					//alert("已经是最后一页数据");
					return false;
				}
			};
			
			this.showPage = function(){
				let MyDiv = document.getElementById('right');
				let tab = document.createElement("table");
				tab.setAttribute("id","mytable");
				let topTab=createTab(this.title, this.array, this.btnText, "page.add('add"+page.moduleName+"Item')",this.itemWidth);
				
				this.titleRow(tab);
				var lastIndex = this.updateData(tab);

				tab.style.cssText = "border-spacing: 1px; border-color:#101010";
				
				tabDiv = document.createElement("div");
				tabDiv.appendChild(tab);
				tabDiv.setAttribute("id","tabDiv");
				MyDivHeight = MyDiv.offsetHeight;
				tabDivHeight = MyDivHeight - 110;
				tabDiv.style.cssText = "overflow-y: auto;overflow-x: hidden; height:"+tabDivHeight+"px;";
				MyDiv.appendChild(tabDiv);
				return lastIndex;
			};
			
			this.needEdit = function(msg){
				tjdLog("needEdit, msg = " + msg);
				page.add("update"+page.moduleName+"Item", msg);
			};

			this.delete = function(id){
				tjdLog("删除记录: id = " + id);
				var r=confirm("是否真要删除该条记录?");
				if (r==true){
					msg = "CMD=delete"+page.moduleName+"Item&number="+id;
					postData(msg,page.refresh);
				}
			};
			
			this.refresh = function(msg){
				if(msg=="ok"){
					tjdLog("updateRightSide,8");
					updateRightSide(page.item);		//刷新员工管理右边数据页面
				}
			};
			
			this.edit = function(id){
				msg = "CMD=get"+page.moduleName+"Item&number="+id;
				page.number = id;
				postData(msg,this.needEdit);
			};
		
			this.add = function(cmd, msgVal){
				window.popBox.showMsg({
					title: "添加",
					okText: "确定",
					cancelText: "取消",
					width: "500px",
					height: page.popBoxHeight,
					input: page.popBoxInputs,
					selects: page.popBoxSelects,
					msgVal: msgVal,
					okFunction: function(){
						tjdLog("点击OK按钮");
						msg = getPopBoxData(page.inputPara, page.seletctPara, 'CMD='+cmd, page.defaultPara);
						if(msg !=""){
							//保存数据
							msg += "&number=" + page.number;
							postData(msg,page.refresh);
							return 1;
						}else{
							return 0;
						}
					},
					cancelFunction:function(){
						tjdLog("点击Cancel按钮");
					}
				});
			};
		}
		
		function commonPostRequest(ip, argument) {
			url = "http://" + ip + ":80";
			xhr = new XMLHttpRequest();
			xhr.open('post', url, false); // 第三个参数为是否开启异步请求
			xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=utf-8");
			xhr.send(argument);
			result = JSON.parse(xhr.responseText);
			return result['msg'];
		}
		
		function requestWaitFinish(ip, arg, result, linkFinish){
			url = "http://" + ip + ":80";
			var xhr = new XMLHttpRequest();
			xhr.open('POST', url, true);
			xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=utf-8");
			xhr.timeout = 1000; // 超时时间，单位是毫秒
			xhr.onload = function () {
				// 请求完成。在此进行处理。
				linkFinish(true);
				tjdLog("requestWaitFinish, onload: finish");
				result = JSON.parse(xhr.responseText);
			};

			xhr.ontimeout = function (e) {
				// XMLHttpRequest 超时。在此做某事。
				tjdLog("连接超时......结束");
				//linkFinish = true;
				linkFinish(true);
				result = null;
				tjdLog("requestWaitFinish, ontimeout: finish");
			};

			xhr.send(arg);
		}
		/*
		function sleep(time){
			return new Promise(function(resolve){
			setTimeout(resolve, time);
			});
		}*/
		function sleep(time){
			 var timeStamp = new Date().getTime();
			 var endTime = timeStamp + time;
			 while(true){
			 if (new Date().getTime() > endTime){
			  return;
			 } 
			 }
		}
		
		function tjdLog(logStr){
			console.log(logStr);
		}

		function timestampToTime(timestamp) {
			//var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
			var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
			var Y = date.getFullYear() + '-';
			var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1):date.getMonth()+1) + '-';
			var D = (date.getDate()< 10 ? '0'+date.getDate():date.getDate())+ ' ';
			var h = (date.getHours() < 10 ? '0'+date.getHours():date.getHours())+ ':';
			var m = (date.getMinutes() < 10 ? '0'+date.getMinutes():date.getMinutes()) + ':';
			var s = date.getSeconds() < 10 ? '0'+date.getSeconds():date.getSeconds();
			return Y+M+D+h+m+s;
		}
		
(function(window) {
  var FormBuilder = function(data) {
    this.data = data;
  };
  FormBuilder.prototype.create = function() {
    var html = '';
    for (var k in this.data) {
      var item = {tag: '', text: '', attr: {}, option: null};
      for (var n in this.data[k]) {
        item[n] = this.data[k][n];
      }
      html += builder.toHTML(item);
    }
    return '<table>' + html + '</table>';
  };
  var builder = {
    toHTML: function(obj) {
      var html = this.item[obj.tag](this.attr(obj.attr), obj.option, obj.value);
      return '<tr><th>' + obj.text + '</th><td>' + html + '</td></tr>';
    },
    attr: function(attr) {
      var html = '';
      for(var k in attr) {
        html += k + '="' + attr[k] + '" ';
      }
      return html;
    },
    item: {
      input: function(attr, option) {
        var html = '';
        if (option === null) {
           html += '<input ' + attr + '>';
        } else {
          for (var k in option) {
            html += '<label><input ' + attr + 'value="'  + k + '"' + '>' + option[k] + '</label>';
          }
        }
        return html;
      },
      select: function(attr, option) {
        var html = '';
        for (var k in option) {
          html += '<option value="' + k + '">' + option[k] + '</option>';
        }
        return '<select ' + attr +'>' + html + '</select>';
      },
      textarea: function(attr) {
        return '<textarea ' + attr + '></textarea>';
      },
	  label: function(attr,option,value) {
		  return '<label ' + attr + '>'+value+'</label>';
	  }
    }
  };
  window['FormBuilder'] = FormBuilder;
})(window);



allAreaName = "";
allCamera = "";
allRoleNames = "";
inChannelCameraId = "";
outChannelCameraId = "";
scanCameraId = "";
envCameraId = "";
cameraIpList = [];

function getCameraIp(ipCameraName){
	tjdLog("getCameraIp: ipCameraName = " + ipCameraName);
	tjdLog("getCameraIp: cameraIpList = " + cameraIpList);
	for(i=0;i<cameraIpList.length;i++){
		if(cameraIpList[i][0]==ipCameraName){
			tjdLog("getCameraIp: ip = " + cameraIpList[i][1]);
			tjdLog("getCameraIp: typeof ip = " + (typeof cameraIpList[i][1]));
			return cameraIpList[i][1];
		}
	}
	return null;
}

function getExtCameraVideoPort(ipCameraName){
	tjdLog("getCameraIp: ipCameraName = " + ipCameraName);
	tjdLog("getCameraIp: cameraIpList = " + cameraIpList);
	for(i=0;i<cameraIpList.length;i++){
		if(cameraIpList[i][0]==ipCameraName){
			tjdLog("getCameraIp: port = " + cameraIpList[i][2]);
			tjdLog("getCameraIp: typeof port = " + (typeof cameraIpList[i][2]));
			return cameraIpList[i][2];
		}
	}
	return null;
}

function monitorGetCameraId(jsonstr){
	if(jsonstr!=null){
		inChannelCameraId += "[";
		outChannelCameraId += "[";
		scanCameraId += "[";
		envCameraId += "[";
		for (let i = 0; i < jsonstr.length; i++) {
			if(jsonstr[i][5].split(":")[0] == "5")
				cameraIpList.push([jsonstr[i][1], jsonstr[i][3], jsonstr[i][4]]);
			if(jsonstr[i][7]=="入口"){
				inChannelCameraId += '"';
				inChannelCameraId += jsonstr[i][1];
				inChannelCameraId += '"';
				inChannelCameraId += ",";
				inChannelCameraId += '"';
				inChannelCameraId += jsonstr[i][2];
				inChannelCameraId += '"';
				if(i<jsonstr.length-1)
					inChannelCameraId += ",";
			}
			if(jsonstr[i][7]=="出口"){
				outChannelCameraId += '"';
				outChannelCameraId += jsonstr[i][1];
				outChannelCameraId += '"';
				outChannelCameraId += ",";
				outChannelCameraId += '"';
				outChannelCameraId += jsonstr[i][2];
				outChannelCameraId += '"';
				if(i<jsonstr.length-1)
					outChannelCameraId += ",";
			}
			if(jsonstr[i][7]=="读头"){
				scanCameraId += '"';
				scanCameraId += jsonstr[i][1];
				scanCameraId += '"';
				scanCameraId += ",";
				scanCameraId += '"';
				scanCameraId += jsonstr[i][2];
				scanCameraId += '"';
				if(i<jsonstr.length-1)
					scanCameraId += ",";
			}
			if(jsonstr[i][7]=="环境"){
				envCameraId += '"';
				envCameraId += jsonstr[i][1];
				envCameraId += '"';
				envCameraId += ",";
				envCameraId += '"';
				envCameraId += jsonstr[i][2];
				envCameraId += '"';
				if(i<jsonstr.length-1)
					envCameraId += ",";
			}
		}
		inChannelCameraId += "]";
		outChannelCameraId += "]";
		scanCameraId += "]";
		envCameraId += "]";
	}
}
function postAllData(msg, isAsync){
	if(isAsync==true){
		var result = "";
		var httpRequest = new XMLHttpRequest();//第一步：创建需要的对象
		var url = globalHref;
		tjdLog(url);
		httpRequest.open('POST', url, true); //第二步：打开连接
		httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=utf-8");//设置请求头 注：post方式必须设置请求头（在建立连接后设置请求头）
				
		tjdLog("postAllData: "+msg);
		httpRequest.send(msg);//发送请求 将情头体写在send中
				
		httpRequest.onreadystatechange = function () {//请求后的回调接口，可将请求成功后要执行的程序写在其中
			if (httpRequest.readyState == 4 && httpRequest.status == 200) {//验证请求是否发送成功
				var jsonData = httpRequest.responseText;//获取到服务端返回的数据
				jsonData = JSON.parse(jsonData);
				jsonstr = eval(jsonData["msg"]);
				tjdLog("jsonstr = " + jsonstr);
				if(jsonstr==null){
					result = '["没有相关数据"]';
				}else{
					result += "[";
					for (let i = 0; i < jsonstr.length; i++) {
						result += '"';
						result += jsonstr[i][1];
						result += '"';
						if(i<jsonstr.length-1)
							result += ",";
					}
					result += "]";
				}
				tjdLog("result = " + result);
				if(msg == "CMD=getAllArea"){
					allAreaName = result;
				}else if(msg == "CMD=cameraManage"){
					allCamera = result;
					monitorGetCameraId(jsonstr);
					tjdLog("inChannelCameraId = " + eval(inChannelCameraId));
					tjdLog("outChannelCameraId = " + eval(outChannelCameraId));
				}else if(msg == "CMD=roleManage"){
					allRoleNames = result;
				}
			}
		};
	}else{
		var result = "";
		url = globalHref;
		xhr = new XMLHttpRequest();
		xhr.open('post', url, false); // 第三个参数为是否开启异步请求, true为异步, false为同步
		xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=utf-8");
		xhr.send(msg);
		
		var jsonData = xhr.responseText;//获取到服务端返回的数据
		jsonData = JSON.parse(jsonData);
		jsonstr = eval(jsonData["msg"]);
		tjdLog("jsonstr = " + jsonstr);
		if(jsonstr==null){
			result = '["没有相关数据"]';
		}else{
			result += "[";
			for (let i = 0; i < jsonstr.length; i++) {
				result += '"';
				result += jsonstr[i][1];
				result += '"';
				if(i<jsonstr.length-1)
					result += ",";
			}
			result += "]";
		}
		tjdLog("result = " + result);
		if(msg == "CMD=getAllArea"){
			allAreaName = result;
		}else if(msg == "CMD=cameraManage"){
			allCamera = result;
			monitorGetCameraId(jsonstr);
			tjdLog("inChannelCameraId = " + eval(inChannelCameraId));
			tjdLog("outChannelCameraId = " + eval(outChannelCameraId));
		}
	}
}


function preLoad(isAsync){
	postAllData("CMD=cameraManage",isAsync);
	//postAllData("CMD=getAllArea",isAsync);
	//if(isAsync){
	//	postAllData("CMD=roleManage",isAsync);
	//}
}

window.popBox = window.popBox || {};
 
window.popBox.showMsg = (function () {
  var mongolia, //蒙层
    promptBox, //提示框
    closeSpan, //关闭按钮
    titleSpan, //提示标题
    contextSpan, //提示信息
    okBtn, //确定按钮
    cancelBtn, //取消按钮
    isRegEvent, //是否注册事件
    option; //传入的参数
 
  /**
   * 初始化蒙层
   */
  function initMongolia() {
    if (!mongolia) { //没有蒙层则初始化
      //蒙层：覆盖整个窗口，半透明的黑色
      mongolia = document.createElement("div");
      mongolia.style.position = "fixed";
      mongolia.style.width = mongolia.style.height = "100%";
      mongolia.style.left = mongolia.style.top = 0;
      mongolia.style.background = "rgba(0,0,0,.5)";
      document.body.appendChild(mongolia);
    }
    mongolia.style.display = "block"; //展示蒙层
  }
 
  /**
   * 初始化提示框
   */
  function initPromptBox() {
    //提示框：宽高300，位置居中
    if (!promptBox) {
      promptBox = document.createElement("div");
      //promptBox.style.width = promptBox.style.height = "300px";
	  promptBox.style.width = option.width || "600px";
	  promptBox.style.height = option.height || "400px";
      promptBox.style.background = "#fff";
      promptBox.style.fontSize = "16px";
      promptBox.style.position = "absolute";
      //promptBox.style.top = promptBox.style.left = "40%";
	  promptBox.style.top = "100px";
      //promptBox.style.marginLeft = promptBox.style.marginTop = "-150px";
      promptBox.style["data-popBox-id"] = "promptBox";
	  promptBox.style.borderRadius = "8px 8px";
      initPromptContext();
      mongolia.appendChild(promptBox);
      titleSpan = document.querySelector("[data-popBox-id='title']"); //提示标题
      contextSpan = document.querySelector("[data-popBox-id='message']"); //提示信息
      closeSpan = document.querySelector("[data-popBox-id='close']"); //关闭按钮
      okBtn = document.querySelector("[data-popBox-id='ok']"); //确定按钮
      cancelBtn = document.querySelector("[data-popBox-id='cancel']"); //取消按钮
	  
	  titleSpan.style.fontSize = "20px";
	  titleSpan.style.color = "#ffffff";
	  
	  var clientHeight = document.documentElement.clientHeight; //屏幕的可见高度
	  var clientWidth = document.documentElement.clientWidth; 	//屏幕的可见宽度
	  var top = (clientHeight - promptBox.getBoundingClientRect().height) / 2 + "px";
	  var left = (clientWidth - promptBox.getBoundingClientRect().width) / 2 + "px";
	  tjdLog("top = " + top + ", left = " + left);
	  promptBox.style.top = top;
	  promptBox.style.left = left;
	  
	  tjdLog("width = " + promptBox.style.width);
	  tjdLog("height = " + promptBox.style.height);
	  tjdLog("top = " + promptBox.style.top);
	  tjdLog("left = " + promptBox.style.left);
    }
 
    okBtn.innerText = option.okText || "确定";
    cancelBtn.innerText = option.cancelText || "取消";
    titleSpan.innerText = option.title || "提示";
    contextSpan.innerText = option.context || "";
  }
 
  /**
   * 初始化提示框中的内容
   */
  function initPromptContext() {
    //内容包含：标题，关闭按钮，提示信息，确定按钮，取消按钮
 
    //创建标题，关闭按钮
    var div = document.createElement("div");
    div.innerHTML = `<span style="float:left;" data-popBox-id="title"></span>
    <span style="float:right;cursor:pointer;color:white" data-popBox-id="close">X</span>`;
    div.style.height = "50px";
    div.style.padding = "10px 10px";
    div.style.background = "#193c7b";
    div.style.boxSizing = "border-box";
	div.style.borderRadius = "8px 8px 0 0";
    promptBox.appendChild(div);
 
    //创建提示信息
    div = document.createElement("div");
	e = '<span data-popBox-id="message"></span>';
	inputlist = eval(option.input);
	height = 0;
	msgVal = eval(option.msgVal);
	for(i=0;i<inputlist.length;i++){
		if (typeof msgVal !== "undefined" && msgVal !== null){
			e += '<p><label class="el-label">'+inputlist[i]+'</label><input type="text" class="el-input__inner" id="input'+i+'" value="'+msgVal[0][i+1]+'"></p>';
		}else
			e += '<p><label class="el-label">'+inputlist[i]+'</label><input type="text" class="el-input__inner" id="input'+i+'"></p>';
		height += 56;
	}
	div.innerHTML = e;
    div.style.height = height + "px"; //"240px";
    div.style.padding = "10px 10px";
    div.style.boxSizing = "border-box";
	div.id = "popBoxContent";

	selects = eval(option.selects);
	if (typeof selects !== "undefined" && selects !== null){
		k=i+1;
		for(i=0;i<selects.length;i++){
			var p = document.createElement("p");
			var mySelect = document.createElement("select");
			mySelect.id = "select"+i;
			json = selects[i];
			for (var key in json) {
				tjdLog(key);     //获取key值
				label = document.createElement("label");
				label.setAttribute("class","el-label");
				label.innerHTML = key;
				p.appendChild(label);
				tjdLog(selects[i][key]); //获取对应的value值
				if (typeof msgVal !== "undefined" && msgVal !== null){
					//mySelect.setAttribute("value",msgVal[0][k+i]);
					mySelect.options.add(new Option(msgVal[0][k+i],msgVal[0][k+i]));
				}else
					mySelect.options.add(new Option("请选择","请选择"));
				for(j=0;j<json[key].length;j++){
					mySelect.options.add(new Option(json[key][j],json[key][j]));
				}
			}
			height += 58;
			mySelect.setAttribute("class", "el-input__inner");
			p.appendChild(mySelect);
			div.appendChild(p);
		}
	}
	
	div.style.height = height + "px"; //"240px";
    div.style.padding = "10px 10px";
    div.style.boxSizing = "border-box";
    promptBox.appendChild(div);
	
 
    //创建确定按钮，取消按钮
    div = document.createElement("div");
    div.innerHTML = '<button style="float:left;margin:20px 50px;cursor:pointer;width:124px;" class="el-button" data-popBox-id="cancel"></button>'+
					'<button style="float:right;margin:20px 50px;cursor:pointer;width:124px;" class="el-button el-button--primary" data-popBox-id="ok"></button>';
    div.style.height = "50px";
    div.style.padding = "10px 20px";
    div.style.boxSizing = "border-box";
    promptBox.appendChild(div);
  }
 
  //注册事件
  function regEvent() {
    if (!isRegEvent) { //未注册事件
      //1.点击关闭，点击蒙层，点击取消按钮
      closeSpan.onclick = function () {
        mongolia.style.display = "none"; //隐藏蒙层
      };
 
      okBtn.onclick = function () {
        option && option.okFunction && (ret = option.okFunction());
		if(ret == 1)
			mongolia.style.display = "none"; //隐藏蒙层
      }
 
      cancelBtn.onclick = function () {
        option && option.cancelFunction && option.cancelFunction();
        mongolia.style.display = "none"; //隐藏蒙层
      }
 
      //2.拖动提示框事件
      window.onmousedown = function (e) {
        var target = getTarget(e.target); //是否包含目标元素
 
        if (target) {
          var style = window.getComputedStyle(target);
          var left = parseInt(style.left);
          var top = parseInt(style.top);
          var disX = parseInt(e.pageX) - left;
          var disY = parseInt(e.pageY) - top;
 
          window.onmousemove = function (e) {
            var newLeft = parseInt(e.pageX) - disX;
            var newTop = parseInt(e.pageY) - disY;
 
            promptBox.style.left = newLeft + "px";
            promptBox.style.top = newTop + "px";
 
          };
          window.onmouseup = window.onmouseleave = function () {
            window.onmousemove = null;
          }
        }
      };
 
      function getTarget(target) {
        while (target) {
          //if (target.tagName === "DIV" && target.style["data-popBox-id"] === "promptBox") {
			  if (target.tagName === "DIV" && target.style["data-popBox-id"] === "title") {
            return target;
          } else {
            target = target.parentElement;
          }
        }
        return false;
      }
    }
  }
 
 
  /**
   * @param {object} opts 
   * opts.title : 提示标题
   * opts.context : 提示信息
   * opts.cancelText:取消按钮内容
   * opts.okText:确定按钮内容
   * opts.cancelText:取消按钮内容
   * opts.okFunction:确定按钮的回调函数
   * opts.cancelFunction:取消按钮的回调函数
   */
  function showMsg(opts) {
    if (typeof opts === "string") {
      option = {
        context: opts
      }
    } else {
      option = opts || {};
    }
	if (promptBox){
		mongolia.removeChild(promptBox);
		promptBox = null;
	}
	tjdLog("input = " + option.input + "length = " + eval(option.input).length);
	
	if (typeof option.selects !== "undefined" && option.selects !== null){
		tjdLog("selects = " + option.selects + "length = " + eval(option.selects).length);
		for(i=0;i<eval(option.selects).length;i++){
			json = eval(option.selects)[i]
			for (var key in json) {
				tjdLog(key);     //获取key值
				tjdLog(json[key]); //获取对应的value值
			}
		}
	}
	tjdLog("okFunction = " + option.okFunction);
    initMongolia();
    initPromptBox();
    regEvent();
  }
 
  return showMsg;
}());


function getPopBoxData(inputkeys, selectkeys, cmd, defaultPara){
			popboxContentId = document.getElementById("popBoxContent");
			inputs = popboxContentId.getElementsByTagName("input");
			tjdLog(inputs);
			tjdLog(inputs.length);
			msg = cmd;
			for(i=0;i<inputs.length;i++){
				tjdLog(inputs[i].value);
				if(inputs[i].value==""){
					alert("输入内容不完整！");
					return "";
				}
				msg += "&" + inputkeys[i] + "=" + inputs[i].value;
			}
			selects = popboxContentId.getElementsByTagName("select");
			if (typeof selects !== "undefined" && selects !== null){
				tjdLog(selects);
				tjdLog(selects.length);
				for(i=0;i<selects.length;i++){
					index=selects[i].selectedIndex;
					val = selects[i].options[index].value;
					tjdLog(val);
					if(val=="请选择"){
						alert("请选择相应内容！");
						return "";
					}
					msg += "&" + selectkeys[i] + "=" + val;
				}
			}
			if (typeof defaultPara !== "undefined" && defaultPara !== null){
				for(i=0;i<defaultPara.length;i++){
					msg += "&" + defaultPara[i][0] + "=" + defaultPara[i][1];
				}
			}
			
			tjdLog(msg);
			return msg;
	}
		

	
socket=[0,0,0,0,0]; //websocket对象数组
var preTime = 0;
var curTime = 0;
var timeLong = 0;
var myQueue=[0,0,0,0,0];

function socketBufferToBase64(buffer) {
	var binary = '';
	var bytes = new Uint8Array(buffer);
	var len = bytes.byteLength;
	
	curTime = new Date().getMilliseconds();
	if(curTime > preTime)
		timeLong = curTime - preTime;
	else
		timeLong = 1000 + curTime - preTime;
	//tjdLog(timeLong+"毫秒:datalen=" + len);
	preTime = curTime;
	
	for (var i = 0; i < len; i++) {
		binary += String.fromCharCode(bytes[i]);
	}
	return window.btoa(binary);
}

function showCameraPicture(wsobj){
	setTimeout(function(){
		if(myQueue[wsobj].size()>0){
			img = document.getElementById('img'+wsobj);
			data  = myQueue[wsobj].pop();
			img.src = "data:image/jpeg;base64," + data;
			
			curTime = new Date().getMilliseconds();
			if(curTime > preTime)
				timeLong = curTime - preTime;
			else
				timeLong = 1000 + curTime - preTime;
			//tjdLog(timeLong+"毫秒:size=" + myQueue[wsobj].size());
		}
		setTimeout(arguments.callee,1000/25);
	},1000/25);
}

//创建socket连接功能函数
function connectCamera(wsobj,cameraId) {
	if ("WebSocket" in window)
	{
		tjdLog("connectCamera:cameraId=" + cameraId + ", VideoMonitorPort=" + (VideoMonitorPort+cameraId) + ", wsobj=" + wsobj);
		myQueue[wsobj] = new Queue();
		var ip = thisIp;
		var host = "ws://" + ip+":" + (VideoMonitorPort+cameraId);
		//tjdLog("socket[wsobj]: " + socket[wsobj]);
		if(socket[wsobj]==0){	
			socket[wsobj]= new WebSocket(host);
			socket[wsobj].binaryType = "arraybuffer";
		
			try {
				//连接事件
				socket[wsobj].onopen = function (msg) {
					// alert(wsobj+":连接已建立！");
					socket[wsobj].send("user:monitor");
				};
				//错误事件
				socket[wsobj].onerror =function (msg) {
					//alert("错误："+msg.data);
				}

				//消息事件
				socket[wsobj].onmessage = function (msg) {
				
					data = socketBufferToBase64(msg.data);
					img = document.getElementById('img'+wsobj);
					if(typeof data === String) {
						tjdLog("Received data string");
					}else{
						//tjdLog("Received arraybuffer");
						img.src = "data:image/jpeg;base64," + data;
						//myQueue[wsobj].push(data);
					}
				};
				//关闭事件
				socket[wsobj].onclose = function (msg)
				{
					//alert((cameraId+1)+"号相机通信关闭!")
				};
			}catch(ex) {
				log(ex);
			}
		}else{
			socket[wsobj].send("user:monitor");
		}
		
		//showCameraPicture(wsobj);
		
	}else{
		// 浏览器不支持 WebSocket
		alert("您的浏览器不支持 WebSocket!");
	}
}

//创建多个websock连接
function StartConnVideo() {
	//这里创建3个连接
	for(var i=0;i<3;i++)
	{
		connectCamera(i,i); //创建连接
	}
}

function StopConnVideo() {
	tjdLog("StopConnVideo: start");
	for(i=0;i<socket.length;i++){
		tjdLog("StopConnVideo: socket[i] = " + socket[i]);
		if(socket[i]!=undefined && socket[i]!=0){
			tjdLog("i="+i+", socket = " + socket[i]);
			socket[i].send("user:disable");
			
			socket[i].close();
			socket[i] = 0;
		}
	}
}

function connectClean(wsobj){
	socket[wsobj].send("user:disable");
	socket[wsobj].close();
	socket[wsobj] = 0;
}

// 搜索记录
var searchPage;
var searchType; //1:进场记录,2:出场记录
var lastIndex;
var searchPageNum;
function searchData(page,type,index){
	searchPage = page;
	searchType = type;
	lastIndex = 1;
	
	rightTopDiv = document.getElementById('rightTopDiv');
	rightTopDiv.style.cssText = "border-bottom:1px solid #eee; display:flex;";
	inputPlate = document.createElement("input");
	inputPlate.setAttribute("class","el-input__inner");
	inputPlate.setAttribute("id","inputPlate");
	inputPlate.setAttribute("placeholder","输入车牌号");
	inputPlate.style.cssText = "width:200px; height:35px; margin-left:13px;";
	rightTopDiv.appendChild(inputPlate);
	
	inputTime = document.createElement("input");
	inputTime.setAttribute("class","el-input__inner");
	inputTime.setAttribute("id","inputTime");
	inputTime.setAttribute("placeholder","请输入日期,如:2022-1-1");
	inputTime.style.cssText = "width:260px; height:35px; margin-left:13px;";
	rightTopDiv.appendChild(inputTime);
	
	var searchButton = document.createElement("input");  
	searchButton.type = "button" ;  
	searchButton.value = "搜索"; 
	searchButton.setAttribute("class","el-button el-button--primary");
	searchButton.style.cssText = "margin-left: 10px; margin-bottom:10px;";
	searchButton.setAttribute("onclick","searchButtonClick("+type+");");
	rightTopDiv.appendChild(searchButton);
	
	var prePageButton = document.createElement("input");  
	prePageButton.type = "button" ;  
	prePageButton.value = "上一页"; 
	prePageButton.setAttribute("class","el-button el-button--primary");
	prePageButton.style.cssText = "margin-left: 10px; margin-bottom:10px;";
	prePageButton.setAttribute("onclick","prePageData("+type+");");
	rightTopDiv.appendChild(prePageButton);
	
	var nextPageButton = document.createElement("input");  
	nextPageButton.type = "button" ;  
	nextPageButton.value = "下一页"; 
	nextPageButton.setAttribute("class","el-button el-button--primary");
	nextPageButton.style.cssText = "margin-left: 10px; margin-bottom:10px;";
	nextPageButton.setAttribute("onclick","nextPageData("+type+");");
	rightTopDiv.appendChild(nextPageButton);
	
	//scrollPage();
}

function scrollPage(){
	rightTopDiv = document.getElementById('rightTopDiv');
	rightTopDiv.style.cssText = "border-bottom:1px solid #eee; display:flex;";
	
	var scrollPageDiv = document.createElement("div");
	scrollPageDiv.setAttribute("id","scrollPageDiv");
	scrollPageDiv.style.cssText = "margin-left: 50px; margin-top:3px; display:flex;";
	
	rightTopDiv.appendChild(scrollPageDiv);
	var rowLeftDiv = document.createElement("div");
	rowLeftDiv.setAttribute("id","rowLeftDiv");
	rowLeftDiv.setAttribute("onclick","prePageData();"); 
	rowLeftDiv.style.cssText = "border:1px solid #ccc; width:60px;height:25px;cursor:pointer;background:#3c75cf;";
	rowLeftDiv.innerText = "上一页";

	var rowRightDiv = document.createElement("div");
	rowRightDiv.setAttribute("id","rowRightDiv");
	rowRightDiv.setAttribute("onclick","nextPageData();");
	rowRightDiv.style.cssText = "border:1px solid #ccc; width:60px;height:25px; margin-left:4px;cursor:pointer;background:#3c75cf;";
	rowRightDiv.innerText = "下一页";

	scrollPageDiv.appendChild(rowLeftDiv);
	scrollPageDiv.appendChild(rowRightDiv);

	searchPageNum = 1;
}

function addPageNumDiv(n){
	scrollPageDiv = document.getElementById('scrollPageDiv');
	var pageNumDiv = document.createElement("div");
	pageNumDiv.setAttribute("id","pageNumDiv"+n);
	pageNumDiv.style.cssText = "border:1px solid #ccc; width:26px;height:26px; line-height:26px; background:#3c75cf; margin-left:4px; color:#fff; text-align: center;";
	pageNumDiv.innerText = n;
	scrollPageDiv.appendChild(pageNumDiv);
}

function searchButtonClick(type){
	inputPlate = document.getElementById('inputPlate');
	plateNumber = inputPlate.value;
	inputTime = document.getElementById('inputTime');
	timeValue = inputTime.value;
	if(plateNumber!=""){
		if(type==1)
			msg = 'CMD=searchPlateRecordItem&colName=carNumber&carNumber='+plateNumber;
		else if(type==2)
			msg = 'CMD=searchOutParkingItem&&colName=carNumber1&carNumber1='+plateNumber;
		postData(msg,showSearchPage);
	}else if(timeValue!=""){
		if(type==1)
			msg = 'CMD=searchPlateRecordItem&colName=inTime&inTime='+timeValue;
		else if(type==2)
			msg = 'CMD=searchOutParkingItem&&colName=outTime&outTime='+timeValue;
		postData(msg,showSearchPage);
	}else{
		alert("请输入搜索内容");
	}
}

function showSearchPage(results){
	tjdLog("showSearchPage: results = " + results);
	if(results=="null" || results.length==0){
		alert("搜索不到记录!");
	}else{
		searchPage.results = results;
		ret = searchPage.updatePage();
	}
}

function prePageData(type){
	if(lastIndex>=2)
		lastIndex--;
	else
		lastIndex = 1;
	if(type==1)
		msg = 'CMD=getPlateRecord&startIndex='+lastIndex+'&pageRecords=30';
	else if(type==2)
		msg = 'CMD=getInOutRecord&startIndex='+lastIndex+'&pageRecords=30';
	postData(msg,showPrePage);
}

function nextPageData(type){
	lastIndex ++;
	if(type==1)
		msg = 'CMD=getPlateRecord&startIndex='+lastIndex+'&pageRecords=30';
	else if(type==2)
		msg = 'CMD=getInOutRecord&startIndex='+lastIndex+'&pageRecords=30';
	postData(msg,showNextPage);
}

function showPrePage(results){
	searchPage.results = results;
	ret = searchPage.updatePage();
}

function showNextPage(results){
	searchPage.results = results;
	ret = searchPage.updatePage();
	if(ret==false){
		lastIndex--;
	}
}