如何在Odoo'中添加二维码图像；销售点收据

我正在尝试将QR图像添加到POS的收据中。我在正常发票中使用的代码如下：

对于收据，我导出以将字符串打印为receipt.qr_string，并将以下行添加到收据的继承XML文件中：

---

但这张图片看起来像一个断开的链接。如何实现这一点？

我不知道为什么POS收据不起作用，但让我告诉您，POS是一个可以在不连接服务器的情况下运行的系统。它执行的所有操作都应该始终使用js，我的意思是始终在客户端执行。因此，我的解决方案是使用QRrcode.js库，因为它很容易获得

将此库文件添加到路径

/

妥善保管路径

然后，您可以在任何POS收据Qweb中使用该库，如下面所示，以打印QRcode

<div t-attf-id="#{receipt.qr_string}"></div>
    <script type="text/javascript">
        var lot_name = "<t t-esc="receipt.qr_string"/>";
        var qrcode = new QRCode(receipt.qr_string , {
            text: "http://jindo.dev.naver.com/collie",
            width: 100,
            height: 100,
            colorDark : "#000000",
            colorLight : "#ffffff",
            correctLevel : QRCode.CorrectLevel.H
        });
        qrcode.makeCode(receipt.qr_string);
    </script>

var lot_name=“”；
var qrcode=新qrcode（receipt.qr\u字符串{
文本：“http://jindo.dev.naver.com/collie",
宽度：100，
身高：100，
colorDark:#000000“，
彩色灯光：“ffffff”，
correctLevel:QRCode.correctLevel.H
});
qrcode.makeCode（收据.qr\U字符串）；

Thank you@Chavada Viki，它工作得很好。我对这个解决方案还有一个疑问，我如何更改QR的对齐方式？即使在我使用内容对齐或文本对齐时，它也会留在收据的左侧。@SimonCapries这完全是一个css mods。我不知道收据和其他MOD的当前设计是什么。但是是的，您只能在屏幕上打印的POS收据上使用此类和css。对于POS收据打印出来的收据，不能使用css或类。我的意思是两个模板都不同。

<div t-attf-id="#{receipt.qr_string}"></div>
    <script type="text/javascript">
        var lot_name = "<t t-esc="receipt.qr_string"/>";
        var qrcode = new QRCode(receipt.qr_string , {
            text: "http://jindo.dev.naver.com/collie",
            width: 100,
            height: 100,
            colorDark : "#000000",
            colorLight : "#ffffff",
            correctLevel : QRCode.CorrectLevel.H
        });
        qrcode.makeCode(receipt.qr_string);
    </script>