LeeWeiCheng
/
altob.st123
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
VM暫存
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
149 Révisions
5 Branches
790KB
Aborescence: 5ccd209510
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '5ccd209510'
${ noResults }
altob.st123/views/carpark/main_page.php

1789 lignes
92KB
Brut Annotations Historique 

  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. 											<th style="text-align:center;">更新時間</th>

  470.                                         </tr>

  471.                                     </thead>

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

  473.                                 </table>

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

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

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

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

  478.             </div>

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

  480. 			

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

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

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

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

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

  486.                             行動支付記錄

  487.                         </div>

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

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

  490.                             <div class="dataTable_wrapper">

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

  492.                                     <thead>

  493.                                         <tr>

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

  495.                                             <th style="text-align:left;">金額</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. 											<th style="text-align:center;">交易時間</th>

  506.                                         </tr>

  507.                                     </thead>

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

  509.                                 </table>

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

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

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

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

  514.             </div>

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

  516. 			

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

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

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

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

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

  522.                             月租繳款機記錄

  523.                         </div>

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

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

  526.                             <div class="dataTable_wrapper">

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

  528.                                     <thead>

  529.                                         <tr>

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

  531.                                             <th style="text-align:left;">金額</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. 											<th style="text-align:center;">交易時間</th>

  543.                                         </tr>

  544.                                     </thead>

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

  546.                                 </table>

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

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

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

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

  551.             </div>

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

  553.                                          

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

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

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

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

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

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

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

  561.                             <div class="dataTable_wrapper">

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

  563.                                 	<tr> 

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

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

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

  567.                                     </tr>

  568.                                     <tr> 

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

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

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

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

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

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

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

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

  577.                                             </select>

  578.                                         </td>

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

  580.                                     </tr>   

  581.                                 </table>

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

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

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

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

  586.                                 <thead>

  587.                                         <tr>

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

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

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

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

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

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

  594.                                         </tr> 

  595.     							</thead>

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

  597.                                 </table>

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

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

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

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

  602.             </div>

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

  604.             

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

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

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

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

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

  610.                             進出場現況表

  611.                         </div>

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

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

  614.                             <div class="dataTable_wrapper">

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

  616.                                     <thead>

  617.                                         <tr>

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

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

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

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

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

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

  624.                                         </tr>   

  625.                                     </thead>

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

  627.                                     <tr id="cario_0">

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

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

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

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

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

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

  634.                                     </tr>    

  635.                                     <tr id="cario_1">

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

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

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

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

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

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

  642.                                     </tr>

  643.                                     <tr id="cario_2">

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

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

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

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

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

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

  650.                                     </tr>

  651.                                     <tr id="cario_3">

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

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

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

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

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

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

  658.                                     </tr>

  659.                                     <tr id="cario_4">

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

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

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

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

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

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

  666.                                     </tr>

  667.                                     <tr id="cario_5">

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

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

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

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

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

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

  674.                                     </tr>

  675.                                     <tr id="cario_6">

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

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

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

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

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

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

  682.                                     </tr>

  683.                                     <tr id="cario_7">

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

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

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

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

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

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

  690.                                     </tr>

  691.                                     <tr id="cario_8">

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

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

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

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

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

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

  698.                                     </tr>

  699.                                     <tr id="cario_9">

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

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

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

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

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

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

  706.                                     </tr>

  707.                                     </tbody>

  708.                                 </table>

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

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

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

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

  713.             </div>

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

  715.                                        

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

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

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

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

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

  721.                             調撥車道

  722.                         </div>

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

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

  725.                             <div class="dataTable_wrapper">

  726.                             	<form id="lane_form">

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

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

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

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

  731.                                             </label>

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

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

  734.                                             </label>

  735.                                         </div>

  736.                                         

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

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

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

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

  741.                                             </label>

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

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

  744.                                             </label>

  745.                                         </div> 

  746.                                         

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

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

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

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

  751.                                             </label>

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

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

  754.                                             </label>

  755.                                         </div>   

  756.                                         

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

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

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

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

  761.                                             </label>

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

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

  764.                                             </label>

  765.                                         </div>

  766.                             	</form>

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

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

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

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

  771.             </div>

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

  773.             

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

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

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

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

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

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

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

  781.                             <div class="dataTable_wrapper">

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

  783.                                         <tr>

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

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

  786.                                         </tr>   

  787.                                         <tr>

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

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

  790.                                         </tr>

  791.                                         <tr>

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

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

  794.                                         </tr>

  795.                                         <tr>

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

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

  798.                                         </tr>

  799.                                 </table>

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

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

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

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

  804.             </div>

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

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

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

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

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

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

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

  812.                         </div>

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

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

  815.                             <div class="dataTable_wrapper">

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

  817.                                     <thead>

  818.                                         <tr>

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

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

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

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

  823.                                         </tr>   

  824.                                     </thead>

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

  826.                                     </tbody>

  827.                                 </table>

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

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

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

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

  832.             </div>

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

  834.                                   

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

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

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

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

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

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

  841.                         </div>

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

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

  844.                             <div class="dataTable_wrapper">

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

  846.                                     <thead>

  847.                                         <tr>

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

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

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

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

  852.                                         </tr>   

  853.                                     </thead>

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

  855.                                     </tbody>

  856.                                 </table>

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

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

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

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

  861.             </div>

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

  863. 			

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

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

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

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

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

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

  870.                         </div>

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

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

  873.                             <div class="dataTable_wrapper">

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

  875.                                     <thead>

  876.                                         <tr>

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

  878. 											<th style="text-align:left;">樓層 ID</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. 											<th style="text-align:center;">空車位顯示值</th>

  885.                                         </tr>

  886.                                     </thead>

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

  888.                                 </table>

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

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

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

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

  893.             </div>

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

  895.                                          

  896.         </div>

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

  898.     </div>

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

  900.     <!-- jQuery -->

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

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

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

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

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

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

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

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

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

  910. 	

  911. 	<!-- alertify -->

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

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

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

  915. 	

  916. 	

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

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

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

  920. </body>

  921. </html>   

  922. 

  923. <script>

  924. var timer;

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

  926. 

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

  928. function alertify_log($msg)

  929. {

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

  931. 	alertify.log($msg);

  932. }

  933. function alertify_error($msg)

  934. {

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

  936. 	alertify.error($msg);

  937. }

  938. function alertify_success($msg)

  939. {

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

  941. 	alertify.success($msg);

  942. }

  943. 

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

  945. /*

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

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

  948. 

  949. // set callback handlers

  950. client.onConnectionLost = onConnectionLost;

  951. client.onMessageArrived = onMessageArrived;

  952.  

  953. // called when the client connects

  954. function onConnect() 

  955. {

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

  957. 	console.log("onConnect");

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

  959. }

  960. 

  961. // called when the client loses its connection

  962. function onConnectionLost(responseObject) 

  963. {

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

  965. 	{

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

  967.   	}

  968. }

  969. 

  970. // called when a message arrives

  971. function onMessageArrived(message) 

  972. {

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

  974. } 

  975. */  

  976. 

  977. // 微調剩餘車位數

  978. function pks_availables_update(idx, value, station_no)

  979. {	

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

  981. 	$.ajax

  982. 	({

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

  984. 		type: "post", 

  985. 		dataType:"json",

  986. 		data: {},

  987. 		success: function(jdata)

  988. 		{       

  989. 			if(jdata > 0)

  990. 			{

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

  992. 				

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

  994. 			}else{

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

  996. 			}

  997. 		}

  998. 	});  

  999. }

  1000. 

  1001. // 載入頁面

  1002. function load_page(tags)

  1003. {

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

  1005.     {     

  1006. 		$.ajax

  1007. 		({

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

  1009.         			async:false,    

  1010.         			timeout:1500,

  1011.             		type:"post", 

  1012.             		dataType:"text",

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

  1014.             		success:function(jdata)

  1015.             		{

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

  1017.             	    }

  1018. 		}); 

  1019. 	}

  1020. }

  1021.   

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

  1023. function show_item(tags, type)

  1024. {              

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

  1026.          

  1027.     // client.disconnect();         

  1028.     

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

  1030.     if (type == "member_add")

  1031.     {                            

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

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

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

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

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

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

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

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

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

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

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

  1043.     }

  1044.     

  1045.     switch(tags)

  1046.     {          

  1047. 		// -- 設定檔 --			

  1048. 		case "station_setting":

  1049. 			load_page(tags);

  1050. 			reload_station_setting(type);

  1051. 			break;

  1052. 	

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

  1054.     	case "pks_group_query":

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

  1056.             $.ajax

  1057.         	({

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

  1059.             	type: "post", 

  1060.             	dataType:"json",

  1061.             	data: {},

  1062.             	success: function(jdata)

  1063.             	{       

  1064.                 	var pks_group_list = [];  

  1065.                 	for(idx in jdata)

  1066.                     {                                         

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

  1068.                     	pks_group_list = pks_group_list.concat([

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

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

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

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

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

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

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

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

  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, "\", -1, ", jdata[idx]['station_no'],");'>-1</button>&nbsp", 

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

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

  1081. 							"</td>",

  1082.                     	"</tr>"]);

  1083.                     }

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

  1085.             	}

  1086.         	});  

  1087.         	break; 

  1088. 	

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

  1090.     	case "member_query":

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

  1092.             $.ajax

  1093.         	({

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

  1095.             	type: "post", 

  1096.             	dataType:"json",

  1097.             	data: {},

  1098.             	success: function(jdata)

  1099.             	{       

  1100.                 	var member_list = [];  

  1101.                 	for(idx in jdata)

  1102.                     {                                         

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

  1104.                     	member_list = member_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

  1117.                     	"</tr>"]);

  1118.                     }

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

  1120.             	}

  1121.         	});  

  1122.         	break; 

  1123. 

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

  1125.     	case "tx_bill_query":

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

  1127.             $.ajax

  1128.         	({

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

  1130.             	type: "post", 

  1131.             	dataType:"json",

  1132.             	data: {},

  1133.             	success: function(jdata)

  1134.             	{       

  1135.                 	var tx_bill_list = [];  

  1136.                 	for(idx in jdata)

  1137.                     {                                         

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

  1139. 						tx_bill_list = tx_bill_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

  1152.                     	"</tr>"]);

  1153.                     }

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

  1155.             	}

  1156.         	});  

  1157.         	break;

  1158. 			

  1159. 		case "tx_bill_ats_query":

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

  1161.             $.ajax

  1162.         	({

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

  1164.             	type: "post", 

  1165.             	dataType:"json",

  1166.             	data: {},

  1167.             	success: function(jdata)

  1168.             	{       

  1169.                 	var tx_bill_ats_list = [];  

  1170.                 	for(idx in jdata)

  1171.                     {                                         

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

  1173.                     	tx_bill_ats_list = tx_bill_ats_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

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

  1187.                     	"</tr>"]);

  1188.                     }

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

  1190.             	}

  1191.         	});  

  1192.         	break; 			

  1193.                            

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

  1195.         case "carin_query":

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

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

  1198.         	break;       

  1199.             

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

  1201.         case "cario_list":

  1202.             $.ajax

  1203.         	({

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

  1205.             	type: "post", 

  1206.             	dataType:"json",

  1207.             	data: {},

  1208.             	success: function(jdata)

  1209.             	{       

  1210.                 	for(idx in jdata)

  1211.                     {                                         

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

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

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

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

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

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

  1218.                     }

  1219.             	}

  1220.         	}); 

  1221.             

  1222.             // connect the client

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

  1224.         	break;

  1225.                   

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

  1227.         case "reversible_lane":

  1228.             $.ajax

  1229.         	({

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

  1231.             	type: "post", 

  1232.             	dataType:"json",

  1233.             	data: {},

  1234.             	success: function(jdata)

  1235.             	{       

  1236.                 	for(idx in jdata)

  1237.                     {          

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

  1239.                     }

  1240.             	}

  1241.         	}); 

  1242.         	break;   

  1243.             

  1244.         // ----- 在席查核 -----   

  1245.         case "pks_check":   

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

  1247.             $.ajax

  1248.         	({

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

  1250.             	type: "post", 

  1251.             	dataType:"json",

  1252.             	data: {},

  1253.             	success: function(jdata)

  1254.             	{               

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

  1256.                 	for(idx in jdata)

  1257.                     {          

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

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

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

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

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

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

  1264.                     }

  1265.                     

  1266.                 	set_resize();

  1267.             	}

  1268.         	}); 

  1269.         	break;

  1270.             

  1271.         // ----- 入場查核 -----   

  1272.         case "carin_check":     

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

  1274.             $.ajax

  1275.         	({

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

  1277.             	type: "post", 

  1278.             	dataType:"json",

  1279.             	data: {},

  1280.             	success: function(jdata)

  1281.             	{               

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

  1283.                 	for(idx in jdata)

  1284.                     {          

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

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

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

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

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

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

  1291.                     }

  1292.                     

  1293.                 	set_resize();

  1294.             	}

  1295.         	});

  1296.         	break;

  1297.             

  1298.         default:

  1299.         	break;

  1300.     }

  1301.     

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

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

  1304.     return false;

  1305. }        

  1306. 

  1307. 

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

  1309. function carin_lpr_query()

  1310. {                      

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

  1312. 	if ( lpr == "")

  1313.     {

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

  1315.         return false;

  1316.     } 

  1317.     

  1318.     $.ajax

  1319.     ({

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

  1321.         type: "post", 

  1322.         dataType:"json",

  1323.         data: {},

  1324.         success: function(jdata)

  1325.         {                      

  1326.         	if (jdata.length == 0)

  1327.             {

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

  1329.                 return false;

  1330.             }                

  1331.                     

  1332.             var str = "";              

  1333.         	for(idx in jdata)

  1334.             {           

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

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

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

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

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

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

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

  1342.             }

  1343.                         

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

  1345.                         

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

  1347. 			$('.carin_resize').hover

  1348.     		(         

  1349.     			function()

  1350.         		{       

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

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

  1353.             

  1354.             		$("#works").css

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

  1356.             			"top":pos_y,

  1357.                 		"left":pos_x

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

  1359.     			},

  1360.     			function()

  1361.         		{                                 

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

  1363.     			}

  1364. 			);

  1365.             

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

  1367.         }

  1368.     });

  1369. }  

  1370. 

  1371.                  

  1372. 

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

  1374. function carin_time_query()

  1375. {                      

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

  1377. 	if (time_query == "")

  1378.     {

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

  1380.         return false;

  1381.     } 

  1382.     

  1383.     $.ajax

  1384.     ({

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

  1386.         type: "post", 

  1387.         dataType:"json",

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

  1389.         success: function(jdata)

  1390.         {       

  1391.         	var str = "";              

  1392.         	for(idx in jdata)

  1393.             {           

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

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

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

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

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

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

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

  1401.             }

  1402.                         

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

  1404.                         

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

  1406. 			$('.carin_resize').hover

  1407.     		(         

  1408.     			function()

  1409.         		{       

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

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

  1412.             

  1413.             		$("#works").css

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

  1415.             			"top":pos_y,

  1416.                 		"left":pos_x

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

  1418.     			},

  1419.     			function()

  1420.         		{                                 

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

  1422.     			}

  1423. 			);

  1424.             

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

  1426.         }

  1427.     });

  1428. }  

  1429. 

  1430.                            

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

  1432. function member_modify(member_no)

  1433. {

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

  1435.     switch(select_item)

  1436.     {

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

  1438.         	return flase;

  1439.         

  1440.         case "modify": 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1461.         	break;

  1462.             

  1463.         case "delete":

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

  1465.                                    

  1466. 			$.ajax

  1467.     		({     

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

  1469.             	type:"post",

  1470.             	dataType:"text",  

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

  1472.             	success:function(jdata)

  1473.             	{

  1474.                 	if (jdata == "ok")

  1475.                     {

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

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

  1478.                     }  

  1479.                 }        

  1480.     		});        

  1481.         	break;

  1482.     }	

  1483. }  

  1484.           

  1485. 

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

  1487. function available_check(time_point)

  1488. {                           

  1489. 	$.ajax

  1490.     ({     

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

  1492.         type:"post",

  1493.         dataType:"json",  

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

  1495.         success:function(jdata)

  1496.         {           

  1497.         	for(idx in jdata)

  1498.             {           

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

  1500.                 

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

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

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

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

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

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

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

  1508.             }        

  1509. 			window.clearTimeout(timer);

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

  1511.         }

  1512.     });                     

  1513. }

  1514. 

  1515. 

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

  1517. function available_curr()

  1518. {                   

  1519. 	$.ajax

  1520.     ({

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

  1522.             type: "post",

  1523.             dataType:"json",

  1524.             success: function(jdata)

  1525.             {

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

  1527.                 for(idx in jdata)

  1528.                 {     

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

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

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

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

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

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

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

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

  1537.                     $("<tr data-stno_curr='"+stno+"'>"+$("#available_curr_wk").html()+"</tr>").appendTo("#available_curr_tbody"); 

  1538.                 }  

  1539.                 $("#available_curr").show(); 

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

  1541.             }

  1542.     });

  1543. }

  1544. 

  1545. 

  1546. <?php /* 讀出剩餘車位數供設定用 */ ?>

  1547. function available_set()

  1548. {     

  1549. 	$.ajax

  1550.         ({

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

  1552.             type: "post",

  1553.             dataType:"json",

  1554.             success: function(jdata)

  1555.             {

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

  1557.                 for(idx in jdata)

  1558.                 {        

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

  1560.                                                                    

  1561.                 	st_no = jdata[idx]['station_no'];

  1562.                 	$("#available_list>[data-tag=station_no]").text(st_no);

  1563.                 	$("#available_list>[data-tag=name]").html("<input id='st_name_"+st_no+"' value='"+jdata[idx]['name']+"' class='form-control' />");

  1564.                 	$("#available_list>[data-tag=tot_pkg]").html("<input id='st_tot_"+st_no+"' value='"+jdata[idx]['tot_pkg']+"' class='form-control input-sm' />");

  1565.                 	$("#available_list>[data-tag=ava_pkg]").html("<input id='st_ava_"+st_no+"' value='"+jdata[idx]['ava_pkg']+"' class='form-control input-sm' />");

  1566.                 	$("#available_list>[data-tag=used_pkg]").text(jdata[idx]['used_pkg']);

  1567.                 	$("#available_list>[data-tag=ratio_pkg]").text(jdata[idx]['ratio_pkg']);

  1568.                 	$("#available_list>[data-tag=edits]").html("<button onclick=\"available_update('"+st_no+"');\">修改</button>"); 

  1569.                     $("<tr data-st_no='"+st_no+"'>"+$("#available_list").html()+"</tr>").appendTo("#available_tbody"); 

  1570.                 }  

  1571.                 <?php /* 清除最後一筆的暫存資料, 以免最後一筆的id發生重覆 */ ?>

  1572.                 $("#available_list>[data-tag=name]").html("");

  1573.                 $("#available_list>[data-tag=tot_pkg]").html("");

  1574.                 $("#available_list>[data-tag=ava_pkg]").html("");

  1575.                 $("#available_set").show();

  1576.             }

  1577.     }); 

  1578. }  

  1579.                                   

  1580. <?php /* 剩餘車位數更新 */ ?>

  1581. function available_update(station_no)

  1582. {             

  1583. 	$.ajax

  1584.     ({

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

  1586.         dataType:"json",

  1587.         type:"post",

  1588.         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()},

  1589.         success:function(jdata)

  1590.         {     

  1591.         	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=used_pkg]").text(jdata['used_pkg']);

  1592.         	$("#available_tbody>tr[data-st_no="+station_no+"]>[data-tag=ratio_pkg]").text(jdata['ratio_pkg']);

  1593.          	alert($("#st_name_"+station_no).val()+"("+station_no+") 已更新完成 !");

  1594.     	}

  1595.     }); 

  1596. }

  1597. 

  1598. var current_h;

  1599. var current_w;

  1600. 

  1601. $(document).ready(function()   

  1602. {                                    

  1603. 	$(".cario_list").css({"vertical-align":"middle"});<?php /* 進出場實況表,強制垂直置中 */ ?> 

  1604.     

  1605. 	$("#member_add").submit(function(event)

  1606. 	{                   

  1607.     	if ($("#ma_member_no").val() == "0")

  1608.         {

  1609.         	$("#ma_old_lpr").val($("#ma_lpr").val());

  1610.         }

  1611.     	event.preventDefault();

  1612.         $.ajax

  1613.         ({

  1614.         	url: "<?=APP_URL?>member_add",

  1615.             type: "post", 

  1616.             dataType:"text",

  1617.             data: $(this).serialize(),

  1618.             success: function(jdata)

  1619.             {         

  1620.             	if (jdata == "ok")

  1621.                 {                             

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

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

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

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

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

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

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

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

  1630.                 	$("#ma_member_id").val("");

  1631.                 	$("#ma_tel_h").val("");

  1632.                 	$("#ma_tel_o").val("");

  1633.                 	$("#ma_addr").val("");

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

  1635.                 	alert("月租資料存檔完成 !");

  1636.                     show_item('member_query', 'member_query');

  1637.                 } 

  1638.                 else

  1639.                 {

  1640.                  	alert(jdata);

  1641.                 }

  1642.             }

  1643.         }); 

  1644.     });

  1645.         

  1646.     set_resize();	// 建立放大照片

  1647.                             

  1648.     // 調撥車道設定

  1649. 	$('#lane_form input[type=radio]').change(function() 

  1650.     {       

  1651.     	lane_no = $(this).data("lane_no"); 

  1652. 		$.ajax

  1653.     	({

  1654.         	url: "<?=APP_URL?>reversible_lane_set", 

  1655.         	dataType:"text",

  1656.         	type:"post",

  1657.         	data:{"lane_no":lane_no, "actions":$(this).val()},

  1658.         	success:function(jdata)

  1659.         	{     

  1660.     		}                                                                          

  1661.     	}); 

  1662.     

  1663.     	return true;

  1664. 	}); 

  1665. }); 

  1666. 

  1667. function opendoors(lane_no)

  1668. {

  1669. 	$.ajax

  1670.     ({

  1671.         url: "<?=APP_URL?>opendoors/"+lane_no, 

  1672.         dataType:"text",

  1673.         type:"post",

  1674.         data:{},

  1675.         success:function(jdata)

  1676.         {     

  1677.     	}                                                                          

  1678.     }); 

  1679.     

  1680.     return true;

  1681. }    

  1682.              

  1683. // 設定放大照片

  1684. function set_resize()

  1685. {

  1686. 	$('.resize').hover

  1687.     (         

  1688.     	function()

  1689.         {       

  1690.         	pos_x = $(this).position().left - 100;

  1691.         	pos_y = $(this).position().top - 100;

  1692.             

  1693.             $("#works").css

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

  1695.             	"top":pos_y,

  1696.                 "left":pos_x

  1697.             }).html("<img src='"+$(this).attr("src")+"' width='400px' height='240px' />").show();

  1698.     	},

  1699.     	function()

  1700.         {                                 

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

  1702.     	}

  1703. 	);   

  1704. }     

  1705. 

  1706. // 重設在席查核

  1707. function reset_pks_check()

  1708. {

  1709. 	$.ajax

  1710.     ({

  1711.         url: "<?=APP_URL?>reset_pks_check", 

  1712.         dataType:"json",

  1713.         type:"post",

  1714.         data:{},

  1715.         success:function(jdata)

  1716.         {

  1717.         	alert("重設在席查核完成,在席總計:"+jdata["tot"]+", 更新筆數:"+jdata["tot_correct"]);     

  1718.     	}                                                                          

  1719.     }); 

  1720. }    

  1721. 

  1722. 

  1723. // 更正在席車號

  1724. function correct_lpr(pksno, lpr)

  1725. {          

  1726. 	new_lpr = prompt("車格#"+pksno+"正確車號(大小寫皆可):", lpr);

  1727.     if (new_lpr == "")	return false;  

  1728.     

  1729. 	$.ajax

  1730.     ({

  1731.         url: "<?=APP_URL?>correct_pks_lpr/"+pksno+"/"+new_lpr.toUpperCase(), 

  1732.         dataType:"json",

  1733.         type:"post",

  1734.         data:{},

  1735.         success:function(jdata)

  1736.         {                                                                            

  1737.             msg_err = jdata["err"] == 0 ? "在席更新正確車號," : "在席或車號錯誤無法更新,";

  1738.             msg_cario = jdata["cario_no"] == 0 ? "查無入場資料" : "且與入場資料相符";

  1739.         	alert(msg_err+msg_cario); 

  1740.             show_item('pks_check', 'pks_check');    

  1741.     	}                                                                          

  1742.     }); 

  1743. }      

  1744. 

  1745. 

  1746. // 更正在席車號

  1747. function correct_carin_lpr(cario_no, lpr, in_time)

  1748. {          

  1749. 	new_lpr = prompt("正確車號(大小寫皆可):", lpr);

  1750.     if (new_lpr == "")	return false;

  1751.     

  1752. 	$.ajax

  1753.     ({

  1754.         url: "<?=APP_URL?>correct_carin_lpr/"+cario_no+"/"+new_lpr.toUpperCase()+"/"+encodeURIComponent(in_time), 

  1755.         dataType:"json",

  1756.         type:"post",

  1757.         data:{},

  1758.         success:function(jdata)

  1759.         {                                                                            

  1760.             msg_pks = jdata["pksno"] == 0 ? "但無在席資料" : "且在席資料也更新完成 !";

  1761.         	alert("入場資料更新完成, "+msg_pks); 

  1762.             show_item('carin_check', 'carin_check');    

  1763.     	}                                                                          

  1764.     }); 

  1765. }

  1766. 

  1767. 

  1768. 

  1769. 

  1770. 

  1771. 

  1772. <?php /* 登出 */ ?>

  1773. function logout(event)

  1774. {

  1775. 	event.preventDefault();

  1776. 	$.ajax

  1777.         ({

  1778.         	url: "<?=APP_URL?>user_logout",

  1779.             success: function(jdata)

  1780.             {

  1781. 				window.location = "<?=APP_URL?>";

  1782.             }

  1783. 	}); 

  1784. }

  1785. 

  1786. 

  1787. 

  1788. 

  1789. </script>