@page "/home2" @rendermode InteractiveServer @attribute [ReuseTabsPage(Title = "主页 2", Pin = true, Closable = false, Order = 1)] @using EasyTemplate.Tool.Util @using EasyTemplate.Service @using System.Timers

正常：@normalCount

预警：@warningCount

报警：@alarmCount

@if (items.Any()) { int i = 0; foreach (var item in items) { i++; int num_page = ShowNozzleItem_Row * ShowNozzle_Col; if (i >= (currentPage-1) * num_page+1 && i <= currentPage * num_page) { } } @* @foreach (var item in items) { } *@ } else { @for (int i = 1; i <= 32; i++) { var num = i.ToString("D2"); var fuelTypes = new[] { "92#", "95#", "98#", "0#" }; var fuel = fuelTypes[i % fuelTypes.Length]; var state = i switch { 5 => 1, // Warning 6 => 2, // Alarm 4 or 15 or 22 => 3, // Offline _ => i % 3 == 0 ? 0 : (i % 2 == 0 ? -1 : 0) // Normal or Idle }; } }

📊

油罐压力

@tankPressure.Value kPa

✓ 正常

💧

油气浓度

@vaporConcentration.Value g/m³

⚠ 偏高

🔧

管线压力

@pipelinePressure.Value kPa

✓ 正常

🌡

油罐温度

@tankTemperature.Value °C

✕ 超限

☁️ 数据远传状态

市环保局

🔄 上传中

省质监局

已同步

集团总部

🔄 上传中

应急管理

网络延迟

@code { private Dictionary items = new Dictionary(); private const int ShowNozzleItem_Row = 8; // 每行显示的枪数 private const int ShowNozzle_Col = 4; // 每页显示的行数 private const int ItemsPerPage = ShowNozzleItem_Row * ShowNozzle_Col; private int currentPage = 1; private int totalPages = 1; // Status counts private int normalCount = 0; private int warningCount = 0; private int alarmCount = 0; // Current time private DateTime currentTime = DateTime.Now; // Sensor data private SensorData tankPressure = new() { Value = "1.25", Status = 0 }; private SensorData vaporConcentration = new() { Value = "18.5", Status = 1 }; private SensorData pipelinePressure = new() { Value = "3.80", Status = 0 }; private SensorData tankTemperature = new() { Value = "42.5", Status = 2 }; private Timer? timer; protected override async Task OnInitializedAsync() { await RefreshData(); StartTimer(); } private void StartTimer() { timer = new Timer(1000); // 1 秒间隔 timer.Elapsed += async (sender, e) => await RefreshData(); timer.Start(); } private async Task RefreshData() { var nozzlestates = GlobalTool.g_mNozzleState; try { await InvokeAsync(() => { items = nozzlestates; currentTime = DateTime.Now; // Calculate status counts normalCount = items.Count(x => x.Value.warnstate == 0 || x.Value.warnstate == -1); warningCount = items.Count(x => x.Value.warnstate == 1); alarmCount = items.Count(x => x.Value.warnstate == 2); // Update sensor data from real data if available UpdateSensorData(); // Calculate total pages totalPages = Math.Max(1, (int)Math.Ceiling(items.Count / (double)ItemsPerPage)); StateHasChanged(); }); } catch (Exception ex) { Console.WriteLine($"数据刷新失败：{ex.Message}"); } } private void UpdateSensorData() { // TODO: Replace with actual sensor data from database or service // For now, using mock data } private void PreviousPage() { if (currentPage > 1) { currentPage--; StateHasChanged(); } } private void NextPage() { if (currentPage < totalPages) { currentPage++; StateHasChanged(); } } private void GoToPage(int page) { if (page >= 1 && page <= totalPages) { currentPage = page; StateHasChanged(); } } private void OnQuickJump(ChangeEventArgs e) { if (int.TryParse(e.Value?.ToString(), out int page)) { GoToPage(page); } } public void Dispose() { timer?.Stop(); timer?.Dispose(); } public class SensorData { public string Value { get; set; } = ""; public int Status { get; set; } } }