Á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
    Parâmetros Estabelecimento x GNRE
    1. de Embarques
    2. Tela - Novo/Editar
    Parâmetros Estabelecimento x GNRE
    1. Embarques
      1. Step de Cabeçalho
      2. Step de Pedidos
      3. Step de Alocações
      4. Embarque Finalizado
    2. Tela - Resumo/Detalhe do Embarque
    3. Tela - Listagem de Pedidos
    4. Tela - Detalhes do Pedido
  5. Observações Gerais
  6. Aba Geral
  7. Aba Fornecedor x UF

01. Visão Geral 
Âncora
1
1

Este documento tem como objetivo descrever o que poderá ser customizado na tela HTML do programa Guias GNRE Processo de Embarques item de menu Parâmetros Estabelecimento x GNRE Embarque (html-mftmeq.guiasGnreshippingProcess), 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

A imagem a seguir mostra, como exemplo, o metadata da tela de listagem dos parâmetros estabelecimento x GNRE.

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 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.

...

Título da página.

Informações
titleExemplo
"title":"Parâmetros Estabelecimento x GNRE"

Image Removed

...

Utilizado para remover o botão de novo parâmetros ou para inserir novos botões, o botão inserido aqui deve conter label e url.

Informações
titleExemplo

"pageCustomActions":[{
    "label":"Novo Parâmetro",
    "url":"\/gnre\/gnreParameters\/new"
}]

Image Removed

...

Utilizado para remover os botões de editar, copiar e deletar das ações da tabela ou para inserir novos. Para que uma ação padrão não seja criada basta que o metadata não contenha os labels de Edit, Copy e Delete, caso necessário criar ou ação diferente ela deve possuir tanto label quanto url.

Informações
titleExemplo

"tableCustomActions":[{
    "label":"Edit"

},{
    "label":"Copy"
},{
    "label":"Delete"

}]

Image Removed

...

Lista das colunas da tabela, 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
"columnsList":[{
    "allowColumnsManager":true,
    "property":"estab",
    "label":"Estabelecimento",
    "type":"string",
    "key":true,
    "order":1
},{
    "allowColumnsManager":true,
    "booleanTrue":"Sim",
    "property":"integApb",
    "booleanFalse":"Não",
    "label":"Integra APB",
    "type":"boolean",
    "order":2
},{
    "allowColumnsManager":true,
    "booleanTrue":"Sim",
    "property":"updateApbAuto",
    "booleanFalse":"Não",
    "label":"Atualiza APB Automático",
    "type":"boolean",
    "order":3
}]

Image Removed

...

Elemento que se encontra dentro da expansão da linha da tabela, dados sobre o ICMS ST. Neste componente é utilizado o po-dynamic-view e todos as propriedades do PoDynamicViewField podem ser utilizadas.

Informações

Caso o icmsStViewicmsUfDestView e o fcpView não sejam enviados a expansão da linha não será exibida, caso apenas um ou dois desses elementos não sejam enviados a expansão ainda é criada, exibindo os elementos enviados.

Informações
titleExemplo

"icmsSTView":[{
    "gridColumns":6,
    "property":"espICMSST",
    "label":"Espécie",
    "type":"string", 
    "order":1
},{
    "gridColumns":6,
    "property":"tpDespICMSST",
    "label":"Tipo Despesa",
    "type":"string",
    "order":2
},{
    "gridColumns":6,
    "property":"ctICMSST",
    "label":"Conta Contábil",
    "type":"string",
    "order":3
},{
    "gridColumns":6,
    "property":"ccICMSST",
    "label":"Centro Custo",
    "type":"string",
    "order":4
}],

Image Removed

...

Elemento que se encontra dentro da expansão da linha da tabela, dados sobre o ICMS Uf Dest. Neste componente é utilizado o po-dynamic-view e todos as propriedades do PoDynamicViewField podem ser utilizadas.

Informações

Caso o icmsStViewicmsUfDestView e o fcpView não sejam enviados a expansão da linha não será exibida, caso apenas um ou dois desses elementos não sejam enviados a expansão ainda é criada, exibindo os elementos enviados.

Informações
titleExemplo

"icmsUfDestView":[{
    "gridColumns":6,
    "property":"espICMSUfDest"",
    "label":"Espécie",
    "type":"string", 
    "order":1
},{
    "gridColumns":6,
    "property":"tpDespICMSUfDest"",
    "label":"Tipo Despesa",
    "type":"string",
    "order":2
},{
    "gridColumns":6,
    "property":"ctICMSUfDest"",
    "label":"Conta Contábil",
    "type":"string",
    "order":3
},{
    "gridColumns":6,
    "property":"ccICMSUfDest""",
    "label":"Centro Custo",
    "type":"string",
    "order":4
}],

