Как отобразить изображение в отчете QWeb?

Question

Я расширил представление «report.external_layout_footer» qweb для отображения изображения.

Ниже мой код в отчетах файл/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 Report Custom Footer

Answer 2

В случае, если вы хотите использовать изображение, которое не статично, вот что вы можете сделать вместо этого.

Использование логотипа компании в качестве примера:

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

Использование типа пантомимы «изображение/*» позволит вам использовать другой формат изображения, а не только JPEG или просто детские.

Затем, как оду, визуализируя по умолчанию двоичные данные как base64, вы можете просто добавить содержимое изображения после base64,.