Index.cshtml 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <link rel="stylesheet" href="~/css/tankDetail.css" />
  3. <div class="tank-body">
  4. <div id="tankcontainer" class="tank-container">
  5. </div>
  6. <div class="tank-footer">
  7. <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>
  8. <fnav class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="TankDetailFnav">油罐详情</fnav>
  9. <fnav class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="AlarmHistoryFnav">报警查询</fnav>
  10. <fnav class="tank-footer-fnav" onclick="OnclickFnav(this.id)" asp-area="" asp-controller="" asp-action="" asp-route-name="" id="FuelInventoryFnav">进油库存</fnav>
  11. </div>
  12. </div>
  13. <script src="~/lib/jquery/dist/jquery.min.js"></script>
  14. <script type="text/javascript" src="~/js/vue.min.js"></script>
  15. <script src="~/js/mqtt.min.js"></script>
  16. <script src="~/js/tankDetail.js"></script>
  17. <script type="text/javascript">
  18. OnloadIndex();
  19. let currentFnav = 'TankOverviewFnav'
  20. let intervalid = setInterval(() => {
  21. getTankData()
  22. }, 1600)
  23. function getTankData() {
  24. let path = '/sys/VeederRoot_ATG_Console_Tcp/VeederRoot_ATG_Console.Handler/thing/service/'
  25. if (currentFnav == 'TankOverviewFnav' || currentFnav == 'TankDetailFnav') {
  26. Publish1(path + 'GetTanksAsync')
  27. }
  28. }
  29. function OnclickFnav(currentId) {
  30. currentFnav = currentId
  31. return RenderContainer(currentId, $('fnav'));
  32. }
  33. </script>