Image Removed

...

Expansão da linha da tabela, dados sobre o ICMS Uf Dest. Neste componente é utilizado o po-dynamic-view e todos as propriedades do PoDynamicViewField podem ser utilizadas.

Informações

Caso o icmsStViewicmsUfDestView e o fcpView não sejam enviados a expansão da linha não será exibida, caso apenas um ou dois desses elementos não sejam enviados a expansão ainda é criada, exibindo os elementos enviados.

Informações
titleExemplo

"icmsUfDestView":[{
    "gridColumns":6,
    "property":"espICMSUfDest"",
    "label":"Espécie",
    "type":"string", 
    "order":1
},{
    "gridColumns":6,
    "property":"tpDespICMSUfDest"",
    "label":"Tipo Despesa",
    "type":"string",
    "order":2
},{
    "gridColumns":6,
    "property":"ctICMSUfDest"",
    "label":"Conta Contábil",
    "type":"string",
    "order":3
},{
    "gridColumns":6,
    "property":"ccICMSUfDest""",
    "label":"Centro Custo",
    "type":"string",
    "order":4
}],

...

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

...

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.

Informações
titleExemplo

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

ou

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

...

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":[{
        "link":"\/gnre\/gnreParameters",
        "label":"Lista Parâmetros Estabelecimento x GNRE"
    },
    {
       "link":"\/gnre\/gnreParameters",
       "label":"Novo Parâmetro"
    }
]

Image Removed

...

URL utilizada para buscar os dados da aba "Geral"

Informações
titleExemplo

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

...

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,
    "booleanTrue":"Sim",
    "property":"integApb",
    "booleanFalse":"Não",
    "optional":true,
    "label":"Integrar com o Contas a pagar",
    "type":"boolean",
    "order":2
},{
    "gridColumns":6,
    "columns":[{
        "visible":true,
        "property":"code",
        "width":"25%",
        "label":"Código",
        "type":"string"
    },
    {
        "visible":true,
        "property":"description",
        "width":"50%",
        "label":"Descrição",
        "type":"string"
    },
    {
        "property":"documentTypeDescription",
        "width":"25%",
        "label":"Tipo",
        "type":"string"
    }],
    "format":[
        "code",
        "description"
    ],
    "optional":true,
    "label":"Espécie Padrão",
    "params":{
        "module":"apb",
        "order":"module"
    },
    "fieldValue":"code",
    "required":false,
    "divider":"ICMS ST",
    "searchService":"\/dts\/datasul-rest\/resources\/prg\/fin\/v1\/documentType",
    "fieldLabel":"description",
    "property":"espICMSST",
    "disabled":true,
    "order":5
}]

Image Removed

...

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.

Informações
titleexemplo

"validateFields":[
      "estab",
      "integApb",
      "ctICMSST",
      "ctICMSUfDest",
      "ctFCP"
]

b) Aba Fornecedor x UF

...

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.

  • Tela Embarques:
    • 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
  • Tela Pedidos:
    • API REST PEDIDOS: eqp/api/v1/ordersForShipping.po
    • URL base para pedidos: https://<servidor>:<porta>/api/eqp/v1/ordersForShipping


Manipulação de Objetos da Interface (Metadata) - Tela Embarques
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 Objetos da Interface (Metadata) - Tela Pedidos
Método (API)Endpoint (API)Endpoint (UPC)Evento (UPC)Entrada (UPC)Observação
GETURL_Base_pedidos/metadata/?type=listgetMetaData

list

Metadados

Estrutura metadados da listagem.

Manipulação de Dados - Tela 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
}
Manipulação de Dados - Tela Pedidos
Método (API)Endpoint (API)Endpoint (UPC)Evento (UPC)Entrada (UPC)Observação
GETURL_Base_pedidos?pageSize=20&page=1findAll

findAll

Dados dos registros

