LeeWeiCheng
/
altob.st123
1
0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
瀏覽代碼

qcar3

station_14109
altob.rd 8 年之前
父節點
5be72792ad
當前提交
fe56e82406
共有 5 個檔案被更改，包括 1660 行新增 和 0 行删除
分割檢視
Diff Options
Show Stats Download Patch File Download Diff File
  1. +126
    -0
      controllers/Qcar3.php
  2. +147
    -0
      models/Qcar3_model.php
  3. +472
    -0
      views/qcar3/main_page.php
  4. +440
    -0
      views/qcar3/result_page.php
  5. +475
    -0
      views/qcar3/result_page2.php

+ 126
- 0
controllers/Qcar3.php 查看文件

@@ -0,0 +1,126 @@
<?php
/*
file: qcar3.php 查車系統3
*/
if (!defined('BASEPATH')) exit('No direct script access allowed');

// ----- 定義常數(路徑, cache秒數) -----
define('APP_VERSION', '100'); // 版本號
define('MAX_AGE', 604800); // cache秒數, 此定義1個月
define('APP_NAME', 'qcar3'); // 應用系統名稱
define('PAGE_PATH', APP_BASE.'ci_application/views/'.APP_NAME.'/'); // path of views

define('SERVER_URL', 'http://'.(isset($_SERVER['SERVER_NAME']) ? $_SERVER['SERVER_NAME'] : 'localhost').'/'); // URL
define('APP_URL', SERVER_URL.APP_NAME.'.html/'); // controller路徑
define('WEB_URL', SERVER_URL.APP_NAME.'/'); // 網頁路徑
define('WEB_LIB', SERVER_URL.'libs/'); // 網頁lib
define('BOOTSTRAPS', WEB_LIB.'bootstrap_sb/'); // bootstrap lib
define('LOG_PATH', FILE_BASE.APP_NAME.'/logs/'); // log path

class Qcar3 extends CI_Controller
{
var $vars = array(); // 共用變數
function __construct()
{
parent::__construct();
// ----- 程式開發階段log設定 -----
if (@ENVIRONMENT == 'development')
{
ini_set('display_errors', '1');
//error_reporting(E_ALL ^ E_NOTICE);
error_reporting(E_ALL);
}
set_error_handler(array($this, 'error_handler'), E_ALL); // 資料庫異動需做log
$this->load->model('qcar3_model');
}
// 發生錯誤時集中在此處理
public function error_handler($errno, $errstr, $errfile, $errline, $errcontext)
{
$str = date('H:i:s')."|{$errstr}|{$errfile}|{$errline}|{$errno}\n";
//error_log($str, 3, $log_file . '.' . date('Ymd').'.log.txt'); // 3代表參考後面的檔名
error_log($str, 3, LOG_PATH.APP_NAME . '.' . date('Ymd').'.log.txt'); // 3代表參考後面的檔名
}
// 顯示靜態網頁(html檔)
protected function show_page($page_name, &$data = null)
{
$page_file = PAGE_PATH.$page_name.'.php';
$last_modified_time = filemtime($page_file);
// 若檔案修改時間沒有異動, 或版本無異動, 通知瀏覽器使用cache, 不再下傳網頁
// header('Cache-Control:max-age='.MAX_AGE); // cache 1個月
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $last_modified_time).' GMT');
header('Etag: '. APP_VERSION);
header('Cache-Control: public');
if (!empty($_SERVER['HTTP_IF_NONE_MATCH']) && $_SERVER['HTTP_IF_NONE_MATCH'] == APP_VERSION && @strtotime($_SERVER['HTTP_IF_MODIFIED_SINCE']) == $last_modified_time)
{
header('HTTP/1.1 304 Not Modified');
}
else
{
$this->load->view(APP_NAME.'/'.$page_name, $data);
}
}
public function index()
{
$this->show_page('main_page'); // 1122x630
}
// 顯示logs
public function show_logs()
{
$lines = $this->uri->segment(3); // 顯示行數
if (empty($lines)) $lines = 40; // 無行數參數, 預設為40行
// echo '<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><body><pre style="white-space: pre-wrap;">';
echo '<html lang="zh-TW"><body><pre style="white-space: pre-wrap;">';
passthru('/usr/bin/tail -n ' . $lines . ' ' . LOG_FILE); // 利用linux指令顯示倒數幾行的logs內容
echo "\n----- " . LOG_FILE . ' -----';
echo '</pre></body></html>';
}
// 車位查詢結果頁
public function show_result()
{
$lpr = $this->uri->segment(3); // 車牌號碼
$data = $this->qcar3_model->q_pks($lpr);
$data['lpr'] = strtoupper($lpr);
$this->show_page('result_page', $data); // 1280x1080
}
// 車位查詢結果頁 (2)
public function show_result2()
{
$lpr = $this->uri->segment(3); // 車牌號碼
$data = $this->qcar3_model->q_pks($lpr);
$data['lpr'] = strtoupper($lpr);
$this->show_page('result_page2', $data); // 2560x1440
}

// 車位查詢
public function q_pks()
{
$lpr = $this->input->post('lpr', true);
$data = $this->qcar3_model->q_pks($lpr);
echo json_encode($data, JSON_UNESCAPED_UNICODE);
}

// 取得進場資訊 (模糊比對)
public function q_fuzzy_pks()
{
$input = $this->input->post('fuzzy_input', true);
$data = $this->qcar3_model->q_fuzzy_pks($input);
echo json_encode($data, JSON_UNESCAPED_UNICODE);
}
}

+ 147
- 0
models/Qcar3_model.php 查看文件

@@ -0,0 +1,147 @@
<?php
/*
file: Qcar3_model.php 查車3
*/

