odoo 繼承（owl繼承、web繼承、view繼承）

owl繼承

/** @odoo-module */

import { AbstractAwaitablePopup } from "@point_of_sale/app/popup/abstract_awaitable_popup";
import { _t } from "@web/core/l10n/translation";
import { onMounted, useRef, useState, onWillDestroy } from "@odoo/owl";
import { Orderline } from "@point_of_sale/app/generic_components/orderline/orderline";
import { OrderWidget } from "@point_of_sale/app/generic_components/order_widget/order_widget";
import { omit } from "@web/core/utils/objects";
import { useService } from "@web/core/utils/hooks";
import { usePos } from "@point_of_sale/app/store/pos_hook";
import { makeEnv } from "@web/env";


// IMPROVEMENT: This code is very similar to TextInputPopup.
//      Combining them would reduce the code.
export class FRIDPopup extends AbstractAwaitablePopup {
    static template = "esale_frid.FRIDPopup";
    static components = {
        Orderline,
        OrderWidget,
    };

    static defaultProps = {
        confirmText: _t("OK"),
        cancelText: _t("Cancel"),
        clearText: _t("Clear All"),
        title: "RFID Reading",
    };

    static props = {
        data: Object,
        formatCurrency: Function,
    };

    get totalQty() {
        let sum = 0.0
        this.props.data.forEach(function(item) {
            sum += parseInt(item.qty);
        });
        return sum.toFixed(2);
    }

    /**
     * @param {Object} props
     * @param {string} props.startingValue
     */
    setup() {  // 鉤子，第一次安裝
        super.setup();
        this.orm = useService("orm"); // 獲取orm全域性狀態
        this.pos = usePos(); // 獲取pos全域性狀態
        const env = makeEnv(); // 語言、登入資訊之類
        
        console.log('這裡是pos的配置資訊:',this.pos.config)


        onWillDestroy(this.onWillDestroy) // 銷燬鉤子
        onMounted(this.onMounted); // 掛載鉤子
    }

    
    async addProductData (epc_barcode) {  // 普通方法
        if (this.epcList.has(epc_barcode)) {
            return
        }
        this.epcList.add(epc_barcode)
        let barcode = this.decodeEPC(epc_barcode)
        barcode = barcode.barcode
        console.log("barcode:", barcode)
        try {
            const limit = 30;
            const ProductIds = await this.orm.call(
                "product.product",
                "search",
                [
                    [
                        ["barcode", "=", barcode],
                    ],
                ],
                {
                    offset: 0,
                    limit: limit,
                }
            );
            console.log("ProductIds:",ProductIds)
            if (ProductIds.length > 0){
                const product = await this.pos.db.get_product_by_id(ProductIds[0])
                console.log("product:",product)
                if (product) {
                    let pdata = {
                        'attributes':[],
                        'discount': '0',
                        'pack_lot_lines': false,
                        'price': product.lst_price.toFixed(2),
                        'price_without_discount': product.lst_price.toFixed(2),
                        'productName': product.display_name, //product.description_sale,
                        'product_id': ProductIds[0], //product.product_tmpl_id,
                        'qty': "1.00",
                        'unit': product.uom_id[1],
                        'unitPrice':product.lst_price.toFixed(2),
                        'noDel': true,
                        'epc_barcode': epc_barcode,
                        "product": product,
                    }
                    console.log("pdata:",pdata)
                    this.props.data.push(pdata)
   
                }
            }

        } catch (error) {
            if (error instanceof ConnectionLostError || error instanceof ConnectionAbortedError) {
                return this.popup.add(OfflineErrorPopup, {
                    title: _t("Network Error"),
                    body: _t(
                        "Product is not loaded. Tried loading the product from the server but there is a network error."
                    ),
                });
            } else {
                throw error;
            }
        }
       
    };

    onMounted() {  
        // this.inputRef.el.focus()
        this.epcList = new Set();
        this.heartbeatTimer = null;
        this.connectWebSocket(this.pos.config.rfid_url, this.pos.config.rfid_client_id,this.pos.config.rfid_room,this.pos.config.rfid_account,this.pos.config.rfid_devicename);
        console.log('onMounted')
    }

    onWillDestroy(){
        clearInterval(this.heartbeatTimer);
        this.stopRead()
        this.socket.close();
        console.log('onWillDestroy')
    }
   
    getPayload() {
        this.props.formatCurrency(this.props.data)
        return "";
    }

}

web繼承

<?xml version="1.0" encoding="UTF-8" ?>
<!-- point_of_sale_template 是固定語法 -->
<template id="ClearItemIcon" inherit="point_of_sale_template" xml:space="preserve">  
    <t t-inherit="point_of_sale.Orderline" t-inherit-mode="extension">
        <xpath expr="//div[hasclass('product-price')]" position="inside">
            <t t-if="!line.noDel">
                <i style="margin-left:6px;cursor:pointer;color:red;" id="clear_icon" class="fa fa-trash" t-on-click="clear_button_fun"/>
            </t>

        </xpath>
    </t>
</template>

view繼承

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>

        <record id="rfid_pos_config_view_form_inherit" model="ir.ui.view">
            <field name="name">rfid.pos.config</field>
            <field name="model">pos.config</field>
            <field name="inherit_id" ref="point_of_sale.pos_config_view_form"/>
            <field eval="9" name="priority"/>
            <field name="arch" type="xml">
                <xpath expr="//div[@groups='base.group_system']" position="before">
                    <group>
                        <group>
                            <field name="yourself_field" />
                            
                        </group>
                        <group>
                            
                        </group>
                    </group>
                    
                </xpath>
            </field>
        </record>
    </data>
</odoo>

注意，這三個資源在__manifest__.py中，view是配置到data中，owl和web是在assets中，如：

# -*- coding: utf-8 -*-
{
    'depends': ['base', 'point_of_sale'],
    'assets': {
        'point_of_sale._assets_pos': [
            'esale_frid/static/src/**/*',
        ],
    },
    'data': [
        'views/pos_config_rfid.xml',
    ],

}