Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

criação o cabeçalhoCONTEÚDO
Âncora
início
início

  1. Visão Geral                                                                     clique no conteúdo para acesso rápido à informação desejada ↓
  2. API x Pontos UPC Relacionados
  3. Exemplo do JSON de metadata completo
  4. Especificidades de Customização
    1. Tela - Listagem de Embarques
    2. Tela - Novo/Editar Embarques
      1. Step de
      cabeçalho
      1. Cabeçalho
      2. Step de
      pedidos
      1. Pedidos
      2. Step de
      alocações
      1. Alocações
      2. Embarque Finalizado
    3. Tela - Resumo/Detalhe do Embarque
  5. Observações Gerais

01. Visão Geral 
Âncora
1
1

Este documento tem como objetivo descrever o que poderá ser customizado na tela HTML do programa Processo de Embarques item de menu Embarque (html-mftmeq.xxxxxxxxxshippingProcess), aqui será descrito quais componentes e elementos podem ser customizados.

Aviso
titleImportante

Esse documento somente cita itens de customização que diferem da customização padrão de uma tela HTML utilizando PO-UI, ou seja, somente as especificidades de customização do programa HTML em questão. As customizações nativas dos componentes dinâmicos do PO-UI podem ser verificadas aqui e não serão abordadas nesse documento.

02. 

...

API x Pontos UPC Relacionados 
Âncora
2
2

As imagens a seguir mostram, como exemplo, os metadatas que compõem o programa de Embarques.

a. Listagem dos embarques:

Chamada para a API: dts/datasul-rest/resources/prg/eqp/v1/shipping/metadata/?type=list

Image Removed

b. Novo Embarque:

...

Segue a lista de APIs e Pontos de UPC responsáveis pelo processamento da interface dinâmica e dos dados do programa.
Para maiores detalhes de como cadastrar uma UPC para essa API podem ser visualizados aqui.

  • API REST: eqp/api/v1/shipping.p, eqp/api/v1/shippingOrder.p, eqp/api/v1/shippingAllocation.p

  • URL base para embarques: https://<servidor>:<porta>/api/eqp/v1/shipping

...

  • URL base para aba de pedidos: https://<servidor>:<porta>/api/eqp/v1/shippingOrder
  • URL base para aba de alocaçõeshttps://<servidor>:<porta>/api/eqp/v1/shippingAllocation


Manipulação de Objetos da Interface (Metadata)
Método (API)Endpoint (API)Endpoint (UPC)Evento (UPC)Entrada (UPC)Observação
GETURL_Base/metadata/?type=listgetMetaData

list

Metadados

Estrutura metadados da listagem.

GETURL_Base/metadata/?type=newgetMetaData

new

Metadados

Estrutura metadados da tela de inclusão.

GETURL_Base/metadata/<código do embarque>?type=editgetMetaData

edit

Metadados

Estrutura metadados da tela de edição.

GETURL_Base/metadata/<código do embarque>?type=copygetMetaData

new

Metadados

Estrutura metadados da tela de cópia

GETURL_Base/metadata/<código do embarque>?type=detailgetMetaData

detail

Metadados

Estrutura metadados da tela de detalhes.



Manipulação de Dados - Embarques
Método (API)Endpoint (API)Endpoint (UPC)Evento (UPC)Entrada (UPC)Observação
GETURL_Base/<código do embarque>findById

findById

Dados do registro

Executado depois de buscar um registro específico.

GETURL_Base?pageSize=20&page=1findAll

findAll

Dados dos registros

Executado depois de buscar os registros.

POST

URL_Base

create

beforeCreate

Payload*

Executado antes de criar o cabeçalho do embarque.

POSTURL_Basecreate

afterCreate

Payload*

Executado depois da criação do cabeçalho do embarque.

PUTURL_Base/<código do embarque>update

beforeUpdate

Payload*

Executado antes da alteração do cabeçalho do embarque.

PUTURL_Base/<código do embarque>update

afterUpdate

Payload*

Executado depois da alteração do cabeçalho do embarque.

DELETEURL_Base/<código do embarque>delete

beforeDelete

Vazio

Executado antes da eliminação de um registro.

DELETEURL_Base/<código do embarque>delete

afterDelete

Vazio

Executado depois da eliminação de um registro.

POSTURL_Base/terminate/<código do embarque>terminate

beforeTerminate

Payload*

Executado antes de finalizar o embarque.

POSTURL_Base/terminate/<código do embarque>terminate

afterTerminate

Payload*

Executado depois de finalizar o embarque.

POSTURL_Base/validatevalidateForm

validateForm

Form*

Executa ao sair de algum campo que possui validação, por exemplo o externo (cabeçalho do embarque, aba de informações complementares).

POSTURL_Base/wms/<código do embarque>embarqueWMS

beforeEmbarqueWMS

Dados do registro

Executado antes de integrar o embarque para o WMS.

POSTURL_Base/wms/<código do embarque>embarqueWMS

afterEmbarqueWMS

Dados do registro

Executado depois de integrar o embarque para o WMS.

Manipulação de Dados - Aba pedidos
Método (API)Endpoint (API)Endpoint (UPC)Evento (UPC)Entrada (UPC)Observação
GETURL_Pedidos/orders/<código do embarque>findById

findById

Dados do registro

Executado depois de buscar um registro específico.

GETURL_Pedidos/orderDeposits/<chave completa da linha>ordersDeposit

ordersDeposit

Dados do registro

Executado depois de buscar um registro específico.

POSTURL_Pedidos/totalAllocation/<código do embarque>totalAllocation

beforeTotalAllocation

Dados do registro

Executado antes de alocar totalmente o resumo

POSTURL_Pedidos/totalAllocation/<código do embarque>totalAllocation

afterTotalAllocation

Dados do registro

Executado depois de alocar totalmente o resumo

POSTURL_Pedidos/allocatePartial/<código do embarque>partialAllocation

beforePartialAllocation

Dados do registro

Executado antes de alocar parcialmente o resumo

POSTURL_Pedidos/allocatePartial/<código do embarque>partialAllocation

afterPartialAllocation

Dados do registro

Executado depois de alocar parcialmente o resumo

POSTURL_Pedidos/allocateCompound/<código do embarque>allocateCompound

beforeAllocateCompound

Dados do registro

Executado depois de alocar o resumo composto

POSTURL_Pedidos/allocateCompound/<código do embarque>allocateCompound

afterAllocateCompound

Dados do registro

Executado depois de alocar o resumo composto

POSTURL_Pedidos/allocateOrder/<código do embarque>allocateOrder

beforeAllocateOrder

Dados do registro

Executado antes de alocar o pedido completo

POSTURL_Pedidos/allocateOrder/<código do embarque>allocateOrder

afterAllocateOrder

Dados do registro

Executado antes de alocar o pedido completo

Manipulação de Dados - Aba alocações
Método (API)Endpoint (API)Endpoint (UPC)Evento (UPC)Entrada (UPC)Observação
GETURL_AlocaçõesfindById

findById

Dados do registro

Executado depois de buscar um registro específico.

GETURL_Alocações/allocationsCompound/<chave linha>allocationsCompound

allocationsCompound

Dados do registro

Executado depois de buscar um registro específico.

POSTURL_Alocações/deallocateCompounddeallocateCompound

beforeDeallocateCompound

Dados do registro

Executado antes de desalocar totalmente o composto

POSTURL_Alocações/deallocateCompounddeallocateCompound

afterDeallocateCompound

Dados do registro

Executado depois de desalocar totalmente o composto

POSTURL_Alocações/deallocateOrderdeallocateOrder

beforeDeallocateOrder

Dados do registro

Executado antes de desalocar totalmente o pedido

POSTURL_Alocações/deallocateOrderdeallocateOrder

afterDeallocateOrder

Dados do registro

Executado depois de desalocar totalmente o pedido

POSTURL_Alocações/totalDeallocatetotalDeallocation

beforeTotalDeallocation

Dados do registro

Executado antes de desalocar totalmente o resumo

POSTURL_Alocações/totalDeallocatetotalDeallocation

afterTotalDeallocation

Dados do registro

Executado depois de desalocar totalmente o resumo

POSTURL_Alocações/partialDeallocatepartialDeallocation

beforePartialDeallocation

Dados do registro

Executado antes de desalocar parcialmente o resumo

POSTURL_Alocações/partialDeallocatepartialDeallocation

afterPartialDeallocation

Dados do registro

Executado depois de desalocar parcialmente o resumo

POSTURL_Alocações/saveNarrativesaveNarrative

beforeSaveNarrative

Dados do registro

Executado antes de salvar o resumo da linha

POSTURL_Alocações/saveNarrativesaveNarrative

afterSaveNarrative

Dados do registro

Executado depois de salvar o resumo da linha

Bloco de código
titleExemplo de Form (Validate do cabeçalho)
linenumberstrue
collapsetrue
{
    "processed": false,
    "code": ".ex",
    "rejected": false,
    "depositCq": false,
    "name": "DepósitoExterno",
    "recipient": "NCOM",
    "codeName": null,
    "balanceAv": true,
    "finished": true,
    "type": null,
    "allocated": true
}
Bloco de código
titleExemplo de Payload (Embarque)
linenumberstrue
collapsetrue
{
    "cargoType": "",
    "natOperacao": "",
    "shippingCompany": "",
    "freteGfeTabGener": null,
    "availableToAddOrders": true,
    "numExpShipping": "",
    "salesChannel": 0,
    "estabShipping": "1",
    "allowBeforeWMS": false,
    "moduloEx": null,
    "licensePlate": "",
    "route": "",
    "dateShipping": "2024-07-18",
    "driver": "eu",
    "integWMS": null,
    "sitFatur": 1,
    "negativeBalanceLot": "",
    "state": "  ",
    "identShipping": "13",
    "externalDeposit": "",
    "codShipping": 2022031588890066,
    "sitShipping": 3
}

03. JSON de metadata
Âncora
3
3

É possível retornar o metadata das telas para fazer a análise da estrutura do JSON, executando as requests abaixo (depois de logado no produto Datasul):

Tipo

Método (API)

Endpoint (API)

Observações

Listagem

GET

URL_Base/metadata/?type=list


Inclusão

GET

URL_Base/metadata/?type=new


Edição

GET

URL_Base/metadata/<código do embarque>?type=edit

Utiliza o código do estabelecimento como path param.

Cópia

GET

URL_Base/metadata/<código do embarque>?type=copy

Utiliza o código do estabelecimento como path param.

Detalhes

GET

URL_Base/metadata/<código do embarque>?type=detail

Utiliza o código do estabelecimento como path param.

04. Especificidades de Customização
Âncora
4
4

a) Tela - Listagem de Embarques

Âncora
4a
4a

A tela de listar não foi desenvolvida utilizando o componente dinâmico completo, como o po-page-dynamic-table por exemplo, e sim usando po-page-list com uma po-table, por conta disso alguns elementos da tela não podem ser customizados e algumas propriedades do metadata são utilizados de forma um pouco diferente, a seguir a descrição de cada customização possível.

PropriedadeDescription
title

Título da página.

Expandir
titleExemplo

"title":"Embarques"

Image Added

pageCustomActions

Utilizado para remover os botões padrões ou para inserir novos botões, o botão inserido aqui deve conter label.

Expandir
titleExemplo

"pageCustomActions": [
        {
            "label": "Refresh"
        },
        {
            "label": "Novo",
            "url": "\/shippingProcess\/shipping\/new"
        },
        {
            "selectable": true,
            "label": "Faturar"
        }
]

Image Added

tableCustomActions

Utilizado para remover os botões padrões ou para inserir novos. Para que uma ação padrão não seja criada basta que o metadata não contenha o seu label, caso necessário criar uma ação diferente ela deve possuir tanto label quanto url. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableAction é implementada.

Expandir
titleExemplo

"tableCustomActions": [
        {
            "label": "edit"
        },
        {
            "label": "duplicate"
        },
        {
            "label": "detail"
        },
        {
            "label": "Faturar"
        },
        {
            "label": "Integração WMS"
        },
        {
            "label": "Dados GFE"
        },
        {
            "label": "delete"
        }
]

Image Added

breadcrumb

Gera uma estrutura de navegação que apresenta a localização da URL atual, exibindo as antecessoras conforme é realizado a navegação na aplicação, pode ser alterado tanto o link quanto o label deste componente, assim como removê-lo ou adicionar mais, na tela de listagem possui apenas um item, que é a "lista de embarques" que é o item atual e por conta disso não é possível clicar nele, mais itens são adicionados ao entrar na tela de criar novo embarque ou de resumo.

Expandir
titleExemplo

"breadcrumb": {
        "items": [
            {
                "link": "\/shippingProcess\/shipping",
                "label": "Lista de Embarques"
            }
        ]
}

Image Added

fields

Utilizado para dizer quais campos devem aparecer na tabela, pode ser incluídos novos campos, ou retirado os que padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.

Expandir
titleExemplo

