Configuração do Layout Customizado da Carteirinha

CONTEÚDO

1. Visão Geral
2. Exemplo de utilização
3. Configuração Layout Cartão
   1. Outras Ações / Ações relacionadas
      
4. Configuração dos Campos no Arquivo JSON
   1. Principais Campos e Parâmetros
      
5. Tabelas utilizadas

01. VISÃO GERAL

Esta documentação detalha o processo de configuração do layout customizado da carteirinha no portal do beneficiário, abrangendo tanto a frente quanto o verso. Para adicionar novos campos, utilize o ponto de entrada PTBENCARD.

Passos para a Configuração:

1. Salvar as Imagens do Cartão: Salve as imagens da frente e verso do cartão no formato PNG, tamanho 420 x 240, com a nomenclatura front-card.png e back-card.png, no diretório do servidor:

   • RootPath: \portais-saude\portal-beneficiario\card\
   • A imagem deve conter apenas os dados "fixos", como o logotipo, enquanto os campos de valores serão preenchidos dinamicamente.
     
     

2. Criar o Arquivo de Configuração: No mesmo diretório, crie o arquivo de configuração layout-config.json, contendo as definições para os campos que aparecerão no cartão.

02. EXEMPLO DE UTILIZAÇÃO

O exemplo abaixo mostra como montar o layout customizado da carteirinha com base no arquivo layout-config.json.

{
	"front": [
		{
			"css": "font-size: 9px;font-weight: bold;top: 50px; width: 200px; left: 300px;",
			"values": [
				{
					"type": "custom",
					"value": "meuCampo"
				}
			]
		},
		{
			"css": "font-size: 9px;font-weight: bold;top: 70px; width: 200px; left: 20px;",
			"values": [
				{
					"type": "field",
					"value": "planDescription"
				},
				{
					"type": "field",
					"value": "accommodationDescription"
				}
			]
		},
		{
			"css": "font-size: 9px;font-weight: bold;top: 85px; width: 200px; left: 20px;",
			"values": [
				{
					"type": "field",
					"value": "coverageArea"
				}
			]
		},
		{
			"css": "font-size: 8px;top: 117px; width: 70px; left: 330px;",
			"values": [
				{
					"type": "text",
					"value": "VÁLIDO ATÉ:"
				}
			]
		},
		{
			"css": "font-size: 10px;font-weight: bold;top: 135px; width: 400px; left: 20px; color: white",
			"values": [
				{
					"type": "field",
					"value": "subcontractCardName"
				}
			]
		}
	],
	"back": [
		{
			"css": "font-size: 9px;font-weight: bold;top: 70px; width: 200px; left: 100px;",
			"values": [
				{
					"type": "field",
					"value": "planDescription"
				},
				{
					"type": "field",
					"value": "accommodationDescription"
				}
			]
		}
	]
}

layout-config.json

Após aplicar a configuração, a carteirinha no portal será renderizada com os campos dinâmicos e fixos conforme definidos no arquivo layout-config.json. A imagem do cartão será gerada com base nas imagens da frente e verso, aplicando o estilo CSS e exibindo os valores de acordo com as informações retornadas pela API.

Segue a lista de campos padrão disponíveis para a configuração do arquivo de layout:

Exemplo de Imagem do Cartão no Portal

Aqui está um exemplo visual de como a carteirinha pode aparecer no portal do beneficiário, com base na configuração fornecida. Este é apenas um modelo ilustrativo, pois o layout final pode variar dependendo dos dados específicos retornados pela API.

03. CONFIGURAÇÃO LAYOUT CARTÃO

Outras Ações / Ações relacionadas

04. CONFIGURAÇÃO DOS CAMPOS NO ARQUIVO JSON

Principais Campos e Parâmetros

05. TABELAS UTILIZADAS

• BA0 - Operadoras de Saúde
• BA1 - Beneficiários
• BA3 - Famílias de Usuários
• BDE - Exportação de Identificação
• BED - Cobranças e Emissão de Carteirinhas
• BI3 - Produtos de Saúde
• BI4 - Tipos de Acomodação para Internação
• BI6 - Segmentação de Saúde
• BPX - Motivos para Emissão de Carteira
• BQC - Subcontratos
• BTS - Cadastro de Vidas