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

1787 行
94KB
原始文件 Blame 文件历史 

  1. <!DOCTYPE html>

  2. <html lang="zh-TW">

  3. <head>

  4.     <meta charset="utf-8">

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">

  6.     <meta name="viewport" content="width=device-width, initial-scale=1">

  7.     <meta name="description" content="">

  8.     <meta name="author" content="">

  9.     <title>歐特儀管理系統</title>

  10.     <!-- Bootstrap Core CSS -->

  11.     <link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

  12.     <!-- MetisMenu CSS -->

  13.     <link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">

  14.     <!-- Timeline CSS -->

  15.     <link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">

  16.     <!-- Custom CSS -->

  17.     <link href="<?=BOOTSTRAPS?>dist/css/sb-admin-2.css" rel="stylesheet">

  18.     <!-- Morris Charts CSS -->

  19.     <link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">

  20.     <!-- Custom Fonts -->

  21.     <link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

  22.     <style>                                            

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

  24.     </style>

  25.     

  26. </head>

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

  28.     <div id="wrapper">

  29.         <!-- Navigation -->

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

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

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

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

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

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

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

  37.                 </button>

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

  39.             </div>

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

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

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

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

  44.                         <!--li>

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

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

  47.                                 <li>

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

  49.                                 </li>

  50.                                 <li>

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

  52.                                 </li>

  53.                                 <li>

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

  55.                                 </li>

  56. 								<li>

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

  58.                                 </li>

  59. 								<li>

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

  61.                                 </li>

  62.                             </ul>

  63.                         </li-->   

  64.                         <li>

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

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

  67.                                 <li>

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

  69.                                 </li>      

  70.                                 <li>

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

  72.                                 </li>

  73. 								<li>

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

  75.                                 </li>     								

  76.                                 <!--li>

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

  78.                                 </li>

  79.                                 <li>

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

  81.                                 </li>

  82.                                 <li>

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

  84.                                 </li-->  

  85.                             </ul>

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

  87.                         </li>      

  88. 

  89. 						<li>

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

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

  92.                                 <li>

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

  94.                                 </li>

  95.                             </ul>

  96.                         </li>			

  97. 						<li>

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

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

  100.                                 <li>

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

  102.                                 </li>

  103.                             </ul>

  104.                         </li>							

  105.                           

  106.                         <!--li>

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

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

  109.                                 <li>

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

  111.                                 </li>        

  112.                                 <li>

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

  114.                                 </li> 

  115.                                 <li>

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

  117.                                 </li>   

  118.                             </ul>

  119.                         </li-->

  120. 						

  121. 						<li>

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

  123. 						</li>

  124. 						

  125.                     </ul>

  126.                 </div>

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

  128.             </div>

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

  130.         </nav>

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

  132.             <div class="row">

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

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

  135.                 </div>

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

  137.             </div>

  138.             <!-- /.row -->    

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

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

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

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

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

  144.                             所有場站更新

  145.                         </div>

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

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

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

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

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

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

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

  153.                                         </div>   

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

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

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

  157.                                         </div>                       

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

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

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

  161.                                     </form>

  162.                                 </div>

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

  164.                             </div>

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

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

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

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

  169.                         </div>

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

  171.                     </div>

  172.                     <!-- /.panel -->

  173.                 </div>

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

  175.             </div>

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

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

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

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

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

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

  182.                             單站更新

  183.                         </div>

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

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

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

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

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

  189.                                             <label>場站</label>

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

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

  192.                                                 <option>金城</option>

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

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

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

  196.                                             </select>

  197.                                         </div>

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

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

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

  201.                                         </div>   

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

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

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

  205.                                         </div> 

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

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

  208.                                     </form>

  209.                                 </div>

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

  211.                             </div>

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

  213.                         </div>

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

  215.                     </div>

  216.                     <!-- /.panel -->

  217.                 </div>

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

  219.             </div>

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

  221.                       

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

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

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

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

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

  227.                             剩餘車位清單

  228.                         </div>

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

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

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

  232.                             	<div class="dataTable_wrapper">

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

  234.                                     <thead>

  235.                                         <tr>

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

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

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

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

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

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

  242.                                         </tr>    

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

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

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

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

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

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

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

  250.                                         </tr>                                     

  251.                                     </thead>

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

  253.                                 </table>

  254.                                 </div>

  255.                                 </div>

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

  257.                             </div>

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

  259.                         </div>

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

  261.                     </div>

  262.                     <!-- /.panel -->

  263.                 </div>

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

  265.             </div>   

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

  267.             

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

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

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

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

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

  273.                             剩餘車位設定

  274.                         </div>

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

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

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

  278.                             	<div class="dataTable_wrapper">

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

  280.                                     <thead>

  281.                                         <tr>

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

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

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

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

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

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

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

  289.                                         </tr>   

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

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

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

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

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

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

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

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

  298.                                         </tr>

  299.                                     </thead>

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

  301.                                 </table>

  302.                                 </div>

  303.                                 </div>

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

  305.                             </div>

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

  307.                         </div>

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

  309.                     </div>

  310.                     <!-- /.panel -->

  311.                 </div>

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

  313.             </div>   

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

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

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

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

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

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

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

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

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

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

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

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

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

  327.                                             </select>

  328.                                         </div>

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

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

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

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

  333.                                         </div> 

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

  335.                                             <label>eTag</label>

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

  337.                                         </div> 

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

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

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

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

  342.                                             </label>

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

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

  345.                                             </label>

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

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

  348.                                             </label> 

  349.                                             </label>

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

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

  352.                                             </label>

  353.                                             </label>

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

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

  356.                                             </label>

  357.                                         </div--> 

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

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

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

  361. 												data-validation="length" 

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

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

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

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

  366.                                         </div>   

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

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

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

  370. 												data-validation="length" 

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

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

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

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

  375.                                         </div>

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

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

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

  379.                                         </div>

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

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

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

  383.                                         </div>   

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

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

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

  387.                                         </div> 

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

  389.                                             <label>車型</label>

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

  391.                                         </div> 

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

  393.                                             <label>顏色</label>

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

  395.                                         </div>  

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

  397.                                             <label>年份</label>

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

  399.                                         </div -->       

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

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

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

  403.                                         </div>             

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

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

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

  407.                                         </div>

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

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

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

  411.                                         </div>

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

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

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

  415.                                         </div> 

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

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

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

  419.                                         </div>           

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

  421.                                             <label>里名</label>

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

  423.                                         </div-->

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

  425.                                             <label>地址</label>

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

  427.                                         </div>

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

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

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

  431.                                     </form>

  432.                                 </div>

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

  434.                             </div>

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

  436.                         </div>

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

  438.                     </div>

  439.                     <!-- /.panel -->

  440.                 </div>

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

  442.             </div>

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

  444.             

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

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

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

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

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

  450.                             會員現況表

  451.                         </div>

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

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

  454.                             <div class="dataTable_wrapper">

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

  456.                                     <thead>

  457.                                         <tr>

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

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

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

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

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

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

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

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

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

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

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

  469.                                         </tr>

  470.                                     </thead>

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

  472.                                 </table>

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

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

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

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

  477.             </div>

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

  479. 			

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

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

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

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

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

  485.                             行動支付記錄

  486.                         </div>

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

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

  489.                             <div class="dataTable_wrapper">

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

  491.                                     <thead>

  492.                                         <tr>

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

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

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

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

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

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

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

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

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

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

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

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

  505.                                         </tr>

  506.                                     </thead>

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

  508.                                 </table>

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

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

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

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

  513.             </div>

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

  515. 			

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

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

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

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

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

  521.                             月租繳款機記錄

  522.                         </div>

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

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

  525.                             <div class="dataTable_wrapper">

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

  527.                                     <thead>

  528.                                         <tr>

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

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

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

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

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

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

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

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

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

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

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

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

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

  542.                                         </tr>

  543.                                     </thead>

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

  545.                                 </table>

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

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

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

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

  550.             </div>

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

  552.                                          

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

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

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

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

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

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

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

  560.                             <div class="dataTable_wrapper">

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

  562.                                 	<tr> 

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

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

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

  566.                                     </tr>

  567.                                     <tr> 

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

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

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

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

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

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

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

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

  576.                                             </select>

  577.                                         </td>

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

  579.                                     </tr>   

  580.                                 </table>

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

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

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

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

  585.                                 <thead>

  586.                                         <tr>

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

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

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

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

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

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

  593.                                         </tr> 

  594.     							</thead>

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

  596.                                 </table>

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

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

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

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

  601.             </div>

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

  603.             

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

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

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

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

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

  609.                             進出場現況表

  610.                         </div>

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

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

  613.                             <div class="dataTable_wrapper">

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

  615.                                     <thead>

  616.                                         <tr>

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

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

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

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

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

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

  623.                                         </tr>   

  624.                                     </thead>

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

  626.                                     <tr id="cario_0">

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

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

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

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

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

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

  633.                                     </tr>    

  634.                                     <tr id="cario_1">

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

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

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

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

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

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

  641.                                     </tr>

  642.                                     <tr id="cario_2">

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

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

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

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

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

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

  649.                                     </tr>

  650.                                     <tr id="cario_3">

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

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

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

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

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

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

  657.                                     </tr>

  658.                                     <tr id="cario_4">

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

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

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

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

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

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

  665.                                     </tr>

  666.                                     <tr id="cario_5">

  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_6">

  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_7">

  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_8">

  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_9">

  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.                                     </tbody>

  707.                                 </table>

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

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

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

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

  712.             </div>

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

  714.                                        

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

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

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

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

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

  720.                             調撥車道

  721.                         </div>

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

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

  724.                             <div class="dataTable_wrapper">

  725.                             	<form id="lane_form">

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

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

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

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

  730.                                             </label>

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

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

  733.                                             </label>

  734.                                         </div>

  735.                                         

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

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

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

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

  740.                                             </label>

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

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

  743.                                             </label>

  744.                                         </div> 

  745.                                         

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

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

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

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

  750.                                             </label>

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

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

  753.                                             </label>

  754.                                         </div>   

  755.                                         

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

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

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

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

  760.                                             </label>

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

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

  763.                                             </label>

  764.                                         </div>

  765.                             	</form>

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

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

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

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

  770.             </div>

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

  772.             

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

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

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

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

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

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

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

  780.                             <div class="dataTable_wrapper">

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

  782.                                         <tr>

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

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

  785.                                         </tr>   

  786.                                         <tr>

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

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

  789.                                         </tr>

  790.                                         <tr>

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

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

  793.                                         </tr>

  794.                                         <tr>

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

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

  797.                                         </tr>

  798.                                 </table>

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

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

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

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

  803.             </div>

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

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

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

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

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

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

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

  811.                         </div>

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

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

  814.                             <div class="dataTable_wrapper">

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

  816.                                     <thead>

  817.                                         <tr>

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

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

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

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

  822.                                         </tr>   

  823.                                     </thead>

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

  825.                                     </tbody>

  826.                                 </table>

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

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

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

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

  831.             </div>

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

  833.                                   

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

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

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

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

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

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

  840.                         </div>

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

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

  843.                             <div class="dataTable_wrapper">

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

  845.                                     <thead>

  846.                                         <tr>

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

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

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

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

  851.                                         </tr>   

  852.                                     </thead>

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

  854.                                     </tbody>

  855.                                 </table>

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

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

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

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

  860.             </div>

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

  862. 			

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

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

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

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

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

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

  869.                         </div>

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

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

  872.                             <div class="dataTable_wrapper">

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

  874.                                     <thead>

  875.                                         <tr>

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

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

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

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

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

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

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

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

  884.                                         </tr>

  885.                                     </thead>

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

  887.                                 </table>

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

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

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

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

  892.             </div>

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

  894.                                          

  895.         </div>

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

  897.     </div>

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

  899.     <!-- jQuery -->

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

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

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

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

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

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

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

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

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

  909. 	

  910. 	<!-- alertify -->

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

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

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

  914. 	

  915. 	

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

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

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

  919. </body>

  920. </html>   

  921. 

  922. <script>

  923. var timer;

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

  925. 

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

  927. function alertify_log($msg)

  928. {

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

  930. 	alertify.log($msg);

  931. }

  932. function alertify_error($msg)

  933. {

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

  935. 	alertify.error($msg);

  936. }

  937. function alertify_success($msg)

  938. {

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

  940. 	alertify.success($msg);

  941. }

  942. 

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

  944. /*

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

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

  947. 

  948. // set callback handlers

  949. client.onConnectionLost = onConnectionLost;

  950. client.onMessageArrived = onMessageArrived;

  951.  

  952. // called when the client connects

  953. function onConnect() 

  954. {

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

  956. 	console.log("onConnect");

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

  958. }

  959. 

  960. // called when the client loses its connection

  961. function onConnectionLost(responseObject) 

  962. {

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

  964. 	{

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

  966.   	}

  967. }

  968. 

  969. // called when a message arrives

  970. function onMessageArrived(message) 

  971. {

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

  973. } 

  974. */  

  975. 

  976. // 微調剩餘車位數

  977. function pks_availables_update(idx, value, station_no)

  978. {	

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

  980. 	$.ajax

  981. 	({

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

  983. 		type: "post", 

  984. 		dataType:"json",

  985. 		data: {},

  986. 		success: function(jdata)

  987. 		{       

  988. 			if(jdata > 0)

  989. 			{

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

  991. 				

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

  993. 			}else{

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

  995. 			}

  996. 		}

  997. 	});  

  998. }

  999. 

  1000. // 載入頁面

  1001. function load_page(tags)

  1002. {

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

  1004.     {     

  1005. 		$.ajax

  1006. 		({

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

  1008.         			async:false,    

  1009.         			timeout:1500,

  1010.             		type:"post", 

  1011.             		dataType:"text",

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

  1013.             		success:function(jdata)

  1014.             		{

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

  1016.             	    }

  1017. 		}); 

  1018. 	}

  1019. }

  1020.   

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

  1022. function show_item(tags, type)

  1023. {              

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

  1025.          

  1026.     // client.disconnect();         

  1027.     

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

  1029.     if (type == "member_add")

  1030.     {                            

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

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

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

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

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

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

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

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

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

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

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

  1042.     }

  1043.     

  1044.     switch(tags)

  1045.     {          

  1046. 		// -- 設定檔 --			

  1047. 		case "station_setting":

  1048. 			load_page(tags);

  1049. 			reload_station_setting(type);

  1050. 			break;

  1051. 	

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

  1053.     	case "pks_group_query":

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

  1055.             $.ajax

  1056.         	({

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

  1058.             	type: "post", 

  1059.             	dataType:"json",

  1060.             	data: {},

  1061.             	success: function(jdata)

  1062.             	{       

  1063.                 	var pks_group_list = [];  

  1064.                 	for(idx in jdata)

  1065.                     {                                         

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

  1067.                     	pks_group_list = pks_group_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

  1080. 							"</td>",

  1081.                     	"</tr>"]);

  1082.                     }

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

  1084.             	}

  1085.         	});  

  1086.         	break; 

  1087. 	

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

  1089.     	case "member_query":

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

  1091.             $.ajax

  1092.         	({

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

  1094.             	type: "post", 

  1095.             	dataType:"json",

  1096.             	data: {},

  1097.             	success: function(jdata)

  1098.             	{       

  1099.                 	var member_list = [];  

  1100.                 	for(idx in jdata)

  1101.                     {                                         

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

  1103.                     	member_list = member_list.concat([

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

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

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

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

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

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

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

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

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

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

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

  1115.                     	"</tr>"]);

  1116.                     }

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

  1118.             	}

  1119.         	});  

  1120.         	break; 

  1121. 

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

  1123.     	case "tx_bill_query":

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

  1125.             $.ajax

  1126.         	({

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

  1128.             	type: "post", 

  1129.             	dataType:"json",

  1130.             	data: {},

  1131.             	success: function(jdata)

  1132.             	{       

  1133.                 	var tx_bill_list = [];  

  1134.                 	for(idx in jdata)

  1135.                     {                                         

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

  1137. 						tx_bill_list = tx_bill_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

  1150.                     	"</tr>"]);

  1151.                     }

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

  1153.             	}

  1154.         	});  

  1155.         	break;

  1156. 			

  1157. 		case "tx_bill_ats_query":

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

  1159.             $.ajax

  1160.         	({

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

  1162.             	type: "post", 

  1163.             	dataType:"json",

  1164.             	data: {},

  1165.             	success: function(jdata)

  1166.             	{       

  1167.                 	var tx_bill_ats_list = [];  

  1168.                 	for(idx in jdata)

  1169.                     {                                         

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

  1171.                     	tx_bill_ats_list = tx_bill_ats_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

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

  1185.                     	"</tr>"]);

  1186.                     }

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

  1188.             	}

  1189.         	});  

  1190.         	break; 			

  1191.                            

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

  1193.         case "carin_query":

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

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

  1196.         	break;       

  1197.             

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

  1199.         case "cario_list":

  1200.             $.ajax

  1201.         	({

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

  1203.             	type: "post", 

  1204.             	dataType:"json",

  1205.             	data: {},

  1206.             	success: function(jdata)

  1207.             	{       

  1208.                 	for(idx in jdata)

  1209.                     {                                         

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

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

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

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

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

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

  1216.                     }

  1217.             	}

  1218.         	}); 

  1219.             

  1220.             // connect the client

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

  1222.         	break;

  1223.                   

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

  1225.         case "reversible_lane":

  1226.             $.ajax

  1227.         	({

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

  1229.             	type: "post", 

  1230.             	dataType:"json",

  1231.             	data: {},

  1232.             	success: function(jdata)

  1233.             	{       

  1234.                 	for(idx in jdata)

  1235.                     {          

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

  1237.                     }

  1238.             	}

  1239.         	}); 

  1240.         	break;   

  1241.             

  1242.         // ----- 在席查核 -----   

  1243.         case "pks_check":   

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

  1245.             $.ajax

  1246.         	({

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

  1248.             	type: "post", 

  1249.             	dataType:"json",

  1250.             	data: {},

  1251.             	success: function(jdata)

  1252.             	{               

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

  1254.                 	for(idx in jdata)

  1255.                     {          

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

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

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

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

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

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

  1262.                     }

  1263.                     

  1264.                 	set_resize();

  1265.             	}

  1266.         	}); 

  1267.         	break;

  1268.             

  1269.         // ----- 入場查核 -----   

  1270.         case "carin_check":     

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

  1272.             $.ajax

  1273.         	({

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

  1275.             	type: "post", 

  1276.             	dataType:"json",

  1277.             	data: {},

  1278.             	success: function(jdata)

  1279.             	{               

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

  1281.                 	for(idx in jdata)

  1282.                     {          

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

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

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

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

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

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

  1289.                     }

  1290.                     

  1291.                 	set_resize();

  1292.             	}

  1293.         	});

  1294.         	break;

  1295.             

  1296.         default:

  1297.         	break;

  1298.     }

  1299.     

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

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

  1302.     return false;

  1303. }        

  1304. 

  1305. 

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

  1307. function carin_lpr_query()

  1308. {                      

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

  1310. 	if ( lpr == "")

  1311.     {

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

  1313.         return false;

  1314.     } 

  1315.     

  1316.     $.ajax

  1317.     ({

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

  1319.         type: "post", 

  1320.         dataType:"json",

  1321.         data: {},

  1322.         success: function(jdata)

  1323.         {                      

  1324.         	if (jdata.length == 0)

  1325.             {

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

  1327.                 return false;

  1328.             }                

  1329.                     

  1330.             var str = "";              

  1331.         	for(idx in jdata)

  1332.             {           

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

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

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

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

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

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

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

  1340.             }

  1341.                         

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

  1343.                         

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

  1345. 			$('.carin_resize').hover

  1346.     		(         

  1347.     			function()

  1348.         		{       

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

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

  1351.             

  1352.             		$("#works").css

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

  1354.             			"top":pos_y,

  1355.                 		"left":pos_x

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

  1357.     			},

  1358.     			function()

  1359.         		{                                 

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

  1361.     			}

  1362. 			);

  1363.             

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

  1365.         }

  1366.     });

  1367. }  

  1368. 

  1369.                  

  1370. 

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

  1372. function carin_time_query()

  1373. {                      

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

  1375. 	if (time_query == "")

  1376.     {

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

  1378.         return false;

  1379.     } 

  1380.     

  1381.     $.ajax

  1382.     ({

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

  1384.         type: "post", 

  1385.         dataType:"json",

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

  1387.         success: function(jdata)

  1388.         {       

  1389.         	var str = "";              

  1390.         	for(idx in jdata)

  1391.             {           

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

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

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

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

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

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

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

  1399.             }

  1400.                         

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

  1402.                         

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

  1404. 			$('.carin_resize').hover

  1405.     		(         

  1406.     			function()

  1407.         		{       

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

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

  1410.             

  1411.             		$("#works").css

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

  1413.             			"top":pos_y,

  1414.                 		"left":pos_x

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

  1416.     			},

  1417.     			function()

  1418.         		{                                 

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

  1420.     			}

  1421. 			);

  1422.             

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

  1424.         }

  1425.     });

  1426. }  

  1427. 

  1428.                            

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

  1430. function member_modify(member_no)

  1431. {

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

  1433.     switch(select_item)

  1434.     {

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

  1436.         	return flase;

  1437.         

  1438.         case "modify": 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1459.         	break;

  1460.             

  1461.         case "delete":

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

  1463.                                    

  1464. 			$.ajax

  1465.     		({     

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

  1467.             	type:"post",

  1468.             	dataType:"text",  

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

  1470.             	success:function(jdata)

  1471.             	{

  1472.                 	if (jdata == "ok")

  1473.                     {

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

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

  1476.                     }  

  1477.                 }        

  1478.     		});        

  1479.         	break;

  1480.     }	

  1481. }  

  1482.           

  1483. 

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

  1485. function available_check(time_point)

  1486. {                           

  1487. 	$.ajax

  1488.     ({     

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

  1490.         type:"post",

  1491.         dataType:"json",  

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

  1493.         success:function(jdata)

  1494.         {           

  1495.         	for(idx in jdata)

  1496.             {           

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

  1498.                 

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

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

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

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

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

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

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

  1506.             }        

  1507. 			window.clearTimeout(timer);

  1508.     		timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);

  1509.         }

  1510.     });                     

  1511. }

  1512. 

  1513. 

  1514. <?php /* 讀出剩餘車位數供清單用 */ ?>

  1515. function available_curr()

  1516. {                   

  1517. 	$.ajax

  1518.     ({

  1519.         	url: "<?=APP_URL?>available_set",

  1520.             type: "post",

  1521.             dataType:"json",

  1522.             success: function(jdata)

  1523.             {

  1524.                 $("#available_curr_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>

  1525.                 for(idx in jdata)

  1526.                 {     

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

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

  1529.                 	$("#available_curr_wk>[data-tag=station_no]").text(stno);

  1530.                 	$("#available_curr_wk>[data-tag=name]").text(jdata[idx]['name']);

  1531.                 	$("#available_curr_wk>[data-tag=tot_pkg]").text(jdata[idx]['tot_pkg']);

  1532.                 	$("#available_curr_wk>[data-tag=ava_pkg]").text(jdata[idx]['ava_pkg']);

  1533.                 	$("#available_curr_wk>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);

  1534.                 	$("#available_curr_wk>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);

  1535.                     $("<tr data-stno_curr='"+stno+"'>"+$("#available_curr_wk").html()+"</tr>").appendTo("#available_curr_tbody"); 

  1536.                 }  

  1537.                 $("#available_curr").show(); 

  1538.                 timer = window.setTimeout("available_check("+jdata[0]['time_point']+")", timeout_sec * 1000);

  1539.             }

  1540.     });

  1541. }

  1542. 

  1543. 

  1544. <?php /* 讀出剩餘車位數供設定用 */ ?>

  1545. function available_set()

  1546. {     

  1547. 	$.ajax

  1548.         ({

  1549.         	url: "<?=APP_URL?>available_set",

  1550.             type: "post",

  1551.             dataType:"json",

  1552.             success: function(jdata)

  1553.             {

  1554.                 $("#available_tbody").html("");	<?php /* 重設剩餘車位數 */ ?>

  1555.                 for(idx in jdata)

  1556.                 {        

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

  1558.                                                                    

  1559.                 	st_no = jdata[idx]['station_no'];

  1560.                 	$("#available_list>[data-tag=station_no]").text(st_no);

  1561.                 	$("#available_list>[data-tag=name]").html("<input id='st_name_"+st_no+"' value='"+jdata[idx]['name']+"' class='form-control' />");

  1562.                 	$("#available_list>[data-tag=tot_pkg]").html("<input id='st_tot_"+st_no+"' value='"+jdata[idx]['tot_pkg']+"' class='form-control input-sm' />");

  1563.                 	$("#available_list>[data-tag=ava_pkg]").html("<input id='st_ava_"+st_no+"' value='"+jdata[idx]['ava_pkg']+"' class='form-control input-sm' />");

  1564.                 	$("#available_list>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);

  1565.                 	$("#available_list>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);

  1566.                 	$("#available_list>[data-tag=edits]").html("<button onclick=\"available_update('"+st_no+"');\">修改</button>"); 

  1567.                     $("<tr data-st_no='"+st_no+"'>"+$("#available_list").html()+"</tr>").appendTo("#available_tbody"); 

  1568.                 }  

  1569.                 <?php /* 清除最後一筆的暫存資料, 以免最後一筆的id發生重覆 */ ?>

  1570.                 $("#available_list>[data-tag=name]").html("");

  1571.                 $("#available_list>[data-tag=tot_pkg]").html("");

  1572.                 $("#available_list>[data-tag=ava_pkg]").html("");

  1573.                 $("#available_set").show();

  1574.             }

  1575.     }); 

  1576. }  

  1577.                                   

  1578. <?php /* 剩餘車位數更新 */ ?>

  1579. function available_update(station_no)

  1580. {             

  1581. 	$.ajax

  1582.     ({

  1583.         url: "<?=APP_URL?>available_update", 

  1584.         dataType:"json",

  1585.         type:"post",

  1586.         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()},

  1587.         success:function(jdata)

  1588.         {     

  1589.         	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=used_pkg]").text(jdata['used_pkg']);

  1590.         	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=ratio_pkg]").text(jdata['ratio_pkg']);

  1591.          	alert($("#st_name_"+station_no).val()+"("+station_no+") 已更新完成 !");

  1592.     	}

  1593.     }); 

  1594. }

  1595. 

  1596. var current_h;

  1597. var current_w;

  1598. 

  1599. $(document).ready(function()   

  1600. {                                    

  1601. 	$(".cario_list").css({"vertical-align":"middle"});<?php /* 進出場實況表,強制垂直置中 */ ?> 

  1602.     

  1603. 	$("#member_add").submit(function(event)

  1604. 	{                   

  1605.     	if ($("#ma_member_no").val() == "0")

  1606.         {

  1607.         	$("#ma_old_lpr").val($("#ma_lpr").val());

  1608.         }

  1609.     	event.preventDefault();

  1610.         $.ajax

  1611.         ({

  1612.         	url: "<?=APP_URL?>member_add",

  1613.             type: "post", 

  1614.             dataType:"text",

  1615.             data: $(this).serialize(),

  1616.             success: function(jdata)

  1617.             {         

  1618.             	if (jdata == "ok")

  1619.                 {                             

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

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

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

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

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

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

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

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

  1628.                 	$("#ma_member_id").val("");

  1629.                 	$("#ma_tel_h").val("");

  1630.                 	$("#ma_tel_o").val("");

  1631.                 	$("#ma_addr").val("");

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

  1633.                 	alert("月租資料存檔完成 !");

  1634.                     show_item('member_query', 'member_query');

  1635.                 } 

  1636.                 else

  1637.                 {

  1638.                  	alert(jdata);

  1639.                 }

  1640.             }

  1641.         }); 

  1642.     });

  1643.         

  1644.     set_resize();	// 建立放大照片

  1645.                             

  1646.     // 調撥車道設定

  1647. 	$('#lane_form input[type=radio]').change(function() 

  1648.     {       

  1649.     	lane_no = $(this).data("lane_no"); 

  1650. 		$.ajax

  1651.     	({

  1652.         	url: "<?=APP_URL?>reversible_lane_set", 

  1653.         	dataType:"text",

  1654.         	type:"post",

  1655.         	data:{"lane_no":lane_no, "actions":$(this).val()},

  1656.         	success:function(jdata)

  1657.         	{     

  1658.     		}                                                                          

  1659.     	}); 

  1660.     

  1661.     	return true;

  1662. 	}); 

  1663. }); 

  1664. 

  1665. function opendoors(lane_no)

  1666. {

  1667. 	$.ajax

  1668.     ({

  1669.         url: "<?=APP_URL?>opendoors/"+lane_no, 

  1670.         dataType:"text",

  1671.         type:"post",

  1672.         data:{},

  1673.         success:function(jdata)

  1674.         {     

  1675.     	}                                                                          

  1676.     }); 

  1677.     

  1678.     return true;

  1679. }    

  1680.              

  1681. // 設定放大照片

  1682. function set_resize()

  1683. {

  1684. 	$('.resize').hover

  1685.     (         

  1686.     	function()

  1687.         {       

  1688.         	pos_x = $(this).position().left - 100;

  1689.         	pos_y = $(this).position().top - 100;

  1690.             

  1691.             $("#works").css

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

  1693.             	"top":pos_y,

  1694.                 "left":pos_x

  1695.             }).html("<img src='"+$(this).attr("src")+"' width='400px' height='240px' />").show();

  1696.     	},

  1697.     	function()

  1698.         {                                 

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

  1700.     	}

  1701. 	);   

  1702. }     

  1703. 

  1704. // 重設在席查核

  1705. function reset_pks_check()

  1706. {

  1707. 	$.ajax

  1708.     ({

  1709.         url: "<?=APP_URL?>reset_pks_check", 

  1710.         dataType:"json",

  1711.         type:"post",

  1712.         data:{},

  1713.         success:function(jdata)

  1714.         {

  1715.         	alert("重設在席查核完成,在席總計:"+jdata["tot"]+", 更新筆數:"+jdata["tot_correct"]);     

  1716.     	}                                                                          

  1717.     }); 

  1718. }    

  1719. 

  1720. 

  1721. // 更正在席車號

  1722. function correct_lpr(pksno, lpr)

  1723. {          

  1724. 	new_lpr = prompt("車格#"+pksno+"正確車號(大小寫皆可):", lpr);

  1725.     if (new_lpr == "")	return false;  

  1726.     

  1727. 	$.ajax

  1728.     ({

  1729.         url: "<?=APP_URL?>correct_pks_lpr/"+pksno+"/"+new_lpr.toUpperCase(), 

  1730.         dataType:"json",

  1731.         type:"post",

  1732.         data:{},

  1733.         success:function(jdata)

  1734.         {                                                                            

  1735.             msg_err = jdata["err"] == 0 ? "在席更新正確車號," : "在席或車號錯誤無法更新,";

  1736.             msg_cario = jdata["cario_no"] == 0 ? "查無入場資料" : "且與入場資料相符";

  1737.         	alert(msg_err+msg_cario); 

  1738.             show_item('pks_check', 'pks_check');    

  1739.     	}                                                                          

  1740.     }); 

  1741. }      

  1742. 

  1743. 

  1744. // 更正在席車號

  1745. function correct_carin_lpr(cario_no, lpr, in_time)

  1746. {          

  1747. 	new_lpr = prompt("正確車號(大小寫皆可):", lpr);

  1748.     if (new_lpr == "")	return false;

  1749.     

  1750. 	$.ajax

  1751.     ({

  1752.         url: "<?=APP_URL?>correct_carin_lpr/"+cario_no+"/"+new_lpr.toUpperCase()+"/"+encodeURIComponent(in_time), 

  1753.         dataType:"json",

  1754.         type:"post",

  1755.         data:{},

  1756.         success:function(jdata)

  1757.         {                                                                            

  1758.             msg_pks = jdata["pksno"] == 0 ? "但無在席資料" : "且在席資料也更新完成 !";

  1759.         	alert("入場資料更新完成, "+msg_pks); 

  1760.             show_item('carin_check', 'carin_check');    

  1761.     	}                                                                          

  1762.     }); 

  1763. }

  1764. 

  1765. 

  1766. 

  1767. 

  1768. 

  1769. 

  1770. <?php /* 登出 */ ?>

  1771. function logout(event)

  1772. {

  1773. 	event.preventDefault();

  1774. 	$.ajax

  1775.         ({

  1776.         	url: "<?=APP_URL?>user_logout",

  1777.             success: function(jdata)

  1778.             {

  1779. 				window.location = "<?=APP_URL?>";

  1780.             }

  1781. 	}); 

  1782. }

  1783. 

  1784. 

  1785. 

  1786. 

  1787. </script>