@model Edge.WebHost.Models.SmartFuel.SmartFuelViewInfo
<!DOCTYPE html>
@{
Layout = "../Shared/_Layout.cshtml";
}
<link rel="stylesheet" href="~/WebConsole/css/tankDetail.css" />
<div class="tank-body">
<div id="tankcontainer" class="tank-container">
</div>
<div class="tank-footer">
<fnav class="tank-footer-fnav tank-footer-fnav-image" style="visibility:hidden;" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="NozzlesFnav">油枪查看</fnav>
@*<fnav class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="PumpsFnav">油机总览</fnav>*@
<fnav class="tank-footer-fnav" onclick="OnclickFnav(this.id)" style="visibility:hidden;" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="SensorDataFnav">仪表数据</fnav>
<fnav class="tank-footer-fnav" onclick="OnclickFnav(this.id)" style="visibility:hidden;" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="ChartInquiryFnav">图表查询</fnav>
<div id="PumpsPage_Bottom_pages" style="position: absolute;right:0%; width: 30%; height: 100%;">
@{
var pagePointWidth = 5;//5;//16;
var currentpageMargintop = 37.692;//37.692;//(65 - pagePointWidth) / 2;//37.692
var marginRight = 11;//12.5;//40;
}
<img id="PumpsPage_Bottom_pages_img_previous_page" onclick="ShowPreviousPage()" src="~/WebConsole/images/smartFuel/prePage.png" style="position: absolute; left: 0%; top: 14.615%; width: 13%; height: 70.769%;visibility: visible;" />
@for (var p = 1; p < 6; p++)
{
var currentPageVisible = "visible";
var pageNotShowedVisible = "visible";
<img id="PumpsPage_Bottom_pages_img_@p" src="~/WebConsole/images/smartFuel/currentpage.png" style="position:absolute; left: @((pagePointWidth+marginRight)*(p-1)+15)%;top:@(currentpageMargintop)%; width: @(pagePointWidth)%; height: 28%;visibility: @currentPageVisible;" />
<img id="PumpsPage_Bottom_pages_notshowed_img_@p" src="~/WebConsole/images/smartFuel/notshowed.png" style="position:absolute; left: @((pagePointWidth+marginRight)*(p-1)+15)%; top:@(currentpageMargintop)%; width: @(pagePointWidth)%; height: 28%;visibility:@pageNotShowedVisible;" />
}
<img id="PumpsPage_Bottom_pages_img_next_page" onclick="ShowNextPage()" src="~/WebConsole/images/smartFuel/nextPage.png" style="position: absolute; right:0.5%;top: 14.615%; width: 13%;height: 70.769%;visibility:visible;" />
</div>
</div>
</div>
<script src="~/WebConsole/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="~/WebConsole/js/vue.min.js"></script>
<script type="text/javascript" src="~/WebConsole/js/Chart.bundle.js"></script>
<script src="~/WebConsole/js/mqtt.min.js"></script>
<script src="~/WebConsole/js/tankDetail.js"></script>
<script src="~/WebConsole/js/vue-json-excel.js"></script>
<script type="text/javascript">
ShowMeAPIS(["localMqtt", ["IfsfFdcServer", "OnlineWatch"]], function () {
if ("@Model.queryString" === "") {
ShowFanv();
if (!apis.has("GetPumpsLayout")) { defaultPageDic['NozzlesFnav'] = 'ALNozzles'; }
OnloadIndex('/OnlineMonitor/', 'NozzlesFnav');
} else {
//hideFanv();
var footerPage = document.getElementById("PumpsPage_Bottom_pages");
if ("@Model.queryString".toUpperCase() === "ALNOZZLES" || "@Model.queryString".toUpperCase() === "NOZZLES"
|| "@Model.queryString".toUpperCase() === "CHART" || "@Model.queryString".toUpperCase() === "ALNOZZLESCONFIG") {
footerPage.style.visibility = "visible";
footerPage.style.display = "";
} else { footerPage.style.visibility = "hidden"; footerPage.style.display = "none"; }
if ("@Model.queryString".toUpperCase() === "ALNOZZLES") {
defaultPageDic['NozzlesFnav'] = 'ALNozzles';
OnloadIndex('/OnlineMonitor/', 'NozzlesFnav');
} else if ("@Model.queryString".toUpperCase() === "NOZZLES") {
defaultPageDic['NozzlesFnav'] = 'Nozzles';
OnloadIndex('/OnlineMonitor/', 'NozzlesFnav');
} else if ("@Model.queryString".toUpperCase() === "SENSOR") {
OnclickFnav('SensorDataFnav')
} else if ("@Model.queryString".toUpperCase() === "LIST") {
OnclickFnav('ListTabFnav')
} else if ("@Model.queryString".toUpperCase() === "CHART") {
OnclickFnav('ChartInquiryFnav')
} else if ("@Model.queryString".toUpperCase() === "ALNOZZLESCONFIG") {
defaultPageDic['NozzlesFnav'] = 'ALNozzlesConfig';
OnloadIndex('/OnlineMonitor/', 'NozzlesFnav');
}else {
alert("Invlaid query:" + "@Model.queryString");
}
}
});
let currentFnav = 'SensorDataFnav'
let intervalid = setInterval(() => {
getTankData()
}, 1600)
function getTankData() {
let path = '/sys/VeederRoot_ATG_Console_Tcp/VeederRoot_ATG_Console.Handler/thing/service/'
if (currentFnav == 'SensorDataFnav') {
Publish1(path, 'GetPressureAsync')
} else if (currentFnav == 'ChartInquiryFnav') {
Publish1(path, 'GetPressureAsync')
}
}
function OnclickFnav(currentId) {
var footerPage = document.getElementById("PumpsPage_Bottom_pages");
if (currentId === "NozzlesFnav" || currentId === "ChartInquiryFnav") {
footerPage.style.visibility = "visible";
footerPage.style.display = "";
} else { footerPage.style.visibility = "hidden"; footerPage.style.display = "none"; }
currentFnav = currentId
return RenderContainer('/OnlineMonitor/', currentId, $('fnav'));
}
function ShowFanv() {
let temp = $('fnav');
if (temp && temp.length > 0) {
for (let i = 0; i < temp.length; i++) {
temp[i].style.visibility = "visible";
}
}
}
</script>