"fields":[
  {
    "allowColumnsManager": true,
    "gridColumns": 2,
    "property": "codShipping",
    "width": "10%",
    "label": "Embarque",
    "type": "number",
    "key": true,
    "order": 1
  },
  {
    "allowColumnsManager": true,
    "property": "numExpShipping",
    "width": "10%",
    "label": "Processo de Exportação",
    "type": "string",
    "order": 2
  },
  {
    "allowColumnsManager": true,
    "property": "dateShipping",
    "width": "10%",
    "label": "Data",
    "type": "date",
    "order": 3
  },
  {
    "allowColumnsManager": true,
    "property": "estabShipping",
    "width": "30%",
    "label": "Estabelecimento",
    "type": "string",
    "order": 4
  },
  {
    "allowColumnsManager": true,
    "property": "identShipping",
    "width": "25%",
    "label": "Preparador",
    "type": "string",
    "order": 5
  },
  {
    "allowColumnsManager": true,
    "optionsMulti": true,
    "property": "sitShipping",
    "options": [
      {
        "label": "Sim",
        "value": 1
      },
      {
        "label": "Não",
        "value": 2
      }
    ],
    "label": "Situação",
    "type": "label",
    "order": 6,
    "labels": [
      {
        "color": "color-05",
        "tooltip": "Nenhum Pedido/Item alocado ao Embarque",
        "label": "Aberto",
        "value": 1
      },
      {
        "color": "color-10",
        "tooltip": "Pedido/Item alocado, Embarque não calculado",
        "label": "Alocado",
        "value": 2
      },
      {
        "color": "color-08",
        "tooltip": "Embarque Calculado",
        "label": "Calculado",
        "value": 3
      },
      {
        "color": "color-03",
        "tooltip": "Embarque atualizado no Estoque",
        "label": "Confirmado",
        "value": 4
      },
      {
        "color": "color-10",
        "tooltip": null,
        "label": "Sim",
        "value": 1
      },
      {
        "color": "color-07",
        "tooltip": "Embarque/Resumo em uso ou com problemas",
        "label": "Não",
        "value": 2
      }
    ]
  }
]

Image Added

advancedFilters

Utilizado para montar o busca avançada, pode ser removido filtros ou incluídos novos (mas para que esses valores sejam considerados a API dos dados precisa ser customizada também). Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-form, a interface PoDynamicFormField é implementada.

Expandir
titleExemplo

 "advancedFilters":[
  {
    "gridColumns": 6,
    "property": "codShippingIni",
    "label": "Embarque inicial",
    "placeholder": "Embarque Inicial",
    "type": "number",
    "fieldValue": "",
    "order": 7,
    "mask": "9999999999999999"
  },
  {
    "gridColumns": 6,
    "property": "codShippingFim",
    "label": "Embarque final",
    "placeholder": "Embarque Inicial",
    "type": "number",
    "fieldValue": "9999999999999999",
    "order": 8,
    "mask": "9999999999999999"
  },
  {
    "gridColumns": 6,
    "property": "numExpShippingIni",
    "label": "Processo de Exportação Inicial",
    "placeholder": "Processo de Exportação Inicial",
    "type": "string",
    "fieldValue": "",
    "maxLength": 12,
    "order": 9
  },
  {
    "gridColumns": 6,
    "property": "numExpShippingFim",
    "label": "Processo de Exportação Final",
    "placeholder": "Processo de Exportação Final",
    "type": "string",
    "fieldValue": "999999999999",
    "maxLength": 12,
    "order": 10
  },
  {
    "gridColumns": 6,
    "property": "dateShippingIni",
    "label": "Data Embarque inicial",
    "placeholder": "Data Inicial",
    "type": "date",
    "fieldValue": "1990-01-01",
    "order": 11
  },
  {
    "gridColumns": 6,
    "property": "dateShippingFim",
    "label": "Data Embarque final",
    "placeholder": "Data Final",
    "type": "date",
    "fieldValue": "9999-12-31",
    "order": 12
  },
  {
    "gridColumns": 12,
    "optionsMulti": true,
    "property": "estabShipping",
    "label": "Estabelecimento",
    "placeholder": "Estabelecimento",
    "optionsService": "/dts/datasul-rest/resources/prg/eqp/v1/shippingEstabMulti",
    "type": "string",
    "order": 13
  },
  {
    "gridColumns": 12,
    "property": "identShipping",
    "label": "Preparador",
    "placeholder": "Preparador",
    "type": "label",
    "maxLength": 12,
    "order": 14
  },
  {
    "gridColumns": 6,
    "optionsMulti": true,
    "property": "sitShipping",
    "options": [
      {
        "label": "Aberto",
        "value": 1
      },
      {
        "label": "Alocado",
        "value": 2
      },
      {
        "label": "Calculado",
        "value": 3
      },
      {
        "label": "Confirmado",
        "value": 4
      }
    ],
    "label": "Situação",
    "placeholder": "Situação",
    "type": "label",
    "order": 15,
    "labels": [
      {
        "color": "color-05",
        "tooltip": "Nenhum Pedido/Item alocado ao Embarque",
        "label": "Aberto",
        "value": 1
      },
      {
        "color": "color-10",
        "tooltip": "Pedido/Item alocado, Embarque não calculado",
        "label": "Alocado",
        "value": 2
      },
      {
        "color": "color-08",
        "tooltip": "Embarque Calculado",
        "label": "Calculado",
        "value": 3
      },
      {
        "color": "color-03",
        "tooltip": "Embarque atualizado no Estoque",
        "label": "Confirmado",
        "value": 4
      }
    ]
  },
  {
    "gridColumns": 6,
    "property": "order",
    "options": [
      {
        "label": "Embarque mais recente",
        "value": "-dateShipping"
      },
      {
        "label": "Embarque mais antigo",
        "value": "dateShipping"
      },
      {
        "label": "Codigo embarque - Crescente",
        "value": "codShipping"
      },
      {
        "label": "Codigo embarque - Decrescente",
        "value": "-codShipping"
      },
      {
        "label": "Processo de Exportação - Crescente",
        "value": "numExpShipping"
      },
      {
        "label": "Processo de Exportação - Decrescente",
        "value": "-numExpShipping"
      }
    ],
    "label": "Ordenar listagem por",
    "type": "label",
    "order": 16
  }
]

Image Added

columnsResume

Utilizado para dizer quais campos devem aparecer na tabela de resumos, pode ser incluídos novos campos, ou retirado os que padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.

Expandir
titleExemplo

"columnsResume":[
    {
        "allowColumnsManager": true,
        "property": "codResume",
        "label": "Resumo",
        "type": "number",
        "key": true,
        "order": 17
    },
    {
        "allowColumnsManager": true,
        "property": "client",
        "label": "Cliente",
        "type": "string",
        "order": 18
    },
    {
        "allowColumnsManager": true,
        "property": "representative",
        "label": "Representante",
        "type": "string",
        "order": 19
    },
    {
        "allowColumnsManager": true,
        "property": "grossWeight",
        "label": "Peso bruto",
        "type": "number",
        "order": 20
    },
    {
        "allowColumnsManager": true,
        "property": "netWeight",
        "label": "Peso líquido",
        "type": "number",
        "order": 21
    },
    {
        "allowColumnsManager": true,
        "property": "volume",
        "label": "Volume",
        "type": "number",
        "order": 22
    },
    {
        "allowColumnsManager": true,
        "property": "paymentCondition",
        "label": "Cond Pgto",
        "type": "number",
        "order": 23
    },
    {
        "allowColumnsManager": true,
        "property": "natOperacao",
        "label": "Nat Operação",
        "type": "string",
        "order": 24
    },
    {
        "gridColumns": 6,
        "optionsMulti": true,
        "property": "sitFatur",
        "options": [
            {
                "label": "Sim",
                "value": 1
            },
            {
                "label": "Não",
                "value": 2
            }
        ],
        "label": "Liberado fat?",
        "type": "label",
        "order": 25,
        "labels": [
            {
                "color": "color-10",
                "tooltip": null,
                "label": "Sim",
                "value": 1
            },
            {
                "color": "color-07",
                "tooltip": "Embarque/Resumo em uso ou com problemas",
                "label": "Não",
                "value": 2
            }
        ]
    },
    {
        "allowColumnsManager": true,
        "optionsMulti": true,
        "property": "sitShipping",
        "options": [
            {
                "label": "Aberto",
                "value": 1
            },
            {
                "label": "Alocado",
                "value": 2
            },
            {
                "label": "Calculado",
                "value": 3
            },
            {
                "label": "Confirmado",
                "value": 4
            }
        ],
        "label": "Situação",
        "type": "label",
        "order": 26,
        "labels": [
            {
                "color": "color-05",
                "tooltip": "Nenhum Pedido/Item alocado ao Resumo",
                "label": "Aberto",
                "value": 1
            },
            {
                "color": "color-10",
                "tooltip": "Resumo Alocado",
                "label": "Alocado",
                "value": 2
            },
            {
                "color": "color-08",
                "tooltip": "Resumo Calculado",
                "label": "Calculado",
                "value": 3
            },
            {
                "color": "color-03",
                "tooltip": "Resumo atualizado no Estoque",
                "label": "Confirmado",
                "value": 4
            }
        ]
    }
]

Image Added

columnsItens

Utilizado para dizer quais campos devem aparecer na tabela de itens, pode ser incluídos novos campos, ou retirado os que padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.

Expandir
titleExemplo

"columnsItens": [
    {
        "allowColumnsManager": true,
        "property": "sequence",
        "width": "5%",
        "label": "Seq",
        "type": "number",
        "order": 31
    },
    {
        "allowColumnsManager": true,
        "property": "codItem",
        "width": "10%",
        "label": "Item",
        "type": "string",
        "key": true,
        "order": 32
    },
    {
        "allowColumnsManager": true,
        "property": "deliNumber",
        "width": "5%",
        "label": "Entrega",
        "type": "number",
        "order": 33
    },
    {
        "allowColumnsManager": true,
        "property": "deliDate",
        "width": "15%",
        "label": "Dt Entrega",
        "type": "date",
        "order": 34
    },
    {
        "allowColumnsManager": true,
        "property": "pedClient",
        "width": "10%",
        "label": "Pedido cliente",
        "type": "string",
        "order": 35
    },
    {
        "allowColumnsManager": true,
        "property": "client",
        "width": "15%",
        "label": "Cliente",
        "type": "string",
        "order": 36
    },
    {
        "allowColumnsManager": true,
        "property": "qtAllocated",
        "format": "1.4-4",
        "width": "10%",
        "label": "Qtde alocada",
        "type": "number",
        "order": 37
    },
    {
        "allowColumnsManager": true,
        "property": "sitWMS",
        "width": "20%",
        "label": "Situação WMS",
        "type": "string",
        "order": 38
    },
    {
        "allowColumnsManager": true,
        "property": "sitWMSexterno",
        "width": "20%",
        "label": "WMS Externo",
        "type": "string",
        "order": 39
    }
]

Image Added

b) Tela - Novo/Editar Embarques

Âncora
4b
4b

A tela de novo/editar não foi desenvolvida utilizando o componente dinâmico completo, como o po-page-dynamic-table por exemplo, e sim utilizando o po-page-default, po-lookup, po-dynamic-form, po-tabs e po-table, por conta disso alguns elementos da tela não podem ser customizados e algumas propriedades do metadata são utilizados de forma um pouco diferente, a seguir a descrição de cada customização possível.

i) Step Cabeçalho

Âncora
i
i

CampoDescrição
title

Título da página, por padrão será "Novo Embarque" quando estiver criando embarque e "Editando Embarque" com o número do embarque quando estiver editando.

Expandir
titleExemplo

"title": "Novo Embarque"

Image Added

breadcrumb

Gera uma estrutura de navegação que apresenta a localização da URL atual, exibindo as antecessoras conforme é realizada a navegação na aplicação, é possível remover ou adicionar mais itens na lista. Na tela de novo ou edição por padrão vai aparecer dois itens, a página  atual que não pode ser clicada e a tela de "Lista de Embarques" que ao clicar leva para a rota enviada no link, conforme exemplo abaixo.

Expandir
titleExemplo

"breadcrumb": {
        "items": [
            {
                "link": "\/shippingProcess\/shipping",
                "label": "Lista de Embarques"
            },
            {
                "link": "\/shippingProcess\/shipping",
                "label": "Novo Embarque"
            }
        ]
}

Image Added

header

Campos principais do cabeçalho do embarque, na aba de informações principais, pode ser incluído novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-form, a interface PoDynamicFormField é implementada.

Expandir
titleExemplo

