FodServiceRequestStatusResponse
Descriere Generală
Componenta FodServiceRequestStatusResponse
este responsabilă pentru afișarea răspunsului primit în urma verificării statusului unei solicitări de serviciu. Afișează informații detaliate despre solicitare sau un mesaj de eroare dacă solicitarea nu a fost găsită.
Această componentă este utilizată în mod tipic împreună cu FodServiceRequestStatus
, dar poate fi folosită și independent pentru afișarea rezultatelor pre-încărcate.
Ghid de Utilizare API
Exemplu de bază - solicitare găsită
<FodServiceRequestStatusResponse Model="@statusResponse" />
@code {
private ServiceRequestStatusResponseModel statusResponse = new()
{
Found = true,
OrderNumber = "SR-2024-001234",
Status = "În procesare",
SubmissionDate = DateTime.Now.AddDays(-5),
EstimatedResolveDate = DateTime.Now.AddDays(10)
};
}
Exemplu - solicitare negăsită
<FodServiceRequestStatusResponse Model="@notFoundResponse" />
@code {
private ServiceRequestStatusResponseModel notFoundResponse = new()
{
Found = false,
OrderNumber = "SR-2024-999999"
};
// Va afișa mesaj de eroare localizat
}
Integrare cu verificare status
<div class="status-check-container">
@if (isChecking)
{
<FodLoadingLinear Indeterminate="true" />
}
else if (responseModel != null)
{
<FodServiceRequestStatusResponse Model="@responseModel" />
}
</div>
@code {
private bool isChecking = false;
private ServiceRequestStatusResponseModel? responseModel;
private async Task CheckStatus(string orderNumber)
{
isChecking = true;
responseModel = await statusService.Check(orderNumber);
isChecking = false;
}
}
Afișare condiționată
@if (hasStatusResult)
{
<div class="mt-4">
<h4>Rezultat verificare:</h4>
<FodServiceRequestStatusResponse Model="@statusResult" />
</div>
}
Atribute disponibile
Atribut | Tip | Valoare implicită | Descriere |
---|---|---|---|
Model | ServiceRequestStatusResponseModel | null | Modelul cu datele răspunsului |
Proprietăți ServiceRequestStatusResponseModel
Proprietate | Tip | Descriere |
---|---|---|
Found | bool | Indică dacă solicitarea a fost găsită |
OrderNumber | string | Numărul de comandă verificat |
Status | string | Statusul curent al solicitării |
SubmissionDate | DateTime? | Data depunerii solicitării |
EstimatedResolveDate | DateTime? | Data estimată de finalizare |
Evenimente
Componenta nu expune evenimente.
Metode publice
Componenta nu expune metode publice.
Componente asociate
- FodDisplay - Pentru afișarea formatată a câmpurilor
- FodServiceRequestStatus - Componenta părinte pentru verificare status
Stilizare
Clase CSS
.service-request-status-response
- Container principal.alert.alert-danger
- Pentru mesajul de eroare când solicitarea nu este găsită.row
- Layout Bootstrap pentru afișarea câmpurilor
Structura vizuală - solicitare găsită
┌─────────────────────────────────────────┐
│ Număr comandă: SR-2024-001234 │
│ Status: În procesare │
│ Data depunerii: 15.01.2024 │
│ Data estimată finalizare: 30.01.2024 │
└─────────────────────────────────────────┘
Structura vizuală - solicitare negăsită
┌─────────────────────────────────────────┐
│ ⚠️ Solicitarea cu numărul SR-2024-999999│
│ nu a fost găsită │
└─────────────────────────────────────────┘
Personalizare
/* Container principal */
.service-request-status-response {
padding: 1rem;
border-radius: 0.25rem;
}
/* Mesaj de eroare personalizat */
.service-request-status-response .alert-danger {
border-left: 4px solid #dc3545;
background-color: #f8d7da;
}
/* Stilizare câmpuri */
.service-request-status-response dl.row {
margin-bottom: 0;
}
/* Evidențiere status */
.service-request-status-response [data-field="Status"] {
font-weight: bold;
color: #0066cc;
}
Note și observații
- Gestionare null - Componenta verifică dacă Model este null înainte de randare
- Două moduri - Afișează fie detalii complete, fie mesaj de eroare
- Localizare - Mesajul de eroare folosește localizare cu parametru
- Layout responsive - Folosește grid Bootstrap pentru afișare
- TitleWidth consistent - Toate câmpurile folosesc TitleWidth="6" pentru aliniere
Bune practici
- Validare model - Verificați că modelul conține date valide
- Mesaje clare - Asigurați-vă că mesajele de eroare sunt descriptive
- Format date - Păstrați un format consistent pentru date
- Status descriptiv - Folosiți termeni clari pentru status
- Tratare null - Gestionați cazurile când proprietățile sunt null
Concluzie
FodServiceRequestStatusResponse oferă o modalitate clară și consistentă de a afișa rezultatele verificării statusului. Cu suport pentru ambele scenarii (găsit/negăsit) și formatare automată, componenta simplifică afișarea informațiilor de status pentru utilizatori.