101 lines
4.4 KiB
Plaintext
101 lines
4.4 KiB
Plaintext
<div class="row mb-5 d-flex justify-content-start">
|
|
<div class="pr-3">
|
|
<div class="btn-group btn-group-md">
|
|
<button type="button" class="btn btn-success waves-effect waves-themed" id="Group0" onclick="ChangeGroup(0)">日</button>
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" id="Group1" onclick="ChangeGroup(1)">月</button>
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" id="Group2" onclick="ChangeGroup(2)">年</button>
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" id="Group3" onclick="ChangeGroup(3)">歷年</button>
|
|
</div>
|
|
</div>
|
|
<div class="pr-3" id="Today">
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="getday(0)">今日</button>
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="getday(1)">昨日</button>
|
|
</div>
|
|
<div class="pr-3" id="ToMonth" style="display:none">
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="getmonth(0)">本月</button>
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="getmonth(1)">上個月</button>
|
|
</div>
|
|
<div class="pr-3" id="ToYear" style="display:none">
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="getyear(0)">今年</button>
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="getyear(1)">去年</button>
|
|
</div>
|
|
|
|
|
|
<div class="pr-3">
|
|
<div class="btn-group" id="js-demo-nesting" role="group" aria-label="Button group with nested dropdown">
|
|
@*<button type="button" class="btn btn-secondary waves-effect waves-themed"> < </button>
|
|
|
|
<div class="btn-group" role="group">
|
|
<button type="button" class="btn btn-secondary dropdown-toggle waves-effect waves-themed" data-toggle="dropdown">2021 五月 </button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0)">2021 四月</a>
|
|
<a class="dropdown-item" href="javascript:void(0)">2021 三月</a>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed"> > </button>
|
|
<input type="date" class="form-control" id="DateGet" />*@
|
|
<input class="form-control" id="date-range-history" type="text" name="date" value="">
|
|
|
|
<input type="month" class="form-control" id="MonthGet" style="display:none" />
|
|
|
|
<input type="number" class="form-control" min="2000" max="2030" step="1" id="YearGet" style="display:none" />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="pr-3">
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed" id="Historybtn" onclick="Historyclick()">查詢</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="all">
|
|
<div class="row mb-5">
|
|
<div class="card p-3 w-100">
|
|
<h5 class="font-weight-bold mb-3 pl-5 pb-3">總結</h5>
|
|
<table class="table m-0">
|
|
<thead>
|
|
<tr>
|
|
<th>時間</th>
|
|
<th>發電量(kWh)</th>
|
|
<th>日均發電度數</th>
|
|
<th>累積日照量(W/m2)</th>
|
|
<th>PR(%)</th>
|
|
<th>溫度(℃)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="HistoryTotalTable">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="history-kWh-convas-div">
|
|
<canvas id="history-kWh"></canvas>
|
|
</div>
|
|
|
|
<div class="row mb-5">
|
|
<div class="card p-3 w-100">
|
|
<h5 class="font-weight-bold mb-3 pl-5 pb-3">詳細資訊</h5>
|
|
<table class="table m-0">
|
|
<thead>
|
|
<tr>
|
|
<th>時間</th>
|
|
<th>發電量(kWh)</th>
|
|
<th>日均發電度數</th>
|
|
<th>累積日照量(W/m2)</th>
|
|
@*<th>日照量(W/m2)</th>*@
|
|
<th>PR(%)</th>
|
|
<th>溫度(℃)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="HistoryDetailTable">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|