"header": [
        {
            "gridColumns": 4,
            "property": "codShipping",
            "disabled": false,
            "label": "Embarque",
            "type": "number",
            "key": true,
            "required": true,
            "order": 1,
            "mask": "9999999999999999"
        },
        {
            "gridColumns": 4,
            "property": "dateShipping",
            "disabled": false,
            "label": "Data de Embarque",
            "type": "date",
            "required": true,
            "order": 2
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/cdp\/v1\/establishmentsPublic",
            "columns": [
                {
                    "property": "code",
                    "label": "Código",
                    "type": "string"
                },
                {
                    "property": "name",
                    "label": "Nome",
                    "type": "string"
                }
            ],
            "fieldLabel": "name",
            "property": "estabShipping",
            "format": [
                "code",
                "name"
            ],
            "disabled": false,
            "label": "Estabelecimento",
            "fieldValue": "code",
            "required": true,
            "order": 3
        },
        {
            "gridColumns": 4,
            "property": "identShipping",
            "disabled": false,
            "optional": true,
            "label": "Preparador",
            "type": "string",
            "maxLength": 12,
            "order": 4
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/shippingCompany",
            "columns": [
                {
                    "visible": true,
                    "property": "shortName",
                    "width": "25%",
                    "label": "Nome Abreviado",
                    "type": "number"
                },
                {
                    "visible": true,
                    "property": "name",
                    "width": "35%",
                    "label": "Nome",
                    "type": "string"
                },
                {
                    "property": "cgc",
                    "width": "25%",
                    "label": "CPF\/CNPJ",
                    "type": "string"
                },
                {
                    "property": "state",
                    "width": "15%",
                    "label": "Estado",
                    "type": "string"
                }
            ],
            "fieldLabel": "name",
            "property": "shippingCompany",
            "format": [
                "shortName",
                "name"
            ],
            "disabled": false,
            "optional": true,
            "label": "Transportador",
            "fieldValue": "shortName",
            "order": 5
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/cargoType",
            "columns": [
                {
                    "property": "code",
                    "label": "Tipo de Embarque",
                    "type": "string"
                },
                {
                    "property": "type",
                    "label": "Descrição",
                    "type": "string"
                },
                {
                    "property": "loadWeight",
                    "width": "20%",
                    "label": "Peso (KG)",
                    "type": "number"
                },
                {
                    "property": "loadVolume",
                    "width": "20%",
                    "label": "Volume",
                    "type": "number"
                }
            ],
            "fieldLabel": "type",
            "property": "cargoType",
            "format": [
                "code",
                "type"
            ],
            "disabled": false,
            "optional": true,
            "label": "Tipo do Embarque",
            "fieldValue": "code",
            "order": 6
        }
]

Image Added

headerOptional

Campos opcionais do cabeçalho do embarque, na aba de informações complementares, pode ser incluído novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-form, a interface PoDynamicFormField é implementada.

Expandir
titleExemplo

"headerOptional": [
        {
            "gridColumns": 4,
            "property": "driver",
            "disabled": false,
            "optional": true,
            "label": "Motorista",
            "type": "string",
            "order": 7
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/licensePlate",
            "columns": [
                {
                    "property": "codPlaca",
                    "label": "Placa",
                    "type": "string"
                },
                {
                    "property": "ordPeso",
                    "label": "Ordem Pessagem",
                    "type": "number"
                }
            ],
            "fieldLabel": "ordPeso",
            "property": "licensePlate",
            "format": [
                "codPlaca"
            ],
            "disabled": false,
            "optional": true,
            "label": "Placa",
            "fieldValue": "codPlaca",
            "order": 8
        },
        {
            "gridColumns": 4,
            "property": "state",
            "options": [
                {
                    "label": "MT - Mato Grosso",
                    "value": "MT"
                },
                {
                    "label": "MS - Mato Grosso do Sul",
                    "value": "MS"
                },
                {
                    "label": "PI - Piauí",
                    "value": "PI"
                },
                {
                    "label": "RJ - Rio de Janeiro",
                    "value": "RJ"
                },
                {
                    "label": "RN - Rio Grande do Norte",
                    "value": "RN"
                },
                {
                    "label": "RS - Rio Grande do Sul",
                    "value": "RS"
                },
                {
                    "label": "RO - Rondonia",
                    "value": "RO"
                }
            ],
            "disabled": false,
            "optional": true,
            "label": "Estado",
            "type": "label",
            "order": 9
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/route",
            "columns": [
                {
                    "property": "codRoute",
                    "label": "Rota",
                    "type": "string"
                },
                {
                    "property": "codDescription",
                    "label": "Descrição",
                    "type": "string"
                }
            ],
            "fieldLabel": "codDescription",
            "property": "route",
            "format": [
                "codRoute",
                "codDescription"
            ],
            "disabled": false,
            "optional": true,
            "label": "Rota",
            "fieldValue": "codRoute",
            "order": 10
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/externalDeposit",
            "columns": [
                {
                    "property": "code",
                    "label": "Código",
                    "type": "string"
                },
                {
                    "property": "name",
                    "label": "Descrição",
                    "type": "string"
                },
                {
                    "property": "balanceAv",
                    "width": "10%",
                    "label": "Saldo Disp",
                    "type": "boolean"
                },
                {
                    "property": "type",
                    "width": "10%",
                    "label": "Tipo",
                    "type": "string"
                },
                {
                    "property": "recipient",
                    "width": "15%",
                    "label": "Destinatário",
                    "type": "string"
                }
            ],
            "fieldLabel": "name",
            "property": "externalDeposit",
            "format": [
                "code",
                "name"
            ],
            "disabled": false,
            "optional": true,
            "label": "Externo",
            "type": "string",
            "fieldValue": "code",
            "order": 11
        },
        {
            "gridColumns": 4,
            "columns": [
                {
                    "property": "code",
                    "label": "Código",
                    "type": "string"
                },
                {
                    "property": "description",
                    "label": "Descrição",
                    "type": "string"
                },
                {
                    "property": "actv",
                    "width": "10%",
                    "label": "Ativo",
                    "type": "boolean"
                },
                {
                    "property": "descriptionType",
                    "width": "10%",
                    "label": "Tipo",
                    "type": "string"
                },
                {
                    "property": "cfopCode",
                    "width": "10%",
                    "label": "CFOP",
                    "type": "string"
                }
            ],
            "format": [
                "code",
                "description"
            ],
            "optional": true,
            "label": "Natureza operação",
            "type": "string",
            "fieldValue": "code",
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/cdp\/v1\/transactionTypesPublic",
            "fieldLabel": "description",
            "property": "natOperacao",
            "disabled": true,
            "maxLength": 6,
            "order": 12
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/salesChannel",
            "columns": [
                {
                    "property": "code",
                    "label": "Código",
                    "type": "number"
                },
                {
                    "property": "description",
                    "label": "Descrição",
                    "type": "string"
                }
            ],
            "fieldLabel": "description",
            "property": "salesChannel",
            "format": [
                "code",
                "description"
            ],
            "disabled": false,
            "optional": true,
            "label": "Canal de Vendas",
            "type": "string",
            "fieldValue": "code",
            "order": 13
        },
        {
            "gridColumns": 4,
            "property": "negativeBalanceLot",
            "disabled": true,
            "optional": true,
            "label": "Lote Saldo Negativo",
            "type": "string",
            "order": 14
        },
        {
            "gridColumns": 12,
            "booleanTrue": "Sim",
            "property": "allowBeforeWMS",
            "booleanFalse": "Não",
            "disabled": true,
            "optional": true,
            "label": "Permite Cálculo da nota fiscal antes do retorno do WMS",
            "type": "boolean",
            "order": 15
        }
]

Image Added

validateFields

Indica quais campos do cabeçalho tem validação ao sair do campo, ao sair é feito uma chamada POST para a API de dados (dts/datasul-rest/resources/prg/eqp/v1/shipping/validate) passando os valores preenchidos no form e o retorno é uma interface no formato PoDynamicFormValidation, onde podemos alterar, por exemplo, se algum outro campo pode ou não ser preenchido. Para mais informações sobre o que pode ser feito utilizando o validate olhar a documentação do po-dynamic-form.

Expandir
titleExemplo

"validateFields": [
        "codShipping",
        "estabShipping",
        "externalDeposit"
]

Expandir
titleDados enviados para o Validate
{
   "property":"estabShipping",
   "value":{
      "codShipping":2022031588889766,
      "dateShipping":"2023-10-26",
      "estabShipping":"2",
      "identShipping":"super",
      "negativeBalanceLot":""
   }
}
Expandir
titleRetorno do Validate
{
    "fields": [
        {
            "property": "allowBeforeWMS",
            "disabled": true
        },
        {
            "property": "negativeBalanceLot",
            "disabled": true
        }
    ],
    "value": {
        "allowBeforeWMS": false,
        "negativeBalanceLot": ""
    }
}

ii) Step Pedidos

Âncora
ii
ii

CampoDescrição
orders

Coluna da tabela principal do step de "Pedidos", pode ser incluído mais colunas ou excluído as colunas padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


OBS: Nessa tabela as ações são feitas utilizando cellTemplate e montadas as ações de alocar total e parcial dependendo se na linha pode ou não alocar parcialmente e/ou totalmente, ou seja, caso queira alterar para que essa ação não apareça deve ir na API de dados e não retornar ableToAllocate ou ableToAllocatePartially no objeto da linha em questão.


Expandir
titleExemplo

 "orders": [
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "actions",
            "label": "Ações",
            "type": "cellTemplate",
            "order": 16
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "numExpShipping",
            "label": "Processo Exp",
            "type": "string",
            "key": true,
            "order": 17
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "orderCode",
            "label": "Pedido",
            "type": "string",
            "key": true,
            "order": 18
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "customerShortName",
            "label": "Cliente",
            "type": "string",
            "order": 19
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "itemSequenceCode",
            "label": "Seq",
            "type": "string",
            "key": true,
            "order": 20
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "productCode",
            "label": "Item",
            "type": "string",
            "key": true,
            "order": 21
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "itemUnitOfMeasure",
            "label": "UM",
            "type": "string",
            "order": 22
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "allocatedItensQuantity",
            "format": "0.4-4",
            "label": "Qt Alocada",
            "type": "number",
            "order": 23,
            "mask": ",9999"
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "orderedItemsQuantity",
            "format": "0.4-4",
            "label": "Qt Pedida",
            "type": "number",
            "order": 24
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "availableItemsQuantity",
            "format": "0.4-4",
            "label": "Qt Disponível",
            "type": "number",
            "order": 25,
            "mask": "99.999.999,9999"
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "coveredItemsQuantity",
            "format": "0.4-4",
            "label": "Qt Atendida",
            "type": "number",
            "order": 26
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "orderDeliveryDate",
            "label": "Dt Entrega",
            "type": "date",
            "order": 27
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "availableItemsForProductionOrder",
            "format": "0.4-4",
            "label": "Qt Disponível Ord Prod",
            "type": "number",
            "order": 28
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "logicalAllocationItensQuantity",
            "format": "0.4-4",
            "label": "Qt Loc Aloca",
            "type": "number",
            "order": 29
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "simulationItensQuantity",
            "format": "0.4-4",
            "label": "Qt Simul",
            "type": "number",
            "order": 30
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "productReferenceCode",
            "label": "Referência",
            "type": "string",
            "order": 31
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "deliveryCode",
            "label": "Nr Entrega",
            "type": "string",
            "key": true,
            "order": 32
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "orderDeliveryHour",
            "label": "Hora Entrega",
            "type": "time",
            "order": 33
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "productDescription",
            "label": "Descrição",
            "type": "string",
            "order": 34
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "productBonusSequenceCode",
            "label": "Seq Bonif",
            "type": "string",
            "order": 35
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "representativeName",
            "label": "Representante",
            "type": "string",
            "order": 36
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "conditionOfPayment",
            "label": "Cond Pgto",
            "type": "string",
            "order": 37
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "currencyTypeTotal",
            "label": "Moeda",
            "type": "string",
            "order": 39
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "implantDate",
            "label": "Dt Implant",
            "type": "date",
            "order": 40
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "prioritize",
            "label": "Pr",
            "type": "string",
            "order": 41
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "codGroupClient",
            "label": "Grp Cli",
            "type": "string",
            "order": 42
        }

]

Expandir
titleAções na API de dados

{
            "actions": [
                "ableToAllocate",
                "ableToAllocatePartially"
            ],
            "currencyType": 0,
            "simulationItensQuantity": 0.0,
            "shippingCode": 0.0,
            "coveredItemsQuantity": 0.0,
            "internalItemSequenceCode": 0,
            "writeDownStock": true,
            "allocatedItensQuantity": 0.0,
            "sequenceCode": 1,
            "codEstabel": "1",           
             "currencyTypeTotal": "0 - Real",
            "logicalAllocationItensQuantity": 0.0,
            "operationClass": "71101",
            "simulationItensQuantity1": 0.0,
            "productDescription": "Algodão em pluma",
            "deliveryCode": 10,
            "conditionOfPayment": 1,
            "implantDate": "2023-10-19",
            "orderDeliveryDate": "2023-10-19",
            "qtToAllocate": 800.0,
            "shippingOrderSelec": [
                {
                    "bonifError": false,
                    "orderDeliveryDate": "2023-10-19",
                    "openNetWorth": 55115.61,
                    "estabShipping": "1",
                    "condPgto": 1,
                    "customerShortName": "---------------",
                    "originOrder": "",
                    "prioriCode": 99,
                    "char1": "",
                    "orderCode":12643250",
                    "representativeName": "---------------",
                    "currencyCode": 0,
                    "selected": true,
                    "char2": ""
                }
            ],
            "numExpShipping": "",
            "availableItemsQuantity": 231814.447,
            "availableItemsForProductionOrder": 0.0,
            "federativeUnit": "PR",
            "compound": false,
            "toAllocateItensQuantity": 0.0,
            "orderedItemsQuantity": 800.0,
            "prioritize": 99,
            "mustInformBatch": false,
            "orderDeliveryHour": "00:00:00",
            "codGroupClient": 10,
            "customerShortName": "---------------",
            "itemSequenceCode": 10,
            "productCode": "---------------",
            "productReferenceCode": "",
            "orderCode": "12643250",
            "itemUnitOfMeasure": "KG",
            "representativeName": "---------------",
            "codResume": 0
}


