如何在Odoo Reports的所有页面中添加水印?
How to add watermarks in all pages of Odoo Reports?
使用下面的代码它只是第一页的视图。我想在所有页面上显示水印。
<div class="watermark_report">
<img t-att-src="'data:image/png;base64,'+ doc.company_id.report_header_logo"/>
</div>
你已经有了答案here:
在外部布局的 header 中添加水印代码。它的外部 ID 是 report.external_layout_header
:
<style>
.watermark {
position: absolute;
opacity: 0.25;
z-index: 1000;
transform: rotate(300deg);
-webkit-transform: rotate(300deg);
width: 150%;
}
</style>
<div class="watermark">
<p>WATERMARK</p>
<img t-att-src="'/module_name/static/src/img/image_name.png'" />
</div>
我添加了一张存储为文件的图像。如果你打算使用静态图像,我认为这是最合适的方式
注意:除了使用 css 属性 opacity
之外,您还可以使用具有不透明度和透明背景的 png 图像。那是我必须做的
注释 2:恐怕这在 Odoo v11 中不起作用
更新
此解决方案仅在您要将相同图像添加到所有报告时才有效。
有一个由 OCA 开发的模块可以为报告添加水印。所有报告中都会出现一个字段,可以在其中添加图像(A4 尺寸)。模块名称是 report_qweb_pdf_watermark
使用下面的代码它只是第一页的视图。我想在所有页面上显示水印。
<div class="watermark_report">
<img t-att-src="'data:image/png;base64,'+ doc.company_id.report_header_logo"/>
</div>
你已经有了答案here:
在外部布局的 header 中添加水印代码。它的外部 ID 是 report.external_layout_header
:
<style>
.watermark {
position: absolute;
opacity: 0.25;
z-index: 1000;
transform: rotate(300deg);
-webkit-transform: rotate(300deg);
width: 150%;
}
</style>
<div class="watermark">
<p>WATERMARK</p>
<img t-att-src="'/module_name/static/src/img/image_name.png'" />
</div>
我添加了一张存储为文件的图像。如果你打算使用静态图像,我认为这是最合适的方式
注意:除了使用 css 属性 opacity
之外,您还可以使用具有不透明度和透明背景的 png 图像。那是我必须做的
注释 2:恐怕这在 Odoo v11 中不起作用
更新
此解决方案仅在您要将相同图像添加到所有报告时才有效。
有一个由 OCA 开发的模块可以为报告添加水印。所有报告中都会出现一个字段,可以在其中添加图像(A4 尺寸)。模块名称是 report_qweb_pdf_watermark