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

@page "/setting/enginesetting"
@using EasyTemplate.Service
@using EasyTemplate.Tool.Entity.App
@inject NozzleService nozzleService
@inject NavigationManager navigationManager

@inject IJSRuntime JSRuntime


<h3>油机管理</h3>

<div class="row mb-3">
    <div class="col">
        <button class="btn btn-primary" @onclick="ShowCreateModal">添加油机</button>
    </div>
</div>

<table class="table table-striped">
    <thead>
        <tr>
            <th>ID</th>
            <th>工厂ID</th>
            <th>工厂ID 2</th>
            <th>主板数量</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        @if (engines != null)
        {
            @foreach (var engine in engines)
            {
                <tr>
                    <td>@engine.EngineId</td>
                    <td>@engine.factory_id</td>
                    <td>@engine.factory_id_2</td>
                    <td>@(engine.boards?.Count ?? 0)</td>
                    <td>
                        <button class="btn btn-sm btn-info me-1" @onclick="() => ShowEditModal(engine)">编辑</button>
                        <button class="btn btn-sm btn-danger me-1" @onclick="() => DeleteEngine(engine.EngineId)">删除</button>
                        <a class="btn btn-sm btn-secondary" href="/setting/boardsetting?engineId=@engine.EngineId">管理主板</a>
                    </td>
                </tr>
            }
        }
    </tbody>
</table>

<!-- 创建/编辑模态框 -->
<div class="modal @(showModal ? "show" : "")" tabindex="-1" style="display: @(showModal ? "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">@modalTitle</h5>
                <button type="button" class="btn-close" @onclick="CloseModal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">油机ID</label>
                    <input class="form-control" @bind="currentEngine.EngineId" />
                </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="CloseModal">取消</button>
                <button type="button" class="btn btn-primary" @onclick="SaveEngine">保存</button>
            </div>
        </div>
    </div>
</div>

@code {
    private List<TEngine> engines = new();
    private TEngine currentEngine = new();
    private string modalTitle = "";
    private bool isEditMode = false;
    private bool showModal = false;

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

    private async Task LoadEngines()
    {
        engines = await nozzleService.GetEnginesWithDetailsAsync();
        StateHasChanged();
    }

    private void ShowCreateModal()
    {
        currentEngine = new TEngine();
        modalTitle = "添加油机";
        isEditMode = false;
        showModal = true;
        StateHasChanged();
    }

    private void ShowEditModal(TEngine engine)
    {
        currentEngine = new TEngine
            {
                EngineId = engine.EngineId,
                factory_id = engine.factory_id,
                factory_id_2 = engine.factory_id_2
            };
        modalTitle = "编辑油机";
        isEditMode = true;
        showModal = true;
        StateHasChanged();
    }

    private void CloseModal()
    {
        showModal = false;
        StateHasChanged();
    }

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

            CloseModal();
            await LoadEngines();
        }
        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 LoadEngines();
            }
            catch (Exception ex)
            {
                await JSRuntime.InvokeVoidAsync("alert", $"删除失败: {ex.Message}");
            }
        }
    }
}




@* <h3>油机管理</h3>

<div class="row mb-3">
    <div class="col">
        <button class="btn btn-primary" @onclick="ShowCreateModal">添加油机</button>
    </div>
</div>

<table class="table table-striped">
    <thead>
        <tr>
            <th>ID</th>
            <th>工厂ID</th>
            <th>工厂ID 2</th>
            <th>主板数量</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        @if (engines != null)
        {
            @foreach (var engine in engines)
            {
                <tr>
                    <td>@engine.EngineId</td>
                    <td>@engine.factory_id</td>
                    <td>@engine.factory_id_2</td>
                    <td>@(engine.boards?.Count ?? 0)</td>
                    <td>
                        <button class="btn btn-sm btn-info me-1" @onclick="() => ShowEditModal(engine)">编辑</button>
                        <button class="btn btn-sm btn-danger me-1" @onclick="() => DeleteEngine(engine.EngineId)">删除</button>
                        <button class="btn btn-sm btn-secondary" @onclick="() => ShowBoards(engine.EngineId)">管理主板</button>
                    </td>
                </tr>
            }
        }
    </tbody>
</table>

<!-- 创建/编辑模态框 - 使用Blazor控制显示 -->
<div class="modal @(showModal ? "show" : "")" tabindex="-1" style="display: @(showModal ? "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">@modalTitle</h5>
                <button type="button" class="btn-close" @onclick="CloseModal"></button>
            </div>
            <div class="modal-body">
                <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="CloseModal">取消</button>
                <button type="button" class="btn btn-primary" @onclick="SaveEngine">保存</button>
            </div>
        </div>
    </div>
</div>

@code {
    private List<TEngine> engines = new();
    private TEngine currentEngine = new();
    private string modalTitle = "";
    private bool isEditMode = false;
    private bool showModal = false;

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

    private async Task LoadEngines()
    {
        engines = await nozzleService.GetEnginesWithDetailsAsync();
        StateHasChanged();
    }

    private void ShowCreateModal()
    {
        currentEngine = new TEngine();
        modalTitle = "添加油机";
        isEditMode = false;
        showModal = true;
        StateHasChanged();
    }

    private void ShowEditModal(TEngine engine)
    {
        currentEngine = new TEngine
        {
            EngineId = engine.EngineId,
            factory_id = engine.factory_id,
            factory_id_2 = engine.factory_id_2
        };
        modalTitle = "编辑油机";
        isEditMode = true;
        showModal = true;
        StateHasChanged();
    }

    private void CloseModal()
    {
        showModal = false;
        StateHasChanged();
    }

    private async Task SaveEngine()
    {
        try
        {
            if (isEditMode)
            {
                await nozzleService.UpdateEngineAsync(currentEngine);
            }
            else
            {
                await nozzleService.CreateEngineAsync(currentEngine);
            }
            
            CloseModal();
            await LoadEngines();
        }
        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 LoadEngines();
            }
            catch (Exception ex)
            {
                await JSRuntime.InvokeVoidAsync("alert", $"删除失败: {ex.Message}");
            }
        }
    }

    private void ShowBoards(int engineId)
    {
        navigationManager.NavigateTo($"/setting/boardsetting/{engineId}");
    }
} *@