Accueil Explorateur Aide
Connexion
tom
/
Orader
Suivre 1
Voter 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
預約系統 IOS / Android Windows
4 Révisions
1 Branches
Branche: master
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'master'
${ noResults }
Orader/nwjs-v0.83.0-win-x64/pchtml/index4.html

index4.html 49KB
Lien permanent Historique Brut

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261 
  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 src="js/jquery-qrcode-0.17.0.min.js" type="text/javascript" ></script>

  11.     <script src="js/html2canvas.js" type="text/javascript" ></script>

  12. 	 <script src="js/canvas2image.js" type="text/javascript" ></script>

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

  14.  var message999;

  15. var message0 ;

  16. 	var message4 ;

  17. 	var message9 ;

  18. 		var message6;

  19. 			var message7 ;

  20. 			var message2 ;

  21. 			var issame=false;

  22. 			 var vvqrcd= '';  

  23. 			 var orgcycle='';

  24. 			 var fincycle='';

  25. 			 var orgtimestamp='';

  26. 			 var isconn = false;

  27.  var CID = '';

  28.   var ID = '';

  29.   var PW = '';

  30.     var TYPE = '';

  31. var client;

  32. var kname='';

  33. var myclientid='';

  34.     var tt =  '';

  35. 	var st = '';

  36. 	 var et =  '';

  37. 	 var idx = '';

  38. 	var cy='';

  39. 	var vtype='';

  40.     var vtttt='';

  41. 	 var isget = false;

  42. 	  var isget2 = false;

  43. 	    var isget3 = false;

  44. 	 var vtstpqr='';

  45. 	 var vcyd='';

  46. 	 var vmqtt='';

  47. 	 var SN='';

  48. 	 var SubID='';

  49. 	 var vsn='';

  50. 	  var vobj;

  51. 	   var sstitle ='三品御(#7)';

  52. 	  var sqr;

  53. var ooodata='';

  54.  var vvvtime='';

  55.   var whoorder='';

  56.   var tt;

  57. function init() 

  58. {

  59. try

  60. {

  61. CID = getUrlParameter('CID');

  62.     ID = getUrlParameter('ID');

  63. 	PW= getUrlParameter('PW');

  64. 	TYPE= getUrlParameter('TYPE');

  65. 	 SN = getUrlParameter('SN');

  66. 	vmqtt = getUrlParameter('MQTT');

  67. 	SubID = getUrlParameter('SubID');

  68. 	sqr = getUrlParameter('sqr');

  69.  tt= getUrlParameter('tt');

  70. 	vvqrcd=  getUrlParameter('qrcd');

  71. 	vvqrcd=vvqrcd.replaceAll('-','=');

  72. 

  73. 	// alert(vvqrcd);

  74. 	  

  75. 	

  76.  

  77. 	kname= getUrlParameter("name");

  78.  

  79. 	 document.getElementById("btn100").innerHTML  =kname;

  80. 	 

  81. 	  sqr=sqr.replaceAll('-','=');

  82. 	     sqr=sqr.replace('*','');

  83. 	   sqr=sqr.replaceAll('*','<br>');

  84. 	//alert(sqr);

  85. 	 var vobj = JSON.parse( sqr); 

  86. 	 var vd = vobj.data;

  87. 	 var abc=vd.QRCode;

  88. 	 whoorder=vd.note;

  89. 	 document.getElementById("btn8000").innerHTML  =sstitle;

  90. 	  document.getElementById("btn9000").innerHTML  =whoorder;

  91. 	 	 document.getElementById("btn9100").innerHTML  =vd.time;

  92. 		 vvvtime=vd.time;

  93. 		 vvvtime=vvvtime.replaceAll('/','-');

  94. 		  vvvtime=vvvtime.replaceAll(':','-');

  95. 		 if (vd.cycle.length==0)

  96. 		 {

  97. 		// alert('0');

  98. 		 }

  99. 		 	 document.getElementById("btn9200").innerHTML  =vd.cycle;

  100. 	 

  101. 	 document.getElementById("jquery-qrcode-div").innerHTML = '';

  102. 	      //alert(abc);

  103.           $("#jquery-qrcode-div").qrcode({

  104.             render: 'div',

  105.             size: 380,

  106.             text: abc,

  107. 		    fill: '#000000'

  108.  		

  109.         });

  110. 	 

  111. 	 }catch(e)

  112. 	 {

  113. 	 alert(e);

  114. 	 }

  115.  

  116.  

  117. }

  118. function onConnectionLost(message) 

  119. {

  120. //alert('連線失敗或重複登入');

  121. //document.location = "index.html?TYPE=PC&ID=00000000";

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

  123. }

  124. function onMessageArrived(message) 

  125. {

  126. 

  127. //alert(message.payloadString);

  128. var errda = message.payloadString;

  129. 

  130. if (errda.startsWith('modify'))

  131. {

  132. try

  133. {

  134.  var kkdd = errda.split(',');

  135.  

  136.  

  137.  if (kkdd[3]==kname)

  138.  {

  139.  

  140.  if (kkdd[1]==idx)

  141.  {

  142.   if (kkdd[2]!=SubID)

  143.   {

  144.        alert('此筆資料已修改');

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

  146.   }

  147.  }

  148.  }

  149.  else

  150.  {

  151.   

  152.  }

  153. }catch

  154. {}

  155. 

  156. }else

  157. {

  158. 

  159.   vobj = JSON.parse( errda); 		

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

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

  162. 		//updateOutput(jsonString);

  163. 		if (vsn=='001')

  164. 		{

  165. 		vsn='002';

  166. 		}

  167. 		else if (vsn=='003')

  168. 		{

  169. 		vsn='004';

  170. 		}

  171. 		else if (vsn=='102')

  172. 		{

  173. 		jsonString = "{\"action\":\"decode\", \"serial\":\"103\",\"data\":\""+vobj.data+"\"}"

  174. 		vsn='103';

  175. 		//alert('103');

  176. 		//alert(errda);

  177. 		}

  178. 		//alert(vsn);

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

  180. 		if (TYPE=='IOS')

  181. 		{

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

  183. 		}

  184.        if (TYPE=='ANDROID')

  185. 		{

  186.         webSocket.send(jsonString);

  187. 		}

  188. 		

  189. 		if (TYPE=='PC')

  190. 		{

  191.         selfendecode(vobj.data);

  192. 		}

  193. 		

  194. }

  195. 

  196. }

  197. function onFailedConnect() 

  198. {

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

  200. }

  201. function onConnect() 

  202. {

  203. isconn=true;

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

  205. 	try

  206. 	{

  207. 	

  208. 	 

  209. 	

  210.     }

  211. 	catch(e)

  212.     {

  213.        alert(e);

  214.     }

  215. 	//alert('c');

  216. }

  217. 

  218. </script>

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

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

  221.    </head>

  222. 

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

  224. <div>

  225. 

  226. 

  227. 		

  228. 

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

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

  231.     <tbody>

  232.         <tr>

  233. 		<td  style="width: 33.3%"><button type="button" style="border-color: #dcdcdc;border-width: 0px;border-color: #dcdcdc;border-width: 0px;margin: 0px 0px 0px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: transparent;width:100%;" onclick="btback()"><img src="image/arrowiosback.png" width="40" height="40" style=" margin: -8px 0px 0px -120px ;" alt=""/></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 0px 0px;color:#FFFFFF;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #64c800;width:100%;" hidden onclick="pcbtnSaveqr()">下載</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 0px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #cce8fc;width:100%;" hidden onclick="pcbtnSaveTmp()"'+

  234. 		'>複製</button> </td>

  235.         </tbody>  

  236.         </table> 

  237.  

  238. 	  <div style="margin: 6px 0 0px 1px;background-color:#FFFFFF; " id="987">

  239. 	  <button id="btn8000"  style="margin: 6px 0px 0px 0px;outline:none;line-height:40px;vertical-align: middle;  text-align: left;width:100%;border:0px white none;background-color:#FFFFFF;font-weight: bold;font-family:Roboto_Light;font-size:30px;color:#000000;height:42px;"></button>

  240.  

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

  242.  <button id="btn9000"  style="margin: 12px 0px 0px 0px;outline:none;line-height:32px;vertical-align: middle;  text-align: left;width:100%;border:0px white none;background-color:#FFFFFF;font-weight: bold;font-family:Roboto_Light;font-size:28px;color:#000000;height:32px;"></button>  	

  243. 	<button id="btn9100"  style="margin: 12px 0px 0px 0px;outline:none;line-height:32px;vertical-align: middle;  text-align: left;width:100%;border:0px white none;background-color:#FFFFFF;font-weight: bold;font-family:Roboto_Light;font-size:28px;color:#000000;height:32px;"></button>

  244.        <button id="btn9200"  style="margin: 12px 0px 0px 0px;outline:none;line-height:32px;vertical-align: middle;  text-align: left;width:100%;border:0px white none;background-color:#FFFFFF;font-weight: bold;font-family:Roboto_Light;font-size:28px;color:#000000;height:32px;"></button>

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

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

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

  248. </br>

  249. 		 </br>

  250. 		 </br>

  251. 		    </br>			

  252. 		<center>

  253.       <div id="jquery-qrcode-div"   ></div>

  254. 	  </br>

  255.     </center>

  256. 		  </br>

  257. 		   </div> </div>

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

  259.     <tbody>

  260.         <tr>

  261. 		<td  style="width: 50%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 20px 0px 20px 0px;color:#FFFFFF;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #64c800;width:100%;" onclick="pcbtnSaveqr()">存檔</button></td><td  style="width: 50%"><button type="button" style="border-color: #dcdcdc;border-width: 1px;border-color: #dcdcdc;border-width: 1px;margin: 20px 0px 20px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #cce8fc;width:100%;" onclick="ccop()"'+

  262. 		'>複製</button></td></tr>

  263.         </tbody>  

  264.         </table> 

  265.  

  266.  

  267. </div>

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

  269.     <h2>Output</h2>

  270. </div>

  271. 

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

  273. function ccop() 

  274. { 

  275. try

  276. {

  277. navigator.clipboard.write();

  278. const el = document.getElementById("987");

  279.   html2canvas(el).then(canvas => {

  280.   canvas.toBlob(blob => navigator.clipboard.write([new ClipboardItem({'image/png': blob})]));

  281.   alert('已經複製到剪貼簿');

  282.   });

  283. 

  284.  

  285. }catch(e)

  286. {

  287. alert(e);

  288. }

  289. 

  290. }

  291. function pcbtnSaveTmp() //複製

  292. {

  293. var data = new Uint8Array([

  294.   137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,0,8,0,0,

  295.   0,8,8,2,0,0,0,75,109,41,220,0,0,0,34,73,68,65,84,8,215,99,120,

  296.   173,168,135,21,49,0,241,255,15,90,104,8,33,129,83,7,97,163,136,

  297.   214,129,93,2,43,2,0,181,31,90,179,225,252,176,37,0,0,0,0,73,69,

  298.   78,68,174,66,96,130]);

  299. var blob = new Blob([data], { type: "image/png" });

  300. var url = URL.createObjectURL(blob);

  301. var img = new Image();

  302. img.src = url;

  303. img.height=400;

  304. img.width=400;

  305. 

  306. 

  307. 	document.body.appendChild(img);

  308. 

  309. alert('OK');

  310. }

  311. 

  312. function downloadURI(uri, name) {

  313.     var link = document.createElement("a");

  314. 

  315.     link.download = name;

  316.     link.href = uri;

  317.     document.body.appendChild(link);

  318.     link.click();   

  319.  

  320. }

  321. 

  322.  

  323. 

  324. /*

  325. var saveData = (function () {

  326.     var a = document.createElement("a");

  327.     document.body.appendChild(a);

  328.     a.style = "display: none";

  329.     return function (data, fileName) {

  330.         var blob = new Blob([data], {type: "image/png"}),

  331.             url = window.URL.createObjectURL(blob);

  332.         a.href = url;

  333.         a.download = fileName;

  334.         a.click();

  335.         window.URL.revokeObjectURL(url);

  336.     };

  337. }());

  338. */

  339.  function canvasToImage(canvas) {

  340.  try

  341.  {

  342.  // const filename = 'xxxxx';

  343.   const filename =kname+' '+whoorder+' '+vvvtime;

  344.   

  345.   Canvas2Image.saveAsPNG(

  346.     canvas,

  347.     canvas.width, canvas.height,

  348.     filename

  349.   );

  350.   }catch(e)

  351.   {alert(e);}

  352. }

  353. 	

  354. function pcbtnSaveqr() //下載

  355. {

  356. 

  357. const el = document.getElementById("987");

  358.   html2canvas(el).then(canvas => {

  359.     canvasToImage(canvas);

  360.   });

  361.  

  362.   

  363.  /*

  364. var data = new Uint8Array([

  365.   137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,0,8,0,0,

  366.   0,8,8,2,0,0,0,75,109,41,220,0,0,0,34,73,68,65,84,8,215,99,120,

  367.   173,168,135,21,49,0,241,255,15,90,104,8,33,129,83,7,97,163,136,

  368.   214,129,93,2,43,2,0,181,31,90,179,225,252,176,37,0,0,0,0,73,69,

  369.   78,68,174,66,96,130]);

  370. var blob = new Blob([data], { type: "image/png" });

  371. var url = URL.createObjectURL(blob);

  372. var img = new Image();

  373. img.src = url;

  374. img.height=400;

  375. img.width=400;

  376.   

  377. saveData(data, '123.png');

  378. */

  379. }

  380. 

  381.  function btback()

  382.  {

  383.  try

  384.  {

  385. // document.location = "index3.html?idx="+idx+"&qrcd="+vvqrcd+"&tt="+tt+"&cy="+cy+"&name="+kname+"&st="+vst+"&et="+vet+"&tp="+type+"&CID="+CID+"&ID="+kkid+"&PW="+PW+"&TYPE="+TYPE+"&SN="+SN+"&MQTT="+vmqtt+"&SubID="+SubID;; 

  386.   history.go(-1);

  387.   }catch(e)

  388.   {

  389.   alert(e);

  390.   }

  391.   }	

  392.  

  393.  

  394. function btnSaveTmp()

  395. {

  396. try

  397. {

  398. issame=false;

  399.  //alert(idx);

  400. var vvee1='';

  401. var vvee2='';

  402. var vvee3='';

  403. var cycy='';

  404.   

  405. var st1 =  '0000' ;

  406. var et1= '0000' ;

  407.   

  408. var st2 =  '0000' ;

  409. var et2= '0000' ;

  410.   

  411. var st3 =  '0000' ;

  412. var et3= '0000' ;

  413. //12345

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

  415. if (vItemNOSer.length<1)

  416. {

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

  418. return;

  419. }

  420. 

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

  422. {

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

  424. return;

  425. }

  426. 

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

  428. //alert(vsdsd);

  429. //return;

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

  431. //alert(veded);

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

  433. {

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

  435. return;

  436. }

  437. //alert('pass');

  438. if (vsdsd.length>16)

  439. {

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

  441. }

  442. if (veded.length>16)

  443. {

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

  445. }

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

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

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

  449. 

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

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

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

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

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

  455. //alert(vsdsd);

  456. //alert(veded);

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

  458. 

  459. //alert(vtstp);

  460. //return;

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

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

  463.  {

  464.  vvee1='1';

  465.   //alert('bgreen');

  466.  }else

  467.  {

  468.   vvee1='0';

  469.  //alert('bgrey');

  470.  }

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

  472.  {

  473.  vvee1=vvee1+'1'; 

  474.  }else

  475.  {

  476.   vvee1=vvee1+'0';

  477.  }

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

  479.  {

  480.  vvee1=vvee1+'1'; 

  481.  }else

  482.  {

  483.   vvee1=vvee1+'0';

  484.  }

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

  486.  {

  487.  vvee1=vvee1+'1'; 

  488.  }else

  489.  {

  490.   vvee1=vvee1+'0';

  491.  }

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

  493.  {

  494.  vvee1=vvee1+'1'; 

  495.  }else

  496.  {

  497.   vvee1=vvee1+'0';

  498.  }

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

  500.  {

  501.  vvee1=vvee1+'1'; 

  502.  }else

  503.  {

  504.   vvee1=vvee1+'0';

  505.  }

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

  507.  {

  508.  vvee1=vvee1+'1'; 

  509.  }else

  510.  {

  511.   vvee1=vvee1+'0';

  512.  }

  513.  //alert(vvee1);

  514. 

  515. 

  516. 

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

  518.  {

  519.  vvee2='1';

  520.   //alert('bgreen');

  521.  }else

  522.  {

  523.   vvee2='0';

  524.  //alert('bgrey');

  525.  }

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

  527.  {

  528.  vvee2=vvee2+'1'; 

  529.  }else

  530.  {

  531.   vvee2=vvee2+'0';

  532.  }

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

  534.  {

  535.  vvee2=vvee2+'1'; 

  536.  }else

  537.  {

  538.   vvee2=vvee2+'0';

  539.  }

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

  541.  {

  542.  vvee2=vvee2+'1'; 

  543.  }else

  544.  {

  545.   vvee2=vvee2+'0';

  546.  }

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

  548.  {

  549.  vvee2=vvee2+'1'; 

  550.  }else

  551.  {

  552.   vvee2=vvee2+'0';

  553.  }

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

  555.  {

  556.  vvee2=vvee2+'1'; 

  557.  }else

  558.  {

  559.   vvee2=vvee2+'0';

  560.  }

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

  562.  {

  563.  vvee2=vvee2+'1'; 

  564.  }else

  565.  {

  566.   vvee2=vvee2+'0';

  567.  }

  568.  // alert(vvee2);

  569.  

  570.  

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

  572.  {

  573.  vvee3='1';

  574.   //alert('bgreen');

  575.  }else

  576.  {

  577.   vvee3='0';

  578.  //alert('bgrey');

  579.  }

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

  581.  {

  582.  vvee3=vvee3+'1'; 

  583.  }else

  584.  {

  585.   vvee3=vvee3+'0';

  586.  }

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

  588.  {

  589.  vvee3=vvee3+'1'; 

  590.  }else

  591.  {

  592.   vvee3=vvee3+'0';

  593.  }

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

  595.  {

  596.  vvee3=vvee3+'1'; 

  597.  }else

  598.  {

  599.   vvee3=vvee3+'0';

  600.  }

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

  602.  {

  603.  vvee3=vvee3+'1'; 

  604.  }else

  605.  {

  606.   vvee3=vvee3+'0';

  607.  }

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

  609.  {

  610.  vvee3=vvee3+'1'; 

  611.  }else

  612.  {

  613.   vvee3=vvee3+'0';

  614.  }

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

  616.  {

  617.  vvee3=vvee3+'1'; 

  618.  }else

  619.  {

  620.   vvee3=vvee3+'0';

  621.  }

  622.  //alert(vvee3);

  623.  var ktype = '1';

  624.  if (vvee1=='0000000')

  625.  {

  626.  

  627.  }else

  628.  {

  629.  ktype='2';

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

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

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

  633.   {

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

  635. 	 return;

  636.   }

  637.  }

  638.  if (vvee2=='0000000')

  639.  {

  640.  

  641.  }else

  642.  {

  643.  ktype='2';

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

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

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

  647.   {

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

  649. 	 return;

  650.   }

  651.  }

  652.  if (vvee3=='0000000')

  653.  {

  654.  

  655.  }else

  656.  {

  657. ktype='2';

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

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

  660.   

  661.   //alert(st3.length)

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

  663.   {

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

  665. 	 return;

  666.   }

  667.  }

  668.  

  669. //alert(ktype);

  670.  

  671.  

  672.  if (ktype=='2')

  673.  {

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

  675.  }

  676.  else

  677.  {

  678.  //cycy='';

  679.  }

  680. // alert(ktype);

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

  682.  //alert(cycy);

  683.  

  684.  

  685.  fincycle='';

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

  687.    fincycle=fincycle+ vtstp+';';

  688.  

  689.  fincycle=fincycle+cycy+';';

  690. 

  691.  //alert(cycy);

  692. // alert(fincycle);

  693.  if (orgcycle==fincycle)

  694.  {

  695.  issame=true;

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

  697.  }

  698.      

  699.  if (issame)

  700.  {

  701.  alert('OK');

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

  703.  }

  704.  else

  705.  {

  706.  

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

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

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

  710. 			

  711. 		//  alert(ktype);

  712. 		//  return;

  713. 	

  714. 	   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\"}}";

  715. 	    

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

  717. 			vsn='001';

  718. 			isget2=false;

  719.        // updateOutput(jsonString);

  720. 		//alert(jsonString

  721. 		

  722. 		if (TYPE=='IOS')

  723. 		{

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

  725. 		}

  726. 	

  727. 		if (TYPE=='ANDROID')

  728. 		{

  729.         webSocket.send(jsonString);

  730. 		}

  731. 		

  732. 		if (TYPE=='PC')

  733. 		{

  734. 		//alert(edata);

  735.        selfendecode(edata);

  736. 		}

  737. 		

  738.   }

  739.  

  740.  }catch(e)

  741.  {

  742.  alert(e);

  743.  }

  744. 

  745. }

  746.  

  747. function senttoother()

  748. {

  749. try

  750. {

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

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

  753. 	 message999.qos = 0;

  754. 	message999.retained = false;

  755. 	

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

  757. 	{

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

  759.           {

  760. 	     message999.destinationName = 'ReservePC'+CID+'1-'+iii.toString()  ;

  761.              client.send(message999); 

  762. 			 

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

  764.              client2.send(message999); 

  765. 	  }  

  766.        } 

  767.        

  768.        }

  769.        catch(e)

  770.        {

  771.        alert(e);

  772.        }

  773. }

  774.  

  775. function btnSaveqr()

  776. {

  777.  

  778. issame=false;

  779. //alert(idx);

  780. var vvee1='';

  781. var vvee2='';

  782. var vvee3='';

  783. var cycy='';

  784.   

  785.     var st1 =  '0000' ;

  786. var et1= '0000' ;

  787.   

  788.     var st2 =  '0000' ;

  789. var et2= '0000' ;

  790.   

  791.   var st3 =  '0000' ;

  792. var et3= '0000' ;

  793. 

  794. 

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

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

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

  798. //alert(vsdsd);

  799. //return;

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

  801. 

  802. if (vsdsd.length>16)

  803. {

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

  805. }

  806. if (veded.length>16)

  807. {

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

  809. }

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

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

  812. //alert(vsdsd);

  813. //return;

  814. 

  815. //12345

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

  817. if (vItemNOSer.length<1)

  818. {

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

  820. return;

  821. }

  822. 

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

  824. {

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

  826. return;

  827. }

  828. 

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

  830. //alert(vsdsd);

  831. //return;

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

  833. //alert(veded);

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

  835. {

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

  837. return;

  838. }

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

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

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

  842. 

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

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

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

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

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

  848. //alert(vsdsd);

  849. //alert(veded);

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

  851. vtstpqr=vtstp;

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

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

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

  855. 

  856. //alert(vtstp);

  857. //return;

  858.   

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

  860. {

  861.  vvee1='1';

  862.   //alert('bgreen');

  863.  }else

  864.  {

  865.   vvee1='0';

  866.  //alert('bgrey');

  867.  }

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

  869.  {

  870.  vvee1=vvee1+'1'; 

  871.  }else

  872.  {

  873.   vvee1=vvee1+'0';

  874.  }

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

  876.  {

  877.  vvee1=vvee1+'1'; 

  878.  }else

  879.  {

  880.   vvee1=vvee1+'0';

  881.  }

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

  883.  {

  884.  vvee1=vvee1+'1'; 

  885.  }else

  886.  {

  887.   vvee1=vvee1+'0';

  888.  }

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

  890.  {

  891.  vvee1=vvee1+'1'; 

  892.  }else

  893.  {

  894.   vvee1=vvee1+'0';

  895.  }

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

  897.  {

  898.  vvee1=vvee1+'1'; 

  899.  }else

  900.  {

  901.   vvee1=vvee1+'0';

  902.  }

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

  904.  {

  905.  vvee1=vvee1+'1'; 

  906.  }else

  907.  {

  908.   vvee1=vvee1+'0';

  909.  }

  910.  //alert(vvee1);

  911. 

  912. 

  913. 

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

  915.  {

  916.  vvee2='1';

  917.   //alert('bgreen');

  918.  }else

  919.  {

  920.   vvee2='0';

  921.  //alert('bgrey');

  922.  }

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

  924.  {

  925.  vvee2=vvee2+'1'; 

  926.  }else

  927.  {

  928.   vvee2=vvee2+'0';

  929.  }

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

  931.  {

  932.  vvee2=vvee2+'1'; 

  933.  }else

  934.  {

  935.   vvee2=vvee2+'0';

  936.  }

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

  938.  {

  939.  vvee2=vvee2+'1'; 

  940.  }else

  941.  {

  942.   vvee2=vvee2+'0';

  943.  }

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

  945.  {

  946.  vvee2=vvee2+'1'; 

  947.  }else

  948.  {

  949.   vvee2=vvee2+'0';

  950.  }

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

  952.  {

  953.  vvee2=vvee2+'1'; 

  954.  }else

  955.  {

  956.   vvee2=vvee2+'0';

  957.  }

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

  959.  {

  960.  vvee2=vvee2+'1'; 

  961.  }else

  962.  {

  963.   vvee2=vvee2+'0';

  964.  }

  965.  // alert(vvee2);

  966.  

  967.  

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

  969.  {

  970.  vvee3='1';

  971.   //alert('bgreen');

  972.  }else

  973.  {

  974.   vvee3='0';

  975.  //alert('bgrey');

  976.  }

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

  978.  {

  979.  vvee3=vvee3+'1'; 

  980.  }else

  981.  {

  982.   vvee3=vvee3+'0';

  983.  }

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

  985.  {

  986.  vvee3=vvee3+'1'; 

  987.  }else

  988.  {

  989.   vvee3=vvee3+'0';

  990.  }

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

  992.  {

  993.  vvee3=vvee3+'1'; 

  994.  }else

  995.  {

  996.   vvee3=vvee3+'0';

  997.  }

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

  999.  {

  1000.  vvee3=vvee3+'1'; 

  1001.  }else

  1002.  {

  1003.   vvee3=vvee3+'0';

  1004.  }

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

  1006.  {

  1007.  vvee3=vvee3+'1'; 

  1008.  }else

  1009.  {

  1010.   vvee3=vvee3+'0';

  1011.  }

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

  1013.  {

  1014.  vvee3=vvee3+'1'; 

  1015.  }else

  1016.  {

  1017.   vvee3=vvee3+'0';

  1018.  }

  1019.  //alert(vvee3);

  1020.  var ktype = '1';

  1021.  if (vvee1=='0000000')

  1022.  {

  1023.  

  1024.  }else

  1025.  {

  1026.  ktype='2';

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

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

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

  1030.   {

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

  1032. 	 return;

  1033.   }

  1034.  }

  1035.  if (vvee2=='0000000')

  1036.  {

  1037.  

  1038.  }else

  1039.  {

  1040.  ktype='2';

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

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

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

  1044.   {

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

  1046. 	 return;

  1047.   }

  1048.  }

  1049.  if (vvee3=='0000000')

  1050.  {

  1051.  

  1052.  }else

  1053.  {

  1054. ktype='2';

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

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

  1057.   

  1058.   //alert(st3.length)

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

  1060.   {

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

  1062. 	 return;

  1063.   }

  1064.  }

  1065.  

  1066. 

  1067.  

  1068.  

  1069.  if (ktype=='2')

  1070.  {

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

  1072.  

  1073.  vcyd='';

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

  1075.  let days=[];

  1076.  

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

  1078. 			{

  1079. 			}else

  1080. 			{

  1081. 		 

  1082. 			 

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

  1084. 			days.push('日');

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

  1086. 			days.push('一');

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

  1088. 			days.push('二');

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

  1090. 			days.push('三');

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

  1092. 			days.push('四');

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

  1094. 			days.push('五');

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

  1096. 			days.push('六');	

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

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

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

  1100. 			}

  1101. 			

  1102. 			days=[];

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

  1104. 			{

  1105. 			}else

  1106. 			{

  1107. 			 

  1108. 			 

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

  1110. 			days.push('日');

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

  1112. 			days.push('一');

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

  1114. 			days.push('二');

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

  1116. 			days.push('三');

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

  1118. 			days.push('四');

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

  1120. 			days.push('五');

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

  1122. 			days.push('六');

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

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

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

  1126. 			}

  1127. 			

  1128. 			days=[];

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

  1130. 			{

  1131. 			}else

  1132. 			{

  1133. 		 

  1134. 			

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

  1136. 			days.push('日');

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

  1138. 			days.push('一');

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

  1140. 			days.push('二');

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

  1142. 			days.push('三');

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

  1144. 			days.push('四');

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

  1146. 			days.push('五');

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

  1148. 			days.push('六');	

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

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

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

  1152. 			}

  1153.  

  1154.  

  1155.  }

  1156.  else

  1157.  {

  1158.  //cycy='';

  1159.  }

  1160.  

  1161.  fincycle='';

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

  1163.    fincycle=fincycle+ vtstp+';';

  1164.  

  1165.  fincycle=fincycle+cycy+';';

  1166. 

  1167.  //alert(cycy);

  1168. // alert(fincycle);

  1169.  if (orgcycle==fincycle)

  1170.  {

  1171.  issame=true;

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

  1173.  }

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

  1175.  if (issame)

  1176.  {

  1177.  

  1178.  	 vsn='';

  1179. 		 try

  1180. 		 {

  1181. 		 

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

  1183. 		

  1184. 		 

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

  1186.        

  1187. 		if (TYPE=='IOS')

  1188. 		{

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

  1190. 		}

  1191. 		if (TYPE=='ANDROID')

  1192. 		{

  1193.         webSocket.send(jsonString);

  1194. 		}

  1195. 		

  1196. 		if (TYPE=='PC')

  1197. 		{

  1198.             shareQrPC(jsonString);

  1199. 		}

  1200. 		 

  1201. 		 }catch(e)

  1202. 		 {

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

  1204. 		 }

  1205. 	

  1206.  

  1207.  }

  1208.  else 

  1209.  {

  1210.  

  1211. 

  1212. 

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

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

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

  1216. 		//  alert(ktype);

  1217. 		//  return;

  1218. 	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\"}}";

  1219. 	    

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

  1221. 			vsn='003';

  1222.         //updateOutput(jsonString);

  1223. 		//alert(jsonString);

  1224. 		//return;

  1225. 		if (TYPE=='IOS')

  1226. 		{

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

  1228. 		}

  1229. 	

  1230. 		if (TYPE=='ANDROID')

  1231. 		{

  1232.         webSocket.send(jsonString333);

  1233. 		}

  1234. 		

  1235. 		if (TYPE=='PC')

  1236. 		{

  1237.         selfendecode(edata456);

  1238. 		}

  1239. }	

  1240.  

  1241.  

  1242.  

  1243.  

  1244.  }

  1245.  

  1246.  function btnitemback(vid)

  1247.  {

  1248.  try

  1249.  {

  1250.  //alert(vid);

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

  1252.  

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

  1254.  {

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

  1256.  }else

  1257.  {

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

  1259.  }

  1260.  

  1261. 

  1262.  }catch(e)

  1263.  {

  1264.  alert(e);

  1265.  }

  1266.  

  1267.  }

  1268.  

  1269.  function btndddel()

  1270.  {

  1271.  

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

  1273.  if (yes) {

  1274. 

  1275. try

  1276.  {

  1277. 

  1278.     //alert('ue');

  1279. 	//return;

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

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

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

  1283. 		//  alert(ktype);

  1284. 		

  1285. 		//  return;

  1286. 		var edata3 ="";

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

  1288. 	  //  alert(edata);

  1289. 	  var jsonString4 ="";

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

  1291. 	

  1292. 	vsn='101';

  1293.        // updateOutput(jsonString);

  1294. 		//alert(jsonString);

  1295. 		//return;

  1296. 		if (TYPE=='IOS')

  1297. 		{

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

  1299. 		}

  1300. 	

  1301. 		if (TYPE=='ANDROID')

  1302. 		{

  1303.         webSocket.send(jsonString4);

  1304. 		}

  1305. 		

  1306. 		if (TYPE=='PC')

  1307. 		{

  1308.         selfendecode(edata3);

  1309. 		}

  1310. 		

  1311.  }

  1312.  catch(e)

  1313.  {

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

  1315.  }

  1316. } else {

  1317. }

  1318.  

  1319.   }

  1320.  

  1321.  

  1322.  	function getdoorlist() 

  1323. 	 {

  1324. 	 

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

  1326. 	

  1327. 	 

  1328. 	      

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

  1330. 	    

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

  1332. 			vsn='001';

  1333.        // updateOutput(jsonString);

  1334. 		isget2=false;

  1335. 		if (TYPE=='IOS')

  1336. 		{

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

  1338. 		}

  1339. 	

  1340. 		if (TYPE=='ANDROID')

  1341. 		{

  1342.         webSocket.send(jsonString);

  1343. 		}

  1344. 		

  1345. 		if (TYPE=='PC')

  1346. 		{

  1347.         selfendecode(edata);

  1348. 		}

  1349. 	

  1350. 	}

  1351. 	

  1352.  

  1353.  

  1354.  </script>

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

  1356.     var webSocket;

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

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

  1359. 	var vdata="";

  1360. 	var isok=true;

  1361. 	var webSocket;

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

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

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

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

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

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

  1368. 	  function connect() {

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

  1370.       if (webSocket !== undefined

  1371.         && webSocket.readyState !== WebSocket.CLOSED) {

  1372.         return;

  1373.       }

  1374. 

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

  1376. 

  1377.       // Create a websocket

  1378.       webSocket = new WebSocket(wsUrl);

  1379. 

  1380.       webSocket.onopen = function(event) {

  1381. 	  

  1382.      //   updateOutput("Connected!");

  1383.        // connectBtn.disabled = true;

  1384.        try

  1385. 	   {

  1386. 		 

  1387. 		 

  1388.   /*

  1389.      setTimeout(() => {

  1390. 	 if (isget)

  1391. 	 {

  1392. 	 }else

  1393. 	 {

  1394. 	 

  1395.     getdoorlist() ;

  1396. 	}

  1397.   }, 1000);

  1398. 	*/ 

  1399.  		  

  1400. 			}catch(e)

  1401. 			{

  1402. 			alert(e);

  1403. 			}

  1404. 		 

  1405.       };

  1406. 

  1407.       webSocket.onmessage = function(event) 

  1408. 	  {

  1409. 	  

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

  1411. 		 {

  1412. 		// alert(vsn);

  1413. 		isget=true;

  1414. 		  var ress = event.data;

  1415. 		  vsn='104';

  1416. 		 try

  1417. 		 {

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

  1419. 		 //alert( vobj.data);

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

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

  1422. 		 senttoother();

  1423. 		 alert('OK');

  1424.                  //23456		

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

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

  1427. 		 }

  1428. 		 catch(e)

  1429. 		 {

  1430. 		 alert(e);

  1431. 		 }

  1432. 		 }

  1433. 		 

  1434. 		 if (vsn=='004')

  1435. 		 {

  1436. 		 isget3 = true;

  1437. 		 //alert('004');

  1438. 		 vsn='';

  1439. 		 var ress = event.data;

  1440. 		 try

  1441. 		 {

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

  1443. 		   vobj = JSON.parse( ress);

  1444. 		 var qrcd= vobj.data.data.CardID;  

  1445. 		 // alert( qrcd);

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

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

  1448. 		 //alert('OK');

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

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

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

  1452. 		// alert(vtttt);

  1453. 		//vcyd

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

  1455.                 // updateOutput(jsonString);

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

  1457.                orgcycle=fincycle;

  1458. 	       vvqrcd=qrcd;

  1459. 	       senttoother();

  1460. 		if (TYPE=='IOS')

  1461. 		{

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

  1463. 		}

  1464. 		if (TYPE=='ANDROID')

  1465. 		{

  1466.         webSocket.send(jsonString);

  1467. 		}

  1468. 		

  1469. 		if (TYPE=='PC')

  1470. 		{

  1471.        shareQrPC(jsonString);

  1472. 		}

  1473. 		 

  1474. 		 }catch(e)

  1475. 		 {

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

  1477. 		 }

  1478. 		 }

  1479. 		 

  1480. 	     if (vsn=='001')

  1481. 		 {

  1482. 		 try

  1483. 		 {

  1484. 		 isget2=true;

  1485. 		 // alert( '001');

  1486. 		  var ress = event.data;

  1487. 		  // alert( ress);

  1488. 		   

  1489. 		     vobj = JSON.parse( ress); 		 

  1490. 		  isget=false;

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

  1492. }catch(e)

  1493. {

  1494. alert(e);

  1495. }		 

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

  1497. 		 // updateOutput(vdata);

  1498. 		  // updateOutput('get en='+vobj.data);

  1499. 		 //var payload =vdata;

  1500. 		 var payload = "{\"encrypt\":\"1\",\"data\":\""+vobj.data+"\"}";

  1501. 	//alert(payload);

  1502. 	//23456

  1503. 	

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

  1505.     message2.destinationName = SN ;

  1506. 	 message2.qos = 0;

  1507. 	message2.retained = false;

  1508. 	

  1509. 	 

  1510. 	   // client.send(message); 

  1511.  //setTimeout(() => {

  1512. 	var vivi = 0;

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

  1514. 	if (isget)

  1515. 	 {

  1516. 	 

  1517. 	 }

  1518. 	 else

  1519. 	 {

  1520. 	   if (vivi>15)

  1521. 	   {

  1522.       clearInterval(intervalID);	 

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

  1524. 	 

  1525. 	   }else

  1526. 	   {

  1527. 	     vivi++;

  1528. 		  updateOutput('message2 send ='+	message2.payloadString);

  1529. 		    if (isconn)

  1530. 		  {

  1531. 		  client.send(message2); 

  1532. 		  }

  1533. 	    

  1534. 	   }

  1535. 	

  1536. 	}	

  1537.   }, 400);	

  1538. 

  1539. 

  1540. 	 

  1541. 	 

  1542. 		 }

  1543. 		 

  1544. 		if (vsn=='101')

  1545. 		 {

  1546. 		 try

  1547. 		 {

  1548. 		 vsn='102';

  1549. 		 // alert( '102');

  1550. 		  var ress = event.data;

  1551. 		 // alert( ress);

  1552. 		     vobj = JSON.parse( ress); 		 

  1553. 		  isget=false;

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

  1555. 		 

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

  1557. 		 // updateOutput(vdata);

  1558. 		  

  1559. 	//	 var payload =vdata;

  1560. 	 

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

  1562. 	message0.qos = 0;

  1563.          message0.retained = false;

  1564.         message0.destinationName = SN ;

  1565.     //setTimeout(() => {

  1566. 	   // client.send(message); 

  1567.  var vivi = 0;

  1568.   

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

  1570. 	if (isget)

  1571. 	 {

  1572. 	 

  1573. 	 }

  1574. 	 else

  1575. 	 {

  1576. 	   if (vivi>15)

  1577. 	   {

  1578.    clearInterval(intervalID);	

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

  1580. 	

  1581. 	   }else

  1582. 	   {

  1583. 	     vivi++;

  1584. 		  if (isconn)

  1585. 		  {

  1586. 		    client.send(message0); 

  1587. 		  }

  1588. 	 

  1589. 	   }

  1590. 	

  1591. 	}	

  1592.   }, 400);	

  1593.  

  1594. 	 

  1595. 

  1596.   

  1597. 	 }catch(e)

  1598. {

  1599. alert(e);

  1600. }

  1601. 		 }

  1602. 		 

  1603. 		 if (vsn=='003')

  1604. 		 {

  1605. 		 

  1606. 		 // alert( '003');

  1607. 		 var ress = event.data;

  1608. 		 // alert( ress);

  1609. 		   vobj = JSON.parse( ress); 		 

  1610. 		 isget3=false;

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

  1612.  		 

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

  1614. 		//  updateOutput(vdata);

  1615. 		  

  1616. 	 updateOutput('rece ='+vobj.data);

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

  1618.     message7.destinationName = SN ;

  1619.  message7.retained = false;

  1620. 		message7.qos = 0;

  1621. 		var vivi = 0;

  1622. 	  //  client.send(message); 

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

  1624. 	if (isget3)

  1625. 	 {

  1626. 	 

  1627. 	 }

  1628. 	 else

  1629. 	 {

  1630. 	   if (vivi>15)

  1631. 	   {

  1632. 	    clearInterval(intervalID);

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

  1634. 	  

  1635. 	   }else

  1636. 	   {

  1637. 	     vivi++;

  1638. 	    updateOutput('message7 send ='+	message7.payloadString);

  1639. 	   if (isconn)

  1640. 	   {

  1641. 	   client.send(message7); 

  1642. 	   }

  1643. 	   }

  1644. 	

  1645. 	}	

  1646.   }, 400);	

  1647. 	 

  1648. 	

  1649.    

  1650. 		 

  1651. 		 }

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

  1653. 		 // 	  updateOutput(event.data);

  1654. 		

  1655.       };

  1656. 

  1657.       webSocket.onclose = function(event) {

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

  1659.         //connectBtn.disabled = false;

  1660.         //sendBtn.disabled = true;

  1661.       };

  1662.     }

  1663.  

  1664.  

  1665.  function shareQr() {

  1666.         var text = input.value;

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

  1668.         //updateOutput(jsonString);

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

  1670.         

  1671. 		if (TYPE=='IOS')

  1672. 		{

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

  1674. 		}

  1675. 		if (TYPE=='ANDROID')

  1676. 		{

  1677.         webSocket.send(jsonString);

  1678. 		}

  1679.     }

  1680. 	

  1681. 	 function shareQrPC(message) {

  1682.         alert('shareQrPC '+message);

  1683.     }

  1684. 	

  1685. 	//self start

  1686. 	 function selfendecode(message) {

  1687. 	

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

  1689. 		 {

  1690. 		 isget=true;

  1691. 		// alert(vsn);

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

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

  1694. 		  var ress = message;

  1695. 		  vsn='104';

  1696. 		 try

  1697. 		 {

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

  1699. 		 //alert( vobj.data);

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

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

  1702. 	senttoother();

  1703. 		 alert('OK');

  1704. 		 //23456

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

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

  1707. 		 }catch(e)

  1708. 		 {

  1709. 		 alert(e);

  1710. 		 }

  1711. 		 }

  1712. 		 

  1713. 		 if (vsn=='004')

  1714. 		 {

  1715. 		 //alert('004');

  1716. 		 vsn='';

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

  1718. 		 isget3 = true;		 

  1719. 		 var ress = message;

  1720. 		  

  1721. 		 

  1722. 		 try

  1723. 		 {

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

  1725. 		    vobj = JSON.parse( ress);

  1726. 		 var qrcd= vobj.data.CardID;  

  1727. 		  alert('004 '+message);

  1728. 		  

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

  1730. 		 // alert( qrcd);

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

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

  1733. 		 //alert('OK');

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

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

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

  1737. 		// alert(vtttt);

  1738. 		//vcyd

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

  1740.         // alert(jsonString);      

  1741. 	  // updateOutput(jsonString);

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

  1743. 	     orgcycle=fincycle;

  1744. 	       vvqrcd=qrcd;

  1745. 	       senttoother();

  1746. 		if (TYPE=='IOS')

  1747. 		{

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

  1749. 		}

  1750. 		if (TYPE=='ANDROID')

  1751. 		{

  1752.         webSocket.send(jsonString);

  1753. 		}

  1754. 		

  1755. 		if (TYPE=='PC')

  1756. 		{

  1757.         shareQrPC(jsonString);

  1758. 		}

  1759. 		 

  1760. 		 }catch(e)

  1761. 		 {

  1762. 		 alert(e);

  1763. 		 }

  1764. 		 }

  1765. 		 

  1766. 	     if (vsn=='001')

  1767. 		 {

  1768. 		 try

  1769. 		 {

  1770. 		 // alert( '001');

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

  1772. 		  var ress = message;

  1773. 		  // alert( ress);

  1774. 		  isget2=true;

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

  1776. 		  isget=false;

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

  1778. }catch(e)

  1779. {

  1780. alert(e);

  1781. }		 

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

  1783. 		 // updateOutput(vdata);

  1784. 		  

  1785. 		 

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

  1787.     message4.destinationName = SN ;

  1788. 	message4.retained = false;

  1789. 		message4.qos = 0;

  1790. 	var vivi = 0;

  1791. 	  //  client.send(message); 

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

  1793. 	if (isget)

  1794. 	 {

  1795. 	 

  1796. 	 }

  1797. 	 else

  1798. 	 {

  1799. 	   if (vivi>15)

  1800. 	   {

  1801. 	    clearInterval(intervalID);

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

  1803. 	  

  1804. 	   }else

  1805. 	   {

  1806. 	     vivi++;

  1807. 		  if (isconn)

  1808. 	   {

  1809. 	 client.send(message4); 

  1810. 	   }

  1811. 	   

  1812. 	   }

  1813. 	

  1814. 	}	

  1815.   }, 400);	

  1816. 	 

  1817. 		 }

  1818. 		 

  1819. 		  if (vsn=='101')

  1820. 		 {

  1821. 		 try

  1822. 		 {

  1823. 		 vsn='102';

  1824. 		 // alert( '102');

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

  1826. 		  var ress = message;

  1827. 		 // alert( ress);

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

  1829. 		  isget=false;

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

  1831. 		 

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

  1833. 		 // updateOutput(vdata);

  1834. 		  

  1835. 	 

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

  1837.     message9.destinationName = SN ;

  1838. 	  message9.retained = false;

  1839. 		message9.qos = 0;

  1840. var vivi = 0;

  1841.  

  1842. 	 //   client.send(message); 

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

  1844. 	if (isget)

  1845. 	 {

  1846. 	 

  1847. 	 }

  1848. 	 else

  1849. 	 {

  1850. 	   if (vivi>15)

  1851. 	   {

  1852. 	  

  1853. 	   clearInterval(intervalID);

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

  1855. 	  }else

  1856. 	   {

  1857. 	    if (isconn)

  1858. 		{

  1859. 		 client.send(message9); 

  1860. 		}

  1861. 	   

  1862. 		 vivi++;

  1863. 	   }

  1864. 	

  1865. 	}	

  1866.   }, 400);	

  1867.   

  1868. 	 }catch(e)

  1869. {

  1870. alert(e);

  1871. }

  1872. 		 }

  1873. 		 

  1874. 		 if (vsn=='003')

  1875. 		 {

  1876. 		 try

  1877. 		 {

  1878. 		 // alert( '003');

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

  1880. 		  var ress = message;

  1881. 		  // alert( ress);

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

  1883. 		isget3=false;

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

  1885. }catch(e)

  1886. {

  1887. alert(e);

  1888. }		 

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

  1890. 		//  updateOutput(vdata);

  1891. 		  

  1892. 		 

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

  1894.     message6.destinationName = SN ;

  1895. 	   message6.retained = false;

  1896. 		message6.qos = 0;

  1897. 	

  1898. 	//setTimeout(() => {

  1899. 	var vivi = 0;

  1900. 	 

  1901. 	  

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

  1903. 	if (isget3)

  1904. 	 {

  1905. 	 

  1906. 	 }

  1907. 	 else

  1908. 	 {

  1909. 	   if (vivi>15)

  1910. 	   {

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

  1912. 	   clearInterval(intervalID);

  1913. 	   }else

  1914. 	   {

  1915. 	     vivi++;

  1916. 		 if (isconn)

  1917. 		 {

  1918. 		  client.send(message6); 

  1919. 		 }

  1920. 	   

  1921. 	   }

  1922. 	

  1923. 	}	

  1924.   }, 400);	

  1925. 	

  1926.    

  1927. 		 

  1928. 		 }

  1929. 	

  1930.       //  updateOutput(message);

  1931.         

  1932.     }

  1933. 	//self end

  1934. 

  1935.     function AppToWeb(message) {

  1936. 	

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

  1938. 		 {

  1939. 		 isget=true;

  1940. 		// alert(vsn);

  1941. 		  var ress = message;

  1942. 		  vsn='104';

  1943. 		 try

  1944. 		 {

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

  1946. 		 //alert( vobj.data);

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

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

  1949. 	senttoother();

  1950. 		 alert('OK');

  1951. 		 //23456

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

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

  1954. 		 }catch(e)

  1955. 		 {

  1956. 		 alert(e);

  1957. 		 }

  1958. 		 }

  1959. 		 

  1960. 		 if (vsn=='004')

  1961. 		 {

  1962. 		 //alert('004');

  1963. 		 vsn='';

  1964. 		 isget3 = true;

  1965. 		 var ress = message;

  1966. 		 try

  1967. 		 {

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

  1969. 		    vobj = JSON.parse( ress);

  1970. 		 var qrcd= vobj.data.data.CardID;  

  1971. 		 // alert( qrcd);

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

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

  1974. 		 //alert('OK');

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

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

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

  1978. 		// alert(vtttt);

  1979. 		//vcyd

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

  1981.         // alert(jsonString);      

  1982. 	  // updateOutput(jsonString);

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

  1984. 	     orgcycle=fincycle;

  1985. 	       vvqrcd=qrcd;

  1986. 	       senttoother();

  1987. 		if (TYPE=='IOS')

  1988. 		{

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

  1990. 		}

  1991. 		if (TYPE=='ANDROID')

  1992. 		{

  1993.         webSocket.send(jsonString);

  1994. 		}

  1995. 		 

  1996. 		 }catch(e)

  1997. 		 {

  1998. 		 alert(e);

  1999. 		 }

  2000. 		 }

  2001. 		 

  2002. 	     if (vsn=='001')

  2003. 		 {

  2004. 		 try

  2005. 		 {

  2006. 		 // alert( '001');

  2007. 		  var ress = message;

  2008. 		  // alert( ress);

  2009. 		  isget2=true;

  2010. 		     vobj = JSON.parse( ress); 		 

  2011. 		  isget=false;

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

  2013. }catch(e)

  2014. {

  2015. alert(e);

  2016. }		 

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

  2018. 		 // updateOutput(vdata);

  2019. 		  

  2020. 		 

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

  2022.     message4.destinationName = SN ;

  2023. 	message4.retained = false;

  2024. 		message4.qos = 0;

  2025. 	var vivi = 0;

  2026. 	  //  client.send(message); 

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

  2028. 	if (isget)

  2029. 	 {

  2030. 	 

  2031. 	 }

  2032. 	 else

  2033. 	 {

  2034. 	   if (vivi>15)

  2035. 	   {

  2036. 	    clearInterval(intervalID);

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

  2038. 	  

  2039. 	   }else

  2040. 	   {

  2041. 	     vivi++;

  2042. 		  if (isconn)

  2043. 	   {

  2044. 	 client.send(message4); 

  2045. 	   }

  2046. 	   

  2047. 	   }

  2048. 	

  2049. 	}	

  2050.   }, 400);	

  2051. 	 

  2052. 		 }

  2053. 		 

  2054. 		  if (vsn=='101')

  2055. 		 {

  2056. 		 try

  2057. 		 {

  2058. 		 vsn='102';

  2059. 		 // alert( '102');

  2060. 		  var ress = message;

  2061. 		 // alert( ress);

  2062. 		     vobj = JSON.parse( ress); 		 

  2063. 		  isget=false;

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

  2065. 		 

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

  2067. 		 // updateOutput(vdata);

  2068. 		  

  2069. 	 

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

  2071.     message9.destinationName = SN ;

  2072. 	  message9.retained = false;

  2073. 		message9.qos = 0;

  2074. var vivi = 0;

  2075.  

  2076. 	 //   client.send(message); 

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

  2078. 	if (isget)

  2079. 	 {

  2080. 	 

  2081. 	 }

  2082. 	 else

  2083. 	 {

  2084. 	   if (vivi>15)

  2085. 	   {

  2086. 	  

  2087. 	   clearInterval(intervalID);

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

  2089. 	  }else

  2090. 	   {

  2091. 	    if (isconn)

  2092. 		{

  2093. 		 client.send(message9); 

  2094. 		}

  2095. 	   

  2096. 		 vivi++;

  2097. 	   }

  2098. 	

  2099. 	}	

  2100.   }, 400);	

  2101.   

  2102. 	 }catch(e)

  2103. {

  2104. alert(e);

  2105. }

  2106. 		 }

  2107. 		 

  2108. 		 if (vsn=='003')

  2109. 		 {

  2110. 		 try

  2111. 		 {

  2112. 		 // alert( '003');

  2113. 		  var ress = message;

  2114. 		  // alert( ress);

  2115. 		     vobj = JSON.parse( ress); 		 

  2116. 		isget3=false;

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

  2118. }catch(e)

  2119. {

  2120. alert(e);

  2121. }		 

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

  2123. 		//  updateOutput(vdata);

  2124. 		  

  2125. 		 

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

  2127.     message6.destinationName = SN ;

  2128. 	   message6.retained = false;

  2129. 		message6.qos = 0;

  2130. 	

  2131. 	//setTimeout(() => {

  2132. 	var vivi = 0;

  2133. 	 

  2134. 	  

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

  2136. 	if (isget3)

  2137. 	 {

  2138. 	 

  2139. 	 }

  2140. 	 else

  2141. 	 {

  2142. 	   if (vivi>15)

  2143. 	   {

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

  2145. 	   clearInterval(intervalID);

  2146. 	   }else

  2147. 	   {

  2148. 	     vivi++;

  2149. 		 if (isconn)

  2150. 		 {

  2151. 		  client.send(message6); 

  2152. 		 }

  2153. 	   

  2154. 	   }

  2155. 	

  2156. 	}	

  2157.   }, 400);	

  2158. 	

  2159.    

  2160. 		 

  2161. 		 }

  2162. 	

  2163.       //  updateOutput(message);

  2164.         return "Got it"

  2165.     }

  2166. 

  2167.     function endode() {

  2168.         var text = input.value;

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

  2170. 		

  2171.        // updateOutput(jsonString);

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

  2173. 		if (TYPE=='IOS')

  2174. 		{

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

  2176. 		}

  2177. 		if (TYPE=='ANDROID')

  2178. 		{

  2179.         webSocket.send(jsonString);

  2180. 		}

  2181. 		

  2182.     }

  2183. 

  2184.     function decode() {

  2185.         var text = input.value;

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

  2187.         //updateOutput(jsonString);

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

  2189. 		if (TYPE=='IOS')

  2190. 		{

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

  2192. 		}

  2193.        if (TYPE=='ANDROID')

  2194. 		{

  2195.         webSocket.send(jsonString);

  2196. 		}

  2197.     }

  2198. 	

  2199. 	 

  2200. 

  2201.     function updateOutput(text) {

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

  2203.     }

  2204. 	

  2205. 	

  2206.     </script>

  2207. 	<script>  

  2208.     var getUrlParameter = function getUrlParameter(sParam) {

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

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

  2211.         sParameterName,

  2212.         i;

  2213. 

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

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

  2216. 

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

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

  2219.         }

  2220.     }

  2221. };

  2222. 

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

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

  2225. 

  2226.     if (!format) {

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

  2228.     }

  2229. 

  2230.     var o = {

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

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

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

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

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

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

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

  2238.         "S": this.getMilliseconds()

  2239.     };

  2240. 

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

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

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

  2244.     }

  2245. 

  2246.     for (var k in o) {

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

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

  2249.                 ? o[k]

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

  2251.         }

  2252.     }

  2253. 

  2254.     return format;

  2255. };

  2256. </script>  

  2257. <br>

  2258. </body>

  2259. 

  2260. </html>