Image Added

ordersSearch

Campos de busca avançada e do botão de alocar pedido, aba de cliente/pedido, pode incluir campos novos ou remover os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-form, a interface PoDynamicFormField é implementada.


Expandir
titleExemplo

"ordersSearch": [
        {
            "gridColumns": 6,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/cdp\/v1\/customerPublic",
            "columns": [
                {
                    "visible": true,
                    "property": "customerCode",
                    "width": "10%",
                    "label": "Código",
                    "type": "number"
                },
                {
                    "visible": true,
                    "property": "shortName",
                    "width": "40%",
                    "label": "Nome Abrev",
                    "type": "string"
                },
                {
                    "visible": true,
                    "property": "customerName",
                    "width": "40%",
                    "label": "Nome",
                    "type": "string"
                }
            ],
            "fieldLabel": "customerName",
            "property": "shortName",
            "format": [
                "customerCode",
                "shortName"
            ],
            "label": "Cliente",
            "placeholder": "Inserir Cliente",
            "fieldValue": "customerCode",
            "order": 43
        },
        {
            "gridColumns": 6,
            "property": "orderCode",
            "label": "Pedido cliente",
            "placeholder": "Inserir Pedido",
            "type": "string",
            "order": 44
        }
]

Image Added

Image Added


ordersFilter

Campos do busca avançada, aba de filtros, podem incluir campos novos ou remover os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-form, a interface PoDynamicFormField é implementada.


Expandir
titleExemplo

"ordersFilter": [
        {
            "gridColumns": 12,
            "property": "estabShipping",
            "label": "Estabelecimento",
            "placeholder": "Código do Estabelecimento",
            "type": "string",
            "fieldValue": "",
            "required": true,
            "order": 45
        },
        {
            "gridColumns": 3,
            "property": "priorityCodeInitial",
            "label": "Prioridade inicial",
            "placeholder": "Prioridade",
            "type": "number",
            "fieldValue": "",
            "order": 46,
            "mask": "99"
        },
        {
            "gridColumns": 3,
            "property": "priorityCodeFinal",
            "label": "Prioridade final",
            "placeholder": "Prioridade",
            "type": "number",
            "fieldValue": "99",
            "order": 47,
            "mask": "99"
        },
        {
            "gridColumns": 3,
            "property": "orderTypeInitial",
            "label": "Tp Pedido inicial",
            "placeholder": "Tp Pedido",
            "type": "string",
            "fieldValue": "",
            "order": 48
        },
        {
            "gridColumns": 3,
            "property": "orderTypeFinal",
            "label": "Tp Pedido final",
            "placeholder": "Tp Pedido",
            "type": "string",
            "fieldValue": "ZZ",
            "order": 49
        },
        {
            "gridColumns": 3,
            "property": "deliveryStateInitial",
            "label": "UF Pedido inicial",
            "placeholder": "UF Pedido",
            "type": "string",
            "fieldValue": "",
            "order": 50
        },
        {
            "gridColumns": 3,
            "property": "deliveryStateFinal",
            "label": "UF Pedido final",
            "placeholder": "UF Pedido",
            "type": "string",
            "fieldValue": "ZZ",
            "order": 51
        },
        {
            "gridColumns": 3,
            "property": "clientGroupInitial",
            "label": "Grupo Cliente inicial",
            "placeholder": "Grupo Cliente",
            "type": "number",
            "fieldValue": "",
            "order": 52
        },
        {
            "gridColumns": 3,
            "property": "clientGroupFinal",
            "label": "Grupo Cliente final",
            "placeholder": "Grupo Cliente",
            "type": "number",
            "fieldValue": "99",
            "order": 53
        },
        {
            "gridColumns": 6,
            "property": "customerCodeInitial",
            "label": "Cliente inicial",
            "placeholder": "Código de Cliente Inicial",
            "type": "string",
            "fieldValue": "",
            "order": 54
        },
        {
            "gridColumns": 6,
            "property": "customerCodeFinal",
            "label": "Cliente final",
            "placeholder": "Código de Cliente Final",
            "type": "string",
            "fieldValue": "ZZZZZZZZZZZZ",
            "order": 55
        },
        {
            "gridColumns": 6,
            "property": "salesRepresentCodeInitial",
            "label": "Representante inicial",
            "placeholder": "Código de Representante Inicial",
            "type": "string",
            "fieldValue": "",
            "order": 56
        },
        {
            "gridColumns": 6,
            "property": "salesRepresentCodeFinal",
            "label": "Representante final",
            "placeholder": "Código de Representante Final",
            "type": "string",
            "fieldValue": "ZZZZZZZZZZZZ",
            "order": 57
        },
        {
            "gridColumns": 6,
            "property": "orderCodeInitial",
            "label": "Pedido inicial",
            "placeholder": "Código do Pedido Inicial",
            "type": "string",
            "fieldValue": "",
            "order": 58
        },
        {
            "gridColumns": 6,
            "property": "orderCodeFinal",
            "label": "Pedido final",
            "placeholder": "Código do Pedido Final",
            "type": "string",
            "fieldValue": "ZZZZZZZZZZZZ",
            "order": 59
        },
        {
            "gridColumns": 6,
            "property": "orderCreationDateInitial",
            "label": "Data implantação inicial",
            "type": "date",
            "fieldValue": "1990-01-01",
            "order": 60
        },
        {
            "gridColumns": 6,
            "property": "orderCreationDateFinal",
            "label": "Data implantação final",
            "type": "date",
            "fieldValue": "9999-12-31",
            "order": 61
        },
        {
            "gridColumns": 6,
            "property": "orderTotalValueInitial",
            "label": "Valor Total inicial",
            "placeholder": "Valor Total Inicial",
            "type": "currency",
            "fieldValue": "0",
            "order": 62
        },
        {
            "gridColumns": 6,
            "property": "orderTotalValueFinal",
            "label": "Valor Total final",
            "placeholder": "Valor Total Final",
            "type": "currency",
            "fieldValue": "9999999999.99",
            "order": 63
        },
        {
            "gridColumns": 6,
            "property": "numExpShipping",
            "label": "Processo de Exportação",
            "placeholder": "Código do Processo de Exportação",
            "type": "string",
            "fieldValue": "",
            "order": 64
        },
        {
            "gridColumns": 6,
            "property": "estabExpShipping",
            "label": "Estab Processo Exportação",
            "placeholder": "Estab Processo Exportação",
            "type": "string",
            "fieldValue": "",
            "order": 65
        },
        {
            "gridColumns": 6,
            "property": "orderDeliveryDateInitial",
            "label": "Data de Entrega inicial",
            "type": "date",
            "fieldValue": "2023-10-19",
            "order": 66
        },
        {
            "gridColumns": 6,
            "property": "orderDeliveryDateFinal",
            "label": "Data de Entrega final",
            "type": "date",
            "fieldValue": "2023-11-25",
            "order": 67
        },
        {
            "gridColumns": 6,
            "property": "productCodeInitial",
            "label": "Item inicial",
            "placeholder": "Código do Item Inicial",
            "type": "string",
            "fieldValue": "",
            "order": 68
        },
        {
            "gridColumns": 6,
            "property": "productCodeFinal",
            "label": "Item final",
            "placeholder": "Código do Item Final",
            "type": "string",
            "fieldValue": "ZZZZZZZZZZZZZZZZ",
            "order": 69
        },
        {
            "gridColumns": 4,
            "booleanTrue": "Sim",
            "property": "showOnlyBonus",
            "booleanFalse": "Não",
            "label": "Mostrar apenas bonificação",
            "type": "boolean",
            "order": 70
        },
        {
            "gridColumns": 4,
            "booleanTrue": "Sim",
            "property": "showMinimumValue",
            "booleanFalse": "Não",
            "label": "Considerar Faturamento Mínimo",
            "type": "boolean",
            "fieldValue": "false",
            "order": 71
        },
        {
            "gridColumns": 4,
            "booleanTrue": "Sim",
            "property": "showOnlyConfirmedDeliveries",
            "booleanFalse": "Não",
            "label": "Considerar Apenas Entregas Firmes",
            "type": "boolean",
            "order": 72
        }
    ]

Image Added

modalPartialAllocateView

Campos que serão exibidos no cabeçalho da modal de alocação parcial para item normal, podem ser incluídos novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-view, a interface PoDynamicViewField é implementada.


Expandir
titleExemplo

"modalPartialAllocateView": [
        {
            "gridColumns": 3,
            "property": "orderCode",
            "label": "Pedido",
            "type": "string",
            "order": 73
        },
        {
            "gridColumns": 3,
            "property": "customerShortName",
            "label": "Cliente",
            "type": "string",
            "order": 74
        },
        {
            "gridColumns": 3,
            "property": "itemSequenceCode",
            "label": "Sequência",
            "type": "number",
            "order": 75
        },
        {
            "gridColumns": 3,
            "property": "deliveryCode",
            "label": "Nr Entrega",
            "type": "number",
            "order": 76
        },
        {
            "gridColumns": 3,
            "property": "productCode",
            "label": "Item",
            "type": "string",
            "order": 77
        },
        {
            "gridColumns": 6,
            "property": "productDescription",
            "label": "Descrição Item",
            "type": "string",
            "order": 78
        },
        {
            "gridColumns": 3,
            "property": "itemUnitOfMeasure",
            "label": "Un",
            "type": "string",
            "order": 79
        },
        {
            "gridColumns": 3,
            "property": "productReferenceCode",
            "label": "Referência",
            "type": "string",
            "order": 80
        },
        {
            "gridColumns": 3,
            "property": "orderDeliveryDate",
            "label": "Data Entrega",
            "type": "date",
            "order": 81
        },
        {
            "gridColumns": 3,
            "property": "allocatedItensQuantity",
            "format": "0.4-4",
            "label": "Qtde Alocada",
            "type": "number",
            "order": 82
        },
        {
            "gridColumns": 3,
            "property": "orderedItemsQuantity",
            "format": "0.4-4",
            "label": "Qtde Pedida",
            "type": "number",
            "order": 83
        }
    ]

Image Added

modalPartialAllocateTable

Colunas da tabela de alocação parcial para item normal, podem ser incluído mais colunas ou excluído as padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"modalPartialAllocateTable": [
  {
    "visible": true,
    "allowColumnsManager": false,
    "property": "qtToAllocate",
    "width": "10%",
    "label": "Qtde a Alocar",
    "type": "cellTemplate",
    "order": 84
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "codDeposit",
    "width": "10%",
    "label": "Depósito",
    "type": "string",
    "key": true,
    "order": 85
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "booleanTrue": "Sim",
    "property": "isDepositWMS",
    "width": "15%",
    "booleanFalse": "Não",
    "label": "Dep WMS",
    "type": "boolean",
    "order": 86
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "localization",
    "width": "15%",
    "label": "Localização",
    "type": "string",
    "order": 87
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "batch",
    "width": "15%",
    "label": "Lote/Serie",
    "type": "string",
    "order": 88
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "depositValidityDate",
    "width": "15%",
    "label": "Validade Lote",
    "type": "date",
    "order": 89
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "qtCurrent",
    "format": "0.4-4",
    "width": "15%",
    "label": "Qtde Atual",
    "type": "number",
    "order": 90
  }
]

Image Added

modalCompoundView

Campos que serão exibidos no cabeçalho da modal de alocação parcial para item composto, podem ser incluídos novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-view, a interface PoDynamicViewField é implementada.


Expandir
titleExemplo

"modalCompoundView": [
        {
            "gridColumns": 3,
            "property": "orderCode",
            "label": "Pedido",
            "type": "string",
            "order": 92
        },
        {
            "gridColumns": 3,
            "property": "customerShortName",
            "label": "Cliente",
            "type": "string",
            "order": 93
        },
        {
            "gridColumns": 3,
            "property": "itemSequenceCode",
            "label": "Sequência",
            "type": "number",
            "order": 94
        },
        {
            "gridColumns": 3,
            "property": "deliveryCode",
            "label": "Nr Entrega",
            "type": "number",
            "order": 95
        },
        {
            "gridColumns": 3,
            "property": "productCode",
            "label": "Item",
            "type": "string",
            "order": 96
        },
        {
            "gridColumns": 6,
            "property": "productDescription",
            "label": "Descrição Item",
            "type": "string",
            "order": 97
        },
        {
            "gridColumns": 3,
            "property": "itemUnitOfMeasure",
            "label": "Un",
            "type": "string",
            "order": 98
        },
        {
            "gridColumns": 4,
            "property": "orderedItemsQuantity",
            "format": "0.4-4",
            "label": "Qtde pedida",
            "type": "number",
            "order": 99
        },
        {
            "gridColumns": 4,
            "property": "allocatedItensQuantity",
            "format": "0.4-4",
            "label": "Qtde alocada",
            "type": "number",
            "order": 100
        }
]

