Vinculação entre páginas
À medida que você desenvolve páginas, pode ser necessário vincular páginas diferentes que podem estar dentro do mesmo aplicativo Angular ou a páginas definidas em outros aplicativos. Hub de pedidos de próxima geração formulários.
Dentro do mesmo aplicativo Angular
Este fluxo contém roteamento Angular comum entre rotas e nenhum Hub de pedidos de próxima geração-comportamentos 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'
}
});
...Entre Centro de pedidos Aplicações angulares
Para vincular aplicativos Angular em Hub de pedidos de próxima geração, você deve primeiro declarar a rota como um link de recurso/menu para a interface de UI do shell comum da Cadeia de Suprimentos.
Para ver uma lista de prontamente disponíveis Hub de pedidos de próxima geração páginas que podem ser vinculadas, consulte Vinculação entre páginas.
Para definir novas páginas (personalizadas ou padrão IBM® páginas) que precisam estar acessíveis, consulte Vinculação 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 que podem ser vinculadas a
| Página | Caminho |
|---|---|
| Página inicial | /order-management/workspace-home/workspace/welcome |
| Gerenciar procuras salvas | /order-management/workspace-manage-favorites/workspace/manage-favorites |
| Espaços de trabalho | /order-management/workspace |
| Procura de nó | /order-management/node-search/node/search |
| Resultados da procura do nó | /order-management/node-search-result/node/search-result |
| Métricas do nó | /order-management/node-metrics-list/node/metrics-list |
| Detalhes do Nó | /order-management/node-details/node/node-details |
| Pesquisa de capacidade de serviço de nó | /order-management/node-capacity-search/node/capacity-search |
| Pesquisa de pedidos de saída | /order-management/order-search/order/search |
| Pesquisa de pedidos de entrada | /order-management/order-search/order/search-inbound |
| Pesquisa de retornos | /order-management/order-search/order/search-returnorder |
| Pesquisa de ordens de serviço | /order-management/work-order-search/workorder/search |
| Resultados da procura de pedidos | /order-management/order-search-result/order/search-result |
| Detalhes do pedido | /order-management/order-details/order/order-details |
| Detalhes da linha de pedido | /order-management/order-line-details/order/order-line-details |
| Resultados da pesquisa de ordens de serviço | /order-management/work-order-search-result/workorder/search-result |
| Detalhes da ordem de serviço | /order-management/work-order-details/workorder/workorder-details |
| Pesquisa de remessas de saída | /order-management/shipment-search/shipment/search |
| Pesquisa de remessas de entrada | /order-management/shipment-search/shipment/search-inbound |
| Pesquisa de remessas de devolução | /order-management/shipment-search/shipment/search-returnshipment |
| Detalhes da remessa | /order-management/shipment-details |
| Procura de inventário | /order-management/inventory-search/inventory/search |
| Regras de estoque de segurança | /order-management/inventory/safety-stock-rules |
| Pesquisa de auditoria de inventário | /order-management/inventory-search/inventory/audit |
| Resultados da procura de inventário | /order-management/inventory-search-results/inventory/results |
| Detalhes do item pai do inventário | /order-management/inventory-item-details/inventory/item |
| Detalhes do item do inventário | /order-management/inventory-sku-details/inventory/sku |
| Página de destino de atendimento | /order-management/fulfillment-home/sourcing/home |
| Testador de fornecimento | /order-management/fulfillment-sourcing-tester/sourcing/search |
| Resultados do testador de fornecimento | /order-management/fulfillment-sourcing-tester-search-results/sourcing/results |
| Testador de EDD | /order-management/fulfillment-edd-tester/sourcing/edd-tester/search |
| Resultados do testador de EDD | /order-management/fulfillment-edd-tester-results/sourcing/edd-tester-results |
| Explicador de resultados do testador de EDD | /order-management/fulfillment-edd-tester-results-explainer/sourcing/edd-tester-results-explainer |
| Painel do otimizador | /order-management/optimizer/dashboard |
| Explicador de resultados do otimizador | /order-management/optimizer/resultsexplainer |
| Relatório de benefícios do otimizador | /order-management/optimizer/benefits-report |
| Simulador do otimizador | /order-management/optimizer/simulator |
| Procura de alertas | /order-management/workspace-alerts-search/workspace/alert-search |
| Resultados da procura de alertas | /order-management/workspace-alerts-search-results/workspace/search-results |
| Detalhes do alerta | /order-management/workspace-alert-details/workspace/alert-details |
| Pesquisa de exceções | /order-management/exception |
Registrar uma rota externamente para navegar por diferentes Hub de pedidos de próxima geração Aplicações angulares
Para ir para uma página em uma aplicação customizada que não esteja na aplicação Angular atual, você deve declarar esta rota com o Hub de pedidos de próxima geração shell como um recurso. Isto pode ser feito registrando um novo menu oculto nofeatures.json arquivo. Para obter mais informações sobre como criar ou atualizar ofeatures.json arquivo, veja Criando o features.json arquivos.