ERPNEXT (WKHTMLTOPDF) PDF генерирует неправильный макет (размер шрифта, поля, размер страницы)

ERPNEXT (WKHTMLTOPDF) PDF генерирует неправильный макет (размер шрифта, поля, размер страницы) ⇐ CSS

1 сообщение • Страница 1 из 1

Anonymous

ERPNEXT (WKHTMLTOPDF) PDF генерирует неправильный макет (размер шрифта, поля, размер страницы)

Цитата

Сообщение Anonymous » 12 мар 2025, 16:53

Я сталкиваюсь с проблемой в ErpNext при создании PDF -файлов с экрана печати счета -фактуры. Существует два варианта генерации PDF:
[*] print → Save As Pdf (работает отлично, поддерживает макет и все остальное)
[*] прямое PDF -кнопку (разрывы: размер фонда, margins и изменение размера страницы)

печати CSS , что влияет на оба метода. Хотя некоторые изменения отражаются, это также нарушает «Print → Save As PDF». /> рендеринг wkhtmltopdf без CSS - Custom и Core - все стандартные решения не влияют - Ubuntu 18.04 < /li>
Сгенерированные PDF выглядят странно, wkhtmltopdf, no bootstrap css < /li>
wkhtml /> wkhtmltopdf Не загружая локальные CSS и изображения < /li>
< /ul>

что я пробовал, разрешил: < /h4>
[list]
restrection css в printmles < /strong> < /li>
eSeruction wkht Установлено (с использованием версии, приготовленной в QT 0.12.6 )
[] Добавлен "host_name": "example.com" , в siteName/site_config.json и запустил командную скамейку Migrate
[] в моем случае, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr. С путями
[/list]
Вопросы:

Как я могу применить стили специально для выхода кнопки pdf без влияния erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext. Выходы? и т. д. < /p>
Я также прикрепил формат печати, чтобы понять применяемый CSS.[details="Print Format"]

.print-format table,
.print-format tr,
.print-format td {
font-family: serif;
line-height: 0.3 !important;
vertical-align: middle;
direction: rtl !important;
}

@media print {
body {
font-family: 'Cairo';
width: 220mm;
height: 297mm;
margin: 5mm 5mm 10mm 5mm;

footer {
page-break-after: always;
}

/* change the margins as you want them to be. */
}
}

@media screen {
.print-format {
width: 200mm;
padding: 5mm;
min-height: 297mm;

footer {
page-break-after: always;
}
}
}

table {
width: 100%;
white-space: nowrap;
}

th {
font-size: 10px;
color: black;
}

body:last-child .print-format td img {
width: 60% !important;
}

.ql-editor read-mode {
line-height: 1 !important;
}

.ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor span {
counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
line-height: 1.2;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
display: inline-flex !important;

}

.print-format p {
margin: 3px 0px 3px;
display: inline-block !important;
}

.si {
color: darkblue !important;
margin-top: -5px !important;
}

.w1 {}

.w2 {
border-top: 3px solid #d1d8dd !important;
padding-top: 4px !important;
text-align: center;
direction: rtl;
margin-top: 15px;
}

@media print {
div.print-footer {
display:block !important;
position: fixed !important;
bottom: 0;
width: 97%;
background-color: white;
text-align: center;
padding: 2mm 2;
box-sizing: border-box;
page-break-after: always;
z-index: 9999;
}

div.print-footer .page-number {
position: absolute;
bottom: 5mm;
width: 100%;
text-align: center;
}

@page :first {
table:nth-of-type(4) tr:nth-child(n+10) {
page-break-after: always;
}
}

@page {
table tr:nth-child(28n+1) {
page-break-after: always;
}
}
}

* {
box-sizing: content-box !important;
}

body {
counter-reset: page;
}

/* Define a style for the page number */
.page-number:before {
counter-increment: page;
content: counter(page) " of "counter(pages);
}

window.onload = function() {
function insertPageBreaks(tableSelector, firstPageRows, nextPageRows) {
var tables = document.querySelectorAll(tableSelector);
tables.forEach(function(table) {
var rows = table.querySelectorAll('tr');
var rowCount = rows.length;
var currentPage = 1;
var rowsPerPage = currentPage === 1 ? firstPageRows : nextPageRows;
for (var i = rowsPerPage; i < rowCount; i += rowsPerPage) {
var pageBreakRow = document.createElement('tr');
pageBreakRow.className = 'page-break';
rows.parentNode.insertBefore(pageBreakRow, rows);
currentPage++;
rowsPerPage = nextPageRows;
}
});
}
insertPageBreaks('table:nth-of-type(4)', 23, 41);
insertPageBreaks('table:nth-of-type(n+5)', 41, 41);
};