Image Added

modalCompoundTable

Colunas da tabela de alocação parcial para item composto, pode ser incluído mais colunas ou excluído as colunas padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"modalCompoundTable": [
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "productCode",
            "width": "10%",
            "label": "Item",
            "type": "string",
            "order": 101
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "reference",
            "width": "10%",
            "label": "Referência",
            "type": "string",
            "order": 102
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "qtAllocated",
            "format": "0.4-4",
            "width": "15%",
            "label": "Qtde Alocada",
            "type": "number",
            "order": 103
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "qtOrdered",
            "format": "0.4-4",
            "width": "15%",
            "label": "Qtde Pedida",
            "type": "number",
            "order": 104
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "qtToAllocate",
            "format": "0.4-4",
            "width": "20%",
            "label": "Qtde a Alocar",
            "type": "number",
            "order": 105
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "qtAvailable",
            "format": "0.4-4",
            "width": "20%",
            "label": "Qtde Disponível",
            "type": "number",
            "order": 106
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "qtLogicalAllocated",
            "format": "0.4-4",
            "width": "20%",
            "label": "Qtde Log Aloca",
            "type": "number",
            "order": 107
        }
]

Image Added

modalCompoundTablePhysical

Colunas da tabela de alocação parcial para item composto onde a alocação é física, pode ser incluído mais colunas ou excluído as padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"modalCompoundTablePhysical": [
  {
    "visible": true,
    "allowColumnsManager": false,
    "property": "qtToAllocate",
    "width": "10%",
    "label": "Qtde a Alocar",
    "type": "cellTemplate",
    "order": 114
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "productCode",
    "width": "10%",
    "label": "Item",
    "type": "string",
    "order": 115
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "reference",
    "width": "10%",
    "label": "Referência",
    "type": "string",
    "order": 116
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "qtAllocated",
    "format": "0.4-4",
    "width": "15%",
    "label": "Qtde Alocada",
    "type": "number",
    "order": 117
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "qtOrdered",
    "format": "0.4-4",
    "width": "15%",
    "label": "Qtde Pedida",
    "type": "number",
    "order": 118
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "qtAvailable",
    "format": "0.4-4",
    "width": "20%",
    "label": "Qtde Disponível",
    "type": "number",
    "order": 119
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "qtLogicalAllocated",
    "format": "0.4-4",
    "width": "20%",
    "label": "Qtde Log Aloca",
    "type": "number",
    "order": 120
  }
]

Image Added

modalCompoundTableDeposits

Colunas da tabela de depósitos do filho para alocação parcial do item composto, pode ser incluído mais colunas ou excluído as padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"modalCompoundTableDeposits": [
  {
    "visible": true,
    "allowColumnsManager": false,
    "property": "qtToAllocate",
    "width": "10%",
    "label": "Qtde a Alocar",
    "type": "cellTemplate",
    "order": 107
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "codDeposit",
    "width": "10%",
    "label": "Depósito",
    "type": "string",
    "key": true,
    "order": 108
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "booleanTrue": "Sim",
    "property": "isDepositWMS",
    "width": "15%",
    "booleanFalse": "NÆo",
    "label": "Dep WMS",
    "type": "boolean",
    "order": 109
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "localization",
    "width": "15%",
    "label": "Localização",
    "type": "string",
    "order": 110
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "batch",
    "width": "15%",
    "label": "Lote/Serie",
    "type": "string",
    "order": 111
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "depositValidityDate",
    "width": "15%",
    "label": "Validade Lote",
    "type": "date",
    "order": 112
  },
  {
    "visible": true,
    "allowColumnsManager": true,
    "property": "qtCurrent",
    "format": "0.4-4",
    "width": "15%",
    "label": "Qtde Atual",
    "type": "number",
    "order": 113
  }
]

Image Added

modalTotalAllocationProcessTable

Colunas da tabela de resultado a alocação total, pode ser incluído mais colunas ou excluído as padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"modalTotalAllocationProcessTable": [
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "customerShortName",
            "label": "Cliente",
            "type": "string",
            "order": 126
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "orderCode",
            "label": "Pedido",
            "type": "string",
            "order": 127
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "itemSequenceCode",
            "label": "Seq",
            "type": "string",
            "order": 128
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "productCode",
            "label": "Item",
            "type": "string",
            "order": 129
        },
        {
            "allowColumnsManager": true,
            "property": "errorSubType",
            "width": "10%",
            "label": "Resultado",
            "type": "label",
            "order": 130,
            "labels": [
                {
                    "color": "Red",
                    "tooltip": "Erro",
                    "label": "Erro",
                    "value": "ERROR"
                },
                {
                    "color": "Orange",
                    "tooltip": "Aviso",
                    "label": "Aviso",
                    "value": "WARNING"
                },
                {
                    "color": "Green",
                    "tooltip": "Sucesso",
                    "label": "Sucesso",
                    "value": "SUCCESS"
                }
            ]
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "errorNumber",
            "label": "Erro",
            "type": "string",
            "order": 131
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "errorDescription",
            "width": "20%",
            "label": "Descrição",
            "type": "string",
            "order": 132
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "errorHelp",
            "width": "30%",
            "label": "Ajuda",
            "type": "string",
            "order": 133
        }
]

Image Added


III)  Step Alocações

Âncora
iii
iii

CampoDescrição
allocation

Coluna da tabela principal do step de "Alocações", pode ser incluído mais colunas ou excluído as padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


OBS: Nessa tabela as ações são feitas utilizando cellTemplate e exibidas as ações de desalocar total, desalocar parcial e adicionar narrativa somente caso no dado da linha em questão essa ação esteja disponível, ou seja, caso queira que uma dessas ações não apareça em tela é necessário que na API de dados não retorne changeAllocatedQuantity ou deallocateItemOrDelivery ou addNarrative no objeto da linha em questão.

Expandir
titleExemplo

"allocation": [
        {
            "visible": true,
            "allowColumnsManager": false,
            "property": "actions",
            "label": "Ações",
            "type": "cellTemplate",
            "order": 116
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "numExpShipping",
            "label": "Processo Exp",
            "type": "string",
            "order": 117
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "pedCli",
            "label": "Pedido",
            "type": "string",
            "order": 118
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "item",
            "label": "Item",
            "type": "string",
            "order": 119
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "reference",
            "label": "Referência",
            "type": "string",
            "order": 120
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "qtAllocated",
            "format": "0.4-4",
            "label": "Qtde Alocada",
            "type": "number",
            "order": 121
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "un",
            "label": "UM",
            "type": "string",
            "order": 122
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "client",
            "label": "Cliente",
            "type": "string",
            "order": 123
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "sequence",
            "label": "Seq",
            "type": "string",
            "order": 124
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "deliNumber",
            "label": "Nr Entrega",
            "type": "string",
            "order": 125
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "dateDelivery",
            "label": "Dt Entrega",
            "type": "string",
            "order": 126
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "hourDelivery",
            "label": "Hora Entrega",
            "type": "string",
            "order": 127
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "descItem",
            "label": "Descrição",
            "type": "string",
            "order": 128
        },
        {
            "visible": false,
            "allowColumnsManager": true,
            "property": "sitWMS",
            "label": "Situação WMS",
            "type": "string",
            "order": 129
        }
]

Expandir
titleAções na API de dados

{
            "actions": [
                "changeAllocatedQuantity",
                "addNarrative",
                "deallocateItemOrDelivery"
            ],
            "dateDelivery": "2018-10-29",
            "qtAllocated": 11.0,
            "item": "XX-C2",
            "sitWMS": "Não Integra WMS",
            "qtOrdered": 12.0,
            "numExpShipping": "",
            "pedCli": "7028760",
            "compound": false,
            "writeDownStock": true,
            "reference": "",
            "sequence": 10,
            "hourDelivery": "00:00:00",
            "client": "CASA FERRO 3",
            "un": "KG",
            "descItem": "ITEM CONTROLE CONSIGNADO 13-14-15\/16*17",
            "itensDeposit": [
                {
                    "localization": "",
                    "qtAllocated": 11.0,
                    "item": "XX-C2",
                    "batch": "",
                    "pedCli": "7028760",
                    "codDeposit": "pa",
                    "reference": "",
                    "sequence": 10,
                    "qtCurrent": 1998.0,
                    "client": "CASA FERRO 3",
                    "deliNumber": 10,
                    "codResume": 299,
                    "codShipping": 1.234567891232621E15
                }
            ],
            "deliNumber": 10,   
            "codResume": 299,
            "narrativeItem": "",
            "codShipping": 1.234567891232621E15,
            "allowNarrative": false

}

Image Added

columnsItensDeposit

Coluna da tabela de depósito dos itens alocados ao embarque, podem ser incluído mais colunas ou excluído as padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"columnsItensDeposit": [
        {
            "allowColumnsManager": true,
            "property": "item",
            "label": "Item",
            "type": "string",
            "order": 130
        },
        {
            "allowColumnsManager": true,
            "property": "codDeposit",
            "label": "Depósito",
            "type": "string",
            "key": true,
            "order": 131
        },
        {
            "allowColumnsManager": true,
            "property": "localization",
            "label": "Localização",
            "type": "string",
            "order": 132
        },
        {
            "allowColumnsManager": true,
            "property": "batch",
            "label": "Lote\/Série",
            "type": "string",
            "order": 133
        },
        {
            "allowColumnsManager": true,
            "property": "qtCurrent",
            "label": "Qtde atual",
            "type": "number",
            "order": 134
        },
        {
            "allowColumnsManager": true,
            "property": "qtAllocated",
            "label": "Qtde alocada",
            "type": "number",
            "order": 135
        }
]

Image Added

modalPartialDeallocateView

Campos que serão exibidos no cabeçalho da modal de desalocação parcial para item normal, podem ser incluídos novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-view, a interface PoDynamicViewField é implementada.


Expandir
titleExemplo

"modalPartialDeallocateView": [
        {
            "gridColumns": 4,
            "property": "pedCli",
            "label": "Pedido",
            "type": "string",
            "order": 136
        },
        {
            "gridColumns": 4,
            "property": "client",
            "label": "Cliente",
            "type": "string",
            "order": 137
        },
        {
            "gridColumns": 4,
            "property": "item",
            "label": "Item",
            "type": "string",
            "order": 138
        },
        {
            "gridColumns": 4,
            "property": "sequence",
            "label": "Sequência",
            "type": "number",
            "order": 139
        },
        {
            "gridColumns": 4,
            "property": "reference",
            "label": "Referência",
            "type": "string",
            "order": 140
        },
        {
            "gridColumns": 4,
            "property": "deliNumber",
            "label": "Nr Entrega",
            "type": "number",
            "order": 141
        },
        {
            "gridColumns": 4,
            "property": "dateDelivery",
            "label": "Data Entrega",
            "type": "string",
            "order": 142
        },
        {
            "gridColumns": 8,
            "property": "sitWMS",
            "label": "Situação WMS",
            "type": "string",
            "order": 143
        },
        {
            "gridColumns": 4,
            "property": "qtAllocated",
            "format": "0.4-4",
            "label": "Qtde Alocada",
            "type": "number",
            "order": 144
        },
        {
            "gridColumns": 8,
            "property": "qtOrdered",
            "format": "0.4-4",
            "label": "Qtde Pedida",
            "type": "number",
            "order": 145
        }
]

Image Added

modalPartialDeallocateTable

Colunas da tabela de desalocação parcial para item normal, pode ser incluído mais colunas ou excluído as colunas padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"modalPartialDeallocateTable": [
    {
        "visible": true,
        "allowColumnsManager": false,
        "property": "qtAllocated",
        "width": "10%",
        "label": "Qtde Alocada",
        "type": "cellTemplate",
        "order": 151
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "codDeposit",
        "width": "10%",
        "label": "Depósito",
        "type": "string",
        "key": true,
        "order": 152
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "booleanTrue": "Sim",
        "property": "isDepositWMS",
        "width": "10%",
        "booleanFalse": "Não",
        "label": "Dep WMS",
        "type": "boolean",
        "order": 153
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "localization",
        "width": "10%",
        "label": "Localização",
        "type": "string",
        "order": 154
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "batch",
        "width": "15%",
        "label": "Lote/Serie",
        "type": "string",
        "order": 155
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "depositValidityDate",
        "width": "15%",
        "label": "Validade Lote",
        "type": "date",
        "order": 156
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "qtCurrent",
        "format": "0.4-4",
        "width": "20%",
        "label": "Qtde Atual",
        "type": "number",
        "order": 157
    }
]

Image Added

modalDeallocateCompoundView

Campos que serão exibidos no cabeçalho da modal de desalocação parcial para item composto, podem ser incluídos novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-view, a interface PoDynamicViewField é implementada.


Expandir
titleExemplo

