feat: Implement Commission and Network Statistics Pages with DTOs and Services

- Added CommissionDashboardPage and CommissionHistoryPage for displaying commission payouts and history.
- Implemented WeeklyBalancePage to show weekly balance details.
- Created NetworkStatisticsPage to display network statistics and tree structure.
- Developed corresponding services (CommissionService, NetworkMembershipService) for data retrieval.
- Introduced DTOs for Commission and Network data structures (CommissionPayoutDto, WeeklyBalanceDto, NetworkStatisticsDto).
- Added mock data generation for testing purposes in services.
- Enhanced UI with MudBlazor components for better user experience.
This commit is contained in:
masoodafar-web
2025-12-04 17:29:16 +03:30
parent a8e6693c70
commit 95c6bf5efa
25 changed files with 1882 additions and 26 deletions
@@ -0,0 +1,72 @@
@using FrontOffice.Main.Utilities
@using MudBlazor
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
<MudText Typo="Typo.h6" Class="mb-3">فعال‌سازی یا تمدید عضویت</MudText>
<MudForm @ref="_form" @bind-IsValid="_formIsValid">
<MudGrid Spacing="2">
<MudItem xs="12" sm="6">
<MudNumericField @bind-Value="_packageId"
Label="شناسه بسته"
Variant="Variant.Outlined"
Required="true"
RequiredError="شناسه بسته الزامی است"
Min="1"
HelperText="شناسه بسته باشگاه را وارد کنید" />
</MudItem>
<MudItem xs="12" sm="6">
<MudNumericField @bind-Value="_durationMonths"
Label="مدت زمان (ماه)"
Variant="Variant.Outlined"
Required="true"
RequiredError="مدت زمان الزامی است"
Min="1"
Max="12"
HelperText="از 1 تا 12 ماه" />
</MudItem>
<MudItem xs="12">
<MudTextField @bind-Value="_activationCode"
Label="کد فعال‌سازی (اختیاری)"
Variant="Variant.Outlined"
HelperText="در صورت داشتن کد تخفیف یا کد فعال‌سازی، وارد کنید" />
</MudItem>
<!-- پیش‌نمایش هزینه -->
<MudItem xs="12">
<MudAlert Severity="Severity.Info" Variant="Variant.Outlined">
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
<MudText Typo="Typo.body1">هزینه تقریبی:</MudText>
<MudText Typo="Typo.h6" Color="Color.Primary">@GetEstimatedCost()</MudText>
</MudStack>
</MudAlert>
</MudItem>
<MudItem xs="12">
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
FullWidth="true"
Disabled="@(!_formIsValid || _isSubmitting)"
OnClick="HandleActivateAsync"
StartIcon="@Icons.Material.Filled.CheckCircle">
@if (_isSubmitting)
{
<MudProgressCircular Size="Size.Small" Indeterminate="true" />
<span class="ms-2">در حال پردازش...</span>
}
else
{
<span>پرداخت و فعال‌سازی</span>
}
</MudButton>
</MudItem>
</MudGrid>
</MudForm>
@if (!string.IsNullOrEmpty(_errorMessage))
{
<MudAlert Severity="Severity.Error" Class="mt-3" Variant="Variant.Filled">
@_errorMessage
</MudAlert>
}
</MudPaper>
@@ -0,0 +1,67 @@
using FrontOffice.Main.Utilities;
using Microsoft.AspNetCore.Components;
using MudBlazor;
namespace FrontOffice.Main.Pages.Club.Components;
public partial class ActivationSection : ComponentBase
{
[Inject] private ClubMembershipService ClubService { get; set; } = default!;
[Parameter] public EventCallback OnActivationSuccess { get; set; }
private MudForm _form = default!;
private bool _formIsValid;
private bool _isSubmitting;
private string? _errorMessage;
private long _packageId = 1;
private int _durationMonths = 1;
private string? _activationCode;
private async Task HandleActivateAsync()
{
await _form.Validate();
if (!_formIsValid)
return;
try
{
_isSubmitting = true;
_errorMessage = null;
var result = await ClubService.ActivateMembershipAsync(
_packageId,
_activationCode,
_durationMonths
);
if (result.Success)
{
Snackbar.Add($"عضویت فعال شد! مبلغ پرداختی: {result.AmountPaid:N0} تومان", Severity.Success);
await OnActivationSuccess.InvokeAsync();
}
else
{
_errorMessage = result.Message ?? "خطا در فعال‌سازی عضویت";
}
}
catch (Exception ex)
{
_errorMessage = $"خطا: {ex.Message}";
Snackbar.Add(_errorMessage, Severity.Error);
}
finally
{
_isSubmitting = false;
}
}
private string GetEstimatedCost()
{
// فرمول تقریبی: 56M per month (base amount from BFF implementation)
var baseAmount = 56_000_000;
var total = baseAmount * _durationMonths;
return $"{total:N0} تومان";
}
}
@@ -0,0 +1,152 @@
@attribute [Route(RouteConstants.Club.Features)]
@using FrontOffice.Main.Utilities
@using MudBlazor
<PageTitle>ویژگی‌های باشگاه مشتریان</PageTitle>
<MudContainer MaxWidth="MaxWidth.Large" Class="py-6">
<MudStack Spacing="3">
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
<MudText Typo="Typo.h5">ویژگی‌های باشگاه مشتریان</MudText>
<MudButton Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ArrowBack" Href="@RouteConstants.Club.Membership">بازگشت</MudButton>
</MudStack>
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
<MudText Typo="Typo.h6" Class="mb-3">چرا باشگاه مشتریان؟</MudText>
<MudText Typo="Typo.body1" Class="mb-2">
با عضویت در باشگاه مشتریان فورست، از تخفیف‌های ویژه، امتیازات خرید و خدمات اختصاصی بهره‌مند شوید.
</MudText>
</MudPaper>
<MudGrid Spacing="3">
<MudItem xs="12" md="6">
<MudPaper Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
<MudStack Spacing="2">
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.Discount" Color="Color.Primary" Size="Size.Large" />
<MudText Typo="Typo.h6" Color="Color.Primary">تخفیف‌های ویژه</MudText>
</MudStack>
<MudText Typo="Typo.body2">
• تخفیف 10% تا 30% برای تمام محصولات<br />
• تخفیف‌های فصلی و مناسبتی اختصاصی<br />
• پیشنهادات ویژه برای اعضای باشگاه<br />
• کد تخفیف اختصاصی ماهانه
</MudText>
</MudStack>
</MudPaper>
</MudItem>
<MudItem xs="12" md="6">
<MudPaper Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
<MudStack Spacing="2">
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.Diamond" Color="Color.Secondary" Size="Size.Large" />
<MudText Typo="Typo.h6" Color="Color.Secondary">امتیاز خرید</MudText>
</MudStack>
<MudText Typo="Typo.body2">
• دریافت امتیاز برای هر خرید<br />
• تبدیل امتیاز به تخفیف باشگاه<br />
• امتیاز ویژه در روزهای خاص<br />
• قابلیت انتقال امتیاز به دوستان
</MudText>
</MudStack>
</MudPaper>
</MudItem>
<MudItem xs="12" md="6">
<MudPaper Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
<MudStack Spacing="2">
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.LocalShipping" Color="Color.Success" Size="Size.Large" />
<MudText Typo="Typo.h6" Color="Color.Success">ارسال رایگان</MudText>
</MudStack>
<MudText Typo="Typo.body2">
• ارسال رایگان برای خریدهای بالای 500 هزار تومان<br />
• اولویت در ارسال سفارشات<br />
• ارسال اکسپرس با تخفیف 50%<br />
• امکان ارسال به چند آدرس
</MudText>
</MudStack>
</MudPaper>
</MudItem>
<MudItem xs="12" md="6">
<MudPaper Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
<MudStack Spacing="2">
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.Support" Color="Color.Info" Size="Size.Large" />
<MudText Typo="Typo.h6" Color="Color.Info">پشتیبانی اختصاصی</MudText>
</MudStack>
<MudText Typo="Typo.body2">
• پشتیبانی 24/7 برای اعضای باشگاه<br />
• مشاوره خرید تخصصی<br />
• خط ویژه پاسخگویی<br />
• پیگیری سریع‌تر سفارشات
</MudText>
</MudStack>
</MudPaper>
</MudItem>
<MudItem xs="12" md="6">
<MudPaper Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
<MudStack Spacing="2">
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.Groups" Color="Color.Warning" Size="Size.Large" />
<MudText Typo="Typo.h6" Color="Color.Warning">درآمد شبکه</MudText>
</MudStack>
<MudText Typo="Typo.body2">
• دریافت کمیسیون از خریدهای زیرمجموعه<br />
• سیستم باینری درختی<br />
• محاسبه خودکار درآمد هفتگی<br />
• امکان برداشت درآمد شبکه
</MudText>
</MudStack>
</MudPaper>
</MudItem>
<MudItem xs="12" md="6">
<MudPaper Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
<MudStack Spacing="2">
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.Event" Color="Color.Tertiary" Size="Size.Large" />
<MudText Typo="Typo.h6" Color="Color.Tertiary">رویدادهای ویژه</MudText>
</MudStack>
<MudText Typo="Typo.body2">
• دعوت به رویدادهای اختصاصی<br />
• پیش‌فروش محصولات جدید<br />
• وبینارهای آموزشی رایگان<br />
• جوایز و مسابقات ماهانه
</MudText>
</MudStack>
</MudPaper>
</MudItem>
</MudGrid>
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
<MudText Typo="Typo.h6" Class="mb-3">چگونه عضو شویم؟</MudText>
<MudStepper Orientation="Orientation.Horizontal" Color="Color.Primary">
<MudStep Title="انتخاب بسته">
<MudText>بسته عضویت مناسب خود را انتخاب کنید</MudText>
</MudStep>
<MudStep Title="پرداخت">
<MudText>هزینه عضویت را پرداخت کنید</MudText>
</MudStep>
<MudStep Title="فعال‌سازی">
<MudText>عضویت شما فورا فعال می‌شود</MudText>
</MudStep>
<MudStep Title="استفاده">
<MudText>از مزایای باشگاه لذت ببرید</MudText>
</MudStep>
</MudStepper>
</MudPaper>
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
FullWidth="true"
Size="Size.Large"
StartIcon="@Icons.Material.Filled.CheckCircle"
Href="@RouteConstants.Club.Membership">
همین حالا عضو شوید
</MudButton>
</MudStack>
</MudContainer>
@@ -0,0 +1,126 @@
@attribute [Route(RouteConstants.Club.Membership)]
@using FrontOffice.Main.Pages.Club.Components
@using FrontOffice.Main.Utilities
@using MudBlazor
<PageTitle>عضویت باشگاه مشتریان</PageTitle>
<MudContainer MaxWidth="MaxWidth.Large" Class="py-6">
<MudStack Spacing="3">
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
<MudText Typo="Typo.h5">عضویت باشگاه مشتریان</MudText>
<MudButton Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ArrowBack" Href="@RouteConstants.Profile.Index">بازگشت</MudButton>
</MudStack>
@if (_isLoading)
{
<MudProgressLinear Color="Color.Primary" Indeterminate="true" />
}
else if (_membership is not null)
{
<!-- وضعیت عضویت -->
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
<MudStack Spacing="2">
<MudStack Row="true" Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center">
<MudText Typo="Typo.h6">وضعیت عضویت شما</MudText>
<MudChip T="string" Color="@GetStatusColor()" Variant="Variant.Filled" Size="Size.Medium">
@GetStatusText()
</MudChip>
</MudStack>
@if (_membership.IsActive)
{
<MudAlert Severity="Severity.Success" Variant="Variant.Outlined">
<MudText>عضویت شما در باشگاه فعال است! از مزایای باشگاه مشتریان استفاده کنید.</MudText>
</MudAlert>
@if (_membership.DaysRemaining.HasValue)
{
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.Schedule" Color="Color.Info" />
<MudText Typo="Typo.body1">
@if (_membership.DaysRemaining.Value > 0)
{
<strong>@_membership.DaysRemaining.Value روز</strong> <text>تا پایان اعتبار عضویت</text>
}
else
{
<text>عضویت شما منقضی شده است. لطفا تمدید کنید.</text>
}
</MudText>
</MudStack>
}
}
else
{
<MudAlert Severity="Severity.Warning" Variant="Variant.Outlined">
<MudText>شما هنوز عضو باشگاه مشتریان نیستید. برای استفاده از مزایای ویژه، اکنون فعال کنید!</MudText>
</MudAlert>
}
</MudStack>
</MudPaper>
<!-- مزایای باشگاه -->
<MudPaper Elevation="2" Class="pa-4 rounded-lg">
<MudText Typo="Typo.h6" Class="mb-3">مزایای عضویت باشگاه</MudText>
<MudGrid Spacing="2">
<MudItem xs="12" sm="6" md="4">
<MudPaper Elevation="0" Class="pa-3 rounded-lg" Style="background-color: var(--mud-palette-primary-lighten);">
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.Discount" Color="Color.Primary" Size="Size.Large" />
<MudStack Spacing="0">
<MudText Typo="Typo.subtitle1" Color="Color.Primary">تخفیف ویژه</MudText>
<MudText Typo="Typo.caption">تا 30% تخفیف</MudText>
</MudStack>
</MudStack>
</MudPaper>
</MudItem>
<MudItem xs="12" sm="6" md="4">
<MudPaper Elevation="0" Class="pa-3 rounded-lg" Style="background-color: var(--mud-palette-secondary-lighten);">
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.Diamond" Color="Color.Secondary" Size="Size.Large" />
<MudStack Spacing="0">
<MudText Typo="Typo.subtitle1" Color="Color.Secondary">امتیاز خرید</MudText>
<MudText Typo="Typo.caption">برای هر خرید</MudText>
</MudStack>
</MudStack>
</MudPaper>
</MudItem>
<MudItem xs="12" sm="6" md="4">
<MudPaper Elevation="0" Class="pa-3 rounded-lg" Style="background-color: var(--mud-palette-success-lighten);">
<MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.LocalShipping" Color="Color.Success" Size="Size.Large" />
<MudStack Spacing="0">
<MudText Typo="Typo.subtitle1" Color="Color.Success">ارسال رایگان</MudText>
<MudText Typo="Typo.caption">برای سفارشات بالای 500 هزار تومان</MudText>
</MudStack>
</MudStack>
</MudPaper>
</MudItem>
</MudGrid>
</MudPaper>
<!-- فعال‌سازی یا تمدید عضویت -->
@if (!_membership.IsActive || (_membership.DaysRemaining.HasValue && _membership.DaysRemaining.Value <= 30))
{
<ActivationSection OnActivationSuccess="HandleActivationSuccess" />
}
<!-- دکمه مشاهده ویژگی‌های بیشتر -->
<MudButton Variant="Variant.Outlined"
Color="Color.Primary"
FullWidth="true"
StartIcon="@Icons.Material.Filled.Info"
Href="@RouteConstants.Club.Features">
مشاهده تمام ویژگی‌های باشگاه
</MudButton>
}
else if (_hasError)
{
<MudAlert Severity="Severity.Error" Variant="Variant.Filled">
خطا در دریافت اطلاعات عضویت. لطفا دوباره تلاش کنید.
</MudAlert>
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="LoadMembershipAsync">تلاش مجدد</MudButton>
}
</MudStack>
</MudContainer>
@@ -0,0 +1,66 @@
using FrontOffice.Main.Utilities;
using Microsoft.AspNetCore.Components;
using MudBlazor;
namespace FrontOffice.Main.Pages.Club;
public partial class MembershipPage : ComponentBase
{
[Inject] private ClubMembershipService ClubService { get; set; } = default!;
private ClubMembershipDto? _membership;
private bool _isLoading = true;
private bool _hasError = false;
protected override async Task OnInitializedAsync()
{
await LoadMembershipAsync();
}
private async Task LoadMembershipAsync()
{
try
{
_isLoading = true;
_hasError = false;
_membership = await ClubService.GetMyMembershipAsync();
}
catch (Exception ex)
{
_hasError = true;
Snackbar.Add($"خطا در دریافت اطلاعات: {ex.Message}", Severity.Error);
}
finally
{
_isLoading = false;
}
}
private async Task HandleActivationSuccess()
{
await LoadMembershipAsync();
Snackbar.Add("عضویت باشگاه با موفقیت فعال شد!", Severity.Success);
}
private Color GetStatusColor()
{
if (_membership?.IsActive == true)
{
if (_membership.DaysRemaining.HasValue && _membership.DaysRemaining.Value <= 30)
return Color.Warning;
return Color.Success;
}
return Color.Error;
}
private string GetStatusText()
{
if (_membership?.IsActive == true)
{
if (_membership.DaysRemaining.HasValue && _membership.DaysRemaining.Value <= 30)
return "نزدیک به انقضا";
return "فعال";
}
return "غیرفعال";
}
}