Enlace entre páginas

A medida que desarrolla páginas, es posible que tenga que enlazar a páginas diferentes que pueden estar dentro de la misma aplicación Angular o a páginas definidas en otras aplicaciones de Order Hub .

Dentro de la misma aplicación Angular

No hay comportamientos específicos de Order Huben este flujo. Es simplemente el enrutamiento angular común entre rutas.

Por ejemplo:
// 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'
                    }
                });

...

En aplicaciones angulares de Order Hub

Para enlazar entre aplicaciones angulares en Order Hub, primero debe declarar la ruta como un enlace de característica/menú a la interfaz de usuario de shell común de Supply Chain.

Para ver una lista de las páginas de Order Hub disponibles con las que se puede enlazar, consulte la sección Páginas de Order Hub con las que se puede enlazar de este tema.

Para definir nuevas páginas (personalizadas o predeterminadas de IBM ) a las que es necesario acceder, consulte la sección Registro de una ruta externamente para navegar por distintas aplicaciones angulares de Order Hub de este tema.

A continuación, escriba el código que sigue a este ejemplo para direccionar a la página de aplicaciones cruzadas:
// 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());

...

Páginas de Order Hub a las que se puede enlazar

Las páginas siguientes se registran como páginas destacadas en el shell común de la cadena de suministro:
Página Vía de acceso
Inicio /gestión-pedidos/espacio-de-trabajo-home/espacio-de-trabajo/welcome
Gestionar búsquedas guardadas. /gestión-pedidos/espacio-de-trabajo-manejar-favoritos/espacio-de-trabajo/manejar-favoritos
Espacios de trabajo /gestión de pedidos/espacio de trabajo
Búsqueda de nodo /gestión-pedidos/nudo-búsqueda/nudo/búsqueda
Resultados de la búsqueda de nodos /gestión-de-pedidos/nodo-búsqueda-resultado/nodo/búsqueda-resultado
Métricas de nodo /gestión de pedidos/lista de métricas/nodo/lista de métricas
Detalles del nodo /gestión-de-pedidos/detalles-de-nodo/nodo/detalles-de-nodo
Búsqueda de capacidad de servicio de nodo /gestión-de-pedidos/nodo-búsqueda-de-capacidad/nodo/búsqueda-de-capacidad
Búsqueda de pedidos salientes /gestión-de-pedidos/búsqueda-de-pedidos/búsqueda
Búsqueda de pedidos entrantes /gestión-de-pedidos/búsqueda-de-pedidos/búsqueda-de-entrada
Búsqueda de devoluciones /gestión-de-pedidos/búsqueda-de-pedidos/búsqueda-de-vuelta-de-pedidos
Búsqueda de órdenes de trabajo /gestión-pedidos/pedidos-de-trabajo/búsqueda/pedidos-de-trabajo/búsqueda
Resultados de la búsqueda de pedidos /gestión-pedidos/resultado-de-la-búsqueda/pedidos/resultado-de-la-búsqueda
Detalles del pedido /gestión-de-pedidos/detalles-de-pedidos/detalles-de-pedidos
Detalles de línea de pedido /gestión-de-pedidos/detalles-de-líneas-de-pedidos/detalles-de-líneas-de-pedidos
Resultados de búsqueda de órdenes de trabajo /gestión-pedidos/pedidos-de-trabajo-resultado-de-la-búsqueda/pedidos-de-trabajo/resultado-de-la-búsqueda
Detalles de la orden de trabajo /gestión-de-pedidos/detalles-de-pedidos-de-trabajo/detalles-de-pedidos-de-trabajo
Búsqueda de envíos salientes /gestión de pedidos/envío-búsqueda/envío/búsqueda
Búsqueda de envíos entrantes /gestión de pedidos/envío-búsqueda/envío/búsqueda-entrada
Búsqueda de envíos de devolución /gestión de pedidos/envío-búsqueda/envío/búsqueda-devolución
Detalles de envío /gestión de pedidos/detalles del envío
Búsqueda de inventario /gestión-pedidos/búsqueda-inventario/inventario/búsqueda
Reglas de existencias de seguridad /gestión de pedidos/inventario/normas de seguridad de existencias
Búsqueda de auditoría de inventario /gestión-pedidos/búsqueda-inventario/inventario/auditoría
Resultados de búsqueda de inventario /gestión-de-pedidos/inventario-búsqueda-resultados/inventario/resultados
Detalles de artículo padre de inventario /gestión-de-pedidos/detalles-de-artículos/inventario/artículo
Detalles del artículo de inventario /gestión de pedidos/detalles del inventario/sku/sku
Página de destino de despacho de pedidos /order-management/cumplilment-home/sourcing/home
Evaluador de suministro /gestión de pedidos/fulfillment-sourcing-tester/sourcing/buscar
Resultados de pruebas de suministro /gestión de pedidos/fulfillment-sourcing-tester-búsqueda-resultados/sourcing/resultados
Verificador de EDD /gestión de pedidos/fulfillment-edd-tester/sourcing/edd-tester/buscar
Resultados del verificador de EDD /gestión de pedidos/fulfillment-edd-tester-results/sourcing/edd-tester-results
Descriptor de los resultados del verificador de EDD /gestión de pedidos/fulfillment-edd-tester-results-explainer/sourcing/edd-tester-results-explainer
Panel de control del optimizador /gestión de pedidos /opt imizer/dashboard
Explicador de resultados del optimizador /gestión-de-pedidos /opt imizer/resultsexplainer
Informe de ventajas del optimizador /gestión de pedidos /opt imizer/informe de prestaciones
Simulador de Optimizer /order-management/optimizer/simulador
Búsqueda de alertas /gestión-pedidos/espacio-de-trabajo-alertas-búsqueda/espacio-de-trabajo/alerta-búsqueda
Resultados de búsqueda de alertas /gestión-pedidos/espacio-de-trabajo-alertas-resultados-de-búsqueda/espacio-de-trabajo-resultados-de-búsqueda
Detalles de alerta /gestión-de-pedidos/espacio-de-trabajo-detalles-de-alerta/espacio-de-trabajo/detalles-de-alerta
Búsqueda de excepciones /gestión de pedidos/excepción

Registro de una ruta externamente para navegar entre distintas aplicaciones angulares de Order Hub

Para navegar a una página que no está en la aplicación Angular actual, debe declarar esta ruta con el shell común de la cadena de suministro como menú de características. Esto se puede realizar registrando un nuevo menú "oculto" en el shell común de Supply Chain completando la tarea siguiente: Prueba de nuevas aplicaciones o rutas en Order Hub. Asegúrese de que selecciona la opción Ocultar este elemento de menú al crear el menú.
Nota: Asegúrese de que también copia el archivo features.json de este menú oculto en el archivo features.json para fines de despliegue, como haría con los menús no ocultos que ha añadido.