Strona główna Odkrywaj Pomoc
Zaloguj się
tom
/
Orader
Obserwuj 1
Gwiazdka 0
Forkuj 0
Kod Problemy 0 Pull Requests 0 Wydania 0 Wiki Aktywność
預約系統 IOS / Android Windows
4 Commity
1 Gałęzie
Gałąź: master
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z 'master'
${ noResults }
Orader/android/index3.html

index3.html 58KB
Bezpośredni odnośnik Historia Czysty

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

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

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

  10. 

  11.  

  12. 

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

  14.  var message999;

  15. var message0 ;

  16. 	var message4 ;

  17. 	var message9 ;

  18. 		var message6;

  19. 			var message7 ;

  20. 			var message2 ;

  21. 			var issame=false;

  22. 			 var vvqrcd= '';  

  23. 			 var orgcycle='';

  24. 			 var fincycle='';

  25. 			 var orgtimestamp='';

  26. 			 var isconn = false;

  27.  var CID = '';

  28.   var ID = '';

  29.   var PW = '';

  30.     var TYPE = '';

  31. var client;

  32. var kname='';

  33. var myclientid='';

  34.     var tt =  '';

  35. 	var st = '';

  36. 	 var et =  '';

  37. 	 var idx = '';

  38. 	var cy='';

  39. 	var vtype='';

  40.     var vtttt='';

  41. 	 var isget = false;

  42. 	  var isget2 = false;

  43. 	    var isget3 = false;

  44. 	 var vtstpqr='';

  45. 	 var vcyd='';

  46. 	 var vmqtt='';

  47. 	 var SN='';

  48. 	 var SubID='';

  49. 	 var vsn='';

  50. 	  var vobj;

  51. var ooodata='';

  52.  

  53. function init() 

  54. {

  55. try

  56. {

  57. CID = getUrlParameter('CID');

  58.     ID = getUrlParameter('ID');

  59. 	PW= getUrlParameter('PW');

  60. 	TYPE= getUrlParameter('TYPE');

  61. 	 SN = getUrlParameter('SN');

  62. 	vmqtt = getUrlParameter('MQTT');

  63. 	SubID = getUrlParameter('SubID');

  64. 	

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

  66. 	 vvqrcd=  getUrlParameter('qrcd');

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

  68. //updateOutput('init');

  69.  /*

  70.     CID = getUrlParameter('CID');

  71.     ID = getUrlParameter('ID');

  72. 	PW= getUrlParameter('PW');

  73. 	TYPE= getUrlParameter('TYPE');

  74. 	*/

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

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

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

  78. 		client.onMessageArrived = onMessageArrived;

  79. 		client.onConnectionLost = onConnectionLost; 

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

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

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

  83.  

  84.  

  85. 	  tt = getUrlParameter("tt");

  86. 	  orgcycle=tt+';';

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

  88. 	//  alert(orgtimestamp);

  89.   orgcycle=orgcycle+orgtimestamp+';';

  90. 		 

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

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

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

  94. 	   

  95. 	    

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

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

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

  99. 	   

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

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

  102. 	//alert(st);

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

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

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

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

  107.     // alert(et);

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

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

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

  111. 	idx= getUrlParameter("idx");

  112. 	

  113. 	vtype= getUrlParameter("tp");

  114. 	 

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

  116. 	//alert(ID);

  117. 	kname= getUrlParameter("name");

  118. 	//CID = '886999000230';

  119.     //ID = '00000000';

  120. 	//PW= 'CMM87krWqj8Ltt00';

  121. //	TYPE='IOS'; 

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

  123. 	 

  124. 	 cy= getUrlParameter("cy");

  125. 	  orgcycle=orgcycle+cy+';';

  126. 	  

  127. 	if (vtype=='1')

  128. 	{

  129. 		 

  130. 	}

  131. 	if (vtype=='2')

  132. 	{

  133. 	

  134. 		

  135. 		//alert(cy);

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

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

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

  139. 		{

  140. 		

  141. 		}else

  142. 		{

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

  144. 		

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

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

  147. 		

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

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

  150. 

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

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

  153. 

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

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

  156. 

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

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

  159. 

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

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

  162. 

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

  164. 			

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

  166. 		 

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

  168. 		}

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

  170. 		{

  171. 		

  172. 		}else

  173. 		{

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

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

  176. 			

  177. 			 

  178. 		 

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

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

  181. 			

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

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

  184. 			

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

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

  187. 			

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

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

  190. 			

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

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

  193. 			

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

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

  196. 			

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

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

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

  200. 		}

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

  202. 		{

  203. 		

  204. 		}else

  205. 		{

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  227. 		 

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

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

  230. 		}

  231. 	}

  232. 	

  233. 	

  234. 	//alert(orgcycle);

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

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

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

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

  239.  if (TYPE=='ANDROID')

  240. 		{

  241.        connect();

  242. 		}

  243.        vsn='';

  244. 

  245. 		

  246. }catch(e)

  247. {

  248. alert(e);

  249. }

  250. }

  251. function onConnectionLost(message) 

  252. {

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

  254. }

  255. function onMessageArrived(message) 

  256. {

  257. 

  258. //alert(message.payloadString);

  259. var errda = message.payloadString;

  260. 

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

  262. {

  263. try

  264. {

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

  266.  

  267.  

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

  269.  {

  270.  

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

  272.  {

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

  274.   {

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

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

  277.   }

  278.  }

  279.  }

  280.  else

  281.  {

  282.   

  283.  }

  284. }catch

  285. {}

  286. 

  287. }else

  288. {

  289. 

  290.   vobj = JSON.parse( errda); 		

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

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

  293. 		//updateOutput(jsonString);

  294. 		if (vsn=='001')

  295. 		{

  296. 		vsn='002';

  297. 		}

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

  299. 		{

  300. 		vsn='004';

  301. 		}

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

  303. 		{

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

  305. 		vsn='103';

  306. 		//alert('103');

  307. 		//alert(errda);

  308. 		}

  309. 		//alert(vsn);

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

  311. 		if (TYPE=='IOS')

  312. 		{

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

  314. 		}

  315.        if (TYPE=='ANDROID')

  316. 		{

  317.         webSocket.send(jsonString);

  318. 		}

  319. 		

  320. }

  321. 

  322. }

  323. function onFailedConnect() 

  324. {

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

  326. }

  327. function onConnect() 

  328. {

  329. isconn=true;

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

  331. 	try

  332. 	{

  333. 	

  334. 	 

  335. 	

  336.     }

  337. 	catch(e)

  338.     {

  339.        alert(e);

  340.     }

  341. 	//alert('c');

  342. }

  343. 

  344. </script>

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

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

  347.    </head>

  348. 

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

  350. 

  351. 

  352. <div>

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

  354. 	  

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

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

  357.      

  358. 	 </div>

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

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

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

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

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

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

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

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

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

  368. 

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

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

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

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

  373. 	 

  374. 		 

  375. 

  376. 		 

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

  378. 	

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

  380.     <tbody>

  381.         <tr>

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

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

  384. 		</td>

  385. 		

  386. 		

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

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

  389. 		</td>

  390. 		

  391. 		

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

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

  394. 		</td>

  395. 		

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

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

  398. 		</td>

  399. 		

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

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

  402. 		</td>

  403. 		

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

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

  406. 		</td>

  407. 		

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

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

  410. 		</td>

  411.         

  412.         </tbody>  

  413.         </table> 

  414.   </div>

  415. 	

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

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

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

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

  420. 		 

  421. 

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

  423. 	

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

  425.     <tbody>

  426.         <tr>

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

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

  429. 		</td>

  430. 		

  431. 		

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

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

  434. 		</td>

  435. 		

  436. 		

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

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

  439. 		</td>

  440. 		

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

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

  443. 		</td>

  444. 		

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

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

  447. 		</td>

  448. 		

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

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

  451. 		</td>

  452. 		

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

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

  455. 		</td>

  456.         

  457.         </tbody>  

  458.         </table> 

  459. 	

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

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

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

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

  464. 		 

  465. 

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

  467. 	

  468. 	

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

  470.     <tbody>

  471.         <tr>

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

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

  474. 		</td>

  475. 		

  476. 		

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

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

  479. 		</td>

  480. 		

  481. 		

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

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

  484. 		</td>

  485. 		

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

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

  488. 		</td>

  489. 		

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

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

  492. 		</td>

  493. 		

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

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

  496. 		</td>

  497. 		

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

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

  500. 		</td>

  501.         

  502.         </tbody>  

  503.         </table>

  504. 	

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

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

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

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

  509. 		 

  510. </br>

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

  512.     <tbody>

  513.         <tr>

  514. 		<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()"'+

  515. 		'>儲存</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>

  516.         

  517.         </tbody>  

  518.         </table> 

  519.   </div>

  520.  

  521. </div>

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

  523.     <h2>Output</h2>

  524. </div>

  525. 

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

  527. 

  528. function btnSaveTmp()

  529. {

  530. try

  531. {

  532. issame=false;

  533.  //alert(idx);

  534. var vvee1='';

  535. var vvee2='';

  536. var vvee3='';

  537. var cycy='';

  538.   

  539. var st1 =  '0000' ;

  540. var et1= '0000' ;

  541.   

  542. var st2 =  '0000' ;

  543. var et2= '0000' ;

  544.   

  545. var st3 =  '0000' ;

  546. var et3= '0000' ;

  547. //12345

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

  549. if (vItemNOSer.length<1)

  550. {

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

  552. return;

  553. }

  554. 

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

  556. {

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

  558. return;

  559. }

  560. 

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

  562. //alert(vsdsd);

  563. //return;

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

  565. //alert(veded);

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

  567. {

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

  569. return;

  570. }

  571. //alert('pass');

  572. if (vsdsd.length>16)

  573. {

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

  575. }

  576. if (veded.length>16)

  577. {

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

  579. }

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

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

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

  583. 

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

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

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

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

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

  589. //alert(vsdsd);

  590. //alert(veded);

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

  592. 

  593. //alert(vtstp);

  594. //return;

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

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

  597.  {

  598.  vvee1='1';

  599.   //alert('bgreen');

  600.  }else

  601.  {

  602.   vvee1='0';

  603.  //alert('bgrey');

  604.  }

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

  606.  {

  607.  vvee1=vvee1+'1'; 

  608.  }else

  609.  {

  610.   vvee1=vvee1+'0';

  611.  }

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

  613.  {

  614.  vvee1=vvee1+'1'; 

  615.  }else

  616.  {

  617.   vvee1=vvee1+'0';

  618.  }

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

  620.  {

  621.  vvee1=vvee1+'1'; 

  622.  }else

  623.  {

  624.   vvee1=vvee1+'0';

  625.  }

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

  627.  {

  628.  vvee1=vvee1+'1'; 

  629.  }else

  630.  {

  631.   vvee1=vvee1+'0';

  632.  }

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

  634.  {

  635.  vvee1=vvee1+'1'; 

  636.  }else

  637.  {

  638.   vvee1=vvee1+'0';

  639.  }

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

  641.  {

  642.  vvee1=vvee1+'1'; 

  643.  }else

  644.  {

  645.   vvee1=vvee1+'0';

  646.  }

  647.  //alert(vvee1);

  648. 

  649. 

  650. 

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

  652.  {

  653.  vvee2='1';

  654.   //alert('bgreen');

  655.  }else

  656.  {

  657.   vvee2='0';

  658.  //alert('bgrey');

  659.  }

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

  661.  {

  662.  vvee2=vvee2+'1'; 

  663.  }else

  664.  {

  665.   vvee2=vvee2+'0';

  666.  }

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

  668.  {

  669.  vvee2=vvee2+'1'; 

  670.  }else

  671.  {

  672.   vvee2=vvee2+'0';

  673.  }

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

  675.  {

  676.  vvee2=vvee2+'1'; 

  677.  }else

  678.  {

  679.   vvee2=vvee2+'0';

  680.  }

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

  682.  {

  683.  vvee2=vvee2+'1'; 

  684.  }else

  685.  {

  686.   vvee2=vvee2+'0';

  687.  }

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

  689.  {

  690.  vvee2=vvee2+'1'; 

  691.  }else

  692.  {

  693.   vvee2=vvee2+'0';

  694.  }

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

  696.  {

  697.  vvee2=vvee2+'1'; 

  698.  }else

  699.  {

  700.   vvee2=vvee2+'0';

  701.  }

  702.  // alert(vvee2);

  703.  

  704.  

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

  706.  {

  707.  vvee3='1';

  708.   //alert('bgreen');

  709.  }else

  710.  {

  711.   vvee3='0';

  712.  //alert('bgrey');

  713.  }

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

  715.  {

  716.  vvee3=vvee3+'1'; 

  717.  }else

  718.  {

  719.   vvee3=vvee3+'0';

  720.  }

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

  722.  {

  723.  vvee3=vvee3+'1'; 

  724.  }else

  725.  {

  726.   vvee3=vvee3+'0';

  727.  }

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

  729.  {

  730.  vvee3=vvee3+'1'; 

  731.  }else

  732.  {

  733.   vvee3=vvee3+'0';

  734.  }

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

  736.  {

  737.  vvee3=vvee3+'1'; 

  738.  }else

  739.  {

  740.   vvee3=vvee3+'0';

  741.  }

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

  743.  {

  744.  vvee3=vvee3+'1'; 

  745.  }else

  746.  {

  747.   vvee3=vvee3+'0';

  748.  }

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

  750.  {

  751.  vvee3=vvee3+'1'; 

  752.  }else

  753.  {

  754.   vvee3=vvee3+'0';

  755.  }

  756.  //alert(vvee3);

  757.  var ktype = '1';

  758.  if (vvee1=='0000000')

  759.  {

  760.  

  761.  }else

  762.  {

  763.  ktype='2';

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

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

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

  767.   {

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

  769. 	 return;

  770.   }

  771.  }

  772.  if (vvee2=='0000000')

  773.  {

  774.  

  775.  }else

  776.  {

  777.  ktype='2';

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

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

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

  781.   {

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

  783. 	 return;

  784.   }

  785.  }

  786.  if (vvee3=='0000000')

  787.  {

  788.  

  789.  }else

  790.  {

  791. ktype='2';

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

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

  794.   

  795.   //alert(st3.length)

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

  797.   {

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

  799. 	 return;

  800.   }

  801.  }

  802.  

  803. //alert(ktype);

  804.  

  805.  

  806.  if (ktype=='2')

  807.  {

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

  809.  }

  810.  else

  811.  {

  812.  //cycy='';

  813.  }

  814. // alert(ktype);

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

  816.  //alert(cycy);

  817.  

  818.  

  819.  fincycle='';

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

  821.    fincycle=fincycle+ vtstp+';';

  822.  

  823.  fincycle=fincycle+cycy+';';

  824. 

  825.  //alert(cycy);

  826. // alert(fincycle);

  827.  if (orgcycle==fincycle)

  828.  {

  829.  issame=true;

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

  831.  }

  832.      

  833.  if (issame)

  834.  {

  835.  alert('OK');

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

  837.  }

  838.  else

  839.  {

  840.  

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

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

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

  844. 			

  845. 		//  alert(ktype);

  846. 		//  return;

  847. 	

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

  849. 	    

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

  851. 			vsn='001';

  852. 			isget2=false;

  853.        // updateOutput(jsonString);

  854. 		//alert(jsonString

  855. 		

  856. 		if (TYPE=='IOS')

  857. 		{

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

  859. 		}

  860. 	

  861. 		if (TYPE=='ANDROID')

  862. 		{

  863.         webSocket.send(jsonString);

  864. 		}

  865. 		

  866.   }

  867.  

  868.  }catch(e)

  869.  {

  870.  alert(e);

  871.  }

  872. 

  873. }

  874.  

  875. function senttoother()

  876. {

  877. try

  878. {

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

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

  881. 	 message999.qos = 0;

  882. 	message999.retained = false;

  883. 	

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

  885. 	{

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

  887.           {

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

  889.              client.send(message999); 

  890. 	  }  

  891.        } 

  892.        

  893.        }

  894.        catch(e)

  895.        {

  896.        alert(e);

  897.        }

  898. }

  899.  

  900. function btnSaveqr()

  901. {

  902.  

  903. issame=false;

  904. //alert(idx);

  905. var vvee1='';

  906. var vvee2='';

  907. var vvee3='';

  908. var cycy='';

  909.   

  910.     var st1 =  '0000' ;

  911. var et1= '0000' ;

  912.   

  913.     var st2 =  '0000' ;

  914. var et2= '0000' ;

  915.   

  916.   var st3 =  '0000' ;

  917. var et3= '0000' ;

  918. 

  919. 

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

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

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

  923. //alert(vsdsd);

  924. //return;

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

  926. 

  927. if (vsdsd.length>16)

  928. {

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

  930. }

  931. if (veded.length>16)

  932. {

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

  934. }

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

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

  937. //alert(vsdsd);

  938. //return;

  939. 

  940. //12345

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

  942. if (vItemNOSer.length<1)

  943. {

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

  945. return;

  946. }

  947. 

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

  949. {

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

  951. return;

  952. }

  953. 

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

  955. //alert(vsdsd);

  956. //return;

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

  958. //alert(veded);

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

  960. {

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

  962. return;

  963. }

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

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

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

  967. 

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

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

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

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

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

  973. //alert(vsdsd);

  974. //alert(veded);

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

  976. vtstpqr=vtstp;

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

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

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

  980. 

  981. //alert(vtstp);

  982. //return;

  983.   

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

  985. {

  986.  vvee1='1';

  987.   //alert('bgreen');

  988.  }else

  989.  {

  990.   vvee1='0';

  991.  //alert('bgrey');

  992.  }

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

  994.  {

  995.  vvee1=vvee1+'1'; 

  996.  }else

  997.  {

  998.   vvee1=vvee1+'0';

  999.  }

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

  1001.  {

  1002.  vvee1=vvee1+'1'; 

  1003.  }else

  1004.  {

  1005.   vvee1=vvee1+'0';

  1006.  }

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

  1008.  {

  1009.  vvee1=vvee1+'1'; 

  1010.  }else

  1011.  {

  1012.   vvee1=vvee1+'0';

  1013.  }

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

  1015.  {

  1016.  vvee1=vvee1+'1'; 

  1017.  }else

  1018.  {

  1019.   vvee1=vvee1+'0';

  1020.  }

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

  1022.  {

  1023.  vvee1=vvee1+'1'; 

  1024.  }else

  1025.  {

  1026.   vvee1=vvee1+'0';

  1027.  }

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

  1029.  {

  1030.  vvee1=vvee1+'1'; 

  1031.  }else

  1032.  {

  1033.   vvee1=vvee1+'0';

  1034.  }

  1035.  //alert(vvee1);

  1036. 

  1037. 

  1038. 

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

  1040.  {

  1041.  vvee2='1';

  1042.   //alert('bgreen');

  1043.  }else

  1044.  {

  1045.   vvee2='0';

  1046.  //alert('bgrey');

  1047.  }

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

  1049.  {

  1050.  vvee2=vvee2+'1'; 

  1051.  }else

  1052.  {

  1053.   vvee2=vvee2+'0';

  1054.  }

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

  1056.  {

  1057.  vvee2=vvee2+'1'; 

  1058.  }else

  1059.  {

  1060.   vvee2=vvee2+'0';

  1061.  }

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

  1063.  {

  1064.  vvee2=vvee2+'1'; 

  1065.  }else

  1066.  {

  1067.   vvee2=vvee2+'0';

  1068.  }

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

  1070.  {

  1071.  vvee2=vvee2+'1'; 

  1072.  }else

  1073.  {

  1074.   vvee2=vvee2+'0';

  1075.  }

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

  1077.  {

  1078.  vvee2=vvee2+'1'; 

  1079.  }else

  1080.  {

  1081.   vvee2=vvee2+'0';

  1082.  }

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

  1084.  {

  1085.  vvee2=vvee2+'1'; 

  1086.  }else

  1087.  {

  1088.   vvee2=vvee2+'0';

  1089.  }

  1090.  // alert(vvee2);

  1091.  

  1092.  

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

  1094.  {

  1095.  vvee3='1';

  1096.   //alert('bgreen');

  1097.  }else

  1098.  {

  1099.   vvee3='0';

  1100.  //alert('bgrey');

  1101.  }

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

  1103.  {

  1104.  vvee3=vvee3+'1'; 

  1105.  }else

  1106.  {

  1107.   vvee3=vvee3+'0';

  1108.  }

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

  1110.  {

  1111.  vvee3=vvee3+'1'; 

  1112.  }else

  1113.  {

  1114.   vvee3=vvee3+'0';

  1115.  }

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

  1117.  {

  1118.  vvee3=vvee3+'1'; 

  1119.  }else

  1120.  {

  1121.   vvee3=vvee3+'0';

  1122.  }

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

  1124.  {

  1125.  vvee3=vvee3+'1'; 

  1126.  }else

  1127.  {

  1128.   vvee3=vvee3+'0';

  1129.  }

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

  1131.  {

  1132.  vvee3=vvee3+'1'; 

  1133.  }else

  1134.  {

  1135.   vvee3=vvee3+'0';

  1136.  }

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

  1138.  {

  1139.  vvee3=vvee3+'1'; 

  1140.  }else

  1141.  {

  1142.   vvee3=vvee3+'0';

  1143.  }

  1144.  //alert(vvee3);

  1145.  var ktype = '1';

  1146.  if (vvee1=='0000000')

  1147.  {

  1148.  

  1149.  }else

  1150.  {

  1151.  ktype='2';

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

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

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

  1155.   {

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

  1157. 	 return;

  1158.   }

  1159.  }

  1160.  if (vvee2=='0000000')

  1161.  {

  1162.  

  1163.  }else

  1164.  {

  1165.  ktype='2';

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

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

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

  1169.   {

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

  1171. 	 return;

  1172.   }

  1173.  }

  1174.  if (vvee3=='0000000')

  1175.  {

  1176.  

  1177.  }else

  1178.  {

  1179. ktype='2';

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

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

  1182.   

  1183.   //alert(st3.length)

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

  1185.   {

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

  1187. 	 return;

  1188.   }

  1189.  }

  1190.  

  1191. 

  1192.  

  1193.  

  1194.  if (ktype=='2')

  1195.  {

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

  1197.  

  1198.  vcyd='';

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

  1200.  let days=[];

  1201.  

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

  1203. 			{

  1204. 			}else

  1205. 			{

  1206. 		 

  1207. 			 

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

  1209. 			days.push('日');

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

  1211. 			days.push('一');

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

  1213. 			days.push('二');

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

  1215. 			days.push('三');

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

  1217. 			days.push('四');

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

  1219. 			days.push('五');

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

  1221. 			days.push('六');	

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

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

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

  1225. 			}

  1226. 			

  1227. 			days=[];

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

  1229. 			{

  1230. 			}else

  1231. 			{

  1232. 			 

  1233. 			 

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

  1235. 			days.push('日');

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

  1237. 			days.push('一');

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

  1239. 			days.push('二');

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

  1241. 			days.push('三');

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

  1243. 			days.push('四');

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

  1245. 			days.push('五');

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

  1247. 			days.push('六');

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

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

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

  1251. 			}

  1252. 			

  1253. 			days=[];

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

  1255. 			{

  1256. 			}else

  1257. 			{

  1258. 		 

  1259. 			

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

  1261. 			days.push('日');

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

  1263. 			days.push('一');

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

  1265. 			days.push('二');

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

  1267. 			days.push('三');

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

  1269. 			days.push('四');

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

  1271. 			days.push('五');

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

  1273. 			days.push('六');	

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

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

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

  1277. 			}

  1278.  

  1279.  

  1280.  }

  1281.  else

  1282.  {

  1283.  //cycy='';

  1284.  }

  1285.  

  1286.  fincycle='';

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

  1288.    fincycle=fincycle+ vtstp+';';

  1289.  

  1290.  fincycle=fincycle+cycy+';';

  1291. 

  1292.  //alert(cycy);

  1293. // alert(fincycle);

  1294.  if (orgcycle==fincycle)

  1295.  {

  1296.  issame=true;

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

  1298.  }

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

  1300.  if (issame)

  1301.  {

  1302.  

  1303.  	 vsn='';

  1304. 		 try

  1305. 		 {

  1306. 		 

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

  1308. 		

  1309. 		 

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

  1311.        

  1312. 		if (TYPE=='IOS')

  1313. 		{

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

  1315. 		}

  1316. 		if (TYPE=='ANDROID')

  1317. 		{

  1318.         webSocket.send(jsonString);

  1319. 		}

  1320. 		 

  1321. 		 }catch(e)

  1322. 		 {

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

  1324. 		 }

  1325. 	

  1326.  

  1327.  }

  1328.  else 

  1329.  {

  1330.  

  1331. 

  1332. 

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

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

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

  1336. 		//  alert(ktype);

  1337. 		//  return;

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

  1339. 	    

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

  1341. 			vsn='003';

  1342.         //updateOutput(jsonString);

  1343. 		//alert(jsonString);

  1344. 		//return;

  1345. 		if (TYPE=='IOS')

  1346. 		{

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

  1348. 		}

  1349. 	

  1350. 		if (TYPE=='ANDROID')

  1351. 		{

  1352.         webSocket.send(jsonString333);

  1353. 		}

  1354. }	

  1355.  

  1356.  

  1357.  

  1358.  

  1359.  }

  1360.  

  1361.  function btnitemback(vid)

  1362.  {

  1363.  try

  1364.  {

  1365.  //alert(vid);

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

  1367.  

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

  1369.  {

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

  1371.  }else

  1372.  {

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

  1374.  }

  1375.  

  1376. 

  1377.  }catch(e)

  1378.  {

  1379.  alert(e);

  1380.  }

  1381.  

  1382.  }

  1383.  

  1384.  function btndddel()

  1385.  {

  1386.  

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

  1388.  if (yes) {

  1389. 

  1390. try

  1391.  {

  1392. 

  1393.     //alert('ue');

  1394. 	//return;

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

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

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

  1398. 		//  alert(ktype);

  1399. 		

  1400. 		//  return;

  1401. 		var edata3 ="";

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

  1403. 	  //  alert(edata);

  1404. 	  var jsonString4 ="";

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

  1406. 	

  1407. 	vsn='101';

  1408.        // updateOutput(jsonString);

  1409. 		//alert(jsonString);

  1410. 		//return;

  1411. 		if (TYPE=='IOS')

  1412. 		{

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

  1414. 		}

  1415. 	

  1416. 		if (TYPE=='ANDROID')

  1417. 		{

  1418.         webSocket.send(jsonString4);

  1419. 		}

  1420. 		

  1421.  }

  1422.  catch(e)

  1423.  {

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

  1425.  }

  1426. } else {

  1427. }

  1428.  

  1429.   }

  1430.  

  1431.  

  1432.  	function getdoorlist() 

  1433. 	 {

  1434. 	 

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

  1436. 	

  1437. 	 

  1438. 	      

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

  1440. 	    

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

  1442. 			vsn='001';

  1443.        // updateOutput(jsonString);

  1444. 		isget2=false;

  1445. 		if (TYPE=='IOS')

  1446. 		{

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

  1448. 		}

  1449. 	

  1450. 		if (TYPE=='ANDROID')

  1451. 		{

  1452.         webSocket.send(jsonString);

  1453. 		}

  1454. 		

  1455. 	 

  1456. 	

  1457. 	}

  1458. 	

  1459.  

  1460.  

  1461.  </script>

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

  1463.     var webSocket;

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

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

  1466. 	var vdata="";

  1467. 	var isok=true;

  1468. 	var webSocket;

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

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

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

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

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

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

  1475. 	  function connect() {

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

  1477.       if (webSocket !== undefined

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

  1479.         return;

  1480.       }

  1481. 

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

  1483. 

  1484.       // Create a websocket

  1485.       webSocket = new WebSocket(wsUrl);

  1486. 

  1487.       webSocket.onopen = function(event) {

  1488. 	  

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

  1490.        // connectBtn.disabled = true;

  1491.        try

  1492. 	   {

  1493. 		 

  1494. 		 

  1495.   /*

  1496.      setTimeout(() => {

  1497. 	 if (isget)

  1498. 	 {

  1499. 	 }else

  1500. 	 {

  1501. 	 

  1502.     getdoorlist() ;

  1503. 	}

  1504.   }, 1000);

  1505. 	*/ 

  1506.  		  

  1507. 			}catch(e)

  1508. 			{

  1509. 			alert(e);

  1510. 			}

  1511. 		 

  1512.       };

  1513. 

  1514.       webSocket.onmessage = function(event) 

  1515. 	  {

  1516. 	  

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

  1518. 		 {

  1519. 		// alert(vsn);

  1520. 		isget=true;

  1521. 		  var ress = event.data;

  1522. 		  vsn='104';

  1523. 		 try

  1524. 		 {

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

  1526. 		 //alert( vobj.data);

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

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

  1529. 		 senttoother();

  1530. 		 alert('OK');

  1531.                  //23456		

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

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

  1534. 		 }

  1535. 		 catch(e)

  1536. 		 {

  1537. 		 alert(e);

  1538. 		 }

  1539. 		 }

  1540. 		 

  1541. 		 if (vsn=='004')

  1542. 		 {

  1543. 		 isget3 = true;

  1544. 		 //alert('004');

  1545. 		 vsn='';

  1546. 		 var ress = event.data;

  1547. 		 try

  1548. 		 {

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

  1550. 		   vobj = JSON.parse( ress);

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

  1552. 		 // alert( qrcd);

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

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

  1555. 		 //alert('OK');

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

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

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

  1559. 		// alert(vtttt);

  1560. 		//vcyd

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

  1562.                 // updateOutput(jsonString);

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

  1564.                orgcycle=fincycle;

  1565. 	       vvqrcd=qrcd;

  1566. 	       senttoother();

  1567. 		if (TYPE=='IOS')

  1568. 		{

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

  1570. 		}

  1571. 		if (TYPE=='ANDROID')

  1572. 		{

  1573.         webSocket.send(jsonString);

  1574. 		}

  1575. 		 

  1576. 		 }catch(e)

  1577. 		 {

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

  1579. 		 }

  1580. 		 }

  1581. 		 

  1582. 	     if (vsn=='001')

  1583. 		 {

  1584. 		 try

  1585. 		 {

  1586. 		 isget2=true;

  1587. 		 // alert( '001');

  1588. 		  var ress = event.data;

  1589. 		  // alert( ress);

  1590. 		   

  1591. 		     vobj = JSON.parse( ress); 		 

  1592. 		  isget=false;

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

  1594. }catch(e)

  1595. {

  1596. alert(e);

  1597. }		 

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

  1599. 		 // updateOutput(vdata);

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

  1601. 		 //var payload =vdata;

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

  1603. 	//alert(payload);

  1604. 	//23456

  1605. 	

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

  1607.     message2.destinationName = SN ;

  1608. 	 message2.qos = 0;

  1609. 	message2.retained = false;

  1610. 	

  1611. 	 

  1612. 	   // client.send(message); 

  1613.  //setTimeout(() => {

  1614. 	var vivi = 0;

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

  1616. 	if (isget)

  1617. 	 {

  1618. 	 

  1619. 	 }

  1620. 	 else

  1621. 	 {

  1622. 	   if (vivi>15)

  1623. 	   {

  1624.       clearInterval(intervalID);	 

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

  1626. 	 

  1627. 	   }else

  1628. 	   {

  1629. 	     vivi++;

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

  1631. 		    if (isconn)

  1632. 		  {

  1633. 		  client.send(message2); 

  1634. 		  }

  1635. 	    

  1636. 	   }

  1637. 	

  1638. 	}	

  1639.   }, 400);	

  1640. 

  1641. 

  1642. 	 

  1643. 	 

  1644. 		 }

  1645. 		 

  1646. 		if (vsn=='101')

  1647. 		 {

  1648. 		 try

  1649. 		 {

  1650. 		 vsn='102';

  1651. 		 // alert( '102');

  1652. 		  var ress = event.data;

  1653. 		 // alert( ress);

  1654. 		     vobj = JSON.parse( ress); 		 

  1655. 		  isget=false;

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

  1657. 		 

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

  1659. 		 // updateOutput(vdata);

  1660. 		  

  1661. 	//	 var payload =vdata;

  1662. 	 

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

  1664. 	message0.qos = 0;

  1665.          message0.retained = false;

  1666.         message0.destinationName = SN ;

  1667.     //setTimeout(() => {

  1668. 	   // client.send(message); 

  1669.  var vivi = 0;

  1670.   

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

  1672. 	if (isget)

  1673. 	 {

  1674. 	 

  1675. 	 }

  1676. 	 else

  1677. 	 {

  1678. 	   if (vivi>15)

  1679. 	   {

  1680.    clearInterval(intervalID);	

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

  1682. 	

  1683. 	   }else

  1684. 	   {

  1685. 	     vivi++;

  1686. 		  if (isconn)

  1687. 		  {

  1688. 		    client.send(message0); 

  1689. 		  }

  1690. 	 

  1691. 	   }

  1692. 	

  1693. 	}	

  1694.   }, 400);	

  1695.  

  1696. 	 

  1697. 

  1698.   

  1699. 	 }catch(e)

  1700. {

  1701. alert(e);

  1702. }

  1703. 		 }

  1704. 		 

  1705. 		 if (vsn=='003')

  1706. 		 {

  1707. 		 

  1708. 		 // alert( '003');

  1709. 		 var ress = event.data;

  1710. 		 // alert( ress);

  1711. 		   vobj = JSON.parse( ress); 		 

  1712. 		 isget3=false;

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

  1714.  		 

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

  1716. 		//  updateOutput(vdata);

  1717. 		  

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

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

  1720.     message7.destinationName = SN ;

  1721.  message7.retained = false;

  1722. 		message7.qos = 0;

  1723. 		var vivi = 0;

  1724. 	  //  client.send(message); 

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

  1726. 	if (isget3)

  1727. 	 {

  1728. 	 

  1729. 	 }

  1730. 	 else

  1731. 	 {

  1732. 	   if (vivi>15)

  1733. 	   {

  1734. 	    clearInterval(intervalID);

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

  1736. 	  

  1737. 	   }else

  1738. 	   {

  1739. 	     vivi++;

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

  1741. 	   if (isconn)

  1742. 	   {

  1743. 	   client.send(message7); 

  1744. 	   }

  1745. 	   }

  1746. 	

  1747. 	}	

  1748.   }, 400);	

  1749. 	 

  1750. 	

  1751.    

  1752. 		 

  1753. 		 }

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

  1755. 		 // 	  updateOutput(event.data);

  1756. 		

  1757.       };

  1758. 

  1759.       webSocket.onclose = function(event) {

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

  1761.         //connectBtn.disabled = false;

  1762.         //sendBtn.disabled = true;

  1763.       };

  1764.     }

  1765.  

  1766.  

  1767.  function shareQr() {

  1768.         var text = input.value;

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

  1770.         //updateOutput(jsonString);

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

  1772.         

  1773. 		if (TYPE=='IOS')

  1774. 		{

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

  1776. 		}

  1777. 		if (TYPE=='ANDROID')

  1778. 		{

  1779.         webSocket.send(jsonString);

  1780. 		}

  1781.     }

  1782. 

  1783.     function AppToWeb(message) {

  1784. 	

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

  1786. 		 {

  1787. 		 isget=true;

  1788. 		// alert(vsn);

  1789. 		  var ress = message;

  1790. 		  vsn='104';

  1791. 		 try

  1792. 		 {

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

  1794. 		 //alert( vobj.data);

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

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

  1797. 	senttoother();

  1798. 		 alert('OK');

  1799. 		 //23456

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

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

  1802. 		 }catch(e)

  1803. 		 {

  1804. 		 alert(e);

  1805. 		 }

  1806. 		 }

  1807. 		 

  1808. 		 if (vsn=='004')

  1809. 		 {

  1810. 		 //alert('004');

  1811. 		 vsn='';

  1812. 		 isget3 = true;

  1813. 		 var ress = message;

  1814. 		 try

  1815. 		 {

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

  1817. 		    vobj = JSON.parse( ress);

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

  1819. 		 // alert( qrcd);

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

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

  1822. 		 //alert('OK');

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

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

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

  1826. 		// alert(vtttt);

  1827. 		//vcyd

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

  1829.         // alert(jsonString);      

  1830. 	  // updateOutput(jsonString);

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

  1832. 	     orgcycle=fincycle;

  1833. 	       vvqrcd=qrcd;

  1834. 	       senttoother();

  1835. 		if (TYPE=='IOS')

  1836. 		{

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

  1838. 		}

  1839. 		if (TYPE=='ANDROID')

  1840. 		{

  1841.         webSocket.send(jsonString);

  1842. 		}

  1843. 		 

  1844. 		 }catch(e)

  1845. 		 {

  1846. 		 alert(e);

  1847. 		 }

  1848. 		 }

  1849. 		 

  1850. 	     if (vsn=='001')

  1851. 		 {

  1852. 		 try

  1853. 		 {

  1854. 		 // alert( '001');

  1855. 		  var ress = message;

  1856. 		  // alert( ress);

  1857. 		  isget2=true;

  1858. 		     vobj = JSON.parse( ress); 		 

  1859. 		  isget=false;

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

  1861. }catch(e)

  1862. {

  1863. alert(e);

  1864. }		 

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

  1866. 		 // updateOutput(vdata);

  1867. 		  

  1868. 		 

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

  1870.     message4.destinationName = SN ;

  1871. 	message4.retained = false;

  1872. 		message4.qos = 0;

  1873. 	var vivi = 0;

  1874. 	  //  client.send(message); 

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

  1876. 	if (isget)

  1877. 	 {

  1878. 	 

  1879. 	 }

  1880. 	 else

  1881. 	 {

  1882. 	   if (vivi>15)

  1883. 	   {

  1884. 	    clearInterval(intervalID);

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

  1886. 	  

  1887. 	   }else

  1888. 	   {

  1889. 	     vivi++;

  1890. 		  if (isconn)

  1891. 	   {

  1892. 	 client.send(message4); 

  1893. 	   }

  1894. 	   

  1895. 	   }

  1896. 	

  1897. 	}	

  1898.   }, 400);	

  1899. 	 

  1900. 		 }

  1901. 		 

  1902. 		  if (vsn=='101')

  1903. 		 {

  1904. 		 try

  1905. 		 {

  1906. 		 vsn='102';

  1907. 		 // alert( '102');

  1908. 		  var ress = message;

  1909. 		 // alert( ress);

  1910. 		     vobj = JSON.parse( ress); 		 

  1911. 		  isget=false;

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

  1913. 		 

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

  1915. 		 // updateOutput(vdata);

  1916. 		  

  1917. 	 

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

  1919.     message9.destinationName = SN ;

  1920. 	  message9.retained = false;

  1921. 		message9.qos = 0;

  1922. var vivi = 0;

  1923.  

  1924. 	 //   client.send(message); 

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

  1926. 	if (isget)

  1927. 	 {

  1928. 	 

  1929. 	 }

  1930. 	 else

  1931. 	 {

  1932. 	   if (vivi>15)

  1933. 	   {

  1934. 	  

  1935. 	   clearInterval(intervalID);

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

  1937. 	  }else

  1938. 	   {

  1939. 	    if (isconn)

  1940. 		{

  1941. 		 client.send(message9); 

  1942. 		}

  1943. 	   

  1944. 		 vivi++;

  1945. 	   }

  1946. 	

  1947. 	}	

  1948.   }, 400);	

  1949.   

  1950. 	 }catch(e)

  1951. {

  1952. alert(e);

  1953. }

  1954. 		 }

  1955. 		 

  1956. 		 if (vsn=='003')

  1957. 		 {

  1958. 		 try

  1959. 		 {

  1960. 		 // alert( '003');

  1961. 		  var ress = message;

  1962. 		  // alert( ress);

  1963. 		     vobj = JSON.parse( ress); 		 

  1964. 		isget3=false;

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

  1966. }catch(e)

  1967. {

  1968. alert(e);

  1969. }		 

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

  1971. 		//  updateOutput(vdata);

  1972. 		  

  1973. 		 

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

  1975.     message6.destinationName = SN ;

  1976. 	   message6.retained = false;

  1977. 		message6.qos = 0;

  1978. 	

  1979. 	//setTimeout(() => {

  1980. 	var vivi = 0;

  1981. 	 

  1982. 	  

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

  1984. 	if (isget3)

  1985. 	 {

  1986. 	 

  1987. 	 }

  1988. 	 else

  1989. 	 {

  1990. 	   if (vivi>15)

  1991. 	   {

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

  1993. 	   clearInterval(intervalID);

  1994. 	   }else

  1995. 	   {

  1996. 	     vivi++;

  1997. 		 if (isconn)

  1998. 		 {

  1999. 		  client.send(message6); 

  2000. 		 }

  2001. 	   

  2002. 	   }

  2003. 	

  2004. 	}	

  2005.   }, 400);	

  2006. 	

  2007.    

  2008. 		 

  2009. 		 }

  2010. 	

  2011.       //  updateOutput(message);

  2012.         return "Got it"

  2013.     }

  2014. 

  2015.     function endode() {

  2016.         var text = input.value;

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

  2018. 		

  2019.        // updateOutput(jsonString);

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

  2021. 		if (TYPE=='IOS')

  2022. 		{

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

  2024. 		}

  2025. 		if (TYPE=='ANDROID')

  2026. 		{

  2027.         webSocket.send(jsonString);

  2028. 		}

  2029. 		

  2030.     }

  2031. 

  2032.     function decode() {

  2033.         var text = input.value;

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

  2035.         //updateOutput(jsonString);

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

  2037. 		if (TYPE=='IOS')

  2038. 		{

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

  2040. 		}

  2041.        if (TYPE=='ANDROID')

  2042. 		{

  2043.         webSocket.send(jsonString);

  2044. 		}

  2045.     }

  2046. 	

  2047. 	 

  2048. 

  2049.     function updateOutput(text) {

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

  2051.     }

  2052. 	

  2053. 	

  2054.     </script>

  2055. 	<script>  

  2056.     var getUrlParameter = function getUrlParameter(sParam) {

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

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

  2059.         sParameterName,

  2060.         i;

  2061. 

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

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

  2064. 

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

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

  2067.         }

  2068.     }

  2069. };

  2070. 

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

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

  2073. 

  2074.     if (!format) {

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

  2076.     }

  2077. 

  2078.     var o = {

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

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

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

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

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

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

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

  2086.         "S": this.getMilliseconds()

  2087.     };

  2088. 

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

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

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

  2092.     }

  2093. 

  2094.     for (var k in o) {

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

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

  2097.                 ? o[k]

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

  2099.         }

  2100.     }

  2101. 

  2102.     return format;

  2103. };

  2104. </script>  

  2105. <br>

  2106. </body>

  2107. 

  2108. </html>