Executado depois de buscar os registros.

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


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
        }
    ]




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%",
                    "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": true,
            "optional": true,
            "label": "Depósito 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": true,
            "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

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": "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

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": [
        {
            "property": "sequence",
            "width": "5%",
            "disabled": true,
            "label": "Seq",
            "type": "number",
            "order": 28
        },
        {
            "property": "codItem",
            "width": "10%",
            "disabled": true,
            "label": "Item",
            "type": "string",
            "key": true,
            "order": 29
        },
        {
            "property": "deliNumber",
            "width": "5%",
            "disabled": true,
            "label": "Entrega",
            "type": "number",
            "order": 30
        },
        {
            "property": "deliDate",
            "width": "15%",
            "disabled": true,
            "label": "Dt Entrega",
            "type": "date",
            "order": 31
        },
        {
            "property": "pedClient",
            "width": "10%",
            "disabled": true,
            "label": "Pedido cliente",
            "type": "string",
            "order": 32
        },
        {
            "property": "client",
            "width": "15%",
            "disabled": true,
            "label": "Cliente",
            "type": "string",
            "order": 33
        },
        {
            "property": "qtAllocated",
            "format": "1.4-4",
            "width": "10%",
            "disabled": true,
            "label": "Qtde alocada",
            "type": "number",
            "order": 34
        },
        {
            "property": "sitWMS",
            "width": "20%",
            "disabled": true,
            "label": "Situação WMS",
            "type": "string",
            "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,
            "property": "reference",
            "label": "Referência",
            "type": "string",
            "order": 36
        },
        {
            "gridColumns": 3,
            "property": "un",
            "label": "UM",
            "type": "string",
            "order": 37
        },
        {
            "gridColumns": 6,
            "property": "itemDescription",
            "label": "Descrição",
            "type": "string",
            "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": "codPackaging",
            "width": "15%",
            "disabled": true,
            "label": "Sigla",
            "type": "string",
            "key": true,
            "order": 24
        },
        {
            "property": "qtVolume",
            "width": "15%",
            "disabled": true,
            "label": "Qtde Volumes",
            "type": "number",
            "order": 25
        },
        {
            "property": "volumeBrand",
            "width": "30%",
            "disabled": true,
            "label": "Marca",
            "type": "string",
            "order": 26
        },
        {
            "property": "volumeDescription",
            "width": "40%",
            "disabled": true,
            "label": "Descrição",
            "type": "string",
            "order": 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
titleExemplo

"modalColumnsDeposit": [
        {
            "allowColumnsManager": true,
            "property": "codItem",
            "width": "15%",
            "disabled": true,
            "label": "Item",
            "type": "string",
            "order": 48
        },
        {
            "allowColumnsManager": true,
            "property": "codDeposit",
            "width": "10%",
            "disabled": true,
            "label": "Depósito",
            "type": "string",
            "key": true,
            "order": 49
        },
        {
            "allowColumnsManager": true,
            "booleanTrue": "Sim",
            "property": "depWMS",
            "width": "10%",
            "booleanFalse": "Não",
            "disabled": true,
            "label": "Dep WMS",
            "type": "boolean",
            "order": 50
        },
        {
            "allowColumnsManager": true,
            "property": "localization",
            "width": "15%",
            "disabled": true,
            "label": "Localização",
            "type": "string",
            "order": 51
        },
        {
            "allowColumnsManager": true,
            "property": "batch",
            "width": "20%",
            "disabled": true,
            "label": "Lote\/Série",
            "type": "string",
            "order": 52
        },
        {
            "allowColumnsManager": true,
            "property": "qtAllocated",
            "format": "1.4-4",
            "width": "15%",
            "disabled": true,
            "label": "Qtde alocada",
            "type": "number",
            "order": 53
        },
        {
            "allowColumnsManager": true,
            "property": "batchShelfLife",
            "width": "15%",
            "disabled": true,
            "label": "Validade Lote",
            "type": "date",
            "order": 54
        }
]

Image Added

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": [
        {
            "gridColumns": 4,
            "property": "pedClient",
            "label": "Pedido",
            "type": "string",
            "order": 39
        },
        {
            "gridColumns": 4,
            "property": "client",
            "label": "Cliente",
            "type": "string",
            "order": 40
        },
        {
            "gridColumns": 4,
            "property": "codItem",
            "label": "Item",
            "type": "string",
            "order": 41
        },
        {
            "gridColumns": 4,
            "property": "sequence",
            "label": "Sequência",
            "type": "number",
            "order": 42
        },
        {
            "gridColumns": 4,
            "property": "reference",
            "label": "Referência",
            "type": "string",
            "order": 43
        },
        {
            "gridColumns": 4,
            "property": "deliNumber",
            "label": "Nr Entrega",
            "type": "number",
            "order": 44
        },
        {
            "gridColumns": 4,
            "property": "deliDate",
            "label": "Data Entrega",
            "type": "date",
            "order": 45
        },
        {
            "gridColumns": 4,
            "property": "sitWMS",
            "label": "Situação WMS",
            "type": "string",
            "order": 46
        },
        {
            "gridColumns": 4,
            "property": "qtAllocated",
            "label": "Quantidade Alocada",
            "type": "number",
            "order": 47
        }
    ]

Image Added

d) Tela - Listagem de Pedidos

