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

PropTipoDefaultDescrizione
entitasorgentestringTipo entità (es. 'anagrafica', 'scheda')
identitasorgentenumberID istanza entità
readonlybooleanfalseNasconde azioni di scrittura
utenteOptionsUtenteOption[][]Utenti disponibili per gli assegnatari

Emits

EventoPayloadDescrizione
attivita-createdAttivitaCreatedPayloadNuova attività pianificata
attivita-completedAttivitaCompletedPayloadAttività completata (include attivita_successive)
attivita-cancelledAttivitaCancelledPayloadAttività 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 AttivitaForm per pianificazione e modifica
  • CompletaDialog per completamento con risultato
  • AnnullaDialog per annullamento con motivo
  • ConcatenamentoForm per 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
scadenzaRaggruppa in: In ritardo / Oggi / Prossime
tipoRaggruppa 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 identitasorgente cambia, il componente ricarica automaticamente le attività tramite un watch.
  • Le attività successive (attivita_successive) da un completamento vengono mostrate nel ConcatenamentoForm per pianificarle o ignorarle.
  • AttivitaBadge può essere usato in parallelo su card/tabelle per mostrare il conteggio senza caricare la lista completa.