"modalDeallocateCompoundView": [
        {
            "gridColumns": 3,
            "property": "pedCli",
            "label": "Pedido",
            "type": "string",
            "order": 154
        },
        {
            "gridColumns": 3,
            "property": "client",
            "label": "Cliente",
            "type": "string",
            "order": 155
        },
        {
            "gridColumns": 3,
            "property": "sequence",
            "label": "Sequência",
            "type": "number",
            "order": 156
        },
        {
            "gridColumns": 3,
            "property": "deliNumber",
            "label": "Nr Entrega",
            "type": "number",
            "order": 157
        },
        {
            "gridColumns": 3,
            "property": "item",
            "label": "Item",
            "type": "string",
            "order": 158
        },
        {
            "gridColumns": 6,
            "property": "descItem",
            "label": "Descrição Item",
            "type": "string",
            "order": 159
        },
        {
            "gridColumns": 3,
            "divider": "",
            "property": "un",
            "label": "Un",
            "type": "string",
            "order": 160
        },
        {
            "gridColumns": 4,
            "property": "qtOrdered",
            "format": "0.4-4",
            "label": "Qtde pedida",
            "type": "number",
            "order": 161
        },
        {
            "gridColumns": 4,
            "property": "qtAllocated",
            "format": "0.4-4",
            "label": "Qtde alocada",
            "type": "number",
            "order": 162
        },
        {
            "gridColumns": 4,
            "divider": "",
            "property": "qtToAllocate",
            "format": "0.4-4",
            "label": "Qtde a alocar",
            "type": "number",
            "order": 163
        }
    ]

Image Added

modalDeallocateCompoundTable

Colunas da tabela de desalocação parcial para item composto, podem ser incluído mais colunas ou excluído as colunas padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"modalDeallocateCompoundTable": [
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "productCode",
        "width": "10%",
        "label": "Item",
        "type": "string",
        "order": 168
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "reference",
        "width": "10%",
        "label": "Referência",
        "type": "string",
        "order": 169
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "qtAllocated",
        "format": "0.4-4",
        "width": "15%",
        "label": "Qtde Alocada",
        "type": "number",
        "order": 170
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "qtOrdered",
        "format": "0.4-4",
        "width": "15%",
        "label": "Qtde Pedida",
        "type": "number",
        "order": 171
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "qtToAllocate",
        "format": "0.4-4",
        "width": "20%",
        "label": "Qtde a alocar",
        "type": "number",
        "order": 172
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "qtAvailable",
        "format": "0.4-4",
        "width": "20%",
        "label": "Qtde Disponível",
        "type": "number",
        "order": 173
    },
    {
        "visible": true,
        "allowColumnsManager": true,
        "property": "qtLogicalAllocated",
        "format": "0.4-4",
        "width": "20%",
        "label": "Qtde Log Aloca",
        "type": "number",
        "order": 174
    }
]

Image Added

modalDeallocateCompoundTableDeposits

Colunas da tabela depósitos dos itens para desalocação parcial para item composto, podem ser incluído mais colunas ou excluído as colunas padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"modalDeallocateCompoundTableDeposits": [
        {
            "visible": true,
            "allowColumnsManager": false,
            "property": "actions",
            "width": "10%",
            "label": "Movimentar",
            "type": "cellTemplate",
            "order": 171
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "qtToAllocate",
            "format": "0.4-4",
            "width": "10%",
            "label": "Qtde a alocar",
            "type": "cellTemplate",
            "order": 172
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "qtAllocated",
            "format": "0.4-4",
            "width": "10%",
            "label": "Qtde Alocada",
            "type": "number",
            "order": 173
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "codDeposit",
            "width": "10%",
            "label": "Depósito",
            "type": "string",
            "key": true,
            "order": 174
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "booleanTrue": "Sim",
            "property": "isDepositWMS",
            "width": "15%",
            "booleanFalse": "Não",
            "label": "Dep WMS",
            "type": "boolean",
            "order": 175
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "localization",
            "width": "15%",
            "label": "Localização",
            "type": "string",
            "order": 176
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "batch",
            "width": "15%",
            "label": "Lote\/Serie",
            "type": "string",
            "order": 177
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "depositValidityDate",
            "width": "15%",
            "label": "Validade Lote",
            "type": "date",
            "order": 178
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "qtCurrent",
            "format": "0.4-4",
            "width": "15%",
            "label": "Qtde Atual",
            "type": "number",
            "order": 179
        }
    ]

Image Added

modalPartialDeallocateView

Colunas da tabela de resultado da desalocação total, podem ser incluído mais colunas ou excluído as colunas padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"modalTotalDeallocationProcessTable": [
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "customerShortName",
            "label": "Cliente",
            "type": "string",
            "order": 200
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "orderCode",
            "label": "Pedido",
            "type": "string",
            "order": 201
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "itemSequenceCode",
            "label": "Seq",
            "type": "number",
            "order": 202
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "productCode",
            "label": "Item",
            "type": "string",
            "order": 203
        },
        {
            "allowColumnsManager": true,
            "property": "errorSubType",
            "width": "10%",
            "label": "Resultado",
            "type": "label",
            "order": 204,
            "labels": [
                {
                    "color": "Red",
                    "tooltip": "Erro",
                    "label": "Erro",
                    "value": "ERROR"
                },
                {
                    "color": "Orange",
                    "tooltip": "Aviso",
                    "label": "Aviso",
                    "value": "WARNING"
                },
                {
                    "color": "Green",
                    "tooltip": "Sucesso",
                    "label": "Sucesso",
                    "value": "SUCCESS"
                }
            ]
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "errorNumber",
            "label": "Erro",
            "type": "number",
            "order": 205
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "errorDescription",
            "width": "20%",
            "label": "Descrição",
            "type": "string",
            "order": 206
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "errorHelp",
            "width": "30%",
            "label": "Ajuda",
            "type": "string",
            "order": 207
        }
]

Image Added

iv)  Embarque Finalizado

Âncora
iv
iv

CampoDescrição
finalizedShipping

Campos que serão exibidos ao finalizar o embarque, pode ser incluído novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-view, a interface PoDynamicViewField é implementada.


Expandir
titleExemplo

"finalizedShipping": [
        {
            "gridColumns": 4,
            "property": "estabShipping",
            "label": "Estabelecimento",
            "type": "string",
            "order": 180
        },
        {
            "gridColumns": 4,
            "property": "identShipping",
            "label": "Preparador",
            "type": "string",
            "order": 181
        },
        {
            "gridColumns": 4,
            "property": "dateShipping",
            "label": "Data de entrega",
            "type": "date",
            "order": 182
        }
    ]

Image Added



C) Tela - Resumo/Detalhe do Embarque

Âncora
4c
4c

CampoDescrição
title

Título da página, aqui é apresentado o título recebido do metadata mais o número do embarque que está sendo apresentado.


Expandir
titleExemplo

"title": "Resumo Embarque"

Image Added

breadcrumb

Gera uma estrutura de navegação que apresenta a localização da URL atual, exibindo as antecessoras conforme é realizada a navegação na aplicação, é possível remover ou adicionar mais itens na lista. Na tela de resumo/detalhe por padrão vai aparecer dois itens, a página atual "Resumo Embarque" que não pode ser clicado e a tela de "Lista de Embarques" que ao clicar leva para a rota enviada no link, conforme exemplo abaixo.


Expandir
titleExemplo

"breadcrumb": {
        "items": [
            {
                "link": "\/shippingProcess\/shipping",
                "label": "Lista de Embarques"
            },
            {
                "link": "\/shippingProcess\/shipping",
                "label": "Resumo Embarque"
            }
        ]
}

Image Added

header

Campos que serão exibidos na segunda aba do resumo/detalhe do embarque, é feito uma concatenação com o "headerOptional" para exibir em um po-dynamic-view, pode ser incluído novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-view, a interface PoDynamicViewField é implementada.


Expandir
titleExemplo

"header": [
        {
            "gridColumns": 4,
            "property": "codShipping",
            "disabled": true,
            "label": "Embarque",
            "type": "number",
            "key": true,
            "required": true,
            "order": 1,
            "mask": "9999999999999999"
        },
        {
            "gridColumns": 4,
            "property": "dateShipping",
            "disabled": true,
            "label": "Data de Embarque",
            "type": "date",
            "required": true,
            "order": 2
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/cdp\/v1\/establishmentsPublic",
            "columns": [
                {
                    "property": "code",
                    "label": "Código",
                    "type": "string"
                },
                {
                    "property": "name",
                    "label": "Nome",
                    "type": "string"
                }
            ],
            "fieldLabel": "name",
            "property": "estabShipping",
            "format": [
                "code",
                "name"
            ],
            "disabled": true,
            "label": "Estabelecimento",
            "fieldValue": "code",
            "required": true,
            "order": 3
        },
        {
            "gridColumns": 4,
            "property": "identShipping",
            "disabled": true,
            "optional": true,
            "label": "Preparador",
            "type": "string",
            "maxLength": 12,
            "order": 4
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/shippingCompany",
            "columns": [
                {
                    "visible": true,
                    "property": "shortName",
                    "width": "25%",
                    "label": "Nome Abreviado",
                    "type": "number"
                },
                {
                    "visible": true,
                    "property": "name",
                    "width": "35%",
                    "label": "Nome",
                    "type": "string"
                },
                {
                    "property": "cgc",
                    "width": "25%",
                    "label": "CPF\/CNPJ",
                    "type": "string"
                },
                {
                    "property": "state",
                    "width": "15%",
                    "label": "Estado",
                    "type": "string"
                }
            ],
            "fieldLabel": "name",
            "property": "shippingCompany",
            "format": [
                "shortName",
                "name"
            ],
            "disabled": true,
            "optional": true,
            "label": "Transportador",
            "fieldValue": "shortName",
            "order": 5
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/cargoType",
            "columns": [
                {
                    "property": "code",
                    "label": "Tipo de Embarque",
                    "type": "string"
                },
                {
                    "property": "type",
                    "label": "Descrição",
                    "type": "string"
                },
                {
                    "property": "loadWeight",
                    "width": "20%",
                    "label": "Peso (KG)",
                    "type": "number"
                },
                {
                    "property": "loadVolume",
                    "width": "20%",
                    "label": "Volume",
                    "type": "number"
                }
            ],
            "fieldLabel": "type",
            "property": "cargoType",
            "format": [
                "code",
                "type"
            ],
            "disabled": true,
            "optional": true,
            "label": "Tipo do Embarque",
            "fieldValue": "code",
            "order": 6
        }
]

Image Added

headerOptional

Campos que serão exibidos na segunda aba do resumo/detalhe do embarque, é feito uma concatenação com o "header" para exibir em um po-dynamic-view, pode ser incluído novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-view, a interface PoDynamicViewField é implementada.


Expandir
titleExemplo

