91 lines
3.5 KiB
HTML
91 lines
3.5 KiB
HTML
|
<main id="js-page-content" role="main" class="page-content">
|
||
|
|
<h1 class="p-2 mb-0">太陽能管理</h1>
|
||
|
|
<div class="row px-2 py-3">
|
||
|
|
<div class="col-12 pb-3">
|
||
|
|
<div class="d-flex align-items-center">
|
||
|
|
<button
|
||
|
|
class="btn btn-info"
|
||
|
|
id="backButton"
|
||
|
|
onclick="goback()"
|
||
|
|
>回上一頁</button>
|
||
|
|
<i class="fa fa-check-circle text-success fs-1-1 ml-3 " aria-hidden="true"></i>
|
||
|
|
<label id="curLevText" class="fs-1 ml-2 mb-0"></label>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 ">
|
||
|
|
<ul class="nav nav-tabs w-100" role="tablist">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" data-toggle="tab" href="#tab_borders_icons-1"
|
||
|
|
role="tab"><i class="fal fa-chart-line mr-1"></i> 即時資訊</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" data-toggle="tab" href="#tab_borders_icons-2"
|
||
|
|
role="tab"><i class="fal fa-file mr-1"></i> 基本資料</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" data-toggle="tab" href="#tab_borders_icons-3"
|
||
|
|
role="tab"><i class="fal fa-cog mr-1"></i> 逆變器監控</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" data-toggle="tab" href="#tab_borders_icons-4"
|
||
|
|
role="tab"><i class="fal fa-chart-bar mr-1"></i> 逆變器分析</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" data-toggle="tab" href="#tab_borders_icons-5"
|
||
|
|
role="tab"><i class="fal fa-chart-area mr-1"></i> 歷史資料</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" data-toggle="tab" href="#tab_borders_icons-6"
|
||
|
|
role="tab"><i class="fal fa-bell mr-1"></i> 異常紀錄</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<div class="tab-content border border-top-0 p-3 w-100">
|
||
|
|
<div class="tab-pane fade show active" id="tab_borders_icons-1" role="tabpanel" data-id="realTimeInfo">
|
||
|
|
1
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="tab_borders_icons-2" role="tabpanel" data-id="basicInfo">
|
||
|
|
2
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="tab_borders_icons-3" role="tabpanel" data-id="invrMon">
|
||
|
|
3
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="tab_borders_icons-4" role="tabpanel" data-id="invrAnal">
|
||
|
|
4
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="tab_borders_icons-5" role="tabpanel" data-id="HistData">
|
||
|
|
5
|
||
|
|
</div>
|
||
|
|
<div class="tab-pane fade" id="tab_borders_icons-6" role="tabpanel" data-id="abnRec">
|
||
|
|
6
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
$(function () {
|
||
|
|
initializePage();
|
||
|
|
})
|
||
|
|
function goback() {
|
||
|
|
sessionStorage.removeItem('solar');
|
||
|
|
$("#app").load(`_solarEnergy.html`);
|
||
|
|
}
|
||
|
|
function initializePage() {
|
||
|
|
const solarData = JSON.parse(sessionStorage.getItem('solar'));
|
||
|
|
|
||
|
|
console.log("Site ID:", solarData.siteID);
|
||
|
|
console.log("Site Name:", solarData.siteName);
|
||
|
|
|
||
|
|
// 使用這些數據更新頁面
|
||
|
|
$("#curLevText").text(solarData.siteName);
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|