LeeWeiCheng
/
altob.st123
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
VM暫存
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
209 Incheckningar
5 Grenar
790KB
Träd: 282021d1d4
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '282021d1d4'
${ noResults }
altob.st123/views/carpark/main_page.php

2396 lines
115KB
Rå Blame Historik 

  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. 

  133.                             </ul>

  134.                         </li>							

  135. 						

  136. 			<!--li>

  137.                             <a href="http://59.124.122.113/login" target="_blank"><i class="fa fa-user fa-fw"></i>QR Code申請列印<span class="fa arrow"></span></a>

  138.                         </li>

  139. 			<li>

  140.                             <a href="http://61.219.172.11:60123/admins_station.html/" target="_blank"><i class="fa fa-user fa-fw"></i>月租系統<span class="fa arrow"></span></a>

  141.                         </li>

  142. 			<li>

  143.                             <a href="http://61.219.172.11:60123/altob_service.html/" target="_blank"><i class="fa fa-user fa-fw"></i>營收回報系統<span class="fa arrow"></span></a>

  144.                         </li-->

  145. 

  146. 						<li>

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

  148. 						</li>

  149. 						

  150.                     </ul>

  151.                 </div>

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

  153.             </div>

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

  155.         </nav>

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

  157.             <div class="row">

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

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

  160.                 </div>

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

  162.             </div>

  163.             <!-- /.row -->    

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

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

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

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

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

  169.                             所有場站更新

  170.                         </div>

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

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

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

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

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

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

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

  178.                                         </div>   

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

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

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

  182.                                         </div>                       

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

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

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

  186.                                     </form>

  187.                                 </div>

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

  189.                             </div>

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

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

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

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

  194.                         </div>

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

  196.                     </div>

  197.                     <!-- /.panel -->

  198.                 </div>

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

  200.             </div>

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

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

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

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

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

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

  207.                             單站更新

  208.                         </div>

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

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

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

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

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

  214.                                             <label>場站</label>

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

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

  217.                                                 <option>金城</option>

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

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

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

  221.                                             </select>

  222.                                         </div>

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

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

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

  226.                                         </div>   

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

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

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

  230.                                         </div> 

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

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

  233.                                     </form>

  234.                                 </div>

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

  236.                             </div>

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

  238.                         </div>

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

  240.                     </div>

  241.                     <!-- /.panel -->

  242.                 </div>

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

  244.             </div>

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

  246.                       

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

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

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

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

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

  252.                             剩餘車位清單

  253.                         </div>

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

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

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

  257.                             	<div class="dataTable_wrapper">

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

  259.                                     <thead>

  260.                                         <tr>

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

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

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

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

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

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

  267.                                         </tr>    

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

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

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

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

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

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

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

  275.                                         </tr>                                     

  276.                                     </thead>

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

  278.                                 </table>

  279.                                 </div>

  280.                                 </div>

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

  282.                             </div>

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

  284.                         </div>

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

  286.                     </div>

  287.                     <!-- /.panel -->

  288.                 </div>

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

  290.             </div>   

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

  292.             

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

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

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

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

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

  298.                             剩餘車位設定

  299.                         </div>

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

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

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

  303.                             	<div class="dataTable_wrapper">

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

  305.                                     <thead>

  306.                                         <tr>

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

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

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

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

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

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

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

  314.                                         </tr>   

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

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

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

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

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

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

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

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

  323.                                         </tr>

  324.                                     </thead>

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

  326.                                 </table>

  327.                                 </div>

  328.                                 </div>

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

  330.                             </div>

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

  332.                         </div>

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

  334.                     </div>

  335.                     <!-- /.panel -->

  336.                 </div>

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

  338.             </div>   

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

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

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

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

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

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

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

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

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

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

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

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

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

  352.                                             </select>

  353.                                         </div>

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

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

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

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

  358.                                         </div> 

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

  360.                                             <label>eTag</label>

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

  362.                                         </div> 

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

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

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

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

  367.                                             </label>

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

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

  370.                                             </label>

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

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

  373.                                             </label> 

  374.                                             </label>

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

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

  377.                                             </label>

  378.                                             </label>

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

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

  381.                                             </label>

  382.                                         </div--> 

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

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

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

  386. 												data-validation="length" 

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

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

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

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

  391.                                         </div>   

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

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

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

  395. 												data-validation="length" 

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

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

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

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

  400.                                         </div>

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

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

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

  404.                                         </div>

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

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

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

  408.                                         </div>   

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

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

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

  412.                                         </div> 

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

  414.                                             <label>車型</label>

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

  416.                                         </div> 

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

  418.                                             <label>顏色</label>

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

  420.                                         </div>  

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

  422.                                             <label>年份</label>

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

  424.                                         </div -->       

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

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

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

  428.                                         </div>             

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

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

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

  432.                                         </div>

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

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

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

  436.                                         </div>

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

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

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

  440.                                         </div> 

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

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

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

  444.                                         </div>           

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

  446.                                             <label>里名</label>

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

  448.                                         </div-->

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

  450.                                             <label>地址</label>

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

  452.                                         </div>

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

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

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

  456.                                     </form>

  457.                                 </div>

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

  459.                             </div>

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

  461.                         </div>

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

  463.                     </div>

  464.                     <!-- /.panel -->

  465.                 </div>

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

  467.             </div>

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

  469.             

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

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

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

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

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

  475.                             會員現況表

  476.                         </div>

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

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

  479.                             <div class="dataTable_wrapper">

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

  481.                                     <thead>

  482.                                         <tr>

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

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

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

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

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

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

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

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

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

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

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

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

  495.                                         </tr>

  496.                                     </thead>

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

  498.                                 </table>

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

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

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

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

  503.             </div>

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

  505. 			

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

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

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

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

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

  511.                             行動支付記錄

  512.                         </div>

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

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

  515.                             <div class="dataTable_wrapper">

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

  517.                                     <thead>

  518.                                         <tr>

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

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

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

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

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

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

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

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

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

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

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

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

  531.                                         </tr>

  532.                                     </thead>

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

  534.                                 </table>

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

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

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

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

  539.             </div>

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

  541. 			

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

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

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

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

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

  547.                             月租繳款機記錄

  548.                         </div>

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

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

  551.                             <div class="dataTable_wrapper">

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

  553.                                     <thead>

  554.                                         <tr>

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

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

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

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

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

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

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

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

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

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

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

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

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

  568.                                         </tr>

  569.                                     </thead>

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

  571.                                 </table>

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

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

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

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

  576.             </div>

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

  578.                                          

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

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

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

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

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

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

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

  586.                             <div class="dataTable_wrapper">

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

  588.                                 	<tr> 

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

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

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

  592.                                     </tr>

  593.                                     <!--tr> 

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

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

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

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

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

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

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

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

  602.                                             </select>

  603.                                         </td>

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

  605.                                     </tr-->   

  606. 									<tr> 

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

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

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

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

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

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

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

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

  615.                                             </select>

  616.                                         </td>

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

  618.                                     </tr> 

  619.                                 </table>

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

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

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

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

  624.                                 <thead>

  625.                                         <tr>

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

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

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

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

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

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

  632.                                         </tr> 

  633.     							</thead>

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

  635.                                 </table>

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

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

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

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

  640.             </div>

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

  642.             

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

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

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

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

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

  648.                             進出場現況表

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

  650.                         </div>

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

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

  653.                             <div class="dataTable_wrapper">

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

  655.                                     <thead>

  656.                                         <tr>

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

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

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

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

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

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

  663.                                         </tr>   

  664.                                     </thead>

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

  666.                                     <tr id="cario_0">

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

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

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

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

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

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

  673.                                     </tr>    

  674.                                     <tr id="cario_1">

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

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

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

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

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

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

  681.                                     </tr>

  682.                                     <tr id="cario_2">

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

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

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

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

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

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

  689.                                     </tr>

  690.                                     <tr id="cario_3">

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

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

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

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

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

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

  697.                                     </tr>

  698.                                     <tr id="cario_4">

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

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

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

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

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

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

  705.                                     </tr>

  706.                                     <tr id="cario_5">

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

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

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

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

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

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

  713.                                     </tr>

  714.                                     <tr id="cario_6">

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

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

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

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

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

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

  721.                                     </tr>

  722.                                     <tr id="cario_7">

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

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

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

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

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

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

  729.                                     </tr>

  730.                                     <tr id="cario_8">

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

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

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

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

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

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

  737.                                     </tr>

  738.                                     <tr id="cario_9">

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

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

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

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

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

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

  745.                                     </tr>

  746.                                     </tbody>

  747.                                 </table>

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

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

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

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

  752.             </div>

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

  754.                                        

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

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

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

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

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

  760.                             調撥車道

  761.                         </div>

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

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

  764.                             <div class="dataTable_wrapper">

  765.                             	<form id="lane_form">

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

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

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

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

  770.                                             </label>

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

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

  773.                                             </label>

  774.                                         </div>

  775.                                         

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

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

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

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

  780.                                             </label>

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

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

  783.                                             </label>

  784.                                         </div> 

  785.                                         

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

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

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

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

  790.                                             </label>

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

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

  793.                                             </label>

  794.                                         </div>   

  795.                                         

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

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

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

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

  800.                                             </label>

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

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

  803.                                             </label>

  804.                                         </div>

  805.                             	</form>

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

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

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

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

  810.             </div>

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

  812.             

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

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

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

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

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

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

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

  820.                             <div class="dataTable_wrapper">

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

  822.                                         <tr>

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

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

  825.                                         </tr>   

  826.                                         <tr>

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

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

  829.                                         </tr>

  830.                                         <tr>

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

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

  833.                                         </tr>

  834.                                         <tr>

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

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

  837.                                         </tr>

  838.                                 </table>

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

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

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

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

  843.             </div>

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

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

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

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

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

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

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

  851.                         </div>

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

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

  854.                             <div class="dataTable_wrapper">

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

  856.                                     <thead>

  857.                                         <tr>

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

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

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

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

  862.                                         </tr>   

  863.                                     </thead>

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

  865.                                     </tbody>

  866.                                 </table>

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

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

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

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

  871.             </div>

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

  873.                                   

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

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

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

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

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

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

  880.                         </div>

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

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

  883.                             <div class="dataTable_wrapper">

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

  885.                                     <thead>

  886.                                         <tr>

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

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

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

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

  891.                                         </tr>   

  892.                                     </thead>

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

  894.                                     </tbody>

  895.                                 </table>

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

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

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

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

  900.             </div>

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

  902. 			

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

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

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

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

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

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

  909.                         </div>

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

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

  912.                             <div class="dataTable_wrapper">

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

  914.                                     <thead>

  915.                                         <tr>

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

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

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

  919. 											<th style="text-align:center;">已使用(在席)</th>

  920. 											<th style="text-align:center;">未使用(在席)</th>

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

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

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

  924.                                         </tr>

  925.                                     </thead>

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

  927.                                 </table>

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

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

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

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

  932.             </div>

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

  934.                                          

  935.         </div>

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

  937.     </div>

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

  939.     <!-- jQuery -->

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

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

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

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

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

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

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

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

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

  949. 	

  950. 	<!-- virtual keyboard -->

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

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

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

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

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

  956. 	

  957. 	<!-- alertify -->

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

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

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

  961. 	

  962. 	

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

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

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

  966. </body>

  967. </html>   

  968. 

  969. <script>

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

  971. /*

  972. 	客製化參數

  973. */

  974. (function(){

  975. 	AltobObject.xvars = {};

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

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

  978. })();

  979. 

  980. var timer;

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

  982. 

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

  984. function alertify_log($msg)

  985. {

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

  987. 	alertify.log($msg);

  988. }

  989. function alertify_error($msg)

  990. {

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

  992. 	alertify.error($msg);

  993. }

  994. function alertify_success($msg)

  995. {

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

  997. 	alertify.success($msg);

  998. }

  999. function alertify_msg($msg)

  1000. {

  1001. 	alertify.set({ labels: {

  1002. 		ok     : "確定"

  1003. 	} });

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

  1005. 		// do nothing

  1006. 	});

  1007. }

  1008. 

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

  1010. /*

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

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

  1013. 

  1014. // set callback handlers

  1015. client.onConnectionLost = onConnectionLost;

  1016. client.onMessageArrived = onMessageArrived;

  1017.  

  1018. // called when the client connects

  1019. function onConnect() 

  1020. {

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

  1022. 	console.log("onConnect");

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

  1024. }

  1025. 

  1026. // called when the client loses its connection

  1027. function onConnectionLost(responseObject) 

  1028. {

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

  1030. 	{

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

  1032.   	}

  1033. }

  1034. 

  1035. // called when a message arrives

  1036. function onMessageArrived(message) 

  1037. {

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

  1039. } 

  1040. */  

  1041. 

  1042. // 微調剩餘車位數

  1043. function pks_availables_update(idx, value, station_no)

  1044. {	

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

  1046. 	$.ajax

  1047. 	({

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

  1049. 		type: "post", 

  1050. 		dataType:"json",

  1051. 		data: {},

  1052. 		success: function(jdata)

  1053. 		{       

  1054. 			if(jdata > 0)

  1055. 			{

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

  1057. 				

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

  1059. 			}else{

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

  1061. 			}

  1062. 		}

  1063. 	});  

  1064. }

  1065. 

  1066. // 載入頁面

  1067. function load_page(tags)

  1068. {

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

  1070.     {     

  1071. 		$.ajax

  1072. 		({

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

  1074.         			async:false,    

  1075.         			timeout:1500,

  1076.             		type:"post", 

  1077.             		dataType:"text",

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

  1079.             		success:function(jdata)

  1080.             		{

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

  1082.             	    }

  1083. 		}); 

  1084. 	}

  1085. }

  1086.   

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

  1088. function show_item(tags, type)

  1089. {              

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

  1091.          

  1092.     // client.disconnect();         

  1093.     

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

  1095.     if (type == "member_add")

  1096.     {                            

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

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

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

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

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

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

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

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

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

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

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

  1108.     }

  1109.     

  1110.     switch(tags)

  1111.     {          

  1112. 		// -- 設定檔 --			

  1113. 		case "station_setting":

  1114. 			load_page(tags);

  1115. 			reload_station_setting(type);

  1116. 			break;

  1117. 	

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

  1119.     	case "pks_group_query":

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

  1121.             $.ajax

  1122.         	({

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

  1124.             	type: "post", 

  1125.             	dataType:"json",

  1126.             	data: {},

  1127.             	success: function(jdata)

  1128.             	{       

  1129.                 	var pks_group_list = [];  

  1130.                 	for(idx in jdata)

  1131.                     {                                         

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

  1133.                     	pks_group_list = pks_group_list.concat([

  1134. 						"<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>", 	

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1151. 							"</td>",

  1152.                     	"</tr>"]);

  1153.                     }

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

  1155.             	}

  1156.         	});  

  1157.         	break; 

  1158. 	

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

  1160.     	case "member_query":

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

  1162.             $.ajax

  1163.         	({

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

  1165.             	type: "post", 

  1166.             	dataType:"json",

  1167.             	data: {},

  1168.             	success: function(jdata)

  1169.             	{       

  1170.                 	var member_list = [];  

  1171.                 	for(idx in jdata)

  1172.                     {                                         

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

  1174.                     	member_list = member_list.concat([

  1175. 						"<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>", 	

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

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

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

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

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

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

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

  1183.                     		//"<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>", 	

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

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

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

  1187.                     	"</tr>"]);

  1188.                     }

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

  1190.             	}

  1191.         	});  

  1192.         	break; 

  1193. 

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

  1195.     	case "tx_bill_query":

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

  1197.             $.ajax

  1198.         	({

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

  1200.             	type: "post", 

  1201.             	dataType:"json",

  1202.             	data: {},

  1203.             	success: function(jdata)

  1204.             	{       

  1205.                 	var tx_bill_list = [];  

  1206.                 	for(idx in jdata)

  1207.                     {                                         

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

  1209. 						tx_bill_list = tx_bill_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

  1222.                     	"</tr>"]);

  1223.                     }

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

  1225.             	}

  1226.         	});  

  1227.         	break;

  1228. 			

  1229. 		case "tx_bill_ats_query":

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

  1231.             $.ajax

  1232.         	({

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

  1234.             	type: "post", 

  1235.             	dataType:"json",

  1236.             	data: {},

  1237.             	success: function(jdata)

  1238.             	{       

  1239.                 	var tx_bill_ats_list = [];  

  1240.                 	for(idx in jdata)

  1241.                     {                                         

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

  1243.                     	tx_bill_ats_list = tx_bill_ats_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

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

  1257.                     	"</tr>"]);

  1258.                     }

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

  1260.             	}

  1261.         	});  

  1262.         	break; 			

  1263.                            

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

  1265.         case "carin_query":

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

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

  1268.         	break;       

  1269.             

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

  1271.         case "cario_list":

  1272.             // connect the client

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

  1274.         	break;

  1275.                   

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

  1277.         case "reversible_lane":

  1278.             $.ajax

  1279.         	({

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

  1281.             	type: "post", 

  1282.             	dataType:"json",

  1283.             	data: {},

  1284.             	success: function(jdata)

  1285.             	{       

  1286.                 	for(idx in jdata)

  1287.                     {          

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

  1289.                     }

  1290.             	}

  1291.         	}); 

  1292.         	break;   

  1293.             

  1294.         // ----- 在席查核 -----   

  1295.         case "pks_check":   

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

  1297.             $.ajax

  1298.         	({

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

  1300.             	type: "post", 

  1301.             	dataType:"json",

  1302.             	data: {},

  1303.             	success: function(jdata)

  1304.             	{               

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

  1306.                 	for(idx in jdata)

  1307.                     {          

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

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

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

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

  1312.                         "<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>";

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

  1314.                     }

  1315.                     

  1316.                 	set_resize();

  1317.             	}

  1318.         	}); 

  1319.         	break;

  1320.             

  1321.         // ----- 入場查核 -----   

  1322.         case "carin_check":     

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

  1324.             $.ajax

  1325.         	({

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

  1327.             	type: "post", 

  1328.             	dataType:"json",

  1329.             	data: {},

  1330.             	success: function(jdata)

  1331.             	{               

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

  1333.                 	for(idx in jdata)

  1334.                     {          

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

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

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

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

  1339.                         "<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>";

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

  1341.                     }

  1342.                     

  1343.                 	set_resize();

  1344.             	}

  1345.         	});

  1346.         	break;

  1347.             

  1348.         default:

  1349.         	break;

  1350.     }

  1351.     

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

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

  1354.     return false;

  1355. }        

  1356. 

  1357. 

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

  1359. function carin_lpr_query()

  1360. {                      

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

  1362. 	if ( lpr == "")

  1363.     {

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

  1365.         return false;

  1366.     } 

  1367.     

  1368.     $.ajax

  1369.     ({

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

  1371.         type: "post", 

  1372.         dataType:"json",

  1373.         data: {},

  1374.         success: function(jdata)

  1375.         {                      

  1376.         	if (jdata.length == 0)

  1377.             {

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

  1379.                 return false;

  1380.             }                

  1381.                     

  1382.             var str = "";              

  1383.         	for(idx in jdata)

  1384.             {           

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

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

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

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

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

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

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

  1392.             }

  1393.                         

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

  1395.                         

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

  1397. 			$('.carin_resize').hover

  1398.     		(         

  1399.     			function()

  1400.         		{       

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

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

  1403.             

  1404.             		$("#works").css

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

  1406.             			"top":pos_y,

  1407.                 		"left":pos_x

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

  1409.     			},

  1410.     			function()

  1411.         		{                                 

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

  1413.     			}

  1414. 			);

  1415.             

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

  1417.         }

  1418.     });

  1419. }  

  1420. 

  1421.                  

  1422. 

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

  1424. function carin_time_query()

  1425. {                      

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

  1427. 	if (time_query == "")

  1428.     {

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

  1430.         return false;

  1431.     } 

  1432.     

  1433.     $.ajax

  1434.     ({

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

  1436.         type: "post", 

  1437.         dataType:"json",

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

  1439.         success: function(jdata)

  1440.         {       

  1441.         	var str = "";              

  1442.         	for(idx in jdata)

  1443.             {           

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

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

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

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

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

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

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

  1451.             }

  1452.                         

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

  1454.                         

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

  1456. 			$('.carin_resize').hover

  1457.     		(         

  1458.     			function()

  1459.         		{       

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

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

  1462.             

  1463.             		$("#works").css

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

  1465.             			"top":pos_y,

  1466.                 		"left":pos_x

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

  1468.     			},

  1469.     			function()

  1470.         		{                                 

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

  1472.     			}

  1473. 			);

  1474.             

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

  1476.         }

  1477.     });

  1478. }  

  1479. 

  1480. // 車辨失敗查詢

  1481. function carin_none_query()

  1482. {                      

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

  1484. 	if (time_query == "")

  1485.     {

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

  1487.         return false;

  1488.     }

  1489.     

  1490.     $.ajax

  1491.     ({

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

  1493.         type: "post", 

  1494.         dataType:"json",

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

  1496.         success: function(jdata)

  1497.         {       

  1498.         	var content_arr = [];              

  1499.         	for(idx in jdata)

  1500.             {           

  1501.             	content_arr = content_arr.concat([

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

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

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

  1505. 							]);

  1506. 									

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

  1508. 				content_arr = content_arr.concat([

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

  1510. 							]);

  1511. 									

  1512. 				content_arr = content_arr.concat([

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

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

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

  1516. 										"<img height='57' width='150' class='carin_resize' src='", jdata[idx]['pic_name'], "' /></td></tr>"

  1517. 							]);

  1518.             }

  1519.                         

  1520.             $("#carin_query_tbody").html(content_arr.join(''));

  1521.                         

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

  1523. 			$('.carin_resize').hover

  1524.     		(         

  1525.     			function()

  1526.         		{       

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

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

  1529.             

  1530.             		$("#works").css

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

  1532.             			"top":pos_y,

  1533.                 		"left":pos_x

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

  1535.     			},

  1536.     			function()

  1537.         		{                                 

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

  1539.     			}

  1540. 			);

  1541.             

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

  1543.         }

  1544.     });

  1545. }  

  1546. 

  1547.                            

  1548. <?php /* 修改或刪除選項 */ ?>

  1549. function member_modify(member_no)

  1550. {

  1551. 	select_item = $("#sel_"+member_no).val();

  1552.     switch(select_item)

  1553.     {

  1554.      	case "choice":<?php /* 請選擇(忽略不處理) */ ?>

  1555.         	return flase;

  1556.         

  1557.         case "modify": 

  1558.             $("#ma_lpr").val($("#lpr_"+member_no).text());

  1559.             $("#ma_old_lpr").val($("#lpr_"+member_no).text());

  1560.             $("#ma_member_id").val($("#lpr_"+member_no).data("member_id"));

  1561.             $("#ma_tel_o").val($("#lpr_"+member_no).data("tel_o"));

  1562.             $("#ma_tel_h").val($("#lpr_"+member_no).data("tel_h"));

  1563.             $("#ma_addr").val($("#lpr_"+member_no).data("addr"));

  1564.             //$("#ma_start_date").val($("#sdate_"+member_no).text());

  1565. 			//$("#ma_end_date").val($("#edate_"+member_no).text());

  1566. 			//$("#ma_start_date").val($("#sdate_"+member_no).text().split(' ')[0]);

  1567. 			//$("#ma_end_date").val($("#edate_"+member_no).text().split(' ')[0]);

  1568. 			$("#ma_start_date").val($("#sdate_"+member_no).text().replace(' ', 'T'));

  1569. 			$("#ma_end_date").val($("#edate_"+member_no).text().replace(' ', 'T'));

  1570.             $("#ma_member_name").val($("#name_"+member_no).text());

  1571.             $("#ma_mobile_no").val($("#mobile_"+member_no).text());

  1572.             $("#ma_contract_no").val($("#contract_"+member_no).text());

  1573.             $("#ma_etag").val($("#etag_"+member_no).text());

  1574.             $("#ma_amt").val($("#amt_"+member_no).text());

  1575.             $("#ma_member_no").val(member_no);

  1576.     		$("#member_data_type").text("修改會員資料");

  1577.         	show_item("member_add", "member_modify"); 

  1578.         	break;

  1579.             

  1580.         case "delete":

  1581. 			if (!confirm("確定刪除嗎 ?"))	return false;

  1582.                                    

  1583. 			$.ajax

  1584.     		({     

  1585.         		url:"<?=APP_URL?>member_delete",

  1586.             	type:"post",

  1587.             	dataType:"text",  

  1588.             	data:{"member_no":member_no},

  1589.             	success:function(jdata)

  1590.             	{

  1591.                 	if (jdata == "ok")

  1592.                     {

  1593.                 		alert("刪除成功 !");

  1594.                         show_item("member_query", "member_query");

  1595.                     }  

  1596.                 }        

  1597.     		});        

  1598.         	break;

  1599.     }	

  1600. }  

  1601.           

  1602. 

  1603. <?php /* 每隔固定時間, 檢查剩餘車位數 */ ?>                 

  1604. function available_check(time_point)

  1605. {                           

  1606. 	$.ajax

  1607.     ({     

  1608.     	url:"<?=APP_URL?>available_check",

  1609.         type:"post",

  1610.         dataType:"json",  

  1611.         data:{"time_point":time_point},

  1612.         success:function(jdata)

  1613.         {           

  1614.         	for(idx in jdata)

  1615.             {           

  1616.             	if (idx == 0) { continue; }

  1617.                 

  1618.                 stno = jdata[idx]['station_no'];                                      

  1619.                 $("[data-stno_curr="+stno+"]>[data-tag=station_no]").text(stno);

  1620.                 $("[data-stno_curr="+stno+"]>[data-tag=name]").text(jdata[idx]['name']);

  1621.                 $("[data-stno_curr="+stno+"]>[data-tag=tot_pkg]").text(jdata[idx]['tot_pkg']);

  1622.                 $("[data-stno_curr="+stno+"]>[data-tag=ava_pkg]").text(jdata[idx]['ava_pkg']);

  1623.                 $("[data-stno_curr="+stno+"]>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);

  1624.                 $("[data-stno_curr="+stno+"]>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']); 

  1625.             }        

  1626. 			window.clearTimeout(timer);

  1627.     		timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);

  1628.         }

  1629.     });                     

  1630. }

  1631. 

  1632. 

  1633. <?php /* 讀出剩餘車位數供清單用 */ ?>

  1634. function available_curr()

  1635. {                   

  1636. 	$.ajax

  1637.     ({

  1638.         	url: "<?=APP_URL?>available_set",

  1639.             type: "post",

  1640.             dataType:"json",

  1641.             success: function(jdata)

  1642.             {

  1643.                 $("#available_curr_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>

  1644.                 for(idx in jdata)

  1645.                 {     

  1646.                 	if (idx == 0) { continue; }                                           

  1647.                 	stno = jdata[idx]['station_no'];

  1648.                 	$("#available_curr_wk>[data-tag=station_no]").text(stno);

  1649.                 	$("#available_curr_wk>[data-tag=name]").text(jdata[idx]['name']);

  1650.                 	$("#available_curr_wk>[data-tag=tot_pkg]").text(jdata[idx]['tot_pkg']);

  1651.                 	$("#available_curr_wk>[data-tag=ava_pkg]").text(jdata[idx]['ava_pkg']);

  1652.                 	$("#available_curr_wk>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);

  1653.                 	$("#available_curr_wk>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);

  1654.                     $("<tr data-stno_curr='"+stno+"'>"+$("#available_curr_wk").html()+"</tr>").appendTo("#available_curr_tbody"); 

  1655.                 }  

  1656.                 $("#available_curr").show(); 

  1657.                 timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);

  1658.             }

  1659.     });

  1660. }

  1661. 

  1662. 

  1663. <?php /* 讀出剩餘車位數供設定用 */ ?>

  1664. function available_set()

  1665. {     

  1666. 	$.ajax

  1667.         ({

  1668.         	url: "<?=APP_URL?>available_set",

  1669.             type: "post",

  1670.             dataType:"json",

  1671.             success: function(jdata)

  1672.             {

  1673.                 $("#available_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>

  1674.                 for(idx in jdata)

  1675.                 {        

  1676.                 	if (idx == 0) { continue; }

  1677.                                                                    

  1678.                 	st_no = jdata[idx]['station_no'];

  1679.                 	$("#available_list>[data-tag=station_no]").text(st_no);

  1680.                 	$("#available_list>[data-tag=name]").html("<input id='st_name_"+st_no+"' value='"+jdata[idx]['name']+"' class='form-control' />");

  1681.                 	$("#available_list>[data-tag=tot_pkg]").html("<input id='st_tot_"+st_no+"' value='"+jdata[idx]['tot_pkg']+"' class='form-control input-sm' />");

  1682.                 	$("#available_list>[data-tag=ava_pkg]").html("<input id='st_ava_"+st_no+"' value='"+jdata[idx]['ava_pkg']+"' class='form-control input-sm' />");

  1683.                 	$("#available_list>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);

  1684.                 	$("#available_list>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);

  1685.                 	$("#available_list>[data-tag=edits]").html("<button onclick=\"available_update('"+st_no+"');\">修改</button>"); 

  1686.                     $("<tr data-st_no='"+st_no+"'>"+$("#available_list").html()+"</tr>").appendTo("#available_tbody"); 

  1687.                 }  

  1688.                 <?php /* 清除最後一筆的暫存資料, 以免最後一筆的id發生重覆 */ ?>

  1689.                 $("#available_list>[data-tag=name]").html("");

  1690.                 $("#available_list>[data-tag=tot_pkg]").html("");

  1691.                 $("#available_list>[data-tag=ava_pkg]").html("");

  1692.                 $("#available_set").show();

  1693.             }

  1694.     }); 

  1695. }  

  1696.                                   

  1697. <?php /* 剩餘車位數更新 */ ?>

  1698. function available_update(station_no)

  1699. {             

  1700. 	$.ajax

  1701.     ({

  1702.         url: "<?=APP_URL?>available_update", 

  1703.         dataType:"json",

  1704.         type:"post",

  1705.         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()},

  1706.         success:function(jdata)

  1707.         {     

  1708.         	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=used_pkg]").text(jdata['used_pkg']);

  1709.         	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=ratio_pkg]").text(jdata['ratio_pkg']);

  1710.          	alert($("#st_name_"+station_no).val()+"("+station_no+") 已更新完成 !");

  1711.     	}

  1712.     }); 

  1713. }

  1714. 

  1715. var current_h;

  1716. var current_w;

  1717. 

  1718. $(document).ready(function()   

  1719. {                                    

  1720. 	$(".cario_list").css({"vertical-align":"middle"});<?php /* 進出場實況表,強制垂直置中 */ ?> 

  1721.     

  1722. 	$("#member_add").submit(function(event)

  1723. 	{                   

  1724.     	if ($("#ma_member_no").val() == "0")

  1725.         {

  1726.         	$("#ma_old_lpr").val($("#ma_lpr").val());

  1727.         }

  1728.     	event.preventDefault();

  1729.         $.ajax

  1730.         ({

  1731.         	url: "<?=APP_URL?>member_add",

  1732.             type: "post", 

  1733.             dataType:"text",

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

  1735.             success: function(jdata)

  1736.             {         

  1737.             	if (jdata == "ok")

  1738.                 {                             

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

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

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

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

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

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

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

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

  1747.                 	$("#ma_member_id").val("");

  1748.                 	$("#ma_tel_h").val("");

  1749.                 	$("#ma_tel_o").val("");

  1750.                 	$("#ma_addr").val("");

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

  1752.                 	alert("月租資料存檔完成 !");

  1753.                     show_item('member_query', 'member_query');

  1754.                 } 

  1755.                 else

  1756.                 {

  1757.                  	alert(jdata);

  1758.                 }

  1759.             }

  1760.         }); 

  1761.     });

  1762.         

  1763.     set_resize();	// 建立放大照片

  1764.                             

  1765.     // 調撥車道設定

  1766. 	$('#lane_form input[type=radio]').change(function() 

  1767.     {       

  1768.     	lane_no = $(this).data("lane_no"); 

  1769. 		$.ajax

  1770.     	({

  1771.         	url: "<?=APP_URL?>reversible_lane_set", 

  1772.         	dataType:"text",

  1773.         	type:"post",

  1774.         	data:{"lane_no":lane_no, "actions":$(this).val()},

  1775.         	success:function(jdata)

  1776.         	{     

  1777.     		}                                                                          

  1778.     	}); 

  1779.     

  1780.     	return true;

  1781. 	}); 

  1782. 	

  1783. 	

  1784. 	// Custom: altob-keyaction

  1785.   	// ********************

  1786. 	$.extend($.keyboard.keyaction, {

  1787. 		accept : function(base) {

  1788. 			base.close(true); // same as base.accept();

  1789. 			

  1790. 			// do something

  1791. 			

  1792. 			return false;     // return false prevents further processing

  1793. 		}

  1794. 	});

  1795. 	

  1796. 	// Custom: altob-input

  1797.   	// ********************

  1798.   	$('#upd_cario_lpr, #cms_lpr').keyboard({

  1799. 

  1800. 		usePreview: false,

  1801. 	

  1802. 		css : {

  1803. 		  // input & preview styles

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

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

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

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

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

  1809. 		  // hovered button

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

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

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

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

  1814. 		  buttonDisabled : 'ui-state-disabled'

  1815. 		},

  1816. 		

  1817. 		position : {

  1818. 		  // null (attach to input/textarea) or a jQuery object (attach elsewhere)

  1819. 		  of : null,

  1820. 		  my : 'center top',

  1821. 		  at : 'center top',

  1822. 		  // at2 is used when "usePreview" is false (centers keyboard at the bottom

  1823. 		  // of the input/textarea)

  1824. 		  at2: 'center bottom',

  1825. 		  collision: 'flipfit flipfit'

  1826. 		},

  1827. 

  1828.   		display: {

  1829.   			'bksp'    : '\u2190',

  1830.   			'default' : 'ABC',

  1831.   			'accept'  : '確 認'

  1832.   		},

  1833. 

  1834.   		layout: 'custom',

  1835. 

  1836.   		customLayout: {

  1837. 

  1838.   			'default': [

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

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

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

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

  1843.   			]

  1844. 

  1845.   		}

  1846. 

  1847.   	});

  1848. 	

  1849. }); 

  1850. 

  1851. $(document).ready(function() 

  1852. {

  1853.     $returntrue=cario_listtable();

  1854.     if($returntrue){

  1855.         setInterval(function(){ cario_listtable(); }, 5000);  //預設10000毫秒自動重複執行cartnumber()函數

  1856.     }

  1857. 

  1858.                     function cario_listtable(){

  1859.                     $.ajax

  1860.         	        ({

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

  1862.             	        type: "post", 

  1863.             	        dataType:"json",

  1864.             	        data: {},

  1865.             	        success: function(jdata)

  1866.             	        {

  1867.                             $("#cario_list_tbody").html("");

  1868.                 	        for(idx in jdata)

  1869.                             {

  1870.                                 str = "<tr id='cario_"+idx+"'>"+

  1871.                                     "<td class=\"cario_list\" data-tag=\"io_name\">"+jdata[idx]['io_name']+"</td>"+

  1872.                                     "<td class=\"cario_list\" data-tag=\"io_time\">"+jdata[idx]['io_time']+"</td>"+

  1873.                                     "<td class=\"cario_list\" data-tag=\"lpr\">"+jdata[idx]['lpr']+"</td>"+

  1874.                                     "<td class=\"cario_list\" data-tag=\"etag\">"+jdata[idx]['etag']+"</td>"+

  1875.                                     "<td class=\"cario_list\" data-tag=\"owner\">"+jdata[idx]['owner']+"</td>"+

  1876.                                     "<td class=\"cario_list\" data-tag=\"pic_name\"><img height='57' width='150' class='resize' src="+jdata[idx]['pic_name']+"></td>"+

  1877.                                     "</tr>"                              

  1878.                                 $("#cario_list_tbody").append(str);

  1879.                             }

  1880.                             set_resize();

  1881.             	        }

  1882.                     }); 

  1883.                     return true; 

  1884.                     }

  1885.     });

  1886. 

  1887. function opendoors(lane_no)

  1888. {

  1889. 	$.ajax

  1890.     ({

  1891.         url: "<?=APP_URL?>opendoors/"+lane_no, 

  1892.         dataType:"text",

  1893.         type:"post",

  1894.         data:{},

  1895.         success:function(jdata)

  1896.         {     

  1897.     	}                                                                          

  1898.     }); 

  1899.     

  1900.     return true;

  1901. }    

  1902.              

  1903. // 設定放大照片

  1904. function set_resize()

  1905. {

  1906. 	$('.resize').hover

  1907.     (         

  1908.     	function()

  1909.         {       

  1910.         	pos_x = $(this).position().left - 100;

  1911.         	pos_y = $(this).position().top - 100;

  1912.             

  1913.             $("#works").css

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

  1915.             	"top":pos_y,

  1916.                 "left":pos_x

  1917.             }).html("<img src='"+$(this).attr("src")+"' width='400px' height='240px' />").show();

  1918.     	},

  1919.     	function()

  1920.         {                                 

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

  1922.     	}

  1923. 	);   

  1924. }     

  1925. 

  1926. // 重設在席查核

  1927. function reset_pks_check()

  1928. {

  1929. 	$.ajax

  1930.     ({

  1931.         url: "<?=APP_URL?>reset_pks_check", 

  1932.         dataType:"json",

  1933.         type:"post",

  1934.         data:{},

  1935.         success:function(jdata)

  1936.         {

  1937.         	alert("重設在席查核完成,在席總計:"+jdata["tot"]+", 更新筆數:"+jdata["tot_correct"]);     

  1938.     	}                                                                          

  1939.     }); 

  1940. }    

  1941. 

  1942. 

  1943. // 更正在席車號

  1944. function correct_lpr(pksno, lpr)

  1945. {          

  1946. 	new_lpr = prompt("車格#"+pksno+"正確車號(大小寫皆可):", lpr);

  1947.     if (new_lpr == "")	return false;  

  1948.     

  1949. 	$.ajax

  1950.     ({

  1951.         url: "<?=APP_URL?>correct_pks_lpr/"+pksno+"/"+new_lpr.toUpperCase(), 

  1952.         dataType:"json",

  1953.         type:"post",

  1954.         data:{},

  1955.         success:function(jdata)

  1956.         {                                                                            

  1957.             msg_err = jdata["err"] == 0 ? "在席更新正確車號," : "在席或車號錯誤無法更新,";

  1958.             msg_cario = jdata["cario_no"] == 0 ? "查無入場資料" : "且與入場資料相符";

  1959.         	alert(msg_err+msg_cario); 

  1960.             show_item('pks_check', 'pks_check');    

  1961.     	}                                                                          

  1962.     }); 

  1963. }      

  1964. 

  1965. 

  1966. // 更正在席車號

  1967. function correct_carin_lpr(cario_no, lpr, in_time)

  1968. {          

  1969. 	new_lpr = prompt("正確車號(大小寫皆可):", lpr);

  1970.     if (new_lpr == "")	return false;

  1971.     

  1972. 	$.ajax

  1973.     ({

  1974.         url: "<?=APP_URL?>correct_carin_lpr/"+cario_no+"/"+new_lpr.toUpperCase()+"/"+encodeURIComponent(in_time), 

  1975.         dataType:"json",

  1976.         type:"post",

  1977.         data:{},

  1978.         success:function(jdata)

  1979.         {                                                                            

  1980.             msg_pks = jdata["pksno"] == 0 ? "但無在席資料" : "且在席資料也更新完成 !";

  1981.         	alert("入場資料更新完成, "+msg_pks); 

  1982.             show_item('carin_check', 'carin_check');    

  1983.     	}                                                                          

  1984.     }); 

  1985. }

  1986. 

  1987. 

  1988. 

  1989. 

  1990. 

  1991. 

  1992. <?php /* 登出 */ ?>

  1993. function logout(event)

  1994. {

  1995. 	event.preventDefault();

  1996. 	$.ajax

  1997.         ({

  1998.         	url: "<?=APP_URL?>user_logout",

  1999.             success: function(jdata)

  2000.             {

  2001. 				window.location = "<?=APP_URL?>";

  2002.             }

  2003. 	}); 

  2004. }

  2005. 

  2006. </script>

  2007. 

  2008. 

  2009. 

  2010. 

  2011. 

  2012. 

  2013. <!-- ----- 進出資料建立小框 ----- -->

  2014. <div class="modal fade" id="show_create_cario_dialog">

  2015. <div class="modal-dialog" style="width:70%;height:100%">

  2016. <div class="modal-content" style="width:70%;height:100%">

  2017. <div class="modal-header"><h3>手動建立資料</h3></div>

  2018. <div class="modal-body" style="max-height: calc(100vh - 210px); overflow-y: auto">

  2019. <form id="show_create_cario_form" class="center-block">    

  2020. <div class="main">

  2021. <div class="dataTable_wrapper">

  2022. <table class="table table-striped table-bordered table-hover" style="font-size:28px;">

  2023. <tbody>

  2024. 

  2025. <tr class="form-group">

  2026. 	<td style="text-align:right;">場站</td>

  2027. 	<td style="text-align:left;" id="create_cario_station_name"></td>

  2028. </tr>

  2029. <tr class="form-group">

  2030. 	<td style="text-align:right;">場站編號</td>

  2031. 	<td style="text-align:left;" id="create_cario_station_no"></td>

  2032. </tr> 

  2033. <!--tr class="form-group">

  2034. <td style="text-align:right;">車道</td>

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

  2036. 		<div id="cms_ivsno_box"/>

  2037. 	</td>

  2038. </tr-->

  2039. <tr class="form-group">

  2040. <td style="text-align:right;">進出場</td>

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

  2042. 		<div id="cms_io_box"/>

  2043. 	</td>

  2044. </tr>

  2045. <tr class="form-group">

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

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

  2048.     <input id="cms_time_box" name="cms_time" type="datetime-local" class="form-control" style="font-size:36px;height:56px;" autocomplete="off" disabled="disabled"

  2049.         min="<?php echo substr(date("c",strtotime("-1months")),0,16); ?>" />

  2050. 	</td>

  2051. </tr>

  2052. <tr class="form-group">

  2053. <td style="text-align:right;">車種</td>

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

  2055. 		<div id="cms_ctype_box"/>

  2056. 	</td>

  2057. </tr>

  2058. <tr class="form-group">

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

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

  2061. 		<input id="cms_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase;font-size:48px;height:56px;" />

  2062. 	</td>

  2063. </tr> 

  2064. 

  2065. 

  2066. </tbody>

  2067. </table>                    

  2068. <button type="button" class="btn btn-large btn-success pull-right" style="font-size:22px;"   onclick="do_create_cario();">確認送出</button>

  2069. &nbsp;&nbsp;

  2070. <button type="button" class="btn btn-large btn-cancel" onclick="$('#show_create_cario_dialog').modal('hide');">取消</button>

  2071. </div><!-- ----- end of dataTable_wrapper ----- -->  

  2072. </div><!-- ----- end of main ----- -->

  2073. </form>

  2074. </div><!-- end of modal-body --> 

  2075. </div><!-- end of modal-content --> 

  2076. </div><!-- end of modal-dialog -->

  2077. </div><!-- end of modal show -->

  2078. <!-- ----- 進出資料建立小框(結束) ----- -->  

  2079. 

  2080. 

  2081. 

  2082. <script>  

  2083. //選擇進場車道時可以設定進場時間

  2084. function time_check()

  2085. {

  2086.     var station_no = AltobObject.xvars["create_cario_info"]["station_no"];

  2087.     var io = $("#sel_cms_io_" + station_no).val();

  2088.     if(io == 'I')

  2089.     {

  2090.         $("#cms_time_box").attr('disabled', false);

  2091.     }

  2092.     else

  2093.     {

  2094.         //編輯時間

  2095.         var mydate = new Date();

  2096.         var month = mydate.getMonth() + 1;

  2097.         var day = mydate.getDate();

  2098.         var hours = mydate.getHours();

  2099.         var minutes = mydate.getMinutes();

  2100.   

  2101.         month = (month.toString().length == 1) ? ("0" + month) : month;

  2102.         day = (day.toString().length == 1) ? ("0" + day) : day;

  2103.         hours = (hours.toString().length == 1) ? ("0" + hours) : hours;

  2104.         minutes = (minutes.toString().length == 1) ? ("0" + minutes) : minutes;

  2105.         var result = mydate.getFullYear() + '-' + month + '-' + day+'T'+hours+':'+minutes;

  2106.         //設定現在時間

  2107.         $("#cms_time_box").val(result.toString());

  2108.         $("#cms_time_box").attr('disabled', true);

  2109.     }

  2110. }

  2111. 

  2112. // 顯示新增車辨記錄

  2113. function show_create_cario_dialog()

  2114. {				

  2115. 	if(typeof AltobObject.station_no == 'undefined' || AltobObject.station_no == '' || AltobObject.station_no == 0)

  2116. 	{

  2117. 		alertify_msg("尚未設定場站。。");

  2118. 		return false;

  2119. 	}

  2120. 	

  2121. 	if(typeof AltobObject.xvars == 'undefined')

  2122. 	{

  2123. 		alertify_msg("未知的錯誤。。");

  2124. 		return false;

  2125. 	}

  2126. 

  2127. 	AltobObject.xvars["create_cario_info"] = {};

  2128. 	AltobObject.xvars["create_cario_info"]["station_no"] = AltobObject.station_no;

  2129. 

  2130. 	$("#create_cario_station_name").text(AltobObject.station_name);

  2131. 	$("#create_cario_station_no").text(AltobObject.station_no);

  2132. 	

  2133. 	// 進出場

  2134. 	var cms_io_content = [];

  2135. 	cms_io_content = cms_io_content.concat(["<select onClick=\"time_check();\" id='sel_cms_io_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);

  2136. 	cms_io_content = cms_io_content.concat(["<option value='I'>進場</option>"]);

  2137. 	cms_io_content = cms_io_content.concat(["<option value='O'>離場</option>"]);

  2138. 	$("#cms_io_box").html('').html(cms_io_content.join(''));

  2139. 

  2140. 	// 車種

  2141. 	var cms_ctype_content = [];

  2142. 	cms_ctype_content = cms_ctype_content.concat(["<select id='sel_cms_ctype_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);

  2143. 	cms_ctype_content = cms_ctype_content.concat(["<option value='C'>汽車</option>"]);

  2144. 	cms_ctype_content = cms_ctype_content.concat(["<option value='M'>機車</option>"]);

  2145. 	$("#cms_ctype_box").html('').html(cms_ctype_content.join(''));

  2146.     

  2147.     //編輯時間

  2148.     var mydate = new Date();

  2149.     var month = mydate.getMonth() + 1;

  2150.     var day = mydate.getDate();

  2151.     var hours = mydate.getHours();

  2152.     var minutes = mydate.getMinutes();

  2153.   

  2154.     month = (month.toString().length == 1) ? ("0" + month) : month;

  2155.     day = (day.toString().length == 1) ? ("0" + day) : day;

  2156.     hours = (hours.toString().length == 1) ? ("0" + hours) : hours;

  2157.     minutes = (minutes.toString().length == 1) ? ("0" + minutes) : minutes;

  2158.     var result = mydate.getFullYear() + '-' + month + '-' + day+'T'+hours+':'+minutes;

  2159.     //設定現在時間

  2160.     $("#cms_time_box").val(result.toString());

  2161. 

  2162. 	// 車號

  2163. 	$("#cms_lpr").val('');

  2164. 	

  2165. 	$("#show_create_cario_dialog").modal({backdrop:false,keyboard:false});

  2166. }

  2167. 	

  2168. // 完成

  2169. function do_create_cario()

  2170. {

  2171. 	var station_no = AltobObject.xvars["create_cario_info"]["station_no"];

  2172. 	var io = $("#sel_cms_io_" + station_no).val();

  2173. 	var ctype = $("#sel_cms_ctype_" + station_no).val();

  2174. 	var lpr = $("#cms_lpr").val();

  2175. 	var time = $("#cms_time_box").val();

  2176. 

  2177. 	if(!(station_no))

  2178.     {

  2179.         alertify_msg("系統錯誤");

  2180. 		return false;

  2181.     }

  2182.     if(io!='I' && io!='O')

  2183.     {

  2184.         alertify_msg("請選擇此車是進場還是出場?");

  2185. 		return false;

  2186.     }

  2187.     if(ctype!='C' && ctype!='M')

  2188.     {

  2189.         alertify_msg("請選擇車種");

  2190. 		return false;

  2191.     }

  2192. 	if(lpr.length < 4 || lpr.length > 7)

  2193. 	{

  2194. 		alertify_msg("請檢查車號是否正確?");

  2195. 		return false;

  2196. 	}

  2197.     var dt = new Date(time.replace("-", "/").replace("-", "/").replace("T", " "));

  2198.     var dt1 = new Date();

  2199.     var dt2 = new Date();

  2200.     dt2.setMonth(dt1.getMonth() - 1);

  2201.     if(dt > dt1 || dt < dt2)

  2202.     {

  2203.         alertify_msg("請注意：時間不能大於現在時間，以及不能低於1個月");

  2204. 		return false;

  2205.     }

  2206. 

  2207.     if (!confirm("確認資料無誤並送出 ?")) return false; 

  2208. 

  2209. 	$.ajax

  2210.     ({

  2211.         url: "<?=APP_URL?>local_lprio", 

  2212.         dataType: "text",

  2213.         type:"post",

  2214.         data:

  2215.         {

  2216. 			"cmd": 1,

  2217.         	"station_no":station_no,

  2218. 			"ivsno": 0,	//  都帶 0

  2219. 			"io":io,

  2220. 			"ctype":ctype,

  2221.             "time":time,

  2222. 			"lpr":lpr

  2223.         },

  2224. 		error:function(xhr, ajaxOptions, thrownError)

  2225.         {

  2226. 			alertify_msg(xhr.responseText);

  2227.         	console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  

  2228.         },

  2229.         success:function(jdata)

  2230.         {                                                                            

  2231. 			if (jdata == "ok")	

  2232.             {                              

  2233. 				alertify_msg("操作完成。。");

  2234. 				

  2235. 				show_item('cario_list', 'cario_list');	// 更新

  2236.             }

  2237.             else

  2238.             {

  2239. 				alertify_msg("操作失敗。。" + jdata);

  2240.             }

  2241.         }

  2242.     });

  2243.     

  2244.     delete AltobObject.xvars["create_cario_info"];

  2245.     $('#show_create_cario_dialog').modal('hide'); 

  2246. }

  2247. </script>  

  2248. 

  2249. 

  2250. 

  2251. <!-- ----- 進出資料修改小框 ----- -->

  2252. <div class="modal fade" id="show_upd_cario_dialog">

  2253. <div class="modal-dialog" style="width:70%;height:100%">

  2254. <div class="modal-content" style="width:70%;height:100%">

  2255. <div class="modal-header"><h3>手動建立資料</h3></div>

  2256. <div class="modal-body" style="max-height: calc(100vh - 210px); overflow-y: auto">

  2257. <form id="show_upd_cario_form" class="center-block">    

  2258. <div class="main">

  2259. <div class="dataTable_wrapper">

  2260. <table class="table table-striped table-bordered table-hover" style="font-size:28px;">

  2261. <tbody>

  2262. 

  2263. <tr class="form-group">

  2264. 	<td style="text-align:right;">場站</td>

  2265. 	<td style="text-align:left;" id="upd_cario_station_name"></td>

  2266. </tr>

  2267. <tr class="form-group">

  2268. 	<td style="text-align:right;">場站編號</td>

  2269. 	<td style="text-align:left;" id="upd_cario_station_no"></td>

  2270. </tr> 

  2271. <tr class="form-group">

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

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

  2274. 		<input id="upd_cario_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase;font-size:48px;height:56px;" />

  2275. 	</td>

  2276. </tr> 

  2277. 

  2278. 

  2279. </tbody>

  2280. </table>                    

  2281. <button type="button" class="btn btn-large btn-success pull-right" style="font-size:22px;"   onclick="do_upd_cario();">確認送出</button>

  2282. &nbsp;&nbsp;

  2283. <button type="button" class="btn btn-large btn-cancel" onclick="$('#show_upd_cario_dialog').modal('hide');">取消</button>

  2284. </div><!-- ----- end of dataTable_wrapper ----- -->  

  2285. </div><!-- ----- end of main ----- -->

  2286. </form>

  2287. </div><!-- end of modal-body --> 

  2288. </div><!-- end of modal-content --> 

  2289. </div><!-- end of modal-dialog -->

  2290. </div><!-- end of modal show -->

  2291. <!-- ----- 進出資料修改小框(結束) ----- -->  

  2292. 

  2293. 

  2294. 

  2295. <script>  

  2296. 

  2297. // 顯示新增車辨記錄

  2298. function show_upd_cario_dialog(cario_no, lpr)

  2299. {				

  2300. 	if(typeof AltobObject.station_no == 'undefined' || AltobObject.station_no == '' || AltobObject.station_no == 0)

  2301. 	{

  2302. 		alertify_msg("尚未設定場站。。");

  2303. 		return false;

  2304. 	}

  2305. 	

  2306. 	if(typeof AltobObject.xvars == 'undefined')

  2307. 	{

  2308. 		alertify_msg("未知的錯誤。。");

  2309. 		return false;

  2310. 	}

  2311. 

  2312. 	AltobObject.xvars["upd_cario_info"] = {};

  2313. 	AltobObject.xvars["upd_cario_info"]["station_no"] = AltobObject.station_no;

  2314. 	AltobObject.xvars["upd_cario_info"]["cario_no"] = cario_no;

  2315. 	AltobObject.xvars["upd_cario_info"]["old_lpr"] = lpr;

  2316. 

  2317. 	$("#upd_cario_station_name").text(AltobObject.station_name);

  2318. 	$("#upd_cario_station_no").text(AltobObject.station_no);

  2319. 	

  2320. 	// 車號

  2321. 	if(lpr == 'NONE')

  2322. 		$("#upd_cario_lpr").val('');

  2323. 	else

  2324. 		$("#upd_cario_lpr").val(lpr);

  2325. 	

  2326. 	$("#show_upd_cario_dialog").modal({backdrop:false,keyboard:false});

  2327. }

  2328. 	

  2329. // 完成

  2330. function do_upd_cario()

  2331. {

  2332. 	if (!confirm("確認資料無誤並送出 ?")) return false; 

  2333. 	

  2334. 	var station_no = AltobObject.xvars["upd_cario_info"]["station_no"];

  2335. 	var cario_no = AltobObject.xvars["upd_cario_info"]["cario_no"];

  2336. 	var old_lpr = AltobObject.xvars["upd_cario_info"]["old_lpr"];

  2337. 	var new_lpr = $("#upd_cario_lpr").val();

  2338. 	

  2339. 	if(!(station_no && cario_no))

  2340. 	{

  2341. 		alertify_msg("資料不足。。");

  2342. 		return false;

  2343. 	}

  2344. 	

  2345. 	$.ajax

  2346.     ({

  2347.         url: "<?=APP_URL?>local_lprio", 

  2348.         dataType: "text",

  2349.         type:"post",

  2350.         data:

  2351.         {

  2352. 			"cmd": 2,

  2353.         	"station_no":station_no,

  2354. 			"cario_no":cario_no,

  2355. 			"old_lpr":old_lpr,

  2356. 			"new_lpr":new_lpr

  2357.         },

  2358. 		error:function(xhr, ajaxOptions, thrownError)

  2359.         {

  2360. 			alertify_msg(xhr.responseText);

  2361.         	console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  

  2362.         },

  2363.         success:function(jdata)

  2364.         {                                                                            

  2365. 			if (jdata == "ok")	

  2366.             {                              

  2367. 				alertify_msg("操作完成。。");

  2368. 				

  2369. 				show_item('cario_list', 'cario_list');	// 更新

  2370.             }

  2371.             else

  2372.             {

  2373. 				alertify_msg("操作失敗。。" + jdata);

  2374.             }

  2375.         }

  2376.     });

  2377.     

  2378.     delete AltobObject.xvars["upd_cario_info"];

  2379.     $('#show_upd_cario_dialog').modal('hide'); 

  2380. }

  2381. </script> 

  2382. 

  2383. 

  2384. 

  2385. 

  2386. 

  2387. 

  2388. 

  2389. 

  2390. 

  2391. 

  2392. 

  2393. 

  2394. 

  2395.