Âncora
4d
4d

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": "Pedidos"

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": "generate"

        },

        {

            "label": "vinculate"

        }

    ]

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": "generate"

        },

        {

            "label": "vinculate"

        },

        {

            "label": "observations"

        }

    ],

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": [

        {

            "visible": false,

            "allowColumnsManager": true,

            "gridColumns": 2,

            "property": "orderNumber",

            "label": "Pedido",

            "type": "number",

            "key": true,

            "order": 1

        },

        {

            "visible": true,

            "allowColumnsManager": false,

            "property": "customerOrderNumber",

            "label": "Pedido Cliente",

            "type": "cellTemplate",

            "order": 2

        },

        {

            "visible": false,

            "allowColumnsManager": true,

            "property": "customerCode",

            "label": "Código Cliente",

            "type": "string",

            "order": 3

        },

        {

            "visible": true,

            "allowColumnsManager": true,

            "property": "customerShortName",

            "label": "Nome Cliente",

            "type": "number",

            "order": 4

        },

        {

            "visible": true,

            "allowColumnsManager": true,

            "property": "establishmentCode",

            "label": "Estabelecimento",

            "type": "string",

            "order": 5

        },

        {

            "visible": true,

            "allowColumnsManager": true,

            "property": "totalOrderValue",

            "format": "BRL",

            "label": "Valor Total",

            "type": "currency",

            "order": 6

        },

        {

            "visible": true,

            "allowColumnsManager": true,

            "optionsMulti": true,

            "property": "orderSituationCode",

            "options": [

                {

                    "label": "Aberto",

                    "value": 1

                },

                {

                    "label": "Atendido Parcial",

                    "value": 2

                },

                {

                    "label": "Atendido Total",

                    "value": 3

                },

                {

                    "label": "Pendente",

                    "value": 4

                },

                {

                    "label": "Suspenso",

                    "value": 5

                },

                {

                    "label": "Cancelado",

                    "value": 6

                },

                {

                    "label": "Fatur Balcão",

                    "value": 7

                }

            ],

            "label": "Situação",

            "type": "label",

            "order": 7,

            "labels": [

                {

                    "color": "color-01",

                    "tooltip": null,

                    "label": "Aberto",

                    "value": 1

                },

                {

                    "color": "color-11",

                    "tooltip": null,

                    "label": "Atendido Parcial",

                    "value": 2

                },

                {

                    "color": "color-10",

                    "tooltip": null,

                    "label": "Atendido Total",

                    "value": 3

                },

                {

                    "color": "color-05",

                    "tooltip": null,

                    "label": "Pendente",

                    "value": 4

                },

                {

                    "color": "color-08",

                    "tooltip": null,

                    "label": "Suspenso",

                    "value": 5

                },

                {

                    "color": "color-07",

                    "tooltip": null,

                    "label": "Cancelado",

                    "value": 6

                },

                {

                    "color": "color-12",

                    "tooltip": null,

                    "label": "Fatur Balcão",

                    "value": 7

                }

            ]

        },

        {

            "visible": false,

            "allowColumnsManager": true,

            "property": "deliveryDate",

            "label": "Data Entrega",

            "type": "date",

            "order": 8

        },

        {

            "visible": false,

            "allowColumnsManager": true,

            "property": "representativeCode",

            "label": "Representante",

            "type": "number",

            "order": 9

        },

        {

            "visible": false,

            "allowColumnsManager": true,

            "property": "paymentConditionCode",

            "label": "Condição Pagamento",

            "type": "number",

            "order": 10

        },

        {

            "visible": false,

            "allowColumnsManager": true,

            "property": "issueDate",

            "label": "Data Emissão",

            "type": "date",

            "order": 11

        },

        {

            "visible": false,

            "allowColumnsManager": true,

            "property": "priorityCode",

            "label": "Prioridade",

            "type": "number",

            "order": 12

        },

        {

            "visible": false,

            "allowColumnsManager": true,

            "property": "operationNature",

            "label": "Natureza Operação",

            "type": "string",

            "order": 13

        },

        {

            "visible": false,

            "allowColumnsManager": true,

            "property": "salesChannelCode",

            "label": "Canal Vendas",

            "type": "number",

            "order": 14

        },

        {

            "visible": true,

            "allowColumnsManager": true,

            "optionsMulti": true,

            "property": "billingSituation",

            "options": [

                {

                    "label": "Sim",

                    "value": 1

                },

                {

                    "label": "Não",

                    "value": 0

                }

            ],

            "label": "Liberado Faturamento",

            "type": "label",

            "order": 15,

            "labels": [

                {

                    "color": "color-07",

                    "tooltip": null,

                    "label": "Não",

                    "value": 0

                },

                {

                    "color": "color-12",

                    "tooltip": null,

                    "label": "Sim",

                    "value": 1

                }

            ]

        }

    ],

