<!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="container">
			<div class="row">
				<div class="search-block">
					<div class="search-block-label">
						<label class="text-center" style="width: 140px;">開始日期(起)</label>
					</div>
					<date-picker style="width: 200px;" class="col search-block-input" v-model="search.start_at" format="YYYY-MM-DD" type="date"></date-picker>
				</div>
				<div class="search-block">
					<div class="search-block-label">
						<label class="text-center" style="width: 140px;">開始日期(迄)</label>
					</div>
					<date-picker style="width: 200px;" class="col search-block-input" v-model="search.end_at" format="YYYY-MM-DD" type="date"></date-picker>
				</div>
				<div class="search-block">
					<div class="search-block-label">
						<label class="text-center" style="width: 140px;">機台</label>
					</div>
					<q-select style="width: 200px;" class="col search-block-input" v-model="search.machine" align="center" :options="machine_option"></q-select>
				</div>
				<div class="row items-center">
					<q-btn color="primary" class="id-btn" style="margin:10px;" glossy label="查詢" @click="searchData()" /></q-btn>
					<q-btn color="secondary" class="id-btn" style="margin:10px;" glossy label="匯出" @click="FnReportDownload('csv', table_data, tableColumns, '警報紀錄')" /></q-btn>
				</div>
			</div>
			<!-- 資料表單 -->
			<div class="custom-table bg-color-White">
				<ve-table style="width:100%" :scroll-width="0" :border-around="false" border-y :columns="tableColumns" :cell-style-option="cellStyleOption" :table-data="tableData">
				</ve-table>
				<div class="custom-table-pagination row justify-end">
					<ve-pagination :total="totalCount" :page-index="pageIndex" :page-size="pageSize" @on-page-number-change="pageNumberChange" @on-page-size-change="pageSizeChange" />
				</div>
			</div>
		</div>
		<!--<div style="height: 50px;"></div>-->
	</div>

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

</html>