Árvore de páginas

Versões comparadas

Chave

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

...

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

01. Visão Geral 
Âncora
1
1

...

PropriedadeDescription
title

Título da página.

Expandir
titleExemplo

"title": "Pedidos"

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"

        }

    ]

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"

        }

    ],

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

                }

            ]

        }

    ],

650


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

        }

    ],

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

    }

]

...

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

...

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

PropriedadeDescriptiontitle

Título da página, é feito a concatenação do titulo recebido do metadata mais o número do pedido.

Expandir
titleExemplo

"title": "Detalhes do Pedido"

Image Removed

breadcrumbUsado 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

deliveriesTableColumns":

{

[
       

"items": [

{
           

{
   

"visible": true,
            "

link

allowColumnsManager":

"\/shippingProcess\/orders"

true,

   

            "

label

property": "

Lista de Pedidos

itemCode",
           

}

"disabled": true,
           

{
   

"label": "Item",
            "

link

type": "

\/shippingProcess\/orders

string",
           

   

"

label

key":

"Detalhes do Pedido"

true,
           

}

"order": 8
       

]

}

Image Removed

dynamicViewFieldCampos que serão exibidos no cabeçalho Expandir
titleExemplo
"dynamicViewField": [

,

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.


        {
            "visible": true,
            "

gridColumns

allowColumnsManager":

4

true,
            "property": "

customerShortName

deliveryNumber",
            "disabled": true,
            "label": "Nr entrega",
            "type": "

Cliente (Nome abreviado)

number",
            "order":

1

9
        },
        {
           

"gridColumns

"visible": true,
            "allowColumnsManager":

4

true,
            "property": "

establishmentCode

reference",
            "disabled": true,
            "label": "

Estabelecimento

Referência",
            "type": "string",
            "order":

2

10
        },
        {
           

"gridColumns

"visible": true,
            "allowColumnsManager":

4

true,
            "property": "

totalOrderValue

orderedQuantity",
            "disabled": true,
            "label": "

Valor total

Qtde pedida",
            "type": "

currency

number",
            "order":

3

11
        },
        {
            "

gridColumns

visible":

4

true,
            "

color

allowColumnsManager":

"color-11"

true,
            "property": "

orderSituationCode

allocatedQuantity",
            "

options

disabled":

[

true,
           

    {

"label": "Qtde alocada",
           

       

"

label

type": "

Aberto

number",
           

       

"

value

order":

1

12
        },
       

},

{
            "visible": true,
   

{

        "allowColumnsManager": true,
            "

label

property": "

Atendido Parcial

availableQuantity",
            "disabled": true,
            "

value

label":

2

"Quantidade disponível",
           

    }

"type": "cellTemplate",
            "order": 13
   

{

    },
        {
            "

label

visible":

"Atendido Total"

true,

       

            "

value

allowColumnsManager":

3

true,
           

    }

"property": "deliveryDate",
            "disabled": true,
   

{

        "label": "Data entrega",
            "

label

type": "

Pendente

date",

   

           

   

"

value

order":

4

14

       

        },

       

        {

       

            "

label

visible":

"Suspenso"

true,

     

           

 

"

value

allowColumnsManager":

5

true,
           

    }

"property": "shipping",
            "disabled": true,
   

{

        "label": "Embarques",
            "

label

type": "

Cancelado

cellTemplate",
           

       

"

value

order":

6

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

       

{
           

       

"

label

visible":

"Fatur Balcão"

true,

       

            "

value

allowColumnsManager":

7

true,
           

    }

"property": "itemCode",
           

]

"disabled": true,
            "

disabled

label":

true

"Item",
            "

label

type": "

Situação

string",
            "

tag

key": true,
            "order":

4

19
        },
        {
           

"gridColumns

"visible": true,
            "allowColumnsManager":

4

true,
            "property": "

deliveryDate

productDescription",
            "disabled": true,
            "label": "

Data entrega

Desc Item",
            "type":

"date"

"string",
            "key": true,
            "order":

5

20
        },
        {
            "visible": true,
            "

gridColumns

allowColumnsManager":

4

true,
            "property": "

salesChannelCode

reference",
            "disabled": true,
            "label":

"Canal de vendas

"Referência",
            "type": "string",
            "order":

6

21
        },
        {
            "

gridColumns

visible":

12

true,
            "

property

allowColumnsManager":

"observations"

true,
            "

disabled

property":

true

"orderedQuantity",
            "

label

format": "

Observações

0.4-4",
            "

order": 7
        }
]

Image Removed

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

disabled": true,


            "label": "

Voltar

Qtde Pedida",
            "

url

type": "

\/shippingProcess\/orders"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": [

number",
       

}
]

Image Removed

    "order": 22
        },


        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "

itemCode

allocatedQuantity",
            "

disabled

format":

true

"0.4-4",
            "

label

disabled":

"Item"

true,
            "

type

label": "

string

Qtde Alocada",
            "

key

type":

true

"number",
            "order":

8

23
        },
        {
            "visible": true,
            "allowColumnsManager": true,
            "property": "

deliveryNumber

availableQuantity",
            "disabled": true,
            "label": "

Nr entrega

Qtde Disponível",
            "type": "

number

cellTemplate",
            "order":

9

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

visible

property":

true

"customerShortName",
            "

allowColumnsManager

label":

true,

"Cliente (Nome abreviado)"
        },
        {
            "property": "

reference

establishmentCode",
            "

disabled

label":

true,

"Estabelecimento"
        },
       

"label": "Referência",

{
            "

type

property": "

string

orderSituationCode",
            "

order

options":

10

[
       

},

        {
                    "

visible

label":

true

"Aberto",

   

       

"allowColumnsManager": true,

            "

property

value":

"orderedQuantity",

1
             

"disabled": true

  },
           

"label": "Qtde pedida",

    {
       

"type": "number",

            "

order

label":

11
        }

"Atendido Parcial",
       

{

            "

visible

value":

true,

2
               

"allowColumnsManager": true

},
           

"property": "allocatedQuantity",

    {
       

"disabled": true,

            "label": "

Qtde alocada

Atendido Total",
                    "

type

value":

"number",

3
               

"order": 12

},
       

},

        {
                    "

visible

label":

true

"Pendente",
                    "

allowColumnsManager

value":

true,

4
               

"property": "availableQuantity"

},
           

"disabled": true,

    {
                    "label": "

Quantidade disponível

Suspenso",
                    "

type

value":

"cellTemplate",

5
           

"order": 13

    },
       

},

        {
                    "

visible

label":

true

"Cancelado",
                    "

allowColumnsManager

value":

true,

6
           

"property": "deliveryDate"

    },
               

"disabled": true,

{
                    "label": "

Data entrega

Fatur Balcão",
           

"type": "date",
   

        "

order

value":

14

7
       

},

       

{

}
           

"visible": true

],
            "

allowColumnsManager

label":

true,

"Situação"
       

    "property": "shipping"

},
       

    "disabled": true,

{
            "

label

property": "

Embarques

deliveryDate",
            "

type

label": "

cellTemplate

Data entrega",
            "

order

type":

15

"date"
        }
]

Image Removed

Image Added

05. Observações Gerais 
Âncora
5
5

...