LeeWeiCheng
/
altob.st123
1
0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 활동
VM暫存
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
160 커밋
5 브랜치
790KB
트리: 922f2064c1
브랜치 태그
${ item.name }
${ searchTerm } 브랜치 생성
from '922f2064c1'
${ noResults }
altob.st123/views/carpark/main_page.php

2049 lines
100KB
Raw Blame 히스토리 

  1. <!DOCTYPE html>

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

  3. <head>

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

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

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

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

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

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

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

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

  12.     <!-- MetisMenu CSS -->

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

  14.     <!-- Timeline CSS -->

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

  16.     <!-- Custom CSS -->

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

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

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

  20.     <!-- Custom Fonts -->

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

  22.     <style>                                            

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

  24.     </style>

  25.     

  26. </head>

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

  28.     <div id="wrapper">

  29.         <!-- Navigation -->

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

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

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

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

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

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

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

  37.                 </button>

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

  39.             </div>

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

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

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

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

  44.                         <!--li>

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

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

  47.                                 <li>

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

  49.                                 </li>

  50.                                 <li>

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

  52.                                 </li>

  53.                                 <li>

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

  55.                                 </li>

  56. 								<li>

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

  58.                                 </li>

  59. 								<li>

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

  61.                                 </li>

  62.                             </ul>

  63.                         </li-->   

  64.                         <li>

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

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

  67.                                 <li>

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

  69.                                 </li>      

  70.                                 <li>

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

  72.                                 </li>

  73. 								<li>

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

  75.                                 </li>     								

  76.                                 <!--li>

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

  78.                                 </li>

  79.                                 <li>

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

  81.                                 </li>

  82.                                 <li>

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

  84.                                 </li-->  

  85.                             </ul>

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

  87.                         </li>      

  88. 

  89. 						<li>

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

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

  92.                                 <li>

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

  94.                                 </li>

  95.                             </ul>

  96.                         </li>			

  97. 						<li>

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

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

  100.                                 <li>

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

  102.                                 </li>

  103.                             </ul>

  104.                         </li>							

  105.                           

  106.                         <!--li>

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

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

  109.                                 <li>

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

  111.                                 </li>        

  112.                                 <li>

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

  114.                                 </li> 

  115.                                 <li>

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

  117.                                 </li>   

  118.                             </ul>

  119.                         </li-->

  120. 						

  121. 						<li>

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

  123. 						</li>

  124. 						

  125.                     </ul>

  126.                 </div>

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

  128.             </div>

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

  130.         </nav>

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

  132.             <div class="row">

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

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

  135.                 </div>

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

  137.             </div>

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

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

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

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

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

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

  144.                             所有場站更新

  145.                         </div>

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

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

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

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

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

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

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

  153.                                         </div>   

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

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

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

  157.                                         </div>                       

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

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

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

  161.                                     </form>

  162.                                 </div>

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

  164.                             </div>

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

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

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

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

  169.                         </div>

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

  171.                     </div>

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

  173.                 </div>

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

  175.             </div>

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

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

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

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

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

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

  182.                             單站更新

  183.                         </div>

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

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

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

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

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

  189.                                             <label>場站</label>

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

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

  192.                                                 <option>金城</option>

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

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

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

  196.                                             </select>

  197.                                         </div>

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

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

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

  201.                                         </div>   

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

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

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

  205.                                         </div> 

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

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

  208.                                     </form>

  209.                                 </div>

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

  211.                             </div>

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

  213.                         </div>

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

  215.                     </div>

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

  217.                 </div>

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

  219.             </div>

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

  221.                       

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

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

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

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

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

  227.                             剩餘車位清單

  228.                         </div>

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

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

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

  232.                             	<div class="dataTable_wrapper">

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

  234.                                     <thead>

  235.                                         <tr>

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

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

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

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

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

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

  242.                                         </tr>    

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

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

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

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

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

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

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

  250.                                         </tr>                                     

  251.                                     </thead>

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

  253.                                 </table>

  254.                                 </div>

  255.                                 </div>

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

  257.                             </div>

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

  259.                         </div>

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

  261.                     </div>

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

  263.                 </div>

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

  265.             </div>   

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

  267.             

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

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

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

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

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

  273.                             剩餘車位設定

  274.                         </div>

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

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

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

  278.                             	<div class="dataTable_wrapper">

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

  280.                                     <thead>

  281.                                         <tr>

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

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

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

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

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

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

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

  289.                                         </tr>   

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

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

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

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

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

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

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

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

  298.                                         </tr>

  299.                                     </thead>

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

  301.                                 </table>

  302.                                 </div>

  303.                                 </div>

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

  305.                             </div>

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

  307.                         </div>

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

  309.                     </div>

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

  311.                 </div>

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

  313.             </div>   

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

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

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

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

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

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

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

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

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

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

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

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

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

  327.                                             </select>

  328.                                         </div>

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

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

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

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

  333.                                         </div> 

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

  335.                                             <label>eTag</label>

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

  337.                                         </div> 

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

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

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

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

  342.                                             </label>

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

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

  345.                                             </label>

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

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

  348.                                             </label> 

  349.                                             </label>

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

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

  352.                                             </label>

  353.                                             </label>

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

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

  356.                                             </label>

  357.                                         </div--> 

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

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

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

  361. 												data-validation="length" 

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

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

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

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

  366.                                         </div>   

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

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

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

  370. 												data-validation="length" 

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

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

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

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

  375.                                         </div>

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

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

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

  379.                                         </div>

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

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

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

  383.                                         </div>   

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

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

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

  387.                                         </div> 

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

  389.                                             <label>車型</label>

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

  391.                                         </div> 

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

  393.                                             <label>顏色</label>

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

  395.                                         </div>  

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

  397.                                             <label>年份</label>

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

  399.                                         </div -->       

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

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

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

  403.                                         </div>             

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

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

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

  407.                                         </div>

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

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

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

  411.                                         </div>

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

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

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

  415.                                         </div> 

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

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

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

  419.                                         </div>           

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

  421.                                             <label>里名</label>

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

  423.                                         </div-->

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

  425.                                             <label>地址</label>

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

  427.                                         </div>

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

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

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

  431.                                     </form>

  432.                                 </div>

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

  434.                             </div>

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

  436.                         </div>

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

  438.                     </div>

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

  440.                 </div>

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

  442.             </div>

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

  444.             

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

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

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

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

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

  450.                             會員現況表

  451.                         </div>

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

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

  454.                             <div class="dataTable_wrapper">

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

  456.                                     <thead>

  457.                                         <tr>

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

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

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

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

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

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

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

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

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

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

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

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

  612.                         </div>

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

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

  615.                             <div class="dataTable_wrapper">

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

  617.                                     <thead>

  618.                                         <tr>

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

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

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

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

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

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

  625.                                         </tr>   

  626.                                     </thead>

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

  628.                                     <tr id="cario_0">

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

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

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

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

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

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

  635.                                     </tr>    

  636.                                     <tr id="cario_1">

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

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

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

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

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

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

  643.                                     </tr>

  644.                                     <tr id="cario_2">

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

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

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

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

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

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

  651.                                     </tr>

  652.                                     <tr id="cario_3">

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

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

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

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

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

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

  659.                                     </tr>

  660.                                     <tr id="cario_4">

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

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

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

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

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

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

  667.                                     </tr>

  668.                                     <tr id="cario_5">

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

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

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

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

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

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

  675.                                     </tr>

  676.                                     <tr id="cario_6">

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

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

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

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

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

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

  683.                                     </tr>

  684.                                     <tr id="cario_7">

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

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

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

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

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

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

  691.                                     </tr>

  692.                                     <tr id="cario_8">

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

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

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

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

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

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

  699.                                     </tr>

  700.                                     <tr id="cario_9">

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

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

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

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

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

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

  707.                                     </tr>

  708.                                     </tbody>

  709.                                 </table>

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

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

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

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

  714.             </div>

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

  716.                                        

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

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

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

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

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

  722.                             調撥車道

  723.                         </div>

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

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

  726.                             <div class="dataTable_wrapper">

  727.                             	<form id="lane_form">

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

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

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

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

  732.                                             </label>

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

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

  735.                                             </label>

  736.                                         </div>

  737.                                         

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

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

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

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

  742.                                             </label>

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

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

  745.                                             </label>

  746.                                         </div> 

  747.                                         

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

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

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

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

  752.                                             </label>

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

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

  755.                                             </label>

  756.                                         </div>   

  757.                                         

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

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

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

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

  762.                                             </label>

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

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

  765.                                             </label>

  766.                                         </div>

  767.                             	</form>

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

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

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

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

  772.             </div>

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

  774.             

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

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

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

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

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

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

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

  782.                             <div class="dataTable_wrapper">

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

  784.                                         <tr>

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

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

  787.                                         </tr>   

  788.                                         <tr>

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

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

  791.                                         </tr>

  792.                                         <tr>

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

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

  795.                                         </tr>

  796.                                         <tr>

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

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

  799.                                         </tr>

  800.                                 </table>

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

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

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

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

  805.             </div>

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

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

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

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

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

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

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

  813.                         </div>

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

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

  816.                             <div class="dataTable_wrapper">

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

  818.                                     <thead>

  819.                                         <tr>

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

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

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

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

  824.                                         </tr>   

  825.                                     </thead>

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

  827.                                     </tbody>

  828.                                 </table>

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

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

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

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

  833.             </div>

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

  835.                                   

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

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

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

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

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

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

  842.                         </div>

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

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

  845.                             <div class="dataTable_wrapper">

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

  847.                                     <thead>

  848.                                         <tr>

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

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

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

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

  853.                                         </tr>   

  854.                                     </thead>

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

  856.                                     </tbody>

  857.                                 </table>

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

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

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

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

  862.             </div>

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

  864. 			

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

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

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

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

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

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

  871.                         </div>

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

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

  874.                             <div class="dataTable_wrapper">

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

  876.                                     <thead>

  877.                                         <tr>

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

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

  886.                                         </tr>

  887.                                     </thead>

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

  889.                                 </table>

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

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

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

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

  894.             </div>

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

  896.                                          

  897.         </div>

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

  899.     </div>

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

  901.     <!-- jQuery -->

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

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

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

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

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

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

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

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

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

  911. 	

  912. 	<!-- virtual keyboard -->

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

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

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

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

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

  918. 	

  919. 	<!-- alertify -->

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

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

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

  923. 	

  924. 	

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

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

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

  928. </body>

  929. </html>   

  930. 

  931. <script>

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

  933. /*

  934. 	客製化參數

  935. */

  936. (function(){

  937. 	AltobObject.xvars = {};

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

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

  940. })();

  941. 

  942. var timer;

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

  944. 

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

  946. function alertify_log($msg)

  947. {

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

  949. 	alertify.log($msg);

  950. }

  951. function alertify_error($msg)

  952. {

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

  954. 	alertify.error($msg);

  955. }

  956. function alertify_success($msg)

  957. {

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

  959. 	alertify.success($msg);

  960. }

  961. function alertify_msg($msg)

  962. {

  963. 	alertify.set({ labels: {

  964. 		ok     : "確定"

  965. 	} });

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

  967. 		// do nothing

  968. 	});

  969. }

  970. 

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

  972. /*

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

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

  975. 

  976. // set callback handlers

  977. client.onConnectionLost = onConnectionLost;

  978. client.onMessageArrived = onMessageArrived;

  979.  

  980. // called when the client connects

  981. function onConnect() 

  982. {

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

  984. 	console.log("onConnect");

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

  986. }

  987. 

  988. // called when the client loses its connection

  989. function onConnectionLost(responseObject) 

  990. {

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

  992. 	{

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

  994.   	}

  995. }

  996. 

  997. // called when a message arrives

  998. function onMessageArrived(message) 

  999. {

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

  1001. } 

  1002. */  

  1003. 

  1004. // 微調剩餘車位數

  1005. function pks_availables_update(idx, value, station_no)

  1006. {	

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

  1008. 	$.ajax

  1009. 	({

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

  1011. 		type: "post", 

  1012. 		dataType:"json",

  1013. 		data: {},

  1014. 		success: function(jdata)

  1015. 		{       

  1016. 			if(jdata > 0)

  1017. 			{

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

  1019. 				

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

  1021. 			}else{

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

  1023. 			}

  1024. 		}

  1025. 	});  

  1026. }

  1027. 

  1028. // 載入頁面

  1029. function load_page(tags)

  1030. {

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

  1032.     {     

  1033. 		$.ajax

  1034. 		({

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

  1036.         			async:false,    

  1037.         			timeout:1500,

  1038.             		type:"post", 

  1039.             		dataType:"text",

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

  1041.             		success:function(jdata)

  1042.             		{

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

  1044.             	    }

  1045. 		}); 

  1046. 	}

  1047. }

  1048.   

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

  1050. function show_item(tags, type)

  1051. {              

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

  1053.          

  1054.     // client.disconnect();         

  1055.     

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

  1057.     if (type == "member_add")

  1058.     {                            

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

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

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

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

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

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

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

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

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

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

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

  1070.     }

  1071.     

  1072.     switch(tags)

  1073.     {          

  1074. 		// -- 設定檔 --			

  1075. 		case "station_setting":

  1076. 			load_page(tags);

  1077. 			reload_station_setting(type);

  1078. 			break;

  1079. 	

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

  1081.     	case "pks_group_query":

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

  1083.             $.ajax

  1084.         	({

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

  1086.             	type: "post", 

  1087.             	dataType:"json",

  1088.             	data: {},

  1089.             	success: function(jdata)

  1090.             	{       

  1091.                 	var pks_group_list = [];  

  1092.                 	for(idx in jdata)

  1093.                     {                                         

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

  1095.                     	pks_group_list = pks_group_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

  1108. 							"</td>",

  1109.                     	"</tr>"]);

  1110.                     }

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

  1112.             	}

  1113.         	});  

  1114.         	break; 

  1115. 	

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

  1117.     	case "member_query":

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

  1119.             $.ajax

  1120.         	({

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

  1122.             	type: "post", 

  1123.             	dataType:"json",

  1124.             	data: {},

  1125.             	success: function(jdata)

  1126.             	{       

  1127.                 	var member_list = [];  

  1128.                 	for(idx in jdata)

  1129.                     {                                         

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

  1131.                     	member_list = member_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

  1144.                     	"</tr>"]);

  1145.                     }

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

  1147.             	}

  1148.         	});  

  1149.         	break; 

  1150. 

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

  1152.     	case "tx_bill_query":

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

  1154.             $.ajax

  1155.         	({

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

  1157.             	type: "post", 

  1158.             	dataType:"json",

  1159.             	data: {},

  1160.             	success: function(jdata)

  1161.             	{       

  1162.                 	var tx_bill_list = [];  

  1163.                 	for(idx in jdata)

  1164.                     {                                         

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

  1166. 						tx_bill_list = tx_bill_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

  1179.                     	"</tr>"]);

  1180.                     }

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

  1182.             	}

  1183.         	});  

  1184.         	break;

  1185. 			

  1186. 		case "tx_bill_ats_query":

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

  1188.             $.ajax

  1189.         	({

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

  1191.             	type: "post", 

  1192.             	dataType:"json",

  1193.             	data: {},

  1194.             	success: function(jdata)

  1195.             	{       

  1196.                 	var tx_bill_ats_list = [];  

  1197.                 	for(idx in jdata)

  1198.                     {                                         

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

  1200.                     	tx_bill_ats_list = tx_bill_ats_list.concat([

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

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

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

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

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

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

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

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

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

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

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

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

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

  1214.                     	"</tr>"]);

  1215.                     }

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

  1217.             	}

  1218.         	});  

  1219.         	break; 			

  1220.                            

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

  1222.         case "carin_query":

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

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

  1225.         	break;       

  1226.             

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

  1228.         case "cario_list":

  1229.             $.ajax

  1230.         	({

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

  1232.             	type: "post", 

  1233.             	dataType:"json",

  1234.             	data: {},

  1235.             	success: function(jdata)

  1236.             	{       

  1237.                 	for(idx in jdata)

  1238.                     {                                         

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

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

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

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

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

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

  1245.                     }

  1246.             	}

  1247.         	}); 

  1248.             

  1249.             // connect the client

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

  1251.         	break;

  1252.                   

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

  1254.         case "reversible_lane":

  1255.             $.ajax

  1256.         	({

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

  1258.             	type: "post", 

  1259.             	dataType:"json",

  1260.             	data: {},

  1261.             	success: function(jdata)

  1262.             	{       

  1263.                 	for(idx in jdata)

  1264.                     {          

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

  1266.                     }

  1267.             	}

  1268.         	}); 

  1269.         	break;   

  1270.             

  1271.         // ----- 在席查核 -----   

  1272.         case "pks_check":   

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

  1274.             $.ajax

  1275.         	({

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

  1277.             	type: "post", 

  1278.             	dataType:"json",

  1279.             	data: {},

  1280.             	success: function(jdata)

  1281.             	{               

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

  1283.                 	for(idx in jdata)

  1284.                     {          

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

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

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

  1288.                         "<td class='cario_list' style='vertical-align:middle;' data-tag='in_time'>"+jdata[idx]["in_time"]+"</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/pkspic/"+jdata[idx]["pic_name"]+"' /></td></tr>";

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

  1291.                     }

  1292.                     

  1293.                 	set_resize();

  1294.             	}

  1295.         	}); 

  1296.         	break;

  1297.             

  1298.         // ----- 入場查核 -----   

  1299.         case "carin_check":     

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

  1301.             $.ajax

  1302.         	({

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

  1304.             	type: "post", 

  1305.             	dataType:"json",

  1306.             	data: {},

  1307.             	success: function(jdata)

  1308.             	{               

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

  1310.                 	for(idx in jdata)

  1311.                     {          

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

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

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

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

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

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

  1318.                     }

  1319.                     

  1320.                 	set_resize();

  1321.             	}

  1322.         	});

  1323.         	break;

  1324.             

  1325.         default:

  1326.         	break;

  1327.     }

  1328.     

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

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

  1331.     return false;

  1332. }        

  1333. 

  1334. 

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

  1336. function carin_lpr_query()

  1337. {                      

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

  1339. 	if ( lpr == "")

  1340.     {

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

  1342.         return false;

  1343.     } 

  1344.     

  1345.     $.ajax

  1346.     ({

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

  1348.         type: "post", 

  1349.         dataType:"json",

  1350.         data: {},

  1351.         success: function(jdata)

  1352.         {                      

  1353.         	if (jdata.length == 0)

  1354.             {

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

  1356.                 return false;

  1357.             }                

  1358.                     

  1359.             var str = "";              

  1360.         	for(idx in jdata)

  1361.             {           

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

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

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

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

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

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

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

  1369.             }

  1370.                         

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

  1372.                         

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

  1374. 			$('.carin_resize').hover

  1375.     		(         

  1376.     			function()

  1377.         		{       

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

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

  1380.             

  1381.             		$("#works").css

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

  1383.             			"top":pos_y,

  1384.                 		"left":pos_x

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

  1386.     			},

  1387.     			function()

  1388.         		{                                 

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

  1390.     			}

  1391. 			);

  1392.             

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

  1394.         }

  1395.     });

  1396. }  

  1397. 

  1398.                  

  1399. 

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

  1401. function carin_time_query()

  1402. {                      

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

  1404. 	if (time_query == "")

  1405.     {

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

  1407.         return false;

  1408.     } 

  1409.     

  1410.     $.ajax

  1411.     ({

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

  1413.         type: "post", 

  1414.         dataType:"json",

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

  1416.         success: function(jdata)

  1417.         {       

  1418.         	var str = "";              

  1419.         	for(idx in jdata)

  1420.             {           

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

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

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

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

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

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

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

  1428.             }

  1429.                         

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

  1431.                         

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

  1433. 			$('.carin_resize').hover

  1434.     		(         

  1435.     			function()

  1436.         		{       

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

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

  1439.             

  1440.             		$("#works").css

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

  1442.             			"top":pos_y,

  1443.                 		"left":pos_x

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

  1445.     			},

  1446.     			function()

  1447.         		{                                 

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

  1449.     			}

  1450. 			);

  1451.             

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

  1453.         }

  1454.     });

  1455. }  

  1456. 

  1457.                            

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

  1459. function member_modify(member_no)

  1460. {

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

  1462.     switch(select_item)

  1463.     {

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

  1465.         	return flase;

  1466.         

  1467.         case "modify": 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1488.         	break;

  1489.             

  1490.         case "delete":

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

  1492.                                    

  1493. 			$.ajax

  1494.     		({     

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

  1496.             	type:"post",

  1497.             	dataType:"text",  

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

  1499.             	success:function(jdata)

  1500.             	{

  1501.                 	if (jdata == "ok")

  1502.                     {

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

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

  1505.                     }  

  1506.                 }        

  1507.     		});        

  1508.         	break;

  1509.     }	

  1510. }  

  1511.           

  1512. 

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

  1514. function available_check(time_point)

  1515. {                           

  1516. 	$.ajax

  1517.     ({     

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

  1519.         type:"post",

  1520.         dataType:"json",  

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

  1522.         success:function(jdata)

  1523.         {           

  1524.         	for(idx in jdata)

  1525.             {           

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

  1527.                 

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

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

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

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

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

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

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

  1535.             }        

  1536. 			window.clearTimeout(timer);

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

  1538.         }

  1539.     });                     

  1540. }

  1541. 

  1542. 

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

  1544. function available_curr()

  1545. {                   

  1546. 	$.ajax

  1547.     ({

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

  1549.             type: "post",

  1550.             dataType:"json",

  1551.             success: function(jdata)

  1552.             {

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

  1554.                 for(idx in jdata)

  1555.                 {     

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

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

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

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

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

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

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

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

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

  1565.                 }  

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

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

  1568.             }

  1569.     });

  1570. }

  1571. 

  1572. 

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

  1574. function available_set()

  1575. {     

  1576. 	$.ajax

  1577.         ({

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

  1579.             type: "post",

  1580.             dataType:"json",

  1581.             success: function(jdata)

  1582.             {

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

  1584.                 for(idx in jdata)

  1585.                 {        

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

  1587.                                                                    

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

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

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

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

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

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

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

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

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

  1597.                 }  

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

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

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

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

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

  1603.             }

  1604.     }); 

  1605. }  

  1606.                                   

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

  1608. function available_update(station_no)

  1609. {             

  1610. 	$.ajax

  1611.     ({

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

  1613.         dataType:"json",

  1614.         type:"post",

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

  1616.         success:function(jdata)

  1617.         {     

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

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

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

  1621.     	}

  1622.     }); 

  1623. }

  1624. 

  1625. var current_h;

  1626. var current_w;

  1627. 

  1628. $(document).ready(function()   

  1629. {                                    

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

  1631.     

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

  1633. 	{                   

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

  1635.         {

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

  1637.         }

  1638.     	event.preventDefault();

  1639.         $.ajax

  1640.         ({

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

  1642.             type: "post", 

  1643.             dataType:"text",

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

  1645.             success: function(jdata)

  1646.             {         

  1647.             	if (jdata == "ok")

  1648.                 {                             

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1664.                 } 

  1665.                 else

  1666.                 {

  1667.                  	alert(jdata);

  1668.                 }

  1669.             }

  1670.         }); 

  1671.     });

  1672.         

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

  1674.                             

  1675.     // 調撥車道設定

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

  1677.     {       

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

  1679. 		$.ajax

  1680.     	({

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

  1682.         	dataType:"text",

  1683.         	type:"post",

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

  1685.         	success:function(jdata)

  1686.         	{     

  1687.     		}                                                                          

  1688.     	}); 

  1689.     

  1690.     	return true;

  1691. 	}); 

  1692. 	

  1693. 	

  1694. 	// Custom: altob-keyaction

  1695.   	// ********************

  1696. 	$.extend($.keyboard.keyaction, {

  1697. 		accept : function(base) {

  1698. 			base.close(true); // same as base.accept();

  1699. 			

  1700. 			// do something

  1701. 			

  1702. 			return false;     // return false prevents further processing

  1703. 		}

  1704. 	});

  1705. 	

  1706. 	// Custom: altob-input

  1707.   	// ********************

  1708.   	$('#cms_lpr').keyboard({

  1709. 

  1710. 		usePreview: false,

  1711. 	

  1712. 		css : {

  1713. 		  // input & preview styles

  1714. 		  input          : 'ui-widget-content ui-corner-all',

  1715. 		  // keyboard container - this wraps the preview area (if `usePreview` is true) and all keys

  1716. 		  container      : 'ui-widget-content ui-widget ui-corner-all ui-helper-clearfix',

  1717. 		  // default keyboard button state, these are applied to all keys, the remaining css options are toggled as needed

  1718. 		  buttonDefault  : 'ui-state-default ui-corner-all',

  1719. 		  // hovered button

  1720. 		  buttonHover    : 'ui-state-hover',

  1721. 		  // Action keys (e.g. Accept, Cancel, Tab, etc); this replaces the "actionClass" option

  1722. 		  buttonAction   : 'ui-state-active',

  1723. 		  // used when disabling the decimal button {dec} when a decimal exists in the input area

  1724. 		  buttonDisabled : 'ui-state-disabled'

  1725. 		},

  1726. 		

  1727. 		position : {

  1728. 		  // null (attach to input/textarea) or a jQuery object (attach elsewhere)

  1729. 		  of : null,

  1730. 		  my : 'center top',

  1731. 		  at : 'center top',

  1732. 		  // at2 is used when "usePreview" is false (centers keyboard at the bottom

  1733. 		  // of the input/textarea)

  1734. 		  at2: 'center bottom',

  1735. 		  collision: 'flipfit flipfit'

  1736. 		},

  1737. 

  1738.   		display: {

  1739.   			'bksp'    : '\u2190',

  1740.   			'default' : 'ABC',

  1741.   			'accept'  : '確 認'

  1742.   		},

  1743. 

  1744.   		layout: 'custom',

  1745. 

  1746.   		customLayout: {

  1747. 

  1748.   			'default': [

  1749.   				'1 2 3 4 5 6 7 8 9 0 {bksp}',

  1750.   				'Q W E R T Y U I O P',

  1751.   				'A S D F G H J K L',

  1752.   				'Z X C V B N M {accept}'

  1753.   			]

  1754. 

  1755.   		}

  1756. 

  1757.   	});

  1758. 	

  1759. }); 

  1760. 

  1761. function opendoors(lane_no)

  1762. {

  1763. 	$.ajax

  1764.     ({

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

  1766.         dataType:"text",

  1767.         type:"post",

  1768.         data:{},

  1769.         success:function(jdata)

  1770.         {     

  1771.     	}                                                                          

  1772.     }); 

  1773.     

  1774.     return true;

  1775. }    

  1776.              

  1777. // 設定放大照片

  1778. function set_resize()

  1779. {

  1780. 	$('.resize').hover

  1781.     (         

  1782.     	function()

  1783.         {       

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

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

  1786.             

  1787.             $("#works").css

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

  1789.             	"top":pos_y,

  1790.                 "left":pos_x

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

  1792.     	},

  1793.     	function()

  1794.         {                                 

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

  1796.     	}

  1797. 	);   

  1798. }     

  1799. 

  1800. // 重設在席查核

  1801. function reset_pks_check()

  1802. {

  1803. 	$.ajax

  1804.     ({

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

  1806.         dataType:"json",

  1807.         type:"post",

  1808.         data:{},

  1809.         success:function(jdata)

  1810.         {

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

  1812.     	}                                                                          

  1813.     }); 

  1814. }    

  1815. 

  1816. 

  1817. // 更正在席車號

  1818. function correct_lpr(pksno, lpr)

  1819. {          

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

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

  1822.     

  1823. 	$.ajax

  1824.     ({

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

  1826.         dataType:"json",

  1827.         type:"post",

  1828.         data:{},

  1829.         success:function(jdata)

  1830.         {                                                                            

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

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

  1833.         	alert(msg_err+msg_cario); 

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

  1835.     	}                                                                          

  1836.     }); 

  1837. }      

  1838. 

  1839. 

  1840. // 更正在席車號

  1841. function correct_carin_lpr(cario_no, lpr, in_time)

  1842. {          

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

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

  1845.     

  1846. 	$.ajax

  1847.     ({

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

  1849.         dataType:"json",

  1850.         type:"post",

  1851.         data:{},

  1852.         success:function(jdata)

  1853.         {                                                                            

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

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

  1856.             show_item('carin_check', 'carin_check');    

  1857.     	}                                                                          

  1858.     }); 

  1859. }

  1860. 

  1861. 

  1862. 

  1863. 

  1864. 

  1865. 

  1866. <?php /* 登出 */ ?>

  1867. function logout(event)

  1868. {

  1869. 	event.preventDefault();

  1870. 	$.ajax

  1871.         ({

  1872.         	url: "<?=APP_URL?>user_logout",

  1873.             success: function(jdata)

  1874.             {

  1875. 				window.location = "<?=APP_URL?>";

  1876.             }

  1877. 	}); 

  1878. }

  1879. 

  1880. 

  1881. </script>

  1882. 

  1883. 

  1884. 

  1885. 

  1886. 

  1887. 

  1888. <!-- ----- 進出資料建立小框 ----- -->

  1889. <div class="modal fade" id="show_create_cario_dialog">

  1890. <div class="modal-dialog" style="width:70%;height:100%">

  1891. <div class="modal-content" style="width:70%;height:100%">

  1892. <div class="modal-header"><h3>手動建立資料</h3></div>

  1893. <div class="modal-body" style="max-height: calc(100vh - 210px); overflow-y: auto">

  1894. <form id="show_create_cario_form" class="center-block">    

  1895. <div class="main">

  1896. <div class="dataTable_wrapper">

  1897. <table class="table table-striped table-bordered table-hover" style="font-size:28px;">

  1898. <tbody>

  1899. 

  1900. <tr class="form-group">

  1901. 	<td style="text-align:right;">場站</td>

  1902. 	<td style="text-align:left;" id="create_cario_station_name"></td>

  1903. </tr>

  1904. <tr class="form-group">

  1905. 	<td style="text-align:right;">場站編號</td>

  1906. 	<td style="text-align:left;" id="create_cario_station_no"></td>

  1907. </tr> 

  1908. <!--tr class="form-group">

  1909. <td style="text-align:right;">車道</td>

  1910. 	<td style="text-align:left;">

  1911. 		<div id="cms_ivsno_box"/>

  1912. 	</td>

  1913. </tr-->

  1914. <tr class="form-group">

  1915. <td style="text-align:right;">進出場</td>

  1916. 	<td style="text-align:left;">

  1917. 		<div id="cms_io_box"/>

  1918. 	</td>

  1919. </tr>

  1920. <tr class="form-group">

  1921. <td style="text-align:right;">車種</td>

  1922. 	<td style="text-align:left;">

  1923. 		<div id="cms_ctype_box"/>

  1924. 	</td>

  1925. </tr>

  1926. <tr class="form-group">

  1927. 	<td style="text-align:right;">車牌號碼</td>

  1928. 	<td style="text-align:left;">

  1929. 		<input id="cms_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase;font-size:48px;height:56px;" />

  1930. 	</td>

  1931. </tr> 

  1932. 

  1933. 

  1934. </tbody>

  1935. </table>                    

  1936. <button type="button" class="btn btn-large btn-success pull-right" style="font-size:22px;"   onclick="do_create_cario();">確認送出</button>

  1937. &nbsp;&nbsp;

  1938. <button type="button" class="btn btn-large btn-cancel" onclick="$('#show_create_cario_dialog').modal('hide');">取消</button>

  1939. </div><!-- ----- end of dataTable_wrapper ----- -->  

  1940. </div><!-- ----- end of main ----- -->

  1941. </form>

  1942. </div><!-- end of modal-body --> 

  1943. </div><!-- end of modal-content --> 

  1944. </div><!-- end of modal-dialog -->

  1945. </div><!-- end of modal show -->

  1946. <!-- ----- 進出資料建立小框(結束) ----- -->  

  1947. 

  1948. 

  1949. 

  1950. <script>  

  1951. 

  1952. // 顯示新增車辨記錄

  1953. function show_create_cario_dialog()

  1954. {				

  1955. 	if(typeof AltobObject.station_no == 'undefined' || AltobObject.station_no == '' || AltobObject.station_no == 0)

  1956. 	{

  1957. 		alertify_msg("尚未設定場站。。");

  1958. 		return false;

  1959. 	}

  1960. 	

  1961. 	if(typeof AltobObject.xvars == 'undefined')

  1962. 	{

  1963. 		alertify_msg("未知的錯誤。。");

  1964. 		return false;

  1965. 	}

  1966. 

  1967. 	AltobObject.xvars["create_cario_info"] = {};

  1968. 	AltobObject.xvars["create_cario_info"]["station_no"] = AltobObject.station_no;

  1969. 	AltobObject.xvars["create_cario_info"]["cmd"] = 1;

  1970. 

  1971. 	$("#create_cario_station_name").text(AltobObject.station_name);

  1972. 	$("#create_cario_station_no").text(AltobObject.station_no);

  1973. 	

  1974. 	// 進出場

  1975. 	var cms_io_content = [];

  1976. 	cms_io_content = cms_io_content.concat(["<select id='sel_cms_io_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);

  1977. 	cms_io_content = cms_io_content.concat(["<option value='I'>進場</option>"]);

  1978. 	cms_io_content = cms_io_content.concat(["<option value='O'>離場</option>"]);

  1979. 	$("#cms_io_box").html('').html(cms_io_content.join(''));

  1980. 	

  1981. 	// 車種

  1982. 	var cms_ctype_content = [];

  1983. 	cms_ctype_content = cms_ctype_content.concat(["<select id='sel_cms_ctype_", AltobObject.station_no, "'><option value='choice'>請選擇</option>"]);

  1984. 	cms_ctype_content = cms_ctype_content.concat(["<option value='C'>汽車</option>"]);

  1985. 	cms_ctype_content = cms_ctype_content.concat(["<option value='M'>機車</option>"]);

  1986. 	$("#cms_ctype_box").html('').html(cms_ctype_content.join(''));

  1987. 	

  1988. 	// 車號

  1989. 	$("#cms_lpr").val('');

  1990. 	

  1991. 	$("#show_create_cario_dialog").modal({backdrop:false,keyboard:false});

  1992. }

  1993. 	

  1994. // 完成

  1995. function do_create_cario()

  1996. {

  1997. 	if (!confirm("確認資料無誤並送出 ?")) return false; 

  1998. 	

  1999. 	var station_no = AltobObject.xvars["create_cario_info"]["station_no"];

  2000. 	var cmd = AltobObject.xvars["create_cario_info"]["cmd"];

  2001. 	var io = $("#sel_cms_io_" + station_no).val();

  2002. 	var ctype = $("#sel_cms_ctype_" + station_no).val();

  2003. 	var lpr = $("#cms_lpr").val();

  2004. 	

  2005. 	if(!(station_no && lpr))

  2006. 	{

  2007. 		alertify_msg("資料不足。。");

  2008. 		return false;

  2009. 	}

  2010. 	

  2011. 	$.ajax

  2012.     ({

  2013.         url: "<?=APP_URL?>local_lprio", 

  2014.         dataType: "text",

  2015.         type:"post",

  2016.         data:

  2017.         {

  2018. 			"cmd":cmd,

  2019.         	"station_no":station_no,

  2020. 			"ivsno": 0,	//  都帶 0

  2021. 			"io":io,

  2022. 			"ctype":ctype,

  2023. 			"lpr":lpr

  2024.         },

  2025. 		error:function(xhr, ajaxOptions, thrownError)

  2026.         {

  2027. 			alertify_msg(xhr.responseText);

  2028.         	console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  

  2029.         },

  2030.         success:function(jdata)

  2031.         {                                                                            

  2032. 			if (jdata == "ok")	

  2033.             {                              

  2034. 				alertify_msg("操作完成。。");

  2035. 				

  2036. 				show_item('cario_list', 'cario_list');	// 更新

  2037.             }

  2038.             else

  2039.             {

  2040. 				alertify_msg("操作失敗。。" + jdata);

  2041.             }

  2042.         }

  2043.     });

  2044.     

  2045.     delete AltobObject.xvars["create_cario_info"];

  2046.     $('#show_create_cario_dialog').modal('hide'); 

  2047. }

  2048. </script>