"headerOptional": [
        {
            "gridColumns": 4,
            "property": "driver",
            "disabled": true,
            "optional": true,
            "label": "Motorista",
            "type": "string",
            "order": 7
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/licensePlate",
            "columns": [
                {
                    "property": "codPlaca",
                    "label": "Placa",
                    "type": "string"
                },
                {
                    "property": "ordPeso",
                    "label": "Ordem Pessagem",
                    "type": "number"
                }
            ],
            "fieldLabel": "ordPeso",
            "property": "licensePlate",
            "format": [
                "codPlaca"
            ],
            "disabled": true,
            "optional": true,
            "label": "Placa",
            "fieldValue": "codPlaca",
            "order": 8
        },
        {
            "gridColumns": 4,
            "property": "state",
            "options": [
                {
                    "label": "Nenhum",
                    "value": ""
                },
                {
                    "label": "SE - Sergipe",
                    "value": "SE"
                },
                {
                    "label": "SP - São Paulo",
                    "value": "SP"
                },
                {
                    "label": "TO - Tocantins",
                    "value": "TO"
                }
            ],
            "disabled": true,
            "optional": true,
            "label": "Estado",
            "type": "label",
            "order": 9
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/route",
            "columns": [
                {
                    "property": "codRoute",
                    "label": "Rota",
                    "type": "string"
                },
                {
                    "property": "codDescription",
                    "label": "Descrição",
                    "type": "string"
                }
            ],
            "fieldLabel": "codDescription",
            "property": "route",
            "format": [
                "codRoute",
                "codDescription"
            ],
            "disabled": true,
            "optional": true,
            "label": "Rota",
            "fieldValue": "codRoute",
            "order": 10
        },
        {
            "gridColumns": 4,
            "searchService": "\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/externalDeposit",
            "columns": [
                {
                    "property": "code",
                    "label": "Código",
                    "type": "string"
                },
                {
                    "property": "name",
                    "label": "Descrição",
                    "type": "string"
                },
                {
                    "property": "balanceAv",
                    "width": "10%",
       

Image Removed

c. Detalhes do embarque:

Chamada para a API: dts/datasul-rest/resources/prg/eqp/v1/shipping/metadata/2022031588889757?type=detail

Image Removed

...

A tela de listar não foi desenvolvida utilizando o componente dinâmico completo, como o po-page-dynamic-table por exemplo, e sim usando po-page-list com uma po-table, por conta disso alguns elementos da tela não podem ser customizados e algumas propriedades do metadata são utilizados de forma um pouco diferente, a seguir a descrição de cada customização possível.

PropriedadeDescriptiontitle

Título da página.

Informações
titleExemplo
"title":"Embarques"

Image Removed

pageCustomActions

Utilizado para remover os botões padrões ou para inserir novos botões, o botão inserido aqui deve conter label.

Informações
titleExemplo
"pageCustomActions": [
        {
            "label": "Refresh"
        },
        {

            "label": "

Novo

Saldo Disp",
                    "

url

type": "

\/shippingProcess\/shipping\/new

boolean"
                },
                {
                    "

selectable

property":

true

"type",
                    "

label

width": "

Faturar

Utilizado para remover os botões padrões ou para inserir novos. Para que uma ação padrão não seja criada basta que o metadata não contenha o seu label, caso necessário criar uma ação diferente ela deve possuir tanto label quanto url. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableAction é implementada.

Informações
titleExemplo
"tableCustomActions": [

10%",
           

}
]tableCustomActions

        "label": "Tipo",


       

{

            "

label

type": "

edit

string"
                },
                {
                    "

label

property": "

duplicate"
        }

recipient",
       

{

            "

label

width": "

detail"
        }

15%",
       

{

            "label": "

Faturar"
        }

Destinatário",
       

{

            "

label

type": "

Integração WMS

string"
                }

,


       

{

    ],
            "

label

fieldLabel": "

Dados GFE

name",
       

},

   

    {

"property": "externalDeposit",
            "

label

format":

"delete"

[
       

}
]

Image Removed

breadcrumb

Gera uma estrutura de navegação que apresenta a localização da URL atual, exibindo as antecessoras conforme é realizado a navegação na aplicação, pode ser alterado tanto o link quanto o label desse componente, assim como remove-lo ou adicionar mais, na tela de listagem possui apenas um item, que é a "lista de embarques" que é o item atual e por conta disso não é possível clicar nele, mais itens são adicionados ao entrar na tela de criar novo embarque ou de resumo.

Informações
titleExemplo
"breadcrumb": {
        "items": [

        "code",
                "name"
            ],
            "disabled": true,
            "optional": true,


           

{

"label": "Depósito Externo",
           

   

"

link

type": "

\/shippingProcess\/shipping

string",
           

   

"

label

fieldValue": "

Lista de Embarques

code",
           

}

"order": 11
       

]

}

Image Removed

fieldsUtilizado para dizer quais campos devem aparecer na tabela, pode ser incluídos novos campos, ou retirado os que padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table Informações
titleExemplo
"fields": [

,

a interface PoTableColumn é implementada.


        {
            "gridColumns": 4,


       

{

    "columns": [
           

"allowColumnsManager": true,

    {
       

"gridColumns": 2,

            "property": "

codShipping

code",
       

    "width": "10%",

            "label": "

Embarque

Código",
                    "type": "

number

string"

,


           

"key": true,
            "order": 1

    },
       

},

        {
           

"allowColumnsManager": true,

       

   

"property": "

numExpShipping

description",
       

    "width": "10%",

            "label": "

Processo de Exportação

Descrição",
                    "type": "string"

,


               

"order": 2

},
       

},

        {
       

    "allowColumnsManager": true,

            "property": "

dateShipping

actv",
                    "width": "10%",
                    "label": "

Data

Ativo",
                    "type": "

date

boolean"

,


           

"order": 3

    },
       

},

        {
           

"allowColumnsManager": true,

       

   

"property": "

estabShipping

descriptionType",
                    "width": "

30%

10%",
                    "label": "

Estabelecimento

Tipo",
                    "type": "string"

,


               

"order": 4

},
       

},

        {
           

"allowColumnsManager": true,

       

   

"property": "

identShipping

cfopCode",
                    "width": "

25%

10%",
                    "label": "

Preparador

CFOP",
                    "type": "string"
                }
            ],
            "

order

format":

5

[
       

}

        "code",
           

{

    "description"
           

"allowColumnsManager": true

],
            "

optionsMulti

optional": true,
            "

property

label": "

sitShipping

Natureza operação",
            "

options

type":

[

"string",
           

    {
   

"fieldValue": "code",
           

   

"

label

searchService": "

Aberto

\/dts\/datasul-rest\/resources\/prg\/cdp\/v1\/transactionTypesPublic",
           

       

"

value

fieldLabel":

1

"description",
           

    }

"property": "natOperacao",
           

    {
       

"disabled": true,
            "

label

maxLength":

"Alocado"

6,
           

       

"

value

order":

2

12

       

        },
        {
       

{

    "gridColumns": 4,
           

   

"

label

searchService": "

Calculado

\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/salesChannel",
           

       

"

value

columns":

3

[
               

},

{
                   

{

"property": "code",
                    "label": "

Confirmado

Código",
                    "

value

type":

4

"number"
                },
           

],

    {
                    "

label

property": "

Situação

description",
                    "

type

label": "

label

Descrição",
           

"order": 6,
 

       

 

"

labels

type":

[

"string"
               

{

}
            ],
            "

color

fieldLabel": "

color-05

description",

 

           

     

"

tooltip

property": "

Nenhum Pedido\/Item alocado ao Embarque

salesChannel",
            "format": [
                "

label":

code"

Aberto"

,
               

   

"

value

description"

: 1


           

    }

],
            "disabled": true,
   

{

        "optional": true,
            "

color

label": "

color-10

Canal de Vendas",
           

       

"

tooltip

type": "

Pedido\/Item alocado, Embarque não calculado

string",

     

           

 

"

label

fieldValue": "

Alocado

code",

       

            "

value

order":

2

13

   

       

   

},

     

       

 

{

       

            "

color

gridColumns":

"color-08"

4,
           

       

"

tooltip

property": "

Embarque Calculado

negativeBalanceLot",

       

            "

label

disabled":

"Calculado"

true,
           

       

"

value

optional":

3

true,
           

    }

"label": "Lote Saldo Negativo",
           

    {
                    "color

"type": "

color-03

string",
            "order": 14
       

"tooltip": "Embarque atualizado no Estoque"

},
        {
            "

label

gridColumns":

"Confirmado"

12,
           

       

"

value

booleanTrue":

4

"Sim",
           

    }

"property": "allowBeforeWMS",
           

]

"booleanFalse": "Não",
       

},

   

    {

"disabled": true,
            "

allowColumnsManager

optional": true,
            "

optionsMulti

label":

true

"Permite Cálculo da nota fiscal antes do retorno do WMS",
            "

property

type": "

sitFatur

boolean",
            "order": 15
       

"options": [

}
]

Image Added

columnsResume

Coluna da tabela principal da aba de "Resumo", pode ser incluído mais colunas ou excluído as colunas padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
titleExemplo

"columnsResume": [
    {
        "allowColumnsManager": true,
       

{
     

"property": "codResume",
       

     

"label": "

Sim

Resumo",
        "type": "number",
       

   

"

value

key":

1

true,
        "order": 17
   

   

},
    {
       

    {

"allowColumnsManager": true,
        "property": "client",
       

   

"label": "

Não

Cliente",
       

   

"type": "string",
        "

value

order":

2
           

18
    },
    {
       

]

"allowColumnsManager": true,
       

   

"

label

property": "

Liberado fat?

representative",
       

   

"

type

label": "

label

Representante",
       

   

"

order

type":

7

"string",
       

   

"

labels

order":

[

19
   

     

},
   

 

{
        "allowColumnsManager": true,
       

   

"

color

property": "

color-10

grossWeight",

         

       

 

"

tooltip

label":

null

"Peso bruto",

           

        "

label

type": "

Sim

number",

           

        "

value

order":

1

20
   

           

},
   

           

{
       

   

"allowColumnsManager": true,
        "

color

property": "

color-07

netWeight",
       

            "tooltip

"label": "

Embarque\/Resumo em uso ou com problemas

Peso líquido",
       

            "label

"type": "

Não

number",
       

            "value

"order":

2

21
    },
    {
       

}

"allowColumnsManager": true,
       

    ]

"property": "volume",
     

  }
]

Image Removed

advancedFilters

Utilizado para montar o busca avançada, pode ser removido filtros ou incluídos novos (mas pare que esses valores sejam considerados a API dos dados precisa ser customizada também). Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-form, a interface PoDynamicFormField é implementada.

Informações
titleExemplo
 "advancedFilters": [

  "label": "Volume",
       

{
 

"type": "number",
       

 

"

gridColumns

order":

6

22
    },
    {
        "

property

allowColumnsManager":

"codShippingIni"

true,
       

   

"

label

property": "

Embarque inicial

paymentCondition",
       

   

"

placeholder

label": "

Embarque Inicial

Cond Pgto",
       

   

"type": "number",
       

   

"

fieldValue

order":

""

23
    },
    {
        "

order

allowColumnsManager":

8

true,
        "property": "natOperacao",
        "

mask

label": "

9999999999999999

Nat Operação",
       

}

"type": "string",
       

{

"order": 24
    },
    {
        "gridColumns": 6,
        "optionsMulti": true,
        "property": "

codShippingFim

sitFatur",
        "options": [
            {
                "label": "

Embarque final

Sim",
                "

placeholder

value":

"Embarque Inicial",

1
           

"type": "number"

},
           

"fieldValue": "9999999999999999",

{
                "

order

label":

9

"Não",
                "

mask

value":

"9999999999999999"

2
            }

,


       

{

],

   

        "

gridColumns

label":

6

"Liberado fat?",
       

   

"

property

type": "

numExpShippingIni

label",
        "order": 25,
        "

label

labels":

"Processo de Exportação Inicial",

[
           

"placeholder": "Processo de Exportação Inicial",

{
                "

type

color": "

string

color-10",
                "

fieldValue

tooltip":

""

null,
                "

maxLength

label":

12

"Sim",
                "

order

value":

10

1
            },
            {
                "

gridColumns

color":

6

"color-07",
                "

property

tooltip": "

numExpShippingFim

Embarque/Resumo em uso ou com problemas",
                "label": "

Processo de Exportação Final

Não",
                "

placeholder": "Processo de Exportação Final"

value": 2
            }
        ]
    },
    {
        "

type

allowColumnsManager":

"string"

true,
       

   

"

fieldValue

optionsMulti":

"999999999999"

true,
       

   

"

maxLength

property":

12

"sitShipping",

   

        "

order

options":

11

[
       

},

   

   

{
           

"gridColumns": 6,

   

       

"

property

label": "

dateShippingIni

Aberto",
                "

label

value":

"Data Embarque inicial",

1
           

"placeholder": "Data Inicial"

},
           

"type": "date",

{
                "

fieldValue

label": "

1990-01-01

Alocado",
                "

order

value":

12

2
            },
            {
                "

gridColumns

label":

6

"Calculado",
                "

property

value":

"dateShippingFim",

3
           

"label": "Data Embarque final"

},
           

"placeholder": "Data Final",

{
                "

type

label": "

date

Confirmado",
                "

fieldValue

value":

"9999-12-31",

4
           

"order": 13

}
       

}

],
       

{
   

"label": "Situação",
        "

gridColumns

type":

12

"label",
       

   

"

optionsMulti

order":

true

26,

 

       

 

"

property

labels":

"estabShipping",

[
           

"label": "Estabelecimento",

{
                "

placeholder

color": "

Estabelecimento

color-05",
                "

optionsService

tooltip": "

\/dts\/datasul-rest\/resources\/prg\/eqp\/v1\/shippingEstabMulti

Nenhum Pedido/Item alocado ao Resumo",
                "

type

label": "

string

Aberto",
                "

order

value":

14

1
            },
            {
                "

gridColumns

color":

12

"color-10",
                "

property

tooltip": "

identShipping

Resumo Alocado",
                "label": "

Preparador

Alocado",
                "

placeholder

value":

"Preparador",

2
           

"type": "label"

},
           

"maxLength": 12,

{
                "

order

color":

15
        }

"color-08",
       

{

       

   

"

gridColumns

tooltip":

6,
            "optionsMulti": true

"Resumo Calculado",
                "

property

label": "

sitShipping

Calculado",
                "

options

value":

[

3
            },
            {

 

               

 

"

label

color": "

Aberto

color-03",
               

   

"

value

tooltip":

1

"Resumo atualizado no Estoque",
               

}

"label": "Confirmado",
               

{

"value": 4
            }
       

"label": "Alocado",
                    "value": 2
                },
                {
       

]
    }
]

Image Added

columnsItens

Expansão da tabela principal, onde mostra os itens vinculados ao resumo, pode ser incluído mais colunas ou excluído as colunas padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.

Obs: nesta tabela o gerenciador de colunas é escondido, então mesmo que enviado a propriedade "allowColumnsManager" como true ela é desconsiderada.


Expandir
titleExemplo

"columnsItens": [
        {
            "

label

property": "

Calculado

sequence",
           

       

"

value

width":

3

"5%",
           

    }

"disabled": true,
           

    {
       

"label": "Seq",
            "

label

type": "

Confirmado

number",
           

       

"

value

order":

4

28

     

       

 

}


            ]

,
       

    "label": "Situação",

{
            "

placeholder

property": "

Situação

codItem",
            "

type

width": "

label

10%",
            "

order

disabled":

16

true,
            "

labels

label":

[
                {
                    "color": "color-05",
       

"Item",
            "

tooltip

type": "

Nenhum Pedido\/Item alocado ao Embarque

string",

       

            "

label

key":

"Aberto",
       

true,
            "

value

order":

1

29
       

       

},
       

       

{

   

           

   

"

color

property": "

color-10

deliNumber",
           

       

"

tooltip

width": "

Pedido\/Item alocado, Embarque não calculado

5%",
            "disabled": true,
            "label": "

Alocado

Entrega",
            "type": "number",
            "

value

order":

2

30

   

       

   

},

     

       

 

{

       

            "

color

property": "

color-08

deliDate",

   

           

   

"

tooltip

width": "

Embarque Calculado

15%",
            "disabled": true,
            "label": "

Calculado

Dt Entrega",
            "type": "date",
            "

value

order":

3

31
       

       

},
        {
       

{

    "property": "pedClient",
           

   

"

color

width": "

color-03

10%",
            "disabled": true,
            "

tooltip

label": "

Embarque atualizado no Estoque

Pedido cliente",

       

            "

label

type": "

Confirmado

string",
           

       

"

value

order":

4

32
        },
       

}

{
           

]

"property": "client",
       

},

   

    {

"width": "15%",
            "

gridColumns

disabled":

6

true,
            "

optionsMulti

label":

true

"Cliente",
            "

property

type": "

sitFatur

string",
            "

options

order":

[

33
        },
        {
           

       

"

label

property": "

Sim

qtAllocated",

       

            "

value

format": "1.4-4",
           

    }

"width": "10%",
            "disabled": true,
   

{

        "label": "Qtde alocada",
            "

label

type": "

Não

number",

       

            "

value

order":

2

34
        },
       

}

{
           

]

"property": "sitWMS",
            "

label

width": "

Liberado para faturamento?

20%",
            "

type

disabled": true,
            "label": "Situação WMS",
            "

order

type":

17

"string",
            "

labels

order":

[

35
        }
]

Image Added

viewItens

Campos apresentados na expansão da tabela de itens, pode ser incluído novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-view, a interface PoDynamicViewField é implementada.


Expandir
titleExemplo

"viewItens": [
        {
            "gridColumns": 3,
            "

color

property": "

color-10

reference",

     

           

 

"

tooltip

label":

null

"Referência",
           

       

"

label

type": "

Sim

string",

     

           

 

"

value

order":

1

36
       

       

},
       

       

{

     

           

 

"

color

gridColumns":

"color-07"

3,
           

       

"

tooltip

property": "

Embarque\/Resumo em uso ou com problemas

un",
           

       

"label": "

Não

UM",

       

            "

value

type":

2

"string",
            "order": 37
        },
        {
   

]

       

}

"gridColumns": 6,
       

{

    "property": "itemDescription",
            "

filter

label":

true

"Descrição",
            "

visible

type":

false

"string",
            "

gridColumns": 6,

order": 38
        }
]

Image Added

columnsPackaging

Expansão da tabela principal, onde mostra as embalagens vínculados ao resumo, pode ser incluído mais colunas ou excluído as colunas padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.

Obs: nesta tabela o gerenciador de colunas é escondido, então mesmo que enviado a propriedade "allowColumnsManager" como true ela é desconsiderada.


Expandir
titleExemplo

"columnsPackaging": [
        {
            "property": "

order

codPackaging",
            "

options

width":

[

"15%",
           

    {
     

"disabled": true,
           

 

"label": "

Embarque mais recente

Sigla",
           

       

"

value

type": "

-dateShipping

string",
           

    }

"key": true,
            "order": 24
   

{

    },
        {
            "

label

property": "

Embarque mais antigo

qtVolume",
           

       

"

value

width": "

dateShipping

15%",
           

    }

"disabled": true,
           

    {
       

"label": "Qtde Volumes",
            "

label

type": "

Codigo embarque - Crescente

number",

 

           

     

"

value

order":

"codShipping"
       

25
        },

       

        {

       

            "

label

property": "

Codigo embarque - Decrescente

volumeBrand",
           

       

"

value

width": "

-codShipping

30%",
           

    }

"disabled": true,
           

    {

"label": "Marca",
           

       

"

label

type": "

Processo de Exportação - Crescente

string",

 

           

     

"

value

order":

"numExpShipping"
       

26
        },
       

       

{
           

       

"

label

property": "

Processo de Exportação - Decrescente

volumeDescription",

       

            "

value

width": "

-numExpShipping

40%",
           

    }
            ]

"disabled": true,
            "label": "

Ordenar listagem por

Descrição",
            "type": "

label

string",
            "order":

18
        }
]

Image Removed

...

A tela de novo/editar não foi desenvolvida utilizando o componente dinâmico completo, como o po-page-dynamic-table por exemplo, e sim utilizando o po-page-default, po-lookup, po-dynamic-form, po-tabs e po-table, por conta disso alguns elementos da tela não podem ser customizados e algumas propriedades do metadata são utilizados de forma um pouco diferente, a seguir a descrição de cada customização possível.

a) Aba Geral

27
        }
]