{{ "TAX INVOICE" }}

{{ "فاتورة ضريبية " }}

{{ letter_head }}

{{ "رقم الفاتورة" }} :[/b]

{{ "تاريخ الفاتورة" }} :

{{ "رقم العقد " }} :

{{ "رقم أمر الشراء/الخدمة " }} :

{{ " تاريخ التوريد/الإنجاز " }} :

{{ "الرقم المرجعي " }} :

{{ "رمز البائع " }} :

{{ doc.name }}

{{ doc.get_formatted("posting_date") }}

{{ doc.custom_contract_number or "" }}

{{ doc.po_no or "" }}

{{ doc.delivery_date_and_time or "" }}

{{ doc.custom_rfx_number or "" }}

{{ doc.custom_vendor_no or "" }}

:{{ "Invoice No" }}

:{{ "Invoice Date" }}

:{{ "Contract Number" }}

:{{ "Order/Service No" }}

:{{ "Complet/Delivery Date" }}

:{{ " P.T.Ref" }}

:{{"Vender No " }}

{{ " Supplier " }}

{{ " المورد" }}

{{ "شركة الرواد الفنية للتجارة والمقاولات العامه المحدوده" }}

{{ "Trading & General Contracting Co. Ltd" }}

{{ "الرقم الضريبي" }}:

{{ doc.company_tax_id }}

:{{ "VAT ID" }}

ترخيص الموارد البشرية

85953

السجل التجاري (CR)

4030138666

التامينات الاجتماعية

511414695

{{ "العنوان" }}:

{{ frappe.db.get_value("Address", doc.company_address, "address_line1") or "" }}

{{ frappe.db.get_value("Address", doc.company_address, "address_in_arabic") or "" }}

:{{ "Address" }}

{{ " Customer " }}

{{ " العميل" }}

{{ doc.customer_name_in_arabic or "" }}

{{ doc.customer_name }}

{{ "الرقم الضريبي" }}:

{{ doc.tax_id or "" }}

:{{ "VAT ID" }}

{{ "رقم السجل التجاري"}}:

{{ frappe.get_doc("Customer", doc.customer).custom_company_cr or ""}}

:{{ "CR NO" }}

{{ "العنوان" }}:

{{ frappe.db.get_value("Address", doc.customer_address, "address_line1") or "" }}

{{ frappe.db.get_value("Address", doc.customer_address, "address_in_arabic") or "" }}

:{{ "Address" }}

{% set col = namespace(one = 2, two = 1) %} {% set length = doc.taxes | length %} {% set length = length / 2 | round %} {% set col.one = col.one + length %} {% set col.two = col.two + length %} {%- if(doc.taxes | length % 2 > 0 ) -%} {% set col.two =
col.two + 1 %} {% endif %}

{% set total = namespace(amount = 0) %}

S

م
Description

وصف المنتج
QTY

الكمية
Unit Price

سعر الوحدة
Taxable Amount

الاجمالي قبل الضريبة {% for row in doc.taxes %}
Tax Percentage

نسبة الضريبة
Tax Amount

مبلغ الضريبة {% endfor %}
Total With VAT

المجموع بالضريبة

{%- for item in doc.items -%} {% set total.amount = item.amount %}

{{ item.idx }}
{{ item.item_code }}
{{ item.qty }}
{{ item.get_formatted("rate") }}
{{ item.get_formatted("amount") }}
{% for row in doc.taxes %} {% set data_object = json.loads(row.item_wise_tax_detail) %} {% set key = item.item_code or item.item_name %} {% set taxable_amount = item.amount %} {% set tax_percentage = data_object[key][0] or 0 %} {% set tax_amount = taxable_amount
* (tax_percentage / 100) %} {% set total.amount = total.amount + tax_amount %}

{%- if data_object[key][0] -%} {{ frappe.format(data_object[key][0], {'fieldtype': 'Percent'}) }} {%- endif -%}

{% if data_object[key][0] %} {{ frappe.format_value(tax_amount, currency=doc.currency) }} {% endif %}
{% endfor %}
{{ frappe.format_value(frappe.utils.flt(total.amount, doc.precision('total_taxes_and_charges')), currency=doc.currency) }}

{{ item.description.replace('\n', ' ').replace('\r', '').replace('\t', '+').replace(' ', '+').strip() }}

{%- endfor -%}

{{ footer }}

[/details]< /code>
< /div>
< /div>
< /p>
оценил бы любое руководство от сообщества! Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/795 ... ins-page-s

