VRSystem/EasyTemplate.Page/Pages/EngineSetting/UnifiedSetting.razor

@page "/setting/unifiedsetting"
@using EasyTemplate.Service
@using EasyTemplate.Tool.Entity.App
@using EasyTemplate.Page.Components.IdSelector
@inject NozzleService nozzleService
@inject IJSRuntime JSRuntime


<div class="container-fluid">
    <div class="row">
        <!-- 油机列 -->
        <div class="col-md-3 border-end position-relative" style="height: calc(100vh - 100px);">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h5>油机列表</h5>
                <button class="btn btn-sm btn-primary" @onclick="ShowCreateEngineModal">
                    <i class="fas fa-plus"></i>
                </button>
            </div>
            
            <!-- 显示所有油机选项 -->
            @* <div class="list-group mb-3">
                <button class="list-group-item list-group-item-action @(selectedEngineId == 0 ? "active" : "")" 
                        @onclick="() => SelectEngine(0)">
                    显示所有油机
                </button>
            </div> *@
            
            <!-- 油机列表 -->
            <div class="list-group flex-grow-1" style="max-height: 400px; overflow-y: auto; margin-bottom: 50px;">
                @if (paginatedEngines != null)
                {
                    @foreach (var engine in paginatedEngines)
                    {
						<div @onclick="() => SelectEngine(engine.EngineId)" class="list-group-item d-flex justify-content-between align-items-center py-1 @(selectedEngineId == engine.EngineId ? "active" : "")">
                            <div style="cursor: pointer;">
                                <div><strong>油机 @engine.EngineId</strong></div>
                            </div>
                            <div>
                                <button class="btn btn-sm btn-info me-1 p-1" @onclick="() => ShowEditEngineModal(engine)">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button class="btn btn-sm btn-danger p-1" @onclick="() => DeleteEngine(engine.EngineId)">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </div>
                    }
                }
            </div>
            
            <!-- 油机分页控件 -->
            @if (engines != null && engines.Count > pageSize)
            {
                <nav aria-label="油机分页" class="position-absolute" style="bottom: 50px; left: 0; right: 0;">
                    <ul class="pagination pagination-sm justify-content-center mt-2 mb-0">
                        <li class="page-item @(currentPage_Engine == 1 ? "disabled" : "")">
                            <a class="page-link" @onclick="() => ChangePage_Engine(currentPage_Engine - 1)" tabindex="-1">上一页</a>
                        </li>
                        @for (int i = 1; i <= totalPages_Engine; i++)
                        {
                            var item = i;
                            <li class="page-item @(currentPage_Engine == i ? "active" : "")">
                                <a class="page-link" @onclick="() => ChangePage_Engine(item)">@item</a>
                            </li>
                        }
                        <li class="page-item @(currentPage_Engine == totalPages_Engine ? "disabled" : "")">
                            <a class="page-link" @onclick="() => ChangePage_Engine(currentPage_Engine + 1)">下一页</a>
                        </li>
                    </ul>
                </nav>
            }
        </div>

        <!-- 主板列 -->
        <div class="col-md-3 border-end position-relative" style="height: calc(100vh - 100px);">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h5>主板列表</h5>
                <button class="btn btn-sm btn-primary" @onclick="ShowCreateBoardModal" disabled="@(selectedEngineId == 0)">
                    <i class="fas fa-plus"></i>
                </button>
            </div>
            
            
            @* <!-- 显示所有主板选项 -->
            <div class="list-group mb-3">
                <button class="list-group-item list-group-item-action @(selectedBoardId == 0 ? "active" : "")" 
                        @onclick="() => SelectBoard(0)" disabled="@(selectedEngineId == 0)">
                    显示所有主板
                </button>
            </div> *@
            
            <!-- 主板列表 -->
            <div class="list-group flex-grow-1" style="max-height: 400px; overflow-y: auto; margin-bottom: 50px;">
                @if (paginatedBoards != null)
                {
                    @foreach (var board in paginatedBoards)
                    {
                        <div @onclick="() => SelectBoard(board.BoardId)" class="list-group-item d-flex justify-content-between align-items-center py-1 @(selectedBoardId == board.BoardId ? "active" : "")">
                            <div  style="cursor: pointer;">
                                <div><strong>主板 @board.BoardId</strong></div>
                            </div>
                            <div>
                                <button class="btn btn-sm btn-info me-1 p-1" @onclick="() => ShowEditBoardModal(board)">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button class="btn btn-sm btn-danger p-1" @onclick="() => DeleteBoard(board.BoardId)">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </div>
                    }
                }
            </div>
            
            <!-- 主板分页控件 -->
            @if (filteredBoards != null && filteredBoards.Count > pageSize)
            {
                <nav aria-label="主板分页" class="position-absolute" style="bottom: 50px; left: 0; right: 0;">
                    <ul class="pagination pagination-sm justify-content-center mt-2 mb-0">
                        <li class="page-item @(currentPage_Board == 1 ? "disabled" : "")">
                            <a class="page-link" @onclick="() => ChangePage_Board(currentPage_Board - 1)" tabindex="-1">上一页</a>
                        </li>
                        @for (int i = 1; i <= totalPages_Board; i++)
                        {
                            var item = i;
                            <li class="page-item @(currentPage_Board == i ? "active" : "")">
                                <a class="page-link" @onclick="() => ChangePage_Board(item)">@item</a>
                            </li>
                        }
                        <li class="page-item @(currentPage_Board == totalPages_Board ? "disabled" : "")">
                            <a class="page-link" @onclick="() => ChangePage_Board(currentPage_Board + 1)">下一页</a>
                        </li>
                    </ul>
                </nav>
            }
        </div>

        <!-- 油枪列 -->
        <div class="col-md-6 position-relative" style="height: calc(100vh - 100px);">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h5>油枪列表</h5>
                <button class="btn btn-sm btn-primary" @onclick="ShowCreateNozzleModal" disabled="@(selectedBoardId == 0)">
                    <i class="fas fa-plus"></i>
                </button>
            </div>
            
            <!-- 油枪列表 -->
            <div class="list-group flex-grow-1" style="margin-bottom: 50px;">
                @if (paginatedNozzles != null)
                {
                    @foreach (var nozzle in paginatedNozzles)
                    {
                        <div class="list-group-item d-flex justify-content-between align-items-center py-1">
                            <div>
                                <div><strong>油枪 @nozzle.NozzleId</strong></div>
                                <small>节点: @nozzle.node | 产品: @nozzle.product | 状态: @(nozzle.disable ? "禁用" : "启用") | MN码: @nozzle.mncode</small>
                            </div>
                            <div>
                                <button class="btn btn-sm btn-info me-1 p-1" @onclick="() => ShowEditNozzleModal(nozzle)">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button class="btn btn-sm btn-danger p-1" @onclick="() => DeleteNozzle(nozzle.NozzleId)">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </div>
                    }
                }
            </div>
            
            <!-- 油枪分页控件 -->
            @if (filteredNozzles != null && filteredNozzles.Count > pageSize)
            {
                <nav aria-label="油枪分页" class="position-absolute" style="bottom: 50px; left: 0; right: 0;">
                    <ul class="pagination pagination-sm justify-content-center mt-2 mb-0">
                        <li class="page-item @(currentPage_Nozzle == 1 ? "disabled" : "")">
                            <a class="page-link" @onclick="() => ChangePage_Nozzle(currentPage_Nozzle - 1)" tabindex="-1">上一页</a>
                        </li>
                        @for (int i = 1; i <= totalPages_Nozzle; i++)
                        {
                            var item = i;
                            <li class="page-item @(currentPage_Nozzle == i ? "active" : "")">
                                <a class="page-link" @onclick="() => ChangePage_Nozzle(item)">@item</a>
                            </li>
                        }
                        <li class="page-item @(currentPage_Nozzle == totalPages_Nozzle ? "disabled" : "")">
                            <a class="page-link" @onclick="() => ChangePage_Nozzle(currentPage_Nozzle + 1)">下一页</a>
                        </li>
                    </ul>
                </nav>
            }
        </div>
    </div>
