时间戳

首页 > 解决方案 > 如何解决 Qweb 报告中的重叠问题？

report - 如何解决 Qweb 报告中的重叠问题？

问题描述

我正在开发几份报告，但在页眉和页脚区域遇到了重叠问题。我读了几篇关于这个主题的类似帖子（降级 wkhtmltopdf，编辑纸张边距/页眉间距），但没有一个对我有用。任何人都可以就如何解决这个问题给我建议，我目前使用的是 Odoo 版本 14。重叠不仅发生在表中，还发生在具有引导类行的常规 div 元素上。

论文格式：

    <record id="paperformat_report_quotation_models_contract" model="report.paperformat">
        <field name="name">European A4</field>
        <field name="default" eval="True"/>
        <field name="format">A4</field>
        <field name="page_height">0</field>
        <field name="page_width">0</field>
        <field name="orientation">Portrait</field>
        <field name="margin_top">50</field>
        <field name="margin_bottom">32</field>
        <field name="margin_left">0</field>
        <field name="margin_right">0</field>
        <field name="header_line" eval="False"/>
        <field name="header_spacing">38</field>
        <field name="dpi">90</field>
    </record>

我没有左边距或右边距，以便在标题的右上角放置两个图像，但我创建了一个自定义 CSS 类，用于为页面内容分配边距。

.contract_paper {
margin: 0 25mm;
font-family: 'Montserrat', sans-serif;
}

重叠的 HTML 元素

 <div class="row contract_space_text">
        <div class="col-12">
              <span>
                   Some text.
              </span>
        </div>
 </div>

.contract_space_text {
padding-top: 14px;
}

自定义文档布局

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>

    <template id="contact_header_footer">

        <div class="header">
        </div>


        <div class="article" t-att-data-oe-model="doc and doc._name" t-att-data-oe-id="doc and doc.id"
             t-att-data-oe-lang="doc and doc.env.context.get('lang')">
            <t t-raw="0"/>
        </div>


        <div class="footer">
        </div>

    </template>
</data>
</odoo>

重叠示例

谢谢

标签： reportodoooverlapping

解决方案

我设法通过增加和减少报告纸张格式的上边距和页眉间距来解决这个问题。

感谢这些链接和上述用户的帮助，我设法解决了这个问题。

   <record id="paperformat_report_quotation_models_contract" model="report.paperformat">
        <field name="name">European A4</field>
        <field name="default" eval="True"/>
        <field name="format">A4</field>
        <field name="page_height">0</field>
        <field name="page_width">0</field>
        <field name="orientation">Portrait</field>
        <field name="margin_top">52</field>
        <field name="margin_bottom">32</field>
        <field name="margin_left">0</field>
        <field name="margin_right">0</field>
        <field name="header_line" eval="False"/>
        <field name="header_spacing">40</field>
        <field name="dpi">90</field>
    </record>

自定义标题与报告正文重叠。

标题与报告主体重叠，表格示例。

标题与报告正文重叠，有用的建议。

标题与报告正文重叠，这是另一个有用的建议。

推荐阅读