AttivitaListaEntita
title: AttivitaListaEntita description: Componente principale per la gestione completa delle attività di un'entità.
Panoramica
AttivitaListaEntita è il componente all-in-one per gestire il ciclo di vita completo delle attività associate a un'entità. Integra internamente lista, form, dialogs di completamento/annullamento e la gestione dei concatenamenti suggeriti.
Anteprima live (con IHttpClient mockato)
Il preview usa un IHttpClient mock con CRUD in-memory: prova a pianificare/completare/annullare per vedere lo store reagire.
Props
| Prop | Tipo | Default | Descrizione |
|---|---|---|---|
entitasorgente | string | — | Tipo entità (es. 'anagrafica', 'scheda') |
identitasorgente | number | — | ID istanza entità |
readonly | boolean | false | Nasconde azioni di scrittura |
utenteOptions | UtenteOption[] | [] | Utenti disponibili per gli assegnatari |
Emits
| Evento | Payload | Descrizione |
|---|---|---|
attivita-created | AttivitaCreatedPayload | Nuova attività pianificata |
attivita-completed | AttivitaCompletedPayload | Attività completata (include attivita_successive) |
attivita-cancelled | AttivitaCancelledPayload | Attività annullata |
Funzionalità incluse
- Caricamento automatico attività al mount e al cambio di
identitasorgente - Raggruppamento per scadenza (in ritardo / oggi / future) o per tipo
- Filtro per stato (pianificata / completata / annullata)
- Form
AttivitaFormper pianificazione e modifica CompletaDialogper completamento con risultatoAnnullaDialogper annullamento con motivoConcatenamentoFormper le attività successive suggerite dopo un completamento- Azioni rapide: ripristina (da annullata a pianificata), elimina
Raggruppamento
L'utente può scegliere la modalità di raggruppamento dalla barra azioni:
| Modalità | Descrizione |
|---|---|
scadenza | Raggruppa in: In ritardo / Oggi / Prossime |
tipo | Raggruppa per codtipoattivita |
Esempio
<AttivitaListaEntita
entitasorgente="anagrafica"
:identitasorgente="idAnagrafica"
:utente-options="utentiOptions"
@attivita-created="payload => aggiornaContatori(payload.identitasorgente)"
@attivita-completed="payload => gestisciSuccessive(payload.attivita_successive)"
/>
Note
- Quando
identitasorgentecambia, il componente ricarica automaticamente le attività tramite unwatch. - Le attività successive (
attivita_successive) da un completamento vengono mostrate nelConcatenamentoFormper pianificarle o ignorarle. AttivitaBadgepuò essere usato in parallelo su card/tabelle per mostrare il conteggio senza caricare la lista completa.