Wir haben eine Software für einen Containerdienst, diese Verarbeitet auch alle Prozess bezogenen Dokumente. Derzeit Scannen wir diverse unterlagen ein oder bekommen diese per Mail. Der Prozess ist nun wie folgt, dass diese in einem Ordner auf dem PC gesammelt werden. nun schaut sich ein Mitarbeiter den Beelg an, sucht in der Software nach dem richtigen Kunden, dann nach dem richtigen Auftrag um die Datei dann hochzuladen. wir brauchen nun einen verbesserten weg. alle Dokumente sollen in einen separaten Posteingang in der Software. nun kann man die verabietung beginnen, dies geschicht Dokument für Dokument, der weg ist dann Schnellauswahl, direkt Anhand der 6stillenauftragsnummer in einen Auftrag schieben, oder wir zeigen auf der linken Bildschirmhälfte das dokument an, können dann rechts die kunden Datenbank durchsuch und den kunden öffnen, nun kann entweder im Kunden gespeichert werden oder die Afutragsliste wird angezeigt, die Aufträge kann ich dann öffnen und anschauen. nun kann ich sagen Dokument in diesem Auftrag speichern. Aber ich den Porzess über einen dieser drei wege beendet, dann beginnt direkt die verarbeitung des nächsten Dokuments und alles beginnt weider von vorne bis keine neuen Dokumente mehr vorhanden sind. visualisier mir das in einem umgebung mit react, graphql und note.js
Ich helfe Ihnen, diese Dokumentenverarbeitungs-Workflow-Software zu erstellen. Das ist ein komplexes Multi-System-Projekt mit Posteingang, Dokumentenansicht, Kundensuche und Auftragsverwaltung.
Da wir Daten persistent speichern müssen (Dokumente, Kunden, Aufträge), benötigen wir eine Datenbank-Integration. Lassen Sie mich zunächst eine Design-Inspiration erstellen und dann die Umgebung einrichten.
Perfekt, ich erstelle die Anwendung mit simulierten Daten. Das ist ein komplexes System, daher erstelle ich einen Plan mit Todo-Liste.
Jetzt erstelle ich die Mock-Daten, Types und die gesamte Anwendungsstruktur:
Jetzt erstelle ich den State-Management Store und die Posteingang-Komponente:
Jetzt installiere ich Zustand und erstelle die UI-Komponenten:
Jetzt erstelle ich die UI-Komponenten:
Die Dokumentenverarbeitungs-Software ist jetzt vollständig implementiert. Die Anwendung bietet folgende Funktionen:
Posteingang: Zeigt alle unverarbeiteten Dokumente in einer Warteschlange an. Mit "Verarbeitung starten" beginnt der Workflow.
Split-Screen Verarbeitung: Links sehen Sie das aktuelle Dokument mit Vorschau und erkannten Informationen. Rechts haben Sie zwei Optionen:
Nach jeder erfolgreichen Zuordnung wird automatisch das nächste Dokument geladen, bis alle verarbeitet sind. Die Mock-Daten enthalten 6 Beispieldokumente, 5 Kunden und 6 Aufträge zum Testen des Workflows.