var mainButton = [/*["连接 wifi","connectWifi()"],["查看设备","scantIp()"],*/
						  /*["设备升级","deviceUpdate()"],["存储管理","sdcardManage()"],*/
						  ["识别设置","recConfig()"],["外设管理","extDevice()"],["白名单","whiteList()"],
						  ["语音配置","voiceSetting()"],["屏显协议","ledSettings()"],
						  ["网络配置","netConfiguration()"],["查看日志","viewLog()"]];
						  //["网络配置","netConfiguration()"],["查看日志","viewLog()"],["远程控制","remoteControl()"]];
		var canvasXRate = 2;
		var canvasYRate = 2;
		var ipList = [];
		var thisImei = 0;
		function networkConfig(array,results) {
			let jsonstr = eval(results);
			let MyDiv =document.getElementById('right');
			let tab= document.createElement("table");
			tab.setAttribute("id","mytable");
			
			let width = 220;
			//let topTab=createTab("系统管理-网络配置", array, "修改 IP", "changeIp()",width);
			let topTab=createTab("设备管理-设备配置", array, "查看设备", "scantIp()",width);
			
			rightTopDiv = document.getElementById('rightTopDiv');
			for(m=0; m<mainButton.length; m++){
				var deviceSubButton = document.createElement("input");  
				deviceSubButton.type = "button" ;  
				deviceSubButton.value = mainButton[m][0]; 
				deviceSubButton.setAttribute("class","el-button el-button--primary");
				deviceSubButton.style.cssText = "margin-left: 4px; margin-bottom:10px;";
				deviceSubButton.setAttribute("onclick",mainButton[m][1]); 
				//MyDiv.appendChild(connectWifiButton);
				rightTopDiv.appendChild(deviceSubButton);
			}
		
			let len = array.length;
			tab.insertRow(0);
			for(let j=0;j<len; j++){
				td =tab.rows[0].insertCell(j);
				if(j<len-1)
					td.style.cssText = "width:"+width+"px;height:40px; text-align:center; border-color:#101010;border:#a2a2a2 0px solid;";
				else
					td.style.cssText = "width:"+300+"px;height:40px; text-align:center; border-color:#101010;border:#a2a2a2 0px solid;";
				td.innerHTML=array[j];
				tab.rows[0].cells[j].style.background='#e8e8e8';
			}
			
			thisImei = jsonstr[0][1];
			tjdLog("thisImei = "+ thisImei);
			for (let i = 0; i < jsonstr.length; i++) {
				tab.insertRow(i+1);
				for (let j =0; j<=jsonstr[i].length; j++) {
					td = tab.rows[i+1].insertCell(j);
					
					if(j<jsonstr[i].length)
						td.style.cssText = "width:"+width+"px;height:40px;text-align:center;border-color:#101010; border:#a2a2a2 0px solid;"
					else
						td.style.cssText = "width:"+300+"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[j].style.background = 'snow';
					}else if(j==jsonstr[i].length){
						let id = jsonstr[i][0];
						let mno= jsonstr[i][3];
						let connect="<a href='javascript:rebootMyself()' style='color:#01AAED;text-decoration:none;'>重启设备</a>";
						td.innerHTML=connect;
						tab.rows[i+1].cells[j].style.background = 'snow';
					}
				}
			}
			tab.style.cssText = "border-spacing: 1px; border-color:#101010";
			MyDiv.appendChild(tab);
		}
		
		function connectWifi(){
			window.popBox.showMsg({
				title: "添加",
				okText: "确定",
				cancelText: "取消",
				width: "500px",
				height: "270px",
				input: '["wifi名称","wifi密码"]',
				okFunction: function(){
					tjdLog("点击OK按钮");
					msg = getPopBoxData(["ssid","password"], "", 'CMD=connectWifi');
					if(msg !=""){
						//保存数据
						postData(msg);
						return 1;
					}else{
						return 0;
					}
				},
				cancelFunction:function(){
					tjdLog("点击Cancel按钮");
				}
			});
		}
		
		function camereEdit(id){
			
		}
		
		function changeIp(){
			window.popBox.showMsg({
				title: "添加",
				okText: "确定",
				cancelText: "取消",
				width: "500px",
				height: "220px",
				input: '["IP地址"]',
				okFunction: changeIpOkFunction,
				cancelFunction:function(){
					tjdLog("点击Cancel按钮");
				}
			});
		}
		
		function changeIpOkFunction(){
			tjdLog("changeIpOkFunction: 点击OK按钮");
			msg = getPopBoxData(["ip"], "", 'CMD=changeIp');
			if(msg !=""){
				//保存数据
				postData(msg);
				return 1;
			}else{
				return 0;
			}
		}
		
		function scantIp(){

			let MyDiv = document.getElementById('right');
			
			cameraRec = document.getElementById('cameraRec');
			if (typeof cameraRec !== "undefined" && cameraRec !== null){
				MyDiv.removeChild(cameraRec);
			}
			
			iptable = document.getElementById('iptable');
			if (typeof iptable !== "undefined" && iptable !== null){
				MyDiv.removeChild(iptable);
			}
			
			let message = document.createElement('label');
			//message.innerHTML = "正在扫描设备，请稍候  ......";
			message.style.cssText = "margin: 100px; display:inline-block;";
			message.style.fontSize = "20px";
			message.setAttribute("id","message");
			MyDiv.appendChild(message);
			
			msg = "CMD=getDeviceVersion";
			postData(msg, showIpList);  //从服务器获取数据
			
			//假数据，方便显示
			//result = "[['Z500123C100','B8:94:36:B7:B6:9C','192.168.1.99','192.168.1.124','Android9','V1.2','1.2_20220102'],['Z600153C280','B8:94:36:B7:B6:9C','192.168.1.199','192.168.1.146','Android9','V1.2','1.2_20220102']]"
			//showIpList(result);
		}
		
		function showIpList(results){
			ipList = eval(results);
			let MyDiv = document.getElementById('right');
			let tab = document.createElement("table");
			tab.setAttribute("id","iptable");
			
			removeDMChildElement();
			let rowNum = 0;
			for (let i = 0; i < ipList.length; i++) {
				if(thisImei!=ipList[i][1]){
					tab.insertRow(rowNum);
					for (let j =0; j<=ipList[i].length; j++) {
						td = tab.rows[rowNum].insertCell(j);
						if(j==ipList[i].length){
							td.style.cssText = "width:"+300+"px;height:40px;text-align:center;border-color:#101010; border:#a2a2a2 0px solid;";
							let connect="<a href='javascript:rebootDevice("+i+")' style='color:#01AAED;text-decoration:none;'>重启设备</a><a href='javascript:visitDevice("+i+")' style='color:#01AAED;text-decoration:none;margin-left:20px;'>访问设备</a>";
							td.innerHTML=connect;
						}else{
							td.style.cssText = "width:"+220+"px;height:40px;text-align:center;border-color:#101010; border:#a2a2a2 0px solid;";
							td.innerHTML=ipList[i][j];
						}
						tab.rows[rowNum].cells[j].style.background = 'snow';
					}
					rowNum ++;
				}
			}
			tab.style.cssText = "border-spacing: 1px; border-color:#101010; margin-left:0px; margin-top:0px;";
			MyDiv.appendChild(tab);
			
		}
		//删除设备管理页面动态显示的元素
		function removeDMChildElement(){
			MyDiv = document.getElementById('right');
			
			divList = ['message','iptable','cameraRec','sdCardDiv','recSetting','whiteListDiv','voiceSettingDiv','extDeviceDiv',
					   'extDeviceDiv','netConfigurationDiv','deviceUpdateDiv', 'viewLogMainDiv','ledSettingsDiv'];
			for(i=0;i<divList.length;i++){
				div = document.getElementById(divList[i]);
				if (typeof div !== "undefined" && div !== null){
					MyDiv.removeChild(div);
				}
			}
			
			virtualCloseVideo();
		}
		
		function rebootMyself(){
			msg = "CMD=reboot&type="+1;
			postData(msg, null);
		}
		
		function rebootDevice(devNum){
			msg = "CMD=reboot&type="+1;
			//postData(msg, null);
			if(ipList[devNum][3]!="0.0.0.0")
				ip = ipList[devNum][3];
			else
				ip = ipList[devNum][2];
			commonPostRequest(ip, msg);
		}
		
		function visitDevice(devNum){
			if(ipList[devNum][3]!="0.0.0.0")
				ip = ipList[devNum][3];
			else
				ip = ipList[devNum][2];
			window.open("http://"+ip+":80")
		}
		
		function remoteControl(){
			msg = "CMD=remoteControl";
			postData(msg, null);
			alert("已开启远程控制");
		}