Image Added650


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": "orderNumberIni",

            "label": "Pedido Cliente Inicial",

            "placeholder": "Pedido Cliente Inicial",

            "type": "number",

            "fieldValue": "",

            "order": 22,

            "mask": "ZZZZZZZZZZZZ"

        },

        {

            "gridColumns": 6,

            "property": "orderNumberFim",

            "label": "Pedido Cliente Final",

            "placeholder": "Pedido Cliente Final",

            "type": "number",

            "fieldValue": "ZZZZZZZZZZZZ",

            "order": 23,

            "mask": "ZZZZZZZZZZZZ"

        },

        {

            "gridColumns": 6,

            "property": "customerCodeIni",

            "label": "Código Cliente Inicial",

            "placeholder": "Código Cliente Inicial",

            "type": "number",

            "fieldValue": "",

            "order": 24,

            "mask": "999999999"

        },

        {

            "gridColumns": 6,

            "property": "customerCodeFim",

            "label": "Código Cliente Final",

            "placeholder": "Código Cliente Final",

            "type": "number",

            "fieldValue": "999999999",

            "order": 25,

            "mask": "999999999"

        },

        {

            "gridColumns": 6,

            "property": "establishmentCodeIni",

            "label": "Estabelecimento Inicial",

            "placeholder": "Estabelecimento Inicial",

            "type": "string",

            "fieldValue": "",

            "order": 26,

            "mask": "ZZZZZ"

        },

        {

            "gridColumns": 6,

            "property": "establishmentCodeFim",

            "label": "Estabelecimento Final",

            "placeholder": "Estabelecimento Final",

            "type": "string",

            "fieldValue": "ZZZZZ",

            "order": 27,

            "mask": "ZZZZZ"

        },

        {

            "gridColumns": 6,

            "property": "representativeCodeIni",

            "label": "Representante Inicial",

            "placeholder": "Representante Inicial",

            "type": "string",

            "fieldValue": "",

            "order": 28,

            "mask": "ZZZZZZZZZZZZ"

        },

        {

            "gridColumns": 6,

            "property": "representativeCodeFim",

            "label": "Representante Final",

            "placeholder": "Representante Final",

            "type": "string",

            "fieldValue": "ZZZZZZZZZZZZ",

            "order": 29,

            "mask": "ZZZZZZZZZZZZ"

        },

        {

            "gridColumns": 6,

            "property": "paymentConditionCodeIni",

            "label": "Condição Pagamento Inicial",

            "placeholder": "Condição Pagamento Inicial",

            "type": "number",

            "fieldValue": "",

            "order": 30,

            "mask": "999999999"

        },

        {

            "gridColumns": 6,

            "property": "paymentConditionCodeFim",

            "label": "Condição Pagamento Final",

            "placeholder": "Condição Pagamento Final",

            "type": "number",

            "fieldValue": "999999999",

            "order": 31,

            "mask": "999999999"

        },

        {

            "gridColumns": 6,

            "property": "totalOrderValueIni",

            "label": "Valor Pedido Inicial",

            "placeholder": "Condição Pagamento Final",

            "type": "currency",

            "fieldValue": "",

            "order": 32

        },

        {

            "gridColumns": 6,

            "property": "totalOrderValueFim",

            "label": "Valor Pedido Final",

            "placeholder": "Condição Pagamento Final",

            "type": "currency",

            "fieldValue": "999999999,99",

            "order": 33

        },

        {

            "gridColumns": 3,

            "property": "issueDateIni",

            "label": "Data Emissão Inicial",

            "placeholder": "Data Emissão Inicial",

            "type": "date",

            "fieldValue": "1990-01-01",

            "order": 34

        },

        {

            "gridColumns": 3,

            "property": "issueDateFim",

            "label": "Data Emissão Final",

            "placeholder": "Data Emissão Final",

            "type": "date",

            "fieldValue": "9999-12-31",

            "order": 35

        },

        {

            "gridColumns": 3,

            "property": "priorityCodeIni",

            "label": "Prioridade Inicial",

            "placeholder": "Prioridade Inicial",

            "type": "number",

            "fieldValue": "",

            "order": 36,

            "mask": "99"

        },

        {

            "gridColumns": 3,

            "property": "priorityCodeFim",

            "label": "Prioridade Final",

            "placeholder": "Prioridade Final",

            "type": "number",

            "fieldValue": "99",

            "order": 37,

            "mask": "99"

        },

        {

            "gridColumns": 6,

            "optionsMulti": true,

            "property": "filterOrderSituationCode",

            "options": [

                {

                    "label": "Aberto",

                    "value": 1

                },

                {

                    "label": "Atendido Parcial",

                    "value": 2

                },

                {

                    "label": "Atendido Total",

                    "value": 3

                },

                {

                    "label": "Pendente",

                    "value": 4

                },

                {

                    "label": "Suspenso",

                    "value": 5

                },

                {

                    "label": "Cancelado",

                    "value": 6

                },

                {

                    "label": "Fatur Balcão",

                    "value": 7

                }

            ],

            "label": "Situação",

            "type": "label",

            "order": 38

        },

        {

            "gridColumns": 6,

            "optionsMulti": false,

            "property": "filterBillingSituation",

            "options": [

                {

                    "label": "Sim",

                    "value": 1

                },

                {

                    "label": "Não",

                    "value": 2

                },

                {

                    "label": "Ambos",

                    "value": 3

                }

            ],

            "label": "Liberado Faturamento",

            "type": "label",

            "fieldValue": "3",

            "order": 39

        }

    ],