1741787594

Anonymous

 Я сталкиваюсь с проблемой в ErpNext при создании PDF -файлов с экрана печати счета -фактуры. Существует два варианта генерации PDF:  [b] 
[*] [b] print → Save As Pdf [/b] (работает отлично, поддерживает макет и все остальное)
[*] [b] прямое PDF -кнопку [/b] (разрывы: размер фонда, margins и изменение размера страницы) 

печати CSS , что влияет на оба метода. Хотя некоторые изменения отражаются, это также нарушает «Print → Save As PDF». />  рендеринг wkhtmltopdf без CSS - Custom и Core - все стандартные решения не влияют - Ubuntu 18.04 < /li>
 Сгенерированные PDF выглядят странно, wkhtmltopdf, no bootstrap css < /li>
 wkhtml />  wkhtmltopdf Не загружая локальные CSS и изображения < /li>
< /ul>
[h4] что я пробовал, разрешил: < /h4>
[list]
 restrection css в [b] printmles < /strong> < /li>
 eSeruction wkht Установлено (с использованием версии, приготовленной в QT  0.12.6 [/b])
[*] Добавлен [b] "host_name": "example.com" [/b], в [b] siteName/site_config.json [/b] и запустил командную скамейку Migrate 
[*] в моем случае, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr, qr. С путями
[/list]
 Вопросы: [/h4]

 Как я могу применить стили специально для выхода кнопки [b] pdf [/b] без влияния erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext erpnext. Выходы? и т. д. < /p>
Я также прикрепил формат печати, чтобы понять применяемый CSS.[details="Print Format"]

.print-format table,
.print-format tr,
.print-format td {
font-family: serif;
line-height: 0.3 !important;
vertical-align: middle;
direction: rtl !important;
}

@media print {
body {
font-family: 'Cairo';
width: 220mm;
height: 297mm;
margin: 5mm 5mm 10mm 5mm;

footer {
page-break-after: always;
}

/* change the margins as you want them to be.  */
}
}

@media screen {
.print-format {
width: 200mm;
padding: 5mm;
min-height: 297mm;

footer {
page-break-after: always;
}
}
}

table {
width: 100%;
white-space: nowrap;
}

th {
font-size: 10px;
color: black;
}

body:last-child .print-format td img {
width: 60% !important;
}

.ql-editor read-mode {
line-height: 1 !important;
}

.ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor span {
counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
line-height: 1.2;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
display: inline-flex !important;

}

.print-format p {
margin: 3px 0px 3px;
display: inline-block !important;
}

.si {
color: darkblue !important;
margin-top: -5px !important;
}

.w1 {}

.w2 {
border-top: 3px solid #d1d8dd !important;
padding-top: 4px !important;
text-align: center;
direction: rtl;
margin-top: 15px;
}

@media print {
div.print-footer {
display:block !important;
position: fixed !important;
bottom: 0;
width: 97%;
background-color: white;
text-align: center;
padding: 2mm 2;
box-sizing: border-box;
page-break-after: always;
z-index: 9999;
}

div.print-footer .page-number {
position: absolute;
bottom: 5mm;
width: 100%;
text-align: center;
}

@page :first {
table:nth-of-type(4) tr:nth-child(n+10) {
page-break-after: always;
}
}

@page {
table tr:nth-child(28n+1) {
page-break-after: always;
}
}
}

* {
box-sizing: content-box !important;
}

body {
counter-reset: page;
}

/* Define a style for the page number */
.page-number:before {
counter-increment: page;
content: counter(page) " of "counter(pages);
}


window.onload = function() {
function insertPageBreaks(tableSelector, firstPageRows, nextPageRows) {
var tables = document.querySelectorAll(tableSelector);
tables.forEach(function(table) {
var rows = table.querySelectorAll('tr');
var rowCount = rows.length;
var currentPage = 1;
var rowsPerPage = currentPage === 1 ? firstPageRows : nextPageRows;
for (var i = rowsPerPage; i < rowCount;  i += rowsPerPage) {
var pageBreakRow = document.createElement('tr');
pageBreakRow.className = 'page-break';
rows[i - 1].parentNode.insertBefore(pageBreakRow, rows[i]);
currentPage++;
rowsPerPage = nextPageRows;
}
});
}
insertPageBreaks('table:nth-of-type(4)', 23, 41);
insertPageBreaks('table:nth-of-type(n+5)', 41, 41);
};













{{ "TAX INVOICE" }}

{{ "فاتورة ضريبية " }}











{{ letter_head }}












[img]{{doc.ksa_einv_qr}}[/img]










