Vinculación entre páginas
A medida que desarrolla páginas, es posible que necesite vincular a diferentes páginas que pueden estar dentro de la misma aplicación Angular o a páginas que están definidas en otras Centro de pedidos de próxima generación aplicaciones.
Dentro de la misma aplicación Angular
Este flujo contiene enrutamiento angular común entre rutas y no Centro de pedidos de próxima generación-comportamientos específicos.
// import Angular router
import { Router } from '@angular/router';
...
// initialize some variables/constants
private router: Router
static readonly CREATE_EDIT_OPTIMIZATION_ROUTE: string = BucConstants.ROOT_TOKEN +
'/create-edit-optimization-profile/createOptimizationProfile';
...
// navigate to the in app route
this.router.navigate([CREATE_EDIT_OPTIMIZATION_ROUTE], {
queryParams: {
viewType: 'Create'
}
});
...Al otro lado de Centro de pedidos Aplicaciones angulares
Para vincular aplicaciones Angular en Centro de pedidos de próxima generación, primero debe declarar la ruta como un enlace de función/menú a la interfaz de usuario del shell común de Supply Chain.
Para ver una lista de disponibles Centro de pedidos de próxima generación páginas a las que se puede vincular, consulte Vinculación entre páginas.
Para definir nuevas páginas (personalizadas o predeterminadas) IBM® páginas) que deben ser accesibles, consulte Vinculación entre páginas.
// import Angular router
import { getPostMessageDomain } from '@buc/common-components';
...
// navigate to the outside app route
window.top.postMessage({
action: 'NAVIGATE',
data: {
path: '/order-management/workspace',
queryParams: {
...
}
}
}, getPostMessageDomain());
...Centro de pedidos páginas a las que se puede vincular
| Página | Vía de acceso |
|---|---|
| Inicio | /order-management/workspace-home/workspace/welcome |
| Gestionar búsquedas guardadas. | /order-management/workspace-manage-favorites/workspace/manage-favorites |
| Espacios de trabajo | /order-management/workspace |
| Búsqueda de nodo | /order-management/node-search/node/search |
| Resultados de la búsqueda de nodos | /order-management/node-search-result/node/search-result |
| Métricas de nodo | /order-management/node-metrics-list/node/metrics-list |
| Detalles del nodo | /order-management/node-details/node/node-details |
| Búsqueda de capacidad de servicio de nodo | /order-management/node-capacity-search/node/capacity-search |
| Búsqueda de pedidos salientes | /order-management/order-search/order/search |
| Búsqueda de pedidos entrantes | /order-management/order-search/order/search-inbound |
| Búsqueda de devoluciones | /order-management/order-search/order/search-returnorder |
| Búsqueda de órdenes de trabajo | /order-management/work-order-search/workorder/search |
| Resultados de la búsqueda de pedidos | /order-management/order-search-result/order/search-result |
| Detalles del pedido | /order-management/order-details/order/order-details |
| Detalles de línea de pedido | /order-management/order-line-details/order/order-line-details |
| Resultados de búsqueda de órdenes de trabajo | /order-management/work-order-search-result/workorder/search-result |
| Detalles de la orden de trabajo | /order-management/work-order-details/workorder/workorder-details |
| Búsqueda de envíos salientes | /order-management/shipment-search/shipment/search |
| Búsqueda de envíos entrantes | /order-management/shipment-search/shipment/search-inbound |
| Búsqueda de envíos de devolución | /order-management/shipment-search/shipment/search-returnshipment |
| Detalles de envío | /order-management/shipment-details |
| Búsqueda de inventario | /order-management/inventory-search/inventory/search |
| Reglas de existencias de seguridad | /order-management/inventory/safety-stock-rules |
| Búsqueda de auditoría de inventario | /order-management/inventory-search/inventory/audit |
| Resultados de búsqueda de inventario | /order-management/inventory-search-results/inventory/results |
| Detalles del artículo principal del inventario | /order-management/inventory-item-details/inventory/item |
| Detalles del artículo de inventario | /order-management/inventory-sku-details/inventory/sku |
| Página de inicio de cumplimiento | /order-management/fulfillment-home/sourcing/home |
| Evaluador de suministro | /order-management/fulfillment-sourcing-tester/sourcing/search |
| Resultados de pruebas de suministro | /order-management/fulfillment-sourcing-tester-search-results/sourcing/results |
| Verificador de EDD | /order-management/fulfillment-edd-tester/sourcing/edd-tester/search |
| Resultados del verificador de EDD | /order-management/fulfillment-edd-tester-results/sourcing/edd-tester-results |
| Descriptor de los resultados del verificador de EDD | /order-management/fulfillment-edd-tester-results-explainer/sourcing/edd-tester-results-explainer |
| Panel del optimizador | /order-management/optimizer/dashboard |
| Explicador de resultados del optimizador | /order-management/optimizer/resultsexplainer |
| Informe de beneficios del optimizador | /order-management/optimizer/benefits-report |
| Simulador de Optimizer | /order-management/optimizer/simulator |
| Búsqueda de alertas | /order-management/workspace-alerts-search/workspace/alert-search |
| Resultados de búsqueda de alertas | /order-management/workspace-alerts-search-results/workspace/search-results |
| Detalles de alerta | /order-management/workspace-alert-details/workspace/alert-details |
| Búsqueda de excepciones | /order-management/exception |
Registrar una ruta externamente para navegar a través de diferentes Centro de pedidos de próxima generación Aplicaciones angulares
Para ir a una página en una aplicación personalizada que no está en la aplicación Angular actual, debe declarar esta ruta con el Centro de pedidos de próxima generación cáscara como característica. Esto se puede hacer registrando un nuevo menú oculto en elfeatures.json archivo. Para obtener más información sobre cómo crear o actualizar elfeatures.json archivo, ver Creando el features.json archivos.