class Qcar3_model extends CI_Model
{
function __construct()
{
parent::__construct();
$this->load->database();
}
// 查車
public function q_pks($lpr)
{
$sql = "select p.pksno, p.pic_name, p.update_time, p.in_time, p.posx, p.posy, m.group_id, g.group_name, g.floors
from pks p, pks_group_member m, pks_groups g
where p.pksno = m.pksno
and m.group_id = g.group_id
and g.group_type = 1
and p.lpr = '{$lpr}'
limit 1";
$rows = $this->db->query($sql)->row_array();
//if (!empty($rows['pic_name'])) $rows['pic_name'] = str_replace('.jpg', '', $rows['pic_name']);
//else $rows['pksno'] = 0; // 如無該筆資料, 車位號碼設為0
return $rows;
}
// 模糊比對
function getLevenshteinSQLStatement($word, $target)
{
$words = array();
if(strlen($word) >= 5)
{
for ($i = 0; $i < strlen($word); $i++) {
// insertions
$words[] = substr($word, 0, $i) . '_' . substr($word, $i);
// deletions
$words[] = substr($word, 0, $i) . substr($word, $i + 1);
// substitutions
//$words[] = substr($word, 0, $i) . '_' . substr($word, $i + 1);
}
}
else
{
for ($i = 0; $i < strlen($word); $i++) {
// insertions
$words[] = substr($word, 0, $i) . '_' . substr($word, $i);
}
}
// last insertion
$words[] = $word . '_';
//return $words;
$fuzzy_statement = ' (';
foreach ($words as $idx => $word)
{
$fuzzy_statement .= " {$target} LIKE '%{$word}%' OR ";
}
$last_or_pos = strrpos($fuzzy_statement, 'OR');
if($last_or_pos !== false)
{
$fuzzy_statement = substr_replace($fuzzy_statement, ')', $last_or_pos, strlen('OR'));
}
return $fuzzy_statement;
}
// 取得進場資訊 (模糊比對)
public function q_fuzzy_pks($word)
{
if(empty($word) || strlen($word) <= 0 || strlen($word) > 10)
{
return null;
}
$sql = "SELECT station_no, lpr, in_time, pic_name as pks_pic_name
FROM pks
WHERE {$this->getLevenshteinSQLStatement($word, 'lpr')}
ORDER BY lpr ASC";
$retults = $this->db->query($sql)->result_array();
if(count($retults) > 0)
{
foreach ($retults as $idx => $rows)
{
$pks_pic_path = '';
if(!empty($rows['pks_pic_name']))
{
//$pks_pic_path = APP_URL.'pks_pics/'.str_replace('.jpg', '', $rows['pks_pic_name']);
$pks_pic_path = SERVER_URL.'pkspic/'.$rows['pks_pic_name'];
}
$data['result'][$idx] = array
(
'lpr'=> $rows['lpr'],
'pks_pic_path' => $pks_pic_path,
'station_no' => $rows['station_no'],
'in_time' => $rows['in_time']
);
}
}
/*
else
{
// 讀取入場資料
$sql = "SELECT cario.station_no as station_no, cario.obj_id as lpr, cario.in_time as in_time, cario.in_pic_name as pks_pic_name
FROM cario
WHERE {$this->getLevenshteinSQLStatement($word, 'obj_id')}
AND in_out = 'CI' AND finished = 0 AND err = 0 AND out_time IS NULL
ORDER BY lpr ASC";
// AND in_time > DATE_SUB(CURRENT_TIMESTAMP, INTERVAL 5 DAY)
$retults = $this->db->query($sql)->result_array();
if(count($retults) > 0)
{
foreach ($retults as $idx => $rows)
{
$pks_pic_path = '';
if(!empty($rows['pks_pic_name']))
{
$pic_name = str_replace('.jpg', '', $rows['pks_pic_name']);
$arr = explode('-', $pic_name);
//$pks_pic_path = SERVER_URL.'carspic/'.substr($arr[7], 0, 8).'/'.$pic_name.'.jpg';
$pks_pic_path = SERVER_URL.'carpic/'.substr($arr[7], 0, 8).'/'.$pic_name.'.jpg';
}
$data['result'][$idx] = array
(
'lpr'=> $rows['lpr'],
'pks_pic_path' => $pks_pic_path,
'station_no' => $rows['station_no'],
'in_time' => $rows['in_time']
);
}
}
}
*/
return $data;
}
}

+ 472
- 0
views/qcar3/main_page.php 查看文件

@@ -0,0 +1,472 @@
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>歐特儀自動化服務機</title>
<!-- Bootstrap Core CSS -->
<link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
<!-- Timeline CSS -->
<link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="<?=BOOTSTRAPS?>dist/css/sb-admin-3.css" rel="stylesheet">
<!-- Morris Charts CSS -->
<link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

</head>
<body style="font-family:Microsoft JhengHei;">
<div id="wrapper">
<div id="page-wrapper"><?php /* 主要資料顯示區 */ ?>
<div class="row">
<div class="col-lg-12">
<!--h1 class="page-header">歐特儀自動化服務機</h1--><?php /* 右側小表頭 */ ?>
&nbsp;
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
<?php /* ----- 查車作業 ----- */ ?>
<div data-items="input_lpr" class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading" style="font-size:28px;"><?php /* 資料顯示區灰色小表頭 */ ?>
車位查詢
</div>
<div class="panel-body">
<div data-rows class="row" style="font-size:28px;">
<div class="col-lg-8">
<form id="fuzzy_search_lpr" role="form" method="post">
<div class="form-group">
<input type="text" id="fuzzy_input" name="fuzzy_input" class="form-control" style="text-transform:uppercase;height:64px;font-size:32px;"
placeholder="請輸入車牌關鍵字 ( 3 到 7 碼 ex. 111)"
autofocus required pattern="[A-Za-z0-9]*"
data-validation="length"
data-validation-length="3-7"
data-validation-error-msg="請輸入車牌關鍵字 ( 3 到 7 碼 ex. 111)">
</div>
&nbsp;&nbsp;
<button type="reset" class="btn btn-default" style="font-size:28px;" onclick="$('#fuzzy_search_lpr_msg').text('');">清除</button>
&nbsp;&nbsp;
<span id='fuzzy_search_lpr_msg' style="font-size:28px;color:red;"></span>
&nbsp;&nbsp;
<button type="submit" class="btn btn-large btn-success pull-right" style="font-size:28px;">搜尋車牌</button>
</form>
</div>
</div>

<br/>

