LeeWeiCheng
/
altob.st123
1
0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
VM暫存
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
37 Revīzijas
5 Atzari
790KB
Koks: 1518003c5e
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no '1518003c5e'
${ noResults }
altob.st123/views/qcar2/result_page.php

436 rindas
14KB
Neapstrādāts Vainot Vēsture 

  1. <!DOCTYPE html>

  2. <html lang="zh-TW">

  3. <head>

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

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">

  6.     <meta name="viewport" content="width=device-width, initial-scale=1">

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

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

  9.     <title>歐特儀自動化服務機</title>

  10.     <!-- Bootstrap Core CSS -->

  11.     <link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

  12.     <!-- MetisMenu CSS -->

  13.     <link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">

  14.     <!-- Timeline CSS -->

  15.     <link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">

  16.     <!-- Custom CSS -->

  17.     <link href="<?=BOOTSTRAPS?>dist/css/sb-admin-3.css" rel="stylesheet">

  18.     <!-- Morris Charts CSS -->

  19.     <link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">

  20.     <!-- Custom Fonts -->

  21.     <link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

  22. 

  23. </head>

  24. <body style="font-family:Microsoft JhengHei;">

  25.     <div id="wrapper">

  26.         

  27.         <div id="page-wrapper"><?php /* 主要資料顯示區 */ ?>

  28.             <div class="row">

  29.                 <div class="col-lg-12">

  30.                     <!--h1 class="page-header">歐特儀自動化服務機</h1--><?php /* 右側小表頭 */ ?>

  31. 					&nbsp;

  32.                 </div>

  33.             </div>

  34.             <!-- /.row -->

  35. 			

  36. 			<?php /* ----- 查詢結果 ----- */ ?>

  37.             <div data-items="not_found" class="row">

  38.                 <div class="col-lg-12">

  39.                     <div class="panel panel-default">

  40.                         <div class="panel-heading" style="font-size:32px;"><?php /* 資料顯示區灰色小表頭 */ ?>

  41.                             查車結果：查無 <span id="not_found_lpr" style="font-size:32px;color:blue;"></span> 在席資料

  42.                         </div>

  43. 					</div>

  44. 				</div>

  45. 			</div>

  46. 

  47. 			<?php /* ----- 查詢結果 ----- */ ?>

  48.             <div data-items="output_pks" class="row" style="display:none;">

  49.                 <div class="col-lg-6 col-sm-6">

  50.                     <div class="panel panel-default">

  51.                         <div class="panel-heading" style="font-size:28px;"><?php /* 資料顯示區灰色小表頭 */ ?>

  52.                             查車結果

  53.                         </div>

  54.                         <div class="panel-body" style="margin: 0px auto;">

  55.                             <div data-rows class="row">

  56.                                 <div class="col-lg-12" style="margin: 0px auto;">

  57.                                 <table class="table table-striped table-bordered table-hover"">

  58.                                     <tbody style="font-size:28px;">

  59.                                         <tr>

  60.                                             <td style="text-align:right;vertical-align: middle;">車號</td>

  61.                                             <td id="show_lpr" style="text-align:left;vertical-align: middle;"></td>

  62.                                         </tr>

  63.                                         <tr>

  64.                                             <td style="text-align:right;vertical-align: middle;">所在樓層</td>

  65.                                             <td id="show_floors" style="text-align:left;vertical-align: middle; font-size:28px; color:blue;"></td>

  66.                                         </tr>

  67.                                         <tr>

  68.                                             <td style="text-align:right;vertical-align: middle;">停入時間</td>

  69.                                             <td id="show_update_time" style="text-align:left;vertical-align: middle;"></td>

  70.                                         </tr>

  71.                                         </tbody>

  72.                                 </table>

  73.                                 </div>

  74.                                 <!-- /.col-lg-6 (nested) -->

  75.                             </div>

  76.                             <!-- /.row (nested) -->

  77.                         </div>

  78.                         <!-- /.panel-body -->

  79.                     </div>

  80.                     <!-- /.panel -->

  81.                 </div>

  82. 				<div class="col-lg-6 col-sm-6">

  83. 					<div class="panel panel-default">

  84.                         <div class="panel-heading" style="font-size:28px;">

  85.                             在席照片

  86.                         </div>

  87. 					</div>

  88. 					<div class="panel-body" style="margin: 0px auto;">

  89. 						<div class="col-lg-12" style="margin: 0px auto;">

  90. 							<table class="table table-striped table-bordered table-hover"">

  91. 								<tbody>

  92. 									<tr>

  93. 										<td style="text-align:center;vertical-align: middle;">

  94. 											<img id="show_img" style="max-height:200px" />

  95.                                         </td>

  96. 									</tr>

  97. 								</tbody>

  98. 							</table>

  99. 						</div>

  100. 					</div>

  101. 				</div>

  102.                 <!-- /.col-lg-12 -->

  103. 

  104. 		</div>

  105. 

  106. 		<div data-items="B1" class="row" style="display:none;">

  107. 			<div class="col-lg-12 col-sm-12">

  108. 				<div class="panel panel-default">

  109. 					<div class="panel-heading"><span>停車位置 : B1 樓層</span></div>

  110. 					<div class="panel-body"><canvas id="b1canvas"></canvas></div>

  111. 				</div>

  112. 			</div>

  113.         </div>

  114. 

  115. 

  116.         <!-- /#page-wrapper -->

  117.     </div>

  118.     <!-- /#wrapper -->

  119.     <!-- jQuery -->

  120.     <script src="<?=BOOTSTRAPS?>bower_components/jquery/dist/jquery.min.js"></script>

  121.     <!-- Bootstrap Core JavaScript -->

  122.     <script src="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

  123.     <!-- Metis Menu Plugin JavaScript -->

  124.     <script src="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.js"></script>

  125.     <!-- Morris Charts JavaScript -->

  126.     <script src="<?=BOOTSTRAPS?>bower_components/raphael/raphael-min.js"></script>

  127.     <!--script src="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.min.js"></script-->

  128.     <!--script src="<?=BOOTSTRAPS?>js/morris-data.js"></script-->

  129. 

  130. 	<!-- virtual keyboard -->

  131.   	<link href="<?=WEB_LIB?>virtual-keyboard/css/jquery-ui.min.css" rel="stylesheet">

  132. 	<link href="<?=WEB_LIB?>virtual-keyboard/css/keyboard.css" rel="stylesheet">

  133.   	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery-ui.min.js"></script>

  134.   	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.js"></script>

  135.   	<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.extension-caret.js"></script>

  136. 

  137. 	<!-- alertify -->

  138. 	<link href="<?=WEB_LIB?>css/alertify.core.css" rel="stylesheet">

  139. 	<link href="<?=WEB_LIB?>css/alertify.bootstrap.css" rel="stylesheet">

  140. 	<script src="<?=WEB_LIB?>js/alertify.min.js"></script>

  141. 	<!-- moment -->

  142. 	<script src="<?=WEB_LIB?>js/moment.min.js"></script>

  143. 	

  144. 	<!-- altob ats map -->

  145. 	<script src="<?=WEB_LIB?>js/altob-ats-map.js"></script> 

  146. 	

  147. 	<!-- altob settings -->

  148. 	<script src="<?=WEB_LIB?>js/altob.settings.js"></script>

  149. 

  150.     <!-- Custom Theme JavaScript -->

  151.     <script src="<?=BOOTSTRAPS?>dist/js/sb-admin-2.js"></script>

  152.     <div id="works" style="display:none;"></div><?php /* 作為浮動顯示區之用 */ ?>

  153. </body>

  154. </html>

  155. 

  156. <script>

  157. 

  158. <?php /* alertify function */ ?>

  159. function alertify_count_down($msg, $delay)

  160. {

  161. 	alertify.set({delay : $delay});

  162. 	alertify.log($msg);

  163. }

  164. function alertify_log($msg)

  165. {

  166. 	alertify.set({delay : 2000});

  167. 	alertify.log($msg);

  168. }

  169. function alertify_error($msg)

  170. {

  171. 	alertify.set({delay : 2000});

  172. 	alertify.error($msg);

  173. }

  174. function alertify_success($msg)

  175. {

  176. 	alertify.set({delay : 2000});

  177. 	alertify.success($msg);

  178. }

  179. 

  180. function alertify_msg($msg)

  181. {

  182. 	alertify.set({ labels: {

  183. 		ok     : "確定"

  184. 	} });

  185. 	alertify.alert($msg, function (e){

  186. 		// do nothing

  187. 	});

  188. }

  189. 

  190. function reset_query()

  191. {

  192. 	$("#fuzzy_input").val("");

  193. 	$("#carin_query_list").hide();

  194. 	return false;

  195. }

  196. 

  197. // 取得搜尋結果

  198. var PKS_RESULT = {};

  199. PKS_RESULT.lpr = '<?= $lpr; ?>';

  200. PKS_RESULT.pksno = '<?= $pksno; ?>';

  201. PKS_RESULT.pic_name = '<?= $pic_name; ?>';

  202. PKS_RESULT.update_time = '<?= $update_time; ?>';

  203. PKS_RESULT.in_time = '<?= $in_time; ?>';

  204. PKS_RESULT.posx = '<?= $posx; ?>';

  205. PKS_RESULT.posy = '<?= $posy; ?>';

  206. PKS_RESULT.group_id = '<?= $group_id; ?>';

  207. PKS_RESULT.group_name = '<?= $group_name; ?>';

  208. PKS_RESULT.floors = '<?= $floors; ?>';

  209. 

  210. if(PKS_RESULT.pksno == '')

  211. {

  212. 	$("#not_found_lpr").text(PKS_RESULT.lpr);

  213. 	show_item("not_found");

  214. }

  215. else

  216. {

  217. 	$("#show_lpr").text(PKS_RESULT.lpr);

  218. 	$("#show_floors").html(PKS_RESULT.group_name+" ( 車格: " + PKS_RESULT.pksno.substr(-3, 3) +" )");

  219. 	$("#show_update_time").text(PKS_RESULT.in_time);

  220.     $("#show_img").attr("src", "<?=SERVER_URL?>pkspic/" + PKS_RESULT.pic_name);

  221. 

  222. 	// 顯示查車結果

  223. 	show_item("output_pks");

  224. 	

  225. 	// show map

  226. 	$("[data-items="+PKS_RESULT.floors+"]").show();

  227. }

  228. 

  229. var refreshIntervalId = 0; // timer id

  230. 

  231. <?php /* 顯示指定項目 */ ?>

  232. function show_item(tags)

  233. {

  234. 	// 查車

  235. 	reset_query();

  236. 

  237. 	// 付款

  238. 	$("#payment_lpr").val("");<?php /* 清除車號欄位 */ ?>

  239. 	$("#show_member_name").val("");

  240. 	$("#show_payment_lpr").val("");

  241. 	$("#show_end_date").val("");

  242. 	$("#show_next_start").val("");

  243. 	$("#show_next_end").val("");

  244. 	$("#show_amt").val("");

  245. 	$("#invoice_receiver").val("");

  246. 	$("#company_no").val("");

  247. 	$("#email").val("");

  248. 	$("#mobile").val("");

  249. 	$("#show_order_no").val("");

  250. 	$("#show_amt_detail").val("");

  251. 	$("#show_balance_time_limit_countdown").val("");

  252. 

  253. 	if(tags.indexOf('payment_data') < 0 && tags.indexOf('price_data') < 0){

  254. 		clearInterval(refreshIntervalId); // 消除倒數計時timer

  255. 	}

  256. 

  257. 	$("[data-items]").hide();

  258. 	$("[data-items="+tags+"]").show();

  259.     return false;

  260. }

  261. 

  262. <?php /* 顯示指定項目, 不修改資料 */ ?>

  263. function show_item_without_change(tags)

  264. {

  265. 	$("[data-items]").hide();

  266. 	$("[data-items="+tags+"]").show();

  267.     return false;

  268. }

  269. 

  270. // 查車牌

  271. function check_lpr(idx)

  272. {

  273. 	$.ajax

  274.     	({

  275.         	url: "<?=APP_URL?>q_pks",

  276.         	dataType:"json",

  277.         	type:"post",

  278.         	data:{ "lpr" : $("#lpr_"+idx).text() },

  279.         	success:function(jdata)

  280.         	{

  281. 				if(!jdata)

  282. 				{

  283. 					//alertify_msg("您的愛車可能在頂樓！ 謝謝");

  284. 					alertify_msg("找不到。。謝謝");

  285.                 	return false;

  286. 				}

  287.         		else if (jdata["pksno"] == "0")

  288.             	{

  289. 					alertify_msg("查無資料，請鍵入正確資料");

  290.                 	return false;

  291.             	}

  292. 

  293. 				$("#show_lpr").text($("#lpr_"+idx).text());

  294.             	//$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"].charAt(0) + "-" + jdata["pksno"].substr(2) +" )");

  295. 				//$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"] +" )");

  296. 				$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"].substr(-3, 3) +" )");

  297. 				$("#show_update_time").text(jdata["in_time"]);

  298.             	$("#show_img").attr("src", "<?=SERVER_URL?>pkspic/"+jdata["pic_name"]);

  299.             	show_item("output_pks");

  300. 

  301. 				// 顯示位置圖

  302. 				if (jdata["group_id"]){

  303. 					//var groupSplit = jdata["group_id"].split('-'); // ex. B3-3

  304. 					//var floor = groupSplit[0];

  305. 					var floor = jdata["floors"];

  306. 					var x = jdata["posx"];

  307. 					var y = jdata["posy"];

  308. 

  309. 					// 畫出指定位置

  310. 					AltobObject.AtsMap.drawPosition(floor, x, y);

  311. 

  312. 					// show map

  313. 					$("[data-items="+floor+"]").show();

  314. 				}

  315.     		}

  316.     	});

  317. 

  318. 	return false;

  319. }

  320. 

  321. $(document).ready(function()

  322. {

  323. 	<?php /* 鎖右鍵 */ ?>

  324. 	$(document).bind('contextmenu', function (e) {

  325. 	  e.preventDefault();

  326. 	});

  327. 

  328. 	<?php /* 車牌模糊搜尋 */ ?>

  329. 	$("#fuzzy_search_lpr").submit(function(event)

  330. 	{

  331.     	event.preventDefault();

  332. 		

  333. 		// 清除搜尋提示訊息

  334. 		$("#fuzzy_search_lpr_msg").text('');

  335. 

  336. 		if(! $("#fuzzy_search_lpr").isValid()) return false;

  337. 

  338.         $.ajax

  339.         ({

  340.         	url: "<?=APP_URL?>q_fuzzy_pks",

  341.             type: "post",

  342.             dataType:"json",

  343.             data: $(this).serialize(),

  344.             success: function(jdata)

  345.             {

  346. 				if (!jdata)

  347. 				{

  348. 					//alert("查無此車 !");

  349. 					$("#fuzzy_search_lpr_msg").text('查無此車');

  350. 					return false;

  351. 				}

  352. 				

  353. 				// 清除搜尋提示訊息

  354. 				$("#fuzzy_search_lpr_msg").text('');

  355. 

  356. 				var tmp_str_array = [];

  357. 

  358. 				for(idx in jdata.result)

  359. 				{

  360. 					tmp_str_array = tmp_str_array.concat(

  361. 						[

  362. 							"<tr><td id='lpr_", idx, "' style='text-align:center;vertical-align:middle;'>", jdata.result[idx]['lpr'] ,

  363. 							"</td><td id='in_time_", idx, "'style='text-align:center;vertical-align:middle;'>", jdata.result[idx]['in_time'],

  364. 							"</td><td id='pks_pic_path_", idx, "'style='text-align:center;vertical-align:middle;'><img height='57' width='150' src='", jdata.result[idx]['pks_pic_path'],  "' />",

  365. 							"</td><td style='text-align:center;vertical-align:middle;'><button class='btn btn-large btn-success' style='font-size:28px;' onclick='check_lpr(", idx, ");'>查詢</button>" ,

  366. 							"</td></tr>"

  367. 						]);

  368. 				}

  369. 

  370. 				$("#carin_query_tbody").html(tmp_str_array.join(''));

  371. 

  372. 				$("#carin_query_list").show();

  373.             }

  374.         });

  375.     });

  376. 	

  377. 	// Custom: altob-input

  378.   	// ********************

  379.   	$('#fuzzy_input').keyboard({

  380. 

  381. 		css : {

  382. 		  // input & preview styles

  383. 		  input          : 'ui-widget-content ui-corner-all',

  384. 		  // keyboard container - this wraps the preview area (if `usePreview` is true) and all keys

  385. 		  container      : 'ui-widget-content ui-widget ui-corner-all ui-helper-clearfix',

  386. 		  // default keyboard button state, these are applied to all keys, the remaining css options are toggled as needed

  387. 		  buttonDefault  : 'ui-state-default ui-corner-all',

  388. 		  // hovered button

  389. 		  buttonHover    : 'ui-state-hover',

  390. 		  // Action keys (e.g. Accept, Cancel, Tab, etc); this replaces the "actionClass" option

  391. 		  buttonAction   : 'ui-state-active',

  392. 		  // used when disabling the decimal button {dec} when a decimal exists in the input area

  393. 		  buttonDisabled : 'ui-state-disabled'

  394. 		},

  395. 

  396.   		display: {

  397.   			'bksp'    : '\u2190',

  398.   			'default' : 'ABC',

  399.   			'accept'  : '確 認'

  400.   		},

  401. 

  402.   		layout: 'custom',

  403. 

  404.   		customLayout: {

  405. 

  406.   			'default': [

  407.   				'1 2 3 4 5 6 7 8 9 0 {bksp}',

  408.   				'Q W E R T Y U I O P',

  409.   				'A S D F G H J K L',

  410.   				'Z X C V B N M {accept}'

  411.   			]

  412. 

  413.   		}

  414. 

  415.   	});

  416. 	

  417. 	<?php /* 樓層平面圖 */ ?>

  418. 	AltobObject.AtsMap({

  419. 		mapInfo: {

  420. 			map1: {

  421. 				floorName: 'B1',

  422. 				canvasId: 'b1canvas',

  423. 				src: '<?=SERVER_URL?>i3/pics/b1_map.png',

  424. 				initialImageRatio: AltobObject.settings.qcar2.result_page.B1.initialImageRatio,

  425. 				shiftLeft: AltobObject.settings.qcar2.result_page.B1.shiftLeft,

  426. 				shiftUp: AltobObject.settings.qcar2.result_page.B1.shiftUp

  427. 			}

  428. 		}

  429. 	});

  430. 	

  431. 	// 畫出指定位置

  432. 	AltobObject.AtsMap.drawPosition(PKS_RESULT.floors, PKS_RESULT.posx, PKS_RESULT.posy);

  433. 

  434. });

  435. </script>