Spaces:

Persano
/

flowise1

Sleeping

App Files Files Community

Persano commited on Jun 15

Commit

18172b4

verified ·

1 Parent(s): 52f0241

Update templates/relatorio_pdf.html

Browse files

Files changed (1) hide show

templates/relatorio_pdf.html +111 -55

templates/relatorio_pdf.html CHANGED Viewed

@@ -1,66 +1,122 @@
 <!DOCTYPE html>
 <html lang="pt-BR">
 <head>
-  <meta charset="UTF-8" />
-  <title>Relatório Simulação de Investimentos</title>
-  <style>
-    body {
-      font-family: Arial, sans-serif;
-      font-size: 12px;
-      margin: 20px;
-      color: #333;
-    }
-    h1, h2 {
-      text-align: center;
-      color: #2c3e50;
-      margin-bottom: 10px;
-    }
-    table {
-      width: 100%;
-      border-collapse: collapse;
-      margin-bottom: 25px;
-    }
-    th, td {
-      border: 1px solid #000;
-      padding: 6px 8px;
-      text-align: right;
-    }
-    th {
-      background-color: #007bff;
-      color: white;
-      text-align: center;
-    }
-    .resultado-destaque {
-      border: 2px solid #2e7d32;
-      background-color: #e8f5e9;
-      padding: 10px;
-      font-weight: bold;
-      text-align: center;
-      color: #2e7d32;
-      margin-top: 20px;
-      border-radius: 5px;
-    }
-    img {
-      display: block;
-      margin: 0 auto 25px auto;
-      max-width: 90%;
-      height: auto;
-    }
-  </style>
 </head>
 <body>
-  <h1>Simulador de Investimentos</h1>
-  <h2>Gráfico Comparativo</h2>
-  <img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de Investimentos" />
-  {{ tabela | safe }}
-  <div class="resultado-destaque">
-    Investimento com maior retorno: {{ investimento_mais_valorizado }}<br>
-    Valor final estimado: R$ {{ "{:,.2f}".format(valor_mais_alto).replace(",", "X").replace(".", ",").replace("X", ".") }}
-  </div>
 </body>
 </html>

 <!DOCTYPE html>
 <html lang="pt-BR">
 <head>
+    <meta charset="UTF-8" />
+    <title>Relatório de Investimentos</title>
+    <style>
+        @page {
+            size: A4;
+            margin: 20mm 15mm 20mm 15mm;
+            @top-center {
+                content: element(header);
+            }
+            @bottom-center {
+                content: element(footer);
+            }
+        }
+        body {
+            font-family: Arial, sans-serif;
+            font-size: 12px;
+            color: #333;
+            margin: 0;
+            padding: 0;
+        }
+        header {
+            display: block;
+            text-align: center;
+            font-weight: bold;
+            font-size: 16px;
+            margin-bottom: 10px;
+            border-bottom: 1px solid #ccc;
+            padding-bottom: 5px;
+        }
+        footer {
+            display: block;
+            text-align: center;
+            font-size: 10px;
+            color: #666;
+            border-top: 1px solid #ccc;
+            padding-top: 5px;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+        }
+        .page-number:before {
+            content: "Página " counter(page);
+        }
+        .report-container {
+            max-width: 700px; /* Limita a largura da tabela */
+            margin: auto;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-bottom: 20px;
+            font-size: 12px;
+        }
+        th {
+            background-color: #004080;
+            color: white;
+            padding: 8px;
+            border: 1px solid #004080;
+            text-align: center;
+        }
+        td {
+            border: 1px solid #ddd;
+            padding: 6px 8px;
+            text-align: right;
+        }
+        td:first-child {
+            text-align: center;
+            font-weight: bold;
+        }
+        h1 {
+            text-align: center;
+            color: #004080;
+            margin-top: 0;
+        }
+        .graph-container {
+            text-align: center;
+            margin-bottom: 20px;
+        }
+    </style>
 </head>
 <body>
+<header role="header" id="header">
+    Relatório de Investimentos - Simulação Financeira
+</header>
+<div class="report-container">
+    <h1>Simulação de Investimentos - 5 Anos</h1>
+    <div class="graph-container">
+        <img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de Investimentos" style="max-width: 100%; height: auto;" />
+    </div>
+    {{ tabela|safe }}
+    <p><strong>Investimento mais valorizado:</strong> {{ investimento_mais_valorizado }} com R$ {{ '{:,.2f}'.format(valor_mais_alto) }}</p>
+</div>
+<footer role="contentinfo" id="footer">
+    Gerado em {{ now.strftime('%d/%m/%Y %H:%M') }} - Página <span class="page-number"></span>
+</footer>
 </body>
 </html>