124 lines
6.1 KiB
Plaintext
124 lines
6.1 KiB
Plaintext
@{
|
|
ViewData["MainNum"] = "1";
|
|
ViewData["SubNum"] = "2";
|
|
ViewData["Title"] = "電站總覽";
|
|
}
|
|
|
|
<ol class="breadcrumb page-breadcrumb">
|
|
<li class="breadcrumb-item"><a href="javascript:void(0);">總覽</a></li>
|
|
<li class="breadcrumb-item">@ViewData["Title"]</li>
|
|
<li class="breadcrumb-item city-name">新竹市</li>
|
|
<li class="breadcrumb-item power-station-name active">新竹巨城站</li>
|
|
<li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
|
|
</ol>
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<div id="panel-5" class="panel">
|
|
<div class="panel-container show">
|
|
<div class="panel-content">
|
|
<div class="row subheader">
|
|
<div class="col-xl-2">
|
|
<h1 class="subheader-title">
|
|
<span class="icon-stack fa-1x">
|
|
<i class="base-7 icon-stack-3x color-info-500"></i>
|
|
<i class="base-7 icon-stack-2x color-info-700"></i>
|
|
<i class="ni ni-graph icon-stack-1x text-white"></i>
|
|
</span>
|
|
<span id="power-station-title">新竹巨城站</span>
|
|
</h1>
|
|
</div>
|
|
<div class="col-xl-3 d-flex justify-content-start">
|
|
<p class="card-text px-3"><i class="fal fa-cloud-sun-rain fa-3x"></i></p>
|
|
<p class="font-weight-bold">27°C<br>降雨幾率: 15%</p>
|
|
</div>
|
|
</div>
|
|
<ul class="nav nav-tabs mb-5" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-lg px-4 active" data-toggle="tab" href="#tab-overview-uptodate" role="tab">
|
|
<i class="fal fa-home text-success"></i> <span class="hidden-sm-down ml-1">即時資訊</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-lg px-4" data-toggle="tab" href="#tab-overview-info" role="tab">
|
|
<i class="fal fa-home text-success"></i> <span class="hidden-sm-down ml-1">基本資料</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-lg px-4" data-toggle="tab" href="#tab-overview-history" role="tab">
|
|
<i class="fal fa-home text-success"></i> <span class="hidden-sm-down ml-1">歷史資料</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-lg px-4" data-toggle="tab" href="#tab-overview-inverter" role="tab">
|
|
<i class="fal fa-home text-success"></i> <span class="hidden-sm-down ml-1">逆變器分析</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-lg px-4" data-toggle="tab" href="#tab-overview-exception" role="tab">
|
|
<i class="fal fa-home text-success"></i> <span class="hidden-sm-down ml-1">異常記錄</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fs-lg px-4" data-toggle="tab" href="#tab-overview-operationRecord" role="tab">
|
|
<i class="fal fa-home text-success"></i> <span class="hidden-sm-down ml-1">運維記錄</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content p-3">
|
|
<div class="tab-pane fade show active" id="tab-overview-uptodate" role="tabpanel" aria-labelledby="tab-overview-uptodate">
|
|
@Html.Partial("_UpToDate")
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="tab-overview-info" role="tabpanel" aria-labelledby="tab-overview-info">
|
|
@Html.Partial("_Info")
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="tab-overview-history" role="tabpanel" aria-labelledby="tab-overview-history">
|
|
@Html.Partial("_History")
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="tab-overview-inverter" role="tabpanel" aria-labelledby="tab-overview-inverter">
|
|
@Html.Partial("_Inverter")
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="tab-overview-exception" role="tabpanel" aria-labelledby="tab-overview-exception">
|
|
@Html.Partial("_Exception")
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="tab-overview-operationRecord" role="tabpanel" aria-labelledby="tab-overview-operationRecord">
|
|
@Html.Partial("_OperationRecord")
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@section Scripts{
|
|
<script>
|
|
var stationId;
|
|
var powerStationData;
|
|
$(function () {
|
|
var url = new URL(location.href);
|
|
stationId = url.searchParams.get('stationId');
|
|
var url = "/PowerStation/GetOnePowerStation"
|
|
|
|
var send_data = {
|
|
id: stationId
|
|
}
|
|
|
|
$.post(url, send_data, function (rel) {
|
|
if (rel.code != "0000") {
|
|
toast_error(rel.msg);
|
|
return;
|
|
}
|
|
|
|
powerStationData = rel.data;
|
|
$(".city-name").html(powerStationData.cityName);
|
|
$(".power-station-name").html(powerStationData.name);
|
|
$("#power-station-title").html(powerStationData.name);
|
|
}, 'json');
|
|
})
|
|
</script>
|
|
} |