Tryag File Manager

//home/ltms.eemo.co.kr/public_html/super/control_center_prc_car.php

<!-- 
  
필요 구현 항목
  1. 미등록차량 수 구해오기  (DB 구현하여 연결)
  2. 차량 구분으로 검색 설정 (ex 사료, 생계 ... )  차량 DB 완료 후 연동

-->

<?
/* 기본 메뉴 세팅 끝*/
$farm_no = $_REQUEST['farm_no'];
$jong_type = empty($_REQUEST['jong_type']) ? 1 :$_REQUEST['jong_type'] ;
$c_page = empty($_REQUEST['c_page']) ? 1 :$_REQUEST['c_page'] ;
?>

<style>
      #chartdiv {
        width: 100%;
        height: 270px;
      }

#chartdiv {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      }

.inpForm {
        border: 1px solid #e5e6e7;
        padding: 6px 12px;
      }
      </style>
  
      <div id="carInfo">
   
        <div class="row animated fadeInDown">

<div class="col-lg-12">
        <img src="img/icon/close1.png" style="cursor:pointer;position:absolute;right:20px;top:-1px;z-index:9999" onclick="changeMode(<?=$_REQUEST['farm_no']?>,'farm')" alt="접기 버튼">
          <div class="ibox-content border-0 py-0 text-right">
          </div>
        </div>
        
        <div class="col-lg-12">
          <div class="ibox-content border-top-0  invisible-scrollbar" style="height:79vh; overflow:scroll;" >
          <? 
          include_once("control_center_prc_navigation.php");
        ?>
        <?php

/* submit  */
        $searchCarNo = $_REQUEST[searchCarNo];
        $searchStart = empty($_REQUEST[searchStart]) ? date("Y-m-d") : $_REQUEST[searchStart];
        $searchEnd = empty($_REQUEST[searchEnd]) ? date("Y-m-d") : $_REQUEST[searchEnd];
        $searchEndShow = $searchEnd." "."23:59:59";
        $searchCarNo = preg_replace("/\s+/", "", $searchCarNo);
        
        if(!empty($searchStart) && !empty($searchEnd))
          $addDateQuery = "AND regdate BETWEEN '$searchStart' AND '$searchEndShow'";
        else 
          $addDateQuery = "AND regdate BETWEEN '$searchStart' AND '$searchEndShow'";
        
        if(!empty($searchCarNo))
          $addCarQuery = "AND REPLACE(lpr_num,' ','') = '$searchCarNo'";
        else
          $addCarQuery = "";
/* 페이징 */
        $v_num = 7;
        if(!$v_num) {
          $v_num=10;
        }
        $limit=$v_num;
          // $query = mysql_query("SELECT count(*) as cnt FROM company_board WHERE 1");
          // 전체 카운터 
          $rs=RS("SELECT count(*) as cnt FROM farm_lpr_log WHERE 1  AND farm_no = '$farm_no'  $addDateQuery $addCarQuery");
          $maxCnt=$rs[cnt];
          vari($maxCnt,10,$v_num,$c_page);
          $gita="&find=".urlencode($find)."&search=".urlencode($search)."&sel_sort=".urlencode($sel_sort)."&sel_sido=".urlencode($sel_sido)."&sel_sigungu=".urlencode($sel_sigungu)."&v_num=".urlencode($v_num)
          ."&farm_no=".urlencode($farm_no)."&jong_type=".urlencode($jong_type)."&pbreedtype=".urlencode($pbreedtype)."&contract_no=".urlencode($contract_no)
          ."&searchStart=".urlencode($searchStart)."&searchEnd=".urlencode($searchEnd)."&searchCarNo=".urlencode($searchCarNo);
/*  */
          
          
          ?>
          
          <div class="ibox-content  d-flex flex-column border-0">
              <div class="iboc-content border-0 w-100 mb-2">
                <small class="float-left pt-3 mr-3">검색결과 : 총 <strong><?=$maxCnt?></strong>대</small>
                <small class="float-left pt-3 mr-3">( 미등록차량 : 총 <strong><?=$maxCnt?></strong>대 )</small>
                <button class="searchCar btn btn-outline-info float-right ml-1" onclick="searchCar();">조회</button>
                
                <input class="float-right form-control-sm form-control mx-1" name="searchCarNo" id="searchCarNo" type="text" value="<?=$_REQUEST[searchCarNo]?>" placeholder="차량번호" style="width:10%">
                
                <div class="form-group mx-1" id="data_5">
                  <div class="input-daterange input-group w-50 float-right" id="datepicker">
                    <span class="input-group-addon bg-white border-left border-light"><i class="fa fa-calculator mx-1" aria-hidden="true"></i></span>
                    <input type="text" class="form-control-sm form-control mx-1" id="searchStart" name="searchStart" value="<?=$searchStart?>">
                    <span class="input-group-addon bg-white"><i class="fa fa-calculator mx-1" aria-hidden="true"></i></span>
                    <input type="text" class="form-control-sm form-control mx-1" id="searchEnd" name="searchEnd" value="<?=$searchEnd?>">
                  </div>                
                </div>

