Zum Inhalt springen

Liegenschaften · Liste und Detail

Status: Entwurf · Referenz: clickdummy/src/pages/Liegenschaften.tsx, LiegenschaftDetail.tsx

Liste

  • Page-Header: Eyebrow „Stammdaten · physische Assets”, H1 „Liegenschaften”, Such-Feld + + Liegenschaft anlegen.
  • Karten-Grid (auto-fill, min 280 px): pro Liegenschaft eine Card mit Name, Code · Ort, Status-Tag, Eckdaten-Row (WE, m², €/m²), Tag-Row (Heizungstyp, PV, Speicher).
  • Klick auf Karte → Detail-Screen.

Detail

Zwei-Spalten-Layout (grid-2), darüber der Page-Header mit Eyebrow Liegenschaft · {code} und H1 mit Liegenschafts-Namen.

Eckdaten-KPIs (4 Karten oben)

Wohneinheiten · Gebäude · Wohnfläche · Kaltmiete-Ertrag (Notch grün).

Linke Spalte: Stammdaten editierbar

  • Name, Code (read-only fühlbar, Code wird vom System vergeben)
  • Adresse (Straße, PLZ, Ort)
  • Baujahr, Heizungstyp (Select)
  • Wohneinheiten, Gebäude (Number)
  • Wohnfläche je VE, Kaltmiete €/m², Fluktuation %
  • Status (Select: prospect / aktiv / verkauft / archiviert)
  • Eigentümer: Auswahl bestehender Mandant oder neu anlegen (siehe 30-domain/03-objects-organisation.md)
  • Bestandstyp: mandat (Eigentümer extern) | eigenbestand (Holding selbst Eigentümer, Sonderfall)

Rechte Spalte

  • Energieausstattung: PV (kWp), Speicher (kWh) + Hinweis-Note mit Excel-Werten zur Orientierung.
  • Cases zu dieser Liegenschaft: kompakte List-Cards, Klick öffnet Case-Editor, + neu legt Folge-Case an.

Interaktion

  • Stammdaten-Felder schreiben live in localStorage (Klickdummy) bzw. an die API (Produktiv).
  • Cases-Liste zeigt €/VE/Monat live aus dem aktuellen Annahmen-Stand.
  • Eigentümerwechsel: neue owner_owns_property-Periode (siehe Domain-Doku), kein In-Place-Update.