<!--div id="carin_query_list" class="col-lg-12 dataTable_wrapper" style="display:none; font-size:20px; max-height:300px">
<table id="lpr_query_list" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th style="text-align:center;">車號</th>
<th style="text-align:center;">進場時間</th>
<th style="text-align:center;">在席照片</th>
<th style="text-align:center;">功能</th>
</tr>
</thead>
<tbody id="carin_query_tbody" style="font-size:28px;"></tbody>
</table>
</div-->
<div id="carin_query_list" class="col-lg-12 dataTable_wrapper" style="display:none; max-height: 300px; overflow-y: auto">
<table id="lpr_query_list" class="table table-striped table-hover">
<thead>
<tr>
<th style="text-align:center;">車號</th>
<th style="text-align:center;">進場時間</th>
<th style="text-align:center;">在席照片</th>
<th style="text-align:center;">功能</th>
</tr>
</thead>
<tbody id="carin_query_tbody" style="font-size:28px;"></tbody>
</table>
</div><!-- end of modal-body -->
</div>
<!-- /.panel-body -->
</div>
<!-- /.panel -->
</div>
<!-- /.col-lg-12 -->
</div>
<?php /* ----- 查詢作業(結束) ----- */ ?>

<?php /* ----- 查詢結果 ----- */ ?>
<!-- div data-items="rent_sync" class="row" style="display:none;"-->
<div data-items="output_pks" class="row" style="display:none;">
<div class="col-lg-6 col-sm-6">
<div class="panel panel-default">
<div class="panel-heading" style="font-size:28px;"><?php /* 資料顯示區灰色小表頭 */ ?>
查車結果
</div>
<div class="panel-body" style="margin: 0px auto;">
<div data-rows class="row">
<div class="col-lg-12" style="margin: 0px auto;">
<table class="table table-striped table-bordered table-hover"">
<tbody style="font-size:28px;">
<tr>
<td style="text-align:right;vertical-align: middle;">車號</td>
<td id="show_lpr" style="text-align:left;vertical-align: middle;"></td>
</tr>
<tr>
<td style="text-align:right;vertical-align: middle;">所在樓層</td>
<td id="show_floors" style="text-align:left;vertical-align: middle; font-size:28px; color:blue;"></td>
</tr>
<tr>
<td style="text-align:right;vertical-align: middle;">停入時間</td>
<td id="show_update_time" style="text-align:left;vertical-align: middle;"></td>
</tr>
<tr>
<td colspan="2" style="text-align:center;vertical-align: middle;">
<button type="button" class="btn btn-large btn-success pull-right" style="font-size:28px;" onclick="show_item('input_lpr');">結束查詢</button>
</td>
</tr>
</tbody>
</table>
</div>
<!-- /.col-lg-6 (nested) -->
</div>
<!-- /.row (nested) -->
</div>
<!-- /.panel-body -->
</div>
<!-- /.panel -->
</div>
<div class="col-lg-6 col-sm-6">
<div class="panel panel-default">
<div class="panel-heading" style="font-size:28px;">
在席照片
</div>
</div>
<div class="panel-body" style="margin: 0px auto;">
<div class="col-lg-12" style="margin: 0px auto;">
<table class="table table-striped table-bordered table-hover"">
<tbody>
<tr>
<td colspan="2" style="text-align:center;vertical-align: middle;">
<img id="show_img" style="max-width:300px" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- /.col-lg-12 -->

</div>




<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="<?=BOOTSTRAPS?>bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.js"></script>
<!-- Morris Charts JavaScript -->
<script src="<?=BOOTSTRAPS?>bower_components/raphael/raphael-min.js"></script>
<!--script src="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.min.js"></script-->
<!--script src="<?=BOOTSTRAPS?>js/morris-data.js"></script-->

<!-- virtual keyboard -->
<link href="<?=WEB_LIB?>virtual-keyboard/css/jquery-ui.min.css" rel="stylesheet">
<link href="<?=WEB_LIB?>virtual-keyboard/css/keyboard.css" rel="stylesheet">
<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery-ui.min.js"></script>
<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.js"></script>
<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.extension-caret.js"></script>

<!-- alertify -->
<link href="<?=WEB_LIB?>css/alertify.core.css" rel="stylesheet">
<link href="<?=WEB_LIB?>css/alertify.bootstrap.css" rel="stylesheet">
<script src="<?=WEB_LIB?>js/alertify.min.js"></script>
<!-- moment -->
<script src="<?=WEB_LIB?>js/moment.min.js"></script>
<!-- jQuery validate -->
<script src="<?=WEB_LIB?>form-validator/jquery.form-validator.min.js"></script>

<!-- Custom Theme JavaScript -->
<script src="<?=BOOTSTRAPS?>dist/js/sb-admin-2.js"></script>
<div id="works" style="display:none;"></div><?php /* 作為浮動顯示區之用 */ ?>
</body>
</html>

<script>

<?php /* alertify function */ ?>
function alertify_count_down($msg, $delay)
{
alertify.set({delay : $delay});
alertify.log($msg);
}
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 alertify_msg($msg)
{
alertify.set({ labels: {
ok : "確定"
} });
alertify.alert($msg, function (e){
// do nothing
});
}

function reset_query()
{
$("#fuzzy_input").val("");
$("#carin_query_list").hide();
return false;
}

var refreshIntervalId = 0; // timer id

<?php /* 顯示指定項目 */ ?>
function show_item(tags)
{
// 查車
reset_query();

// 付款
$("#payment_lpr").val("");<?php /* 清除車號欄位 */ ?>
$("#show_member_name").val("");
$("#show_payment_lpr").val("");
$("#show_end_date").val("");
$("#show_next_start").val("");
$("#show_next_end").val("");
$("#show_amt").val("");
$("#invoice_receiver").val("");
$("#company_no").val("");
$("#email").val("");
$("#mobile").val("");
$("#show_order_no").val("");
$("#show_amt_detail").val("");
$("#show_balance_time_limit_countdown").val("");

if(tags.indexOf('payment_data') < 0 && tags.indexOf('price_data') < 0){
clearInterval(refreshIntervalId); // 消除倒數計時timer
}

$("[data-items]").hide();
$("[data-items="+tags+"]").show();
return false;
}

<?php /* 顯示指定項目, 不修改資料 */ ?>
function show_item_without_change(tags)
{
$("[data-items]").hide();
$("[data-items="+tags+"]").show();
return false;
}