</div>

<!-- 油机模态框 -->
<div class="modal @(showEngineModal ? "show" : "")" tabindex="-1" style="display: @(showEngineModal ? "block" : "none"); background-color: rgba(0,0,0,0.5);">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">@engineModalTitle</h5>
                <button type="button" class="btn-close" @onclick="CloseEngineModal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">油机ID</label>
                    <div class="input-group">
                        <input class="form-control" @bind="currentEngine.EngineId" disabled="@isEngineEditMode" />
                        <button class="btn btn-outline-secondary" type="button" @onclick="ShowEngineIdSelector" disabled="@isEngineEditMode">
                            <i class="fas fa-list"></i> 选择
                        </button>
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">工厂ID</label>
                    <input class="form-control" @bind="currentEngine.factory_id" />
                </div>
                <div class="mb-3">
                    <label class="form-label">工厂ID 2</label>
                    <input class="form-control" @bind="currentEngine.factory_id_2" />
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" @onclick="CloseEngineModal">取消</button>
                <button type="button" class="btn btn-primary" @onclick="SaveEngine">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- 主板模态框 -->
<div class="modal @(showBoardModal ? "show" : "")" tabindex="-1" style="display: @(showBoardModal ? "block" : "none"); background-color: rgba(0,0,0,0.5);">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">@boardModalTitle</h5>
                <button type="button" class="btn-close" @onclick="CloseBoardModal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">所属油机ID</label>
                    <select class="form-select" @bind="currentBoard.EngineId" disabled="@isBoardEditMode">
                        <option value="0">请选择油机</option>
                        @if (engines != null)
                        {
                            @foreach (var engine in engines)
                            {
                                <option value="@engine.EngineId">@engine.EngineId</option>
                            }
                        }
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">主板ID</label>
                    <div class="input-group">
                        <input class="form-control" @bind="currentBoard.BoardId" disabled="@isBoardEditMode" />
                        <button class="btn btn-outline-secondary" type="button" @onclick="ShowBoardIdSelector" disabled="@isBoardEditMode">
                            <i class="fas fa-list"></i> 选择
                        </button>
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">IP地址</label>
                    <input class="form-control" @bind="currentBoard.ip" />
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" @onclick="CloseBoardModal">取消</button>
                <button type="button" class="btn btn-primary" @onclick="SaveBoard">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- 油枪模态框 -->
