LeeWeiCheng
/
altob.st123
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
VM暫存
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
191 提交
5 分支
790KB
目录树: b90ee9fef6
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 'b90ee9fef6'
${ noResults }
altob.st123/views/carpark/main_page.php

2294 行
109KB
原始文件 Blame 文件历史 

  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-2.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.     <style>                                            

  23.     	.cario_list{text-align:center;vertical-align:middle;}

  24.     </style>

  25.     

  26. </head>

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

  28.     <div id="wrapper">

  29.         <!-- Navigation -->

  30.         <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

  31.             <div class="navbar-header">

  32.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

  33.                     <span class="sr-only">Toggle navigation</span>

  34.                     <span class="icon-bar"></span>

  35.                     <span class="icon-bar"></span>

  36.                     <span class="icon-bar"></span>

  37.                 </button>

  38.                 <a class="navbar-brand" href="">歐特儀管理系統</a>

  39.             </div>

  40.             <!-- /.navbar-top-links(左側選單) -->

  41.             <div class="navbar-default sidebar" role="navigation">

  42.                 <div class="sidebar-nav navbar-collapse">

  43.                     <ul class="nav" id="side-menu">

  44.                         <!--li>

  45.                             <a href="#"><i class="fa fa-edit fa-fw"></i>帳務管理<span class="fa arrow"></span></a>

  46.                             <ul class="nav nav-second-level">

  47.                                 <li>

  48.                                     <a href="#" onclick="show_item('rent_sync_all', 'rent_sync_all');">全部更新</a>

  49.                                 </li>

  50.                                 <li>

  51.                                     <a href="#" onclick="show_item('rent_sync', 'rent_sync');">單站更新</a>

  52.                                 </li>

  53.                                 <li>

  54.                                     <a href="#" onclick="show_item('rent_report', 'rent_report');">月租日報表</a>

  55.                                 </li>

  56. 								<li>

  57.                                     <a href="#" onclick="show_item('tx_bill_query', 'tx_bill_query');">行動支付記錄</a>

  58.                                 </li>

  59. 								<li>

  60.                                     <a href="#" onclick="show_item('tx_bill_ats_query', 'tx_bill_ats_query');">月租繳款機記錄</a>

  61.                                 </li>

  62.                             </ul>

  63.                         </li-->   

  64.                         <li>

  65.                             <a href="#"><i class="fa fa-user fa-fw"></i>現場管理<span class="fa arrow"></span></a>

  66.                             <ul class="nav nav-second-level">     

  67.                                 <li>

  68.                                     <a href="#" onclick="show_item('carin_query', 'carin_query');">出入場記錄</a>

  69.                                 </li>      

  70.                                 <li>

  71.                                     <a href="#" onclick="show_item('cario_list', 'cario_list');">進出場現況表</a>

  72.                                 </li>

  73. 								<li>

  74.                                     <a href="#" onclick="show_item('member_query', 'member_query');">會員現況</a>

  75.                                 </li>     								

  76.                                 <!--li>

  77.                                     <a href="#" onclick="show_item('reversible_lane', 'reversible_lane');">調撥車道</a>

  78.                                 </li>

  79.                                 <li>

  80.                                     <a href="#" onclick="show_item('member_add', 'member_add');">會員加入</a>

  81.                                 </li>

  82.                                 <li>

  83.                                     <a href="#" onclick="show_item('opendoors', 'opendoors');">出入口開門</a>

  84.                                 </li-->  

  85.                             </ul>

  86.                             <!-- /.nav-second-level -->

  87.                         </li>      

  88. 

  89. 						<li>

  90.                             <a href="#"><i class="fa fa-user fa-fw"></i>在席管理<span class="fa arrow"></span></a>

  91.                             <ul class="nav nav-second-level">     

  92.                                 <li>

  93.                                     <a href="#" onclick="show_item('pks_group_query', 'pks_group_query');">剩餘車位數</a>

  94.                                 </li>

  95.                             </ul>

  96.                         </li>			

  97. 						<li>

  98.                             <a href="#"><i class="fa fa-user fa-fw"></i>場站設定<span class="fa arrow"></span></a>

  99.                             <ul class="nav nav-second-level">     

  100.                                 <li>

  101.                                     <a href="#" onclick="show_item('station_setting', 'station_setting');">設定檔</a>

  102.                                 </li>

  103.                             </ul>

  104.                         </li>							

  105.                           

  106.                         <!--li>

  107.                             <a href="#"><i class="fa fa-user fa-fw"></i>查核<span class="fa arrow"></span></a>

  108.                             <ul class="nav nav-second-level">     

  109.                                 <li>

  110.                                     <a href="#" onclick="show_item('pks_check', 'pks_check');">在席查核</a>

  111.                                 </li>        

  112.                                 <li>

  113.                                     <a href="#" onclick="reset_pks_check();">重設在席查核</a>

  114.                                 </li> 

  115.                                 <li>

  116.                                     <a href="#" onclick="show_item('carin_check', 'carin_check');;">入場查核</a>

  117.                                 </li>   

  118.                             </ul>

  119.                         </li-->

  120. 			<li>

  121.                             <a href="#"><i class="fa fa-user fa-fw"></i>報表<span class="fa arrow"></span></a>

  122.                             <ul class="nav nav-second-level">     

  123.                                 <li>

  124. 									<a href="<?=SERVER_URL?>reports.html/Vghtc_report_month?month=<?php echo date('m',mktime(0,0,0,(date('m')-1),1,date('Y')));?>" target="_blank"><i class="fa fa-user fa-fw"></i>車流量表(日)</a>

  125.                                 </li>

  126.                                 <li>

  127. 									<a href="<?=SERVER_URL?>reports.html/Vghtc_report_daily?month=<?php echo date('m',mktime(0,0,0,(date('m')-1),1,date('Y')));?>" target="_blank"><i class="fa fa-user fa-fw"></i>車流量表(時)</a>

  128.                                 </li>

  129.                                 <!--li>

  130. 									<a href="<?=SERVER_URL?>reports.html/Cario_seat_report_day" target="_blank"><i class="fa fa-user fa-fw"></i>停車時間分析表</a>

  131.                                 </li-->

  132.                             </ul>

  133.                         </li>							

  134. 						

  135. 						<li>

  136. 							<a href="#" onclick="logout(event)">登出</a>

  137. 						</li>

  138. 						

  139.                     </ul>

  140.                 </div>

  141.                 <!-- /.sidebar-collapse -->

  142.             </div>

  143.             <!-- /.navbar-static-side -->

  144.         </nav>

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

  146.             <div class="row">

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

  148.                     <h1 class="page-header">管理作業</h1><?php /* 右側小表頭 */ ?>

  149.                 </div>

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

  151.             </div>

  152.             <!-- /.row -->    

  153.             <?php /* ----- 更新所有場站 ----- */ ?>

  154.             <div data-items="rent_sync_all" class="row">

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

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

  157.                         <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  158.                             所有場站更新

  159.                         </div>

  160.                         <div class="panel-body">

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

  162.                                 <div class="col-lg-6">

  163.                                     <form role="form" method="post" id="rent_sync_all" action="<?=APP_URL?>rent_sync"> 

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

  165.                                             <label>開始日期</label>

  166.                                             <input type="date" name="start_date" class="form-control" />

  167.                                         </div>   

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

  169.                                             <label>結束日期</label>

  170.                                             <input type="date" name="end_date" class="form-control" />

  171.                                         </div>                       

  172.                                         <input type="hidden" name="station_no" value="0" />

  173.                                         <button type="submit" class="btn btn-default">全部更新</button>

  174.                                         <button type="reset" class="btn btn-default">重填</button>

  175.                                     </form>

  176.                                 </div>

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

  178.                             </div>

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

  180.                             <div data-rows class="row"><?php /* ----- 全部更新後的訊息 ----- */ ?>

  181.                                 <div id="msg_rent_sync_all" class="col-lg-6"></div>

  182.                             </div><?php /* ----- end 全部更新後的訊息 ----- */ ?>

  183.                         </div>

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

  185.                     </div>

  186.                     <!-- /.panel -->

  187.                 </div>

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

  189.             </div>

  190.             <?php /* ----- 更新所有場站(結束) ----- */ ?>          

  191.             <?php /* ----- 單一場站月租異動同步 ----- */ ?>          

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

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

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

  195.                         <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  196.                             單站更新

  197.                         </div>

  198.                         <div class="panel-body">

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

  200.                                 <div class="col-lg-6">

  201.                                     <form role="form"  method="post" form_type="rent_sync" action="<?=APP_URL?>rent_sync">    

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

  203.                                             <label>場站</label>

  204.                                             <select name="station_no" class="form-control">

  205.                                                 <option value="12109">文中國小</option>

  206.                                                 <option>金城</option>

  207.                                                 <option>板橋國中</option>

  208.                                                 <option>二重疏洪道</option>

  209.                                                 <option>中正紀念堂兩廳院</option>

  210.                                             </select>

  211.                                         </div>

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

  213.                                             <label>開始日期</label>

  214.                                             <input type="date" name="start_date" class="form-control">

  215.                                         </div>   

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

  217.                                             <label>結束日期</label>

  218.                                             <input type="date" name="end_date" class="form-control">

  219.                                         </div> 

  220.                                         <button type="submit" class="btn btn-default">單站更新</button>

  221.                                         <button type="reset" class="btn btn-default">重填</button>

  222.                                     </form>

  223.                                 </div>

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

  225.                             </div>

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

  227.                         </div>

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

  229.                     </div>

  230.                     <!-- /.panel -->

  231.                 </div>

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

  233.             </div>

  234.             <?php /* ----- 單一場站月租異動同步(結束) ----- */ ?>   

  235.                       

  236.             <?php /* ----- 剩餘車位清單 ----- */ ?> 

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

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

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

  240.                         <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  241.                             剩餘車位清單

  242.                         </div>

  243.                         <div class="panel-body">

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

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

  246.                             	<div class="dataTable_wrapper">

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

  248.                                     <thead>

  249.                                         <tr>

  250.                                             <th style="text-align:center;">編號</th>

  251.                                             <th style="text-align:left;">場站名稱</th>

  252.                                             <th style="text-align:right;">總數</th>

  253.                                             <th style="text-align:right;">空位數</th>

  254.                                             <th style="text-align:right;">入場數</th>

  255.                                             <th style="text-align:right;">使用率</th>

  256.                                         </tr>    

  257.                                         <tr id="available_curr_wk" style="display:none;"><?php /* 提供即時剩餘車位清單 */ ?>

  258.                                             <td data-tag="station_no" style="text-align:center;vertical-align: middle;"></td>

  259.                                             <td data-tag="name" style="text-align:left;vertical-align: middle;"></td>

  260.                                             <td data-tag="tot_pkg" style="text-align:right;vertical-align: middle;"></td>

  261.                                             <td data-tag="ava_pkg" style="text-align:right;vertical-align: middle;"></td>

  262.                                             <td data-tag="used_pkg" style="text-align:right;vertical-align: middle;"></td>

  263.                                             <td data-tag="ratio_pkg" style="text-align:right;vertical-align: middle;"></td>

  264.                                         </tr>                                     

  265.                                     </thead>

  266.                                     <tbody id="available_curr_tbody" style="font-size:14px;"></tbody>

  267.                                 </table>

  268.                                 </div>

  269.                                 </div>

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

  271.                             </div>

  272.                             <?php /* ----- 報表清單(結束) ----- */ ?> 

  273.                         </div>

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

  275.                     </div>

  276.                     <!-- /.panel -->

  277.                 </div>

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

  279.             </div>   

  280.             <?php /* ----- 剩餘車位清單(結束) ----- */ ?> 

  281.             

  282.             <?php /* ----- 剩餘車位設定 ----- */ ?> 

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

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

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

  286.                         <div class="panel-heading"><?php /* 資料顯示區灰色小表頭 */ ?>

  287.                             剩餘車位設定

  288.                         </div>

  289.                         <div class="panel-body">

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

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

  292.                             	<div class="dataTable_wrapper">

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

  294.                                     <thead>

  295.                                         <tr>

  296.                                             <th style="text-align:center;">編號</th>

  297.                                             <th style="text-align:left;">場站名稱</th>

  298.                                             <th style="text-align:left;">總數</th>

  299.                                             <th style="text-align:left;">空位數</th>

  300.                                             <th style="text-align:right;">入場數</th>

  301.                                             <th style="text-align:right;">使用率</th>

  302.                                             <th style="text-align:center;">設定</th>

  303.                                         </tr>   

  304.                                         <tr id="available_list" style="display:none;"><?php /* 提供設定剩餘車位設定 */ ?>

  305.                                             <td data-tag="station_no" style="text-align:center;vertical-align: middle;"></td>

  306.                                             <td data-tag="name" style="text-align:left;vertical-align: middle;"></td>

  307.                                             <td data-tag="tot_pkg" style="text-align:left;vertical-align: middle;"></td>

  308.                                             <td data-tag="ava_pkg" style="text-align:left;vertical-align: middle;"></td>

  309.                                             <td data-tag="used_pkg" style="text-align:right;vertical-align: middle;"></td>

  310.                                             <td data-tag="ratio_pkg" style="text-align:right;vertical-align: middle;"></td>

  311.                                             <td data-tag="edits" style="text-align:center;vertical-align: middle;"></td>

  312.                                         </tr>

  313.                                     </thead>

  314.                                     <tbody id="available_tbody" style="font-size:14px;"></tbody>

  315.                                 </table>

  316.                                 </div>

  317.                                 </div>

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

  319.                             </div>

  320.                             <?php /* ----- 報表清單(結束) ----- */ ?> 

  321.                         </div>

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

  323.                     </div>

  324.                     <!-- /.panel -->

  325.                 </div>

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

  327.             </div>   

  328.             <?php /* ----- 剩餘車位設定(結束) ----- */ ?>   

  329.             <div data-items="member_add" class="row" style="display:none;"><?php /* 會員加入填寫資料 */ ?>

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

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

  332.                         <div id="member_data_type" class="panel-heading">新增會員資料</div><?php /* 資料顯示區灰色小表頭 */ ?>

  333.                         <div class="panel-body">

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

  335.                                 <div class="col-lg-6">

  336.                                     <form id="member_add" role="form" method="post" action="<?=APP_URL?>member_add">  

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

  338.                                             <label>*場站</label>

  339.                                             <select class="form-control" name="station_no">

  340.                                                 <option value="<?=STATION_NO?>" selected>本站</option>

  341.                                             </select>

  342.                                         </div>

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

  344.                                             <label>*車牌號碼</label>

  345.                                             <input id="ma_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase" />

  346.                                             <input id="ma_old_lpr" name="old_lpr" type="hidden" />

  347.                                         </div> 

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

  349.                                             <label>eTag</label>

  350.                                             <input id="ma_etag" name="etag" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase">

  351.                                         </div> 

  352.                                         <!--div class="form-group">

  353.                                             <label>*租期選項</label><br />

  354.                                             <label class="radio-inline">

  355.                                                 <input type="radio" name="period_pay" id="optionsRadiosInline1" value="1" checked>月繳

  356.                                             </label>

  357.                                             <label class="radio-inline">

  358.                                                 <input type="radio" name="period_pay" id="optionsRadiosInline2" value="2">雙月繳

  359.                                             </label>

  360.                                             <label class="radio-inline">

  361.                                                 <input type="radio" name="period_pay" id="optionsRadiosInline3" value="3">季繳

  362.                                             </label> 

  363.                                             </label>

  364.                                             <label class="radio-inline">

  365.                                                 <input type="radio" name="period_pay" id="optionsRadiosInline3" value="4">半年繳

  366.                                             </label>

  367.                                             </label>

  368.                                             <label class="radio-inline">

  369.                                                 <input type="radio" name="optionsRadiosInline" id="optionsRadiosInline3" value="5">年繳

  370.                                             </label>

  371.                                         </div--> 

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

  373.                                             <label>開始日期</label>

  374. 											<!--input  id="ma_start_date" type="text" name="start_date" class="form-control"

  375. 												data-validation="length" 

  376. 												data-validation-length="1-20"

  377. 												data-validation-error-msg="請輸入開始日期"/-->

  378.                                             <!--input  id="ma_start_date" type="datetime" name="start_date" class="form-control" /-->

  379. 											<input  id="ma_start_date" type="datetime-local" name="start_date" class="form-control" step="1"/>

  380.                                         </div>   

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

  382.                                             <label>結束日期</label>

  383. 											<!--input id="ma_end_date" type="text" name="end_date" class="form-control"

  384. 												data-validation="length" 

  385. 												data-validation-length="1-20"

  386. 												data-validation-error-msg="請輸入結束日期"/-->

  387.                                             <!--input id="ma_end_date" type="datetime" name="end_date" class="form-control" /-->

  388. 											<input id="ma_end_date" type="datetime-local" name="end_date" class="form-control" step="1"/>

  389.                                         </div>

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

  391.                                             <label>*姓名/公司名稱</label>

  392.                                             <input id="ma_member_name" name="member_name" class="form-control">

  393.                                         </div>

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

  395.                                             <label>*手機</label>

  396.                                             <input   id="ma_mobile_no" name='mobile_no' class="form-control">

  397.                                         </div>   

  398.                                         <!-- div class="form-group">

  399.                                             <label>電子郵件</label>

  400.                                             <input name='email' class="form-control">

  401.                                         </div> 

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

  403.                                             <label>車型</label>

  404.                                             <input name="car_model" class="form-control">

  405.                                         </div> 

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

  407.                                             <label>顏色</label>

  408.                                             <input name="color" class="form-control">

  409.                                         </div>  

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

  411.                                             <label>年份</label>

  412.                                             <input name="car_year" class="form-control">

  413.                                         </div -->       

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

  415.                                             <label>合約號碼</label>

  416.                                             <input id="ma_contract_no" name="contract_no" class="form-control">

  417.                                         </div>             

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

  419.                                             <label>租金金額</label>

  420.                                             <input id="ma_amt" name="amt" class="form-control">

  421.                                         </div>

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

  423.                                             <label>身份證號/統一編號</label>

  424.                                             <input id="ma_member_id"  name="member_id" class="form-control">

  425.                                         </div>

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

  427.                                             <label>電話(宅)</label>

  428.                                             <input id="ma_tel_h" name='tel_h' class="form-control">

  429.                                         </div> 

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

  431.                                             <label>電話(公)</label>

  432.                                             <input  id="ma_tel_o" name='tel_o' class="form-control">

  433.                                         </div>           

  434.                                         <!--div class="form-group">

  435.                                             <label>里名</label>

  436.                                             <input name='village' class="form-control">

  437.                                         </div-->

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

  439.                                             <label>地址</label>

  440.                                             <input id="ma_addr" name='addr' class="form-control">

  441.                                         </div>

  442.                                         <button type="submit" class="btn btn-default">存檔</button>

  443.                                         <button type="reset" class="btn btn-default">重填</button>

  444.                                         <input id="ma_member_no" type="hidden" name="member_no" value="0" />

  445.                                     </form>

  446.                                 </div>

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

  448.                             </div>

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

  450.                         </div>

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

  452.                     </div>

  453.                     <!-- /.panel -->

  454.                 </div>

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

  456.             </div>

  457.             <?php /* ----- 會員加入填寫資料(結束) ----- */ ?> 

  458.             

  459.             <?php /* ----- 會員查詢 ----- */?>

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

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

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

  463.                         <div class="panel-heading">

  464.                             會員現況表

  465.                         </div>

  466.                         <!-- /.panel-heading -->

  467.                         <div class="panel-body">

  468.                             <div class="dataTable_wrapper">

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

  470.                                     <thead>

  471.                                         <tr>

  472.                                             <th style="text-align:left;">車牌</th>

  473.                                             <th style="text-align:left;">姓名</th>

  474.                                             <th style="text-align:center;">手機</th>

  475.                                             <th style="text-align:center;">開始日</th>

  476.                                             <th style="text-align:center;">結束日</th>

  477.                                             <th style="text-align:center;">合約號</th>

  478.                                             <!--th style="text-align:center;">eTag</th>

  479.                                             <th style="text-align:center;">租金</th>

  480.                                             <th style="text-align:center;">功能</th-->

  481. 											<th style="text-align:center;">有效期限</th>

  482. 											<th style="text-align:center;">場站編號</th>

  483. 											<th style="text-align:center;">更新時間</th>

  484.                                         </tr>

  485.                                     </thead>

  486.                                     <tbody id="member_list" style="font-size:14px;"></tbody>

  487.                                 </table>

  488.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  489.                         </div><?php /* ----- end of panel-body ----- */?>

  490.                     </div><?php /* ----- end of panel panel-default ----- */?>

  491.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  492.             </div>

  493.             <?php /* ----- 會員查詢(結束) ----- */?>

  494. 			

  495. 			<?php /* ----- 行動支付記錄 ----- */?>

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

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

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

  499.                         <div class="panel-heading">

  500.                             行動支付記錄

  501.                         </div>

  502.                         <!-- /.panel-heading -->

  503.                         <div class="panel-body">

  504.                             <div class="dataTable_wrapper">

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

  506.                                     <thead>

  507.                                         <tr>

  508.                                             <th style="text-align:left;">車牌</th>

  509.                                             <th style="text-align:left;">金額</th>

  510.                                             <th style="text-align:center;">支付訊息</th>

  511.                                             <th style="text-align:center;">支付種類</th>

  512.                                             <th style="text-align:center;">發票號碼</th>

  513.                                             <th style="text-align:center;">入場時間</th>

  514.                                             <th style="text-align:center;">結算時間</th>

  515. 											<th style="text-align:center;">限時離場</th>

  516.                                             <th style="text-align:center;">發票統編</th>

  517.                                             <th style="text-align:center;">發票信箱</th>

  518. 											<th style="text-align:center;">發票簡訊</th>

  519. 											<th style="text-align:center;">交易時間</th>

  520.                                         </tr>

  521.                                     </thead>

  522.                                     <tbody id="tx_bill_list" style="font-size:14px;"></tbody>

  523.                                 </table>

  524.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  525.                         </div><?php /* ----- end of panel-body ----- */?>

  526.                     </div><?php /* ----- end of panel panel-default ----- */?>

  527.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  528.             </div>

  529.             <?php /* ----- 行動支付記錄(結束) ----- */?>

  530. 			

  531. 			<?php /* ----- 月租繳款機記錄 ----- */?>

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

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

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

  535.                         <div class="panel-heading">

  536.                             月租繳款機記錄

  537.                         </div>

  538.                         <!-- /.panel-heading -->

  539.                         <div class="panel-body">

  540.                             <div class="dataTable_wrapper">

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

  542.                                     <thead>

  543.                                         <tr>

  544.                                             <th style="text-align:left;">車牌</th>

  545.                                             <th style="text-align:left;">金額</th>

  546.                                             <th style="text-align:center;">支付訊息</th>

  547.                                             <th style="text-align:center;">支付種類</th>

  548.                                             <th style="text-align:center;">發票號碼</th>

  549.                                             <th style="text-align:center;">到期日</th>

  550.                                             <th style="text-align:center;">續期開始日</th>

  551. 											<th style="text-align:center;">續期到期日</th>

  552. 											<th style="text-align:center;">會員名稱</th>

  553.                                             <th style="text-align:center;">發票統編</th>

  554.                                             <th style="text-align:center;">發票信箱</th>

  555. 											<th style="text-align:center;">發票簡訊</th>

  556. 											<th style="text-align:center;">交易時間</th>

  557.                                         </tr>

  558.                                     </thead>

  559.                                     <tbody id="tx_bill_ats_list" style="font-size:14px;"></tbody>

  560.                                 </table>

  561.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  562.                         </div><?php /* ----- end of panel-body ----- */?>

  563.                     </div><?php /* ----- end of panel panel-default ----- */?>

  564.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  565.             </div>

  566.             <?php /* ----- 月租繳款機記錄(結束) ----- */?>

  567.                                          

  568.             <?php /* ----- 出入場記錄 ----- */?>

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

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

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

  572.                         <div class="panel-heading">出入場記錄</div>

  573.                         <!-- /.panel-heading -->

  574.                         <div class="panel-body">       

  575.                             <div class="dataTable_wrapper">

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

  577.                                 	<tr> 

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

  579.                                         <td style="text-align:left;"><input type="text" id="lpr_query" name="lpr_query" class="form-control" style="text-transform:uppercase" placeholder="請至少輸入四碼" /></td>

  580.                                     	<td style="text-align:left;"><input type="button" name="lpr_query" value="查詢" onclick="carin_lpr_query();" /></td>

  581.                                     </tr>

  582.                                     <!--tr> 

  583.                                     	<td style="text-align:right;">時間</td>   

  584.                                         <td style="text-align:left;">

  585.                                         	<input type="datetime-local" id="carin_time_query" />&nbsp;&nbsp;前後範圍

  586.                                         	<select name="minutes_range" id="minutes_range">

  587. 												<option value="10" selected>10分鐘</option>

  588. 												<option value="15">15分鐘</option>

  589. 												<option value="20">20分鐘</option>

  590. 												<option value="30">30分鐘</option>

  591.                                             </select>

  592.                                         </td>

  593.                                     	<td style="text-align:left;"><input type="button" value="查詢" onclick="carin_time_query();" /></td>

  594.                                     </tr-->   

  595. 									<tr> 

  596.                                     	<td style="text-align:right;">入場<br/>車辨失敗</td>   

  597.                                         <td style="text-align:left;">

  598.                                         	<input type="datetime-local" id="carin_none_query"/>&nbsp;&nbsp;前後範圍

  599.                                         	<select name="hours_range" id="hours_range">

  600. 												<option value="1" selected>1小時</option>

  601. 												<option value="3">3小時</option>

  602. 												<option value="12">12小時</option>

  603. 												<option value="24">24小時</option>

  604.                                             </select>

  605.                                         </td>

  606.                                     	<td style="text-align:left;"><input type="button" value="查詢" onclick="carin_none_query();" /></td>

  607.                                     </tr> 

  608.                                 </table>

  609.                             </div><?php /* ----- end of dataTable_wrapper ----- */?> 

  610.                             <!--div id="carin_query_list" class="dataTable_wrapper" style="display:none;"-->

  611.                             <div id="carin_query_list" class="dataTable_wrapper">

  612.                                 <table id="lpr_query_list" class="table table-striped table-bordered table-hover">

  613.                                 <thead>

  614.                                         <tr>

  615.                                             <th style="text-align:center;">出入口</th>

  616.                                             <th style="text-align:center;">時間</th>

  617.                                             <th style="text-align:center;">車號</th>

  618.                                             <th style="text-align:center;">eTag</th>

  619.                                             <th style="text-align:center;">車主</th>

  620.                                             <th style="text-align:center;">照片</th>

  621.                                         </tr> 

  622.     							</thead>

  623.     							<tbody id="carin_query_tbody" style="font-size:14px;"></tbody>

  624.                                 </table>

  625.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  626.                         </div><?php /* ----- end of panel-body ----- */?>

  627.                     </div><?php /* ----- end of panel panel-default ----- */?>

  628.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  629.             </div>

  630.             <?php /* ----- 出入場記錄(結束) ----- */?>

  631.             

  632.             <?php /* ----- 進出場現況表 ----- */?>

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

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

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

  636.                         <div class="panel-heading">

  637.                             進出場現況表

  638. 							&nbsp;<button id='create_cario_btn' class="btn btn-large btn-success pull-right" style="font-size:16px;" onclick='show_create_cario_dialog();'>手動建檔</button>

  639.                         </div>

  640.                         <!-- /.panel-heading -->

  641.                         <div class="panel-body">

  642.                             <div class="dataTable_wrapper">

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

  644.                                     <thead>

  645.                                         <tr>

  646.                                             <th style="text-align:center;">出入口</th>

  647.                                             <th style="text-align:center;">時間</th>

  648.                                             <th style="text-align:center;">車號</th>

  649.                                             <th style="text-align:center;">eTag</th>

  650.                                             <th style="text-align:center;">車主</th>

  651.                                             <th style="text-align:center;">照片</th>

  652.                                         </tr>   

  653.                                     </thead>

  654.                                     <tbody id="cario_list_tbody" style="font-size:14px;">  

  655.                                     <tr id="cario_0">

  656.                                     <td class="cario_list" data-tag="io_name"></td>

  657.                                     <td class="cario_list" data-tag="io_time"></td>

  658.                                     <td class="cario_list" data-tag="lpr"></td>

  659.                                     <td class="cario_list" data-tag="etag"></td>

  660.                                     <td class="cario_list" data-tag="owner"></td>

  661.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  662.                                     </tr>    

  663.                                     <tr id="cario_1">

  664.                                     <td class="cario_list" data-tag="io_name"></td>

  665.                                     <td class="cario_list" data-tag="io_time"></td>

  666.                                     <td class="cario_list" data-tag="lpr"></td>

  667.                                     <td class="cario_list" data-tag="etag"></td>

  668.                                     <td class="cario_list" data-tag="owner"></td>

  669.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  670.                                     </tr>

  671.                                     <tr id="cario_2">

  672.                                     <td class="cario_list" data-tag="io_name"></td>

  673.                                     <td class="cario_list" data-tag="io_time"></td>

  674.                                     <td class="cario_list" data-tag="lpr"></td>

  675.                                     <td class="cario_list" data-tag="etag"></td>

  676.                                     <td class="cario_list" data-tag="owner"></td>

  677.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  678.                                     </tr>

  679.                                     <tr id="cario_3">

  680.                                     <td class="cario_list" data-tag="io_name"></td>

  681.                                     <td class="cario_list" data-tag="io_time"></td>

  682.                                     <td class="cario_list" data-tag="lpr"></td>

  683.                                     <td class="cario_list" data-tag="etag"></td>

  684.                                     <td class="cario_list" data-tag="owner"></td>

  685.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  686.                                     </tr>

  687.                                     <tr id="cario_4">

  688.                                     <td class="cario_list" data-tag="io_name"></td>

  689.                                     <td class="cario_list" data-tag="io_time"></td>

  690.                                     <td class="cario_list" data-tag="lpr"></td>

  691.                                     <td class="cario_list" data-tag="etag"></td>

  692.                                     <td class="cario_list" data-tag="owner"></td>

  693.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  694.                                     </tr>

  695.                                     <tr id="cario_5">

  696.                                     <td class="cario_list" data-tag="io_name"></td>

  697.                                     <td class="cario_list" data-tag="io_time"></td>

  698.                                     <td class="cario_list" data-tag="lpr"></td>

  699.                                     <td class="cario_list" data-tag="etag"></td>

  700.                                     <td class="cario_list" data-tag="owner"></td>

  701.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  702.                                     </tr>

  703.                                     <tr id="cario_6">

  704.                                     <td class="cario_list" data-tag="io_name"></td>

  705.                                     <td class="cario_list" data-tag="io_time"></td>

  706.                                     <td class="cario_list" data-tag="lpr"></td>

  707.                                     <td class="cario_list" data-tag="etag"></td>

  708.                                     <td class="cario_list" data-tag="owner"></td>

  709.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  710.                                     </tr>

  711.                                     <tr id="cario_7">

  712.                                     <td class="cario_list" data-tag="io_name"></td>

  713.                                     <td class="cario_list" data-tag="io_time"></td>

  714.                                     <td class="cario_list" data-tag="lpr"></td>

  715.                                     <td class="cario_list" data-tag="etag"></td>

  716.                                     <td class="cario_list" data-tag="owner"></td>

  717.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  718.                                     </tr>

  719.                                     <tr id="cario_8">

  720.                                     <td class="cario_list" data-tag="io_name"></td>

  721.                                     <td class="cario_list" data-tag="io_time"></td>

  722.                                     <td class="cario_list" data-tag="lpr"></td>

  723.                                     <td class="cario_list" data-tag="etag"></td>

  724.                                     <td class="cario_list" data-tag="owner"></td>

  725.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  726.                                     </tr>

  727.                                     <tr id="cario_9">

  728.                                     <td class="cario_list" data-tag="io_name"></td>

  729.                                     <td class="cario_list" data-tag="io_time"></td>

  730.                                     <td class="cario_list" data-tag="lpr"></td>

  731.                                     <td class="cario_list" data-tag="etag"></td>

  732.                                     <td class="cario_list" data-tag="owner"></td>

  733.                                     <td class="cario_list" data-tag="pic_name"><img height="57" width="150" class="resize" /></td>

  734.                                     </tr>

  735.                                     </tbody>

  736.                                 </table>

  737.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  738.                         </div><?php /* ----- end of panel-body ----- */?>

  739.                     </div><?php /* ----- end of panel panel-default ----- */?>

  740.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  741.             </div>

  742.             <?php /* ----- 進出場現況表(結束) ----- */?>  

  743.                                        

  744.             <?php /* ----- 調撥車道 ----- */?>

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

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

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

  748.                         <div class="panel-heading">

  749.                             調撥車道

  750.                         </div>

  751.                         <!-- /.panel-heading -->

  752.                         <div class="panel-body">

  753.                             <div class="dataTable_wrapper">

  754.                             	<form id="lane_form">

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

  756.                                             <label>第1車道-入&nbsp;&nbsp;&nbsp;</label>

  757.                                             <label class="radio-inline">

  758.                                                 <input type="radio" name="lane_0" data-lane_no="0" value="1">啟用

  759.                                             </label>

  760.                                             <label class="radio-inline">

  761.                                                 <input type="radio" name="lane_0" data-lane_no="0" value="0">停用

  762.                                             </label>

  763.                                         </div>

  764.                                         

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

  766.                                             <label>第2車道-入&nbsp;&nbsp;&nbsp;</label>

  767.                                             <label class="radio-inline">

  768.                                                 <input type="radio" name="lane_1" data-lane_no="1" value="1">啟用

  769.                                             </label>

  770.                                             <label class="radio-inline">

  771.                                                 <input type="radio" name="lane_1" data-lane_no="1" value="0">停用 (調撥車道入)

  772.                                             </label>

  773.                                         </div> 

  774.                                         

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

  776.                                             <label>第3車道-出&nbsp;&nbsp;&nbsp;</label>

  777.                                             <label class="radio-inline">

  778.                                                 <input type="radio" name="lane_2" data-lane_no="2" value="1">啟用

  779.                                             </label>

  780.                                             <label class="radio-inline">

  781.                                                 <input type="radio" name="lane_2" data-lane_no="2" value="0">停用 (調撥車道出)

  782.                                             </label>

  783.                                         </div>   

  784.                                         

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

  786.                                             <label>第4車道-出&nbsp;&nbsp;&nbsp;</label>

  787.                                             <label class="radio-inline">

  788.                                                 <input type="radio" name="lane_3" data-lane_no="3" value="1">啟用

  789.                                             </label>

  790.                                             <label class="radio-inline">

  791.                                                 <input type="radio" name="lane_3" data-lane_no="3" value="0">停用

  792.                                             </label>

  793.                                         </div>

  794.                             	</form>

  795.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  796.                         </div><?php /* ----- end of panel-body ----- */?>

  797.                     </div><?php /* ----- end of panel panel-default ----- */?>

  798.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  799.             </div>

  800.             <?php /* ----- 調撥車道(結束) ----- */?> 

  801.             

  802.             <?php /* ----- 出入口開門 ----- */?>

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

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

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

  806.                         <div class="panel-heading">出入口開門</div>

  807.                         <!-- /.panel-heading -->

  808.                         <div class="panel-body">

  809.                             <div class="dataTable_wrapper">

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

  811.                                         <tr>

  812.                                             <td style="text-align:left;">第1車道 - 入場</td>

  813.                                             <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('0');" /></td>

  814.                                         </tr>   

  815.                                         <tr>

  816.                                             <td style="text-align:left;">第2車道 - 調撥入場</td>

  817.                                             <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('1');" /></td>

  818.                                         </tr>

  819.                                         <tr>

  820.                                             <td style="text-align:left;">第3車道 - 調撥出場</td>

  821.                                             <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('2');" /></td>

  822.                                         </tr>

  823.                                         <tr>

  824.                                             <td style="text-align:left;">第4車道 - 出場</td>

  825.                                             <td style="text-align:center;"><input type="button" value="開門" onclick="opendoors('3');" /></td>

  826.                                         </tr>

  827.                                 </table>

  828.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  829.                         </div><?php /* ----- end of panel-body ----- */?>

  830.                     </div><?php /* ----- end of panel panel-default ----- */?>

  831.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  832.             </div>

  833.             <?php /* ----- 出入口開門(結束) ----- */?>  

  834.             <?php /* ----- 在席查核清單 ----- */?>

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

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

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

  838.                         <div class="panel-heading">

  839.                             在席查無入場資料清單(共<span id="tot_pks_check"></span>筆, 測試中)

  840.                         </div>

  841.                         <!-- /.panel-heading -->

  842.                         <div class="panel-body">

  843.                             <div class="dataTable_wrapper">

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

  845.                                     <thead>

  846.                                         <tr>

  847.                                             <th style="text-align:center;">車格號</th>

  848.                                             <th style="text-align:center;">車號</th>

  849.                                             <th style="text-align:center;">入格時間</th>

  850.                                             <th style="text-align:center;">照片</th>

  851.                                         </tr>   

  852.                                     </thead>

  853.                                     <tbody id="pks_list_tbody" style="font-size:14px;">  

  854.                                     </tbody>

  855.                                 </table>

  856.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  857.                         </div><?php /* ----- end of panel-body ----- */?>

  858.                     </div><?php /* ----- end of panel panel-default ----- */?>

  859.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  860.             </div>

  861.             <?php /* ----- 在席查核清單(結束) ----- */?>  

  862.                                   

  863.             <?php /* ----- 入場查核清單 ----- */?>

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

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

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

  867.                         <div class="panel-heading">

  868.                             入場查無在席資料清單(共<span id="tot_carin_check"></span>筆, 測試中)

  869.                         </div>

  870.                         <!-- /.panel-heading -->

  871.                         <div class="panel-body">

  872.                             <div class="dataTable_wrapper">

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

  874.                                     <thead>

  875.                                         <tr>

  876.                                             <th style="text-align:center;">車號</th>

  877.                                             <th style="text-align:center;">時間</th>

  878.                                             <th style="text-align:center;">類別</th>

  879.                                             <th style="text-align:center;">照片</th>

  880.                                         </tr>   

  881.                                     </thead>

  882.                                     <tbody id="carin_list_tbody" style="font-size:14px;">  

  883.                                     </tbody>

  884.                                 </table>

  885.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  886.                         </div><?php /* ----- end of panel-body ----- */?>

  887.                     </div><?php /* ----- end of panel panel-default ----- */?>

  888.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  889.             </div>

  890.             <?php /* ----- 入場查核清單(結束) ----- */?>  

  891. 			

  892.             <?php /* ----- 樓層剩餘車位數調整 ----- */?>

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

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

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

  896.                         <div class="panel-heading">

  897.                             樓層車位數 （按 F5 更新）

  898.                         </div>

  899.                         <!-- /.panel-heading -->

  900.                         <div class="panel-body">

  901.                             <div class="dataTable_wrapper">

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

  903.                                     <thead>

  904.                                         <tr>

  905.                                             <th style="text-align:left;">樓層</th>

  906. 											<th style="text-align:left;">樓層 ID</th>

  907.                                             <th style="text-align:center;">車位總數</th>

  908. 											<th style="text-align:center;">已使用</th>

  909. 											<th style="text-align:center;">未使用</th>

  910. 											<th style="text-align:center;">微調值</th>

  911.                                             <th style="text-align:center;">剩餘車位數微調</th>

  912. 											<th style="text-align:center;">空車位顯示值</th>

  913.                                         </tr>

  914.                                     </thead>

  915.                                     <tbody id="pks_group_list" style="font-size:20px;"></tbody>

  916.                                 </table>

  917.                             </div><?php /* ----- end of dataTable_wrapper ----- */?>  

  918.                         </div><?php /* ----- end of panel-body ----- */?>

  919.                     </div><?php /* ----- end of panel panel-default ----- */?>

  920.                 </div><?php /* ----- end of col-lg-12 ----- */?>

  921.             </div>

  922.             <?php /* ----- 樓層剩餘車位數調整(結束) ----- */?>

  923.                                          

  924.         </div>

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

  926.     </div>

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

  928.     <!-- jQuery -->

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

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

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

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

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

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

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

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

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

  938. 	

  939. 	<!-- virtual keyboard -->

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

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

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

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

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

  945. 	

  946. 	<!-- alertify -->

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

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

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

  950. 	

  951. 	

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

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

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

  955. </body>

  956. </html>   

  957. 

  958. <script>

  959. var AltobObject = AltobObject || {}; // ALTOB 專用命名空間

  960. /*

  961. 	客製化參數

  962. */

  963. (function(){

  964. 	AltobObject.xvars = {};

  965. 	AltobObject.station_no = '<?= $station_no; ?>';

  966. 	AltobObject.station_name = '<?= $station_name; ?>';

  967. })();

  968. 

  969. var timer;

  970. var timeout_sec = 10;<?php /* 每多少秒檢查一次空車位 */ ?> 

  971. 

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

  973. function alertify_log($msg)

  974. {

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

  976. 	alertify.log($msg);

  977. }

  978. function alertify_error($msg)

  979. {

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

  981. 	alertify.error($msg);

  982. }

  983. function alertify_success($msg)

  984. {

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

  986. 	alertify.success($msg);

  987. }

  988. function alertify_msg($msg)

  989. {

  990. 	alertify.set({ labels: {

  991. 		ok     : "確定"

  992. 	} });

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

  994. 		// do nothing

  995. 	});

  996. }

  997. 

  998. <?php /* 連接mqtt Queue */ ?>

  999. /*

  1000. // var client = new Paho.MQTT.Client("192.168.0.135", 8000, "cario_now");

  1001. var client = new Paho.MQTT.Client("61.220.179.128", 1883, "cario_now");

  1002. 

  1003. // set callback handlers

  1004. client.onConnectionLost = onConnectionLost;

  1005. client.onMessageArrived = onMessageArrived;

  1006.  

  1007. // called when the client connects

  1008. function onConnect() 

  1009. {

  1010. 	// Once a connection has been made, make a subscription and send a message.

  1011. 	console.log("onConnect");

  1012. 	client.subscribe("cario_now", 2);

  1013. }

  1014. 

  1015. // called when the client loses its connection

  1016. function onConnectionLost(responseObject) 

  1017. {

  1018. 	if (responseObject.errorCode !== 0) 

  1019. 	{

  1020.     	console.log("onConnectionLost:"+responseObject.errorMessage);

  1021.   	}

  1022. }

  1023. 

  1024. // called when a message arrives

  1025. function onMessageArrived(message) 

  1026. {

  1027. 	console.log("onMessageArrived:"+message.payloadString);

  1028. } 

  1029. */  

  1030. 

  1031. // 微調剩餘車位數

  1032. function pks_availables_update(idx, value, station_no)

  1033. {	

  1034. 	//console.log(idx + ", " + value);

  1035. 	$.ajax

  1036. 	({

  1037. 		url: "<?=APP_URL?>pks_availables_update/" + idx + "/" + value+ "/" + station_no,

  1038. 		type: "post", 

  1039. 		dataType:"json",

  1040. 		data: {},

  1041. 		success: function(jdata)

  1042. 		{       

  1043. 			if(jdata > 0)

  1044. 			{

  1045. 				alertify_log("調整完成! 請稍侯");

  1046. 				

  1047. 				show_item('pks_group_query', 'pks_group_query'); // refresh

  1048. 			}else{

  1049. 				alertify_log("沒有任何變化!");

  1050. 			}

  1051. 		}

  1052. 	});  

  1053. }

  1054. 

  1055. // 載入頁面

  1056. function load_page(tags)

  1057. {

  1058. 	if ($("[data-items='"+tags+"']").length == 0)	// 第一次loading

  1059.     {     

  1060. 		$.ajax

  1061. 		({

  1062. 			url:"<?=APP_URL?>get_html",

  1063.         			async:false,    

  1064.         			timeout:1500,

  1065.             		type:"post", 

  1066.             		dataType:"text",

  1067.             		data:{"tag_name":tags},

  1068.             		success:function(jdata)

  1069.             		{

  1070.             	    	$("#page-wrapper").append(jdata);  

  1071.             	    }

  1072. 		}); 

  1073. 	}

  1074. }

  1075.   

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

  1077. function show_item(tags, type)

  1078. {              

  1079. 	// if (timer) { window.clearTimeout(timer); }

  1080.          

  1081.     // client.disconnect();         

  1082.     

  1083.     <?php /* 新增月租資料, 設定初始值 */ ?>             

  1084.     if (type == "member_add")

  1085.     {                            

  1086.     	$("#ma_lpr").val("");

  1087.     	$("#ma_old_lpr").val("");

  1088.     	$("#ma_etag").val("");

  1089.         $("#ma_start_date").val("");

  1090.         $("#ma_end_date").val("");

  1091.         $("#ma_member_name").val("");

  1092.         $("#ma_mobile_no").val("");

  1093.         $("#ma_contract_no").val("");

  1094.         $("#ma_amt").val("");

  1095.     	$("#ma_member_no").val("0");

  1096.     	$("#member_data_type").text("新增會員資料");

  1097.     }

  1098.     

  1099.     switch(tags)

  1100.     {          

  1101. 		// -- 設定檔 --			

  1102. 		case "station_setting":

  1103. 			load_page(tags);

  1104. 			reload_station_setting(type);

  1105. 			break;

  1106. 	

  1107. 		<?php /* 樓層資訊查詢, 並列出清單 */ ?>

  1108.     	case "pks_group_query":

  1109.         	$("#pks_group_list").html("");<?php /* 清除原內容 */ ?>

  1110.             $.ajax

  1111.         	({

  1112.         		url: "<?=APP_URL?>pks_group_query",

  1113.             	type: "post", 

  1114.             	dataType:"json",

  1115.             	data: {},

  1116.             	success: function(jdata)

  1117.             	{       

  1118.                 	var pks_group_list = [];  

  1119.                 	for(idx in jdata)

  1120.                     {                                         

  1121.                     	mno = jdata[idx]['group_id'];

  1122.                     	pks_group_list = pks_group_list.concat([

  1123. 						"<tr><td id='pks_group_", mno, "' data-group_id='", mno, "' data-group_id='", jdata[idx]['group_id'], "' data-group_name='", jdata[idx]['group_name'], "' data-tot='", jdata[idx]['tot'] ,"' data-station_no='", jdata[idx]['station_no'] ,"</td>", 	

  1124.                     		"<td id='group_name_", mno, "' style='text-align:left; vertical-align:middle; '>", jdata[idx]['group_name'], "</td>", 	

  1125. 							"<td id='group_id_", mno, "' style='text-align:left; vertical-align:middle; '>", jdata[idx]['group_id'], "</td>", 	

  1126. 							"<td id='tot_", mno, "' style='text-align:center; vertical-align:middle; '>", jdata[idx]['tot'], "</td>", 

  1127. 							"<td id='parked_", mno, "' style='text-align:center; vertical-align:middle; '>", jdata[idx]['parked'], "</td>", 

  1128. 							"<td id='real_availables_", mno, "' style='text-align:center; vertical-align:middle; '>", jdata[idx]['availables'] - jdata[idx]['renum'], "</td>", 

  1129. 							"<td id='renum_", mno, "' style='text-align:center; vertical-align:middle; color:blue; '>", jdata[idx]['renum'], "</td>", 

  1130.                     		"<td style='text-align:center;vertical-align:middle; '>", 

  1131. 								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", 1, ", jdata[idx]['station_no'],");'>+1</button>&nbsp", 

  1132. 								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", -1, ", jdata[idx]['station_no'],");'>-1</button>&nbsp", 

  1133. 								"<button class='btn btn-default' onclick='pks_availables_update(\"", mno, "\", 0, ", jdata[idx]['station_no'],");'>重設</button>", 

  1134. 							"<td id='availables_", mno, "' style='text-align:center; vertical-align:middle; color:red; '>", jdata[idx]['availables'], "</td>", 

  1135. 							"</td>",

  1136.                     	"</tr>"]);

  1137.                     }

  1138.                 	$("#pks_group_list").append(pks_group_list.join(''));  

  1139.             	}

  1140.         	});  

  1141.         	break; 

  1142. 	

  1143.     	<?php /* 會員查詢, 並列出清單 */ ?>

  1144.     	case "member_query":

  1145.         	$("#member_list").html("");<?php /* 清除原內容 */ ?>

  1146.             $.ajax

  1147.         	({

  1148.         		url: "<?=APP_URL?>member_query",

  1149.             	type: "post", 

  1150.             	dataType:"json",

  1151.             	data: {},

  1152.             	success: function(jdata)

  1153.             	{       

  1154.                 	var member_list = [];  

  1155.                 	for(idx in jdata)

  1156.                     {                                         

  1157.                     	mno = jdata[idx]['member_no'];

  1158.                     	member_list = member_list.concat([

  1159. 						"<tr><td id='lpr_", mno, "' data-member_no='", mno, "' data-member_id='", jdata[idx]['member_id'], "' data-tel_o='", jdata[idx]['tel_o'], "' data-tel_h='", jdata[idx]['tel_h'], "' data-addr='", jdata[idx]['addr'], "' style='text-align:left; '>", jdata[idx]['lpr'], "</td>", 	

  1160.                     		"<td id='name_", mno, "' style='text-align:left; '>", jdata[idx]['member_name'], "</td>", 	

  1161.                     		"<td id='mobile_", mno, "' style='text-align:center; '>", jdata[idx]['mobile_no'], "</td>", 	

  1162.                     		"<td id='sdate_", mno, "' style='text-align:center; '>", jdata[idx]['start_date'], "</td>", 	

  1163.                     		"<td id='edate_", mno, "' style='text-align:center; '>", jdata[idx]['end_date'], "</td>", 	

  1164.                     		"<td id='contract_", mno, "' style='text-align:center; '>", jdata[idx]['contract_no'], "</td>", 	    

  1165.                     		//"<td id='etag_", mno, "' style='text-align:center; '>", jdata[idx]['etag'], "</td>", 	    

  1166.                     		//"<td id='amt_", mno, "' style='text-align:center; '>", jdata[idx]['amt'], "</td>", 	

  1167.                     		//"<td style='text-align:center, '><select id='sel_", mno, "' onChange='member_modify(", mno, "); '><option value='choice'>請選擇</option><option value='modify'>修改</option><option value='delete'>刪除</option></select></td>", 	

  1168. 							"<td id='valid_time_", mno, "' style='text-align:center; '>", jdata[idx]['valid_time'], "</td>", 	    

  1169. 							"<td id='station_no_", mno, "' style='text-align:center; '>", jdata[idx]['station_no'], "</td>", 	    

  1170. 							"<td id='update_time_", mno, "' style='text-align:center; '>", jdata[idx]['update_time'], "</td>", 	    

  1171.                     	"</tr>"]);

  1172.                     }

  1173.                 	$("#member_list").append(member_list.join(''));  

  1174.             	}

  1175.         	});  

  1176.         	break; 

  1177. 

  1178.     	<?php /* 行動支付記錄 */ ?>

  1179.     	case "tx_bill_query":

  1180.         	$("#tx_bill_list").html("");<?php /* 清除原內容 */ ?>

  1181.             $.ajax

  1182.         	({

  1183.         		url: "<?=APP_URL?>tx_bill_query",

  1184.             	type: "post", 

  1185.             	dataType:"json",

  1186.             	data: {},

  1187.             	success: function(jdata)

  1188.             	{       

  1189.                 	var tx_bill_list = [];  

  1190.                 	for(idx in jdata)

  1191.                     {                                         

  1192.                     	mno = jdata[idx]['order_no'];

  1193. 						tx_bill_list = tx_bill_list.concat([

  1194.                     	"<tr><td id='lpr_", mno, "' data-order_no='", mno, "' style='text-align:left; '>", jdata[idx]['lpr'], "</td>", 	

  1195. 							"<td id='amt_", mno, "' style='text-align:center; '>", jdata[idx]['amt'], "</td>", 

  1196. 							"<td id='rtn_msg_", mno, "' style='text-align:center; '>", jdata[idx]['rtn_msg'], "</td>", 	

  1197. 							"<td id='payment_type_", mno, "' style='text-align:center; '>", jdata[idx]['payment_type'], "</td>", 							

  1198. 							"<td id='invoice_no_", mno, "' style='text-align:center; '>", jdata[idx]['invoice_no'], "</td>", 

  1199.                     		"<td id='in_time_", mno, "' style='text-align:center; '>", jdata[idx]['in_time'], "</td>", 	

  1200.                     		"<td id='balance_time_", mno, "' style='text-align:center; '>", jdata[idx]['balance_time'], "</td>", 	

  1201. 							"<td id='out_before_time_", mno, "' style='text-align:center; '>", jdata[idx]['out_before_time'], "</td>", 	

  1202. 							"<td id='company_no_", mno, "' style='text-align:center; '>", jdata[idx]['company_no'], "</td>", 

  1203. 							"<td id='email_", mno, "' style='text-align:center; '>", jdata[idx]['email'], "</td>", 

  1204. 							"<td id='mobile_", mno, "' style='text-align:center; '>", jdata[idx]['mobile'], "</td>", 

  1205. 							"<td id='tx_time_", mno, "' style='text-align:center; '>", jdata[idx]['tx_time'], "</td>", 

  1206.                     	"</tr>"]);

  1207.                     }

  1208.                 	$("#tx_bill_list").append(tx_bill_list.join(''));  

  1209.             	}

  1210.         	});  

  1211.         	break;

  1212. 			

  1213. 		case "tx_bill_ats_query":

  1214.         	$("#tx_bill_ats_list").html("");<?php /* 清除原內容 */ ?>

  1215.             $.ajax

  1216.         	({

  1217.         		url: "<?=APP_URL?>tx_bill_ats_query",

  1218.             	type: "post", 

  1219.             	dataType:"json",

  1220.             	data: {},

  1221.             	success: function(jdata)

  1222.             	{       

  1223.                 	var tx_bill_ats_list = [];  

  1224.                 	for(idx in jdata)

  1225.                     {                                         

  1226.                     	mno = jdata[idx]['order_no'];

  1227.                     	tx_bill_ats_list = tx_bill_ats_list.concat([

  1228. 						"<tr><td id='lpr_", mno, "' data-order_no='", mno, "' style='text-align:left; '>", jdata[idx]['lpr'], "</td>", 

  1229. 							"<td id='amt_", mno, "' style='text-align:center; '>", jdata[idx]['amt'], "</td>", 

  1230. 							"<td id='rtn_msg_", mno, "' style='text-align:center; '>", jdata[idx]['rtn_msg'], "</td>", 	

  1231. 							"<td id='payment_type_", mno, "' style='text-align:center; '>", jdata[idx]['payment_type'], "</td>", 							

  1232. 							"<td id='invoice_no_", mno, "' style='text-align:center; '>", jdata[idx]['invoice_no'], "</td>", 

  1233.                     		"<td id='end_time_", mno, "' style='text-align:center; '>", jdata[idx]['end_time'], "</td>", 	

  1234.                     		"<td id='next_start_time_", mno, "' style='text-align:center; '>", jdata[idx]['next_start_time'], "</td>", 	

  1235. 							"<td id='next_end_time_", mno, "' style='text-align:center; '>", jdata[idx]['next_end_time'], "</td>", 	

  1236. 							"<td id='member_name_", mno, "' style='text-align:center; '>", jdata[idx]['member_name'], "</td>", 

  1237. 							"<td id='company_no_", mno, "' style='text-align:center; '>", jdata[idx]['company_no'], "</td>", 

  1238. 							"<td id='email_", mno, "' style='text-align:center; '>", jdata[idx]['email'], "</td>", 

  1239. 							"<td id='mobile_", mno, "' style='text-align:center; '>", jdata[idx]['mobile'], "</td>", 

  1240. 							"<td id='tx_time_", mno, "' style='text-align:center; '>", jdata[idx]['tx_time'], "</td>", 

  1241.                     	"</tr>"]);

  1242.                     }

  1243.                 	$("#tx_bill_ats_list").append(tx_bill_ats_list.join(''));  

  1244.             	}

  1245.         	});  

  1246.         	break; 			

  1247.                            

  1248.         <?php /* ----- 入場查詢 ----- */ ?>    

  1249.         case "carin_query":

  1250.         	$("#lpr_query").val(""); 

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

  1252.         	break;       

  1253.             

  1254.         <?php /* 進出場現況表 */ ?>    

  1255.         case "cario_list":

  1256.             $.ajax

  1257.         	({

  1258.         		url: "<?=APP_URL?>cario_list",

  1259.             	type: "post", 

  1260.             	dataType:"json",

  1261.             	data: {},

  1262.             	success: function(jdata)

  1263.             	{       

  1264.                 	for(idx in jdata)

  1265.                     {                                         

  1266.                     	$("#cario_"+idx+">[data-tag=io_name]").text(jdata[idx]['io_name']);

  1267.                     	$("#cario_"+idx+">[data-tag=io_time]").html(jdata[idx]['io_time']);

  1268. 						

  1269. 						// 車辨失敗可新增車號

  1270. 						if(jdata[idx]['lpr'] == 'NONE')

  1271. 							$("#cario_"+idx+">[data-tag=lpr]").html('<span style="font-size:16px;">車辨失敗</span><br/><button class="btn-default" onclick="show_upd_cario_dialog(' + jdata[idx]['cario_no'] + ', \'' + jdata[idx]['lpr'] + '\');">輸入車號</button>');

  1272. 						else

  1273. 							$("#cario_"+idx+">[data-tag=lpr]").html('<span style="font-size:28px;">' + jdata[idx]['lpr'] +'</span>');

  1274. 						

  1275.                     	$("#cario_"+idx+">[data-tag=etag]").text(jdata[idx]['etag']);

  1276.                     	$("#cario_"+idx+">[data-tag=owner]").text(jdata[idx]['owner']);

  1277.                     	$("#cario_"+idx+">[data-tag=pic_name]>img").attr("src",jdata[idx]['pic_name']);   

  1278.                     }

  1279.             	}

  1280.         	}); 

  1281.             

  1282.             // connect the client

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

  1284.         	break;

  1285.                   

  1286.         <?php /* 調撥車道 */ ?>    

  1287.         case "reversible_lane":

  1288.             $.ajax

  1289.         	({

  1290.         		url: "<?=APP_URL?>reversible_lane_query",

  1291.             	type: "post", 

  1292.             	dataType:"json",

  1293.             	data: {},

  1294.             	success: function(jdata)

  1295.             	{       

  1296.                 	for(idx in jdata)

  1297.                     {          

  1298.                     	$("input[name=lane_"+idx+"][value='"+jdata[idx]+"']").prop("checked", true);                         

  1299.                     }

  1300.             	}

  1301.         	}); 

  1302.         	break;   

  1303.             

  1304.         // ----- 在席查核 -----   

  1305.         case "pks_check":   

  1306.         	$("#pks_list_tbody").html("");

  1307.             $.ajax

  1308.         	({

  1309.         		url: "<?=APP_URL?>pks_check_list",	// 讀入在席車號查無資料清單

  1310.             	type: "post", 

  1311.             	dataType:"json",

  1312.             	data: {},

  1313.             	success: function(jdata)

  1314.             	{               

  1315.                 	$("#tot_pks_check").text(jdata.length);    

  1316.                 	for(idx in jdata)

  1317.                     {          

  1318.                     	str = "<tr onclick='correct_lpr(\""+jdata[idx]["pksno"]+"\", \""+jdata[idx]["lpr"]+"\");'>" +

  1319.                         "<td class='cario_list' style='vertical-align:middle;' data-tag='pksno'>"+jdata[idx]["pksno"]+"</td>" +                        

  1320.                         "<td class='cario_list' style='vertical-align:middle;' data-tag='lpr'>"+jdata[idx]["lpr"]+"</td>" +                        

  1321.                         "<td class='cario_list' style='vertical-align:middle;' data-tag='in_time'>"+jdata[idx]["in_time"]+"</td>" +                        

  1322.                         "<td class='cario_list' style='vertical-align:middle;' data-tag='pic_name'><img height='57' width='150' class='resize' src='http://203.75.167.89/pkspic/"+jdata[idx]["pic_name"]+"' /></td></tr>";

  1323.                         $("#pks_list_tbody").append(str);                        

  1324.                     }

  1325.                     

  1326.                 	set_resize();

  1327.             	}

  1328.         	}); 

  1329.         	break;

  1330.             

  1331.         // ----- 入場查核 -----   

  1332.         case "carin_check":     

  1333.         	$("#carin_list_tbody").html("");

  1334.             $.ajax

  1335.         	({

  1336.         		url: "<?=APP_URL?>carin_check_list",	// 讀入入場車號查核在席無資料清單

  1337.             	type: "post", 

  1338.             	dataType:"json",

  1339.             	data: {},

  1340.             	success: function(jdata)

  1341.             	{               

  1342.                 	$("#tot_carin_check").text(jdata.length);    

  1343.                 	for(idx in jdata)

  1344.                     {          

  1345.                     	str = "<tr onclick='correct_carin_lpr(\""+jdata[idx]["cario_no"]+"\", \""+jdata[idx]["lpr"]+"\", \""+jdata[idx]['in_time']+"\");'>" +

  1346.                         "<td class='cario_list' style='vertical-align:middle;' data-tag='lpr'>"+jdata[idx]["lpr"]+"</td>" +                        

  1347.                         "<td class='cario_list' style='vertical-align:middle;' data-tag='in_time'>"+jdata[idx]["in_time"]+"</td>" +                        

  1348.                         "<td class='cario_list' style='vertical-align:middle;' data-tag='type'>"+jdata[idx]["type"]+"</td>" +                        

  1349.                         "<td class='cario_list' style='vertical-align:middle;' data-tag='pic_name'><img height='57' width='150' class='resize' src='http://203.75.167.89/carpic/"+jdata[idx]["pic_name"]+"' /></td></tr>";

  1350.                         $("#carin_list_tbody").append(str);                        

  1351.                     }

  1352.                     

  1353.                 	set_resize();

  1354.             	}

  1355.         	});

  1356.         	break;

  1357.             

  1358.         default:

  1359.         	break;

  1360.     }

  1361.     

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

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

  1364.     return false;

  1365. }        

  1366. 

  1367. 

  1368. <?php /* ----- 以車號查詢入場資料 ----- */ ?>

  1369. function carin_lpr_query()

  1370. {                      

  1371. 	var lpr = $("#lpr_query").val().toUpperCase();

  1372. 	if ( lpr == "")

  1373.     {

  1374.      	alert("車號欄位必填");

  1375.         return false;

  1376.     } 

  1377.     

  1378.     $.ajax

  1379.     ({

  1380.     	url: "<?=APP_URL?>carin_lpr_query/"+lpr,

  1381.         type: "post", 

  1382.         dataType:"json",

  1383.         data: {},

  1384.         success: function(jdata)

  1385.         {                      

  1386.         	if (jdata.length == 0)

  1387.             {

  1388.             	alert("查無此車 !");

  1389.                 return false;

  1390.             }                

  1391.                     

  1392.             var str = "";              

  1393.         	for(idx in jdata)

  1394.             {           

  1395.             	str +=	"<tr><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_name']+

  1396.             			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_time']+

  1397.             			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['lpr']+

  1398.             			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['etag']+

  1399.             			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['owner']+

  1400.                         "</td><td style='text-align:center;vertical-align:middle;'><img height='57' width='150' class='carin_resize' src='"+jdata[idx]['pic_name']+

  1401.                         "' /></td></tr>";

  1402.             }

  1403.                         

  1404.             $("#carin_query_tbody").html(str);

  1405.                         

  1406.             <?php /* mouse滑過時放大照片 */ ?>

  1407. 			$('.carin_resize').hover

  1408.     		(         

  1409.     			function()

  1410.         		{       

  1411.         			pos_x = $(this).position().left;

  1412.         			pos_y = $(this).position().top;

  1413.             

  1414.             		$("#works").css

  1415.             		({	"position":"absolute",

  1416.             			"top":pos_y,

  1417.                 		"left":pos_x

  1418.             		}).html("<img src='"+$(this).attr("src")+"' width='300px' height='140px' />").show();

  1419.     			},

  1420.     			function()

  1421.         		{                                 

  1422. 					$("#works").hide();        

  1423.     			}

  1424. 			);

  1425.             

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

  1427.         }

  1428.     });

  1429. }  

  1430. 

  1431.                  

  1432. 

  1433. <?php /* ----- 以時間查詢入場資料 ----- */ ?>

  1434. function carin_time_query()

  1435. {                      

  1436. 	var time_query = $("#carin_time_query").val();

  1437. 	if (time_query == "")

  1438.     {

  1439.      	alert("時間欄位必填");

  1440.         return false;

  1441.     } 

  1442.     

  1443.     $.ajax

  1444.     ({

  1445.     	url: "<?=APP_URL?>carin_time_query/",

  1446.         type: "post", 

  1447.         dataType:"json",

  1448.         data: {"time_query":time_query, "minutes_range":$("#minutes_range").val()},

  1449.         success: function(jdata)

  1450.         {       

  1451.         	var str = "";              

  1452.         	for(idx in jdata)

  1453.             {           

  1454.             	str +=	"<tr><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_name']+

  1455.             			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['io_time']+

  1456.             			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['lpr']+

  1457.             			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['etag']+

  1458.             			"</td><td style='text-align:center;vertical-align:middle;'>"+jdata[idx]['owner']+

  1459.                         "</td><td style='text-align:center;vertical-align:middle;'><img height='57' width='150' class='carin_resize' src='"+jdata[idx]['pic_name']+

  1460.                         "' /></td></tr>";

  1461.             }

  1462.                         

  1463.             $("#carin_query_tbody").html(str);

  1464.                         

  1465.             <?php /* mouse滑過時放大照片 */ ?>

  1466. 			$('.carin_resize').hover

  1467.     		(         

  1468.     			function()

  1469.         		{       

  1470.         			pos_x = $(this).position().left;

  1471.         			pos_y = $(this).position().top;

  1472.             

  1473.             		$("#works").css

  1474.             		({	"position":"absolute",

  1475.             			"top":pos_y,

  1476.                 		"left":pos_x

  1477.             		}).html("<img src='"+$(this).attr("src")+"' width='300px' height='140px' />").show();

  1478.     			},

  1479.     			function()

  1480.         		{                                 

  1481. 					$("#works").hide();        

  1482.     			}

  1483. 			);

  1484.             

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

  1486.         }

  1487.     });

  1488. }  

  1489. 

  1490. // 車辨失敗查詢

  1491. function carin_none_query()

  1492. {                      

  1493. 	var time_query = $("#carin_none_query").val();

  1494. 	if (time_query == "")

  1495.     {

  1496.      	alert("時間欄位必填");

  1497.         return false;

  1498.     }

  1499.     

  1500.     $.ajax

  1501.     ({

  1502.     	url: "<?=APP_URL?>carin_none_query/",

  1503.         type: "post", 

  1504.         dataType:"json",

  1505.         data: {"time_query":time_query, "hours_range":$("#hours_range").val()},

  1506.         success: function(jdata)

  1507.         {       

  1508.         	var content_arr = [];              

  1509.         	for(idx in jdata)

  1510.             {           

  1511.             	content_arr = content_arr.concat([

  1512. 									"<tr><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['io_name'], 

  1513. 									"</td><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['io_time'],

  1514. 									"</td><td style='text-align:center;vertical-align:middle;'>"

  1515. 							]);

  1516. 									

  1517. 				// 車辨失敗可新增車號

  1518. 				content_arr = content_arr.concat([

  1519. 								'<span style="font-size:16px;">車辨失敗</span><br/><button class="btn-default" onclick="show_upd_cario_dialog(', jdata[idx]['cario_no'], ', \'', jdata[idx]['lpr'], '\');">輸入車號</button>'

  1520. 							]);

  1521. 									

  1522. 				content_arr = content_arr.concat([

  1523. 									"</td><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['etag'], 

  1524. 									"</td><td style='text-align:center;vertical-align:middle;'>", jdata[idx]['owner'], 

  1525. 									"</td><td style='text-align:center;vertical-align:middle;'>", 

  1526. 										"<img height='57' width='150' class='carin_resize' src='", jdata[idx]['pic_name'], "' /></td></tr>"

  1527. 							]);

  1528.             }

  1529.                         

  1530.             $("#carin_query_tbody").html(content_arr.join(''));

  1531.                         

  1532.             <?php /* mouse滑過時放大照片 */ ?>

  1533. 			$('.carin_resize').hover

  1534.     		(         

  1535.     			function()

  1536.         		{       

  1537.         			pos_x = $(this).position().left;

  1538.         			pos_y = $(this).position().top;

  1539.             

  1540.             		$("#works").css

  1541.             		({	"position":"absolute",

  1542.             			"top":pos_y,

  1543.                 		"left":pos_x

  1544.             		}).html("<img src='"+$(this).attr("src")+"' width='300px' height='140px' />").show();

  1545.     			},

  1546.     			function()

  1547.         		{                                 

  1548. 					$("#works").hide();        

  1549.     			}

  1550. 			);

  1551.             

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

  1553.         }

  1554.     });

  1555. }  

  1556. 

  1557.                            

  1558. <?php /* 修改或刪除選項 */ ?>

  1559. function member_modify(member_no)

  1560. {

  1561. 	select_item = $("#sel_"+member_no).val();

  1562.     switch(select_item)

  1563.     {

  1564.      	case "choice":<?php /* 請選擇(忽略不處理) */ ?>

  1565.         	return flase;

  1566.         

  1567.         case "modify": 

  1568.             $("#ma_lpr").val($("#lpr_"+member_no).text());

  1569.             $("#ma_old_lpr").val($("#lpr_"+member_no).text());

  1570.             $("#ma_member_id").val($("#lpr_"+member_no).data("member_id"));

  1571.             $("#ma_tel_o").val($("#lpr_"+member_no).data("tel_o"));

  1572.             $("#ma_tel_h").val($("#lpr_"+member_no).data("tel_h"));

  1573.             $("#ma_addr").val($("#lpr_"+member_no).data("addr"));

  1574.             //$("#ma_start_date").val($("#sdate_"+member_no).text());

  1575. 			//$("#ma_end_date").val($("#edate_"+member_no).text());

  1576. 			//$("#ma_start_date").val($("#sdate_"+member_no).text().split(' ')[0]);

  1577. 			//$("#ma_end_date").val($("#edate_"+member_no).text().split(' ')[0]);

  1578. 			$("#ma_start_date").val($("#sdate_"+member_no).text().replace(' ', 'T'));

  1579. 			$("#ma_end_date").val($("#edate_"+member_no).text().replace(' ', 'T'));

  1580.             $("#ma_member_name").val($("#name_"+member_no).text());

  1581.             $("#ma_mobile_no").val($("#mobile_"+member_no).text());

  1582.             $("#ma_contract_no").val($("#contract_"+member_no).text());

  1583.             $("#ma_etag").val($("#etag_"+member_no).text());

  1584.             $("#ma_amt").val($("#amt_"+member_no).text());

  1585.             $("#ma_member_no").val(member_no);

  1586.     		$("#member_data_type").text("修改會員資料");

  1587.         	show_item("member_add", "member_modify"); 

  1588.         	break;

  1589.             

  1590.         case "delete":

  1591. 			if (!confirm("確定刪除嗎 ?"))	return false;

  1592.                                    

  1593. 			$.ajax

  1594.     		({     

  1595.         		url:"<?=APP_URL?>member_delete",

  1596.             	type:"post",

  1597.             	dataType:"text",  

  1598.             	data:{"member_no":member_no},

  1599.             	success:function(jdata)

  1600.             	{

  1601.                 	if (jdata == "ok")

  1602.                     {

  1603.                 		alert("刪除成功 !");

  1604.                         show_item("member_query", "member_query");

  1605.                     }  

  1606.                 }        

  1607.     		});        

  1608.         	break;

  1609.     }	

  1610. }  

  1611.           

  1612. 

  1613. <?php /* 每隔固定時間, 檢查剩餘車位數 */ ?>                 

  1614. function available_check(time_point)

  1615. {                           

  1616. 	$.ajax

  1617.     ({     

  1618.     	url:"<?=APP_URL?>available_check",

  1619.         type:"post",

  1620.         dataType:"json",  

  1621.         data:{"time_point":time_point},

  1622.         success:function(jdata)

  1623.         {           

  1624.         	for(idx in jdata)

  1625.             {           

  1626.             	if (idx == 0) { continue; }

  1627.                 

  1628.                 stno = jdata[idx]['station_no'];                                      

  1629.                 $("[data-stno_curr="+stno+"]>[data-tag=station_no]").text(stno);

  1630.                 $("[data-stno_curr="+stno+"]>[data-tag=name]").text(jdata[idx]['name']);

  1631.                 $("[data-stno_curr="+stno+"]>[data-tag=tot_pkg]").text(jdata[idx]['tot_pkg']);

  1632.                 $("[data-stno_curr="+stno+"]>[data-tag=ava_pkg]").text(jdata[idx]['ava_pkg']);

  1633.                 $("[data-stno_curr="+stno+"]>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);

  1634.                 $("[data-stno_curr="+stno+"]>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']); 

  1635.             }        

  1636. 			window.clearTimeout(timer);

  1637.     		timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);

  1638.         }

  1639.     });                     

  1640. }

  1641. 

  1642. 

  1643. <?php /* 讀出剩餘車位數供清單用 */ ?>

  1644. function available_curr()

  1645. {                   

  1646. 	$.ajax

  1647.     ({

  1648.         	url: "<?=APP_URL?>available_set",

  1649.             type: "post",

  1650.             dataType:"json",

  1651.             success: function(jdata)

  1652.             {

  1653.                 $("#available_curr_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>

  1654.                 for(idx in jdata)

  1655.                 {     

  1656.                 	if (idx == 0) { continue; }                                           

  1657.                 	stno = jdata[idx]['station_no'];

  1658.                 	$("#available_curr_wk>[data-tag=station_no]").text(stno);

  1659.                 	$("#available_curr_wk>[data-tag=name]").text(jdata[idx]['name']);

  1660.                 	$("#available_curr_wk>[data-tag=tot_pkg]").text(jdata[idx]['tot_pkg']);

  1661.                 	$("#available_curr_wk>[data-tag=ava_pkg]").text(jdata[idx]['ava_pkg']);

  1662.                 	$("#available_curr_wk>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);

  1663.                 	$("#available_curr_wk>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);

  1664.                     $("<tr data-stno_curr='"+stno+"'>"+$("#available_curr_wk").html()+"</tr>").appendTo("#available_curr_tbody"); 

  1665.                 }  

  1666.                 $("#available_curr").show(); 

  1667.                 timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);

  1668.             }

  1669.     });

  1670. }

  1671. 

  1672. 

  1673. <?php /* 讀出剩餘車位數供設定用 */ ?>

  1674. function available_set()

  1675. {     

  1676. 	$.ajax

  1677.         ({

  1678.         	url: "<?=APP_URL?>available_set",

  1679.             type: "post",

  1680.             dataType:"json",

  1681.             success: function(jdata)

  1682.             {

  1683.                 $("#available_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>

  1684.                 for(idx in jdata)

  1685.                 {        

  1686.                 	if (idx == 0) { continue; }

  1687.                                                                    

  1688.                 	st_no = jdata[idx]['station_no'];

  1689.                 	$("#available_list>[data-tag=station_no]").text(st_no);

  1690.                 	$("#available_list>[data-tag=name]").html("<input id='st_name_"+st_no+"' value='"+jdata[idx]['name']+"' class='form-control' />");

  1691.                 	$("#available_list>[data-tag=tot_pkg]").html("<input id='st_tot_"+st_no+"' value='"+jdata[idx]['tot_pkg']+"' class='form-control input-sm' />");

  1692.                 	$("#available_list>[data-tag=ava_pkg]").html("<input id='st_ava_"+st_no+"' value='"+jdata[idx]['ava_pkg']+"' class='form-control input-sm' />");

  1693.                 	$("#available_list>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);

  1694.                 	$("#available_list>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);

  1695.                 	$("#available_list>[data-tag=edits]").html("<button onclick=\"available_update('"+st_no+"');\">修改</button>"); 

  1696.                     $("<tr data-st_no='"+st_no+"'>"+$("#available_list").html()+"</tr>").appendTo("#available_tbody"); 

  1697.                 }  

  1698.                 <?php /* 清除最後一筆的暫存資料, 以免最後一筆的id發生重覆 */ ?>

  1699.                 $("#available_list>[data-tag=name]").html("");

  1700.                 $("#available_list>[data-tag=tot_pkg]").html("");

  1701.                 $("#available_list>[data-tag=ava_pkg]").html("");

  1702.                 $("#available_set").show();

  1703.             }

  1704.     }); 

  1705. }  

  1706.                                   

  1707. <?php /* 剩餘車位數更新 */ ?>

  1708. function available_update(station_no)

  1709. {             

  1710. 	$.ajax

  1711.     ({

  1712.         url: "<?=APP_URL?>available_update", 

  1713.         dataType:"json",

  1714.         type:"post",

  1715.         data:{"station_no":station_no, "st_name":$("#st_name_"+station_no).val(), "tot_pkg":$("#st_tot_"+station_no).val(), "ava_pkg":$("#st_ava_"+station_no).val()},

  1716.         success:function(jdata)

  1717.         {     

  1718.         	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=used_pkg]").text(jdata['used_pkg']);

  1719.         	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=ratio_pkg]").text(jdata['ratio_pkg']);

  1720.          	alert($("#st_name_"+station_no).val()+"("+station_no+") 已更新完成 !");

  1721.     	}

  1722.     }); 

  1723. }

  1724. 

  1725. var current_h;

  1726. var current_w;

  1727. 

  1728. $(document).ready(function()   

  1729. {                                    

  1730. 	$(".cario_list").css({"vertical-align":"middle"});<?php /* 進出場實況表,強制垂直置中 */ ?> 

  1731.     

  1732. 	$("#member_add").submit(function(event)

  1733. 	{                   

  1734.     	if ($("#ma_member_no").val() == "0")

  1735.         {

  1736.         	$("#ma_old_lpr").val($("#ma_lpr").val());

  1737.         }

  1738.     	event.preventDefault();

  1739.         $.ajax

  1740.         ({

  1741.         	url: "<?=APP_URL?>member_add",

  1742.             type: "post", 

  1743.             dataType:"text",

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

  1745.             success: function(jdata)

  1746.             {         

  1747.             	if (jdata == "ok")

  1748.                 {                             

  1749.                 	$("#ma_lpr").val("");

  1750.                 	$("#ma_old_lpr").val("");

  1751.                 	$("#ma_etag").val("");

  1752.                 	$("#ma_start_date").val("");

  1753.                 	$("#ma_end_date").val("");

  1754.                 	$("#ma_member_name").val("");

  1755.                 	$("#ma_mobile_no").val("");

  1756.                 	$("#ma_contract_no").val("");

  1757.                 	$("#ma_member_id").val("");

  1758.                 	$("#ma_tel_h").val("");

  1759.                 	$("#ma_tel_o").val("");

  1760.                 	$("#ma_addr").val("");

  1761.                 	$("#ma_member_no").val("0");

  1762.                 	alert("月租資料存檔完成 !");

  1763.                     show_item('member_query', 'member_query');

  1764.                 } 

  1765.                 else

  1766.                 {

  1767.                  	alert(jdata);

  1768.                 }

  1769.             }

  1770.         }); 

  1771.     });

  1772.         

  1773.     set_resize();	// 建立放大照片

  1774.                             

  1775.     // 調撥車道設定

  1776. 	$('#lane_form input[type=radio]').change(function() 

  1777.     {       

  1778.     	lane_no = $(this).data("lane_no"); 

  1779. 		$.ajax

  1780.     	({

  1781.         	url: "<?=APP_URL?>reversible_lane_set", 

  1782.         	dataType:"text",

  1783.         	type:"post",

  1784.         	data:{"lane_no":lane_no, "actions":$(this).val()},

  1785.         	success:function(jdata)

  1786.         	{     

  1787.     		}                                                                          

  1788.     	}); 

  1789.     

  1790.     	return true;

  1791. 	}); 

  1792. 	

  1793. 	

  1794. 	// Custom: altob-keyaction

  1795.   	// ********************

  1796. 	$.extend($.keyboard.keyaction, {

  1797. 		accept : function(base) {

  1798. 			base.close(true); // same as base.accept();

  1799. 			

  1800. 			// do something

  1801. 			

  1802. 			return false;     // return false prevents further processing

  1803. 		}

  1804. 	});

  1805. 	

  1806. 	// Custom: altob-input

  1807.   	// ********************

  1808.   	$('#upd_cario_lpr, #cms_lpr').keyboard({

  1809. 

  1810. 		usePreview: false,

  1811. 	

  1812. 		css : {

  1813. 		  // input & preview styles

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

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

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

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

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

  1819. 		  // hovered button

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

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

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

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

  1824. 		  buttonDisabled : 'ui-state-disabled'

  1825. 		},

  1826. 		

  1827. 		position : {

  1828. 		  // null (attach to input/textarea) or a jQuery object (attach elsewhere)

  1829. 		  of : null,

  1830. 		  my : 'center top',

  1831. 		  at : 'center top',

  1832. 		  // at2 is used when "usePreview" is false (centers keyboard at the bottom

  1833. 		  // of the input/textarea)

  1834. 		  at2: 'center bottom',

  1835. 		  collision: 'flipfit flipfit'

  1836. 		},

  1837. 

  1838.   		display: {

  1839.   			'bksp'    : '\u2190',

  1840.   			'default' : 'ABC',

  1841.   			'accept'  : '確 認'

  1842.   		},

  1843. 

  1844.   		layout: 'custom',

  1845. 

  1846.   		customLayout: {

  1847. 

  1848.   			'default': [

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

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

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

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

  1853.   			]

  1854. 

  1855.   		}

  1856. 

  1857.   	});

  1858. 	

  1859. }); 

  1860. 

  1861. function opendoors(lane_no)

  1862. {

  1863. 	$.ajax

  1864.     ({

  1865.         url: "<?=APP_URL?>opendoors/"+lane_no, 

  1866.         dataType:"text",

  1867.         type:"post",

  1868.         data:{},

  1869.         success:function(jdata)

  1870.         {     

  1871.     	}                                                                          

  1872.     }); 

  1873.     

  1874.     return true;

  1875. }    

  1876.              

  1877. // 設定放大照片

  1878. function set_resize()

  1879. {

  1880. 	$('.resize').hover

  1881.     (         

  1882.     	function()

  1883.         {       

  1884.         	pos_x = $(this).position().left - 100;

  1885.         	pos_y = $(this).position().top - 100;

  1886.             

  1887.             $("#works").css

  1888.             ({	"position":"absolute",

  1889.             	"top":pos_y,

  1890.                 "left":pos_x

  1891.             }).html("<img src='"+$(this).attr("src")+"' width='400px' height='240px' />").show();

  1892.     	},

  1893.     	function()

  1894.         {                                 

  1895. 			$("#works").hide();        

  1896.     	}

  1897. 	);   

  1898. }     

  1899. 

  1900. // 重設在席查核

  1901. function reset_pks_check()

  1902. {

  1903. 	$.ajax

  1904.     ({

  1905.         url: "<?=APP_URL?>reset_pks_check", 

  1906.         dataType:"json",

  1907.         type:"post",

  1908.         data:{},

  1909.         success:function(jdata)

  1910.         {

  1911.         	alert("重設在席查核完成,在席總計:"+jdata["tot"]+", 更新筆數:"+jdata["tot_correct"]);     

  1912.     	}                                                                          

  1913.     }); 

  1914. }    

  1915. 

  1916. 

  1917. // 更正在席車號

  1918. function correct_lpr(pksno, lpr)

  1919. {          

  1920. 	new_lpr = prompt("車格#"+pksno+"正確車號(大小寫皆可):", lpr);

  1921.     if (new_lpr == "")	return false;  

  1922.     

  1923. 	$.ajax

  1924.     ({

  1925.         url: "<?=APP_URL?>correct_pks_lpr/"+pksno+"/"+new_lpr.toUpperCase(), 

  1926.         dataType:"json",

  1927.         type:"post",

  1928.         data:{},

  1929.         success:function(jdata)

  1930.         {                                                                            

  1931.             msg_err = jdata["err"] == 0 ? "在席更新正確車號," : "在席或車號錯誤無法更新,";

  1932.             msg_cario = jdata["cario_no"] == 0 ? "查無入場資料" : "且與入場資料相符";

  1933.         	alert(msg_err+msg_cario); 

  1934.             show_item('pks_check', 'pks_check');    

  1935.     	}                                                                          

  1936.     }); 

  1937. }      

  1938. 

  1939. 

  1940. // 更正在席車號

  1941. function correct_carin_lpr(cario_no, lpr, in_time)

  1942. {          

  1943. 	new_lpr = prompt("正確車號(大小寫皆可):", lpr);

  1944.     if (new_lpr == "")	return false;

  1945.     

  1946. 	$.ajax

  1947.     ({

  1948.         url: "<?=APP_URL?>correct_carin_lpr/"+cario_no+"/"+new_lpr.toUpperCase()+"/"+encodeURIComponent(in_time), 

  1949.         dataType:"json",

  1950.         type:"post",

  1951.         data:{},

  1952.         success:function(jdata)

  1953.         {                                                                            

  1954.             msg_pks = jdata["pksno"] == 0 ? "但無在席資料" : "且在席資料也更新完成 !";

  1955.         	alert("入場資料更新完成, "+msg_pks); 

  1956.             show_item('carin_check', 'carin_check');    

  1957.     	}                                                                          

  1958.     }); 

  1959. }

  1960. 

  1961. 

  1962. 

  1963. 

  1964. 

  1965. 

  1966. <?php /* 登出 */ ?>

  1967. function logout(event)

  1968. {

  1969. 	event.preventDefault();

  1970. 	$.ajax

  1971.         ({

  1972.         	url: "<?=APP_URL?>user_logout",

  1973.             success: function(jdata)

  1974.             {

  1975. 				window.location = "<?=APP_URL?>";

  1976.             }

  1977. 	}); 

  1978. }

  1979. 

  1980. </script>

  1981. 

  1982. 

  1983. 

  1984. 

  1985. 

  1986. 

  1987. <!-- ----- 進出資料建立小框 ----- -->

  1988. <div class="modal fade" id="show_create_cario_dialog">

  1989. <div class="modal-dialog" style="width:70%;height:100%">

  1990. <div class="modal-content" style="width:70%;height:100%">

  1991. <div class="modal-header"><h3>手動建立資料</h3></div>

  1992. <div class="modal-body" style="max-height: calc(100vh - 210px); overflow-y: auto">

  1993. <form id="show_create_cario_form" class="center-block">    

  1994. <div class="main">

  1995. <div class="dataTable_wrapper">

  1996. <table class="table table-striped table-bordered table-hover" style="font-size:28px;">

  1997. <tbody>

  1998. 

  1999. <tr class="form-group">

  2000. 	<td style="text-align:right;">場站</td>

  2001. 	<td style="text-align:left;" id="create_cario_station_name"></td>

  2002. </tr>

  2003. <tr class="form-group">

  2004. 	<td style="text-align:right;">場站編號</td>

  2005. 	<td style="text-align:left;" id="create_cario_station_no"></td>

  2006. </tr> 

  2007. <!--tr class="form-group">

  2008. <td style="text-align:right;">車道</td>

  2009. 	<td style="text-align:left;">

  2010. 		<div id="cms_ivsno_box"/>

  2011. 	</td>

  2012. </tr-->

  2013. <tr class="form-group">

  2014. <td style="text-align:right;">進出場</td>

  2015. 	<td style="text-align:left;">

  2016. 		<div id="cms_io_box"/>

  2017. 	</td>

  2018. </tr>

  2019. <tr class="form-group">

  2020. <td style="text-align:right;">車種</td>

  2021. 	<td style="text-align:left;">

  2022. 		<div id="cms_ctype_box"/>

  2023. 	</td>

  2024. </tr>

  2025. <tr class="form-group">

  2026. 	<td style="text-align:right;">車牌號碼</td>

  2027. 	<td style="text-align:left;">

  2028. 		<input id="cms_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase;font-size:48px;height:56px;" />

  2029. 	</td>

  2030. </tr> 

  2031. 

  2032. 

  2033. </tbody>

  2034. </table>                    

  2035. <button type="button" class="btn btn-large btn-success pull-right" style="font-size:22px;"   onclick="do_create_cario();">確認送出</button>

  2036. &nbsp;&nbsp;

  2037. <button type="button" class="btn btn-large btn-cancel" onclick="$('#show_create_cario_dialog').modal('hide');">取消</button>

  2038. </div><!-- ----- end of dataTable_wrapper ----- -->  

  2039. </div><!-- ----- end of main ----- -->

  2040. </form>

  2041. </div><!-- end of modal-body --> 

  2042. </div><!-- end of modal-content --> 

  2043. </div><!-- end of modal-dialog -->

  2044. </div><!-- end of modal show -->

  2045. <!-- ----- 進出資料建立小框(結束) ----- -->  

  2046. 

  2047. 

  2048. 

  2049. <script>  

  2050. 

  2051. // 顯示新增車辨記錄

  2052. function show_create_cario_dialog()

  2053. {				

  2054. 	if(typeof AltobObject.station_no == 'undefined' || AltobObject.station_no == '' || AltobObject.station_no == 0)

  2055. 	{

  2056. 		alertify_msg("尚未設定場站。。");

  2057. 		return false;

  2058. 	}

  2059. 	

  2060. 	if(typeof AltobObject.xvars == 'undefined')

  2061. 	{

  2062. 		alertify_msg("未知的錯誤。。");

  2063. 		return false;

  2064. 	}

  2065. 

  2066. 	AltobObject.xvars["create_cario_info"] = {};

  2067. 	AltobObject.xvars["create_cario_info"]["station_no"] = AltobObject.station_no;

  2068. 

  2069. 	$("#create_cario_station_name").text(AltobObject.station_name);

  2070. 	$("#create_cario_station_no").text(AltobObject.station_no);

  2071. 	

  2072. 	// 進出場

  2073. 	var cms_io_content = [];

  2074. 	cms_io_content = cms_io_content.concat(["<select id='sel_cms_io_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);

  2075. 	cms_io_content = cms_io_content.concat(["<option value='I'>進場</option>"]);

  2076. 	cms_io_content = cms_io_content.concat(["<option value='O'>離場</option>"]);

  2077. 	$("#cms_io_box").html('').html(cms_io_content.join(''));

  2078. 	

  2079. 	// 車種

  2080. 	var cms_ctype_content = [];

  2081. 	cms_ctype_content = cms_ctype_content.concat(["<select id='sel_cms_ctype_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);

  2082. 	cms_ctype_content = cms_ctype_content.concat(["<option value='C'>汽車</option>"]);

  2083. 	cms_ctype_content = cms_ctype_content.concat(["<option value='M'>機車</option>"]);

  2084. 	$("#cms_ctype_box").html('').html(cms_ctype_content.join(''));

  2085. 	

  2086. 	// 車號

  2087. 	$("#cms_lpr").val('');

  2088. 	

  2089. 	$("#show_create_cario_dialog").modal({backdrop:false,keyboard:false});

  2090. }

  2091. 	

  2092. // 完成

  2093. function do_create_cario()

  2094. {

  2095. 	if (!confirm("確認資料無誤並送出 ?")) return false; 

  2096. 	

  2097. 	var station_no = AltobObject.xvars["create_cario_info"]["station_no"];

  2098. 	var io = $("#sel_cms_io_" + station_no).val();

  2099. 	var ctype = $("#sel_cms_ctype_" + station_no).val();

  2100. 	var lpr = $("#cms_lpr").val();

  2101. 	

  2102. 	if(!(station_no && lpr))

  2103. 	{

  2104. 		alertify_msg("資料不足。。");

  2105. 		return false;

  2106. 	}

  2107. 	

  2108. 	$.ajax

  2109.     ({

  2110.         url: "<?=APP_URL?>local_lprio", 

  2111.         dataType: "text",

  2112.         type:"post",

  2113.         data:

  2114.         {

  2115. 			"cmd": 1,

  2116.         	"station_no":station_no,

  2117. 			"ivsno": 0,	//  都帶 0

  2118. 			"io":io,

  2119. 			"ctype":ctype,

  2120. 			"lpr":lpr

  2121.         },

  2122. 		error:function(xhr, ajaxOptions, thrownError)

  2123.         {

  2124. 			alertify_msg(xhr.responseText);

  2125.         	console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  

  2126.         },

  2127.         success:function(jdata)

  2128.         {                                                                            

  2129. 			if (jdata == "ok")	

  2130.             {                              

  2131. 				alertify_msg("操作完成。。");

  2132. 				

  2133. 				show_item('cario_list', 'cario_list');	// 更新

  2134.             }

  2135.             else

  2136.             {

  2137. 				alertify_msg("操作失敗。。" + jdata);

  2138.             }

  2139.         }

  2140.     });

  2141.     

  2142.     delete AltobObject.xvars["create_cario_info"];

  2143.     $('#show_create_cario_dialog').modal('hide'); 

  2144. }

  2145. </script>  

  2146. 

  2147. 

  2148. 

  2149. <!-- ----- 進出資料修改小框 ----- -->

  2150. <div class="modal fade" id="show_upd_cario_dialog">

  2151. <div class="modal-dialog" style="width:70%;height:100%">

  2152. <div class="modal-content" style="width:70%;height:100%">

  2153. <div class="modal-header"><h3>手動建立資料</h3></div>

  2154. <div class="modal-body" style="max-height: calc(100vh - 210px); overflow-y: auto">

  2155. <form id="show_upd_cario_form" class="center-block">    

  2156. <div class="main">

  2157. <div class="dataTable_wrapper">

  2158. <table class="table table-striped table-bordered table-hover" style="font-size:28px;">

  2159. <tbody>

  2160. 

  2161. <tr class="form-group">

  2162. 	<td style="text-align:right;">場站</td>

  2163. 	<td style="text-align:left;" id="upd_cario_station_name"></td>

  2164. </tr>

  2165. <tr class="form-group">

  2166. 	<td style="text-align:right;">場站編號</td>

  2167. 	<td style="text-align:left;" id="upd_cario_station_no"></td>

  2168. </tr> 

  2169. <tr class="form-group">

  2170. 	<td style="text-align:right;">車牌號碼</td>

  2171. 	<td style="text-align:left;">

  2172. 		<input id="upd_cario_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase;font-size:48px;height:56px;" />

  2173. 	</td>

  2174. </tr> 

  2175. 

  2176. 

  2177. </tbody>

  2178. </table>                    

  2179. <button type="button" class="btn btn-large btn-success pull-right" style="font-size:22px;"   onclick="do_upd_cario();">確認送出</button>

  2180. &nbsp;&nbsp;

  2181. <button type="button" class="btn btn-large btn-cancel" onclick="$('#show_upd_cario_dialog').modal('hide');">取消</button>

  2182. </div><!-- ----- end of dataTable_wrapper ----- -->  

  2183. </div><!-- ----- end of main ----- -->

  2184. </form>

  2185. </div><!-- end of modal-body --> 

  2186. </div><!-- end of modal-content --> 

  2187. </div><!-- end of modal-dialog -->

  2188. </div><!-- end of modal show -->

  2189. <!-- ----- 進出資料修改小框(結束) ----- -->  

  2190. 

  2191. 

  2192. 

  2193. <script>  

  2194. 

  2195. // 顯示新增車辨記錄

  2196. function show_upd_cario_dialog(cario_no, lpr)

  2197. {				

  2198. 	if(typeof AltobObject.station_no == 'undefined' || AltobObject.station_no == '' || AltobObject.station_no == 0)

  2199. 	{

  2200. 		alertify_msg("尚未設定場站。。");

  2201. 		return false;

  2202. 	}

  2203. 	

  2204. 	if(typeof AltobObject.xvars == 'undefined')

  2205. 	{

  2206. 		alertify_msg("未知的錯誤。。");

  2207. 		return false;

  2208. 	}

  2209. 

  2210. 	AltobObject.xvars["upd_cario_info"] = {};

  2211. 	AltobObject.xvars["upd_cario_info"]["station_no"] = AltobObject.station_no;

  2212. 	AltobObject.xvars["upd_cario_info"]["cario_no"] = cario_no;

  2213. 	AltobObject.xvars["upd_cario_info"]["old_lpr"] = lpr;

  2214. 

  2215. 	$("#upd_cario_station_name").text(AltobObject.station_name);

  2216. 	$("#upd_cario_station_no").text(AltobObject.station_no);

  2217. 	

  2218. 	// 車號

  2219. 	if(lpr == 'NONE')

  2220. 		$("#upd_cario_lpr").val('');

  2221. 	else

  2222. 		$("#upd_cario_lpr").val(lpr);

  2223. 	

  2224. 	$("#show_upd_cario_dialog").modal({backdrop:false,keyboard:false});

  2225. }

  2226. 	

  2227. // 完成

  2228. function do_upd_cario()

  2229. {

  2230. 	if (!confirm("確認資料無誤並送出 ?")) return false; 

  2231. 	

  2232. 	var station_no = AltobObject.xvars["upd_cario_info"]["station_no"];

  2233. 	var cario_no = AltobObject.xvars["upd_cario_info"]["cario_no"];

  2234. 	var old_lpr = AltobObject.xvars["upd_cario_info"]["old_lpr"];

  2235. 	var new_lpr = $("#upd_cario_lpr").val();

  2236. 	

  2237. 	if(!(station_no && cario_no))

  2238. 	{

  2239. 		alertify_msg("資料不足。。");

  2240. 		return false;

  2241. 	}

  2242. 	

  2243. 	$.ajax

  2244.     ({

  2245.         url: "<?=APP_URL?>local_lprio", 

  2246.         dataType: "text",

  2247.         type:"post",

  2248.         data:

  2249.         {

  2250. 			"cmd": 2,

  2251.         	"station_no":station_no,

  2252. 			"cario_no":cario_no,

  2253. 			"old_lpr":old_lpr,

  2254. 			"new_lpr":new_lpr

  2255.         },

  2256. 		error:function(xhr, ajaxOptions, thrownError)

  2257.         {

  2258. 			alertify_msg(xhr.responseText);

  2259.         	console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  

  2260.         },

  2261.         success:function(jdata)

  2262.         {                                                                            

  2263. 			if (jdata == "ok")	

  2264.             {                              

  2265. 				alertify_msg("操作完成。。");

  2266. 				

  2267. 				show_item('cario_list', 'cario_list');	// 更新

  2268.             }

  2269.             else

  2270.             {

  2271. 				alertify_msg("操作失敗。。" + jdata);

  2272.             }

  2273.         }

  2274.     });

  2275.     

  2276.     delete AltobObject.xvars["upd_cario_info"];

  2277.     $('#show_upd_cario_dialog').modal('hide'); 

  2278. }

  2279. </script> 

  2280. 

  2281. 

  2282. 

  2283. 

  2284. 

  2285. 

  2286. 

  2287. 

  2288. 

  2289. 

  2290. 

  2291. 

  2292.