// 查車牌
function check_lpr(idx)
{
$.ajax
({
url: "<?=APP_URL?>q_pks",
dataType:"json",
type:"post",
data:{ "lpr" : $("#lpr_"+idx).text() },
success:function(jdata)
{
if(!jdata)
{
//alertify_msg("您的愛車可能在頂樓！ 謝謝");
alertify_msg("找不到。。謝謝");
return false;
}
else if (jdata["pksno"] == "0")
{
alertify_msg("查無資料，請鍵入正確資料");
return false;
}

$("#show_lpr").text($("#lpr_"+idx).text());
//$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"].charAt(0) + "-" + jdata["pksno"].substr(2) +" )");
//$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"] +" )");
$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"].substr(-3, 3) +" )");
$("#show_update_time").text(jdata["in_time"]);
$("#show_img").attr("src", "<?=SERVER_URL?>pkspic/"+jdata["pic_name"]);
show_item("output_pks");

// 顯示位置圖
if (jdata["group_id"]){
//var groupSplit = jdata["group_id"].split('-'); // ex. B3-3
//var floor = groupSplit[0];
var floor = jdata["floors"];
var x = jdata["posx"];
var y = jdata["posy"];

// 畫出指定位置
AltobObject.AtsMap.drawPosition(floor, x, y);

// show map
$("[data-items="+floor+"]").show();
}
}
});

return false;
}

$(document).ready(function()
{
<?php /* 鎖右鍵 */ ?>
$(document).bind('contextmenu', function (e) {
e.preventDefault();
});

<?php /* 車牌模糊搜尋 */ ?>
$("#fuzzy_search_lpr").submit(function(event)
{
event.preventDefault();
// 清除搜尋提示訊息
$("#fuzzy_search_lpr_msg").text('');

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

$.ajax
({
url: "<?=APP_URL?>q_fuzzy_pks",
type: "post",
dataType:"json",
data: $(this).serialize(),
success: function(jdata)
{
if (!jdata)
{
//alert("查無此車 !");
$("#fuzzy_search_lpr_msg").text('查無此車');
return false;
}
// 清除搜尋提示訊息
$("#fuzzy_search_lpr_msg").text('');

var tmp_str_array = [];

for(idx in jdata.result)
{
tmp_str_array = tmp_str_array.concat(
[
"<tr><td id='lpr_", idx, "' style='text-align:center;vertical-align:middle;'>", jdata.result[idx]['lpr'] ,
"</td><td id='in_time_", idx, "'style='text-align:center;vertical-align:middle;'>", jdata.result[idx]['in_time'],
"</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'], "' />",
"</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>" ,
"</td></tr>"
]);
}

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

$("#carin_query_list").show();
}
});
});
// Custom: altob-input
// ********************
$('#fuzzy_input').keyboard({

css : {
// input & preview styles
input : 'ui-widget-content ui-corner-all',
// keyboard container - this wraps the preview area (if `usePreview` is true) and all keys
container : 'ui-widget-content ui-widget ui-corner-all ui-helper-clearfix',
// default keyboard button state, these are applied to all keys, the remaining css options are toggled as needed
buttonDefault : 'ui-state-default ui-corner-all',
// hovered button
buttonHover : 'ui-state-hover',
// Action keys (e.g. Accept, Cancel, Tab, etc); this replaces the "actionClass" option
buttonAction : 'ui-state-active',
// used when disabling the decimal button {dec} when a decimal exists in the input area
buttonDisabled : 'ui-state-disabled'
},

display: {
'bksp' : '\u2190',
'default' : 'ABC',
'accept' : '確 認'
},

layout: 'custom',

customLayout: {

'default': [
'1 2 3 4 5 6 7 8 9 0 {bksp}',
'Q W E R T Y U I O P',
'A S D F G H J K L',
'Z X C V B N M {accept}'
]

}

});

// 定時自動更新頁面
(function autoReloadPage(){
var pageReloadTimeMillis = 60000; // 頁面, 自動重新載入週期 ( 1 min )
var pageCheckReloadTimeMillis = 10000; // 頁面, 判斷重新載入週期 ( 10 sec )
var pageShowReloadTimeMillis = 50000; // 頁面, 開始顯示倒數週期 ( 50 sec )
var aliveTime = moment();
var countdownTimeMillis = pageReloadTimeMillis;
$(document.body).bind("mousemove keypress", function(e) {
aliveTime = moment();
countdownTimeMillis = pageReloadTimeMillis;
});
function refresh() {
if(moment() - aliveTime >= pageReloadTimeMillis) // 如果頁面沒動作, 才更新
window.location.reload(true);
else{
countdownTimeMillis -= pageCheckReloadTimeMillis;
if(countdownTimeMillis < pageCheckReloadTimeMillis)
{
alertify_count_down("重新載入中..請稍候..", pageCheckReloadTimeMillis);
}
else if(countdownTimeMillis < pageShowReloadTimeMillis){
alertify_count_down("倒數: " + (countdownTimeMillis / 1000) + " 秒, 重新載入畫面..", pageCheckReloadTimeMillis);
}
setTimeout(refresh, pageCheckReloadTimeMillis);
}
}
setTimeout(refresh, pageCheckReloadTimeMillis);
})();

});
</script>

+ 440
- 0
views/qcar3/result_page.php 查看文件

@@ -0,0 +1,440 @@
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>歐特儀自動化服務機</title>
<!-- Bootstrap Core CSS -->
<link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
<!-- Timeline CSS -->
<link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="<?=BOOTSTRAPS?>dist/css/sb-admin-3.css" rel="stylesheet">
<!-- Morris Charts CSS -->
<link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

</head>
<body style="font-family:Microsoft JhengHei;">
<div id="wrapper">
<div id="page-wrapper"><?php /* 主要資料顯示區 */ ?>
<div class="row">
<div class="col-lg-12">
<!--h1 class="page-header">歐特儀自動化服務機</h1--><?php /* 右側小表頭 */ ?>
&nbsp;
</div>
</div>
<!-- /.row -->
<?php /* ----- 查詢結果 ----- */ ?>
<div data-items="not_found" class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading" style="font-size:32px;"><?php /* 資料顯示區灰色小表頭 */ ?>
查車結果：查無 <span id="not_found_lpr" style="font-size:32px;color:blue;"></span> 在席資料
</div>
</div>
</div>
</div>

