<!DOCTYPE html>
<html lang="zh-tw">

<head>
  <?php
      include_once "html_head.inc";
      ?>
    </head>

<body>
  <div id="q-app" :visible="IsVueReady==true" @mousemove="FnIdleReset" >
    <?php
    include_once "html_layout_header.inc";
    ?>
    
    <div class="w3-row">
       <div class="w3-row-padding w3-stretch flex-frwfsc q-mb-md" >
        <q-field label="開始日期" label-width="4" class="search-field w3-col l2 m6 s12 flex-space" >
          <date-picker v-model="search.start_date" type="date" :clearable="false" placeholder="請選開始日期" value-type="format" format="YYYY-MM-DD"></date-picker>
        </q-field>
        <q-field label="結束日期" label-width="4" class="search-field w3-col l2 m6 s12 flex-space" >
          <date-picker v-model="search.end_date" type="date" :clearable="false" placeholder="請選結束日期" value-type="format" format="YYYY-MM-DD"></date-picker>
        </q-field>
        <q-btn glossy label="查詢" @click="searchData()" color="primary" class="id-btn"></q-btn>
        <q-btn glossy label="匯出" @click="FnReportDownload('csv',tableData,columns,{filename:'全廠每日指標查詢'})" color="secondary" class="id-btn q-ml-md"></q-btn>
      </div> 
    </div> 


    <data-table :show-search-field="false" :show-search-btn="false" :show-search-panel="false" :show-download-btn="false" :title="$t('menu.search_station_indicatros_daily')" :columns="columns" :data="tableData" row-key="name" :show-row-control="false">
    
    </data-table>


    
    <?php
    include_once "html_layout_footer.inc";
    ?>
  </div>
  <?php
  include_once "html_loading.inc";
  ?>
</body><?php
        $is_echarts = true;
        $is_report_download = true;
        include_once "html_down.inc";
        ?>

</html>