12345678910111213141516171819202122232425262728293031323334353637383940 |
- <!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>
|