eiru_reporting/static/src/reports/report_invoice_utility.xml

<?xml version="1.0" encoding="UTF-8"?>
  <template xml:space="preserve">
      <t t-name="ReportInvoiceUtility">
        <div class="report_view">
          <div class="reporting_page_header">
            <h1>Utilidad de facturas detalladas</h1>
            <div id="volver"></div>
          </div>
          <div id="toolbar">
                <label for="current-journal">Sucursal: </label>
                <select id="current-journal" class=" ui-autocomplete-input"  name="journal"></select>
                <label for="from">Desde:</label>
                <input type="text" id="from" name="from"/>
                <label for="to" >Hasta: </label>
                <input type="text" id="to" name="to"/>
            <button class="oe_button oe_form_button oe_highlight" value="pdf">Exportar a PDF</button>
            <button class="oe_button oe_form_button oe_highlight" value="chart">Graficar</button>
        </div>
        <table id="table"
            data-pagination="true"
            data-toggle="table"
            data-reorderable-columns="true"
            data-toolbar="#toolbar"
            data-show-columns="true"
            data-buttons-class="oe_button oe_form_button oe_highlight"
            data-height="auto"
            data-classes="table table-hover table-condensed"
            data-row-style="rowStyle"
            data-search="true">
            <thead>
              <tr>
                <th data-field="number" data-sortable="true">Factura</th>
                <th data-field="name" >Producto</th>
                <th data-field="quantity" data-sortable="true" data-align="right">Cat.</th>
                <th data-field="price_unity" data-sortable="true" data-align="right">Precio Unitario</th>
                <th data-field="standar_price" data-sortable="true" data-align="right">Precio de Costo</th>
                <th data-field="price_tot" data-sortable="true" data-align="right">Total Venta</th>
                <th data-field="standar_tot" data-sortable="true" data-align="right">Total Costo</th>
                <th data-field="utility" data-sortable="true"  data-align="right">Utilidad</th>
              </tr>
            </thead>
        </table>
        <!-- <canvas></canvas> -->
        <div class="widget-content" id="grafico"></div>
        <div id="dialog"></div>
      </div>
      </t>
  </template>