HTML шаблона:
<!DOCTYPE html> {% load pytils_numeral %} <html> <head lang="en"> <title>11</title> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/pdf.css"/> <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/print.css"/> <style> #rre p { font-size: 9px; margin: 0.5px; } table.list { position: relative; margin-top: 20px; border-collapse: collapse; border-spacing: 10px 5px; width: 100%; } table.paper_cut { height: 260px; } .services td { font-size: 9pt; } .services b { font-size: 9pt; } </style> </head> <body> <table width="100%" border="0" class="paper_cut"> <tr> <td width="33%" valign="top"> <p>ИЗВЕЩЕНИЕ</p> <p style="font-size: 7pt"> об уплате услуг связи </p> </td> <td width="36%" style="border-right: 2px solid; border-left: 2px solid; padding: 5px;" valign="top"> <div style="float:right; border: 1px solid; width: 60%; text-align: right;"> Услуги связи за {{ op_date|date:"F Y" }} </div> <div style="clear: right;"></div> <p>Адрес: {{ abonent.home }}</p> <p align="center"><b>{{ abonent.name }}</b></p> <table> <tr> <td> Телефон(ы): {% for user in users %} {{ user.login }} {% endfor %} </td> <td>Договор: {{ abonent.contract_number}}</td> </tr> <tr> <td>Счет выставлен: {{ op_date|date:"d.m.y" }}</td> <td>Оплатить до: {{ date }}</td> </tr> </table> <table border="1" cellpadding="0" style="margin: 0; padding: 0;" width="100%"> <tr> <td> <p style="font-size: 7pt">Сумма</p> <br/> <p style="font-size: 7pt" align="right"> </p> </td> <td> <p style="font-size: 7pt">Дата</p> <br/> <p style="font-size: 7pt" align="right">Подпись абонента</p> </td> </tr> </table> </td> <td width="33%" valign="top"> <div id="rre"> <p align="center" style="font-size:12px">{{ operator_attrs.2 }}</p> <p>{{ operator_attrs.3 }}</p> <p>ИНН{{ operator_attrs.4 }}</p> <p>КПП {{ operator_attrs.5 }}</p> <p>P/C {{ operator_attrs.6 }}</p> <p>В {{ operator_attrs.7 }}</p> <p>БИК {{ operator_attrs.8 }} К/С {{ operator_attrs.12 }}</p> <br/> <p align="center" style="font-size:12px; font-weight:bold">Уважаемые Абоненты</p> <p>{{ operator_attrs.2 }} Благодарит Вас за своевременную оплату услуг связи и извещает, что в случае неоплаты в срок указанной суммы предоставление услуг связи может быть приостановлено в соответствии с порядком, установленным действующим законодательством РФ.</p> </div> </td> </tr> </table> <hr style="border: 1px solid"> <table width="100%" border="0" class="paper_cut"> <tr> <td width="33%" valign="top"> <p>СЧЕТ-КВИТАНЦИЯ</p> <p style="font-size: 7pt">за услуги связи</p> </td> <td width="36%" style="border-right: 2px solid; border-left: 2px solid; padding: 5px;" valign="top"> <div style="float:right; border: 1px solid; width: 60%; text-align: right;"> Услуги связи за {{ op_date|date:"F Y" }} </div> <div style="clear: right;"></div> <p>Адрес: {{ abonent.home }}</p> <p align="center"><b>{{ abonent.name }}</b></p> <table> <tr> <td> Телефон(ы): {% for user in users %} {{ user.login }} {% endfor %} </td> <td>Договор: {{ abonent.contract_number}}</td> </tr> <tr> <td>Счет выставлен: {{ op_date|date:"d.m.y" }}</td> <td>Оплатить до: {{ date }}</td> </tr> </table> </td> <td width="33%" valign="top"> </td> </tr> </table> <hr style="border: 1px solid"> <table border="1" style="font-size: 8pt" cellpadding="2" class="list services"> <tr style="text-align: center; font-weight: bold"> <td width="30">Дата</td> <td width="260">Наименование услуги</td> <td width="70" style="border-right: 3px solid black">Кол-во</td> <td width="70">Сумма</td> </tr> {% for service in bill_services %} <tr> <td width="30"> </td> <td width="260">{{ service.name }}</td> <td width="70" style="border-right: 3px solid black">{{ service.v|floatformat:2 }} {{ service.unit }}</td> <td width="70" style="text-align: left">{{ service.summ|floatformat:2 }}</td> </tr> {% endfor %} <tr> <td width="30"> </td> <td width="260"><b>ИТОГО УСЛУГИ: </b></td> <td width="70" style="border-right: 3px solid black"> </td> <td width="70">{{ op_summa|floatformat:2}}</td> </tr> {% if voip_logs %} {% for account in voip_logs %} <table border="1" style="font-size: 8pt" cellpadding="2" class="list services" id="table1"> <tr style="text-align: center; font-weight: bold; margin-left:5px;"> <td width="25">Дата</td> <td width="100">Наименование услуги</td> <td width="70">Кол-во</td> <td width="70">Сумма</td> <td width="25">Дата</td> <td width="100">Наименование услуги</td> <td width="70">Кол-во</td> <td width="70">Сумма</td> </tr> {% for account_res in account.result %} {% for voip_log in account_res.voip_logs %} {% if forloop.counter0|divisibleby:2 %} <tr> {% endif %} <td width="30">{{ voip_log.s_time|date:"d.m.Y" }}</td> <td width="100"><b>{% if voip_log.account_number %}{{ voip_log.account_number }}{% endif %}</b>{{ voip_log.mask|slice:"1:" }} {{ voip_log.direction_name }}</td> <td width="70"> {% if voip_log.v %} {{ voip_log.v }} мин. {% endif %} </td> <td width="70" style="text-align: left">{{ voip_log.bill_sum }}</td> {% if not forloop.counter0|divisibleby:2 %} </tr> {% endif %} {% endfor %} {% endfor %} </table> {% endfor %} {% endif %} <table border="1" style="font-size: 8pt" cellpadding="2" class="list services" id="table1"> {% for voip_log in voip_logs %} {% if forloop.last %} <tr> <td width="30"> </td> <td width="100"><b>{{ voip_log.account_number }}</b></td> <td width="70" style="border-right: 3px solid black"> </td> <td width="70" style="text-align: left">{{ voip_log.bill_sum }}</td> </tr> {% endif %} {% endfor %} <tr style="border-bottom: 3px solid black;"> <td width="30"> </td> <td width="260"><b>ОСТАТОК НА {{ op_date|date:"d.m.y"}}</b></td> <td width="70" style="border-right: 3px solid black"> </td> <td width="70">{{ input_sum|floatformat:2 }}</td> </tr> <tr> <td width="30"> </td> <td width="260"><b>ИТОГО К ОПЛАТЕ</b></td> <td width="70" style="border-right: 3px solid black"> </td> <td width="70">{{ op_summa|floatformat:2 }}</td> </tr> </table> <script src="{{ STATIC_URL }}js/jquery.min.js"></script> </body> </html>