<?php /* ----- 查詢結果 ----- */ ?>
<div data-items="output_pks" class="row" style="display:none;">
<div class="col-lg-7 col-sm-7">
<div class="panel panel-default">
<div class="panel-heading" style="font-size:28px;"><?php /* 資料顯示區灰色小表頭 */ ?>
查車結果
</div>
<div class="panel-body" style="margin: 0px auto;">
<div data-rows class="row">
<div class="col-lg-12" style="margin: 0px auto;">
<table class="table table-striped table-bordered table-hover"">
<tbody style="font-size:28px;">
<tr>
<td style="text-align:right;vertical-align: middle;">車號</td>
<td id="show_lpr" style="text-align:left;vertical-align: middle;"></td>
</tr>
<tr>
<td style="text-align:right;vertical-align: middle;">所在樓層</td>
<td id="show_floors" style="text-align:left;vertical-align: middle; font-size:28px; color:blue;"></td>
</tr>
<tr>
<td style="text-align:right;vertical-align: middle;">停入時間</td>
<td id="show_update_time" style="text-align:left;vertical-align: middle;"></td>
</tr>
</tbody>
</table>
</div>
<!-- /.col-lg-6 (nested) -->
</div>
<!-- /.row (nested) -->
</div>
<!-- /.panel-body -->
</div>
<!-- /.panel -->
</div>
<div class="col-lg-5 col-sm-5">
<div class="panel panel-default">
<div class="panel-heading" style="font-size:28px;">
在席照片
</div>
</div>
<div class="panel-body" style="margin: 0px auto;">
<div class="col-lg-12" style="margin: 0px auto;">
<table class="table table-striped table-bordered table-hover"">
<tbody>
<tr>
<td style="text-align:center;vertical-align: middle;">
<img id="show_img" style="max-height:150px" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- /.col-lg-12 -->

</div>

<div data-items="B1" class="row" style="display:none;">
<div class="col-lg-12 col-sm-12">
<table class="table table-striped table-bordered table-hover"">
<tbody>
<tr>
<td style="text-align:center;vertical-align: middle;">
<canvas id="b1canvas"></canvas>
</td>
</tr>
</tbody>
</table>
</div>
</div>


<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="<?=BOOTSTRAPS?>bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.js"></script>
<!-- Morris Charts JavaScript -->
<script src="<?=BOOTSTRAPS?>bower_components/raphael/raphael-min.js"></script>
<!--script src="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.min.js"></script-->
<!--script src="<?=BOOTSTRAPS?>js/morris-data.js"></script-->

<!-- virtual keyboard -->
<link href="<?=WEB_LIB?>virtual-keyboard/css/jquery-ui.min.css" rel="stylesheet">
<link href="<?=WEB_LIB?>virtual-keyboard/css/keyboard.css" rel="stylesheet">
<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery-ui.min.js"></script>
<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.js"></script>
<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.extension-caret.js"></script>

<!-- alertify -->
<link href="<?=WEB_LIB?>css/alertify.core.css" rel="stylesheet">
<link href="<?=WEB_LIB?>css/alertify.bootstrap.css" rel="stylesheet">
<script src="<?=WEB_LIB?>js/alertify.min.js"></script>
<!-- moment -->
<script src="<?=WEB_LIB?>js/moment.min.js"></script>
<!-- altob ats map -->
<script src="<?=WEB_LIB?>js/altob-ats-map.js"></script>
<!-- altob settings -->
<script src="<?=WEB_LIB?>js/altob.settings.js"></script>

<!-- Custom Theme JavaScript -->
<script src="<?=BOOTSTRAPS?>dist/js/sb-admin-2.js"></script>
<div id="works" style="display:none;"></div><?php /* 作為浮動顯示區之用 */ ?>
</body>
</html>

<script>

<?php /* alertify function */ ?>
function alertify_count_down($msg, $delay)
{
alertify.set({delay : $delay});
alertify.log($msg);
}
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 alertify_msg($msg)
{
alertify.set({ labels: {
ok : "確定"
} });
alertify.alert($msg, function (e){
// do nothing
});
}

function reset_query()
{
$("#fuzzy_input").val("");
$("#carin_query_list").hide();
return false;
}

// 取得搜尋結果
var PKS_RESULT = {};
PKS_RESULT.lpr = '<?= $lpr; ?>';
PKS_RESULT.pksno = '<?= $pksno; ?>';
PKS_RESULT.pic_name = '<?= $pic_name; ?>';
PKS_RESULT.update_time = '<?= $update_time; ?>';
PKS_RESULT.in_time = '<?= $in_time; ?>';
PKS_RESULT.posx = '<?= $posx; ?>';
PKS_RESULT.posy = '<?= $posy; ?>';
PKS_RESULT.group_id = '<?= $group_id; ?>';
PKS_RESULT.group_name = '<?= $group_name; ?>';
PKS_RESULT.floors = '<?= $floors; ?>';

if(PKS_RESULT.pksno == '')
{
$("#not_found_lpr").text(PKS_RESULT.lpr);
show_item("not_found");
}
else
{
$("#show_lpr").text(PKS_RESULT.lpr);
$("#show_floors").html(PKS_RESULT.group_name+" ( 車格: " + PKS_RESULT.pksno.substr(-3, 3) +" )");
$("#show_update_time").text(PKS_RESULT.in_time);
$("#show_img").attr("src", "<?=SERVER_URL?>pkspic/" + PKS_RESULT.pic_name);

// 顯示查車結果
show_item("output_pks");
// show map
$("[data-items="+PKS_RESULT.floors+"]").show();
}

var refreshIntervalId = 0; // timer id

<?php /* 顯示指定項目 */ ?>
function show_item(tags)
{
// 查車
reset_query();

// 付款
$("#payment_lpr").val("");<?php /* 清除車號欄位 */ ?>
$("#show_member_name").val("");
$("#show_payment_lpr").val("");
$("#show_end_date").val("");
$("#show_next_start").val("");
$("#show_next_end").val("");
$("#show_amt").val("");
$("#invoice_receiver").val("");
$("#company_no").val("");
$("#email").val("");
$("#mobile").val("");
$("#show_order_no").val("");
$("#show_amt_detail").val("");
$("#show_balance_time_limit_countdown").val("");

if(tags.indexOf('payment_data') < 0 && tags.indexOf('price_data') < 0){
clearInterval(refreshIntervalId); // 消除倒數計時timer
}

$("[data-items]").hide();
$("[data-items="+tags+"]").show();
return false;
}

