Histórico da Página

...

Propriedade

Description

title

Título da página.

Expandir

title	Exemplo

"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

title	Exemplo

"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

title	Exemplo

"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

title	Exemplo

"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

title	Exemplo

"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

title	Exemplo

"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

}

]

e) Tela - Detalhes d 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 dynamicView 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.

...

Árvore de páginas

Versões comparadas

Versão antiga 68

Nova versão 69

Chave