Olá pessoal! Estou no nível amador em relação à criação de sites, trabalho em uma imobiliária e vi a necessidade de um site "gerador de contratos", eis que estou tentando criar no momento.
A minha necessidade é a seguinte: o corretor irá colocar os dados do cliente (como se fosse um formulário) e ao finalizar vai gerar um contrato (já escrito) com as informações dos clientes que ele forneceu preenchendo as "lacunas" do contrato.
Porém, tenho um conhecimento limitado e não consigo achar uma solução para essa questão.
Vocês teriam alguma luz para me auxiliar? Módulos no WIX, fórmulas, etc...
Desde já agradeço!
muito obrigado
por favor. poderia me passar as rotinas. necessito muito. obrigado
Olá @Matheus Alexandre e @Nagii KM ,
Tudo bem?
Deu certo para vocês? Eu ainda não consegui resolver por aqui seguindo as orientações do Matheus e queria uma ajuda,
Obrigada!
abs
MATheus. estou com o mesmo problema. email: almirferrer@hotmail.com
Olá @Nagii KM tudo bem?
Você pode me informar o seu email? Irei entrar em contato com você em breve!
@Nagii KM
Elaborei uma solução usando google docs para criar o modelo e usando iframe para preencher os dados do modelo para que a impressão seja feita
1 - Criando modelo
Crie um modelo no google docs, isso vai garantir a formatação do seu documento. Use chaves para indicar onde o texto vai ser substituído pelos dados do contrato, exemplo se você quer preencher o nome do contratante em um lugar especifico do documento use: {'nomeContratante'}
Fiz o teste usando esse modelo:
2 - Preparando página com modelo
É uma boa ideia usar uma página dinâmica, mas no exemplo vou criar uma página em branco.
Crie uma nova página para seu modelo de contrato
Oculte o cabeçalho e o rodapé
Agora volte ao google docs e faça o download do seu modelo no formato html, Arquivo -> Fazer download como... -> página da web.
Com isso é preciso abrir o arquivo html baixado para pegar o código fonte e formatar, para que seja possível ler e editar o mesmo, eu usei esse site para formatar o código https://htmlformatter.com/.
Abra o arquivo.
Copie o conteúdo do arquivo.
Abra o site https://htmlformatter.com/.
Cole o conteúdo do arquivo.
Com o código formatado copie, abra um editor de texto, e cole o código para editar o mesmo. Vamos adicionar o script para preencher os dados do contrato, adicione entre o fechamento da tag body e a html.
Código:
<script > window.onmessage = (event) => { console.log(event) if (event.data.tipo === 'replace') { replaceText(event.data.ref, event.data.texto) } }; function replaceText(ref, text) { const r = new RegExp('{' + ref + '}', 'g') console.log(r) document.body.innerHTML = document.body.innerHTML.replace(r, text); } </script>
Resultado:
Adicione um Iframe a sua página e coloque o código editado no mesmo: clique no iframe -> Editar código -> Cole o código do modelo.
3 - Preenchendo dados
Nesse exemplo não preenchi os dados de forma dinâmica, mas o código pode ser adaptado.
Código de exemplo:
$w.onReady(() => { const dadosModelo = [{ tipo: 'replace', ref: 'nomeDestinatario', texto: 'Mr. Wix' }, { tipo: 'replace', ref: 'nomeEmpresa', texto: 'Wix corvid' }, { tipo: 'replace', ref: 'textoCorpo', texto: 'Esse texto pode ser consultado do banco de dados, esse é apenas um exemplo' }, ] //aqui atraso um pouco a execução para garantir que o iframe esteja //pronto. Caso não preencherDados no carregamento, não é preciso //fazer isso setTimeout(() => { preencherDados(dadosModelo) }, 3000) }) function preencherDados(dados) { dados.forEach((campo) => { $w("#html1").postMessage(campo) }) }
Resultado:
Com o modelo preenchido use a função de imprimir do navegador, com ela você pode salvar como pdf ou imprimir o contrato.
Olá @Nagii KM
O Corvid ainda não permite gerar o pdf usando módulos do servidor, tem algumas alternativas que podem ser utilizadas, mas preciso entender melhor sua necessidade.
Qual é a quantidade modelos de contrato que você precisa?
Os dados do cliente serão salvos no banco de dados?
Aguardo seu retorno!