{{ "رقم الفاتورة" }} :[/b][b]

{{ "تاريخ الفاتورة" }} :[/b][b]

{{ "رقم العقد " }} :[/b][b]

{{ "رقم أمر الشراء/الخدمة " }} :[/b][b]

{{ " تاريخ التوريد/الإنجاز " }} :[/b][b]

{{ "الرقم المرجعي " }} :[/b][b]

{{ "رمز البائع " }} :[/b][b]



{{ doc.name }}[/b][b]

  {{ doc.get_formatted("posting_date") }}[/b][b]

{{ doc.custom_contract_number or "" }}[/b][b]

{{ doc.po_no or "" }}[/b][b]

{{ doc.delivery_date_and_time or "" }}[/b][b]

{{ doc.custom_rfx_number or "" }}[/b][b]

{{ doc.custom_vendor_no or "" }}[/b][b]



:{{ "Invoice No" }}[/b][b]

:{{ "Invoice Date" }}[/b][b]

:{{ "Contract Number" }}[/b][b]

:{{ "Order/Service No" }}[/b][b]

:{{ "Complet/Delivery Date" }}[/b][b]

:{{ " P.T.Ref" }}[/b][b]

:{{"Vender No " }}[/b][b]















 {{ " Supplier " }}[/b][b]

 {{ " المورد" }} [/b][b]                        




{{ "شركة الرواد الفنية للتجارة والمقاولات العامه المحدوده" }}[/b][b]

{{ "Trading & General Contracting Co.  Ltd" }}[/b][b]                        



{{ "الرقم الضريبي" }}:[/b][b]                        

{{ doc.company_tax_id }}[/b][b]                        

:{{ "VAT ID" }}[/b][b]                        





ترخيص الموارد البشرية

85953




السجل التجاري (CR)

4030138666




التامينات الاجتماعية

511414695







{{ "العنوان" }}:[/b][b]                        

 {{ frappe.db.get_value("Address", doc.company_address, "address_line1") or "" }}

{{ frappe.db.get_value("Address", doc.company_address, "address_in_arabic") or "" }}
[/b][b]                        

:{{ "Address" }}[/b][b]                        









 {{ " Customer " }}[/b][b]

 {{ " العميل" }} [/b][b]                        




{{ doc.customer_name_in_arabic or "" }} [/b][b]

{{ doc.customer_name }} [/b][b]                        



{{ "الرقم الضريبي" }}:[/b][b]                        

{{ doc.tax_id or "" }}[/b][b]                        

:{{ "VAT ID" }}[/b][b]                        




{{ "رقم السجل التجاري"}}:[/b][b]                        

{{ frappe.get_doc("Customer", doc.customer).custom_company_cr or ""}} [/b][b]                        

:{{ "CR NO" }}[/b][b]                        




{{ "العنوان" }}:[/b][b]                        

 {{ frappe.db.get_value("Address", doc.customer_address, "address_line1") or "" }}

{{ frappe.db.get_value("Address", doc.customer_address, "address_in_arabic") or "" }}
[/b][b]                        

:{{ "Address" }}[/b]








{% set col = namespace(one = 2, two = 1) %} {% set length = doc.taxes | length %} {% set length = length / 2 | round %} {% set col.one = col.one + length %} {% set col.two = col.two + length %} {%- if(doc.taxes | length % 2 > 0 ) -%} {% set col.two =
col.two + 1 %} {% endif %}

{% set total = namespace(amount = 0) %}



S

م 
Description

وصف المنتج 
QTY

الكمية 
Unit Price

سعر الوحدة 
Taxable Amount

الاجمالي قبل الضريبة  {% for row in doc.taxes %}
Tax Percentage

نسبة الضريبة 
Tax Amount

مبلغ الضريبة  {% endfor %}
Total With VAT

المجموع بالضريبة 



{%- for item in doc.items -%} {% set total.amount = item.amount %}

{{ item.idx }}
{{ item.item_code }}
{{ item.qty }}
{{ item.get_formatted("rate") }}
{{ item.get_formatted("amount") }}
{% for row in doc.taxes %} {% set data_object = json.loads(row.item_wise_tax_detail) %} {% set key = item.item_code or item.item_name %} {% set taxable_amount = item.amount %} {% set tax_percentage = data_object[key][0] or 0 %} {% set tax_amount = taxable_amount
* (tax_percentage / 100) %} {% set total.amount = total.amount + tax_amount %}

