{"id":2603,"date":"2015-10-27T14:12:08","date_gmt":"2015-10-27T06:12:08","guid":{"rendered":"http:\/\/www.jointd.com\/?p=2603"},"modified":"2016-04-13T17:48:53","modified_gmt":"2016-04-13T09:48:53","slug":"%e5%8d%93%e5%bf%86%e7%bf%bb%e8%af%91%ef%bc%9a%e8%8b%b1%e4%b8%ad%e5%af%b9%e7%85%a7%ef%bc%9aodoo%e6%8a%a5%e8%a1%a8%e8%ae%be%e8%ae%a1%e8%bf%9b%e9%98%b6%e7%af%87","status":"publish","type":"post","link":"https:\/\/www.jointd.com\/?p=2603","title":{"rendered":"\u5353\u5fc6\u7ffb\u8bd1\uff1a\u82f1\u4e2d\u5bf9\u7167\uff1aOdoo\u62a5\u8868\u8bbe\u8ba1\u8fdb\u9636\u7bc7odoo\u62a5\u8868"},"content":{"rendered":"

\u5353\u5fc6\u7ffb\u8bd1\uff1a\u82f1\u4e2d\u5bf9\u7167\uff1a<\/strong>Odoo<\/strong>\u62a5\u8868\u8bbe\u8ba1\u8fdb\u9636\u7bc7odoo\u62a5\u8868<\/strong><\/p>\n

Report Design Workshop<\/strong><\/p>\n

\u539f\u6587\uff1a<\/p>\n

http:\/\/odoo.guide\/report-design-workshop\/<\/a><\/p>\n

<\/p>\n

\n
\n
\u591a\u56fe\u7ffb\u8bd1\u52a0\u6574\u7406\u6d4b\u8bd5\uff1a\u82f1\u4e2d\u5bf9\u7167\uff1aOdoo\u62a5\u8868\u5165\u95e8Step by Step,Odoo\u521b\u5efa\u4e00\u4efd\u62a5\u8868\u5230\u6253\u5370\u4e0b\u62c9\u83dc\u5355\u4e2d<\/a><\/h3>\n<\/li>\n
\n
\u5353\u5fc6\u7ffb\u8bd1\uff1a\u82f1\u4e2d\u5bf9\u7167\uff1aOdoo\u62a5\u8868\u57fa\u7840<\/a><\/h3>\n<\/li>\n
\n
\u5353\u5fc6\u7ffb\u8bd1\uff1a\u82f1\u4e2d\u5bf9\u7167\uff1aOdoo\u62a5\u8868\u8bbe\u8ba1\u8fdb\u9636\u7bc7<\/a><\/h3>\n<\/li>\n
\n
\u5353\u5fc6\u7ffb\u8bd1\uff1a\u5199\u6a21\u5757\u8fdb\u884cOdoo Qweb\u62a5\u8868\u7684\u7ee7\u627f\u548c\u4fee\u6539<\/a><\/h2>\n<\/li>\n<\/ol>\n
<\/p>\n
\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u7ffb\u8bd1\u53ca\u539f\u6587\u51fa\u5904\uff0c\u8c22\u8c22<\/p>\n
<\/p>\n
In this workshop we\u00a0will\u00a0create a\u00a0brand new report from scratch.<\/strong><\/p>\n
Usually you are starting with a\u00a0moupck<\/strong>\u00a0you want to implement. Therefore you have to subdivide it into\u00a0four views<\/strong>:<\/p>\n
<\/p>\n
\u5728\u8fd9\u4e2a\u8bb2\u5ea7\u91cc\u6211\u4eec\u4f1a \u4ece\u5934\u5f00\u59cb \u521b\u5efa\u4e00\u4efd\u8f83\u5b8c\u6574\u7684 Odoo\u62a5\u8868\u3002\u6211\u4eec\u5c06\u6b64\u62a5\u8868 \u7ec6\u5206\u4e3a4\u4e2a\u89c6\u56fe \uff08\u89c6\u56feanother_report \u7531\u53e6\u59163\u4e2a\u89c6\u56fe\u7ec4\u6210\uff09\uff1a<\/p>\n
$\"Best$ <\/a><\/p>\n
STEP#1 <\/strong>\u2013 creating four\u00a0views \u7b2c\u4e00\u6b65#1 – \u521b\u5efa4\u4e2a\u89c6\u56fe\u00a0<\/strong><\/p>\n
Goto\u00a0Settings > Technical > User Interface > Views<\/strong>\u00a0and create:<\/p>\n
\u8bbe\u7f6e – \u00a0\u6280\u672f – \u7528\u6237\u754c\u9762 – \u00a0\u89c6\u56fe<\/strong>\u00a0\u521b\u5efa<\/p>\n
\u89c6\u56fe1 \uff1a another_report , \u586b\u5199 \u4e0b\u9762\u7684\u5185\u5bb9 \u00a0 \u00a0\uff1a<\/p>\n
<\/p>\n
$\"odoo_qweb01\"$ <\/a><\/p>\n
<\/p>\n
<\/p>\n
another_report who is generating content and calling another_layout<\/p>\n
\u89c6\u56fe2\u00a0another_layout \u586b\u5199\u4e0b\u9762\u7684\u5185\u5bb9\uff1a<\/p>\n
$\"odoo_qweb02\"$ <\/a><\/p>\n
<\/p>\n
another_layout\u00a0who is calling the header and footer<\/p>\n
another_layout \u7684 \u5934\u90e8 \u7684 \u89c6\u56fe\u00a0another_layout_header\u00a0\uff1a<\/p>\n
<\/p>\n
$\"odoo_qweb03\"$ <\/a><\/p>\n
<\/p>\n
another_layout \u7684 \u5e95\u90e8 \u7684 \u89c6\u56fe\u00a0another_layout_footer \u00a0\uff1a<\/p>\n
$\"odoo_qweb04\"$ <\/a><\/p>\n
<\/p>\n
Generally the\u00a0t-call directive loads sub-templates inside a view architecture. But these sub-templates\u00a0of course can only be found when they are identifiable\u00a0by the Odoo system. That\u2019s why we need to\u00a0create an external identifier for each of them.<\/strong><\/p>\n
<\/p>\n
\u00a0<\/strong>t-call <\/strong>\u547d\u4ee4 \u662f \u52a0\u8f7d \u5b50\u6a21\u7248\u00a0\u5230 \u4e00\u4e2a\u89c6\u56fe\u67b6\u6784\u3002 \u4e0d\u8fc7 \u8fd9\u4e9b \u5b50\u6a21\u7248 \u9700\u8981\u662f\u00a0Odoo\u7cfb\u7edf\u53ef \u8fa8\u8ba4\u7684\u3002\u6240\u4ee5 \u6211\u4eec \u9700\u8981\u4e3a \u8fd9\u4e9b \u5b50\u6a21\u7248\u00a0\u521b\u5efa \u5916\u90e8id \u3002<\/strong><\/p>\n
\u6ce8\u610f\uff1a\u6bcf\u4fdd\u5b58\u4e0a\u9762\u7684\u4e00\u4e2a\u89c6\u56fe \u90fd \u5728 \u6d4f\u89c8\u5668 \u4e2d \u8bb0\u5f55\u4e0b \u76f8\u5173id \u00a0(\u5728\u6b65\u9aa42\u4e2d \u6211\u4eec\u4f1a\u7528\u5230\uff09<\/strong><\/p>\n
<\/p>\n
STEP#2 <\/strong>\u2013 creating four\u00a0identifiers \u00a0\u6b65\u9aa4#2 – \u521b\u5efa4\u4e2a id\u00a0<\/strong><\/p>\n
<\/p>\n
Goto\u00a0Settings > Technical > Sequences & Identifiers\u00a0>\u00a0External Identifiers<\/strong>\u00a0and create:<\/p>\n
\u53bb\u00a0\u8bbe\u7f6e – \u00a0\u6280\u672f – \u00a0\u5e8f\u53f7\u548c\u6807\u8bc6 –\u00a0\u00a0\u5916\u90e8id\u00a0<\/strong>\u521b\u5efa \uff1a<\/p>\n
$\"odoo_qweb05\"$ <\/a>
\n $\"odoo_qweb06\"$ <\/a><\/p>\n
<\/p>\n
<\/p>\n
$\"odoo_qweb07\"$ <\/a> $\"odoo_qweb08\"$ <\/a><\/p>\n
Please note<\/strong>: the\u00a0Record ID\u00a0is the id you see in the browser\u2019s address bar when you open a view (s.th. like \u201c\u2026\/web#id=603&view_type=\u2026\u201d)<\/p>\n
\u8fd9\u4e9b ID \u00a0\u5c31\u662f \u60a8 \u6253\u5f00 \u5bf9\u5e94\u7684 \u89c6\u56fe \u65f6 \u5728 \u6d4f\u89c8\u5668 \u5730\u5740\u680f \u4e2d \u770b\u5230\u7684 id<\/p>\n
Odoo\u62a5\u8868\u5165\u95e8<\/a>\u00a0\u91cc\u9762 \u4e5f\u6709 \u7c7b\u4f3c\u7684\u8fc7\u7a0b\u3002 http:\/\/shine-it.net\/index.php\/topic,17350.0.html<\/a><\/p>\n
<\/p>\n
<\/p>\n
STEP#3 <\/strong>\u2013\u00a0implementing the report \u6b65\u9aa4#3 – \u5b8c\u6210\u62a5\u8868<\/strong><\/p>\n
Goto\u00a0Settings > Technical > Reports\u00a0>\u00a0Reports<\/strong>\u00a0and create a\u00a0report with these mandatory fields filled out:<\/p>\n
\u53bb\u8bbe\u7f6e – \u6280\u672f – \u62a5\u8868 – \u62a5\u8868\u00a0<\/strong>\u91cc \u521b\u5efa \u4e00\u4e2a\u62a5\u8868 \u5e76\u586b\u5199\u4e0b\u5217\u5185\u5bb9\uff1a<\/p>\n
$\"odoo_qweb09\"$ <\/a><\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
Please note<\/strong>: Odoo recognizes\u00a0account.another_report\u00a0as the QWeb view from STEP #1 because we created already an external identifier in STEP #2. So it is automatically associated to this report.<\/p>\n
\u8bf7\u6ce8\u610f\uff1a\u00a0<\/strong>\u5728\u6b65\u9aa4#1\u4e2d\u00a0Odoo \u80fd\u8bc6\u522b\u00a0\u00a0account.another_report\u00a0\u4e3aQWeb \u89c6\u56fe \u662f \u56e0\u4e3a \u6211\u4eec \u5728 \u6b65\u9aa4#2 \u4e2d \u521b\u5efa\u4e86 \u5916\u90e8id.<\/p>\n
\u6240\u4ee5\u5b83\u81ea\u52a8\u5173\u8054\u5230\u6b64\u62a5\u8868\u3002<\/p>\n
\u8bb0\u5f55\u4e0b \u8fd9\u4e2a\u62a5\u8868 \u5728 \u6d4f\u89c8\u5668 \u5730\u5740\u680f\u4e2d\u7684 id ,\u5728 \u4e0b\u9762 \u521b\u5efa \u52a8\u4f5c\u7ed1\u5b9a \u65f6 \u60a8\u4f1a\u7528\u5230\u5b83\u3002<\/p>\n
<\/p>\n
To gain more flexibility create your own paper format under\u00a0Settings > Technical > Reports\u00a0>\u00a0Paper Format<\/strong>\u00a0and create a format like this and associate it to our new\u00a0Another Report:<\/p>\n
\u8981\u589e\u52a0\u66f4\u591a\u7684\u7eb8\u5f20\u683c\u5f0f \u53ef\u5728\u8bbe\u7f6e – \u6280\u672f – \u62a5\u8868 – \u7eb8\u5f20\u683c\u5f0f\u00a0<\/strong>\u4e2d \u521b\u5efa \u65b0\u7684 \u683c\u5f0f \u5e76 \u5173\u8054\u5b83 \u5230 \u6211\u4eec\u7684\u00a0Another Report:<\/p>\n
$\"odoo_qweb10\"$ <\/a>
\n <\/p>\n
<\/p>\n
Go now to\u00a0Settings > Technical > Actions\u00a0>\u00a0Action bindings\u00a0<\/strong>and create a new action binding\u00a0to generate\u00a0another item in the print drop down menu for\u00a0invoices:<\/p>\n
<\/p>\n
\u53bb\u00a0\u8bbe\u7f6e – \u6280\u672f – \u52a8\u4f5c – \u52a8\u4f5c\u7ed1\u5b9a\u00a0<\/strong>\u521b\u5efa \u4e00\u4e2a \u65b0\u7684\u52a8\u4f5c\u7ed1\u5b9a \u751f\u6210 \u5230 \u53d1\u7968 \u5904\u7684 \u00a0\u6253\u5370 \u83dc\u5355 \u91cc\uff1a<\/p>\n
$\"odoo_qweb11\"$ <\/a><\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n

\n<\/a>Please note<\/strong>: the\u00a0Action Reference\u00a0contains the\u00a0id of the report you created in this step (you can find the id in the address bar of your browser while the report is shown \u2013 should be s.th. like \u201c\u2026\/web#id=331&view_type=\u2026\u201d)<\/p>\n
<\/p>\n
\u8bf7\u6ce8\u610f\uff1a\u00a0<\/strong>\u52a8\u4f5c\u53c2\u8003 \u8fd9\u91cc \u9700\u5305\u542b \u00a0\u6b65\u9aa4#3 \u6700\u5f00\u59cb \u60a8\u6240\u521b\u5efa \u7684\u62a5\u8868Another Report \u7684 id \uff08\u60a8\u53ef\u4ee5 \u627e\u5230\u8fd9\u4e2aid \u5728 \u60a8\u6253\u5f00 \u5bf9\u5e94 \u62a5\u8868\u7684 \u6d4f\u89c8\u5668\u5730\u5740\u680f\u4e2d – \u5c31\u50cf\u00a0\u201c\u2026\/web#id=331&view_type=\u2026\u201d\uff09<\/p>\n
$\"odoo_qweb12\"$ <\/a><\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
From now on you should be able to choose your new report design in the\u00a0printing menu\u00a0for any invoice in Odoo.
\nThis makes it\u00a0very easy to test our layout during\u00a0the next steps!<\/p>\n
Test it now and\u00a0Another Report will currently print\u00a0a blank page. So it\u2019s time to start with the view architectures!<\/p>\n
\u73b0\u5728\u60a8\u53ef\u4ee5\u5728 Odoo\u7684 \u53d1\u7968 \u6253\u5370\u83dc\u5355 \u4e2d \u9009\u62e9 \u60a8 \u65b0\u8bbe\u8ba1\u7684\u62a5\u8868 \u3002<\/p>\n
\u5728\u505a\u4e0b\u4e00\u6b65\u4e4b\u524d\u60a8 \u5f88\u5bb9\u6613\u6d4b\u8bd5 \u5b83 \uff01<\/p>\n
\u6d4b\u8bd5\u53d1\u73b0 \u6b64\u62a5\u8868 \u76ee\u524d \u5e76\u6ca1\u6709\u5185\u5bb9 \u3002\u6240\u4ee5 \u662f\u65f6\u5019 \u5f00\u59cb\u8bbe\u8ba1\u754c\u9762\u4e86\uff01<\/p>\n
<\/p>\n
STEP#4 <\/strong>\u2013\u00a0header architecture \u6b65\u9aa4#4 – \u62a5\u8868\u5934\u90e8\u7684\u7ed3\u6784<\/strong><\/p>\n
Goto\u00a0Settings > Technical > User Interface > Views<\/strong>\u00a0and edit the\u00a0another_layout_header\u00a0view you created in STEP#1:<\/p>\n
\u5728 \u00a0\u8bbe\u7f6e – \u00a0\u6280\u672f – \u7528\u6237\u754c\u9762 – \u00a0\u89c6\u56fe\u00a0<\/strong>\u4e2d\u00a0<\/strong>\u7f16\u8f91\u00a0\u60a8\u5728 \u6b65\u9aa4#1 \u4e2d \u521b\u5efa\u7684\u00a0<\/strong>another_layout_header \u00a0\u586b\u5165\u4ee5\u4e0b\u5185\u5bb9\uff1a<\/p>\n
\u00a0 \u00a0 <?xml version=\"1.0\"?>\r\n\u00a0 \u00a0 <t t-name=\"report.another_layout_header\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 <div class=\"header\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <div class=\"row\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <div class=\"col-xs-4 col-xs-offset-8\">\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <img src='\/document\/static\/img\/company_logo.png'\/>\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/div>\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/div>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <\/div>\r\n\u00a0 \u00a0 <\/t><\/pre>\n
Please note:<\/strong>\u00a0for storing the\u00a0image file we used a path known to Odoo. You can choose any path of a module folder \u2013 even when the app is\u00a0not installed.<\/p>\n
The header consists of one row only. The image\u00a0width is a third of the page\u2019s width and positioned on the right edge (col-xs-4 and col-xs-offset-8 explained here<\/a>).<\/p>\n
Our report header \u2013 so far\u2026<\/p>\n
\u8bf7\u6ce8\u610f\uff1a \u00a0<\/strong>\u6211\u4eec\u4f7f\u7528\u4e86Odoo\u5df2\u77e5\u7684\u8def\u5f84\u6765\u4fdd\u5b58 \u56fe\u5f62\u3002 \u60a8\u53ef\u4ee5 \u9009\u62e9 \u6a21\u5757\u76ee\u5f55\u7684 \u4efb\u610f \u8def\u5f84 – \u5373\u4f7f\u8fd9\u4e2a\u6a21\u5757\u5e76\u672a\u88ab\u5b89\u88c5\u3002<\/p>\n
\u5934\u90e8\u53ea\u5305\u542b\u4e00\u884c\u3002 \u56fe\u5f62\u7684 \u5bbd\u5ea6 \u662f1\/3 \u9875\u9762 \u4f4d\u4e8e \u6211\u4eec\u62a5\u8868\u5934\u90e8\u7684 \u53f3\u8fb9 — ..<\/p>\n
$\"odoo_qweb13\"$ <\/a><\/p>\n
<\/p>\n
<\/p>\n
STEP#5 <\/strong>\u2013 footer\u00a0architecture \u6b65\u9aa4#5 — \u62a5\u8868\u5e95\u90e8\u7684\u7ed3\u6784\u00a0<\/strong><\/p>\n
According to our invoice mockup we should try to create an overall layout structure. That\u2019s why we are\u00a0conforming the footer with the header by\u00a0subdividing with same proportions<\/strong>:<\/p>\n
\u6309\u7167\u6211\u4eec\u53d1\u7968\u6211\u4eec\u8bd5\u7740\u521b\u5efa\u6240\u6709\u7684\u5e03\u5c40\u7ed3\u6784\u3002\u8fd9\u662f\u4e4b\u6240\u4ee5\u6211\u4eec\u9700\u8981\u786e\u8ba4\u5e95\u90e8\u4e0e\u9876\u90e8\u6709\u7740\u76f8\u540c\u7684\u6bd4\u4f8b\u7684\u539f\u56e0\u3002<\/p>\n
$\"odoo_qweb14\"$ <\/a><\/p>\n

\n<\/a><\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
The footer has a right column with a width of a third of the page\u2019s width \u2013 same as the header with its\u00a0logo on the right. We subdivide the wished information into\u00a0three rows<\/strong>.<\/p>\n
\u5e95\u90e8 \u53f3\u4fa7\u6709\u4e00\u4e2a 1\/3\u9875\u9762\u5bbd\u5ea6 \u7684\u680f – \u548c \u9876\u90e8 \u7684logo \u76f8\u547c\u5e94 \u00a0\u3002\u6211\u4eec\u518d\u628a \u8981\u589e\u52a0\u7684\u4fe1\u606f \u7ec6\u5206\u5230 3\u884c\u3002<\/p>\n
<\/p>\n
So goto\u00a0Settings > Technical > User Interface > Views<\/strong>\u00a0now and edit the\u00a0another_layout_footer\u00a0view you created in STEP#1:<\/p>\n
\u53bb\u00a0\u8bbe\u7f6e – \u00a0\u6280\u672f – \u7528\u6237\u754c\u9762 – \u00a0\u89c6\u56fe \u00a0<\/strong>\u4e2d\u7f16\u8f91 \u00a0\u6b65\u9aa4#1 \u521b\u5efa\u7684\u00a0another_layout_footer \u00a0\u4e3a\u4e0b\u9762\u7684\u5185\u5bb9\uff1a<\/p>\n
<?xml version=\"1.0\"?>\r\n <t t-name=\"report.another_layout_footer\">\r\n <div class=\"footer\">\r\n \r\n <\/strong>\r\n <div class=\"row\"> \r\n <div class=\"col-xs-8\">\r\n <strong>General Information:<\/strong><br\/>\r\n Line 1<br\/>\r\n Line 2<br\/>\r\n Line 3<br\/>\r\n Line 4\r\n <\/div>\r\n <div class=\"col-xs-4\" style=\"text-align:right\">\r\n <strong>Bank Details:<\/strong><br\/>\r\n Line 1<br\/>\r\n Line 2<br\/>\r\n Line 3<br\/>\r\n Line 4\r\n <\/div>\r\n <\/div>\r\n\r\n <\/strong>\r\n <div class=\"row mt16 mb16\" style=\"text-align:center\"> <strong>THANK YOU FOR YOUR BUSINESS<\/strong>\r\n <\/div><\/pre>\n
<\/strong>\r\n <div class=\"row\" style=\"background-color:#568eff;color:#ffffff;\">\r\n <div class=\"col-xs-8\">\r\n <strong>Company Tag Line<\/strong><br\/>\r\n Line 1<br\/>\r\n Line 2<br\/>\r\n Line 3\r\n <\/div>\r\n <div class=\"col-xs-4\" style=\"text-align:right\">\r\n Page <span class=\"page\"\/> of <span class=\"topage\"\/>\r\n <\/div>\r\n <\/div><\/pre>\n
<\/div>\r\n <\/t><\/pre>\n
<\/p>\n
Please note:<\/strong>\u00a0the two span tags\u00a0with the classes \u201cpage\u201d and \u201ctopage\u201d will be replaced by the given page numbers via javascript during the rendering.<\/p>\n
The result should look like this:<\/p>\n
\u8bf7\u6ce8\u610f\uff1a\u00a0<\/strong>\u67092\u4e2a \u8303\u56f4\u6807\u7b7e \uff1a\u00a0<\/strong>\u201cpage\u201d\u548c\u201ctopage\u201d \u901a\u8fc7javascript\u6e32\u67d3\u5c06\u4f1a\u7ed9\u9875\u9762\u7f16\u7801 \u3002<\/p>\n
\u7ed3\u679c\u4f1a\u662f\u4e0b\u9762\u8fd9\u6837\u7684\uff1a<\/p>\n
STEP#6 <\/strong>\u2013 report\u00a0architecture \u00a0\u6b65\u9aa4#6 – \u62a5\u8868\u7ed3\u6784<\/strong><\/p>\n
Let\u2019s subdivide the main part of the report with\u00a0same proportions<\/strong>\u00a0(2\/3 and 1\/3 horizontally) as we did with the header and footer:<\/p>\n
\u8ba9\u6211\u4eec\u7528\u76f8\u540c\u7684 \u6bd4\u4f8b \u5212\u5206 \u62a5\u8868\u4e3b\u8981\u7684\u90e8\u5206 \uff08\u6c34\u5e73 2\/3 \u548c 1\/3 \uff09\u5c31\u50cf\u6211\u4eec\u62a5\u8868\u7684 \u9876\u90e8\u548c\u5e95\u90e8\u4e00\u6837\u3002<\/p>\n
<\/p>\n
$\"odoo_qweb16\"$ <\/a><\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n

\n
\n<\/a>As you can see \u2013 we need\u00a0at least six rows<\/strong>.<\/p>\n
Goto\u00a0Settings > Technical > User Interface > Views<\/strong>\u00a0and edit the\u00a0another_report\u00a0view you created in STEP#1:<\/p>\n
\u5982\u56fe\u60a8\u770b\u5230\u7684- \u6211\u4eec\u9700\u8981\u81f3\u5c116\u884c\u3002<\/p>\n
\u53bb\u00a0\u8bbe\u7f6e – \u00a0\u6280\u672f – \u7528\u6237\u754c\u9762 – \u00a0\u89c6\u56fe \u00a0<\/strong>\u4e2d\u7f16\u8f91 \u00a0\u6b65\u9aa4#1 \u521b\u5efa\u7684\u00a0another_report\u00a0\u00a0\u4e3a\u4e0b\u9762\u7684\u5185\u5bb9\uff1a<\/p>\n
<\/p>\n
<?xml version=”1.0″?><\/p>\n
<t t-name=\"account.another_report\">\r\n <t t-call=\"report.another_layout\">\r\n <t t-foreach=\"docs\" t-as=\"o\"> <\/strong>\r\n <div class=\"page\"> \r\n\r\n <\/strong>\r\n <div class=\"row\">\r\n <div class=\"col-xs-12\" style=\"background-color:#568eff;border: 1px solid #568eff;color:#ffffff;\">\r\n <h3>INVOICE<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/strong>\r\n <div class=\"row\">\r\n <div class=\"col-xs-8\" style=\"border-left:1px solid #568eff;\">\r\n <strong>BILL TO:<\/strong><br\/> \r\n Line 1<br\/>\r\n Line 2<br\/>\r\n Line 3 \r\n <\/div>\r\n <div class=\"col-xs-2\" style=\"text-align:right;border-left:1px solid #568eff;\">\r\n <strong>Invoice No.:<\/strong><br\/>\r\n <strong>Invoice Date:<\/strong><br\/>\r\n <strong>Due Date:<\/strong><br\/>\r\n <strong>PO No.:<\/strong>\r\n <\/div>\r\n <div class=\"col-xs-2\" style=\"border-right:1px solid #568eff;\">\r\n <span t-field=\"o.number\"\/><br\/><\/strong>\r\n Line 2<br\/>\r\n Line 3<br\/>\r\n Line 4\r\n <\/div>\r\n <\/div>\r\n\r\n <\/strong>\r\n <div class=\"row\">\r\n <div class=\"col-xs-12\" style=\"border:1px solid #568eff;\">\r\n <strong>PROJECT:<\/strong><br\/>\r\n Line 1 \r\n <\/div>\r\n <\/div>\r\n\r\n <\/strong>\r\n <div class=\"row mt32\" style=\"background-color:#568eff;border: 1px solid #568eff;color:#ffffff;\">\r\n <div class=\"col-xs-1\">NO.<\/div>\r\n <div class=\"col-xs-7\">DESCRIPTION<\/div>\r\n <div class=\"col-xs-1\">UOM<\/div>\r\n <div class=\"col-xs-1\">QTY<\/div>\r\n <div class=\"col-xs-1\">UNIT RATE<\/div>\r\n <div class=\"col-xs-1\">AMOUNT<\/div>\r\n <\/div>\r\n\r\n <\/strong>\r\n <div class=\"row\">\r\n <div class=\"col-xs-1\" style=\"border-left:1px solid #568eff;\">1.<\/div>\r\n <div class=\"col-xs-7\" style=\"border-left:1px solid #568eff;\">Line 1 Item Description<\/div>\r\n <div class=\"col-xs-1\" style=\"border-left:1px solid #568eff;\">100.00<\/div>\r\n <div class=\"col-xs-1\" style=\"border-left:1px solid #568eff;\">1<\/div>\r\n <div class=\"col-xs-1\" style=\"border-left:1px solid #568eff;\">100.00<\/div>\r\n <div class=\"col-xs-1\" style=\"border-left:1px solid #568eff;border-right:1px solid #568eff;\">100.00<\/div>\r\n <\/div>\r\n\r\n <\/strong>\r\n <div class=\"row\">\r\n <div class=\"col-xs-10\" style=\"text-align:right;border: 1px solid #568eff;\">\r\n <strong>Total:<\/strong>\r\n <\/div>\r\n <div class=\"col-xs-2\" style=\"text-align:right;border: 1px solid #568eff;border-left:0px;\">\r\n <strong>100.00<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/t>\r\n <\/t>\r\n<\/t><\/pre>\n
The complete\u00a0report\u00a0should now look like this:<\/p>\n
\u6700\u540e\u5b8c\u6210\u7684\u62a5\u8868\u4f1a\u662f\u4e0b\u9762\u8fd9\u6837\u7684\uff1a<\/p>\n
<\/p>\n
$\"odoo_qweb17\"$ <\/a><\/p>\n
<\/p>\n
Please note:<\/strong>\u00a0depending of your wkhtmltopdf version you now may have to adjust a little bit the used CSS styles.<\/p>\n
\u8bf7\u6ce8\u610f\uff1a\u00a0<\/strong>\u57fa\u4e8e\u4e0d\u540c\u7684wkhtmltopdf\u00a0\u7248\u672c\uff0c\u60a8\u53ef\u80fd\u9700\u8981\u5fae\u5fae\u8c03\u6574\u4f7f\u7528\u7684CSS\u6837\u5f0f\u3002<\/p>\n
\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u7ffb\u8bd1\u53ca\u539f\u6587\u51fa\u5904\uff0c\u8c22\u8c22<\/p>\n
\u7ffb\u8bd1\u96be\u514d\u6709\u6240\u758f\u6f0f\uff0c\u671b\u89c1\u8c05\uff0c\u53e6\u5916\u8fd9\u4e2a\u62a5\u8868\u8fdb\u9636\u7684\u5185\u5bb9\uff0c\u76ee\u524d\u5e76\u672a\u6d4b\u8bd5\u3002<\/p>\n
\u5b98\u65b9QWeb\u6587\u6863\uff1ahttps:\/\/www.odoo.com\/documentation\/8.0\/reference\/qweb.html<\/a><\/p>\n
<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\u5353\u5fc6\u7ffb\u8bd1\uff1a\u82f1\u4e2d\u5bf9\u7167\uff1aOdoo\u62a5\u8868\u8bbe\u8ba1\u8fdb\u9636\u7bc7odoo\u62a5\u8868 Report Design Workshop \u539f\u6587\uff1a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[139],"tags":[169,278,277,281,279],"class_list":{"0":"post-2603","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"hentry","6":"category-odoo-openerp","7":"tag-odoo","8":"tag-odoo-qweb","11":"tag-qweb"},"views":5231,"_links":{"self":[{"href":"https:\/\/www.jointd.com\/index.php?rest_route=\/wp\/v2\/posts\/2603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jointd.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jointd.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jointd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jointd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2603"}],"version-history":[{"count":1,"href":"https:\/\/www.jointd.com\/index.php?rest_route=\/wp\/v2\/posts\/2603\/revisions"}],"predecessor-version":[{"id":2997,"href":"https:\/\/www.jointd.com\/index.php?rest_route=\/wp\/v2\/posts\/2603\/revisions\/2997"}],"wp:attachment":[{"href":"https:\/\/www.jointd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jointd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jointd.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}