Просмотр Исходного

HTML шаблона:
{code:lang=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">&nbsp</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">
&nbsp;
</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">&nbsp</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">&nbsp</td>
<td width="260"><b>ИТОГО УСЛУГИ: </b></td>
<td width="70" style="border-right: 3px solid black">&nbsp</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">&nbsp</td>
<td width="100"><b>{{ voip_log.account_number }}</b></td>
<td width="70" style="border-right: 3px solid black">&nbsp</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">&nbsp</td>
<td width="260"><b>ОСТАТОК НА {{ op_date|date:"d.m.y"}}</b></td>
<td width="70" style="border-right: 3px solid black">&nbsp</td>
<td width="70">{{ input_sum|floatformat:2 }}</td>
</tr>

<tr>
<td width="30">&nbsp</td>
<td width="260"><b>ИТОГО К ОПЛАТЕ</b></td>
<td width="70" style="border-right: 3px solid black">&nbsp</td>
<td width="70">{{ op_summa|floatformat:2 }}</td>
</tr>
</table>
<script src="{{ STATIC_URL }}js/jquery.min.js"></script>
</body>
</html>

{code}