SystemDev
/
FCC


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							@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 style="visibility: hidden" 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 style="visibility: hidden" class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="TankDetailFnav">油罐详情</fnav>
        <fnav style="visibility: hidden" class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="AlarmHistoryFnav">报警查询</fnav>
        <fnav style="visibility: hidden" class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="FuelInventoryFnav">进油库存</fnav>
    </div>
</div>

<script src="~/WebConsole/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="~/WebConsole/js/vue.min.js"></script>
<script src="~/WebConsole/js/mqtt.min.js"></script>
<script src="~/WebConsole/js/tankDetail.js"></script>

<script type="text/javascript">
    @*let tankIndex = "@ViewBag.tankIndex"
    console.log('tankIndex', tankIndex)
    // @Url.Action("Action", "TankDetailsController")
    //document.location = '@Url.Action("Index", "SmartFuel")';
    document.location = '@Url.Action("Test", "TankDetails", new { index = 1 })';*@
    ShowMeAPIS(["localMqtt", ["ATG"]], function () {
        if ("@Model.queryString" === "") {
            OnloadIndex('/TankDetails/');
        } else {
            if ("@Model.queryString".toUpperCase() === "TANKOVERVIEW") {
                OnclickFnav('TankOverviewFnav')
            } else if ("@Model.queryString".toUpperCase() === "ALARMHISTORY") {
                OnclickFnav('AlarmHistoryFnav')
            } else if ("@Model.queryString".toUpperCase() === "FUELINVENTORY") {
                OnclickFnav('FuelInventoryFnav')
            }
        }
    });

    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('/TankDetails/', currentId, $('fnav'));
    }
</script>