ホーム エクスプローラ ヘルプ
サインイン
tom
/
Orader
Watch 1
Star 0
Fork 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki Activity
預約系統 IOS / Android Windows
4 コミット
1 ブランチ
ブランチ: master
ブランチ タグ
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
Orader/windows/index3.html

index3.html 67KB
パーマリンク 履歴 Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504 
  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. 

  32. var client2;

  33.  

  34. var myclientid2='';

  35. 

  36.     var tt =  '';

  37. 	var st = '';

  38. 	 var et =  '';

  39. 	 var idx = '';

  40. 	var cy='';

  41. 	var vtype='';

  42.     var vtttt='';

  43. 	 var isget = false;

  44. 	  var isget2 = false;

  45. 	    var isget3 = false;

  46. 	 var vtstpqr='';

  47. 	 var vcyd='';

  48. 	 var vmqtt='';

  49. 	 var SN='';

  50. 	 var SubID='';

  51. 	 var vsn='';

  52. 	  var vobj;

  53. 	    var vvvi;

  54. var ooodata='';

  55. 

  56.  function btback()

  57.  {

  58.  try

  59.  {

  60.  document.location = "index2.html?KID="+kkid+"&name="+kname+"&CID="+CID+"&ID="+kkid+"&PW="+PW+"&TYPE="+TYPE+"&SN="+SN+"&MQTT="+vmqtt+"&SubID="+SubID; 

  61.  }catch(e)

  62.  {

  63.  alert(e);

  64.  }

  65. } 

  66. 

  67. function init() 

  68. {

  69. try

  70. {

  71. CID = getUrlParameter('CID');

  72.     ID = getUrlParameter('ID');

  73. 	PW= getUrlParameter('PW');

  74. 	TYPE= getUrlParameter('TYPE');

  75. 	 SN = getUrlParameter('SN');

  76. 	vmqtt = getUrlParameter('MQTT');

  77. 	SubID = getUrlParameter('SubID');

  78. 	vvvi= getUrlParameter('idx');

  79. 	kkid=  getUrlParameter('ID');

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

  81. 	 vvqrcd=  getUrlParameter('qrcd');

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

  83. //updateOutput('init');

  84.  /*

  85.     CID = getUrlParameter('CID');

  86.     ID = getUrlParameter('ID');

  87. 	PW= getUrlParameter('PW');

  88. 	TYPE= getUrlParameter('TYPE');

  89. 	*/

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

  91. 		myclientid="GigaPC"+CID+"1-"+SubID;

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

  93. 		client.onMessageArrived = onMessageArrived;

  94. 		client.onConnectionLost = onConnectionLost; 

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

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

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

  98.  

  99.  //

  100.  myclientid2="GigaPCT"+CID+"1-"+SubID;

  101. 		client2 = new Paho.MQTT.Client(vmqtt, Number(8083), myclientid2);

  102. 		client2.onMessageArrived = onMessageArrived2;

  103. 		client2.onConnectionLost = onConnectionLost2; 

  104.           client2.connect( {onSuccess: onConnect2, onFailure : onFailedConnect});

  105.  //

  106.  

  107.  

  108.  

  109. 	  tt = getUrlParameter("tt");

  110. 	  orgcycle=tt+';';

  111. 	  orgtimestamp=getUrlParameter("st")+','+getUrlParameter("et");

  112. 	//  alert(orgtimestamp);

  113.   orgcycle=orgcycle+orgtimestamp+';';

  114. 		 

  115. 	 st ='20'+ getUrlParameter("st").replace('_','T');

  116. 	  st=st.replace('/','-');

  117. 	   st=st.replace('/','-');

  118. 	   

  119. 	    

  120. 	   et = '20'+ getUrlParameter("et").replace('_','T');

  121. 	   et=et.replace('/','-');

  122. 	   et=et.replace('/','-');

  123. 	   

  124. 	document.getElementById("ItemNOSer").value=tt;

  125. 	//document.getElementById("sd").value= '2017-06-01T08:30';

  126. 	//alert(st);

  127. 	document.getElementById("sd").value= st.split('T')[0];//'2022-09-01';//st;

  128. 	document.getElementById("sdt1").value= st.split('T')[1];

  129. 	//let theDay = new Date();

  130. 	//alert(theDay.toLocaleString('en-US', { hour12: false }));

  131.     // alert(et);

  132. 	document.getElementById("ed").value=et.split('T')[0];

  133. 	document.getElementById("sdt2").value= et.split('T')[1];

  134. 	//document.getElementById("ed").value=theDay.toLocaleString('en-US', { hour12: false });

  135. 	idx= getUrlParameter("idx");

  136. 	

  137. 	vtype= getUrlParameter("tp");

  138. 	 

  139. //	ID= getUrlParameter("cid");

  140. 	//alert(ID);

  141. 	kname= getUrlParameter("name");

  142. 	//CID = '886999000230';

  143.     //ID = '00000000';

  144. 	//PW= 'CMM87krWqj8Ltt00';

  145. //	TYPE='IOS'; 

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

  147. 	 

  148. 	 cy= getUrlParameter("cy");

  149. 	  orgcycle=orgcycle+cy+';';

  150. 	  

  151. 	if (vtype=='1')

  152. 	{

  153. 		 

  154. 	}

  155. 	if (vtype=='2')

  156. 	{

  157. 	

  158. 		

  159. 		//alert(cy);

  160. 		var vcy = cy.split(',');

  161. 		//alert(vcy[0]);

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

  163. 		{

  164. 		

  165. 		}else

  166. 		{

  167. 		if (vcy[0].substring(0,1)=='1'){document.getElementById("d11").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  168. 		

  169. 			//days.push('日');

  170. 			if (vcy[0].substring(1,2)=='1'){document.getElementById("d12").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  171. 		

  172. 		//days.push('一');

  173. 			if (vcy[0].substring(2,3)=='1'){document.getElementById("d13").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  174. 

  175. 			//days.push('二');

  176. 			if (vcy[0].substring(3,4)=='1'){document.getElementById("d14").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  177. 

  178. 			//days.push('三');

  179. 			if (vcy[0].substring(4,5)=='1'){document.getElementById("d15").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  180. 

  181. 			//days.push('四');

  182. 			if (vcy[0].substring(5,6)=='1'){document.getElementById("d16").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  183. 

  184. 			//days.push('五');

  185. 			if (vcy[0].substring(6,7)=='1'){document.getElementById("d17").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  186. 

  187. 			//days.push('六');	

  188. 			

  189. 	 	document.getElementById("st1").value= vcy[1].substring(0,2)+':'+vcy[1].substring(2,4);

  190. 		 

  191. 	    document.getElementById("et1").value=vcy[2].substring(0,2)+':'+vcy[2].substring(2,4);

  192. 		}

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

  194. 		{

  195. 		

  196. 		}else

  197. 		{

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

  199. 		{document.getElementById("d21").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  200. 			

  201. 			 

  202. 		 

  203. 			//days.push('日');

  204. 			if (vcy[3].substring(1,2)=='1'){document.getElementById("d22").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  205. 			

  206. 			//days.push('一');

  207. 			if (vcy[3].substring(2,3)=='1'){document.getElementById("d23").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  208. 			

  209. 			//days.push('二');

  210. 			if (vcy[3].substring(3,4)=='1'){document.getElementById("d24").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  211. 			

  212. 			//days.push('三');

  213. 			if (vcy[3].substring(4,5)=='1'){document.getElementById("d25").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  214. 			

  215. 			//days.push('四');

  216. 			if (vcy[3].substring(5,6)=='1'){document.getElementById("d26").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  217. 			

  218. 			//days.push('五');

  219. 			if (vcy[3].substring(6,7)=='1'){document.getElementById("d27").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  220. 			

  221. 			//days.push('六');

  222. 	 	document.getElementById("st2").value= vcy[4].substring(0,2)+':'+vcy[4].substring(2,4);

  223. 	    document.getElementById("et2").value=vcy[5].substring(0,2)+':'+vcy[5].substring(2,4);

  224. 		}

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

  226. 		{

  227. 		

  228. 		}else

  229. 		{

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

  231. 			{document.getElementById("d31").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  232. 			//days.push('日');

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

  234. 			{document.getElementById("d32").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  235. 			//days.push('一');

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

  237. 			{document.getElementById("d33").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  238. 			//days.push('二');

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

  240. 			{document.getElementById("d34").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  241. 			//days.push('三');

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

  243. 			{document.getElementById("d35").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  244. 			//days.push('四');

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

  246. 			{document.getElementById("d36").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  247. 			//days.push('五');

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

  249. 			{document.getElementById("d37").style.background="url('image/bgreen.png') no-repeat  center/100%";}

  250. 			//days.push('六');	

  251. 		 

  252. 	 	document.getElementById("st3").value= vcy[7].substring(0,2)+':'+vcy[7].substring(2,4);

  253. 	    document.getElementById("et3").value=vcy[8].substring(0,2)+':'+vcy[8].substring(2,4);

  254. 		}

  255. 	}

  256. 	

  257. 	

  258. 	//alert(orgcycle);

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

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

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

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

  263.  if (TYPE=='ANDROID')

  264. 		{

  265.        connect();

  266. 		}

  267.        vsn='';

  268. 

  269. 		

  270. }catch(e)

  271. {

  272. alert(e);

  273. }

  274. }

  275. function onConnectionLost(message) 

  276. {

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

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

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

  280. }

  281. 

  282. function onConnectionLost2(message) 

  283. {

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

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

  286.  client2.connect( {onSuccess: onConnect2, onFailure : onFailedConnect});

  287. }

  288. function onMessageArrived2(message) 

  289. {

  290.  

  291. var errda = message.payloadString;

  292. 

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

  294. {

  295. try

  296. {

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

  298.  

  299.  

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

  301.  {

  302.  

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

  304.  {

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

  306.   {

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

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

  309.   }

  310.  }

  311.  }

  312.  else

  313.  {

  314.   

  315.  }

  316. }catch

  317. {}

  318. 

  319. }

  320.  

  321.    

  322. 		 

  323. 

  324. }

  325. 

  326. function onMessageArrived(message) 

  327. {

  328.  

  329. var errda = message.payloadString;

  330. 

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

  332. {

  333. try

  334. {

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

  336.  

  337.  

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

  339.  {

  340.  

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

  342.  {

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

  344.   {

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

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

  347.   }

  348.  }

  349.  }

  350.  else

  351.  {

  352.   

  353.  }

  354. }catch

  355. {}

  356. 

  357. }else

  358. {

  359. 

  360.   vobj = JSON.parse( errda); 		

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

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

  363. 		//updateOutput(jsonString);

  364. 		if (vsn=='001')

  365. 		{

  366. 		vsn='002';

  367. 		}

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

  369. 		{

  370. 		vsn='004';

  371. 		}

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

  373. 		{

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

  375. 		vsn='103';

  376. 		//alert('103');

  377. 		//alert(errda);

  378. 		}

  379. 		//alert(vsn);

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

  381. 		if (TYPE=='IOS')

  382. 		{

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

  384. 		}

  385.        if (TYPE=='ANDROID')

  386. 		{

  387.         webSocket.send(jsonString);

  388. 		}

  389. 		

  390. 		if (TYPE=='PC')

  391. 		{

  392.         selfendecode(vobj.data);

  393. 		}

  394. 		

  395. }

  396. 

  397. }

  398. function onFailedConnect() 

  399. {

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

  401. }

  402. 

  403. 

  404.   

  405. function onConnect() 

  406. {

  407. isconn=true;

  408.     client.subscribe('ReservePC'+CID+'1-'+SubID);

  409. 	 

  410. 	try

  411. 	{

  412. 	

  413. 	 

  414. 	

  415.     }

  416. 	catch(e)

  417.     {

  418.        alert(e);

  419.     }

  420. 	//alert('c');

  421. }

  422. 

  423. function onConnect2() 

  424. {

  425.  

  426. 	 client2.subscribe('Reserve'+CID+'1-'+SubID);

  427. 	try

  428. 	{

  429. 	

  430. 	 

  431. 	

  432.     }

  433. 	catch(e)

  434.     {

  435.        alert(e);

  436.     }

  437. 	//alert('c');

  438. }

  439. </script>

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

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

  442.    </head>

  443. 

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

  445. 

  446. 

  447. <div>

  448. 

  449.  

  450. 

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

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

  453.     <tbody>

  454.         <tr>

  455. 		<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:#787878;font-family: Roboto_Light;  font-size: 24px;width: 110px;  height: 60px;     background-color: #cce8fc;width:100%;" hidden onclick="pcbtnSaveTmp()"'+

  456. 		'>複製</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>

  457.         </tbody>  

  458.         </table> 

  459. 	  <div style="margin: 1px 0 0px 1px;background-color:#FFFFFF;" >

  460. 	  <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>

  461.      

  462. 	 </div>

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

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

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

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

  467.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">預約人&nbsp:&nbsp </label><input type="text" 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>

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

  469.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始日&nbsp:&nbsp </label><input type="date" id="sd"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

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

  471. 		<label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始時&nbsp:&nbsp </label><input type="time" id="sdt1"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

  472. 

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

  474.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束日&nbsp:&nbsp </label><input type="date" id="ed"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

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

  476. 	<label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束時&nbsp:&nbsp </label><input type="time" id="sdt2"  style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

  477. 	 

  478. 		 

  479. 

  480. 		 

  481. 	<hr style="margin: 23px 9px 15px 9px;border: solid 1px #979797;">

  482. 	

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

  484.     <tbody>

  485.         <tr>

  486. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  487. 		<button id ='d11'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;  height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">日</button>

  488. 		</td>

  489. 		

  490. 		

  491. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  492. 		<button id ='d12'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;  height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png) ; background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">一</button>

  493. 		</td>

  494. 		

  495. 		

  496. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  497. 		<button id ='d13'  type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;  height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">二</button>

  498. 		</td>

  499. 		

  500. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  501. 		<button id ='d14'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;  height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">三</button>

  502. 		</td>

  503. 		

  504. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  505. 		<button id ='d15'  type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">四</button>

  506. 		</td>

  507. 		

  508. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  509. 		<button id ='d16'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">五</button>

  510. 		</td>

  511. 		

  512. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  513. 		<button id ='d17'   type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;    height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)"  >六</button>

  514. 		</td>

  515.         

  516.         </tbody>  

  517.         </table> 

  518.   </div>

  519. 	

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

  521.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始時&nbsp:&nbsp </label><input type="time" id="st1"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

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

  523.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束時&nbsp:&nbsp </label><input type="time" id="et1"  style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

  524. 		 

  525. 

  526. 	<hr style="margin: 23px 9px 15px 9px;border: solid 1px #979797;">

  527. 	

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

  529.     <tbody>

  530.         <tr>

  531. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  532. 		<button id ='d21' type="button"  style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">日</button>

  533. 		</td>

  534. 		

  535. 		

  536. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  537. 		<button id ='d22' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">一</button>

  538. 		</td>

  539. 		

  540. 		

  541. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  542. 		<button id ='d23' type="button" style="padding:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">二</button>

  543. 		</td>

  544. 		

  545. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  546. 		<button id ='d24' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">三</button>

  547. 		</td>

  548. 		

  549. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  550. 		<button id ='d25' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">四</button>

  551. 		</td>

  552. 		

  553. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  554. 		<button id ='d26' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">五</button>

  555. 		</td>

  556. 		

  557. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  558. 		<button id ='d27' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)"  >六</button>

  559. 		</td>

  560.         

  561.         </tbody>  

  562.         </table> 

  563. 	

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

  565.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始時&nbsp:&nbsp </label><input type="time" id="st2"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

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

  567.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束時&nbsp:&nbsp </label><input type="time" id="et2"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

  568. 		 

  569. 

  570. 	<hr style="margin: 23px 9px 15px 9px;border: solid 1px #979797;">

  571. 	

  572. 	

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

  574.     <tbody>

  575.         <tr>

  576. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  577. 		<button id ='d31' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">日</button>

  578. 		</td>

  579. 		

  580. 		

  581. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  582. 		<button id ='d32' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">一</button>

  583. 		</td>

  584. 		

  585. 		

  586. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  587. 		<button id ='d33' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">二</button>

  588. 		</td>

  589. 		

  590. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  591. 		<button id ='d34' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">三</button>

  592. 		</td>

  593. 		

  594. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  595. 		<button id ='d35' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">四</button>

  596. 		</td>

  597. 		

  598. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  599. 		<button id ='d36' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)">五</button>

  600. 		</td>

  601. 		

  602. 		<td  style="width: 13%;text-align: center; vertical-align: middle;">

  603. 		<button id ='d37' type="button" style="padding:0px 0px 0px 0px;border-width: 0px;margin: 0px 0px 5px 0px;color:#787878;font-family: Roboto_Light;  font-size: 24px;   height: 40px;background-color:#FFFFFF;width:40px;background-image: url(image/bgrey.png); background-repeat: no-repeat;background-size:  40px 40px;"  onclick="btnitemback(this.id)"  >六</button>

  604. 		</td>

  605.         

  606.         </tbody>  

  607.         </table>

  608. 	

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

  610.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">開始時&nbsp:&nbsp </label><input type="time" id="st3"   style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>		

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

  612.  <label style="margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:24px;color:#646464;border:none;width: 100px;">結束時&nbsp:&nbsp </label><input type="time" id="et3"  style="height:40px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);width: calc(99% - 100px);margin: 5px 0px 5px 0px;font-family:Roboto_Light;font-size:20px;color:#646464;border:none;"></div>

  613. 		 

  614. </br>

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

  616.     <tbody>

  617.         <tr>

  618. 		<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()">刪除</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="btnSaveTmp()"'+

  619. 		'>儲存</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()">預約</button></td>

  620.         

  621.         </tbody>  

  622.         </table> 

  623.   </div>

  624.  

  625. </div>

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

  627.     <h2>Output</h2>

  628. </div>

  629. 

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

  631. 

  632. function btnSaveTmp()

  633. {

  634. try

  635. {

  636. issame=false;

  637.  //alert(idx);

  638. var vvee1='';

  639. var vvee2='';

  640. var vvee3='';

  641. var cycy='';

  642.   

  643. var st1 =  '0000' ;

  644. var et1= '0000' ;

  645.   

  646. var st2 =  '0000' ;

  647. var et2= '0000' ;

  648.   

  649. var st3 =  '0000' ;

  650. var et3= '0000' ;

  651. //12345

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

  653. if (vItemNOSer.length<1)

  654. {

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

  656. return;

  657. }

  658. 

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

  660. {

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

  662. return;

  663. }

  664. 

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

  666. //alert(vsdsd);

  667. //return;

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

  669. //alert(veded);

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

  671. {

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

  673. return;

  674. }

  675. //alert('pass');

  676. if (vsdsd.length>16)

  677. {

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

  679. }

  680. if (veded.length>16)

  681. {

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

  683. }

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

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

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

  687. 

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

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

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

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

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

  693. //alert(vsdsd);

  694. //alert(veded);

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

  696. 

  697. //alert(vtstp);

  698. //return;

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

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

  701.  {

  702.  vvee1='1';

  703.   //alert('bgreen');

  704.  }else

  705.  {

  706.   vvee1='0';

  707.  //alert('bgrey');

  708.  }

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

  710.  {

  711.  vvee1=vvee1+'1'; 

  712.  }else

  713.  {

  714.   vvee1=vvee1+'0';

  715.  }

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

  717.  {

  718.  vvee1=vvee1+'1'; 

  719.  }else

  720.  {

  721.   vvee1=vvee1+'0';

  722.  }

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

  724.  {

  725.  vvee1=vvee1+'1'; 

  726.  }else

  727.  {

  728.   vvee1=vvee1+'0';

  729.  }

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

  731.  {

  732.  vvee1=vvee1+'1'; 

  733.  }else

  734.  {

  735.   vvee1=vvee1+'0';

  736.  }

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

  738.  {

  739.  vvee1=vvee1+'1'; 

  740.  }else

  741.  {

  742.   vvee1=vvee1+'0';

  743.  }

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

  745.  {

  746.  vvee1=vvee1+'1'; 

  747.  }else

  748.  {

  749.   vvee1=vvee1+'0';

  750.  }

  751.  //alert(vvee1);

  752. 

  753. 

  754. 

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

  756.  {

  757.  vvee2='1';

  758.   //alert('bgreen');

  759.  }else

  760.  {

  761.   vvee2='0';

  762.  //alert('bgrey');

  763.  }

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

  765.  {

  766.  vvee2=vvee2+'1'; 

  767.  }else

  768.  {

  769.   vvee2=vvee2+'0';

  770.  }

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

  772.  {

  773.  vvee2=vvee2+'1'; 

  774.  }else

  775.  {

  776.   vvee2=vvee2+'0';

  777.  }

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

  779.  {

  780.  vvee2=vvee2+'1'; 

  781.  }else

  782.  {

  783.   vvee2=vvee2+'0';

  784.  }

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

  786.  {

  787.  vvee2=vvee2+'1'; 

  788.  }else

  789.  {

  790.   vvee2=vvee2+'0';

  791.  }

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

  793.  {

  794.  vvee2=vvee2+'1'; 

  795.  }else

  796.  {

  797.   vvee2=vvee2+'0';

  798.  }

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

  800.  {

  801.  vvee2=vvee2+'1'; 

  802.  }else

  803.  {

  804.   vvee2=vvee2+'0';

  805.  }

  806.  // alert(vvee2);

  807.  

  808.  

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

  810.  {

  811.  vvee3='1';

  812.   //alert('bgreen');

  813.  }else

  814.  {

  815.   vvee3='0';

  816.  //alert('bgrey');

  817.  }

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

  819.  {

  820.  vvee3=vvee3+'1'; 

  821.  }else

  822.  {

  823.   vvee3=vvee3+'0';

  824.  }

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

  826.  {

  827.  vvee3=vvee3+'1'; 

  828.  }else

  829.  {

  830.   vvee3=vvee3+'0';

  831.  }

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

  833.  {

  834.  vvee3=vvee3+'1'; 

  835.  }else

  836.  {

  837.   vvee3=vvee3+'0';

  838.  }

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

  840.  {

  841.  vvee3=vvee3+'1'; 

  842.  }else

  843.  {

  844.   vvee3=vvee3+'0';

  845.  }

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

  847.  {

  848.  vvee3=vvee3+'1'; 

  849.  }else

  850.  {

  851.   vvee3=vvee3+'0';

  852.  }

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

  854.  {

  855.  vvee3=vvee3+'1'; 

  856.  }else

  857.  {

  858.   vvee3=vvee3+'0';

  859.  }

  860.  //alert(vvee3);

  861.  var ktype = '1';

  862.  if (vvee1=='0000000')

  863.  {

  864.  

  865.  }else

  866.  {

  867.  ktype='2';

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

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

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

  871.   {

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

  873. 	 return;

  874.   }

  875.  }

  876.  if (vvee2=='0000000')

  877.  {

  878.  

  879.  }else

  880.  {

  881.  ktype='2';

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

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

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

  885.   {

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

  887. 	 return;

  888.   }

  889.  }

  890.  if (vvee3=='0000000')

  891.  {

  892.  

  893.  }else

  894.  {

  895. ktype='2';

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

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

  898.   

  899.   //alert(st3.length)

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

  901.   {

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

  903. 	 return;

  904.   }

  905.  }

  906.  

  907. //alert(ktype);

  908.  

  909.  

  910.  if (ktype=='2')

  911.  {

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

  913.  }

  914.  else

  915.  {

  916.  //cycy='';

  917.  }

  918. // alert(ktype);

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

  920.  //alert(cycy);

  921.  

  922.  

  923.  fincycle='';

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

  925.    fincycle=fincycle+ vtstp+';';

  926.  

  927.  fincycle=fincycle+cycy+';';

  928. 

  929.  //alert(cycy);

  930. // alert(fincycle);

  931.  if (orgcycle==fincycle)

  932.  {

  933.  issame=true;

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

  935.  }

  936.      

  937.  if (issame)

  938.  {

  939.  alert('OK');

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

  941.  }

  942.  else

  943.  {

  944.  

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

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

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

  948. 			

  949. 		//  alert(ktype);

  950. 		//  return;

  951. 	

  952. 	   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\":\"ReservePC"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  953. 	    

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

  955. 			vsn='001';

  956. 			isget2=false;

  957.        // updateOutput(jsonString);

  958. 		//alert(jsonString

  959. 		

  960. 		if (TYPE=='IOS')

  961. 		{

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

  963. 		}

  964. 	

  965. 		if (TYPE=='ANDROID')

  966. 		{

  967.         webSocket.send(jsonString);

  968. 		}

  969. 		

  970. 		if (TYPE=='PC')

  971. 		{

  972. 		//alert(edata);

  973.        selfendecode(edata);

  974. 		}

  975. 		

  976.   }

  977.  

  978.  }catch(e)

  979.  {

  980.  alert(e);

  981.  }

  982. 

  983. }

  984.  

  985. function senttoother()

  986. {

  987. try

  988. {

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

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

  991. 	 message999.qos = 0;

  992. 	message999.retained = false;

  993. 	

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

  995. 	{

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

  997.           {

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

  999.              client.send(message999); 

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

  1001.              client.send(message999); 

  1002. 	  }  

  1003.        } 

  1004.        

  1005.        }

  1006.        catch(e)

  1007.        {

  1008.        alert(e);

  1009.        }

  1010. }

  1011.  

  1012. function btnSaveqr()

  1013. {

  1014.  

  1015. issame=false;

  1016. //alert(idx);

  1017. var vvee1='';

  1018. var vvee2='';

  1019. var vvee3='';

  1020. var cycy='';

  1021.   

  1022.     var st1 =  '0000' ;

  1023. var et1= '0000' ;

  1024.   

  1025.     var st2 =  '0000' ;

  1026. var et2= '0000' ;

  1027.   

  1028.   var st3 =  '0000' ;

  1029. var et3= '0000' ;

  1030. 

  1031. 

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

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

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

  1035. //alert(vsdsd);

  1036. //return;

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

  1038. 

  1039. if (vsdsd.length>16)

  1040. {

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

  1042. }

  1043. if (veded.length>16)

  1044. {

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

  1046. }

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

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

  1049. //alert(vsdsd);

  1050. //return;

  1051. 

  1052. //12345

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

  1054. if (vItemNOSer.length<1)

  1055. {

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

  1057. return;

  1058. }

  1059. 

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

  1061. {

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

  1063. return;

  1064. }

  1065. 

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

  1067. //alert(vsdsd);

  1068. //return;

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

  1070. //alert(veded);

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

  1072. {

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

  1074. return;

  1075. }

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

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

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

  1079. 

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

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

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

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

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

  1085. //alert(vsdsd);

  1086. //alert(veded);

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

  1088. vtstpqr=vtstp;

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

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

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

  1092. 

  1093. //alert(vtstp);

  1094. //return;

  1095.   

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

  1097. {

  1098.  vvee1='1';

  1099.   //alert('bgreen');

  1100.  }else

  1101.  {

  1102.   vvee1='0';

  1103.  //alert('bgrey');

  1104.  }

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

  1106.  {

  1107.  vvee1=vvee1+'1'; 

  1108.  }else

  1109.  {

  1110.   vvee1=vvee1+'0';

  1111.  }

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

  1113.  {

  1114.  vvee1=vvee1+'1'; 

  1115.  }else

  1116.  {

  1117.   vvee1=vvee1+'0';

  1118.  }

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

  1120.  {

  1121.  vvee1=vvee1+'1'; 

  1122.  }else

  1123.  {

  1124.   vvee1=vvee1+'0';

  1125.  }

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

  1127.  {

  1128.  vvee1=vvee1+'1'; 

  1129.  }else

  1130.  {

  1131.   vvee1=vvee1+'0';

  1132.  }

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

  1134.  {

  1135.  vvee1=vvee1+'1'; 

  1136.  }else

  1137.  {

  1138.   vvee1=vvee1+'0';

  1139.  }

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

  1141.  {

  1142.  vvee1=vvee1+'1'; 

  1143.  }else

  1144.  {

  1145.   vvee1=vvee1+'0';

  1146.  }

  1147.  //alert(vvee1);

  1148. 

  1149. 

  1150. 

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

  1152.  {

  1153.  vvee2='1';

  1154.   //alert('bgreen');

  1155.  }else

  1156.  {

  1157.   vvee2='0';

  1158.  //alert('bgrey');

  1159.  }

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

  1161.  {

  1162.  vvee2=vvee2+'1'; 

  1163.  }else

  1164.  {

  1165.   vvee2=vvee2+'0';

  1166.  }

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

  1168.  {

  1169.  vvee2=vvee2+'1'; 

  1170.  }else

  1171.  {

  1172.   vvee2=vvee2+'0';

  1173.  }

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

  1175.  {

  1176.  vvee2=vvee2+'1'; 

  1177.  }else

  1178.  {

  1179.   vvee2=vvee2+'0';

  1180.  }

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

  1182.  {

  1183.  vvee2=vvee2+'1'; 

  1184.  }else

  1185.  {

  1186.   vvee2=vvee2+'0';

  1187.  }

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

  1189.  {

  1190.  vvee2=vvee2+'1'; 

  1191.  }else

  1192.  {

  1193.   vvee2=vvee2+'0';

  1194.  }

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

  1196.  {

  1197.  vvee2=vvee2+'1'; 

  1198.  }else

  1199.  {

  1200.   vvee2=vvee2+'0';

  1201.  }

  1202.  // alert(vvee2);

  1203.  

  1204.  

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

  1206.  {

  1207.  vvee3='1';

  1208.   //alert('bgreen');

  1209.  }else

  1210.  {

  1211.   vvee3='0';

  1212.  //alert('bgrey');

  1213.  }

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

  1215.  {

  1216.  vvee3=vvee3+'1'; 

  1217.  }else

  1218.  {

  1219.   vvee3=vvee3+'0';

  1220.  }

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

  1222.  {

  1223.  vvee3=vvee3+'1'; 

  1224.  }else

  1225.  {

  1226.   vvee3=vvee3+'0';

  1227.  }

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

  1229.  {

  1230.  vvee3=vvee3+'1'; 

  1231.  }else

  1232.  {

  1233.   vvee3=vvee3+'0';

  1234.  }

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

  1236.  {

  1237.  vvee3=vvee3+'1'; 

  1238.  }else

  1239.  {

  1240.   vvee3=vvee3+'0';

  1241.  }

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

  1243.  {

  1244.  vvee3=vvee3+'1'; 

  1245.  }else

  1246.  {

  1247.   vvee3=vvee3+'0';

  1248.  }

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

  1250.  {

  1251.  vvee3=vvee3+'1'; 

  1252.  }else

  1253.  {

  1254.   vvee3=vvee3+'0';

  1255.  }

  1256.  //alert(vvee3);

  1257.  var ktype = '1';

  1258.  if (vvee1=='0000000')

  1259.  {

  1260.  

  1261.  }else

  1262.  {

  1263.  ktype='2';

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

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

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

  1267.   {

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

  1269. 	 return;

  1270.   }

  1271.  }

  1272.  if (vvee2=='0000000')

  1273.  {

  1274.  

  1275.  }else

  1276.  {

  1277.  ktype='2';

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

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

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

  1281.   {

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

  1283. 	 return;

  1284.   }

  1285.  }

  1286.  if (vvee3=='0000000')

  1287.  {

  1288.  

  1289.  }else

  1290.  {

  1291. ktype='2';

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

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

  1294.   

  1295.   //alert(st3.length)

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

  1297.   {

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

  1299. 	 return;

  1300.   }

  1301.  }

  1302.  

  1303. 

  1304.  

  1305.  

  1306.  if (ktype=='2')

  1307.  {

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

  1309.  

  1310.  vcyd='';

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

  1312.  let days=[];

  1313.  

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

  1315. 			{

  1316. 			}else

  1317. 			{

  1318. 		 

  1319. 			 

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

  1321. 			days.push('日');

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

  1323. 			days.push('一');

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

  1325. 			days.push('二');

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

  1327. 			days.push('三');

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

  1329. 			days.push('四');

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

  1331. 			days.push('五');

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

  1333. 			days.push('六');	

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

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

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

  1337. 			}

  1338. 			

  1339. 			days=[];

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

  1341. 			{

  1342. 			}else

  1343. 			{

  1344. 			 

  1345. 			 

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

  1347. 			days.push('日');

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

  1349. 			days.push('一');

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

  1351. 			days.push('二');

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

  1353. 			days.push('三');

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

  1355. 			days.push('四');

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

  1357. 			days.push('五');

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

  1359. 			days.push('六');

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

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

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

  1363. 			}

  1364. 			

  1365. 			days=[];

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

  1367. 			{

  1368. 			}else

  1369. 			{

  1370. 		 

  1371. 			

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

  1373. 			days.push('日');

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

  1375. 			days.push('一');

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

  1377. 			days.push('二');

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

  1379. 			days.push('三');

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

  1381. 			days.push('四');

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

  1383. 			days.push('五');

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

  1385. 			days.push('六');	

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

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

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

  1389. 			}

  1390.  

  1391.  

  1392.  }

  1393.  else

  1394.  {

  1395.  //cycy='';

  1396.  }

  1397.  

  1398.  fincycle='';

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

  1400.    fincycle=fincycle+ vtstp+';';

  1401.  

  1402.  fincycle=fincycle+cycy+';';

  1403. 

  1404.  //alert(cycy);

  1405. // alert(fincycle);

  1406.  if (orgcycle==fincycle)

  1407.  {

  1408.  issame=true;

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

  1410.  }

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

  1412.  if (issame)

  1413.  {

  1414.  

  1415.  	 vsn='';

  1416. 		 try

  1417. 		 {

  1418. 		 

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

  1420. 		

  1421. 		 

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

  1423.        

  1424. 		if (TYPE=='IOS')

  1425. 		{

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

  1427. 		}

  1428. 		if (TYPE=='ANDROID')

  1429. 		{

  1430.         webSocket.send(jsonString);

  1431. 		}

  1432. 		

  1433. 		if (TYPE=='PC')

  1434. 		{

  1435.             shareQrPC(jsonString);

  1436. 		}

  1437. 		 

  1438. 		 }catch(e)

  1439. 		 {

  1440. 		  alert(e);

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

  1442. 		 }

  1443. 	

  1444.  

  1445.  }

  1446.  else 

  1447.  {

  1448.  

  1449. 

  1450. 

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

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

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

  1454. 		//  alert(ktype);

  1455. 		//  return;

  1456. 	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\":\"ReservePC"+CID+"1-"+SubID+"\",\"TimeStamp\":\""+vt+"\",\"Token\":\"Gigatech23634857\"}}";

  1457. 	    

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

  1459. 			vsn='003';

  1460.         //updateOutput(jsonString);

  1461. 		//alert(jsonString);

  1462. 		//return;

  1463. 		if (TYPE=='IOS')

  1464. 		{

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

  1466. 		}

  1467. 	

  1468. 		if (TYPE=='ANDROID')

  1469. 		{

  1470.         webSocket.send(jsonString333);

  1471. 		}

  1472. 		

  1473. 		if (TYPE=='PC')

  1474. 		{

  1475.         selfendecode(edata456);

  1476. 		}

  1477. }	

  1478.  

  1479.  

  1480.  

  1481.  

  1482.  }

  1483.  

  1484.  function btnitemback(vid)

  1485.  {

  1486.  try

  1487.  {

  1488.  //alert(vid);

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

  1490.  

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

  1492.  {

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

  1494.  }else

  1495.  {

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

  1497.  }

  1498.  

  1499. 

  1500.  }catch(e)

  1501.  {

  1502.  alert(e);

  1503.  }

  1504.  

  1505.  }

  1506.  

  1507.  function btndddel()

  1508.  {

  1509.  

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

  1511.  if (yes) {

  1512. 

  1513. try

  1514.  {

  1515. 

  1516.     //alert('ue');

  1517. 	//return;

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

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

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

  1521. 		//  alert(ktype);

  1522. 		

  1523. 		//  return;

  1524. 		var edata3 ="";

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

  1526. 	  //  alert(edata);

  1527. 	  var jsonString4 ="";

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

  1529. 	

  1530. 	vsn='101';

  1531.        // updateOutput(jsonString);

  1532. 		//alert(jsonString);

  1533. 		//return;

  1534. 		if (TYPE=='IOS')

  1535. 		{

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

  1537. 		}

  1538. 	

  1539. 		if (TYPE=='ANDROID')

  1540. 		{

  1541.         webSocket.send(jsonString4);

  1542. 		}

  1543. 		

  1544. 		if (TYPE=='PC')

  1545. 		{

  1546.         selfendecode(edata3);

  1547. 		}

  1548. 		

  1549.  }

  1550.  catch(e)

  1551.  {

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

  1553.  }

  1554. } else {

  1555. }

  1556.  

  1557.   }

  1558.  

  1559.  

  1560.  	function getdoorlist() 

  1561. 	 {

  1562. 	 

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

  1564. 	

  1565. 	 

  1566. 	      

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

  1568. 	    

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

  1570. 			vsn='001';

  1571.        // updateOutput(jsonString);

  1572. 		isget2=false;

  1573. 		if (TYPE=='IOS')

  1574. 		{

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

  1576. 		}

  1577. 	

  1578. 		if (TYPE=='ANDROID')

  1579. 		{

  1580.         webSocket.send(jsonString);

  1581. 		}

  1582. 		

  1583. 		if (TYPE=='PC')

  1584. 		{

  1585.         selfendecode(edata);

  1586. 		}

  1587. 	

  1588. 	}

  1589. 	

  1590.  

  1591.  

  1592.  </script>

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

  1594.     var webSocket;

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

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

  1597. 	var vdata="";

  1598. 	var isok=true;

  1599. 	var webSocket;

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

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

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

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

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

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

  1606. 	  function connect() {

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

  1608.       if (webSocket !== undefined

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

  1610.         return;

  1611.       }

  1612. 

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

  1614. 

  1615.       // Create a websocket

  1616.       webSocket = new WebSocket(wsUrl);

  1617. 

  1618.       webSocket.onopen = function(event) {

  1619. 	  

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

  1621.        // connectBtn.disabled = true;

  1622.        try

  1623. 	   {

  1624. 		 

  1625. 		 

  1626.   /*

  1627.      setTimeout(() => {

  1628. 	 if (isget)

  1629. 	 {

  1630. 	 }else

  1631. 	 {

  1632. 	 

  1633.     getdoorlist() ;

  1634. 	}

  1635.   }, 1000);

  1636. 	*/ 

  1637.  		  

  1638. 			}catch(e)

  1639. 			{

  1640. 			alert(e);

  1641. 			}

  1642. 		 

  1643.       };

  1644. 

  1645.       webSocket.onmessage = function(event) 

  1646. 	  {

  1647. 	  

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

  1649. 		 {

  1650. 		// alert(vsn);

  1651. 		isget=true;

  1652. 		  var ress = event.data;

  1653. 		  vsn='104';

  1654. 		 try

  1655. 		 {

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

  1657. 		 //alert( vobj.data);

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

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

  1660. 		 senttoother();

  1661. 		 alert('OK');

  1662.                  //23456		

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

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

  1665. 		 }

  1666. 		 catch(e)

  1667. 		 {

  1668. 		 alert(e);

  1669. 		 }

  1670. 		 }

  1671. 		 

  1672. 		 if (vsn=='004')

  1673. 		 {

  1674. 		 isget3 = true;

  1675. 		 //alert('004');

  1676. 		 vsn='';

  1677. 		 var ress = event.data;

  1678. 		 try

  1679. 		 {

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

  1681. 		   vobj = JSON.parse( ress);

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

  1683. 		 // alert( qrcd);

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

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

  1686. 		 //alert('OK');

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

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

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

  1690. 		// alert(vtttt);

  1691. 		//vcyd

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

  1693.                 // updateOutput(jsonString);

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

  1695.                orgcycle=fincycle;

  1696. 	       vvqrcd=qrcd;

  1697. 	       senttoother();

  1698. 		if (TYPE=='IOS')

  1699. 		{

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

  1701. 		}

  1702. 		if (TYPE=='ANDROID')

  1703. 		{

  1704.         webSocket.send(jsonString);

  1705. 		}

  1706. 		

  1707. 		if (TYPE=='PC')

  1708. 		{

  1709.        shareQrPC(jsonString);

  1710. 		}

  1711. 		 

  1712. 		 }catch(e)

  1713. 		 {

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

  1715. 		 }

  1716. 		 }

  1717. 		 

  1718. 	     if (vsn=='001')

  1719. 		 {

  1720. 		 try

  1721. 		 {

  1722. 		 isget2=true;

  1723. 		 // alert( '001');

  1724. 		  var ress = event.data;

  1725. 		  // alert( ress);

  1726. 		   

  1727. 		     vobj = JSON.parse( ress); 		 

  1728. 		  isget=false;

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

  1730. }catch(e)

  1731. {

  1732. alert(e);

  1733. }		 

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

  1735. 		 // updateOutput(vdata);

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

  1737. 		 //var payload =vdata;

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

  1739. 	//alert(payload);

  1740. 	//23456

  1741. 	

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

  1743.     message2.destinationName = SN ;

  1744. 	 message2.qos = 0;

  1745. 	message2.retained = false;

  1746. 	

  1747. 	 

  1748. 	   // client.send(message); 

  1749.  //setTimeout(() => {

  1750. 	var vivi = 0;

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

  1752. 	if (isget)

  1753. 	 {

  1754. 	 

  1755. 	 }

  1756. 	 else

  1757. 	 {

  1758. 	   if (vivi>15)

  1759. 	   {

  1760.       clearInterval(intervalID);	 

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

  1762. 	 

  1763. 	   }else

  1764. 	   {

  1765. 	     vivi++;

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

  1767. 		    if (isconn)

  1768. 		  {

  1769. 		  client.send(message2); 

  1770. 		  }

  1771. 	    

  1772. 	   }

  1773. 	

  1774. 	}	

  1775.   }, 400);	

  1776. 

  1777. 

  1778. 	 

  1779. 	 

  1780. 		 }

  1781. 		 

  1782. 		if (vsn=='101')

  1783. 		 {

  1784. 		 try

  1785. 		 {

  1786. 		 vsn='102';

  1787. 		 // alert( '102');

  1788. 		  var ress = event.data;

  1789. 		 // alert( ress);

  1790. 		     vobj = JSON.parse( ress); 		 

  1791. 		  isget=false;

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

  1793. 		 

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

  1795. 		 // updateOutput(vdata);

  1796. 		  

  1797. 	//	 var payload =vdata;

  1798. 	 

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

  1800. 	message0.qos = 0;

  1801.          message0.retained = false;

  1802.         message0.destinationName = SN ;

  1803.     //setTimeout(() => {

  1804. 	   // client.send(message); 

  1805.  var vivi = 0;

  1806.   

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

  1808. 	if (isget)

  1809. 	 {

  1810. 	 

  1811. 	 }

  1812. 	 else

  1813. 	 {

  1814. 	   if (vivi>15)

  1815. 	   {

  1816.    clearInterval(intervalID);	

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

  1818. 	

  1819. 	   }else

  1820. 	   {

  1821. 	     vivi++;

  1822. 		  if (isconn)

  1823. 		  {

  1824. 		    client.send(message0); 

  1825. 		  }

  1826. 	 

  1827. 	   }

  1828. 	

  1829. 	}	

  1830.   }, 400);	

  1831.  

  1832. 	 

  1833. 

  1834.   

  1835. 	 }catch(e)

  1836. {

  1837. alert(e);

  1838. }

  1839. 		 }

  1840. 		 

  1841. 		 if (vsn=='003')

  1842. 		 {

  1843. 		 

  1844. 		 // alert( '003');

  1845. 		 var ress = event.data;

  1846. 		 // alert( ress);

  1847. 		   vobj = JSON.parse( ress); 		 

  1848. 		 isget3=false;

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

  1850.  		 

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

  1852. 		//  updateOutput(vdata);

  1853. 		  

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

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

  1856.     message7.destinationName = SN ;

  1857.  message7.retained = false;

  1858. 		message7.qos = 0;

  1859. 		var vivi = 0;

  1860. 	  //  client.send(message); 

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

  1862. 	if (isget3)

  1863. 	 {

  1864. 	 

  1865. 	 }

  1866. 	 else

  1867. 	 {

  1868. 	   if (vivi>15)

  1869. 	   {

  1870. 	    clearInterval(intervalID);

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

  1872. 	  

  1873. 	   }else

  1874. 	   {

  1875. 	     vivi++;

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

  1877. 	   if (isconn)

  1878. 	   {

  1879. 	   client.send(message7); 

  1880. 	   }

  1881. 	   }

  1882. 	

  1883. 	}	

  1884.   }, 400);	

  1885. 	 

  1886. 	

  1887.    

  1888. 		 

  1889. 		 }

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

  1891. 		 // 	  updateOutput(event.data);

  1892. 		

  1893.       };

  1894. 

  1895.       webSocket.onclose = function(event) {

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

  1897.         //connectBtn.disabled = false;

  1898.         //sendBtn.disabled = true;

  1899.       };

  1900.     }

  1901.  

  1902.  

  1903.  function shareQr() {

  1904.         var text = input.value;

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

  1906.         //updateOutput(jsonString);

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

  1908.         

  1909. 		if (TYPE=='IOS')

  1910. 		{

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

  1912. 		}

  1913. 		if (TYPE=='ANDROID')

  1914. 		{

  1915.         webSocket.send(jsonString);

  1916. 		}

  1917.     }

  1918. 	

  1919. 	 function shareQrPC(message) {

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

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

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

  1923. 		//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);

  1924. 		document.location = "index4.html?idx="+vvvi+"&tt="+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; 

  1925.         

  1926.     }

  1927. 	

  1928. 	//self start

  1929. 	 function selfendecode(message) {

  1930. 	

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

  1932. 		 {

  1933. 		 isget=true;

  1934. 		// alert(vsn);

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

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

  1937. 		  var ress = message;

  1938. 		  vsn='104';

  1939. 		 try

  1940. 		 {

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

  1942. 		 //alert( vobj.data);

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

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

  1945. 	senttoother();

  1946. 		 alert('OK');

  1947. 		 //23456

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

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

  1950. 		 }catch(e)

  1951. 		 {

  1952. 		 alert(e);

  1953. 		 }

  1954. 		 }

  1955. 		 

  1956. 		 if (vsn=='004')

  1957. 		 {

  1958. 		 //alert('004');

  1959. 		 vsn='';

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

  1961. 		 isget3 = true;		 

  1962. 		 var ress = message;

  1963. 		  

  1964. 		 

  1965. 		 try

  1966. 		 {

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

  1968. 		    vobj = JSON.parse( ress);

  1969. 		 var qrcd= vobj.data.CardID;  

  1970. 		 // alert('004 '+message);

  1971. 		  

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

  1973. 		 // alert( qrcd);

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

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

  1976. 		 //alert('OK');

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

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

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

  1980. 		// alert(vtttt);

  1981. 		//vcyd

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

  1983.         // alert(jsonString);      

  1984. 	  // updateOutput(jsonString);

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

  1986. 	     orgcycle=fincycle;

  1987. 	       vvqrcd=qrcd;

  1988. 	       senttoother();

  1989. 		if (TYPE=='IOS')

  1990. 		{

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

  1992. 		}

  1993. 		if (TYPE=='ANDROID')

  1994. 		{

  1995.         webSocket.send(jsonString);

  1996. 		}

  1997. 		

  1998. 		if (TYPE=='PC')

  1999. 		{

  2000.         shareQrPC(jsonString);

  2001. 		}

  2002. 		 

  2003. 		 }catch(e)

  2004. 		 {

  2005. 		 alert(e);

  2006. 		 }

  2007. 		 }

  2008. 		 

  2009. 	     if (vsn=='001')

  2010. 		 {

  2011. 		 try

  2012. 		 {

  2013. 		 // alert( '001');

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

  2015. 		  var ress = message;

  2016. 		  // alert( ress);

  2017. 		  isget2=true;

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

  2019. 		  isget=false;

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

  2021. }catch(e)

  2022. {

  2023. alert(e);

  2024. }		 

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

  2026. 		 // updateOutput(vdata);

  2027. 		  

  2028. 		 

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

  2030.     message4.destinationName = SN ;

  2031. 	message4.retained = false;

  2032. 		message4.qos = 0;

  2033. 	var vivi = 0;

  2034. 	  //  client.send(message); 

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

  2036. 	if (isget)

  2037. 	 {

  2038. 	 

  2039. 	 }

  2040. 	 else

  2041. 	 {

  2042. 	   if (vivi>15)

  2043. 	   {

  2044. 	    clearInterval(intervalID);

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

  2046. 	  

  2047. 	   }else

  2048. 	   {

  2049. 	     vivi++;

  2050. 		  if (isconn)

  2051. 	   {

  2052. 	 client.send(message4); 

  2053. 	   }

  2054. 	   

  2055. 	   }

  2056. 	

  2057. 	}	

  2058.   }, 400);	

  2059. 	 

  2060. 		 }

  2061. 		 

  2062. 		  if (vsn=='101')

  2063. 		 {

  2064. 		 try

  2065. 		 {

  2066. 		 vsn='102';

  2067. 		 // alert( '102');

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

  2069. 		  var ress = message;

  2070. 		 // alert( ress);

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

  2072. 		  isget=false;

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

  2074. 		 

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

  2076. 		 // updateOutput(vdata);

  2077. 		  

  2078. 	 

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

  2080.     message9.destinationName = SN ;

  2081. 	  message9.retained = false;

  2082. 		message9.qos = 0;

  2083. var vivi = 0;

  2084.  

  2085. 	 //   client.send(message); 

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

  2087. 	if (isget)

  2088. 	 {

  2089. 	 

  2090. 	 }

  2091. 	 else

  2092. 	 {

  2093. 	   if (vivi>15)

  2094. 	   {

  2095. 	  

  2096. 	   clearInterval(intervalID);

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

  2098. 	  }else

  2099. 	   {

  2100. 	    if (isconn)

  2101. 		{

  2102. 		 client.send(message9); 

  2103. 		}

  2104. 	   

  2105. 		 vivi++;

  2106. 	   }

  2107. 	

  2108. 	}	

  2109.   }, 400);	

  2110.   

  2111. 	 }catch(e)

  2112. {

  2113. alert(e);

  2114. }

  2115. 		 }

  2116. 		 

  2117. 		 if (vsn=='003')

  2118. 		 {

  2119. 		 try

  2120. 		 {

  2121. 		 // alert( '003');

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

  2123. 		  var ress = message;

  2124. 		  // alert( ress);

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

  2126. 		isget3=false;

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

  2128. }catch(e)

  2129. {

  2130. alert(e);

  2131. }		 

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

  2133. 		//  updateOutput(vdata);

  2134. 		  

  2135. 		 

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

  2137.     message6.destinationName = SN ;

  2138. 	   message6.retained = false;

  2139. 		message6.qos = 0;

  2140. 	

  2141. 	//setTimeout(() => {

  2142. 	var vivi = 0;

  2143. 	 

  2144. 	  

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

  2146. 	if (isget3)

  2147. 	 {

  2148. 	 

  2149. 	 }

  2150. 	 else

  2151. 	 {

  2152. 	   if (vivi>15)

  2153. 	   {

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

  2155. 	   clearInterval(intervalID);

  2156. 	   }else

  2157. 	   {

  2158. 	     vivi++;

  2159. 		 if (isconn)

  2160. 		 {

  2161. 		  client.send(message6); 

  2162. 		 }

  2163. 	   

  2164. 	   }

  2165. 	

  2166. 	}	

  2167.   }, 400);	

  2168. 	

  2169.    

  2170. 		 

  2171. 		 }

  2172. 	

  2173.       //  updateOutput(message);

  2174.         

  2175.     }

  2176. 	//self end

  2177. 

  2178.     function AppToWeb(message) {

  2179. 	

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

  2181. 		 {

  2182. 		 isget=true;

  2183. 		// alert(vsn);

  2184. 		  var ress = message;

  2185. 		  vsn='104';

  2186. 		 try

  2187. 		 {

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

  2189. 		 //alert( vobj.data);

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

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

  2192. 	senttoother();

  2193. 		 alert('OK');

  2194. 		 //23456

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

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

  2197. 		 }catch(e)

  2198. 		 {

  2199. 		 alert(e);

  2200. 		 }

  2201. 		 }

  2202. 		 

  2203. 		 if (vsn=='004')

  2204. 		 {

  2205. 		 //alert('004');

  2206. 		 vsn='';

  2207. 		 isget3 = true;

  2208. 		 var ress = message;

  2209. 		 try

  2210. 		 {

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

  2212. 		    vobj = JSON.parse( ress);

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

  2214. 		 // alert( qrcd);

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

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

  2217. 		 //alert('OK');

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

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

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

  2221. 		// alert(vtttt);

  2222. 		//vcyd

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

  2224.         // alert(jsonString);      

  2225. 	  // updateOutput(jsonString);

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

  2227. 	     orgcycle=fincycle;

  2228. 	       vvqrcd=qrcd;

  2229. 	       senttoother();

  2230. 		if (TYPE=='IOS')

  2231. 		{

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

  2233. 		}

  2234. 		if (TYPE=='ANDROID')

  2235. 		{

  2236.         webSocket.send(jsonString);

  2237. 		}

  2238. 		 

  2239. 		 }catch(e)

  2240. 		 {

  2241. 		 alert(e);

  2242. 		 }

  2243. 		 }

  2244. 		 

  2245. 	     if (vsn=='001')

  2246. 		 {

  2247. 		 try

  2248. 		 {

  2249. 		 // alert( '001');

  2250. 		  var ress = message;

  2251. 		  // alert( ress);

  2252. 		  isget2=true;

  2253. 		     vobj = JSON.parse( ress); 		 

  2254. 		  isget=false;

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

  2256. }catch(e)

  2257. {

  2258. alert(e);

  2259. }		 

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

  2261. 		 // updateOutput(vdata);

  2262. 		  

  2263. 		 

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

  2265.     message4.destinationName = SN ;

  2266. 	message4.retained = false;

  2267. 		message4.qos = 0;

  2268. 	var vivi = 0;

  2269. 	  //  client.send(message); 

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

  2271. 	if (isget)

  2272. 	 {

  2273. 	 

  2274. 	 }

  2275. 	 else

  2276. 	 {

  2277. 	   if (vivi>15)

  2278. 	   {

  2279. 	    clearInterval(intervalID);

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

  2281. 	  

  2282. 	   }else

  2283. 	   {

  2284. 	     vivi++;

  2285. 		  if (isconn)

  2286. 	   {

  2287. 	 client.send(message4); 

  2288. 	   }

  2289. 	   

  2290. 	   }

  2291. 	

  2292. 	}	

  2293.   }, 400);	

  2294. 	 

  2295. 		 }

  2296. 		 

  2297. 		  if (vsn=='101')

  2298. 		 {

  2299. 		 try

  2300. 		 {

  2301. 		 vsn='102';

  2302. 		 // alert( '102');

  2303. 		  var ress = message;

  2304. 		 // alert( ress);

  2305. 		     vobj = JSON.parse( ress); 		 

  2306. 		  isget=false;

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

  2308. 		 

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

  2310. 		 // updateOutput(vdata);

  2311. 		  

  2312. 	 

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

  2314.     message9.destinationName = SN ;

  2315. 	  message9.retained = false;

  2316. 		message9.qos = 0;

  2317. var vivi = 0;

  2318.  

  2319. 	 //   client.send(message); 

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

  2321. 	if (isget)

  2322. 	 {

  2323. 	 

  2324. 	 }

  2325. 	 else

  2326. 	 {

  2327. 	   if (vivi>15)

  2328. 	   {

  2329. 	  

  2330. 	   clearInterval(intervalID);

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

  2332. 	  }else

  2333. 	   {

  2334. 	    if (isconn)

  2335. 		{

  2336. 		 client.send(message9); 

  2337. 		}

  2338. 	   

  2339. 		 vivi++;

  2340. 	   }

  2341. 	

  2342. 	}	

  2343.   }, 400);	

  2344.   

  2345. 	 }catch(e)

  2346. {

  2347. alert(e);

  2348. }

  2349. 		 }

  2350. 		 

  2351. 		 if (vsn=='003')

  2352. 		 {

  2353. 		 try

  2354. 		 {

  2355. 		 // alert( '003');

  2356. 		  var ress = message;

  2357. 		  // alert( ress);

  2358. 		     vobj = JSON.parse( ress); 		 

  2359. 		isget3=false;

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

  2361. }catch(e)

  2362. {

  2363. alert(e);

  2364. }		 

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

  2366. 		//  updateOutput(vdata);

  2367. 		  

  2368. 		 

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

  2370.     message6.destinationName = SN ;

  2371. 	   message6.retained = false;

  2372. 		message6.qos = 0;

  2373. 	

  2374. 	//setTimeout(() => {

  2375. 	var vivi = 0;

  2376. 	 

  2377. 	  

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

  2379. 	if (isget3)

  2380. 	 {

  2381. 	 

  2382. 	 }

  2383. 	 else

  2384. 	 {

  2385. 	   if (vivi>15)

  2386. 	   {

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

  2388. 	   clearInterval(intervalID);

  2389. 	   }else

  2390. 	   {

  2391. 	     vivi++;

  2392. 		 if (isconn)

  2393. 		 {

  2394. 		  client.send(message6); 

  2395. 		 }

  2396. 	   

  2397. 	   }

  2398. 	

  2399. 	}	

  2400.   }, 400);	

  2401. 	

  2402.    

  2403. 		 

  2404. 		 }

  2405. 	

  2406.       //  updateOutput(message);

  2407.         return "Got it"

  2408.     }

  2409. 

  2410.     function endode() {

  2411.         var text = input.value;

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

  2413. 		

  2414.        // updateOutput(jsonString);

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

  2416. 		if (TYPE=='IOS')

  2417. 		{

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

  2419. 		}

  2420. 		if (TYPE=='ANDROID')

  2421. 		{

  2422.         webSocket.send(jsonString);

  2423. 		}

  2424. 		

  2425.     }

  2426. 

  2427.     function decode() {

  2428.         var text = input.value;

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

  2430.         //updateOutput(jsonString);

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

  2432. 		if (TYPE=='IOS')

  2433. 		{

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

  2435. 		}

  2436.        if (TYPE=='ANDROID')

  2437. 		{

  2438.         webSocket.send(jsonString);

  2439. 		}

  2440.     }

  2441. 	

  2442. 	 

  2443. 

  2444.     function updateOutput(text) {

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

  2446.     }

  2447. 	

  2448. 	

  2449.     </script>

  2450. 	<script>  

  2451.     var getUrlParameter = function getUrlParameter(sParam) {

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

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

  2454.         sParameterName,

  2455.         i;

  2456. 

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

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

  2459. 

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

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

  2462.         }

  2463.     }

  2464. };

  2465. 

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

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

  2468. 

  2469.     if (!format) {

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

  2471.     }

  2472. 

  2473.     var o = {

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

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

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

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

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

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

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

  2481.         "S": this.getMilliseconds()

  2482.     };

  2483. 

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

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

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

  2487.     }

  2488. 

  2489.     for (var k in o) {

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

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

  2492.                 ? o[k]

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

  2494.         }

  2495.     }

  2496. 

  2497.     return format;

  2498. };

  2499. </script>  

  2500. <br>

  2501. </body>

  2502. 

  2503. </html>