LeeWeiCheng
/
altob.st123

<!DOCTYPE html>
<html lang="zh-TW">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1 ,maximum-scale=1.0, user-scalable=no">
    <title>歐特儀停車場</title>
    <meta name="keywords" content="歐特儀,停車場">
    <meta name="description" content="歐特儀,停車場">
    
	<!-- opay -->
    <link href="/libs/opay/css/reset_new.css" rel='stylesheet' type='text/css' />
    <link href="/libs/opay/css/global_new.css" rel='stylesheet' type='text/css' />
    <link href="/libs/opay/css/page_new.css" rel='stylesheet' type='text/css' />
	<script src="/libs/opay/lib/jquery-1.7.1.min.js"></script>
	
	<!-- alertify -->
	<link href="/libs/css/alertify.core.css" rel="stylesheet">
	<link href="/libs/css/alertify.bootstrap.css" rel="stylesheet">
	<script src="/libs/js/alertify.min.js"></script>
	
	<!-- jQuery validate -->
	<script src="/libs/form-validator/jquery.form-validator.min.js"></script>
	
	<!-- md5 -->
	<script src="/libs/js/md5.min.js"></script> 
	
	<!-- other -->
	<script src="/libs/js/js.cookie.js"></script>
	<link href="/libs/css/custom-table.css" rel="stylesheet">
	
</head>

<body class="body-wbg">
    <!-- Start: Content -->
    <header>
        <div class="previous" onclick="back_page(event);"></div>
        <h1>歐特儀停車場</h1>
    </header>
	
    <div class="content-new parking-search-setting">
        <section class="page">
            <div data-items="home_page" class="wrapper">

                <div class="wbt-fill-box">
                    <div class="wbtf-box-line none-underline">
                        <div class="wbt-fill-title">
                            <img src="/libs/opay/images/fee/ic_parking_fee.svg" class="wft-gov-icon">
                            <h3>兌換卷</h3>
                        </div>
                    </div>
                </div>

                <div class="pss-choose-box">
                    <h4 class="spacing-title">兌換快捷鍵</h4>
                    <div class="parkinsys-search-wrap">
                        <ul id="order_history_list" class="psw-choose-num">
                            <!--li><a href="javascript:void(0)">ABC-1234</a></li>
                            <li><a href="javascript:void(0)">HT-114</a></li>
                            <li><a href="javascript:void(0)">YA-520</a></li>
                            <li><a href="javascript:void(0)">FC-500</a></li>
                            <li><a href="javascript:void(0)">PO-100</a></li>
                            <li><a href="javascript:void(0)">7128-AMY</a></li-->
                        </ul>
                    </div>
                </div>

            </div>
			
			<div id="page-wrapper"><!-- 動態切換顯示 -->
			</div>
			
        </section>
    </div>
    <!-- End: Content -->
	

</body>

</html>

<script> 

<?php /* alertify function */ ?>
function alertify_log($msg)
{
	alertify.set({delay : 2000});
	alertify.log($msg);
}
function alertify_error($msg)
{
	alertify.set({delay : 2000});
	alertify.error($msg);
}
function alertify_success($msg)
{
	alertify.set({delay : 2000});
	alertify.success($msg);
}

// -- 顯示指定項目 (切換) --
function show_item_without_change(tags)
{
	$("[data-items]").hide();
	$("[data-items="+tags+"]").show();
    return false;
}

// -- 顯示指定項目 --
function show_item(tags, type)
{              
	current_page_tags = tags;	// 記錄目前頁面

    switch(tags)
    {      
		// -- 首頁 --			
		case "home_page":
			reload_order_list();
			break;	
			
		// -- 產品展示 --			
		case "item_page":
			load_page(tags);
			load_item_page();
			break;
			
		// -- 結帳 --			
		case "checkout_page":
			load_page(tags);
			load_checkout_page();
			break;	
			
        default: 
        	$("#"+tags+"_list").html("");	// -- 清除原內容 --
        	break;
    }
    
	$("[data-items]").hide();
	$("[data-items="+tags+"]").show();
    return false;
}