<?php /* 顯示指定項目, 不修改資料 */ ?>
function show_item_without_change(tags)
{
$("[data-items]").hide();
$("[data-items="+tags+"]").show();
return false;
}

// 查車牌
function check_lpr(idx)
{
$.ajax
({
url: "<?=APP_URL?>q_pks",
dataType:"json",
type:"post",
data:{ "lpr" : $("#lpr_"+idx).text() },
success:function(jdata)
{
if(!jdata)
{
//alertify_msg("您的愛車可能在頂樓！ 謝謝");
alertify_msg("找不到。。謝謝");
return false;
}
else if (jdata["pksno"] == "0")
{
alertify_msg("查無資料，請鍵入正確資料");
return false;
}

$("#show_lpr").text($("#lpr_"+idx).text());
//$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"].charAt(0) + "-" + jdata["pksno"].substr(2) +" )");
//$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"] +" )");
$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"].substr(-3, 3) +" )");
$("#show_update_time").text(jdata["in_time"]);
$("#show_img").attr("src", "<?=SERVER_URL?>pkspic/"+jdata["pic_name"]);
show_item("output_pks");

// 顯示位置圖
if (jdata["group_id"]){
//var groupSplit = jdata["group_id"].split('-'); // ex. B3-3
//var floor = groupSplit[0];
var floor = jdata["floors"];
var x = jdata["posx"];
var y = jdata["posy"];

// 畫出指定位置
AltobObject.AtsMap.drawPosition(floor, x, y);

// show map
$("[data-items="+floor+"]").show();
}
}
});

return false;
}

$(document).ready(function()
{
<?php /* 鎖右鍵 */ ?>
$(document).bind('contextmenu', function (e) {
e.preventDefault();
});

<?php /* 車牌模糊搜尋 */ ?>
$("#fuzzy_search_lpr").submit(function(event)
{
event.preventDefault();
// 清除搜尋提示訊息
$("#fuzzy_search_lpr_msg").text('');

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

$.ajax
({
url: "<?=APP_URL?>q_fuzzy_pks",
type: "post",
dataType:"json",
data: $(this).serialize(),
success: function(jdata)
{
if (!jdata)
{
//alert("查無此車 !");
$("#fuzzy_search_lpr_msg").text('查無此車');
return false;
}
// 清除搜尋提示訊息
$("#fuzzy_search_lpr_msg").text('');

var tmp_str_array = [];

for(idx in jdata.result)
{
tmp_str_array = tmp_str_array.concat(
[
"<tr><td id='lpr_", idx, "' style='text-align:center;vertical-align:middle;'>", jdata.result[idx]['lpr'] ,
"</td><td id='in_time_", idx, "'style='text-align:center;vertical-align:middle;'>", jdata.result[idx]['in_time'],
"</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'], "' />",
"</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>" ,
"</td></tr>"
]);
}

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

$("#carin_query_list").show();
}
});
});
// Custom: altob-input
// ********************
$('#fuzzy_input').keyboard({

css : {
// input & preview styles
input : 'ui-widget-content ui-corner-all',
// keyboard container - this wraps the preview area (if `usePreview` is true) and all keys
container : 'ui-widget-content ui-widget ui-corner-all ui-helper-clearfix',
// default keyboard button state, these are applied to all keys, the remaining css options are toggled as needed
buttonDefault : 'ui-state-default ui-corner-all',
// hovered button
buttonHover : 'ui-state-hover',
// Action keys (e.g. Accept, Cancel, Tab, etc); this replaces the "actionClass" option
buttonAction : 'ui-state-active',
// used when disabling the decimal button {dec} when a decimal exists in the input area
buttonDisabled : 'ui-state-disabled'
},

display: {
'bksp' : '\u2190',
'default' : 'ABC',
'accept' : '確 認'
},

layout: 'custom',

customLayout: {

'default': [
'1 2 3 4 5 6 7 8 9 0 {bksp}',
'Q W E R T Y U I O P',
'A S D F G H J K L',
'Z X C V B N M {accept}'
]

}

});
<?php /* 樓層平面圖 */ ?>
AltobObject.AtsMap({
mapInfo: {
map1: {
floorName: 'B1',
canvasId: 'b1canvas',
src: '<?=SERVER_URL?>i3/pics/b1_map.png',
initialImageRatio: AltobObject.settings.qcar2.result_page.B1.initialImageRatio,
shiftLeft: AltobObject.settings.qcar2.result_page.B1.shiftLeft,
shiftUp: AltobObject.settings.qcar2.result_page.B1.shiftUp
}
}
});
// 畫出指定位置
AltobObject.AtsMap.drawPosition(PKS_RESULT.floors, PKS_RESULT.posx, PKS_RESULT.posy);

});
</script>

+ 475
- 0
views/qcar3/result_page2.php 查看文件

@@ -0,0 +1,475 @@
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>歐特儀自動化服務機</title>
<!-- Bootstrap Core CSS -->
<link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
<!-- Timeline CSS -->
<link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="<?=BOOTSTRAPS?>dist/css/sb-admin-3.css" rel="stylesheet">
<!-- Morris Charts CSS -->
<link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

</head>
<body style="font-family:Microsoft JhengHei;">
<div id="wrapper">
<div id="page-wrapper"><?php /* 主要資料顯示區 */ ?>
<div class="row">
<div class="col-lg-12">
<!--h1 class="page-header">歐特儀自動化服務機</h1--><?php /* 右側小表頭 */ ?>
&nbsp;
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
<?php /* ----- 查詢結果 ----- */ ?>
<div data-items="not_found" class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading" style="font-size:64px;"><?php /* 資料顯示區灰色小表頭 */ ?>
查車結果：查無 <span id="not_found_lpr" style="font-size:64px;color:blue;"></span> 在席資料
</div>
</div>
</div>
</div>

