<!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-padding w3-stretch">

      <q-field label="1. 年月" label-width="4" class="search-field w3-col l2 m6 s12" v-if="search.mode == 'day'" >
        <date-picker v-model="search.year_month1" type="month" placeholder="請選年月份" :clearable="false" ></date-picker>
        <!-- <input type="month" style="height: 100%; width: 100%;" v-model="search.year_month1"> -->
      </q-field>

      <q-field label="2. 年月" label-width="4" class="search-field w3-col l2 m6 s12" v-if="search.mode == 'day'" >
        <date-picker v-model="search.year_month2" type="month" placeholder="請選年月份" :clearable="false" ></date-picker>
        <!-- <input type="month" style="height: 100%; width: 100%;" v-model="search.year_month2"> -->
      </q-field>      
      
      <q-btn glossy label="查詢" @click="searchData()" color="primary" class="id-btn"></q-btn>
      <q-btn glossy label="返回" @click="FnPageSwitch(fromPage)" color="primary" class="w3-right id-btn"></q-btn>
    </div>
    
    <div class="w3-section" style="height: 900px;">
      <echart :options="chartOption" autoresize style="width: 100%; height: 100%;" id="my-pie"></echart>
    </div>
    
    <?php
    include_once "html_layout_footer.inc";
    ?>
  </div>
  <?php
  include_once "html_loading.inc";
  ?>
</body><?php
        $is_echarts = true;
        include_once "html_down.inc";
        ?>

</html>