Untitled

 avatar
unknown
javascript
5 months ago
1.7 kB
7
Indexable
document.getElementById("orcamentoForm").addEventListener("submit", function(event) {
    event.preventDefault();
  
    // Obtenção dos valores dos inputs
    const nome = document.getElementById("nome").value;
    const telefone = document.getElementById("telefone").value;
    const endereco = document.getElementById("endereco").value;
    const servico = document.getElementById("servico").value;
    const descricao = document.getElementById("descricao").value;
    const horas = parseInt(document.getElementById("horas").value);
    const data = document.getElementById("data").value;
  
    const valorHora = 100; // Valor da hora trabalhada
    const valorTotal = valorHora * horas; // Cálculo do valor total
  
    // Criando o PDF usando jsPDF
    const { jsPDF } = window.jspdf;
    const doc = new jsPDF();
  
    // Adicionando o template de fundo
    const img = new Image();
    img.src = "./template.png";
    img.onload = function () {
      doc.addImage(img, 'PNG', 0, 0, doc.internal.pageSize.width, doc.internal.pageSize.height);
  
      // Adicionando os dados no PDF
      doc.setFont("Arial", "bold");
      doc.setFontSize(11);
  
      doc.text(140, 93, nome); // Nome do cliente
      doc.text(140, 100, telefone); // Telefone do cliente
      doc.text(140, 107, endereco); // Endereço do cliente
      doc.text(160, 120, data); // Data do orçamento
      doc.text(24, 150, servico); // Serviço a ser feito
      doc.text(95, 150, descricao); // Descrição do serviço
      doc.text(170, 150, valorTotal.toString()); // Valor total
  
      // Salvando o PDF
      doc.save(`Orcamento_${nome}.pdf`);
    };
  });
  
Editor is loading...
Leave a Comment