// 載入頁面
function load_page(tags)
{
	if ($("[data-items='"+tags+"']").length == 0)	// 第一次loading
    {     
		$.ajax
		({
			url:"<?=APP_URL?>get_html",
        			async:false,    
        			timeout:1500,
            		type:"post", 
            		dataType:"text",
            		data:{"tag_name":tags},
            		success:function(jdata)
            		{
            	    	$("#page-wrapper").append(jdata);  
            	    }
		}); 
	}
}

/////////////////////////////////////
//
// 開始
//
/////////////////////////////////////

// 取得產品資訊
var PRODUCT_RESULT = {};
PRODUCT_RESULT.product_id = '<?= $product_id; ?>';
PRODUCT_RESULT.product_code = '<?= $product_code; ?>';
PRODUCT_RESULT.product_name = '<?= $product_name; ?>';
PRODUCT_RESULT.product_desc = '<?= $product_desc; ?>';
PRODUCT_RESULT.amt = '<?= $amt; ?>';
PRODUCT_RESULT.remarks = '<?= $remarks; ?>';

// 暫存區
var current_page_tags;				// 目前所在頁面
var current_altob_check_list;		// 目前待結清單
var current_altob_checkout_bill;	// 目前待繳帳單
var AltobCookies = Cookies.noConflict();

// 設定 cookie
function set_cookie(key, value)
{
	AltobCookies.set(key, value, { expires: 30 });
}

$(document).ready(function()   
{                 
	<?php /* validate  設定start */ ?>
	$.validate(
		{
			modules : 'security',
		}
	);
	<?php /* validate  設定end */ ?>

	// 若有帶產品编號, 前往展示頁
	if(PRODUCT_RESULT.product_id != '')
	{
		show_item('item_page', 'item_page');
	}
	else
	{
		show_item('home_page', 'home_page');
	}
}); 

// 載入兌換資訊
function reload_order_list()
{
	$("#order_history_list").html('');

	if(AltobCookies.get('order_history') !== undefined)	// 清除 Cookies.expire('order_history')
	{
		var query_list = [];
		var order_history_arr = AltobCookies.get('order_history').split(';');
		for(key in order_history_arr)
		{
			if(order_history_arr[key] != '')
			{
				console.log('+' + order_history_arr[key]);
			}
			
			/*
			query_list = query_list.concat(['<li><a href="javascript:void(0)" onclick="get_item(', key ,');">', 
					order_history_arr[key] ,'</a></li>']);
			*/
		}
			
		$("#order_history_list").append(query_list.join('')); 
	}
	else
	{
		// 重新下載兌換卷
		
	}
}

// 新增兌換記錄
function new_order_list(order_key)
{
	var isNewLpr = true;
	var order_history_arr = [];
		
	if(AltobCookies.get('order_history') !== undefined)	// 清除 Cookies.expire('order_history')
	{	
		order_history_arr = AltobCookies.get('order_history').split(';');
		for(key in order_history_arr)
		{
			if(order_history_arr[key] == order_key)
			{
				isNewLpr = false;	
				break;
			}
		}			
	}
	
	if(isNewLpr && order_key != '-')
	{
		// 最多記錄 5 筆, 新的被清掉
		if(order_history_arr.length >= 5)
			order_history_arr.shift();
				
		order_history_arr.push(order_key);
		set_cookie('order_history', order_history_arr.join(';'))
		// 重建兌換記錄
		reload_order_list();
	}
}

// 設定車號
function set_lpr(key)
{
	var order_history_arr = AltobCookies.get('order_history').split(';');
	var order_front_tail = String(order_history_arr[key]).split('-');
	$("#order_front").val('').val(order_front_tail[0]);
	$("#order_tail").val('').val(order_front_tail[1]);
}

// 回上頁
function back_page(event)
{
	if(event !== undefined)
		event.preventDefault();
	
	// 預設回首頁
	show_item('home_page', 'home_page');
}

</script>