<div class="modal @(showNozzleModal ? "show" : "")" tabindex="-1" style="display: @(showNozzleModal ? "block" : "none"); background-color: rgba(0,0,0,0.5);">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">@nozzleModalTitle</h5>
                <button type="button" class="btn-close" @onclick="CloseNozzleModal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">油枪ID</label>
                    <div class="input-group">
                        <input type="number" class="form-control" @bind="currentNozzle.NozzleId" disabled="@isNozzleEditMode" />
                        <button class="btn btn-outline-secondary" type="button" @onclick="ShowNozzleIdSelector" disabled="@isNozzleEditMode">
                            <i class="fas fa-list"></i> 选择
                        </button>
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">所属主板ID</label>
                    <select class="form-select" @bind="currentNozzle.BoardId" disabled="@isNozzleEditMode">
                        <option value="0">请选择主板</option>
                        @if (boards != null)
                        {
                            @foreach (var board in boards)
                            {
                                <option value="@board.BoardId">@board.BoardId (油机:@board.EngineId)</option>
                            }
                        }
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">节点</label>
                    <input type="number" class="form-control" @bind="currentNozzle.node" />
                </div>
                <div class="mb-3">
                    <label class="form-label">产品</label>
                    <input type="number" class="form-control" @bind="currentNozzle.product" />
                </div>
                <div class="mb-3 form-check">
                    <input type="checkbox" class="form-check-input" @bind="currentNozzle.disable" />
                    <label class="form-check-label">禁用</label>
                </div>
                <div class="mb-3">
                    <label class="form-label">MN码</label>
                    <input class="form-control" @bind="currentNozzle.mncode" />
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" @onclick="CloseNozzleModal">取消</button>
                <button type="button" class="btn btn-primary" @onclick="SaveNozzle">保存</button>
            </div>
        </div>
    </div>
