css - Odoo:如何编辑发票/报价布局 CSS

Question

我们正在构建 Odoo 13 EE/CE 安装，并希望对 PDF 报价单和发票进行小幅更改。有一些小问题可以通过编辑 CSS 文件来解决。那些是:

增加客户标志的大小(左上 Angular )

减少发件人姓名和地址的字体大小，因为它们溢出到
多行

修复收件人姓名太小的文本区域
和地址是。修改它在右中 Angular 的位置
(在报价#S000003上方)

添加通用术语的样式和
条件(小字)

来自 Settings -> General -> Business Documents -> Layout , 我们可以看到这个PDF使用的是 external_layout_standard QView 和我们可以访问这个报告的 XML 架构。但是，以 Odoo 管理员身份编辑此 View 不允许访问 CSS 文件，我们可以在其中修改 <DIV class>字体大小和元素大小等属性。

该服务器托管在 Odoo.sh 平台上，所以 我们无权访问文件系统 .我们的选择是修改系统参数或创建一个全新的扩展。后者似乎有点矫枉过正，因为变化很小，我们实际上需要修改所有 Odoo 生成的 PDF，如报价、订单确认、采购订单、维修订单等。

那么，任何人都可以建议修改这些 Odoo 生成的 PDF 的正确方法是什么以及如何访问它们的 CSS？

说明问题的屏幕截图:

https://snipboard.io/9UYmBd.jpg


https://snipboard.io/8pIjB9.jpg

Answer 1

感谢@Ex4 的想法。快速而肮脏的解决方案正是为 DIV 部分添加样式属性。这不是理想的解决方案，但解决了中间问题。

要应用 QnD 解决方案，请按照下列步骤操作:

Settings打开开发者模式 -> Edit document layout在商业文件下

找版块

<div class="col-6" name="company_address">
    <div t-field="company.partner_id" t-options="{&quot;widget&quot;: &quot;contact&quot;, &quot;fields&quot;: [&quot;address&quot;, &quot;name&quot;], &quot;no_marker&quot;: true}"/>
</div>

为内部 style="font-size:14px" 添加样式属性 ( <div> ) :

<div class="col-6" name="company_address">
    <div t-field="company.partner_id" style="font-size:14px" t-options="{&quot;widget&quot;: &quot;contact&quot;, &quot;fields&quot;: [&quot;address&quot;, &quot;name&quot;], &quot;no_marker&quot;: true}"/>
</div>

这会更改发件人公司地址字体大小。我们仍然需要更改收件人地址字体大小。

导航至 Settings -> Technical -> Views (在用户界面下)

搜索 address_layout

为部分添加相同样式的属性( style="font-size:14px" ):

<div style="font-size:14px" name="address" t-att-class="colclass">
    <t t-raw="address"/>
</div>

最终结果不是世界上最漂亮的布局，但它有效:
https://snipboard.io/oDicR7.jpg

正确的方法显然是继承'account.report_invoice_document'，然后更改模板代码。因此，仅使用 Odoo 管理 UI 是不可能的。它需要编写一个小的扩展。