Question

我将'report.external_layout_footer'qweb视图扩展为显示图像。

以下是我的文件reports / external_layout.xml中的代码：

    <template id="report_footer_custom" inherit_id="report.external_layout_footer">
        <xpath expr="//div[@class='footer']" position="replace">
            <div class="footer">
                    <img t-att-src="'data:image/jpeg;base64,/var/www/cbl_openerp/openerp/cap_addons/cap_sale/img/footer.jpeg'"/>
                    <ul class="list-inline">
                        <li>Page:</li>
                        <li>
                            <span class="page"/>
                        </li>
                        <li>/</li>
                        <li>
                            <span class="topage"/>
                        </li>
                    </ul>
                </div>
        </xpath>
    </template>

这是我的 openerp .py内容：

...
"depends": ["base","sale","report"],
...
"data": ['sale.xml',
        'reports/reports.xml',
        'reports/external_layout.xml',
        'reports/informations_prestation.xml',
        'views/product_template.xml',
        'filter.xml'],
...
"images":['img/footer.jpeg',],
...

但是当我打印销售订单时，我无法在页面底部查看我的图像。

有人有任何建议吗？

Answer 1

只需尝试以下代码并设置模块中的图像路径并运行它。

<template id="report_footer_custom"inherit_id="report.external_layout_footer">
    <xpath expr="//div[@class='footer']" position="replace">
        <div class="footer">
            <img class="img img-responsive" src="/sale_order_report/static/src/img/header.jpg"/>
            <ul class="list-inline">
                <li>Page:</li>
                <li><span class="page"/></li>
                <li>/</li>
                <li><span class="topage"/></li>
            </ul>
        </div> 
    </xpath>
</template>

我方在QWeb报告自定义页脚中正常工作

Answer 2

如果你想使用不静止的图像，可以使用以下内容。

以公司徽标为例：

<img
  t-attf-src="data:image/*;base64,{{company.logo}}"
  t-att-alt="company.name"
  />

使用mime类型＆＃34; image / *＆＃34;将让你使用不同格式的图像，而不仅仅是jpeg或只是png。

然后，由于odoo将默认二进制数据渲染为base64，您只需在base64,之后附加图像内容。

Answer 3

以下代码段也适用于QWeb报表（Odoo v10）。

<span t-field="o.product_id.image_medium" t-field-options="{'widget': 'image'}"/>

...其中o.product_id.image_medium是一个动态字段。

Answer 4

这适用于使用odoo12或近似版本的任何人。报告模块为web，而不是report。 Odoo引入了样式化的报表，此代码段扩展了每个报表。

<?xml version='1.0' encoding='utf-8'?>
<odoo>
    <data noupdate="0">
        <!-- The external layout background header -->
        <template id="external_layout_background_inherit" inherit_id="web.external_layout_background">

            <xpath expr="//div[@class='header']" position="replace">
                <div class="header">
                    <div class="o_background_header">
                        <div class="row" style="width: 100%; margin: 0 auto;">
                            <img src="extend_layout/static/src/img/header.jpg" style="width:100%;" />
                        </div>
                    </div>
                </div>
            </xpath>

        </template>

        <!-- The external layout boxed header -->
        <template id="external_layout_boxed_inherit" inherit_id="web.external_layout_boxed">

            <xpath expr="//div[@class='header']" position="replace">
                <div class="header">
                    <div class="o_boxed_header">
                        <div class="row" style="width: 100%; margin: 0 auto;">
                            <img src="extend_layout/static/src/img/header.jpg" style="width:100%;" />
                        </div>
                    </div>
                </div>
            </xpath>

        </template>

        <!-- The external layout clean header -->
        <template id="external_layout_clean_inherit" inherit_id="web.external_layout_clean">

            <xpath expr="//div[@class='header']" position="replace">
                <div class="header">
                    <div class="o_clean_header">
                        <div class="row" style="width: 100%; margin: 0 auto;">
                            <img src="extend_layout/static/src/img/header.jpg" style="width:100%;" />
                        </div>
                    </div>
                </div>
            </xpath>

        </template>

        <!-- The external layout standad header -->
        <template id="external_layout_standard_inherit" inherit_id="web.external_layout_standard">

            <xpath expr="//div[@class='header']" position="replace">
                <div class="header">
                    <div class="row" style="width: 100%; margin: 0 auto;">
                        <img src="extend_layout/static/src/img/header.jpg" style="width:100%;" />
                    </div>
                </div>
            </xpath>

        </template>

        <!-- Remove company address from the reports -->
        <template id="address_layout_inherit" inherit_id="web.address_layout">

            <xpath expr="//div[@class='address row']" position="replace">
                <div style="height: 50px;"></div>
            </xpath>

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

如何在QWeb报告中显示图像？

4 个答案: