<!DOCTYPE html>
<link rel="stylesheet" href="~/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" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="TankOverviewFnav">油罐总览</fnav>
<fnav class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="TankDetailFnav">油罐详情</fnav>
<fnav class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="AlarmHistoryFnav">报警查询</fnav>
<fnav class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="FuelInventoryFnav">进油库存</fnav>
</div>
</div>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="~/js/vue.min.js"></script>
<script src="~/js/mqtt.min.js"></script>
<script src="~/js/tankDetail.js"></script>
<script type="text/javascript">
OnloadIndex();
let currentFnav = 'TankOverviewFnav'
let intervalid = setInterval(() => {
getTankData()
}, 1600)
function getTankData() {
let path = '/sys/VeederRoot_ATG_Console_Tcp/VeederRoot_ATG_Console.Handler/thing/service/'
if (currentFnav == 'TankOverviewFnav' || currentFnav == 'TankDetailFnav') {
Publish1(path + 'GetTanksAsync')
}
}
function OnclickFnav(currentId) {
currentFnav = currentId
return RenderContainer(currentId, $('fnav'));
}
</script>