CONTEÚDO

1. Visão Geral
2. Exemplo de utilização
3. Tela XXX
   1. Outras Ações / Ações relacionadas
      
4. Tela XXX
   1. Principais Campos e Parâmetros
      
5. Tabelas utilizadas

01. VISÃO GERAL

Essa documentação descreve o processo de configuração do layout customizado da carteirinha no portal do beneficiário. A API /totvsHealthPlans/familyContract/v1/beneficiaries/:subscriberId/card retorna os dados necessários para montar o layout do cartão, tanto para a frente quanto para o verso. Caso seja necessário incluir outros 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"
				}
			]
		}
	]
}

Exemplo de Arquivo layout-config.json:

03. TELA XXXXX

Outras Ações / Ações relacionadas

04. TELA XXXXX

Principais Campos e Parâmetros

05. TABELAS UTILIZADAS

Coloque o link das tabelas relacionadas