如何在odoo 12的付款部分的pos中添加按钮？

如何解决如何在odoo 12的付款部分的pos中添加按钮？

我需要在 POS 中放置一个按钮取消付款部分以清除订单行，但我创建的按钮实际上是在产品屏幕中，我尝试了这个：

<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">
<t t-name="ClearCartLine">
    <div class='control-button'>
        Boton prueba
    </div>
</t>
</templates>

js 是这样的：

odoo.define('clear_button_fun.pos_view',function(require){ "使用严格";

var screens = require('point_of_sale.screens');
var gui = require('point_of_sale.gui');
var core = require('web.core');

var ClearCartLine = screens.ActionButtonWidget.extend({
    template: "ClearCartLine",button_click: function(){
    var self = this;
    this.clear_button_fun();
    },clear_button_fun(){
    var order = this.pos.get_order();
    order.remove_orderline(order.get_selected_orderline())
    },});
screens.define_action_button({'name': 'clear_button_fun','widget': ClearCartLine,});

});

我需要这样的按钮：

I need the button in position like that:

解决方法

您可以更改 PaymentscreenWidge 模板以添加按钮

示例：

<t t-extend="PaymentScreenWidget">
    <t t-jquery="div.payment-buttons" t-operation="append">
        <div class='button highlight js_clear_orderline'>
            <i class='fa fa-cog' role="img" aria-label="Clear" title="Clear"/>
            <span class='js_clear_orderline'>
                Boton prueba
            </span>
        </div>
    </t>
</t>

然后通过更改 PaymentScreenWidget 函数在 renderElement 中定义点击事件

示例：

var screens = require('point_of_sale.screens');
screens.PaymentScreenWidget.include({
    renderElement: function() {
        var self = this;
        this._super();
        this.$('.js_clear_orderline').click(function(){
            
        });
    },});