Hugging Face's logo

Spaces:
Persano
/
flowise1
Sleeping

App Files Community
Persano commited on
Commit
2435e8c
·
verified ·
1 Parent(s): a4905c7

Update templates/relatorio.html

Browse files
Files changed (1) hide show
  1. templates/relatorio.html +44 -60
templates/relatorio.html CHANGED
@@ -2,95 +2,79 @@
2
  <html lang="pt-BR">
3
  <head>
4
  <meta charset="UTF-8" />
5
- <title>Relatório de Investimentos</title>
6
  <style>
7
  body {
8
  font-family: Arial, sans-serif;
9
- margin: 20px 40px;
 
10
  color: #333;
11
- font-size: 12px;
12
  }
13
  h1, h2 {
14
- text-align: center;
15
- color: #00549f;
16
  margin-bottom: 10px;
17
  }
18
- .data {
19
- text-align: right;
20
- font-size: 11px;
21
- margin-bottom: 20px;
22
- color: #666;
23
- font-style: italic;
24
- }
25
- .grafico {
26
- display: block;
27
- margin: 0 auto 25px auto;
28
- width: 70%; /* Ajustado para 70% */
29
- }
30
- .tabela-container {
31
- page-break-inside: avoid;
32
- margin: 0 auto 40px auto;
33
- width: 90%;
34
- break-inside: avoid;
35
- -webkit-column-break-inside: avoid;
36
- -moz-column-break-inside: avoid;
37
- }
38
- table.tabela {
39
  width: 100%;
40
  border-collapse: collapse;
41
- font-size: 9px; /* Fonte menor para caber melhor */
42
- border: 1px solid #bbb;
43
- }
44
- table.tabela th {
45
- background-color: #e0e0e0;
46
- border: 1px solid #bbb;
47
- padding: 5px 8px;
48
- font-weight: bold;
49
- text-align: center;
50
  }
51
- table.tabela td {
52
  border: 1px solid #ccc;
53
- padding: 5px 8px;
54
- }
55
- table.tabela td:first-child {
56
- text-align: left;
57
- font-weight: 600;
58
- }
59
- table.tabela td:not(:first-child) {
60
  text-align: right;
61
  }
62
- /* Linhas zebra */
63
- table.tabela tbody tr:nth-child(odd) {
64
- background-color: #f9f9f9;
65
  }
66
- table.tabela tbody tr:nth-child(even) {
67
- background-color: #fff;
68
  }
69
  .analise {
70
- width: 90%;
71
- margin: 0 auto;
72
- font-size: 12px;
73
- line-height: 1.5em;
 
74
  }
75
- .analise b {
76
- color: #004080;
 
 
 
 
 
 
 
77
  }
78
  </style>
79
  </head>
80
  <body>
81
- <h1>Relatório de Investimentos</h1>
82
- <div class="data">{{ data_hoje }}</div>
83
 
84
- <img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de Projeção" class="grafico" />
 
 
 
 
 
 
 
 
 
 
 
 
 
85
 
86
- <div class="tabela-container">
87
- <h2>Projeção de Crescimento Anual</h2>
88
- {{ tabela | safe }}
89
  </div>
90
 
91
  <div class="analise">
 
92
  {{ analise_final | safe }}
93
  </div>
 
94
  </body>
95
  </html>
96
 
 
2
  <html lang="pt-BR">
3
  <head>
4
  <meta charset="UTF-8" />
5
+ <title>Relatório de Investimento</title>
6
  <style>
7
  body {
8
  font-family: Arial, sans-serif;
9
+ font-size: 12pt;
10
+ margin: 30px;
11
  color: #333;
 
12
  }
13
  h1, h2 {
14
+ color: #004080;
 
15
  margin-bottom: 10px;
16
  }
17
+ table {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
18
  width: 100%;
19
  border-collapse: collapse;
20
+ margin-bottom: 25px;
 
 
 
 
 
 
 
 
21
  }
22
+ th, td {
23
  border: 1px solid #ccc;
24
+ padding: 6px 8px;
 
 
 
 
 
 
25
  text-align: right;
26
  }
27
+ th {
28
+ background-color: #e0e0e0;
 
29
  }
30
+ td:first-child, th:first-child {
31
+ text-align: center;
32
  }
33
  .analise {
34
+ margin-top: 20px;
35
+ padding: 15px;
36
+ border: 1px solid #004080;
37
+ background: #f0f8ff;
38
+ border-radius: 4px;
39
  }
40
+ .grafico {
41
+ text-align: center;
42
+ margin: 20px 0;
43
+ }
44
+ .header-info {
45
+ margin-bottom: 20px;
46
+ }
47
+ .header-info p {
48
+ margin: 2px 0;
49
  }
50
  </style>
51
  </head>
52
  <body>
 
 
53
 
54
+ <h1>Relatório de Investimento - Projeção 5 anos</h1>
55
+ <div class="header-info">
56
+ <p><strong>Capital Inicial:</strong> {{ capital_formatado }}</p>
57
+ <p><strong>Rendimento mensal Studio:</strong> {{ studio_ret_formatado }}</p>
58
+ <p><strong>Valorização anual Studio:</strong> {{ valorizacao_formatado }}</p>
59
+ <p><strong>Rendimento anual Franquia:</strong> {{ franquia_ret_formatado }}</p>
60
+ <p><strong>Retorno anual Ações:</strong> {{ acoes_ret_formatado }}</p>
61
+ <p><strong>Retorno anual Renda Fixa:</strong> {{ renda_fixa_formatado }}</p>
62
+ <p><strong>Inflação anual:</strong> {{ inflacao_formatado }}</p>
63
+ <p><em>{{ data_hoje }}</em></p>
64
+ </div>
65
+
66
+ <h2>Tabela de Projeção</h2>
67
+ {{ tabela | safe }}
68
 
69
+ <div class="grafico">
70
+ <img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de Projeção" />
 
71
  </div>
72
 
73
  <div class="analise">
74
+ <h2>Análise da IA</h2>
75
  {{ analise_final | safe }}
76
  </div>
77
+
78
  </body>
79
  </html>
80