Image Added

columnsDeliveries

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

"columnsDeliveries":

[

    {

        "visible": true,

        "allowColumnsManager": true,

        "property": "itemCode",

        "label": "Item",

        "type": "string",

        "key": true,

        "order": 15

    },

    {

        "visible": true,

        "allowColumnsManager": true,

        "property": "deliveryNumber",

        "label": "Nr Entrega",

        "type": "number",

        "order": 16

    },

    {

        "visible": false,

        "allowColumnsManager": true,

        "property": "itemSequenceNumber",

        "label": "Sequência",

        "type": "number",

        "order": 17

    },

    {

        "visible": true,

        "allowColumnsManager": true,

        "property": "orderedQuantity",

        "format": "0.4-4",

        "label": "Quantidade Pedida",

        "type": "number",

        "order": 18

    },

    {

        "visible": true,

        "allowColumnsManager": true,

        "property": "allocatedQuantity",

        "format": "0.4-4",

        "label": "Quantidade Alocada",

        "type": "number",

        "order": 19

    },

    {

        "visible": true,

        "allowColumnsManager": true,

        "property": "availableQuantity",

        "label": "Quantidade Disponível",

        "type": "cellTemplate",

        "order": 20

    },

    {

        "visible": true,

        "allowColumnsManager": true,

        "property": "deliveryDate",

        "label": "Data Entrega",

        "type": "date",

        "order": 21

    },

    {

        "visible": false,

        "allowColumnsManager": true,

        "property": "cityDelivery",

        "label": "Cidade Entrega",

        "type": "string",

        "order": 22

    },

    {

        "visible": false,

        "allowColumnsManager": true,

        "property": "stateDelivery",

        "label": "Estado Entrega",

        "type": "string",

        "order": 23

    },

    {

        "visible": true,

        "allowColumnsManager": false,

        "property": "shipping",

        "label": "Embarques",

        "type": "cellTemplate",

        "order": 24

    }

]

Image Added

columnsCompoundSonDeliveries

Utilizado para dizer quais campos devem aparecer na tabela de informações dos itens filhos de um item composto/configurado, pode ser incluídos novos campos, ou retirado os 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

"columnsCompoundSonDeliveries": [
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "itemCode",
            "disabled": true,
            "label": "Item",
            "type": "string",
            "key": true,
            "order": 19
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "productDescription",
            "disabled": true,
            "label": "Desc Item",
            "type": "string",
            "key": true,
            "order": 20
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "reference",
            "disabled": true,
            "label": "Referência",
            "type": "string",
            "order": 21
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "orderedQuantity",
            "format": "0.4-4",
            "disabled": true,
            "label": "Qtde Pedida",
            "type": "number",
            "order": 22
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "allocatedQuantity",
            "format": "0.4-4",
            "disabled": true,
            "label": "Qtde Alocada",
            "type": "number",
            "order": 23
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "availableQuantity",
            "disabled": true,
            "label": "Qtde Disponível",
            "type": "cellTemplate",
            "order": 24
        }
]

Image Added

columnsVinculateShipping

Utilizado para dizer quais campos devem aparecer na tabela de viculação de embarques, 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.

Image Added

Expandir
titleExemplo

