<!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" >
      
      <q-tabs class="shadow-6" animated  color="blue-grey-1"  text-color="dark" align="justify" position="top" > 

        <!-- 選項卡 ： recycled => 回收水流程圖 / purification => 淨水流程圖 / waste => 廢水流程圖 -->
        <q-tab 
          slot="title"
          :name="key"   
          :label="item['title']"  
          :default="item['default']" 
          :hidden="item['hidden']" 
          v-for="(item, key) in qTabForm">
        </q-tab>  

        <!-- 選項卡內容 ： recycled => 回收水流程圖 / purification => 淨水流程圖 / waste => 廢水流程圖 -->
        <q-tab-pane :name="key" v-for="(item, key) in qTabForm">
            <!-- 背景圖 -->
            <img :src="item['backgroundImage']" :alt="item['title']" ></img>
            <billboard-item :bill-board="item['billboard']"></billboard-item>
        </q-tab-pane>  

      </q-tabs>

    </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>