Tutorial: Personalización de la acción «Ordenar calendario»

En este tutorial, aprenderás a personalizar una aplicación Order Hub existente para personalizar la acción Programar pedidos.

En este tutorial se utiliza el enfoque de personalización mediante código, donde:
  • El enfoque de personalización diferencial se utiliza para identificar los puntos de extensión existentes disponibles en el modal de orden de programación.
  • El enfoque de personalización mediante sobrescrituras se utiliza para modificar una acción de tabla existente sobrescribiendo únicamente la clase de servicio de la acción. Las anulaciones se utilizan porque el tutorial toma el control de una acción de tabla existente en lugar de añadir una nueva.

Supongamos que su empresa necesita personalizar la acción Programar pedidos de Order Hub. En el flujo de procesos de pedidos de su empresa, desea permitir a los usuarios introducir manualmente una nota para explicar el motivo de sus selecciones de programación al programar determinados pedidos.

Objetivos de aprendizaje

  • Cómo personalizar páginas en la aplicación Pedidos.
  • Cómo modificar una acción de tabla existente sobrescribiendo únicamente la clase de servicio de acción.
  • Cómo añadir elementos adicionales en un modal y encadenar algunas llamadas a la API del backend desde la interfaz de usuario.
  • Cómo llamar a una API OMS.

Tiempo necesario

Este tutorial dura aproximadamente 60 minutos. Si exploras otros conceptos relacionados con este tutorial, es posible que tardes más tiempo en completarlo.

Nivel de habilidad

Principiante

Audiencia

Desarrolladores que desean personalizar Order Hub.

Requisitos previos

  • Configure un entorno de herramientas para desarrolladores. Para obtener más información, consulte Introducción a la personalización de Order Hub.
  • Habilitar la personalización para el módulo buc-app-order. Para obtener más información, consulte Personalización de aplicaciones existentes.

Resultados previstos

Cuando un usuario hace clic en Programar en la tabla de resultados de búsqueda de pedidos, aparece una ventana modal. En el modal, ahora tendrás una nueva sección «Añadir nota» con los siguientes campos:

  • Selector de fecha para elegir una fecha para contactar con el cliente.
  • Selector de hora para elegir una hora para contactar con el cliente.
  • Campos de texto para proporcionar la información de contacto. Cualquier información actual del cliente se rellena automáticamente.
  • Campo de texto para introducir la nota.
  • Menú desplegable para elegir el motivo de la nota. El menú llama a getCommonCodeList para rellenar los valores.
  • Menú desplegable para elegir el tipo de contacto. El menú llama a getCommonCodeList para rellenar los valores.
  • Campo de texto para introducir la información de referencia del contacto.
  • El botón Guardar llama a modifyFulfillmentOptions para guardar la nota.
Un recuadro rojo delimita la nueva sección Añadir nota que personalizarás en el modal Ordenar programación