Atomx/Atomx.Admin/Atomx.Admin.Client/Pages/Settings/AreaEdit.razor

@page "/area/create/{countryId:long}"
@page "/area/create/{countryId:long}/{stateProvinceId:long}"
@page "/area/edit/{countryId:long}/{stateProvinceId:long}/{id:long}"
@page "/{locale}/area/create/{countryId:long}"
@page "/{locale}/area/create/{countryId:long}/{stateProvinceId:long}"
@page "/{locale}/area/create/{countryId:long}/{stateProvinceId:long}/{id:long}"


@inject ILogger<StateProvinceEdit> Logger
@attribute [Authorize]

<PageContainer Title="@(Id > 0 ? "编辑城市地区信息" : "新增城市地区信息")">
    <Breadcrumb>
        <Breadcrumb>
            <BreadcrumbItem Href="/">管理后台</BreadcrumbItem>
            <BreadcrumbItem Href="/settings">系统配置</BreadcrumbItem>
            <BreadcrumbItem Href="/country/list">国家管理</BreadcrumbItem>
            <BreadcrumbItem Href="@($"/stateprovince/list/{CountryId}")">州/省管理</BreadcrumbItem>
        </Breadcrumb>
    </Breadcrumb>
    <ChildContent>

        <Spin Spinning="pageLoading">
            <Card Title="城市地区信息">
                <Form @ref="editform" Model="@model" LabelColSpan="5" WrapperColSpan="14" OnFinish="OnFormFinishAsync">
                    <FormItem Label="国家">
                        <Input @bind-Value="@country.Name" Placeholder="国家名称" Disabled />
                    </FormItem>
                    <FormItem Label="州/省/城市">
                        <Cascader Options="@stateProvinceTrees" @bind-Value="cities" SelectedNodesChanged="OnCitiesChange"></Cascader>
                    </FormItem>
                    <FormItem Label="名称" Required>
                        <Input @bind-Value="@context.Name" Placeholder="名称" />
                    </FormItem>
                    <FormItem Label="首字母">
                        <Input @bind-Value="@context.Initial" Placeholder="首字母" />
                    </FormItem>
                    <FormItem Label="显示排序">
                        <Input @bind-Value="@context.DisplayOrder" Placeholder="显示排序" />
                    </FormItem>
                    <FormItem Label="状态">
                        <Checkbox T="bool" Label="启用" @bind-value="model.Enabled" Size="InputSize.Small" Class="ps-0" />
                    </FormItem>
                    <FormItem WrapperCol="new ColLayoutParam { Span = 24, Offset = 5 }">
                        <Button Type="@ButtonType.Primary" HtmlType="submit" Loading="saving">
                            提交保存
                        </Button>
                    </FormItem>
                </Form>
            </Card>
        </Spin>
    </ChildContent>
</PageContainer>
@code {
    [Parameter]
    public string Locale { get; set; } = string.Empty;
    [Parameter]
    public long CountryId { get; set; }
    [Parameter]
    public long StateProvinceId { get; set; }
    [Parameter]
    public long Id { get; set; }

    [SupplyParameterFromForm]
    AreaModel model { get; set; } = new();
    Form<AreaModel> editform = null!;
    List<KeyValue> languageList = new();
    Country country = new();
    List<CascaderNode> stateProvinceTrees = new();
    AreaLocalizedModel area = new();
    string cities = string.Empty;
    bool pageLoading = false;
    bool saving = false;

    protected override void OnInitialized()
    {
        base.OnInitialized();
    }

    protected override void OnParametersSet()
    {
        model.CountryId = CountryId;

        _ = LoadLanguage();
        _ = LoadCountry();
        _ = LoadStateProvinceAndCities();
        if (Id > 0)
        {
            LoadData();
        }
        base.OnParametersSet();
    }

    async Task LoadCountry()
    {
        var url = $"/api/country/{CountryId}";
        var apiResult = await HttpService.Get<ApiResult<Country>>(url);
        if (apiResult.Success)
        {
            if (apiResult.Data != null)
            {
                country = apiResult.Data;
                StateHasChanged();
            }
            else
            {
                Navigation.NavigateTo($"/country/list");
            }
        }
    }

    async Task LoadStateProvinceAndCities()
    {
        var url = $"/api/stateprovince/tree/{CountryId}";
        var apiResult = await HttpService.Get<ApiResult<List<KeyValueTree>>>(url);
        if (apiResult.Success)
        {
            if (apiResult.Data != null)
            {
                stateProvinceTrees = apiResult.Data.Adapt<List<CascaderNode>>();
                StateHasChanged();
            }
            else
            {
                Navigation.NavigateTo($"/country/list");
            }
            // stateProvinceTrees.Insert(0, new KeyValue() { Key = "0", Value = "请选择州/省" });
        }
    }

    async Task LoadLanguage()
    {
        var url = $"/api/language/enabled";
        var apiResult = await HttpService.Get<ApiResult<List<KeyValue>>>(url);
        if (apiResult.Success)
        {
            if (apiResult.Data == null)
            {
                languageList = new List<KeyValue>();
            }
            else
            {
                languageList = apiResult.Data;
                languageList.Insert(0, new KeyValue() { Label = "0", Value = "标准" });
            }


            StateHasChanged();
        }
    }

    async void LoadData()
    {
        pageLoading = true;
        var url = $"/api/area/detail?id={Id}";
        var apiResult = await HttpService.Get<ApiResult<AreaLocalizedModel>>(url);
        if (apiResult.Success)
        {
            if (apiResult.Data == null)
            {
                Navigation.NavigateTo($"/country/list");
            }
            else
            {
                area = apiResult.Data;
                model = apiResult.Data.Adapt<AreaModel>();
                if (model.ParentId > 0)
                {
                    cities = $"{model.StateProvinceId},{model.ParentId}";
                }
                else if (model.StateProvinceId > 0)
                {
                    cities = $"{model.StateProvinceId}";
                }
            }
        }
        else
        {
            Navigation.NavigateTo($"/country/list");
        }

        pageLoading = false;
        StateHasChanged();
    }

    void OnCitiesChange(CascaderNode[] selectedNodes)
    {
        Console.WriteLine($"value: {cities} selected: {string.Join(",", selectedNodes.Select(x => x.Value))}");

        model.StateProvinceId = long.Parse(selectedNodes.First().Value.ToString() ?? "0");
        model.ParentId = long.Parse(selectedNodes.Last().Value.ToString() ?? "0");
        if (model.StateProvinceId == model.ParentId)
        {
            model.ParentId = 0;
        }
    }

    async void OnFormFinishAsync()
    {
        if (editform.Validate())
        {
            saving = true;
            var url = $"api/area/save";
            var result = new ApiResult<string>();
            result = await HttpService.Post<ApiResult<string>>(url, model);


            if (result.Code == (int)ResultCode.Success)
            {
                saving = false;
                await ModalService.InfoAsync(new ConfirmOptions() { Title = "提示", Content = "数据提交成功!" });
                Navigation.NavigateTo($"/area/list/{CountryId}");
            }
            else
            {
                saving = false;
                await ModalService.ErrorAsync(new ConfirmOptions() { Title = "服务异常", Content = result.Message });
            }
        }
    }

}