<?php /* ----- 查詢結果 ----- */ ?>
<!-- div data-items="rent_sync" class="row" style="display:none;"-->
<div data-items="output_pks" class="row" style="display:none; height:100%">
<div class="col-lg-3 col-sm-3">
<div class="panel panel-default">
<div class="panel-heading" style="font-size:28px;"><?php /* 資料顯示區灰色小表頭 */ ?>
查車結果
</div>
<div class="panel-body" style="margin: 0px auto;">
<div data-rows class="row">
<div class="col-lg-12" style="margin: 0px auto;">
<table class="table table-striped table-bordered table-hover"">
<tbody style="font-size:28px;">
<tr>
<td style="text-align:right;vertical-align: middle;">車號</td>
<td id="show_lpr" style="text-align:left;vertical-align: middle;"></td>
</tr>
<tr>
<td style="text-align:right;vertical-align: middle;">所在樓層</td>
<td id="show_floors" style="text-align:left;vertical-align: middle; font-size:28px; color:blue;"></td>
</tr>
<tr>
<td style="text-align:right;vertical-align: middle;">停入時間</td>
<td id="show_update_time" style="text-align:left;vertical-align: middle;"></td>
</tr>
<!--tr>
<td colspan="2" style="text-align:center;vertical-align: middle;">
<button type="button" class="btn btn-large btn-success pull-right" style="font-size:28px;" onclick="show_item('input_lpr');">結束查詢</button>
</td>
</tr-->
<tr>
<td style="text-align:right;vertical-align: middle;">在席照片</td>
<td style="text-align:left;vertical-align: middle;">
<table class="table table-striped table-bordered table-hover"">
<tbody>
<tr>
<td style="text-align:center;vertical-align: middle;">
<img id="show_img" style="max-width:150px" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!-- /.col-lg-6 (nested) -->
</div>
<!-- /.row (nested) -->
</div>
<!-- /.panel-body -->
</div>
<!-- /.panel -->
</div>
<!--div class="col-lg-9 col-sm-9">
<table class="table table-striped table-hover">
<thead><tr><th style="text-align:center;">停車位置 : B1 樓層</th></tr></thead>
<tbody>
<canvas id="b1canvas"></canvas>
</tbody>
</table>
</div-->
<div class="col-lg-9 col-sm-9">
<div class="panel panel-default" style="min-height: 1200px">
<div class="panel-heading" style="font-size:28px;"><span>停車位置 : B1 樓層</span></div>
<div class="panel-body"><canvas id="b1canvas"></canvas></div>
</div>
</div>
<!--div class="col-lg-9 col-sm-9" style="height=1000px">
<div class="panel panel-default">
<div class="panel-heading"><span>停車位置 : B1 樓層</span></div>
<div class="panel-body"><canvas id="b1canvas"></canvas></div>
</div>
</div-->
<!--div class="col-lg-3 col-sm-6">
<div class="panel panel-default">
<div class="panel-heading" style="font-size:28px;">
在席照片
</div>
</div>
<div class="panel-body" style="margin: 0px auto;">
<div class="col-lg-12" style="margin: 0px auto;">
<table class="table table-striped table-bordered table-hover"">
<tbody>
<tr>
<td style="text-align:center;vertical-align: middle;">
<img id="show_img" style="max-height:200px" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div-->
<!-- /.col-lg-12 -->

</div>




<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="<?=BOOTSTRAPS?>bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.js"></script>
<!-- Morris Charts JavaScript -->
<script src="<?=BOOTSTRAPS?>bower_components/raphael/raphael-min.js"></script>
<!--script src="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.min.js"></script-->
<!--script src="<?=BOOTSTRAPS?>js/morris-data.js"></script-->

<!-- virtual keyboard -->
<link href="<?=WEB_LIB?>virtual-keyboard/css/jquery-ui.min.css" rel="stylesheet">
<link href="<?=WEB_LIB?>virtual-keyboard/css/keyboard.css" rel="stylesheet">
<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery-ui.min.js"></script>
<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.js"></script>
<script src="<?=WEB_LIB?>virtual-keyboard/js/jquery.keyboard.extension-caret.js"></script>

<!-- alertify -->
<link href="<?=WEB_LIB?>css/alertify.core.css" rel="stylesheet">
<link href="<?=WEB_LIB?>css/alertify.bootstrap.css" rel="stylesheet">
<script src="<?=WEB_LIB?>js/alertify.min.js"></script>
<!-- moment -->
<script src="<?=WEB_LIB?>js/moment.min.js"></script>
<!-- jQuery validate -->
<script src="<?=WEB_LIB?>form-validator/jquery.form-validator.min.js"></script>
<!-- altob ats map -->
<script src="<?=WEB_LIB?>js/altob-ats-map.js"></script>
<!-- altob settings -->
<script src="<?=WEB_LIB?>js/altob.settings.js"></script>

<!-- Custom Theme JavaScript -->
<script src="<?=BOOTSTRAPS?>dist/js/sb-admin-2.js"></script>
<div id="works" style="display:none;"></div><?php /* 作為浮動顯示區之用 */ ?>
</body>
</html>

<script>

<?php /* alertify function */ ?>
function alertify_count_down($msg, $delay)
{
alertify.set({delay : $delay});
alertify.log($msg);
}
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 alertify_msg($msg)
{
alertify.set({ labels: {
ok : "確定"
} });
alertify.alert($msg, function (e){
// do nothing
});
}

function reset_query()
{
$("#fuzzy_input").val("");
$("#carin_query_list").hide();
return false;
}

// 取得搜尋結果
var PKS_RESULT = {};
PKS_RESULT.lpr = '<?= $lpr; ?>';
PKS_RESULT.pksno = '<?= $pksno; ?>';
PKS_RESULT.pic_name = '<?= $pic_name; ?>';
PKS_RESULT.update_time = '<?= $update_time; ?>';
PKS_RESULT.in_time = '<?= $in_time; ?>';
PKS_RESULT.posx = '<?= $posx; ?>';
PKS_RESULT.posy = '<?= $posy; ?>';
PKS_RESULT.group_id = '<?= $group_id; ?>';
PKS_RESULT.group_name = '<?= $group_name; ?>';
PKS_RESULT.floors = '<?= $floors; ?>';