{%- if data_object[key][0] -%} {{ frappe.format(data_object[key][0], {'fieldtype': 'Percent'}) }} {%- endif -%}


 {% if data_object[key][0] %} {{ frappe.format_value(tax_amount, currency=doc.currency) }} {% endif %} 
 {% endfor %}
 {{ frappe.format_value(frappe.utils.flt(total.amount, doc.precision('total_taxes_and_charges')), currency=doc.currency) }} 


 

{{ item.description.replace('\n', ' ').replace('\r', '').replace('\t', '+').replace('  ', '+').strip() }}



{%- endfor -%}










{{ footer }}


[/details]< /code>
< /div>
< /div>
< /p>
оценил бы любое руководство от сообщества! Спасибо.  

Подробнее здесь: [url]https://stackoverflow.com/questions/79503809/erpnext-wkhtmltopdf-pdf-generates-incorrect-layout-font-size-margins-page-s[/url]

Ответить Пред. тема След. тема

1 сообщение • Страница 1 из 1

Быстрый ответ

Заголовок:

Имя пользователя:

Изменение регистра текста:

Смайлики

Ещё смайлики…

К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми. Можно прикреплять файлы, перетаскивая их в окно сообщения.

Максимально разрешённый размер вложения: 15 МБ.

Имя файла:

Комментарий к файлу:

Имя файла	Комментарий к файлу	Размер	Статус

Похожие темы

Ответы

Просмотры

Последнее сообщение

Размер шрифта CSS: установите его для *, так как размер шрифта кратен rem, а размер шрифта тела умножается вдвое.

Последнее сообщение Anonymous « 07 ноя 2023, 07:04
Добавлено в форуме CSS

Anonymous » 07 ноя 2023, 07:04 » в форуме CSS

Смотрите консольный вывод фрагмента кода ниже. В этом примере я использую множитель 0,5, потому что он упрощает умножение и показывает, что можно как вдвое уменьшить размер шрифта, так и увеличить его вдвое.

Я установил размер шрифта на 0,5rem,...

0 Ответы

343 Просмотры

Последнее сообщение Anonymous
07 ноя 2023, 07:04
При использовании одного и того же размера шрифта сингальский и английский имеют одинаковый размер шрифта, но размер там

Последнее сообщение Anonymous « 06 мар 2024, 09:01
Добавлено в форуме CSS

Anonymous » 06 мар 2024, 09:01 » в форуме CSS

english, sinhala font size, and tamil font size

@font-face { font-family: latoRugular; src: url(../../../assets/fonts/Lato-Regular.ttf); } @font-face { font-family: notoRegularSinhala; src: url(../../../assets/fonts/NotoSansSinhala-Regular.ttf); }...

0 Ответы

103 Просмотры

Последнее сообщение Anonymous
06 мар 2024, 09:01
При использовании одного и того же размера шрифта сингальский и английский имеют одинаковый размер шрифта, но размер там

Последнее сообщение Anonymous « 06 мар 2024, 10:02
Добавлено в форуме CSS

Anonymous » 06 мар 2024, 10:02 » в форуме CSS

english, sinhala font size, and tamil font size

@font-face { font-family: latoRugular; src: url(../../../assets/fonts/Lato-Regular.ttf); } @font-face { font-family: notoRegularSinhala; src: url(../../../assets/fonts/NotoSansSinhala-Regular.ttf); }...

0 Ответы

109 Просмотры

Последнее сообщение Anonymous
06 мар 2024, 10:02
Как изменить размер дополнительного шрифта, не меняя размер резервного (основного) шрифта с помощью CSS?

Последнее сообщение Anonymous « 12 окт 2024, 23:38
Добавлено в форуме CSS

Anonymous » 12 окт 2024, 23:38 » в форуме CSS

Я пытаюсь изменить определенный набор заголовков h1 на шрифт, отличный от обычного, который я определил для h1, поэтому я создал класс, в котором определил семейство шрифтов h1 как Font2 для этого класса, но если у средства просмотра нет этого...

0 Ответы

31 Просмотры

Последнее сообщение Anonymous
12 окт 2024, 23:38
Сохраняйте размер шрифта приложения, даже если размер шрифта устройства изменяется во Flutter.

Последнее сообщение Anonymous « 26 ноя 2024, 08:09
Добавлено в форуме Android

Anonymous » 26 ноя 2024, 08:09 » в форуме Android

Это нерешенная проблема в моем текущем проекте Flutter. Сценарий таков: я пытался перехватить процесс Flutter при рендеринге пользовательского интерфейса со шрифтом, чтобы сохранить масштаб текста равным 1.
Это код, который я использовал в main....

0 Ответы

42 Просмотры

Последнее сообщение Anonymous
26 ноя 2024, 08:09

Вернуться в «CSS»