Bestellverfolgung erweitern
Hier erfahren Sie, wie Sie die Implementierung der Auftragsverfolgung anpassen und erweitern können, um Aufträge mit benutzerdefinierten Auftragsstatus zu verfolgen, angepasste Meilensteine hinzuzufügen und sofort einsatzfähige Versandstatuseinschlusskriterien für jeden Meilenstein zu ändern.
Als Verkaufspersonal können Sie einen Auftrag oder eine Auftragsposition von dem Moment an verfolgen, an dem der Auftrag erteilt wird, bis er versendet oder entnommen wird, und bei Bedarf die Kunden über den aktuellen Status und die erwartete Lieferzeit aktualisieren.
Benutzerdefinierte Meilensteine für verschiedene Auftragstypen und Bereitstellungsmethoden definieren
- Legen Sie die folgende Ordnerstruktur unter
SCREEN_EXTENSIONS_HOMEan, falls noch nicht vorhanden.SCREEN_EXTENSIONS_HOME/features/orders - Wechseln Sie in den Ordner SCREEN_EXTENSIONS_HOME/features/orders .
- Kopieren Sie orders-extension.module.ts aus <WORKSPACE>/store-frontend/src/app/features/orders in den Ordner <WORKSPACE>/store-frontend/store-extensions-src/app/features/orders .
Wenn orders-extension.module.ts bereits vorhanden ist, kopieren Sie die Datei nicht. In dieser Datei werden benutzerdefinierte Meilensteine und Anbieter deklariert.
- Führen Sie die folgenden Schritte aus, um einen neuen Meilenstein zu erstellen:
- Führen Sie den folgenden Befehl aus:
ng g c /features/orders/modals/track-order-modal/components/<componentName> --project=store-extensions --skip-import - Aktualisieren Sie den Namen der Meilensteinklasse in den Deklarationen und exportieren Sie die Eigenschaft des @NgModule in orders-extension.module.ts.
- Führen Sie den folgenden Befehl aus:
- Registrieren Sie den neuen Meilenstein in track-order.config.ts.
Kopieren Sie die Datei track-order.config.ts aus dem Ordner <WORKSPACE>/store-frontend/src/app/features/orders/config in den Ordner <WORKSPACE>/store-frontend/store-extensions-src/app/features/orders/config und aktualisieren Sie die Konfiguration.
OrderPlaced) hinzugefügt wird:static TrackOrderConfigList: ITrackOrderConfig = {
'0001': {
SHP: [
{
tid: 'OrderPlaced',
milestoneDescriptionKey: 'trackOrderModal.LABEL_OrderPlaced',
fromStatus: '',
toStatus: '1100.70.06.10',
component: OrderPlacedMilestoneComponent
}
]
}
}
Hier steht 0001 für den Bestelltyp ( OrderType ) der Bestellung und SHP für das Lieferverfahren.
| Eigenschaft | Obligatorisch | Beschreibung |
|---|---|---|
tid{string} |
Ja | Eindeutige Kennung zum Testen der Meilensteinkomponente. |
component{component} |
Ja | Referenz der Komponente, die für einen Meilenstein wiedergegeben werden soll |
milestoneDescriptionKey{string} |
Ja | Beschreibungstext für den Meilenstein. |
statusValue{string} |
Nein | Fixstatus für Meilenstein. statusValue hat eine höhere Priorität als fromStatus und toStatus. |
fromStatus{string} |
Nein | Startstatus für den Meilenstein. |
toStatus{string} |
Nein | Endstatus für den Meilenstein. |
Einschlusskriterien für den Versandstatus ohne Vorbereitungs-oder Anpassungsaufwand für jeden Meilenstein ändern
Ändern Sie in track-order.config.tsfür den Meilenstein, den Sie ändern möchten, die Werte fromStatus und toStatus für den erforderlichen Bereich.
CustomMilestoneComponent ersetzen, wie im folgenden JSON-Spezifikationsbeispiel gezeigt:static TrackOrderConfigList: ITrackOrderConfig = {
'0001': {
SHP: [
{
tid: 'Custom',
milestoneDescriptionKey: 'trackOrderModal.LABEL_Custom',
fromStatus: '1100',
toStatus: '1400',
component: CustomMilestoneComponent
}
]
}
}
Stil einer vorhandenen Meilensteinkomponente ändern
Erstellen Sie im Ordner <WORKSPACE>/store-frontend/store-extensions-src/app/features/orders/modals/track-order-modal/components einen Meilenstein mit demselben Namen.