if(PKS_RESULT.pksno == '')
{
$("#not_found_lpr").text(PKS_RESULT.lpr);
show_item("not_found");
}
else
{
$("#show_lpr").text(PKS_RESULT.lpr);
$("#show_floors").html(PKS_RESULT.group_name+"<br/> ( 車格: " + PKS_RESULT.pksno.substr(-3, 3) +" )");
$("#show_update_time").text(PKS_RESULT.in_time);
$("#show_img").attr("src", "<?=SERVER_URL?>pkspic/" + PKS_RESULT.pic_name);

// 顯示查車結果
show_item("output_pks");
}

var refreshIntervalId = 0; // timer id

<?php /* 顯示指定項目 */ ?>
function show_item(tags)
{
// 查車
reset_query();

// 付款
$("#payment_lpr").val("");<?php /* 清除車號欄位 */ ?>
$("#show_member_name").val("");
$("#show_payment_lpr").val("");
$("#show_end_date").val("");
$("#show_next_start").val("");
$("#show_next_end").val("");
$("#show_amt").val("");
$("#invoice_receiver").val("");
$("#company_no").val("");
$("#email").val("");
$("#mobile").val("");
$("#show_order_no").val("");
$("#show_amt_detail").val("");
$("#show_balance_time_limit_countdown").val("");

if(tags.indexOf('payment_data') < 0 && tags.indexOf('price_data') < 0){
clearInterval(refreshIntervalId); // 消除倒數計時timer
}

$("[data-items]").hide();
$("[data-items="+tags+"]").show();
return false;
}

<?php /* 顯示指定項目, 不修改資料 */ ?>
function show_item_without_change(tags)
{
$("[data-items]").hide();
$("[data-items="+tags+"]").show();
return false;
}

// 查車牌
function check_lpr(idx)
{
$.ajax
({
url: "<?=APP_URL?>q_pks",
dataType:"json",
type:"post",
data:{ "lpr" : $("#lpr_"+idx).text() },
success:function(jdata)
{
if(!jdata)
{
//alertify_msg("您的愛車可能在頂樓！ 謝謝");
alertify_msg("找不到。。謝謝");
return false;
}
else if (jdata["pksno"] == "0")
{
alertify_msg("查無資料，請鍵入正確資料");
return false;
}

$("#show_lpr").text($("#lpr_"+idx).text());
//$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"].charAt(0) + "-" + jdata["pksno"].substr(2) +" )");
//$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"] +" )");
$("#show_floors").html(jdata["group_name"]+"<br/> ( 車格: " + jdata["pksno"].substr(-3, 3) +" )");
$("#show_update_time").text(jdata["in_time"]);
$("#show_img").attr("src", "<?=SERVER_URL?>pkspic/"+jdata["pic_name"]);
show_item("output_pks");

// 顯示位置圖
if (jdata["group_id"]){
//var groupSplit = jdata["group_id"].split('-'); // ex. B3-3
//var floor = groupSplit[0];
var floor = jdata["floors"];
var x = jdata["posx"];
var y = jdata["posy"];

// 畫出指定位置
AltobObject.AtsMap.drawPosition(floor, x, y);

// show map
$("[data-items="+floor+"]").show();
}
}
});

return false;
}

$(document).ready(function()
{
<?php /* 鎖右鍵 */ ?>
$(document).bind('contextmenu', function (e) {
e.preventDefault();
});

<?php /* 車牌模糊搜尋 */ ?>
$("#fuzzy_search_lpr").submit(function(event)
{
event.preventDefault();
// 清除搜尋提示訊息
$("#fuzzy_search_lpr_msg").text('');

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

$.ajax
({
url: "<?=APP_URL?>q_fuzzy_pks",
type: "post",
dataType:"json",
data: $(this).serialize(),
success: function(jdata)
{
if (!jdata)
{
//alert("查無此車 !");
$("#fuzzy_search_lpr_msg").text('查無此車');
return false;
}
// 清除搜尋提示訊息
$("#fuzzy_search_lpr_msg").text('');

var tmp_str_array = [];

for(idx in jdata.result)
{
tmp_str_array = tmp_str_array.concat(
[
"<tr><td id='lpr_", idx, "' style='text-align:center;vertical-align:middle;'>", jdata.result[idx]['lpr'] ,
"</td><td id='in_time_", idx, "'style='text-align:center;vertical-align:middle;'>", jdata.result[idx]['in_time'],
"</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'], "' />",
"</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>" ,
"</td></tr>"
]);
}

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

$("#carin_query_list").show();
}
});
});
// Custom: altob-input
// ********************
$('#fuzzy_input').keyboard({

css : {
// input & preview styles
input : 'ui-widget-content ui-corner-all',
// keyboard container - this wraps the preview area (if `usePreview` is true) and all keys
container : 'ui-widget-content ui-widget ui-corner-all ui-helper-clearfix',
// default keyboard button state, these are applied to all keys, the remaining css options are toggled as needed
buttonDefault : 'ui-state-default ui-corner-all',
// hovered button
buttonHover : 'ui-state-hover',
// Action keys (e.g. Accept, Cancel, Tab, etc); this replaces the "actionClass" option
buttonAction : 'ui-state-active',
// used when disabling the decimal button {dec} when a decimal exists in the input area
buttonDisabled : 'ui-state-disabled'
},

display: {
'bksp' : '\u2190',
'default' : 'ABC',
'accept' : '確 認'
},

layout: 'custom',

customLayout: {

'default': [
'1 2 3 4 5 6 7 8 9 0 {bksp}',
'Q W E R T Y U I O P',
'A S D F G H J K L',
'Z X C V B N M {accept}'
]

}

});
<?php /* 樓層平面圖 */ ?>
AltobObject.AtsMap({
mapInfo: {
map1: {
floorName: 'B1',
canvasId: 'b1canvas',
src: '<?=SERVER_URL?>i3/pics/b1_map.png',
initialImageRatio: AltobObject.settings.qcar2.result_page2.B1.initialImageRatio,
shiftLeft: AltobObject.settings.qcar2.result_page2.B1.shiftLeft,
shiftUp: AltobObject.settings.qcar2.result_page2.B1.shiftUp
}
}
});
// 畫出指定位置
AltobObject.AtsMap.drawPosition(PKS_RESULT.floors, PKS_RESULT.posx, PKS_RESULT.posy);

});
</script>

Write Preview
Loading…
取消
儲存