</div>

<div class="d-flex flex-row">
              <div class="w-25">
                <div class="card">
                  <div class="card-body ">
                    <h4 class="card-title car-info-no">차량번호</h4>
                    
                    <div class="youtube"><iframe width="396" height="260" src="" frameborder="0" allowfullscreen=""></iframe></div>
                  </div>
                </div>
              </div>
              <div class="w-75 border border-left-0">
                <table class="table table-sm table-hover table-inverse text-center" style="cursor:pointer">
                  <thead class="thead-inverse">
                    <tr>
                      <th>등록여부</th>
                      <th>차량번호</th>
                      <th>차량구분</th>
                      <th>운전자명</th>
                      <th>방문목적</th>
                      <th>방문일자</th>
                    </tr>
                  </thead>
                  <tbody>
                 
                    <?php 
                      $offset = $offset < 0 ? 0 : ($c_page-1)*$limit;
                      $query = mysql_query("SELECT * FROM farm_lpr_log WHERE 1 AND farm_no = '$farm_no' $addDateQuery $addCarQuery ORDER BY regdate DESC limit $offset, $limit ");
                     
                      while($rs = mysql_fetch_assoc($query)) {  
                    ?>
                    <tr class="car-info" onclick="carInfo('<?=$rs[lpr_num]?>');">
                      <?
                        if($rs[is_auth]==1) {
                          $textCar = 'text-success'; 
                        }
                      ?> 
                      <td scope="row" class=""><i class="fa fa-car <?=empty($textCar) ? 'text-danger' : $textCar ?>" aria-hidden="true"></i></td>
                      <td class="car-info-number"><?=$rs[lpr_num]?></td>
                      <td><?=$rs[car_gubun]?></td>
                      <td><?=$rs[driver_name]?></td>
                      <td><?=$rs[car_reason]?></td>
                      <td><?=$rs[regdate]?></td>
                    </tr>
                    <?php }?>
                  </tbody>
                </table>
                <div class="text-center">
                  <?navi($_SERVER[PHP_SELF],$maxCnt,$limit,10,$c_page,$gita);?>
                </div>
              </div>

</div>

</div>

</div>
      </div>
    </div>
    </div>
        
  </div>

$(document).ready(function () {
      amchart();
    });

function carInfo(carInfoText) {
      $('.car-info-no').text("");  
      $('.car-info-no').text(carInfoText);

$('#searchCarNo').val("");
      $('#searchCarNo').val(carInfoText);
    }

$(function() {
      $('#data_5 .input-daterange').datepicker({
        format : "yyyy-mm-dd",
        keyboardNavigation: false,
        forceParse: false,
        autoclose: true
      });
    });