</div>

@code {
    // 数据列表
    private List<TEngine> engines = new();
    private List<TBoard> allBoards = new();
    private List<TBoard> filteredBoards = new();
    private List<TNozzle> allNozzles = new();
    private List<TNozzle> filteredNozzles = new();
    private List<TBoard> boards = new(); // 用于下拉选择
    
    // 分页相关
    private const int pageSize = 8; // 每页显示条数
    private int currentPage_Engine = 1;
    private int totalPages_Engine => engines == null ? 0 : (int)Math.Ceiling((double)engines.Count / pageSize);
    private List<TEngine> paginatedEngines => engines?.Skip((currentPage_Engine - 1) * pageSize).Take(pageSize).ToList() ?? new List<TEngine>();
    
    private int currentPage_Board = 1;
    private int totalPages_Board => filteredBoards == null ? 0 : (int)Math.Ceiling((double)filteredBoards.Count / pageSize);
    private List<TBoard> paginatedBoards => filteredBoards?.Skip((currentPage_Board - 1) * pageSize).Take(pageSize).ToList() ?? new List<TBoard>();
    
    private int currentPage_Nozzle = 1;
    private int totalPages_Nozzle => filteredNozzles == null ? 0 : (int)Math.Ceiling((double)filteredNozzles.Count / pageSize);
    private List<TNozzle> paginatedNozzles => filteredNozzles?.Skip((currentPage_Nozzle - 1) * pageSize).Take(pageSize).ToList() ?? new List<TNozzle>();
    
    // 当前选中项
    private int selectedEngineId = 0;
    private int selectedBoardId = 0;
    
    // 油机相关
    private TEngine currentEngine = new();
    private string engineModalTitle = "";
    private bool isEngineEditMode = false;
    private bool showEngineModal = false;
    
    // 主板相关
    private TBoard currentBoard = new();
    private string boardModalTitle = "";
    private bool isBoardEditMode = false;
    private bool showBoardModal = false;
    
    // 油枪相关
    private TNozzle currentNozzle = new();
    private string nozzleModalTitle = "";
    private bool isNozzleEditMode = false;
    private bool showNozzleModal = false;

    protected override async Task OnInitializedAsync()
    {
        await LoadAllData();
    }

    private async Task LoadAllData()
    {
        try
        {
            // 加载所有数据
            engines = await nozzleService.GetEnginesWithDetailsAsync();
            allBoards = await nozzleService.GetBoardsAsync();
            allNozzles = await nozzleService.GetNozzlesAsync();
            boards = new List<TBoard>(allBoards); // 用于下拉选择
            
            // 默认显示所有数据
            //filteredBoards = new List<TBoard>(allBoards);
            //filteredNozzles = new List<TNozzle>(allNozzles);
            
            // 重置分页
            currentPage_Engine = 1;
            currentPage_Board = 1;
            currentPage_Nozzle = 1;
            
            StateHasChanged();
        }
        catch (Exception ex)
        {
            await JSRuntime.InvokeVoidAsync("alert", $"加载数据失败: {ex.Message}");
        }
    }

    // 分页切换方法
    private void ChangePage_Engine(int page)
    {
        if (page >= 1 && page <= totalPages_Engine)
        {
            currentPage_Engine = page;
            StateHasChanged();
        }
    }
    
    private void ChangePage_Board(int page)
    {
        if (page >= 1 && page <= totalPages_Board)
        {
            currentPage_Board = page;
            StateHasChanged();
        }
    }
    
    private void ChangePage_Nozzle(int page)
    {
        if (page >= 1 && page <= totalPages_Nozzle)
        {
            currentPage_Nozzle = page;
            StateHasChanged();
        }
    }

    // 油机选择
    private void SelectEngine(int engineId)
    {
        selectedEngineId = engineId;
        selectedBoardId = 0; // 重置主板选择
        
        if (engineId == 0)
        {
            // 显示所有主板和油枪
            //filteredBoards = new List<TBoard>(allBoards);
            //filteredNozzles = new List<TNozzle>(allNozzles);
        }
        else
        {
            // 只显示选定油机的主板
            filteredBoards = allBoards.Where(b => b.EngineId == engineId).ToList();
            // 显示这些主板下的所有油枪
            var boardIds = filteredBoards.Select(b => b.BoardId).ToList();
            filteredNozzles = allNozzles.Where(n => boardIds.Contains(n.BoardId)).ToList();
        }
        
        // 重置分页
        currentPage_Board = 1;
        currentPage_Nozzle = 1;
        
        StateHasChanged();
    }

    // 主板选择
    private void SelectBoard(int boardId)
    {
        selectedBoardId = boardId;
        
        if (boardId == 0)
        {
            // 如果选择了"显示所有主板"，则显示当前筛选条件下的所有油枪
            if (selectedEngineId == 0)
            {
                filteredNozzles = new List<TNozzle>(allNozzles);
            }
            else
            {
                var boardIds = filteredBoards.Select(b => b.BoardId).ToList();
                filteredNozzles = allNozzles.Where(n => boardIds.Contains(n.BoardId)).ToList();
            }
        }
        else
        {
            // 只显示选定主板的油枪
            filteredNozzles = allNozzles.Where(n => n.BoardId == boardId).ToList();
        }
        
        // 重置油枪分页
        currentPage_Nozzle = 1;
        
        StateHasChanged();
    }

    // ===== 油机操作 =====
    private void ShowCreateEngineModal()
    {
        currentEngine = new TEngine();
        engineModalTitle = "添加油机";
        isEngineEditMode = false;
        showEngineModal = true;
        StateHasChanged();
    }

    private void ShowEditEngineModal(TEngine engine)
    {
        currentEngine = new TEngine
        {
            EngineId = engine.EngineId,
            factory_id = engine.factory_id,
            factory_id_2 = engine.factory_id_2
        };
        engineModalTitle = "编辑油机";
        isEngineEditMode = true;
        showEngineModal = true;
        StateHasChanged();
    }

    private void CloseEngineModal()
    {
        showEngineModal = false;
        StateHasChanged();
    }

    private async Task SaveEngine()
    {
        try
        {
            if (isEngineEditMode)
            {
                await nozzleService.UpdateEngineAsync(currentEngine);
            }
            else
            {
                await nozzleService.CreateEngineAsync(currentEngine);
            }

            CloseEngineModal();
            await LoadAllData();
            // 重新选择当前油机以刷新视图
            if (selectedEngineId > 0)
            {
                SelectEngine(selectedEngineId);
            }
        }
        catch (Exception ex)
        {
            await JSRuntime.InvokeVoidAsync("alert", $"操作失败: {ex.Message}");
        }
    }

    private async Task DeleteEngine(int id)
    {
        var confirmed = await JSRuntime.InvokeAsync<bool>("confirm", "确定要删除这个油机吗？这将同时删除其下属的所有主板和油枪！");
        if (confirmed)
        {
            try
            {
                await nozzleService.DeleteEngineAsync(id);
                await LoadAllData();
                
                // 如果删除的是当前选中的油机，重置选择
                if (selectedEngineId == id)
                {
                    SelectEngine(0);
                }
            }
            catch (Exception ex)
            {
                await JSRuntime.InvokeVoidAsync("alert", $"删除失败: {ex.Message}");
            }
        }
    }

    // ===== 主板操作 =====
    private void ShowCreateBoardModal()
    {
        if (selectedEngineId == 0)
        {
            JSRuntime.InvokeVoidAsync("alert", "请先选择一个油机");
            return;
        }
        
        currentBoard = new TBoard { EngineId = selectedEngineId };
        boardModalTitle = "添加主板";
        isBoardEditMode = false;
        showBoardModal = true;
        StateHasChanged();
    }

    private void ShowEditBoardModal(TBoard board)
    {
        currentBoard = new TBoard
        {
            BoardId = board.BoardId,
            EngineId = board.EngineId,
            ip = board.ip
        };
        boardModalTitle = "编辑主板";
        isBoardEditMode = true;
        showBoardModal = true;
        StateHasChanged();
    }

    private void CloseBoardModal()
    {
        showBoardModal = false;
        StateHasChanged();
    }

    private async Task SaveBoard()
    {
        if (currentBoard.EngineId <= 0)
        {
            await JSRuntime.InvokeVoidAsync("alert", "请选择有效的油机ID");
            return;
        }

        try
        {
            if (isBoardEditMode)
            {
                await nozzleService.UpdateBoardAsync(currentBoard);
            }
            else
            {
                await nozzleService.CreateBoardAsync(currentBoard);
            }

            CloseBoardModal();
            await LoadAllData();
            // 重新选择当前筛选条件
            if (selectedEngineId > 0)
            {
                SelectEngine(selectedEngineId);
            }
        }
        catch (Exception ex)
        {
            await JSRuntime.InvokeVoidAsync("alert", $"操作失败: {ex.Message}");
        }
    }

    private async Task DeleteBoard(int id)
    {
        var confirmed = await JSRuntime.InvokeAsync<bool>("confirm", "确定要删除这个主板吗？这将同时删除其下属的所有油枪！");
        if (confirmed)
        {
            try
            {
                await nozzleService.DeleteBoardAsync(id);
                await LoadAllData();
                
                // 如果删除的是当前选中的主板，重置选择
                if (selectedBoardId == id)
                {
                    SelectBoard(0);
                }
            }
            catch (Exception ex)
            {
                await JSRuntime.InvokeVoidAsync("alert", $"删除失败: {ex.Message}");
            }
        }
    }

    // ===== 油枪操作 =====
    private void ShowCreateNozzleModal()
    {
        if (selectedBoardId == 0)
        {
            JSRuntime.InvokeVoidAsync("alert", "请先选择一个主板");
            return;
        }
        
        currentNozzle = new TNozzle { BoardId = selectedBoardId };
        nozzleModalTitle = "添加油枪";
        isNozzleEditMode = false;
        showNozzleModal = true;
        StateHasChanged();
    }

    private void ShowEditNozzleModal(TNozzle nozzle)
    {
        currentNozzle = new TNozzle
        {
            NozzleId = nozzle.NozzleId,
            BoardId = nozzle.BoardId,
            node = nozzle.node,
            product = nozzle.product,
            disable = nozzle.disable,
            mncode = nozzle.mncode
        };
        nozzleModalTitle = "编辑油枪";
        isNozzleEditMode = true;
        showNozzleModal = true;
        StateHasChanged();
    }

    private void CloseNozzleModal()
    {
        showNozzleModal = false;
        StateHasChanged();
    }

    private async Task SaveNozzle()
    {
        if (currentNozzle.BoardId <= 0)
        {
            await JSRuntime.InvokeVoidAsync("alert", "请选择有效的主板ID");
            return;
        }

        try
        {
            if (isNozzleEditMode)
            {
                await nozzleService.UpdateNozzleAsync(currentNozzle);
            }
            else
            {
                await nozzleService.CreateNozzleAsync(currentNozzle);
            }

            CloseNozzleModal();
            await LoadAllData();
            // 重新应用当前筛选
            if (selectedBoardId > 0)
            {
                SelectBoard(selectedBoardId);
            }
            else if (selectedEngineId > 0)
            {
                SelectEngine(selectedEngineId);
            }
        }
        catch (Exception ex)
        {
            await JSRuntime.InvokeVoidAsync("alert", $"操作失败: {ex.Message}");
        }
    }

    private async Task DeleteNozzle(int id)
    {
        var confirmed = await JSRuntime.InvokeAsync<bool>("confirm", "确定要删除这个油枪吗？");
        if (confirmed)
        {
            try
            {
                await nozzleService.DeleteNozzleAsync(id);
                await LoadAllData();
                
                // 重新应用当前筛选
                if (selectedBoardId > 0)
                {
                    SelectBoard(selectedBoardId);
                }
                else if (selectedEngineId > 0)
                {
                    SelectEngine(selectedEngineId);
                }
            }
            catch (Exception ex)
            {
                await JSRuntime.InvokeVoidAsync("alert", $"删除失败: {ex.Message}");
            }
        }
    }
    
    // ID选择器相关状态
    private bool showEngineIdSelector = false;
    private bool showBoardIdSelector = false;
    private bool showNozzleIdSelector = false;
    
    // 显示ID选择器
    private void ShowEngineIdSelector()
    {
        showEngineIdSelector = true;
        StateHasChanged();
    }
    
    private void ShowBoardIdSelector()
    {
        showBoardIdSelector = true;
        StateHasChanged();
    }
    
    private void ShowNozzleIdSelector()
    {
        showNozzleIdSelector = true;
        StateHasChanged();
    }
    
    // ID选择回调
    private void OnEngineIdSelected(int id)
    {
        currentEngine.EngineId = id;
        showEngineIdSelector = false;
        StateHasChanged();
    }
    
    private void OnBoardIdSelected(int id)
    {
        currentBoard.BoardId = id;
        showBoardIdSelector = false;
        StateHasChanged();
    }
    
    private void OnNozzleIdSelected(int id)
    {
        currentNozzle.NozzleId = id;
        showNozzleIdSelector = false;
        StateHasChanged();
    }
    
    // 取消选择
    private void CancelEngineIdSelection()
    {
        showEngineIdSelector = false;
        StateHasChanged();
    }
    
    private void CancelBoardIdSelection()
    {
        showBoardIdSelector = false;
        StateHasChanged();
    }
    
    private void CancelNozzleIdSelection()
    {
        showNozzleIdSelector = false;
        StateHasChanged();
    }
    
    // 获取已使用的ID列表
    private List<int> GetUsedEngineIds()
    {
        return engines?.Select(e => e.EngineId).ToList() ?? new List<int>();
    }
    
    private List<int> GetUsedBoardIds()
    {
        return allBoards?.Select(b => b.BoardId).ToList() ?? new List<int>();
    }
    
    private List<int> GetUsedNozzleIds()
    {
        return allNozzles?.Select(n => n.NozzleId).ToList() ?? new List<int>();
    }
}

<!-- ID选择器组件 -->
@if (showEngineIdSelector)
{
    <EngineIdSelector usedEngineIds="GetUsedEngineIds()" 
                      OnSelected="OnEngineIdSelected" 
                      OnCancelled="CancelEngineIdSelection" />
}

@if (showBoardIdSelector)
{
    <BoardIdSelector usedBoardIds="GetUsedBoardIds()" 
                     OnSelected="OnBoardIdSelected" 
                     OnCancelled="CancelBoardIdSelection" />
}

@if (showNozzleIdSelector)
{
    <NozzleIdSelector usedNozzleIds="GetUsedNozzleIds()" 
                      OnSelected="OnNozzleIdSelected" 
                      OnCancelled="CancelNozzleIdSelection" />
}