[

    {

        "allowColumnsManager": false,

        "property": "codShipping",

        "label": "Embarque",

        "type": "number",

        "key": true,

        "order": 51

    },

    {

        "allowColumnsManager": true,

        "property": "numExpShipping",

        "label": "Processo de Exportação",

        "type": "string",

        "order": 52

    },

    {

        "allowColumnsManager": false,

        "property": "dateShipping",

        "label": "Data",

        "type": "date",

        "order": 53

    },

    {

        "allowColumnsManager": false,

        "property": "estabShipping",

        "label": "Estabelecimento",

        "type": "string",

        "order": 54

    },

    {

        "allowColumnsManager": false,

        "property": "identShipping",

        "label": "Preparador",

        "type": "string",

        "order": 55

    },

    {

        "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": 56,

        "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

            }

        ]

    }

]

modalVinculateShippingResult

Utilizado para dizer quais campos devem aparecer na tabela de resultados da vinculação de embarques, 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.

Image Added

Expandir
titleExemplo

[

    {

        "visible": true,

        "allowColumnsManager": true,

        "gridColumns": 4,

        "property": "customerShortName",

        "label": "Cliente",

        "type": "string",

        "order": 57

    },

    {

        "visible": true,

        "allowColumnsManager": true,

        "gridColumns": 4,

        "property": "orderCode",

        "label": "Pedido",

        "type": "string",

        "order": 58

    },

    {

        "allowColumnsManager": true,

        "gridColumns": 4,

        "property": "errorSubType",

        "label": "Resultado",

        "type": "label",

        "order": 59,

        "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"

            }

        ]

    }

]

modalVinculateShippingErrors

Utilizado para dizer quais campos devem aparecer na tabela de erros na vinculação de embarques, 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.

Image Added

Expandir
titleExemplo

[

    {

        "allowColumnsManager": true,

        "gridColumns": 1,

        "property": "errorSubType",

        "label": "Resultado",

        "type": "label",

        "order": 60,

        "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,

        "gridColumns": 1,

        "property": "errorNumber",

        "label": "Erro",

        "type": "string",

        "order": 61

    },

    {

        "visible": true,

        "allowColumnsManager": true,

        "gridColumns": 3,

        "property": "errorDescription",

        "label": "Descrição",

        "type": "string",

        "order": 62

    },

    {

        "visible": true,

        "allowColumnsManager": true,

        "gridColumns": 7,

        "property": "errorHelp",

        "label": "Ajuda",

        "type": "string",

        "order": 63

    }

]

e) Tela - Detalhes do Pedido

Âncora
4e
4e

A tela de detalhes do pedido não foi desenvolvida utilizando o componente dinâmico completo, como o po-page-dynamic-table por exemplo, e sim usando po-page-default com um po-dynamic-view e um 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, é feito a concatenação do titulo recebido do metadata mais o número do pedido.

Expandir
titleExemplo

"title": "Detalhes do Pedido"

Image Added

breadcrumb

Usado para gerar 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.


Expandir
titleExemplo

"breadcrumb": {
        "items": [
            {
                "link": "\/shippingProcess\/orders",
                "label": "Lista de Pedidos"
            },
            {
                "link": "\/shippingProcess\/orders",
                "label": "Detalhes do Pedido"
            }
        ]
}

Image Added

dynamicViewField

Campos que serão exibidos no cabeçalho, 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

"dynamicViewField": [
        {
            "gridColumns": 4,
            "property": "customerShortName",
            "disabled": true,
            "label": "Cliente (Nome abreviado)",
            "order": 1
        },
        {
            "gridColumns": 4,
            "property": "establishmentCode",
            "disabled": true,
            "label": "Estabelecimento",
            "order": 2
        },
        {
            "gridColumns": 4,
            "property": "totalOrderValue",
            "disabled": true,
            "label": "Valor total",
            "type": "currency",
            "order": 3
        },
        {
            "gridColumns": 4,
            "color": "color-11",
            "property": "orderSituationCode",
            "options": [
                {
                    "label": "Aberto",
                    "value": 1
                },
                {
                    "label": "Atendido Parcial",
                    "value": 2
                },
                {
                    "label": "Atendido Total",
                    "value": 3
                },
                {
                    "label": "Pendente",
                    "value": 4
                },
                {
                    "label": "Suspenso",
                    "value": 5
                },
                {
                    "label": "Cancelado",
                    "value": 6
                },
                {
                    "label": "Fatur Balcão",
                    "value": 7
                }
            ],
            "disabled": true,
            "label": "Situação",
            "tag": true,
            "order": 4
        },
        {
            "gridColumns": 4,
            "property": "deliveryDate",
            "disabled": true,
            "label": "Data entrega",
            "type": "date",
            "order": 5
        },
        {
            "gridColumns": 4,
            "property": "salesChannelCode",
            "disabled": true,
            "label": "Canal de vendas",
            "order": 6
        },
        {
            "gridColumns": 12,
            "property": "observations",
            "disabled": true,
            "label": "Observações",
            "order": 7
        }
]