/**
     * ---------------------------------------
     * This demo was created using amCharts 4.
     * 
     * For more information visit:
     * https://www.amcharts.com/
     * 
     * Documentation is available at:
     * https://www.amcharts.com/docs/v4/
     * ---------------------------------------
     */
    
    <?php if(empty($_REQUEST[searchCarNo])) {
      /* 그래프용 데이터 */
      $query =mysql_query("SELECT * FROM farm_lpr_log WHERE 1 AND farm_no = $farm_no $addDateQuery $addCarQuery ");
      
      $arrCar = array();
      while($tmprs=mysql_fetch_assoc($query)) {
        $arrCar[] = $tmprs[lpr_num];
      }          
      $num = array_count_values($arrCar);
      /* 끝 */
    ?>
    function amchart() {    
    // Themes begin
    am4core.useTheme(am4themes_animated);
    // Themes end

// Create chart instance
    var chart = am4core.create("chartdiv", am4charts.XYChart);
    chart.scrollbarX = new am4core.Scrollbar();

var dataArray = new Array();
    var dataObj = new Object();
    <?php 
      foreach ($num as $key => $value) {
    ?>

var dd = {
      country: "<?=$key?>",
      visits: <?=$value?>,
      // color : chart.colors.next()
    }
    dataArray.push(dd);

<?php } ?>

// Add data
    chart.data = dataArray;

// Create axes
    var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
    categoryAxis.dataFields.category = "country";
    categoryAxis.renderer.grid.template.location = 0;
    categoryAxis.renderer.minGridDistance = 30;
    categoryAxis.renderer.labels.template.horizontalCenter = "right";
    categoryAxis.renderer.labels.template.verticalCenter = "middle";
    categoryAxis.renderer.labels.template.rotation = 270;
    categoryAxis.tooltip.disabled = true;
    categoryAxis.renderer.minHeight = 0;
    categoryAxis.renderer.inside = true;
    categoryAxis.renderer.grid.template.disabled = true;

var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
    valueAxis.renderer.minWidth = 50;

// Create series
    var series = chart.series.push(new am4charts.ColumnSeries());
    series.sequencedInterpolation = true;
    series.dataFields.valueY = "visits";
    series.dataFields.categoryX = "country";
    series.tooltipText = "[{categoryX}: bold] 방문횟수 : {valueY} 회[/]\n차량번호 : {categoryX}";
    series.columns.template.strokeWidth = 0;

series.tooltip.pointerOrientation = "vertical";

series.columns.template.column.cornerRadiusTopLeft = 10;
    series.columns.template.column.cornerRadiusTopRight = 10;
    series.columns.template.column.fillOpacity = 0.8;

let labelTemplate = categoryAxis.renderer.labels.template;
    labelTemplate.rotation = -90;
    labelTemplate.horizontalCenter = "left";
    labelTemplate.verticalCenter = "middle";
    labelTemplate.dy = 0; // moves it a bit down;
    labelTemplate.inside = false; // this is done to avoid settings which are not suitable when label is rotated

// on hover, make corner radiuses bigger
    var hoverState = series.columns.template.column.states.create("hover");
    hoverState.properties.cornerRadiusTopLeft = 0;
    hoverState.properties.cornerRadiusTopRight = 0;
    hoverState.properties.fillOpacity = 1;

series.columns.template.adapter.add("fill", function(fill, target) {
      return chart.colors.getIndex(target.dataItem.index);
    });

// Cursor
    chart.cursor = new am4charts.XYCursor();
    chart.scrollbarX.parent = chart.bottomAxesContainer;
  }
    <?php }else{
    /* 그래프용 데이터 */
      $query =mysql_query("SELECT * FROM farm_lpr_log WHERE 1 $addDateQuery $addCarQuery");
      
      $arrCar = array();
      while($tmprs=mysql_fetch_assoc($query)) {
        $arrCar[] = substr($tmprs[regdate],5,5);
      }          
      $num = array_count_values($arrCar);
    ?>
      /* 끝 */
    function amchart() {
    // Themes begin
    am4core.useTheme(am4themes_animated);
    // Themes end

// Create chart instance
    var chart = am4core.create("chartdiv", am4charts.XYChart);
    chart.scrollbarX = new am4core.Scrollbar();

var dataArray = new Array();
    var dataObj = new Object();
    <?php 
      foreach ($num as $key => $value) {
    ?>

var dd = {
      country: "<?=$key?>",
      visits: <?=$value?>,
      // color : chart.colors.next()
    }
    dataArray.push(dd);

<?php } ?>

// Add data
    chart.data = dataArray;

series.columns.template.adapter.add("fill", function(fill, target) {
      return chart.colors.getIndex(target.dataItem.index);
    });

// Cursor
    chart.cursor = new am4charts.XYCursor();
    chart.scrollbarX.parent = chart.bottomAxesContainer;
    }
    <?php }?>
  
    <? // 차량번호 조회 ?>
    function searchCar(c_page) {  
      if(c_page===undefined){
        c_page=1;
      }
      var data = new FormData();
      data.append('farm_no', '<?=$_REQUEST['farm_no']?>');
      data.append('jong_type', '<?=$_REQUEST['jong_type']?>');
      data.append('pbreedtype', '<?=$_REQUEST['pbreedtype']?>');
      data.append('contract_no', '<?=$_REQUEST['contract_no']?>');
      data.append('c_page', c_page);
      data.append('searchStart', $('#searchStart').val());
      data.append('searchEnd', $('#searchEnd').val());
      data.append('searchCarNo', $('#searchCarNo').val());
      data.append('type', 'searchCar');

$.ajax({
        type: "POST",
        url: "control_center_process.php",
        data: data,
        dataType: "html",
        cache: false,
        contentType: false,
        processData: false,
        success: function (response) {
          $('#carInfo').html(response);
        }
      });
    }
    </script>
  </body>

</html>