Image Added

modalColumnsDeposit

Tabela da modal de listagem de depósitos do item, onde mostra o item e quais depósitos estão vinculados a ele, pode ser incluído mais colunas ou excluído as padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-table, a interface PoTableColumn é implementada.


Expandir
CampoDescriçãotitle

Titulo da página, essa informação pode ser tanto novo, editando ou copiando, dependendo do type enviado na requisição que busca o metadata.

info
titleExemplo

"

title

modalColumnsDeposit":

"Novo Parâmetro Estabelecimento X GNRE"

ou

"title":"Editando Parâmetro Estabelecimento X GNRE"

breadcrumb

O caminho de migalhas da página, mostrando a página atual e a pagina anterior com o link para voltar

Informações
titleExemplo
"items":[{

[
        {
            "allowColumnsManager": true,
            "property": "codItem",
            "width": "15%",
            "disabled": true,
            "

link

label": "

\/gnre\/gnreParameters

Item",
            "

label

type": "

Lista Parâmetros Estabelecimento x GNRE"

string",
            "order": 48
        },
        {
            "

link

allowColumnsManager":

"\/gnre\/gnreParameters"

true,
            "

label

property": "

Novo Parâmetro

codDeposit",
           

}
]

Image Removed

urlGnre

URL utilizada para buscar os dados da aba "Geral"

Informações
titleExemplo

"urlGnre":"\/dts\/datasul-rest\/resources\/prg\/ftp\/v1\/gnreParameters"

generalTab

formulário dinâmico da aba geral, deve vir um array de objetos que implementam a interface PoDynamicFormField. Para mais informações do que é possível inserir acessar a documentação do Portinari: po-dynamic-form

Informações
titleexemplo

Obs: O exemplo aqui contem apenas 1 dos switches e 1 dos lookups como exemplo, pois o json completo para essa aba é longo.

"generalTab":[{
    "gridColumns":6,
   

"width": "10%",
            "disabled": true,
            "label": "Depósito",
            "type": "string",
            "key": true,
            "order": 49
        },
        {
            "allowColumnsManager": true,
            "booleanTrue": "Sim",
            "property":

"integApb

"depWMS",
            "width": "10%",
            "booleanFalse": "Não",
            "

optional

disabled": true,
            "label": "

Integrar com o Contas a pagar

Dep WMS",
            "type": "boolean"

,

,
            "order":

2

50
        },

{


   

"gridColumns":6,

   

"columns":[

{
            "

visible

allowColumnsManager": true,
            "property": "

code

localization",
            "width": "

25%"

15%",
            "disabled": true,
            "label": "

Código

Localização",
            "type": "string",
            "order": 51
        },
        {
            "

visible

allowColumnsManager": true,
            "property": "

description

batch",
            "width": "

50%

20%",
            "

label

disabled":

"Descrição"

true,
            "

type

label": "

string"
    }

Lote\/Série",
   

{

        "

property

type": "

documentTypeDescription

string",
            "

width

order":

"25%"

52
        },
       

"label":"Tipo"

{
            "allowColumnsManager": true,
            "

type

property": "

string

qtAllocated",
   

}],

        "format":

[

"1.4-4",
            "width"

code

: "15%",
       

"description"

   

],
   

"

optional

disabled": true,
            "label": "

Espécie Padrão

Qtde alocada",
   

"params":{

        "

module

type": "

apb

number",
            "order":

"module"

53
        },
   

"fieldValue":"code",

    {
            "

required

allowColumnsManager":

false

true,
            "

divider

property": "

ICMS ST

batchShelfLife",
            "

searchService

width": "

\/dts\/datasul-rest\/resources\/prg\/fin\/v1\/documentType

15%",
            "

fieldLabel

disabled":

"description"

true,
            "

property

label": "

espICMSST

Validade Lote",
            "

disabled

type":

true

"date",
            "order":

5

54
        }
]

Image Removed

Image Added

validateFields

Campos do formulário que terão validações quando forem preenchidos, corresponde a propriedade p-validate-fields do componente dinâmico po-dynamic-form.

modalDepositView

Campos que serão exibidos no cabeçalho da modal de informações do do item, podem ser incluídos novos campos ou removido os padrões. Para mais informações sobre o que pode ser enviado consultar a documentação do po-dynamic-view, a interface PoDynamicViewField é implementada.


Expandir
titleExemplo

 "modalDepositView

Informações
titleexemplo
"validateFields

": [
     

"estab",

  {
     

"integApb",

      "

ctICMSST

gridColumns": 4,
     

"ctICMSUfDest",

      "

ctFCP"
]

b) Aba Fornecedor x UF

CampoDescriçãourlGnreUfURL utilizada para buscar os dados da aba "Fornecedor x UF"
Informações
titleExemplo

"urlGnreUf":"\/dts\/datasul-rest\/resources\/prg\/ftp\/v1\/gnreParametersProviderUf"

fornecUfTabColumns

Lista das colunas da tabela de Fornecedor x UF, Deve vir um array de objetos que implementam a interface PoTableColumn. Para mais informações do que é possível inserir acessar a documentação do Portinari: po-table

Informações
titleExemplo
"fornecUfTabColumns":[{
     "allowColumnsManager":true,

property": "pedClient",
            "label": "Pedido",
            "type": "string",
            "order": 39
        },
        {
            "gridColumns": 4,
            "property": "

providerName

client",
            "label": "

Fornecedor

Cliente",
            "type": "string",
            "order":

17

40
        },
        {
            "

allowColumnsManager

gridColumns":

true

4,
            "property": "

ufName

codItem",
            "label": "

Estado

Item",
            "type": "string",
            "order":

18

41

}]tableCustomActions

Campo utilizado para exibir ou não a ação de delete da tebela de UF x Fornecedor, caso não venha o DELETE nesta propriedade o botão não é criado.

Informações
titleexemplo
"tableCustomActions":[{
     

        },
        {
            "gridColumns": 4,
            "property": "sequence",
            "label": "

Delete

Sequência"


}]assocFornecUfModal

Campos da modal de Relalação Forncedor x UF, a modal possui um po-dynamic-form e aceita todos as propriedades da interface PoDynamicFormField. Para mais informações do que é possível inserir acessar a documentação do Portinari: po-dynamic-form

Informações
titleexemplo
"assocFornecUfModal":[{
    "gridColumns":12,
    "searchService":"\/dts\/datasul-rest\/resources\/prg\/cdp\/v1\/customerPublic",
    "columns":[{
        ...
    }],
    "fieldLabel":"customerName",
    "property":"provider",
    "format":[
        "customerCode

,
            "type": "number",
            "order": 42
        },
        {
            "gridColumns": 4,
            "property": "reference",
            "label": "Referência",
            "type": "string",
            "order": 43
        },
        {
            "gridColumns": 4,
            "property": "deliNumber",
            "label": "Nr Entrega",
            "type": "number",
            "

customerName

order": 44
       

]

},
       

"label":"Fornecedor"

{
            "gridColumns": 4,
   

"params":{

        "

order

property": "

customerCode

deliDate",
   

},

        "

fieldValue

label": "

customerCode

Data Entrega",
            "

required

type":

true

"date",
            "order":

19

45
        },
        {
            "gridColumns":

12

4,
            "

optionsMulti

property":

true,

"sitWMS",
            "

property

label": "

uf

Situação WMS",
   

"options":[{

        "

label

type": "

AC - Acre

string",
            "

value

order":

"AC"

46
        },
   

{ ... 
    }]

    {
            "gridColumns": 4,
            "

label

property": "

Estado

qtAllocated",
            "

type

label": "

label

Quantidade Alocada",
            "

required

type":

true

"number",
            "order":

20

47
        }
    ]

Image Removed

Image Added

05. 

...

Observações Gerais 
Âncora
5
5

  • Todos os objetos que não foram citados, a princípio, não podem ser customizados.
  • Caso deseje  customizar algum componente além dos descritos nesse documento e no documento padrão de customização do PO-UI, favor abrir um ticket solicitando e justificando a necessidade de customização.
  • Clique aqui para baixar um fonte exemplo de UPC para esse programa.