Gantt

Installation

yarn install

Ausführung

yarn run serve

Beschreibung

Gantt-Diagramm basierend auf Vue-Entwicklung, geeignet für Teams, Aufgabenaufteilung und andere agile Szenarien
Unterstützt Gruppierung
Unterstützt Drag & Drop
Unterstützt Strecken
Unterstützt Prozentanzeige
Unterstützt Zeitspannen: Tag, Woche, Monat
Aktuell ist nur eine Gruppierungsebene implementiert. Um zukünftigen Anforderungen an zwei- oder mehrstufige Gruppierungen gerecht zu werden, wurde beim letzten Commit ein Teil des Codes refaktoriert, um Mehrstufigkeit zu unterstützen. In der aktuellen Version ist diese Funktion aber noch nicht entwickelt.
Vorteile: Beim Drag & Drop, Strecken oder Fortschrittsänderungen werden die Daten nicht in Echtzeit aktualisiert, sondern erst nach Abschluss der Aktion, um die Performance zu optimieren.
          Beim Bearbeiten, Löschen oder Hinzufügen wird keine komplette rekursive Instanzänderung durchgeführt, sondern nur der geänderte Teil angepasst.
Das Projekt wird aktuell für die Komponentenentwicklung neu strukturiert. Zur Nutzung im eigenen Projekt genügt es, die Datei gant.vue einzubinden.
Methoden für den Massenimport und -export von Daten sind bereits vorhanden und können einfach kopiert werden!~

Update-Hinweise

• Unterstützung für Bearbeiten
• Unterstützung für Löschen
• Bugfix: vertikales Scrollen nicht möglich (gleichzeitig bidirektionales Scrollen hinzugefügt) #4
• Bugfix durch elementUI verursacht
• Problem mit Zeitspanne #5
• Es ist derzeit nicht möglich, durch Änderung der Spannen-Konfiguration weitere Zeitspannen wie Stunden hinzuzufügen, da einige Einstellungen beim Initialisieren fest sind. Dies wird in Zukunft als API bereitgestellt.

Beispiel ansehen

Siehe Demo

Schaubild

--- Tranlated By Open Ai Tx | Last indexed: 2025-07-01 ---