LeeWeiCheng
/
altob.st123
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
VM暫存
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
204 Commits
5 Branches
790KB
Tree: fa6e7ac437
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'fa6e7ac437'
${ noResults }
altob.st123/views/shop/checkout_page.php

334 lines
13KB
Raw Blame History 

  1. <div data-items="checkout_page" class="content-new parking-bill-total">

  2.         <section class="page">

  3.             <div class="wrapper">

  4. 

  5.                 <div class="pbt-plate-number">

  6.                     <h3><span id='checkout_lpr'></span></h3>

  7.                 </div>

  8. 

  9. 				<form id="payment_data" role="form" method="post" target="_self" action="<?=APP_URL?>transfer_money/">

  10. 				

  11.                 <div class="pb-detail-list">

  12.                     <div class="pbd-list-box pbd-lb-separate">

  13.                         <dl>

  14.                             <dt>停車位置</dt>

  15.                             <dd><span id='checkout_station_name'></span></dd>

  16.                         </dl>

  17.                         <dl>

  18.                             <dt>繳費單號</dt>

  19.                             <dd><span id='checkout_order_no'></span></dd>

  20.                         </dl>

  21.                         <dl>

  22.                             <dt>入場時間</dt>

  23.                             <dd><span id='checkout_in_time'></span></dd>

  24.                         </dl>

  25.                         <dl>

  26.                             <dt>計價時間</dt>

  27.                             <dd><span id='checkout_balance_time'></span></dd>

  28.                         </dl>

  29.                         <dl>

  30.                             <dt>預計可離場時間</dt>

  31.                             <dd><span id='checkout_out_before_time'>交易成功 15 分鐘內</span></dd>

  32.                         </dl>

  33.                         <dl>

  34.                             <dt>停車費</dt>

  35.                             <dd class="red">NT$ <span id='checkout_amt'></span></dd>

  36.                         </dl>

  37.                     </div>

  38. 

  39.                     <div class="pbd-list-box pbd-invoice">

  40. 						<dl>

  41.                             <dt>電子信箱</dt>

  42.                             <dd>

  43. 								<input type="text" id="email" name="email" class="form-control" placeholder="發票將寄信通知"

  44. 												data-validation="email"

  45. 												data-validation-optional="true"

  46. 												data-validation-error-msg="請輸入正確信箱<br/>例如：altob@gmail.com"

  47. 												data-validation-error-msg-container="#checkout_error_msg"

  48. 												/>

  49. 							</dd>

  50.                         </dl>

  51. 						

  52. 						<dl>

  53.                             <dt>手機號碼</dt>

  54.                             <dd>

  55. 								<input type="text" id="mobile" name="mobile" class="form-control" placeholder="發票將寄簡訊通知"

  56. 												data-validation="custom"

  57. 												data-validation-optional="true"

  58. 												data-validation-regexp="^(?=.{10}$)09([0-9]+)$"

  59. 												data-validation-error-msg="請輸入正確手機號碼<br/>例如：0912345678"

  60. 												data-validation-error-msg-container="#checkout_error_msg"

  61. 												/>

  62. 							</dd>

  63.                         </dl>

  64. 					

  65.                         <dl>

  66.                             <dt>開立發票方式</dt>

  67.                             <dd>

  68.                                 <div class="pbd-select">

  69.                                     <select>

  70.                                         <option class="invoice_way1">二聯式發票</option>

  71.                                         <option class="invoice_way2">手機條碼載具</option>

  72.                                         <option class="invoice_way3">輸入統一編號</option>

  73.                                         <!--option class="invoice_way4">捐贈發票</option-->

  74.                                     </select>

  75.                                 </div>

  76.                             </dd>

  77.                         </dl>

  78. 

  79.                         <div class="inv_way iw_1"></div>

  80. 

  81.                         <div class="inv_way iw_2">

  82.                             <dl>

  83.                                 <dt></dt>

  84.                                 <dd>

  85. 									<input type="text" id="invoice_receiver" name="invoice_receiver" class="form-control" placeholder="請輸入手機條碼"

  86. 												data-validation="custom"

  87. 												data-validation-regexp="^$|^(?=.{7}$)([A-Za-z0-9]+)$|^(?=.{8}$)\u002F([A-Za-z0-9]+)$"

  88. 												data-validation-error-msg="請輸入正確載具<br/>格式： / + 7碼 <br/>(共8碼)"

  89. 												data-validation-error-msg-container="#checkout_error_msg"

  90. 												/>

  91.                                 </dd>

  92.                             </dl>

  93.                         </div>

  94. 

  95.                         <div class="inv_way iw_3">

  96.                             <dl>

  97.                                 <dt></dt>

  98.                                 <dd>

  99. 									<input type="text" id="company_no" name="company_no" class="form-control" placeholder="請輸入統一編號"

  100. 												data-validation="custom"

  101. 												data-validation-optional="true"

  102. 												data-validation-regexp="^(?=.{8}$)([0-9]+)$"

  103. 												data-validation-error-msg="請輸入正確統編<br/>例如：80682490"

  104. 												data-validation-error-msg-container="#checkout_error_msg"

  105. 												/>

  106.                                 </dd>

  107.                             </dl>

  108.                         </div>

  109. 

  110.                         <div class="inv_way iw_4">

  111.                             <dl>

  112.                                 <dt></dt>

  113.                                 <dd>

  114.                                     25885-伊甸基金會

  115.                                 </dd>

  116.                             </dl>

  117.                         </div>

  118. 						

  119.                     </div>

  120. 

  121. 					<dl>

  122. 						<dt></dt>

  123. 						<dd class="red"><span id='checkout_error_msg'></span></dd>

  124. 					</dl>

  125. 						

  126.                     <div class="pbd-img-box">

  127.                         <!--img id='checkout_image' src="http://fakeimg.pl/768x461/ddd" alt=""-->

  128. 						<img id='checkout_image' src="" alt="">

  129.                     </div>

  130. 					

  131. 					<div class="form-group">

  132. 						<input id="order_no" type="hidden" name="order_no" value="0" />

  133. 					</div>

  134. 					

  135.                 </div>

  136. 				

  137. 				</form>

  138. 				

  139.                 <div class="fixed-btn-box fbb-1">

  140.                     <a class="btn blue-btn" onclick="transfer_money(event);">前往繳費</a>

  141.                 </div>

  142. 

  143.             </div>

  144. 			

  145. 	</section>

  146. </div>

  147. 

  148. 

  149. 			

  150. 

  151. 

  152. <script> 

  153. 

  154. // 載入

  155. function load_checkout_page()

  156. {

  157. 	$("#checkout_lpr").text('').text(current_altob_checkout_bill['lpr']);

  158. 	$("#checkout_station_name").text('').text(current_altob_checkout_bill['station_name']);

  159. 	$("#checkout_order_no").text('').text(current_altob_checkout_bill['order_no']);

  160. 	$("#checkout_in_time").text('').text(current_altob_checkout_bill['in_time']);

  161. 	$("#checkout_balance_time").text('').text(current_altob_checkout_bill['balance_time']);

  162. 	//$("#checkout_out_before_time").text('').text(current_altob_checkout_bill['balance_time']);

  163. 	$("#checkout_amt").text('').text(current_altob_checkout_bill['amt']);

  164. 	$("#checkout_image").attr('src', '').attr('src', current_altob_checkout_bill['image_url']);

  165. 	

  166. 	// 設定訂單編號

  167. 	$("#order_no").val("0").val(current_altob_checkout_bill['order_no']);

  168. 	

  169. 	// 明細

  170. 	/*

  171. 	$("#price_data_tbody").html("");	

  172. 	

  173. 		// A. 依r_no 分群, 暫存到 tmp_r_no_array

  174. 		var tmp_r_no_array = [];

  175. 		for(lv1 in current_altob_checkout_bill['price_detail'])

  176.             {        

  177. 			if (lv1 == 0) { continue; }

  178. 			var today = current_altob_checkout_bill['price_detail'][lv1];

  179. 			for(lv2 in today)

  180. 			{

  181. 				if(lv2.match(/\u003A/)){ // 取出有時間的部份

  182. 				var detail = today[lv2];

  183. 				if(!(detail.r_no in tmp_r_no_array)){

  184. 					tmp_r_no_array[detail.r_no] = [];

  185. 				}

  186. 				tmp_r_no_array[detail.r_no].push([detail.r_no, '_', lv1, '_', lv2].join(''));

  187. 				}

  188. 			}

  189. 		}

  190. 		//console.log('tmp_r_no_array: ' + tmp_r_no_array);

  191. 		// B. 將 tmp_r_no_array 解析, 產生顯示用的 price_result_array

  192. 		var price_result_array = [];

  193. 		var last_r_no_keys_array = [];

  194. 		var check_p = 0;

  195. 		for(r_no in tmp_r_no_array)

  196. 		{

  197. 			var r_no_array = tmp_r_no_array[r_no].sort(); // 依r_no 排序

  198. 			//console.log(r_no + ' length: ' + r_no_array.length);

  199. 			

  200. 			for(key in r_no_array)

  201. 			{

  202. 				var keys = r_no_array[key].split('_');

  203. 				var r_no = keys[0];

  204. 				var lv1 = keys[1];

  205. 				var lv2 = keys[2];

  206. 				var time_str = [lv1, ' ', lv2].join('');

  207. 				var detail = current_altob_checkout_bill['price_detail'][lv1][lv2];

  208. 				var detail_p0_price = current_altob_checkout_bill['price_detail'][lv1].p0;

  209. 				var detail_limit0 = current_altob_checkout_bill['price_detail'][lv1].limit0;

  210. 				var detail_free0_min = current_altob_checkout_bill['price_detail'][lv1].free0_min;

  211. 						

  212. 				if(detail.p > 0){

  213. 				check_p += detail.p;

  214. 				var before_keys = last_r_no_keys_array.pop(); //r_no_array[key - 1].split('_');

  215. 				

  216. 				var before_r_no = before_keys[0];

  217. 				var before_lv1 = before_keys[1];

  218. 				var before_lv2 = before_keys[2];

  219. 				var before_time_str = [before_lv1, ' ', before_lv2].join('');

  220. 				var before_detail = current_altob_checkout_bill['price_detail'][before_lv1][before_lv2];

  221. 				

  222. 				// create result

  223. 				var data_p_desc = '';

  224. 				var data_p_time = '';

  225. 				var data_p_time_desc = ['*時段 ', before_time_str, '<br/>至 ', time_str].join('');

  226. 				var data_p_price_desc = [detail.p, ' 元'].join('');

  227. 				

  228. 				// p_desc

  229. 				if(detail.status == 1){

  230. 					data_p_desc = ['費率：每日最高收費上限 ', detail_limit0, ' 元，已達當日上限'].join(''); // '每日最高收費上限 150元';

  231. 				}else{

  232. 					data_p_desc = [' 每小時 ', 2 * detail_p0_price, ' 元，前 ', detail_free0_min, ' 分鐘免費。'].join(''); // '費率：每小時 20元';

  233. 				}

  234. 				

  235. 				// p_time

  236. 				var detail_part = [];

  237. 				if('h' in detail && detail.h > 0){

  238. 					detail_part.push(detail.h, ' 小時 ');

  239. 				}

  240. 				if('i' in detail && detail.i > 0){

  241. 					detail_part.push(detail.i, ' 分鐘');

  242. 				}

  243. 				//if(detail.p < before_detail_p2_price){detail_part.push(' (', r_no, ') ');}

  244. 				data_p_time = detail_part.join('');

  245. 				

  246. 				if(price_result_array.length > 0){

  247. 					if(r_no == price_result_array[price_result_array.length - 1].r_no){

  248. 						// 與上一筆結算為同一價錢週期時, 更新上一筆結算

  249. 						var last_result = price_result_array[price_result_array.length - 1];

  250. 						last_result.p_desc = '每日最高收費上限 150元';

  251. 						last_result.p_time = [last_result.p_time, '接續<br/><br/>', data_p_time].join('');;

  252. 						last_result.p_time_desc = [last_result.p_time_desc, ' 接續<br/><br/>', data_p_time_desc].join('');

  253. 						last_result.p_price_desc = [last_result.p_price_desc, ' + ', data_p_price_desc].join('');

  254. 						// push last

  255. 						last_r_no_keys_array.push(keys);

  256. 						continue;

  257. 					}

  258. 				}

  259. 				

  260. 				// 與上一筆結算不同價錢週期, 新增一筆結算

  261. 				var data = [];

  262. 				data.r_no = r_no;

  263. 				data.p_desc = data_p_desc;

  264. 				data.p_time = data_p_time;

  265. 				data.p_time_desc = data_p_time_desc;

  266. 				data.p_price_desc = data_p_price_desc;

  267. 				price_result_array.push(data);

  268. 				// push last

  269. 				last_r_no_keys_array.push(keys);

  270. 				}else{

  271. 				// push last

  272. 				last_r_no_keys_array.push(keys);

  273. 				}

  274. 			}

  275. 		}

  276. 		

  277. 		// C. 根據 price_result_array, 產生頁面顯示

  278. 		var seq = 0;

  279. 		for(key in price_result_array)

  280. 		{	

  281. 			var result = price_result_array[key];

  282. 			var meta_0_str = ++seq;

  283. 			$("#price_data_list>[data-tag=p_no]").text(meta_0_str);

  284. 			$("#price_data_list>[data-tag=p_meta]").html(result.p_time_desc);

  285. 			$("#price_data_list>[data-tag=p_result]").html(result.p_time);

  286. 			$("<tr data-day='day'>"+$("#price_data_list").html()+"</tr>").appendTo("#price_data_tbody"); 

  287. 			$("#price_data_list>[data-tag=p_no]").text("");

  288. 			$("#price_data_list>[data-tag=p_meta]").html(result.p_desc);

  289. 			$("#price_data_list>[data-tag=p_result]").html(result.p_price_desc);

  290. 			$("<tr data-day='day' style='color: red;'>"+$("#price_data_list").html()+"</tr>").appendTo("#price_data_tbody"); 

  291. 		}

  292. 		var bill_time_part = ['共 '];

  293. 		if('bill_days' in jdata && jdata.bill_days > 0){

  294. 			bill_time_part.push(jdata.bill_days, ' 天 : ');

  295. 		}

  296. 		if('bill_hours' in jdata && jdata.bill_hours > 0){

  297. 			bill_time_part.push(jdata.bill_hours, ' 小時 : ');

  298. 		}

  299. 		if('bill_mins' in jdata && jdata.bill_mins > 0){

  300. 			bill_time_part.push(jdata.bill_mins, ' 分鐘');

  301. 		}

  302. 		$("#show_amt_detail_time").text(bill_time_part.join(''));

  303. 		$("#show_amt_detail_price").text([jdata.amt, ' 元'].join(''));

  304. 	*/

  305. }

  306. 

  307. // 開啟轉帳畫面

  308. function transfer_money(event)

  309. {

  310. 	event.preventDefault();

  311. 	

  312. 	if(! $("#payment_data").isValid()) return false;

  313. 	

  314. 	if($("#email").val() == '' && $("#mobile").val() == '')

  315. 	{

  316. 		alertify_error("請至少提供一項發票通知方式<br/>1. 電子信箱 <br/>2. 或 手機號碼<br/><br/>謝謝!!");

  317. 		return false;

  318. 	}

  319. 	

  320. 	/*

  321. 	var order_no = $("#checkout_order_no").text() == '' ? '0' : $("#checkout_order_no").text();

  322.     var invoice_receiver = $("#invoice_receiver").val() == '' ? '0' : $("#invoice_receiver").val();

  323. 	var company_no = $("#company_no").val() == '' ? '0' : $("#company_no").val();

  324. 	var email = $("#email").val() == '' ? '0' : $("#email").val();

  325. 	var mobile = $("#mobile").val() == '' ? '0' : $("#mobile").val();

  326. 	*/

  327. 	

  328. 	payment_data.submit();

  329. }

  330. 

  331. </script>

  332. 

  333. <!-- 這段要放後面才能運作 -->

  334. <script src="/libs/opay/lib/actions.js"></script>