首页 探索 帮助
登录
tom
/
Orader
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
預約系統 IOS / Android Windows
4 提交
1 分支列表
分支: master
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 'master'
${ noResults }
Orader/android/index5.html

index5.html 38KB
永久链接 文件历史 原始文件

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709 
  1. <html>

  2. <head>

  3.     <meta charset="utf-8">

  4.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  5.     <meta name="description" content="">

  6.     <meta name="author" content="">

  7. <script src="js/mqttws31.min.js" type="text/javascript"></script>

  8. <script src="js/jquery-3.5.1.min.js"></script>

  9.   <script src="js/teacrypt.js" type="text/javascript"></script>

  10. <script type="text/javascript">

  11.  var message999;

  12. var message0 ;

  13. 	var message4 ;

  14. 	var message9 ;

  15. 		var message6;

  16. 			var message7 ;

  17. 			var message2 ;

  18. 			var issame=false;

  19. 			 var vvqrcd= '';  

  20. 			 var orgcycle='';

  21. 			 var fincycle='';

  22. 			 var orgtimestamp='';

  23. 			 var isconn = false;

  24.  var CID = '';

  25.   var ID = '';

  26.   var PW = '';

  27.     var TYPE = '';

  28. var client;

  29. var kname='';

  30. var myclientid='';

  31.     var tt =  '';

  32. 	var st = '';

  33. 	 var et =  '';

  34. 	 var idx = '';

  35. 	var cy='';

  36. 	var vtype='';

  37.     var vtttt='';

  38. 	 var isget = false;

  39. 	  var isget2 = false;

  40. 	    var isget3 = false;

  41. 	 var vtstpqr='';

  42. 	 var vcyd='';

  43. 	 var vmqtt='';

  44. 	 var SN='';

  45. 	 var SubID='';

  46. 	 var vsn='';

  47. 	  var vobj;

  48. 	    var vvvi;

  49. var ooodata='';

  50. var is2='';

  51.  var  account='';

  52. function init() 

  53. {

  54. try

  55. {

  56. CID = getUrlParameter('CID');

  57.     ID = getUrlParameter('ID');

  58. 	PW= getUrlParameter('PW');

  59. 	TYPE= getUrlParameter('TYPE');

  60. 	 SN = getUrlParameter('SN');

  61. 	vmqtt = getUrlParameter('MQTT');

  62. 	SubID = getUrlParameter('SubID');

  63. 	vvvi= getUrlParameter('idx');

  64. 	kkid=  getUrlParameter('ID');

  65. 	//Cname= getUrlParameter('CNAME');

  66. 	 //  var sstitle =Cname+'(#'+SubID+') ';

  67. 	   // document.getElementById("btn100").innerHTML  =sstitle;

  68. 	  // vvqrcd= vobj.data.data.CardID;

  69. 	 vvqrcd=  getUrlParameter('qrcd');

  70. 	 	 account=CID+'_'+SubID;

  71. 	  document.getElementById("btn100").innerHTML  ='帳號 :  '+account;

  72. 	   document.getElementById("btn900").innerHTML  ='密碼需為英數字 8-16 碼 ';

  73. 	//vvqrcd=vvqrcd.replaceAll('-','=');

  74. //updateOutput('init');

  75.  /*

  76.     CID = getUrlParameter('CID');

  77.     ID = getUrlParameter('ID');

  78. 	PW= getUrlParameter('PW');

  79. 	TYPE= getUrlParameter('TYPE');

  80. 	*/

  81. 	//myclientid="Giga"+CID+"1-"+ parseInt(Math.random() * 100000000, 10);

  82. 		myclientid="Giga"+CID+"1-"+SubID;

  83. 		client = new Paho.MQTT.Client(vmqtt, Number(8083), myclientid);

  84. 		client.onMessageArrived = onMessageArrived;

  85. 		client.onConnectionLost = onConnectionLost; 

  86. 	   // client.connect( {onSuccess: onConnect});

  87. 	  // client.connect( {onSuccess: onConnect, onFailure : onFailedConnect,timeout: 3,keepAliveInterval: 35,cleanSession : false});

  88.           client.connect( {onSuccess: onConnect, onFailure : onFailedConnect});

  89.  

  90.  

  91. 	

  92. 		

  93. 	//alert(orgcycle);

  94.   //updateOutput('CID='+CID);

  95.   //updateOutput('ID='+ID);

  96.    //updateOutput('PW='+PW);

  97. //updateOutput('TYPE='+TYPE);

  98.  if (TYPE=='ANDROID')

  99. 		{

  100.        connect();

  101. 		}

  102.        vsn='';

  103. 

  104. 		

  105. }catch(e)

  106. {

  107. alert(e);

  108. }

  109. }

  110. function onConnectionLost(message) 

  111. {

  112.  client.connect( {onSuccess: onConnect, onFailure : onFailedConnect});

  113. }

  114. function onMessageArrived(message) 

  115. {

  116. var vres = message.payloadString;

  117. var vobj = JSON.parse( vres); 

  118.  is2='002';

  119.  var jsonString = "{\"action\":\"decode\", \"serial\":\"002\",\"data\":\""+vobj.data+"\"}";

  120. 	if (TYPE=='IOS')

  121. 		{

  122.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  123. 		}

  124. 	

  125. 		if (TYPE=='ANDROID')

  126. 		{

  127.         webSocket.send(jsonString);

  128. 		}

  129.  

  130.  if (TYPE=='PC')

  131. 		{

  132. vres = teaDecrypt(vobj.data,'75$095huOQ77kKv!');

  133.  //alert(vres);

  134. var vobj2 = JSON.parse( vres);

  135. //alert(vobj2.success); 

  136. if (vobj2.success===true)

  137. {

  138. alert('OK');

  139. window.history.go(-1);

  140. }

  141. else

  142. {

  143. alert('失敗');

  144. } 

  145.  is2='';

  146.          }

  147. 

  148. 

  149.  

  150. 

  151. }

  152. function onFailedConnect() 

  153. {

  154. //alert('連線異常');

  155. }

  156. function onConnect() 

  157. {

  158. isconn=true;

  159.     client.subscribe('Reserve'+CID+'1-'+SubID);

  160. 	try

  161. 	{

  162. 	

  163. 	 

  164. 	

  165.     }

  166. 	catch(e)

  167.     {

  168.        alert(e);

  169.     }

  170. 	//alert('c');

  171. } 

  172. 

  173. </script>

  174.    <title>預約 QR Code</title>

  175.    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

  176.    </head>

  177. 

  178. <body class="text-center" onload="init()">

  179. 

  180. 

  181. <div>

  182.  <div class="card" style="box-shadow:  0px 0px 1px 1px rgba(0,0,0,0.1);margin: 21px 20px 0;background-color:#FFFFFF;">

  183. 	  

  184. 	  <div style="margin: 16px 0 0px 4px;background-color:#FFFFFF;" >

  185. 	  <button id="btn100" style="margin: 2px 0px 0px 0px;outline:none;line-height:40px;vertical-align: middle;  text-align: left;width:100%;border:0px white none;background-color:#FFFFFF;font-family:Roboto_Light;font-size:24px;color:#646464;height:42px;"></button>

  186.       <button id="btn900" style="margin: 2px 0px 0px 0px;outline:none;line-height:40px;vertical-align: middle;  text-align: left;width:100%;border:0px white none;background-color:#FFFFFF;font-family:Roboto_Light;font-size:24px;color:#646464;height:42px;"></button>   

  187.  

  188. 	 </div>

  189. 	  <div style="text-align:center">

  190. <!--	<h1 class="h3 mb-3 font-weight-normal">預收貨款</h1> -->

  191.     <!-- <form class="form-signin" id="senddocument"> -->

  192. 	<br>

  193. 	<div style="margin: 3px 9px 3px 9px;text-align:left;">

  194.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">密碼&nbsp:&nbsp </label><input id="ItemNOSer" style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;width:calc(99% - 100px);"  placeholder=""  required></div>

  195. 		<div style="margin: 3px 9px 3px 9px;text-align:left;">  

  196.   

  197. 		 

  198. </br>

  199. 		<table style="width: 100%">   

  200.     <tbody>

  201.         <tr>

  202. 		<td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 0px 0px 20px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: rgba(255, 0, 20, 0.2);width:100%;"  onclick="btndddel()" hidden>刪除</button></td><td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 0px 0px 20px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #cce8fc;width:100%;"  onclick="ok123()">儲存</button> </td><td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 0px 0px 20px 0px;color:#FFFFFF;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #64c800;width:100%;" onclick="btnSaveqr()" hidden>預約</button></td>

  203.         </tr>

  204.         </tbody>  

  205.         </table> 

  206.   </div>

  207.  

  208. </div>

  209. 

  210. <div id="output"  style="display:none">

  211.     <h2>Output</h2>

  212. </div>

  213.  

  214.  <script type="text/javascript">

  215. function ok123()

  216. {

  217. 

  218. const isValidPasswordChar = str => {

  219.   const regex =/^[A-Za-z0-9_.]+$/;

  220.   return regex.test(str)

  221. };

  222.  

  223. try

  224. {

  225.  var vt=new Date().format("yyyy/MM/dd_HH:mm:ss");

  226.  

  227.  

  228. 	     var vwpw= document.getElementById("ItemNOSer").value;

  229. 		// alert(vwpw);

  230. 		 if (isValidPasswordChar(vwpw))

  231. 		 {

  232. 		   

  233. 		 }else

  234. 		 {

  235. 		 alert('密碼需為英數字');

  236. 		  return;

  237. 		 }

  238. 		 if( (vwpw.length>16)||(vwpw.length<8))

  239. 		 {

  240. 		  alert('密碼長度需介於8~16之間');

  241. 		  return;

  242. 		 }

  243. var message="{\"action\":\"mqttregisterRemoteKeyAccount\",\"data\":{\"Command\":\"User="+SubID+"&Account="+CID+"_"+SubID+"&PassWord="+PW+"&&WebPassWord="+vwpw+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  244.  is2='001';

  245.  var jsonString = "{\"action\":\"encode\", \"serial\":\"001\",\"data\":"+message+"}";

  246.  	if (TYPE=='IOS')

  247. 		{

  248.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  249. 		}

  250. 	

  251. 		if (TYPE=='ANDROID')

  252. 		{

  253. 		//alert('001 websocket sent');

  254.         webSocket.send(jsonString);

  255. 		}

  256.  

  257.  if (TYPE=='PC')

  258. 		{

  259.  message = teaEncrypt(message,'75$095huOQ77kKv!');

  260.   var ress = message;

  261.      message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  262.     message4.destinationName = SN ;

  263. 	message4.retained = false;

  264. 		message4.qos = 0;

  265. 	 client.send(message4); 

  266.  

  267. 	 }

  268. }

  269. catch(e)

  270. {

  271. alert(e);

  272. }	   

  273. }

  274. 

  275. function btnSaveTmp()

  276. {

  277. try

  278. {

  279. issame=false;

  280.  //alert(idx);

  281. var vvee1='';

  282. var vvee2='';

  283. var vvee3='';

  284. var cycy='';

  285.   

  286. var st1 =  '0000' ;

  287. var et1= '0000' ;

  288.   

  289. var st2 =  '0000' ;

  290. var et2= '0000' ;

  291.   

  292. var st3 =  '0000' ;

  293. var et3= '0000' ;

  294. //12345

  295. var vItemNOSer=document.getElementById("ItemNOSer").value;

  296. if (vItemNOSer.length<1)

  297. {

  298. alert('請輸入密碼');

  299. return;

  300. }

  301. 

  302. if((document.getElementById("sd").value<1) ||  (document.getElementById("ed").value<1) ||(document.getElementById("sdt1").value<1) ||  (document.getElementById("sdt2").value<1))

  303. {

  304. alert('請輸入開始與結束日期時間');

  305. return;

  306. }

  307. 

  308. var vsdsd=document.getElementById("sd").value+'T'+document.getElementById("sdt1").value;

  309. //alert(vsdsd);

  310. //return;

  311. var veded =document.getElementById("ed").value+'T'+document.getElementById("sdt2").value;

  312. //alert(veded);

  313. if ((vsdsd.length<2)|| (veded.length<2))

  314. {

  315. alert('請輸入開始與結束日期時間');

  316. return;

  317. }

  318. //alert('pass');

  319. if (vsdsd.length>16)

  320. {

  321. vsdsd=vsdsd.substring(0,16);

  322. }

  323. if (veded.length>16)

  324. {

  325. veded=veded.substring(0,16);

  326. }

  327. vsdsd=vsdsd.replace('T','_');

  328. vsdsd=vsdsd.replace('-','/');

  329. vsdsd=vsdsd.replace('-','/');

  330. 

  331. veded=veded.replace('T','_');

  332. veded=veded.replace('-','/');

  333. veded=veded.replace('-','/');

  334. vsdsd=vsdsd.substring(2,vsdsd.length);

  335. veded=veded.substring(2,veded.length);

  336. //alert(vsdsd);

  337. //alert(veded);

  338. var vtstp=vsdsd+','+veded;

  339. 

  340. //alert(vtstp);

  341. //return;

  342.   //if (document.getElementById("d11").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png')

  343.  if (document.getElementById("d11").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  344.  {

  345.  vvee1='1';

  346.   //alert('bgreen');

  347.  }else

  348.  {

  349.   vvee1='0';

  350.  //alert('bgrey');

  351.  }

  352.  if (document.getElementById("d12").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  353.  {

  354.  vvee1=vvee1+'1'; 

  355.  }else

  356.  {

  357.   vvee1=vvee1+'0';

  358.  }

  359.  if (document.getElementById("d13").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  360.  {

  361.  vvee1=vvee1+'1'; 

  362.  }else

  363.  {

  364.   vvee1=vvee1+'0';

  365.  }

  366.  if (document.getElementById("d14").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  367.  {

  368.  vvee1=vvee1+'1'; 

  369.  }else

  370.  {

  371.   vvee1=vvee1+'0';

  372.  }

  373.  if (document.getElementById("d15").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  374.  {

  375.  vvee1=vvee1+'1'; 

  376.  }else

  377.  {

  378.   vvee1=vvee1+'0';

  379.  }

  380.  if (document.getElementById("d16").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  381.  {

  382.  vvee1=vvee1+'1'; 

  383.  }else

  384.  {

  385.   vvee1=vvee1+'0';

  386.  }

  387.  if (document.getElementById("d17").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  388.  {

  389.  vvee1=vvee1+'1'; 

  390.  }else

  391.  {

  392.   vvee1=vvee1+'0';

  393.  }

  394.  //alert(vvee1);

  395. 

  396. 

  397. 

  398.  if (document.getElementById("d21").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  399.  {

  400.  vvee2='1';

  401.   //alert('bgreen');

  402.  }else

  403.  {

  404.   vvee2='0';

  405.  //alert('bgrey');

  406.  }

  407.  if (document.getElementById("d22").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  408.  {

  409.  vvee2=vvee2+'1'; 

  410.  }else

  411.  {

  412.   vvee2=vvee2+'0';

  413.  }

  414.  if (document.getElementById("d23").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  415.  {

  416.  vvee2=vvee2+'1'; 

  417.  }else

  418.  {

  419.   vvee2=vvee2+'0';

  420.  }

  421.  if (document.getElementById("d24").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  422.  {

  423.  vvee2=vvee2+'1'; 

  424.  }else

  425.  {

  426.   vvee2=vvee2+'0';

  427.  }

  428.  if (document.getElementById("d25").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  429.  {

  430.  vvee2=vvee2+'1'; 

  431.  }else

  432.  {

  433.   vvee2=vvee2+'0';

  434.  }

  435.  if (document.getElementById("d26").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  436.  {

  437.  vvee2=vvee2+'1'; 

  438.  }else

  439.  {

  440.   vvee2=vvee2+'0';

  441.  }

  442.  if (document.getElementById("d27").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  443.  {

  444.  vvee2=vvee2+'1'; 

  445.  }else

  446.  {

  447.   vvee2=vvee2+'0';

  448.  }

  449.  // alert(vvee2);

  450.  

  451.  

  452.  if (document.getElementById("d31").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  453.  {

  454.  vvee3='1';

  455.   //alert('bgreen');

  456.  }else

  457.  {

  458.   vvee3='0';

  459.  //alert('bgrey');

  460.  }

  461.  if (document.getElementById("d32").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  462.  {

  463.  vvee3=vvee3+'1'; 

  464.  }else

  465.  {

  466.   vvee3=vvee3+'0';

  467.  }

  468.  if (document.getElementById("d33").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  469.  {

  470.  vvee3=vvee3+'1'; 

  471.  }else

  472.  {

  473.   vvee3=vvee3+'0';

  474.  }

  475.  if (document.getElementById("d34").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  476.  {

  477.  vvee3=vvee3+'1'; 

  478.  }else

  479.  {

  480.   vvee3=vvee3+'0';

  481.  }

  482.  if (document.getElementById("d35").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  483.  {

  484.  vvee3=vvee3+'1'; 

  485.  }else

  486.  {

  487.   vvee3=vvee3+'0';

  488.  }

  489.  if (document.getElementById("d36").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  490.  {

  491.  vvee3=vvee3+'1'; 

  492.  }else

  493.  {

  494.   vvee3=vvee3+'0';

  495.  }

  496.  if (document.getElementById("d37").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  497.  {

  498.  vvee3=vvee3+'1'; 

  499.  }else

  500.  {

  501.   vvee3=vvee3+'0';

  502.  }

  503.  //alert(vvee3);

  504.  var ktype = '1';

  505.  if (vvee1=='0000000')

  506.  {

  507.  

  508.  }else

  509.  {

  510.  ktype='2';

  511.   st1 = document.getElementById("st1").value.replace(':','') ;

  512.   et1= document.getElementById("et1").value.replace(':','') ;

  513.   if (st1.length==0 || et1.length==0)

  514.   {

  515.      alert('請選擇時段1的起始與結束時間');

  516. 	 return;

  517.   }

  518.  }

  519.  if (vvee2=='0000000')

  520.  {

  521.  

  522.  }else

  523.  {

  524.  ktype='2';

  525.   st2 = document.getElementById("st2").value.replace(':','') ;

  526.   et2= document.getElementById("et2").value.replace(':','') ;

  527.    if (st2.length==0 || et2.length==0)

  528.   {

  529.      alert('請選擇時段2的起始與結束時間');

  530. 	 return;

  531.   }

  532.  }

  533.  if (vvee3=='0000000')

  534.  {

  535.  

  536.  }else

  537.  {

  538. ktype='2';

  539.   st3 = document.getElementById("st3").value.replace(':','') ;

  540.   et3= document.getElementById("et3").value.replace(':','') ;

  541.   

  542.   //alert(st3.length)

  543.   if (st3.length==0 || et3.length==0)

  544.   {

  545.      alert('請選擇時段3的起始與結束時間');

  546. 	 return;

  547.   }

  548.  }

  549.  

  550. //alert(ktype);

  551.  

  552.  

  553.  if (ktype=='2')

  554.  {

  555.  cycy=vvee1+','+st1 +','+ et1+','+ vvee2+','+st2+','+et2+','+vvee3+','+st3+','+et3;

  556.  }

  557.  else

  558.  {

  559.  //cycy='';

  560.  }

  561. // alert(ktype);

  562.   //updateOutput('cycy='+cycy);

  563.  //alert(cycy);

  564.  

  565.  

  566.  fincycle='';

  567.   fincycle= document.getElementById("ItemNOSer").value+';';

  568.    fincycle=fincycle+ vtstp+';';

  569.  

  570.  fincycle=fincycle+cycy+';';

  571. 

  572.  //alert(cycy);

  573. // alert(fincycle);

  574.  if (orgcycle==fincycle)

  575.  {

  576.  issame=true;

  577. // alert('相同');

  578.  }

  579.      

  580.  if (issame)

  581.  {

  582.  alert('OK');

  583.  window.history.go(-1);

  584.  }

  585.  else

  586.  {

  587.  

  588.           var vt=new Date().format("yyyy/MM/dd_HH:mm:ss");

  589. 	      //alert(document.getElementById("ItemNOSer").value);

  590. 		    vtttt = document.getElementById("ItemNOSer").value;

  591. 			

  592. 		//  alert(ktype);

  593. 		//  return;

  594. 	

  595. 	   var edata ="{\"action\":\"mqttupdateRemoteKey\",\"data\":{\"Command\":\"PassWord="+PW+"&ReGenerate=1&Stat=0&Type="+ktype+"&IndexID="+idx+"&TimeStamp="+vtstp+"&Cycle="+cycy+"&UserID="+ID+"&Title="+vtttt+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  596. 	    

  597. 	   var jsonString = "{\"action\":\"encode\", \"serial\":\"001\",\"data\":"+edata+"}";

  598. 			vsn='001';

  599. 			isget2=false;

  600.        // updateOutput(jsonString);

  601. 		//alert(jsonString

  602. 		

  603. 		if (TYPE=='IOS')

  604. 		{

  605.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  606. 		}

  607. 	

  608. 		if (TYPE=='ANDROID')

  609. 		{

  610.         webSocket.send(jsonString);

  611. 		}

  612. 		

  613. 		if (TYPE=='PC')

  614. 		{

  615. 		//alert(edata);

  616.        selfendecode(edata);

  617. 		}

  618. 		

  619.   }

  620.  

  621.  }catch(e)

  622.  {

  623.  alert(e);

  624.  }

  625. 

  626. }

  627.  

  628. function senttoother()

  629. {

  630. try

  631. {

  632.  message999 = new Paho.MQTT.Message( "modify,"+idx+","+SubID+","+kname );

  633. // alert('send to other = '+ "modify,"+idx+","+SubID+","+kname );

  634. 	 message999.qos = 0;

  635. 	message999.retained = false;

  636. 	

  637. 	for (var iii = 1; iii < 9; iii++) 

  638. 	{

  639.            if ( iii.toString() !=SubID.toString())

  640.           {

  641. 	     message999.destinationName = 'Reserve'+CID+'1-'+iii.toString()  ;

  642.              client.send(message999); 

  643. 	  }  

  644.        } 

  645.        

  646.        }

  647.        catch(e)

  648.        {

  649.        alert(e);

  650.        }

  651. }

  652.  

  653. function btnSaveqr()

  654. {

  655.  

  656. issame=false;

  657. //alert(idx);

  658. var vvee1='';

  659. var vvee2='';

  660. var vvee3='';

  661. var cycy='';

  662.   

  663.     var st1 =  '0000' ;

  664. var et1= '0000' ;

  665.   

  666.     var st2 =  '0000' ;

  667. var et2= '0000' ;

  668.   

  669.   var st3 =  '0000' ;

  670. var et3= '0000' ;

  671. 

  672. 

  673. //var vsdsd=document.getElementById("sd").value;

  674. //var veded =document.getElementById("ed").value;

  675. var vsdsd=document.getElementById("sd").value+'T'+document.getElementById("sdt1").value;

  676. //alert(vsdsd);

  677. //return;

  678. var veded =document.getElementById("ed").value+'T'+document.getElementById("sdt2").value;

  679. 

  680. if (vsdsd.length>16)

  681. {

  682. vsdsd=vsdsd.substring(0,16);

  683. }

  684. if (veded.length>16)

  685. {

  686. veded=veded.substring(0,16);

  687. }

  688. //var vsdsd=document.getElementById("sd").value.format("yyyy/MM/dd_HH:mm");

  689. //vsdsd=vsdsd.substring(0,16);

  690. //alert(vsdsd);

  691. //return;

  692. 

  693. //12345

  694. var vItemNOSer=document.getElementById("ItemNOSer").value;

  695. if (vItemNOSer.length<1)

  696. {

  697. alert('請輸入預約人');

  698. return;

  699. }

  700. 

  701. if((document.getElementById("sd").value<1) ||  (document.getElementById("ed").value<1) ||(document.getElementById("sdt1").value<1) ||  (document.getElementById("sdt2").value<1))

  702. {

  703. alert('請輸入開始與結束日期時間');

  704. return;

  705. }

  706. 

  707. var vsdsd=document.getElementById("sd").value+'T'+document.getElementById("sdt1").value;

  708. //alert(vsdsd);

  709. //return;

  710. var veded =document.getElementById("ed").value+'T'+document.getElementById("sdt2").value;

  711. //alert(veded);

  712. if ((vsdsd.length<2)|| (veded.length<2))

  713. {

  714. alert('請輸入開始與結束日期時間');

  715. return;

  716. }

  717. vsdsd=vsdsd.replace('T','_');

  718. vsdsd=vsdsd.replace('-','/');

  719. vsdsd=vsdsd.replace('-','/');

  720. 

  721. veded=veded.replace('T','_');

  722. veded=veded.replace('-','/');

  723. veded=veded.replace('-','/');

  724. vsdsd=vsdsd.substring(2,vsdsd.length);

  725. veded=veded.substring(2,veded.length);

  726. //alert(vsdsd);

  727. //alert(veded);

  728. var vtstp=vsdsd+','+veded;

  729. vtstpqr=vtstp;

  730. vtstpqr=vtstpqr.replace('_',' ');

  731. vtstpqr=vtstpqr.replace('_',' ');

  732. vtstpqr=vtstpqr.replace(',','~');

  733. 

  734. //alert(vtstp);

  735. //return;

  736.   

  737. if (document.getElementById("d11").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  738. {

  739.  vvee1='1';

  740.   //alert('bgreen');

  741.  }else

  742.  {

  743.   vvee1='0';

  744.  //alert('bgrey');

  745.  }

  746.  if (document.getElementById("d12").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  747.  {

  748.  vvee1=vvee1+'1'; 

  749.  }else

  750.  {

  751.   vvee1=vvee1+'0';

  752.  }

  753.  if (document.getElementById("d13").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  754.  {

  755.  vvee1=vvee1+'1'; 

  756.  }else

  757.  {

  758.   vvee1=vvee1+'0';

  759.  }

  760.  if (document.getElementById("d14").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  761.  {

  762.  vvee1=vvee1+'1'; 

  763.  }else

  764.  {

  765.   vvee1=vvee1+'0';

  766.  }

  767.  if (document.getElementById("d15").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  768.  {

  769.  vvee1=vvee1+'1'; 

  770.  }else

  771.  {

  772.   vvee1=vvee1+'0';

  773.  }

  774.  if (document.getElementById("d16").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  775.  {

  776.  vvee1=vvee1+'1'; 

  777.  }else

  778.  {

  779.   vvee1=vvee1+'0';

  780.  }

  781.  if (document.getElementById("d17").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  782.  {

  783.  vvee1=vvee1+'1'; 

  784.  }else

  785.  {

  786.   vvee1=vvee1+'0';

  787.  }

  788.  //alert(vvee1);

  789. 

  790. 

  791. 

  792.  if (document.getElementById("d21").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  793.  {

  794.  vvee2='1';

  795.   //alert('bgreen');

  796.  }else

  797.  {

  798.   vvee2='0';

  799.  //alert('bgrey');

  800.  }

  801.  if (document.getElementById("d22").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  802.  {

  803.  vvee2=vvee2+'1'; 

  804.  }else

  805.  {

  806.   vvee2=vvee2+'0';

  807.  }

  808.  if (document.getElementById("d23").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  809.  {

  810.  vvee2=vvee2+'1'; 

  811.  }else

  812.  {

  813.   vvee2=vvee2+'0';

  814.  }

  815.  if (document.getElementById("d24").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  816.  {

  817.  vvee2=vvee2+'1'; 

  818.  }else

  819.  {

  820.   vvee2=vvee2+'0';

  821.  }

  822.  if (document.getElementById("d25").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  823.  {

  824.  vvee2=vvee2+'1'; 

  825.  }else

  826.  {

  827.   vvee2=vvee2+'0';

  828.  }

  829.  if (document.getElementById("d26").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  830.  {

  831.  vvee2=vvee2+'1'; 

  832.  }else

  833.  {

  834.   vvee2=vvee2+'0';

  835.  }

  836.  if (document.getElementById("d27").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  837.  {

  838.  vvee2=vvee2+'1'; 

  839.  }else

  840.  {

  841.   vvee2=vvee2+'0';

  842.  }

  843.  // alert(vvee2);

  844.  

  845.  

  846.   if (document.getElementById("d31").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  847.  {

  848.  vvee3='1';

  849.   //alert('bgreen');

  850.  }else

  851.  {

  852.   vvee3='0';

  853.  //alert('bgrey');

  854.  }

  855.  if (document.getElementById("d32").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  856.  {

  857.  vvee3=vvee3+'1'; 

  858.  }else

  859.  {

  860.   vvee3=vvee3+'0';

  861.  }

  862.  if (document.getElementById("d33").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  863.  {

  864.  vvee3=vvee3+'1'; 

  865.  }else

  866.  {

  867.   vvee3=vvee3+'0';

  868.  }

  869.  if (document.getElementById("d34").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  870.  {

  871.  vvee3=vvee3+'1'; 

  872.  }else

  873.  {

  874.   vvee3=vvee3+'0';

  875.  }

  876.  if (document.getElementById("d35").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  877.  {

  878.  vvee3=vvee3+'1'; 

  879.  }else

  880.  {

  881.   vvee3=vvee3+'0';

  882.  }

  883.  if (document.getElementById("d36").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  884.  {

  885.  vvee3=vvee3+'1'; 

  886.  }else

  887.  {

  888.   vvee3=vvee3+'0';

  889.  }

  890.  if (document.getElementById("d37").style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  891.  {

  892.  vvee3=vvee3+'1'; 

  893.  }else

  894.  {

  895.   vvee3=vvee3+'0';

  896.  }

  897.  //alert(vvee3);

  898.  var ktype = '1';

  899.  if (vvee1=='0000000')

  900.  {

  901.  

  902.  }else

  903.  {

  904.  ktype='2';

  905.   st1 = document.getElementById("st1").value.replace(':','') ;

  906.   et1= document.getElementById("et1").value.replace(':','') ;

  907.   if (st1.length==0 || et1.length==0)

  908.   {

  909.      alert('請選擇時段1的起始與結束時間');

  910. 	 return;

  911.   }

  912.  }

  913.  if (vvee2=='0000000')

  914.  {

  915.  

  916.  }else

  917.  {

  918.  ktype='2';

  919.   st2 = document.getElementById("st2").value.replace(':','') ;

  920.   et2= document.getElementById("et2").value.replace(':','') ;

  921.    if (st2.length==0 || et2.length==0)

  922.   {

  923.      alert('請選擇時段2的起始與結束時間');

  924. 	 return;

  925.   }

  926.  }

  927.  if (vvee3=='0000000')

  928.  {

  929.  

  930.  }else

  931.  {

  932. ktype='2';

  933.   st3 = document.getElementById("st3").value.replace(':','') ;

  934.   et3= document.getElementById("et3").value.replace(':','') ;

  935.   

  936.   //alert(st3.length)

  937.   if (st3.length==0 || et3.length==0)

  938.   {

  939.      alert('請選擇時段3的起始與結束時間');

  940. 	 return;

  941.   }

  942.  }

  943.  

  944. 

  945.  

  946.  

  947.  if (ktype=='2')

  948.  {

  949.  cycy=vvee1+','+st1 +','+ et1+','+ vvee2+','+st2+','+et2+','+vvee3+','+st3+','+et3;

  950.  

  951.  vcyd='';

  952.    var vcy = cycy.split(',');

  953.  let days=[];

  954.  

  955. 			if (vcy[0]=='0000000')

  956. 			{

  957. 			}else

  958. 			{

  959. 		 

  960. 			 

  961. 			if (vcy[0].substring(0,1)=='1')

  962. 			days.push('日');

  963. 			if (vcy[0].substring(1,2)=='1')

  964. 			days.push('一');

  965. 			if (vcy[0].substring(2,3)=='1')

  966. 			days.push('二');

  967. 			if (vcy[0].substring(3,4)=='1')

  968. 			days.push('三');

  969. 			if (vcy[0].substring(4,5)=='1')

  970. 			days.push('四');

  971. 			if (vcy[0].substring(5,6)=='1')

  972. 			days.push('五');

  973. 			if (vcy[0].substring(6,7)=='1')

  974. 			days.push('六');	

  975. 			vcy[1]=vcy[1].substring(0,2)+':'+vcy[1].substring(2,4);

  976. 			vcy[2]=vcy[2].substring(0,2)+':'+vcy[2].substring(2,4);

  977. 			vcyd=vcyd+'#1.'+vcy[1]+'~'+vcy[2]+' '+' '+days.join(',');

  978. 			}

  979. 			

  980. 			days=[];

  981. 			if (vcy[3]=='0000000')

  982. 			{

  983. 			}else

  984. 			{

  985. 			 

  986. 			 

  987. 			if (vcy[3].substring(0,1)=='1')

  988. 			days.push('日');

  989. 			if (vcy[3].substring(1,2)=='1')

  990. 			days.push('一');

  991. 			if (vcy[3].substring(2,3)=='1')

  992. 			days.push('二');

  993. 			if (vcy[3].substring(3,4)=='1')

  994. 			days.push('三');

  995. 			if (vcy[3].substring(4,5)=='1')

  996. 			days.push('四');

  997. 			if (vcy[3].substring(5,6)=='1')

  998. 			days.push('五');

  999. 			if (vcy[3].substring(6,7)=='1')

  1000. 			days.push('六');

  1001. 			 vcy[4]=vcy[4].substring(0,2)+':'+vcy[4].substring(2,4);

  1002. 			vcy[5]=vcy[5].substring(0,2)+':'+vcy[5].substring(2,4);

  1003. 			vcyd=vcyd+'#2.'+vcy[4]+'~'+vcy[5]+' '+' '+days.join(',');

  1004. 			}

  1005. 			

  1006. 			days=[];

  1007. 			if (vcy[6]=='0000000')

  1008. 			{

  1009. 			}else

  1010. 			{

  1011. 		 

  1012. 			

  1013. 			if (vcy[6].substring(0,1)=='1')

  1014. 			days.push('日');

  1015. 			if (vcy[6].substring(1,2)=='1')

  1016. 			days.push('一');

  1017. 			if (vcy[6].substring(2,3)=='1')

  1018. 			days.push('二');

  1019. 			if (vcy[6].substring(3,4)=='1')

  1020. 			days.push('三');

  1021. 			if (vcy[6].substring(4,5)=='1')

  1022. 			days.push('四');

  1023. 			if (vcy[6].substring(5,6)=='1')

  1024. 			days.push('五');

  1025. 			if (vcy[6].substring(6,7)=='1')

  1026. 			days.push('六');	

  1027. 		    vcy[7]=vcy[7].substring(0,2)+':'+vcy[7].substring(2,4);

  1028. 			vcy[8]=vcy[8].substring(0,2)+':'+vcy[8].substring(2,4);

  1029. 			vcyd=vcyd+'#3.'+vcy[7]+'~'+vcy[8]+' '+' '+days.join(',');

  1030. 			}

  1031.  

  1032.  

  1033.  }

  1034.  else

  1035.  {

  1036.  //cycy='';

  1037.  }

  1038.  

  1039.  fincycle='';

  1040.   fincycle= document.getElementById("ItemNOSer").value+';';

  1041.    fincycle=fincycle+ vtstp+';';

  1042.  

  1043.  fincycle=fincycle+cycy+';';

  1044. 

  1045.  //alert(cycy);

  1046. // alert(fincycle);

  1047.  if (orgcycle==fincycle)

  1048.  {

  1049.  issame=true;

  1050. // alert('相同');

  1051.  }

  1052.     vtttt = document.getElementById("ItemNOSer").value;

  1053.  if (issame)

  1054.  {

  1055.  

  1056.  	 vsn='';

  1057. 		 try

  1058. 		 {

  1059. 		 

  1060.                      vtttt = document.getElementById("ItemNOSer").value;

  1061. 		

  1062. 		 

  1063. 		 var jsonString = "{\"action\":\"shareQr\", \"serial\":\"001\",\"data\":{\"name\":\""+kname+"\",\"note\":\""+vtttt+"\",\"QRCode\":\""+vvqrcd+"\",\"time\":\""+vtstpqr+"\",\"cycle\":\""+vcyd+"\"}}";

  1064.        

  1065. 		if (TYPE=='IOS')

  1066. 		{

  1067.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1068. 		}

  1069. 		if (TYPE=='ANDROID')

  1070. 		{

  1071.         webSocket.send(jsonString);

  1072. 		}

  1073. 		

  1074. 		if (TYPE=='PC')

  1075. 		{

  1076.             shareQrPC(jsonString);

  1077. 		}

  1078. 		 

  1079. 		 }catch(e)

  1080. 		 {

  1081. 		  //alert(e);

  1082. 		 alert('連線異常');

  1083. 		 }

  1084. 	

  1085.  

  1086.  }

  1087.  else 

  1088.  {

  1089.  

  1090. 

  1091. 

  1092.  var vt=new Date().format("yyyy/MM/dd_HH:mm:ss")

  1093. 	     // alert(document.getElementById("ItemNOSer").value);

  1094. 		   vtttt = document.getElementById("ItemNOSer").value;

  1095. 		//  alert(ktype);

  1096. 		//  return;

  1097. 	var edata456 ="{\"action\":\"mqttupdateRemoteKey\",\"data\":{\"Command\":\"PassWord="+PW+"&ReGenerate=1&Stat=1&Type="+ktype+"&IndexID="+idx+"&TimeStamp="+vtstp+"&Cycle="+cycy+"&UserID="+ID+"&Title="+vtttt+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1098. 	    

  1099. 	   var jsonString333 = "{\"action\":\"encode\", \"serial\":\"003\",\"data\":"+edata456+"}";

  1100. 			vsn='003';

  1101.         //updateOutput(jsonString);

  1102. 		//alert(jsonString);

  1103. 		//return;

  1104. 		if (TYPE=='IOS')

  1105. 		{

  1106.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString333);

  1107. 		}

  1108. 	

  1109. 		if (TYPE=='ANDROID')

  1110. 		{

  1111.         webSocket.send(jsonString333);

  1112. 		}

  1113. 		

  1114. 		if (TYPE=='PC')

  1115. 		{

  1116.         selfendecode(edata456);

  1117. 		}

  1118. }	

  1119.  

  1120.  

  1121.  

  1122.  

  1123.  }

  1124.  

  1125.  function btnitemback(vid)

  1126.  {

  1127.  try

  1128.  {

  1129.  //alert(vid);

  1130.  // alert(document.getElementById(vid).style.backgroundImage.slice(4, -1).replace(/"/g, ""));

  1131.  

  1132.  if (document.getElementById(vid).style.backgroundImage.slice(4, -1).replace(/"/g, "").includes('bgreen.png'))

  1133.  {

  1134.  document.getElementById(vid).style.background="url('image/bgrey.png') no-repeat  center/100%";

  1135.  }else

  1136.  {

  1137.  document.getElementById(vid).style.background="url('image/bgreen.png') no-repeat  center/100%";

  1138.  }

  1139.  

  1140. 

  1141.  }catch(e)

  1142.  {

  1143.  alert(e);

  1144.  }

  1145.  

  1146.  }

  1147.  

  1148.  function btndddel()

  1149.  {

  1150.  

  1151.  var yes = confirm('確定刪除？');

  1152.  if (yes) {

  1153. 

  1154. try

  1155.  {

  1156. 

  1157.     //alert('ue');

  1158. 	//return;

  1159. 	 var vt=new Date().format("yyyy/MM/dd_HH:mm:ss")

  1160. 	    // alert(document.getElementById("ItemNOSer").value);

  1161.            vtttt = document.getElementById("ItemNOSer").value;

  1162. 		//  alert(ktype);

  1163. 		

  1164. 		//  return;

  1165. 		var edata3 ="";

  1166. 	  edata3 ="{\"action\":\"mqttdeleteRemoteKey\",\"data\":{\"Command\":\"PassWord="+PW+"&IndexID="+idx+"&UserID="+ID+"\",\"SerialNo\":\"Reserve"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1167. 	  //  alert(edata);

  1168. 	  var jsonString4 ="";

  1169. 	    jsonString4 = "{\"action\":\"encode\", \"serial\":\"101\",\"data\":"+edata3+"}";

  1170. 	

  1171. 	vsn='101';

  1172.        // updateOutput(jsonString);

  1173. 		//alert(jsonString);

  1174. 		//return;

  1175. 		if (TYPE=='IOS')

  1176. 		{

  1177.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString4);

  1178. 		}

  1179. 	

  1180. 		if (TYPE=='ANDROID')

  1181. 		{

  1182.         webSocket.send(jsonString4);

  1183. 		}

  1184. 		

  1185. 		if (TYPE=='PC')

  1186. 		{

  1187.         selfendecode(edata3);

  1188. 		}

  1189. 		

  1190.  }

  1191.  catch(e)

  1192.  {

  1193.  alert('連線異常');

  1194.  }

  1195. } else {

  1196. }

  1197.  

  1198.   }

  1199.  

  1200.  

  1201.  	function getdoorlist() 

  1202. 	 {

  1203. 	 

  1204. 	 var vt=new Date().format("yyyy/MM/dd_HH:mm:ss")

  1205. 	

  1206. 	 

  1207. 	      

  1208. 	var edata ="{\"action\":\"mqttqueryCallList\",\"data\":{\"Command\":\"PassWord="+PW+"\",\"SerialNo\":\"Reserve"+CID+"1\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1209. 	    

  1210. 	   var jsonString = "{\"action\":\"encode\", \"serial\":\"001\",\"data\":"+edata+"}";

  1211. 			vsn='001';

  1212.        // updateOutput(jsonString);

  1213. 		isget2=false;

  1214. 		if (TYPE=='IOS')

  1215. 		{

  1216.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1217. 		}

  1218. 	

  1219. 		if (TYPE=='ANDROID')

  1220. 		{

  1221.         webSocket.send(jsonString);

  1222. 		}

  1223. 		

  1224. 		if (TYPE=='PC')

  1225. 		{

  1226.         selfendecode(edata);

  1227. 		}

  1228. 	

  1229. 	}

  1230. 	

  1231.  

  1232.  

  1233.  </script>

  1234.  <script type="text/javascript">

  1235.     var webSocket;

  1236.     var input = document.getElementById("input")

  1237.     var output = document.getElementById("output");

  1238. 	var vdata="";

  1239. 	var isok=true;

  1240. 	var webSocket;

  1241.      //var connectBtn = document.getElementById("connectBtn");

  1242.      //var wsUrl = "ws://localhost:2980/";

  1243.      //	var wsUrl = "ws://192.168.0.27:2980/";

  1244.      // var wsUrl = "ws://192.168.0.30:2980/";

  1245. 	  var wsUrl = "ws://127.0.0.1:2980/";

  1246. 	  //var wsUrl = "ws://192.168.0.25:2980/";

  1247. 	  function connect() 

  1248. 	  {

  1249.       // open the connection if one does not exist

  1250.       if (webSocket !== undefined  && webSocket.readyState !== WebSocket.CLOSED) 

  1251. 	  {

  1252.         return;

  1253.       }

  1254. 

  1255.     //  updateOutput("Trying to establish a WebSocket connection to <code>" + wsUrl + "</code>");

  1256. 

  1257.       // Create a websocket

  1258.       webSocket = new WebSocket(wsUrl);

  1259. 

  1260.       webSocket.onopen = function(event) {

  1261. 	 

  1262. 		 

  1263.       };

  1264. 

  1265.       webSocket.onmessage = function(event) 

  1266. 	  {

  1267. 	    var ress = event.data;

  1268. 			 if (is2=='002' )

  1269. 	 {

  1270. 	 

  1271. 	    var vobj = JSON.parse(ress); 

  1272. 		if (vobj.success===true)

  1273. {

  1274. alert('OK');

  1275. window.history.go(-1);

  1276. }

  1277. else

  1278. {

  1279. alert('失敗');

  1280. } 

  1281. 	is2='';

  1282.       };

  1283. 	 if (is2=='001' )

  1284. 	 {

  1285. 	  var vobj = JSON.parse( ress); 	

  1286.      message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1287.     message4.destinationName = SN ;

  1288. 	message4.retained = false;

  1289. 		message4.qos = 0;

  1290. 	 client.send(message4); 

  1291. 	 is2='002';

  1292. 	 }

  1293. 

  1294. 	  } 

  1295. 	  

  1296.       webSocket.onclose = function(event) 

  1297. 	  {

  1298.         //   updateOutput("Connection Closed");

  1299.         //connectBtn.disabled = false;

  1300.         //sendBtn.disabled = true;

  1301.       };

  1302.     }

  1303.  

  1304.  

  1305.  function shareQr() {

  1306.         var text = input.value;

  1307.         var jsonString = "{\"action\":\"shareQr\", \"serial\":\"001\",\"data\":\""+text+"\"}";

  1308.         //updateOutput(jsonString);

  1309.         /// "WebToApp". 為我們和前端開發人員的約定

  1310.         

  1311. 		if (TYPE=='IOS')

  1312. 		{

  1313.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1314. 		}

  1315. 		if (TYPE=='ANDROID')

  1316. 		{

  1317.         webSocket.send(jsonString);

  1318. 		}

  1319.     }

  1320. 	

  1321. 	 function shareQrPC(message) {

  1322. 	 message=message.replaceAll('=','-');

  1323. 	  message=message.replaceAll('#','*');

  1324.       //  alert('shareQrPC '+message);

  1325. 		//alert("index4.html?idx="+vvvi+"&tt="+"&qrcd=&cy="+"&name="+kname+"&st="+"&et="+"&tp=1"+"&CID="+CID+"&ID="+kkid+"&PW="+PW+"&TYPE="+TYPE+"&SN="+SN+"&MQTT="+vmqtt+"&SubID="+SubID);

  1326. 		document.location = "index4.html?idx="+vvvi+"&tt="+"&qrcd=&cy="+"&name="+kname+"&st="+"&et="+"&tp=1"+"&CID="+CID+"&ID="+kkid+"&PW="+PW+"&TYPE="+TYPE+"&SN="+SN+"&MQTT="+vmqtt+"&SubID="+SubID+"&sqr="+message; 

  1327.         

  1328.     }

  1329. 	

  1330. 	//self start

  1331. 	 function selfendecode(message) {

  1332. 	

  1333. 	 if (vsn=='002'||vsn=='103')

  1334. 		 {

  1335. 		 isget=true;

  1336. 		// alert(vsn);

  1337. 		 message = teaDecrypt(message,'75$095huOQ77kKv!');

  1338. 		// alert('002 or 103 '+message);

  1339. 		  var ress = message;

  1340. 		  vsn='104';

  1341. 		 try

  1342. 		 {

  1343. 		 //  var vobj = JSON.parse( ress); 		

  1344. 		 //alert( vobj.data);

  1345. 		 //var sevobj = JSON.parse( vobj); 

  1346.         // alert('de'+ ress);

  1347. 	senttoother();

  1348. 		 alert('OK');

  1349. 		 //23456

  1350. 		 window.history.go(-1);

  1351. 		 //document.location = "index2.html?KID="+ID +"&name="+ kname; 

  1352. 		 }catch(e)

  1353. 		 {

  1354. 		 alert(e);

  1355. 		 }

  1356. 		 }

  1357. 		 

  1358. 		 if (vsn=='004')

  1359. 		 {

  1360. 		 //alert('004');

  1361. 		 vsn='';

  1362. 		  message = teaDecrypt(message,'75$095huOQ77kKv!');

  1363. 		 isget3 = true;		 

  1364. 		 var ress = message;

  1365. 		  

  1366. 		 

  1367. 		 try

  1368. 		 {

  1369. 		 // alert('de'+ ress);

  1370. 		    vobj = JSON.parse( ress);

  1371. 		 var qrcd= vobj.data.CardID;  

  1372. 		  alert('004 '+message);

  1373. 		  

  1374. 		// var qrcd= vobj.data.data.CardID;  

  1375. 		 // alert( qrcd);

  1376. 		 //var sevobj = JSON.parse( vobj); 

  1377.          // alert('de'+ ress);

  1378. 		 //alert('OK');

  1379. 		 //window.history.go(-1);

  1380. 		 //document.location = "index2.html?KID="+ID +"&name="+ kname; 

  1381. 		 //"name":"健身房","note":"王大明09123456789","QRCode":"KaiZvhWz5dcUqkkuvAK0q6T/iw4dbE7CpGKDozTFL2LkH6g1YRdayW=="

  1382. 		// alert(vtttt);

  1383. 		//vcyd

  1384. 		  var jsonString = "{\"action\":\"shareQr\", \"serial\":\"001\",\"data\":{\"name\":\""+kname+"\",\"note\":\""+vtttt+"\",\"QRCode\":\""+qrcd+"\",\"time\":\""+vtstpqr+"\",\"cycle\":\""+vcyd+"\"}}";

  1385.         // alert(jsonString);      

  1386. 	  // updateOutput(jsonString);

  1387.         /// "WebToApp". 為我們和前端開發人員的約定

  1388. 	     orgcycle=fincycle;

  1389. 	       vvqrcd=qrcd;

  1390. 	       senttoother();

  1391. 		if (TYPE=='IOS')

  1392. 		{

  1393.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1394. 		}

  1395. 		if (TYPE=='ANDROID')

  1396. 		{

  1397.         webSocket.send(jsonString);

  1398. 		}

  1399. 		

  1400. 		if (TYPE=='PC')

  1401. 		{

  1402.         shareQrPC(jsonString);

  1403. 		}

  1404. 		 

  1405. 		 }catch(e)

  1406. 		 {

  1407. 		 alert(e);

  1408. 		 }

  1409. 		 }

  1410. 		 

  1411. 	     if (vsn=='001')

  1412. 		 {

  1413. 		 try

  1414. 		 {

  1415. 		 // alert( '001');

  1416. 		  message = teaEncrypt(message,'75$095huOQ77kKv!');

  1417. 		  var ress = message;

  1418. 		  // alert( ress);

  1419. 		  isget2=true;

  1420. 		   //  vobj = JSON.parse( ress); 		 

  1421. 		  isget=false;

  1422. 		  // vdata = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1423. }catch(e)

  1424. {

  1425. alert(e);

  1426. }		 

  1427.            //updateOutput('---------------------------');

  1428. 		 // updateOutput(vdata);

  1429. 		  

  1430. 		 

  1431.      message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  1432.     message4.destinationName = SN ;

  1433. 	message4.retained = false;

  1434. 		message4.qos = 0;

  1435. 	var vivi = 0;

  1436. 	  //  client.send(message); 

  1437.     var intervalID  =   setInterval(() => {	

  1438. 	if (isget)

  1439. 	 {

  1440. 	 

  1441. 	 }

  1442. 	 else

  1443. 	 {

  1444. 	   if (vivi>15)

  1445. 	   {

  1446. 	    clearInterval(intervalID);

  1447. 	   alert('連線異常');

  1448. 	  

  1449. 	   }else

  1450. 	   {

  1451. 	     vivi++;

  1452. 		  if (isconn)

  1453. 	   {

  1454. 	 client.send(message4); 

  1455. 	   }

  1456. 	   

  1457. 	   }

  1458. 	

  1459. 	}	

  1460.   }, 400);	

  1461. 	 

  1462. 		 }

  1463. 		 

  1464. 		  if (vsn=='101')

  1465. 		 {

  1466. 		 try

  1467. 		 {

  1468. 		 vsn='102';

  1469. 		 // alert( '102');

  1470. 		  message = teaEncrypt(message,'75$095huOQ77kKv!');

  1471. 		  var ress = message;

  1472. 		 // alert( ress);

  1473. 		 //    vobj = JSON.parse( ress); 		 

  1474. 		  isget=false;

  1475. 		 //  vdata = "{\"encrypt\":\"1\",\"data\":\""+message+"\"}";

  1476. 		 

  1477.            //updateOutput('---------------------------');

  1478. 		 // updateOutput(vdata);

  1479. 		  

  1480. 	 

  1481. 	message9 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  1482.     message9.destinationName = SN ;

  1483. 	  message9.retained = false;

  1484. 		message9.qos = 0;

  1485. var vivi = 0;

  1486.  

  1487. 	 //   client.send(message); 

  1488.     var intervalID  =   setInterval(() => {	

  1489. 	if (isget)

  1490. 	 {

  1491. 	 

  1492. 	 }

  1493. 	 else

  1494. 	 {

  1495. 	   if (vivi>15)

  1496. 	   {

  1497. 	  

  1498. 	   clearInterval(intervalID);

  1499.       alert('連線異常');	  

  1500. 	  }else

  1501. 	   {

  1502. 	    if (isconn)

  1503. 		{

  1504. 		 client.send(message9); 

  1505. 		}

  1506. 	   

  1507. 		 vivi++;

  1508. 	   }

  1509. 	

  1510. 	}	

  1511.   }, 400);	

  1512.   

  1513. 	 }catch(e)

  1514. {

  1515. alert(e);

  1516. }

  1517. 		 }

  1518. 		 

  1519. 		 if (vsn=='003')

  1520. 		 {

  1521. 		 try

  1522. 		 {

  1523. 		 // alert( '003');

  1524. 		  message = teaEncrypt(message,'75$095huOQ77kKv!');

  1525. 		  var ress = message;

  1526. 		  // alert( ress);

  1527. 		//     vobj = JSON.parse( ress); 		 

  1528. 		isget3=false;

  1529. 	//	   vdata = "{\"encrypt\":\"1\",\"data\":\""+message+"\"}";

  1530. }catch(e)

  1531. {

  1532. alert(e);

  1533. }		 

  1534.            //updateOutput('---------------------------');

  1535. 		//  updateOutput(vdata);

  1536. 		  

  1537. 		 

  1538. message6= new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  1539.     message6.destinationName = SN ;

  1540. 	   message6.retained = false;

  1541. 		message6.qos = 0;

  1542. 	

  1543. 	//setTimeout(() => {

  1544. 	var vivi = 0;

  1545. 	 

  1546. 	  

  1547.     var intervalID  =   setInterval(() => {	

  1548. 	if (isget3)

  1549. 	 {

  1550. 	 

  1551. 	 }

  1552. 	 else

  1553. 	 {

  1554. 	   if (vivi>15)

  1555. 	   {

  1556. 	   alert('連線異常');

  1557. 	   clearInterval(intervalID);

  1558. 	   }else

  1559. 	   {

  1560. 	     vivi++;

  1561. 		 if (isconn)

  1562. 		 {

  1563. 		  client.send(message6); 

  1564. 		 }

  1565. 	   

  1566. 	   }

  1567. 	

  1568. 	}	

  1569.   }, 400);	

  1570. 	

  1571.    

  1572. 		 

  1573. 		 }

  1574. 	

  1575.       //  updateOutput(message);

  1576.         

  1577.     }

  1578. 	//self end

  1579. 

  1580.     function AppToWeb(message)

  1581. 	{

  1582. 

  1583. 	 if (is2=='002' )

  1584. 	 {

  1585. 	   var ress = message;

  1586. 	    var vobj = JSON.parse(ress); 

  1587. 		if (vobj.success===true)

  1588. {

  1589. alert('OK');

  1590. window.history.go(-1);

  1591. }

  1592. else

  1593. {

  1594. alert('失敗');

  1595. } 

  1596. 	is2='';

  1597. 	  } 

  1598. 	  

  1599. 	 if (is2=='001' )

  1600. 	 {

  1601. 	  var vobj = JSON.parse( message); 	

  1602.      message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}");

  1603.     //message4 = new Paho.MQTT.Message("{\"encrypt\":\"1\",\"data\":\""+message+"\"}");

  1604.     

  1605. 	message4.destinationName = SN ;

  1606. 	message4.retained = false;

  1607. 		message4.qos = 0;

  1608. 	 client.send(message4); 

  1609. 	 is2='002';

  1610. 	 }

  1611. 	 

  1612.     }

  1613. 

  1614.     function endode() {

  1615.         var text = input.value;

  1616.         var jsonString = "{\"action\":\"encode\", \"serial\":\"001\",\"data\":"+text+"}";

  1617. 		

  1618.        // updateOutput(jsonString);

  1619.         /// "WebToApp". 為我們和前端開發人員的約定

  1620. 		if (TYPE=='IOS')

  1621. 		{

  1622.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1623. 		}

  1624. 		if (TYPE=='ANDROID')

  1625. 		{

  1626.         webSocket.send(jsonString);

  1627. 		}

  1628. 		

  1629.     }

  1630. 

  1631.     function decode() {

  1632.         var text = input.value;

  1633.         var jsonString = "{\"action\":\"decode\", \"serial\":\"001\",\"data\":\""+text+"\"}";

  1634.         //updateOutput(jsonString);

  1635.         /// "WebToApp". 為我們和前端開發人員的約定

  1636. 		if (TYPE=='IOS')

  1637. 		{

  1638.         window.webkit.messageHandlers.WebToApp.postMessage(jsonString);

  1639. 		}

  1640.        if (TYPE=='ANDROID')

  1641. 		{

  1642.         webSocket.send(jsonString);

  1643. 		}

  1644.     }

  1645. 	

  1646. 	 

  1647. 

  1648.     function updateOutput(text) {

  1649.       output.innerHTML += "<br/>" + text;

  1650.     }

  1651. 	

  1652. 	

  1653.     </script>

  1654. 	<script>  

  1655.     var getUrlParameter = function getUrlParameter(sParam) {

  1656.     var sPageURL = decodeURIComponent(window.location.search.substring(1)),

  1657.         sURLVariables = sPageURL.split('&'),

  1658.         sParameterName,

  1659.         i;

  1660. 

  1661.     for (i = 0; i < sURLVariables.length; i++) {

  1662.         sParameterName = sURLVariables[i].split('=');

  1663. 

  1664.         if (sParameterName[0] === sParam) {

  1665.             return sParameterName[1] === undefined ? true : sParameterName[1];

  1666.         }

  1667.     }

  1668. };

  1669. 

  1670. Date.prototype.format = function (format) {

  1671.     //eg:format="yyyy-MM-dd hh:mm:ss";

  1672. 

  1673.     if (!format) {

  1674.         format = "yyyy-MM-dd hh:mm:ss";

  1675.     }

  1676. 

  1677.     var o = {

  1678.         "M+": this.getMonth() + 1,  // month

  1679.         "d+": this.getDate(),       // day

  1680.         "H+": this.getHours(),      // hour

  1681.         "h+": this.getHours(),      // hour

  1682.         "m+": this.getMinutes(),    // minute

  1683.         "s+": this.getSeconds(),    // second

  1684.         "q+": Math.floor((this.getMonth() + 3) / 3), // quarter

  1685.         "S": this.getMilliseconds()

  1686.     };

  1687. 

  1688.     if (/(y+)/.test(format)) {

  1689.         format = format.replace(RegExp.$1, (this.getFullYear() + "")

  1690.             .substr(4 - RegExp.$1.length));

  1691.     }

  1692. 

  1693.     for (var k in o) {

  1694.         if (new RegExp("(" + k + ")").test(format)) {

  1695.             format = format.replace(RegExp.$1, RegExp.$1.length == 1

  1696.                 ? o[k]

  1697.                 : ("00" + o[k]).substr(("" + o[k]).length));

  1698.         }

  1699.     }

  1700. 

  1701.     return format;

  1702. };

  1703. </script>  

  1704. <br>

  1705. 

  1706. </body>

  1707. 

  1708. </html>