Image Added

pageCustomActions

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.

Expandir
titleExemplo

"pageCustomActions": [
        {
            "label": "Voltar",
            "url": "\/shippingProcess\/orders"
        }
]

Image Added

deliveriesTableColumns

Utilizado para dizer quais campos devem aparecer na tabela de entregas do pedido, pode ser incluídos novos campos, ou retirado os 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

"deliveriesTableColumns": [
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "itemCode",
            "disabled": true,
            "label": "Item",
            "type": "string",
            "key": true,
            "order": 8
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "deliveryNumber",
            "disabled": true,
            "label": "Nr entrega",
            "type": "number",
            "order": 9
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "reference",
            "disabled": true,
            "label": "Referência",
            "type": "string",
            "order": 10
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "orderedQuantity",
            "disabled": true,
            "label": "Qtde pedida",
            "type": "number",
            "order": 11
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "allocatedQuantity",
            "disabled": true,
            "label": "Qtde alocada",
            "type": "number",
            "order": 12
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "availableQuantity",
            "disabled": true,
            "label": "Quantidade disponível",
            "type": "cellTemplate",
            "order": 13
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "deliveryDate",
            "disabled": true,
            "label": "Data entrega",
            "type": "date",
            "order": 14
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "shipping",
            "disabled": true,
            "label": "Embarques",
            "type": "cellTemplate",
            "order": 15
        }
]


Image Added

columnsCompoundSonDeliveries

Utilizado para dizer quais campos devem aparecer na tabela de informações dos itens filhos de um item composto/configurado, pode ser incluídos novos campos, ou retirado os 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

"columnsCompoundSonDeliveries": [
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "itemCode",
            "disabled": true,
            "label": "Item",
            "type": "string",
            "key": true,
            "order": 19
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "productDescription",
            "disabled": true,
            "label": "Desc Item",
            "type": "string",
            "key": true,
            "order": 20
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "reference",
            "disabled": true,
            "label": "Referência",
            "type": "string",
            "order": 21
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "orderedQuantity",
            "format": "0.4-4",
            "disabled": true,
            "label": "Qtde Pedida",
            "type": "number",
            "order": 22
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "allocatedQuantity",
            "format": "0.4-4",
            "disabled": true,
            "label": "Qtde Alocada",
            "type": "number",
            "order": 23
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "availableQuantity",
            "disabled": true,
            "label": "Qtde Disponível",
            "type": "cellTemplate",
            "order": 24
        }
]

Image Added

accordionOrderDetailsTitle

Titulo do Accordion dos detalhes do cabeçalho do pedido, é uma String concatenada com virgula entre cada label enviado no metadata, caso venha "options" o valor utilizado será o label dentro de cada opção, campo de data serão formatados para o formato brasileiro.


Expandir
titleExemplo

"accordionOrderDetailsTitle": [
        {
            "property": "customerShortName",
            "label": "Cliente (Nome abreviado)"
        },
        {
            "property": "establishmentCode",
            "label": "Estabelecimento"
        },
        {
            "property": "orderSituationCode",
            "options": [
                {
                    "label": "Aberto",
                    "value": 1
                },
                {
                    "label": "Atendido Parcial",
                    "value": 2
                },
                {
                    "label": "Atendido Total",
                    "value": 3
                },
                {
                    "label": "Pendente",
                    "value": 4
                },
                {
                    "label": "Suspenso",
                    "value": 5
                },
                {
                    "label": "Cancelado",
                    "value": 6
                },
                {
                    "label": "Fatur Balcão",
                    "value": 7
                }
            ],
            "label": "Situação"
        },
        {
            "property": "deliveryDate",
            "label": "Data entrega",
            "type": "date"
        }
]

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.

...

Informações
titleExemplo

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

...

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":"providerName",
     "label":"Fornecedor",
     "type":"string",
     "order":17
},
{
     "allowColumnsManager":true,
     "property":"ufName",
     "label":"Estado",
     "type":"string",
     "order":18
}]

...

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":[{
     "label":"Delete"
}]

...

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",
        "customerName"
    ],
    "label":"Fornecedor",
    "params":{
        "order":"customerCode"
    },
    "fieldValue":"customerCode",
    "required":true,
    "order":19
},
{
    "gridColumns":12,
    "optionsMulti":true,
    "property":"uf",
    "options":[{
        "label":"AC - Acre",
        "value":"AC"
    },
    { ... 
    }],
    "label":"Estado",
    "type":"label",
    "required":true,
    "order":20
}]

...