Odoo中文社区可以通过以下三个域名访问:shine-it.net , odoocn.org,odoo.net.cn

原论坛用户的基本信息和发帖这里都予以保留,请注意:原论坛用户无需重新注册新用户,但是您的密码需要重置

开发人员可以登录gitter讨论组: http://gitter.im/odoo-china/Talk, 需要github账号

如果您登录系统碰到问题,请在微信公众号留言:

多图翻译加整理测试:英中对照:Odoo报表入门Step by Step,Odoo创建一份报表到打印下拉菜单中



  • 多图翻译加整理测试:英中对照:Odoo报表入门Step by Step,Odoo创建一份报表到打印下拉菜单中<br /><br />原文来自:Multiple report layout step by step<br />[url=http://odoo.guide/multiple-report-layout-step-by-step/]http://odoo.guide/multiple-report-layout-step-by-step/[/url]<br /><br />How to implement another report in the print drop down menu? (e.g. like this for sale orders)<br />怎样 实现 在 打印 下拉菜单 里面 增加 另外一个 报表。(比如 在销售订单 的 打印 这里)<br /><br />[attachimg=1]<br /> <br /><br /><br />STEP #1 – create a new report  第一步: 创建一张新的报表<br />Goto Settings > Technical > Reports > Reports, create a new report and fill out the four mandatory fields:<br />去  设置- 技术- 报表-报表 ,创建一张新报表 填写 下面 4个 区域的内容:<br /><br />[attachimg=2]<br /><br /> <br />After saving this report please have a look in your browser address bar. There you can easily see the report’s id (something like “#id=1234″) – you need this id for a later step.<br />保存报表时,看一下浏览器中的地址栏,您可以发现报表的Id (类似 id=458) ,最后一步(第四步)时,您需要<br />用到这地址<br /> <br />[attachimg=3]<br /><br /><br />STEP #2 – create a new view 第2步: 创建一个新的视图<br />Goto Settings > Technical > User Interface > Views, create a new view and fill out following fields:<br />设置-技术-用户界面-视图 ,创建 一个新的 视图,填写下面的区域:<br /> <br />[attachimg=4]<br /><br />架构这里 填写参考: <br />[code]<?xml version="1.0"?> <t t-name="sale.another_report"> <div class="page"> Hello world! </div> </t>[/code]<br /><br />提示:其实这里可以直接复制本来的 销售订单的 报表。现在这样,打印出来的another_report 就是Hello world!.<br />[color=red]注意 t-name 后面的 "sale.another_report" [/color]<br /><br />When View Name is the same as in Template Name (from STEP #1) Odoo automatically associates this view to the given report.<br />当视图名称和 (第一步的)模版名称相同时Odoo 自动关联这个视图到报表。<br /><br />After saving this view have a look in your browser address bar. There you can easily see the view’s id (something like “#id=1234″) – later you will need this id.<br />保存这个 视图 时,观察下浏览器 ,记录下 这个 视图的id  (比如:1035) 注意 这个 id 是用于 第三步的。<br /><br /> STEP #3 – create a new identifier 步骤3  - 创建一个新的id<br />Goto Settings > Technical > Sequences & Identifiers >  External Identifiers, create a new identifier and fill out the following fields:<br />设置-技术-序号和标识-外部标识,创建一个 新的 id 标识,填写下面的区域:<br /><br />[attachimg=5]<br /><br />Record ID is the view id you found in STEP #2  这个 id 是填写 第二步时的 id<br /> <br /><br />STEP #3 – create a new identifier 步骤4:创建一个 新的动作绑定  <br /><br />Goto Settings > Technical > Actions > Action Bindings, create a new action binding and fill out following fields:<br />设置-技术-动作-动作绑定  创建一个 新的 动作绑定,填写下面的区域 <br /><br />[attachimg=6]<br /><br /><br /> Qualifier 是 限定 在 client_print_multi<br /><br />The number specified in Action Reference is the report id you got in STEP #1<br />动作引用 这里的 id是填写步骤1的 id.<br /> <br /><br />动作引用这里: ir.actions.report.xml,458  (注意这个id 是第一步时看到的报表的id)<br /><br />就这样成功了:<br /><br />[attachimg=7]<br /><br /> <br />要特别注意 : 第一步 创建报表时 保存后 ,浏览器中看到的 id 是 第四步 创建 动作绑定用,<br /><br />第二步 创建 视图 浏览器中看到的id 是 第三步 创建 外部id 用的。<br /><br />另外,odoo8.0 其实 报表可以 以所见即所得的方式 在线 编辑。<br /><br />1:更改报表的方式 为html,<br />2:安装 website 的模块,<br />3:再打印这个报表 ,就可以 像编辑odoo的网站一样编辑  报表了。(注意,编辑之前推荐备份此报表)<br /><br />更多报表设计原文参考:[url=http://odoo.guide/category/report-design/]http://odoo.guide/category/report-design/ [/url]<br /><br /><br /><br />祝你们成功。<br /><br />谢谢  OpenERP- 应用群 212904 中 台湾台北-Jason  提供的教程链接。 (很早就给我了,我一直忘记做测试)<br />



  • 多图翻译加整理测试:英中对照:Odoo报表入门Step by Step,Odoo创建一份报表到打印下拉菜单中<br /><br />原文来自:Multiple report layout step by step<br />[url=http://odoo.guide/multiple-report-layout-step-by-step/]http://odoo.guide/multiple-report-layout-step-by-step/[/url]<br /><br />How to implement another report in the print drop down menu? (e.g. like this for sale orders)<br />怎样 实现 在 打印 下拉菜单 里面 增加 另外一个 报表。(比如 在销售订单 的 打印 这里)<br /><br />[attachimg=1]<br /> <br /><br /><br />STEP #1 – create a new report  第一步: 创建一张新的报表<br />Goto Settings > Technical > Reports > Reports, create a new report and fill out the four mandatory fields:<br />去  设置- 技术- 报表-报表 ,创建一张新报表 填写 下面 4个 区域的内容:<br /><br />[attachimg=2]<br /><br /> <br />After saving this report please have a look in your browser address bar. There you can easily see the report’s id (something like “#id=1234″) – you need this id for a later step.<br />保存报表时,看一下浏览器中的地址栏,您可以发现报表的Id (类似 id=458) ,最后一步(第四步)时,您需要<br />用到这地址<br /> <br />[attachimg=3]<br /><br /><br />STEP #2 – create a new view 第2步: 创建一个新的视图<br />Goto Settings > Technical > User Interface > Views, create a new view and fill out following fields:<br />设置-技术-用户界面-视图 ,创建 一个新的 视图,填写下面的区域:<br /> <br />[attachimg=4]<br /><br />架构这里 填写参考: <br />[code]<?xml version="1.0"?> <t t-name="sale.another_report"> <div class="page"> Hello world! </div> </t>[/code]<br /><br />提示:其实这里可以直接复制本来的 销售订单的 报表。现在这样,打印出来的another_report 就是Hello world!.<br />[color=red]注意 t-name 后面的 "sale.another_report" [/color]<br /><br />When View Name is the same as in Template Name (from STEP #1) Odoo automatically associates this view to the given report.<br />当视图名称和 (第一步的)模版名称相同时Odoo 自动关联这个视图到报表。<br /><br />After saving this view have a look in your browser address bar. There you can easily see the view’s id (something like “#id=1234″) – later you will need this id.<br />保存这个 视图 时,观察下浏览器 ,记录下 这个 视图的id  (比如:1035) 注意 这个 id 是用于 第三步的。<br /><br /> STEP #3 – create a new identifier 步骤3  - 创建一个新的id<br />Goto Settings > Technical > Sequences & Identifiers >  External Identifiers, create a new identifier and fill out the following fields:<br />设置-技术-序号和标识-外部标识,创建一个 新的 id 标识,填写下面的区域:<br /><br />[attachimg=5]<br /><br />Record ID is the view id you found in STEP #2  这个 id 是填写 第二步时的 id<br /> <br /><br />STEP #3 – create a new identifier 步骤4:创建一个 新的动作绑定  <br /><br />Goto Settings > Technical > Actions > Action Bindings, create a new action binding and fill out following fields:<br />设置-技术-动作-动作绑定  创建一个 新的 动作绑定,填写下面的区域 <br /><br />[attachimg=6]<br /><br /><br /> Qualifier 是 限定 在 client_print_multi<br /><br />The number specified in Action Reference is the report id you got in STEP #1<br />动作引用 这里的 id是填写步骤1的 id.<br /> <br /><br />动作引用这里: ir.actions.report.xml,458  (注意这个id 是第一步时看到的报表的id)<br /><br />就这样成功了:<br /><br />[attachimg=7]<br /><br /> <br />要特别注意 : 第一步 创建报表时 保存后 ,浏览器中看到的 id 是 第四步 创建 动作绑定用,<br /><br />第二步 创建 视图 浏览器中看到的id 是 第三步 创建 外部id 用的。<br /><br />另外,odoo8.0 其实 报表可以 以所见即所得的方式 在线 编辑。<br /><br />1:更改报表的方式 为html,<br />2:安装 website 的模块,<br />3:再打印这个报表 ,就可以 像编辑odoo的网站一样编辑  报表了。(注意,编辑之前推荐备份此报表)<br /><br />更多报表设计原文参考:[url=http://odoo.guide/category/report-design/]http://odoo.guide/category/report-design/ [/url]<br /><br /><br /><br />祝你们成功。<br /><br />谢谢  OpenERP- 应用群 212904 中 台湾台北-Jason  提供的教程链接。 (很早就给我了,我一直忘记做测试)<br />



  • 已经开始翻译 Odoo报表进阶,  (初学者先把 报表入门的练习完成,进阶部分,我就只做翻译了)<br /><br /><br />卓忆翻译:英中对照:Odoo报表设计进阶篇 (第一部分)<br />Report Design Workshop<br />原文:<br />http://odoo.guide/report-design-workshop/<br /><br />转载请注明翻译及原文出处,谢谢<br /><br />In this workshop we will create a brand new report from scratch.<br />Usually you are starting with a moupck you want to implement. Therefore you have to subdivide it into four views:<br /><br />在这个讲座里我们会 从头开始 创建一份较完整的 Odoo报表。我们将此报表 细分为4个视图 (视图another_report 由另外3个视图组成):<br />[attachimg=1]<br /><br />STEP#1 – creating four views 第一步#1 - 创建4个视图 <br />Goto Settings > Technical > User Interface > Views and create:<br />设置 -  技术 - 用户界面 -  视图 创建 <br />视图1 : another_report , 填写 下面的内容    :<br />[attachimg=2]<br /><br />another_report who is generating content and calling another_layout<br />视图2 another_layout 填写下面的内容: <br />[attachimg=3]<br /><br />another_layout who is calling the header and footer<br />another_layout 的 头部 的 视图 another_layout_header :<br />[attachimg=4]<br /><br /><br />another_layout 的 底部 的 视图 another_layout_footer  :<br /><br />[attachimg=5]<br /><br />Generally the t-call directive loads sub-templates inside a view architecture. But these sub-templates of course can only be found when they are identifiable by the Odoo system. That’s why we need to create an external identifier for each of them.<br /><br /> t-call 命令 是 加载 子模版 到 一个视图架构。 不过 这些 子模版 需要是 Odoo系统可 辨认的。所以 我们 需要为 这些 子模版 创建 外部id 。<br />注意:每保存上面的一个视图 都 在 浏览器 中 记录下 相关id  (在步骤2中 我们会用到)<br /><br />STEP#2 – creating four identifiers  步骤#2 - 创建4个 id <br /><br />Goto Settings > Technical > Sequences & Identifiers > External Identifiers and create:<br />去 设置 -  技术 -  序号和标识 -  外部id 创建 : <br /><br />[attachimg=6]<br />[attachimg=7]<br />[attachimg=8]<br />[attachimg=9]<br /><br /><br />Please note: the Record ID is the id you see in the browser’s address bar when you open a view (s.th. like “…/web#id=603&view_type=…”)<br />这些 ID  就是 您 打开 对应的 视图 时 在 浏览器 地址栏 中 看到的 id <br />Odoo报表入门 里面 也有 类似的过程。http://shine-it.net/index.php/topic,17350.0.html<br /><br /><br />STEP#3 – implementing the report 步骤#3 - 完成报表<br />Goto Settings > Technical > Reports > Reports and create a report with these mandatory fields filled out:<br />去设置 - 技术 - 报表 - 报表 里 创建 一个报表 并填写下列内容:<br />[attachimg=10]<br /><br /><br /><br />Please note: Odoo recognizes account.another_report as the QWeb view from STEP #1 because we created already an external identifier in STEP #2. So it is automatically associated to this report.<br />请注意: 在步骤#1中 Odoo 能识别  account.another_report 为QWeb 视图 是 因为 我们 在 步骤#2 中 创建了 外部id.<br />所以它自动关联到此报表。<br /><br />记录下 这个报表 在 浏览器 地址栏中的 id ,在 下面 创建 动作绑定 时 您会用到它。<br />



  • Odoo报表设计进阶 第二部分:<br /><br />To gain more flexibility create your own paper format under Settings > Technical > Reports > Paper Format and create a format like this and associate it to our new Another Report:<br />要增加更多的纸张格式 可在设置 - 技术 - 报表 - 纸张格式 中 创建 新的 格式 并 关联它 到 我们的 Another Report:<br /><br />[attachimg=2]<br /><br /><br />Go now to Settings > Technical > Actions > Action bindings and create a new action binding to generate another item in the print drop down menu for invoices:<br /><br />去 设置 - 技术 - 动作 - 动作绑定 创建 一个 新的动作绑定 生成 到 发票 处的  打印 菜单 里:<br /><br />[attachimg=3]<br /><br />Please note: the Action Reference contains the id 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 – should be s.th. like “…/web#id=331&view_type=…”)<br /><br />请注意: 动作参考 这里 需包含  步骤#3 最开始 您所创建 的报表Another Report 的 id (您可以 找到这个id 在 您打开 对应 报表的 浏览器地址栏中 - 就像 “…/web#id=331&view_type=…”) <br />[attachimg=4]<br /><br />From now on you should be able to choose your new report design in the printing menu for any invoice in Odoo.<br />This makes it very easy to test our layout during the next steps!<br />Test it now and Another Report will currently print a blank page. So it’s time to start with the view architectures!<br />现在您可以在 Odoo的 发票 打印菜单 中 选择 您 新设计的报表 。<br />在做下一步之前您 很容易测试 它 !<br />测试发现 此报表 目前 并没有内容 。所以 是时候 开始设计界面了!<br /><br />STEP#4 – header architecture 步骤#4 - 报表头部的结构<br />Goto Settings > Technical > User Interface > Views and edit the another_layout_header view you created in STEP#1:<br />在  设置 -  技术 - 用户界面 -  视图 中 编辑 您在 步骤#1 中 创建的 another_layout_header  填入以下内容:<br /><br />    <?xml version="1.0"?><br />    <t t-name="report.another_layout_header"><br />        <div class="header"><br />            <div class="row"><br />                <div class="col-xs-4 col-xs-offset-8"><br />                    <img src='/document/static/img/company_logo.png'/><br />                </div><br />            </div><br />        </div><br />    </t><br />Please note: for storing the image file we used a path known to Odoo. You can choose any path of a module folder – even when the app is not installed.<br />The header consists of one row only. The image width is a third of the page’s width and positioned on the right edge (col-xs-4 and col-xs-offset-8 explained here).<br />Our report header – so far…<br />请注意:  我们使用了Odoo已知的路径来保存 图形。 您可以 选择 模块目录的 任意 路径 - 即使这个模块并未被安装。<br />头部只包含一行。 图形的 宽度 是1/3 页面 位于 我们报表头部的 右边 -- ..<br /><br />[attachimg=5]<br /><br /><br /><br />STEP#5 – footer architecture 步骤#5 -- 报表底部的结构 <br />According to our invoice mockup we should try to create an overall layout structure. That’s why we are conforming the footer with the header by subdividing with same proportions:<br />按照我们发票我们试着创建所有的布局结构。这是之所以我们需要确认底部与顶部有着相同的比例的原因。<br /><br />[attachimg=6]<br /><br />The footer has a right column with a width of a third of the page’s width – same as the header with its logo on the right. We subdivide the wished information into three rows.<br />底部 右侧有一个 1/3页面宽度 的栏 - 和 顶部 的logo 相呼应  。我们再把 要增加的信息 细分到 3行。<br /><br />So goto Settings > Technical > User Interface > Views now and edit the another_layout_footer view you created in STEP#1:<br />去 设置 -  技术 - 用户界面 -  视图  中编辑  步骤#1 创建的 another_layout_footer  为下面的内容:<br /><br />  <?xml version="1.0"?><br />      <t t-name="report.another_layout_footer"><br />        <div class="footer"><br />            <br />            <!-- FIRST ROW --><br />            <div class="row"> <br />                <div class="col-xs-8"><br />                  <strong>General Information:</strong><br/><br />                  Line 1<br/><br />                  Line 2<br/><br />                  Line 3<br/><br />                  Line 4<br />                </div><br />                <div class="col-xs-4" style="text-align:right"><br />                  <strong>Bank Details:</strong><br/><br />                  Line 1<br/><br />                  Line 2<br/><br />                  Line 3<br/><br />                  Line 4<br />              </div><br />            </div><br /><br />            <!-- SECOND ROW --><br />            <div class="row mt16 mb16" style="text-align:center">                              <strong>THANK YOU FOR YOUR BUSINESS</strong><br />            </div><br />            <!-- THIRD ROW --><br />            <div class="row" style="background-color:#568eff;color:#ffffff;"><br />              <div class="col-xs-8"><br />                  <strong>Company Tag Line</strong><br/><br />                  Line 1<br/><br />                  Line 2<br/><br />                  Line 3<br />              </div><br />              <div class="col-xs-4" style="text-align:right"><br />                  Page <span class="page"/> of <span class="topage"/><br />              </div><br />            </div><br />        </div><br />      </t><br />Please note: the two span tags with the classes “page” and “topage” will be replaced by the given page numbers via javascript during the rendering.<br />The result should look like this:<br />请注意: 有2个 范围标签 : “page”和“topage” 通过javascript渲染将会给页面编码 。<br />结果会是下面这样的:<br /><br />[attachimg=7]<br /><br />STEP#6 – report architecture  步骤#6 - 报表结构<br />Let’s subdivide the main part of the report with same proportions (2/3 and 1/3 horizontally) as we did with the header and footer:<br />让我们用相同的 比例 划分 报表主要的部分 (水平 2/3 和 1/3 )就像我们报表的 顶部和底部一样。<br /><br />[attachimg=8]<br /><br />As you can see – we need at least six rows.<br />Goto Settings > Technical > User Interface > Views and edit the another_report view you created in STEP#1:<br />如图您看到的- 我们需要至少6行。<br />去 设置 -  技术 - 用户界面 -  视图  中编辑  步骤#1 创建的 another_report  为下面的内容:<br /><br /><?xml version="1.0"?><br /><t t-name="account.another_report"><br />  <t t-call="report.another_layout"><br />  <t t-foreach="docs" t-as="o"> <!-- this makes the context model data accessible throughout the variable "o" --><br />      <div class="page"> <br /><br />        <!-- FIRST ROW --><br />        <div class="row"><br />            <div class="col-xs-12" style="background-color:#568eff;border: 1px solid #568eff;color:#ffffff;"><br />              <h3>INVOICE</h3><br />            </div><br />        </div><br /><br />        <!-- SECOND ROW --><br />        <div class="row"><br />            <div class="col-xs-8" style="border-left:1px solid #568eff;"><br />              <strong>BILL TO:</strong><br/> <br />              Line 1<br/><br />              Line 2<br/><br />              Line 3 <br />            </div><br />            <div class="col-xs-2" style="text-align:right;border-left:1px solid #568eff;"><br />              <strong>Invoice No.:</strong><br/><br />              <strong>Invoice Date:</strong><br/><br />              <strong>Due Date:</strong><br/><br />              <strong>PO No.:</strong><br />            </div><br />            <div class="col-xs-2" style="border-right:1px solid #568eff;"><br />              <span t-field="o.number"/><br/><!-- example of how to access field values --><br />              Line 2<br/><br />              Line 3<br/><br />              Line 4<br />          </div><br />        </div><br /><br />        <!-- THIRD ROW --><br />        <div class="row"><br />          <div class="col-xs-12" style="border:1px solid #568eff;"><br />              <strong>PROJECT:</strong><br/><br />              Line 1 <br />          </div><br />        </div><br /><br />        <!-- FOURTH ROW --><br />        <div class="row mt32" style="background-color:#568eff;border: 1px solid #568eff;color:#ffffff;"><br />          <div class="col-xs-1">NO.</div><br />          <div class="col-xs-7">DESCRIPTION</div><br />          <div class="col-xs-1">UOM</div><br />          <div class="col-xs-1">QTY</div><br />          <div class="col-xs-1">UNIT RATE</div><br />          <div class="col-xs-1">AMOUNT</div><br />        </div><br /><br />        <!-- FIFTH ROW --><br />        <div class="row"><br />          <div class="col-xs-1" style="border-left:1px solid #568eff;">1.</div><br />          <div class="col-xs-7" style="border-left:1px solid #568eff;">Line 1 Item Description</div><br />          <div class="col-xs-1" style="border-left:1px solid #568eff;">100.00</div><br />          <div class="col-xs-1" style="border-left:1px solid #568eff;">1</div><br />          <div class="col-xs-1" style="border-left:1px solid #568eff;">100.00</div><br />          <div class="col-xs-1" style="border-left:1px solid #568eff;border-right:1px solid #568eff;">100.00</div><br />        </div><br /><br />        <!-- SIXTH ROW --><br />        <div class="row"><br />          <div class="col-xs-10" style="text-align:right;border: 1px solid #568eff;"><br />              <strong>Total:</strong><br />          </div><br />          <div class="col-xs-2" style="text-align:right;border: 1px solid #568eff;border-left:0px;"><br />              <strong>100.00</strong><br />          </div><br />        </div><br />    </div><br />  </t><br />  </t><br /></t><br />The complete report should now look like this:<br />最后完成的报表会是下面这样的:<br /><br />[attachimg=9]<br />Please note: depending of your wkhtmltopdf version you now may have to adjust a little bit the used CSS styles.<br />请注意: 基于不同的wkhtmltopdf 版本,您可能需要微微调整使用的CSS样式。<br />转载请注明翻译及原文出处,谢谢<br />Odoo报表设计进阶到此完成<br />翻译难免有所疏漏,望见谅,另外这个报表进阶的内容,目前并未测试。<br /><br /><br />下面是  Odoo报表设计基础 ,供大家参考<br /><br />原文: Odoo report design basics : [url=http://odoo.guide/odoo-report-design-basics/]http://odoo.guide/odoo-report-design-basics/[/url]<br /><br /><br /><br />Odoo helps to uniform reports by providing an overall layout structure of individual rows subdivided into twelve columns.<br />Odoo 报表,提供一个 12列 的 结构细分:<br /><br />[attachimg=1]<br /> <br />A<br />Every sheet in Odoo has a top, bottom, left and right margin specified in millimeters in Settings > Technical > Reports > Paper Formats.<br /><br /> 在 设置- 技术- 报表 -报表格式 中 :<br />Odoo 中所有的表单都有 以毫米为单位的 上,下,左和右边距 <br />B<br />Odoo subdivides a sheet into rows (CSS class “row”) with a top margin (CSS class “mt”) and a bottom margin (CSS class “mb”).  To define e.g. a row with 8px top margin and 32px bottom margin you need the following code:<br /><br />Odoo 把表单 细分为 行 (CSS类的“行”)在 上边距(CSS 类 “mt”)和 下边距 (CSS类“mb”)。<br />要定义一个类似 8px(像素) 的上边距及32px(像素)的下边距,您需要下列代码:<br /><br /><div class="row mt8 mb32">Your new line!</div><br />Available margins are: mt0, mt4, mt8, mt16, mt32, mt48, mt64, mt92, mt128, mb0, mb4, mb8, mb16, mb32, mb48, mb64, mb92, mb128<br /><br />可用的上下边距有: mt0, mt4, mt8, mt16, mt32, mt48, mt64, mt92, mt128, mb0, mb4, mb8, mb16, mb32, mb48, mb64, mb92, mb128<br />C<br />Odoo subdivides each row into twelve columns. To specify a certain position and width of a div container there are two CSS class names to use – for defining the width “col-[screensize]-[column-factor]” and for defining the position “col-[screensize]-[position-type]-[column-factor]”.<br />To define e.g. a centered div container of 50% width you need the following code:<br />Odoo 把每行分为12列。想要定义 位置和宽度 需要使用 另外2个 CSS 类 <br />- 定义宽度 “col-[screensize]-[column-factor]” <br />  定义 位置 “col-[screensize]-[position-type]-[column-factor]”.<br />要定义 一个 居中 的 50%宽度 您 需要下面的代码:<br /><div class="col-xs-6 col-xs-offset-3">Big centered container</div><br />Explanation 说明:<br />col-xs-6 means a width of 6 columns. Because there is a total of 12 columns this is exactly the half of it – to say 50%<br />col-xs-6 表示宽度为6列。由于总共有12列,所以6列就是50%宽度。<br />col-xs-offset-3 means the container starts to display after a width of 3 columns. Because there is a total of 12 columns and the container itself is exactly 6 columns wide there are also 3 columns left on its right side. Thats why the container is in the middle of the sheet.<br />col-xs-offset-3 表示从第3列的后一列开始 ,总列数是12,宽度是6,从第3列之后一列开始,刚好就是居中的位置。<br />Available screensizes 可用的 屏幕尺寸<br />xs (width smaller than 768px), sm (min-width: 768px), md (min-width: 992px), lg (min-width: 1200px)<br />xs (宽度小于 768像素),sm(最小宽度:768像素),md (最小宽度:992像素),lg (最小宽度:1200像素)<br />Available column-factors  可用的 列 :<br />1,2,3,4,5,6,7,8,9,10,11,12<br />Available position-types 可用的位置类型:<br />offset (absolut horizontal position in a row), <br />offset ( 行内的绝对水平位置),<br />pull (relative position, on the left hand of the last div element),<br />pull ( 左起到末尾的相对位置),<br />push (relative position, on the right hand of the last div element)<br />push (右起到末尾的相对位置)<br />Example: to position a small container (only one column width) on the right side of the big one (see example above) with two columns distance you need the following code:<br />例: 在右边大一点的2列的 区块 边 定位1个(仅1列宽度)的区块(见最上方的示意图)  您需要下面的代码 :<br /><div class="col-xs-1 col-xs-push-2">Little container on the right</div><br /><br />转帖烦请 注明 出处,谢谢<br />翻译难免有所疏漏,望诸位海涵。谢谢大家。<br /><br />



  • 感谢感谢感谢你的努力



  • 太厉害,学习



  • 再补3张图 (界面开发的) - 开发 之前 先备份好 呃!<br /><br />1: 安装website 模块<br /><br />2: 设置报表 输出 格式为 html<br />[attachimg=1]<br /><br />3:打印此报表 输出 为 html 的 ,可以 像网站一样 ,直接编辑<br />[attachimg=2]<br /><br />4: 也可以 看 此报表相关的 文件源码。<br />[attachimg=3]



  • <br /><br />原文:[url=http://www.odoo.yenthevg.com/inheriting-and-modifying-qweb-reports/]http://www.odoo.yenthevg.com/inheriting-and-modifying-qweb-reports/[/url]<br />Inheriting and modifying QWeb reports<br />继承及修改QWeb报表<br /><br />Hi guys,<br />In this tutorial you will learn how to inherit already existing QWeb reports in a custom module. After this tutorial you will be able to inherit and modify any already existing QWeb report in Odoo!<br />In this example I will modify the default Quotation / order report through inheritance and I will remove a few elements from the report.<br />大家好,<br />在这个教程中您会学习到如何写一个模块来继承一个现有的QWeb报表。在这个教程之后,您能继承和修改任何现有的Odoo中的QWeb报表。<br /><br />1. Creating a new module创建一个新模型<br />The first step is to create a new module. The correct behaviour in Odoo is to always inherit, don’t ever modify existing files. Start by creating yourself a new module.<br />Tip: use the scaffold command from Odoo!<br />第一步创建一个新模型。在Odoo正确的做法是使用继承,而不是直接修改现有文件。从创建一个新模块开始。<br />提示:可以使用在Odoo中使用scaffold命令来创建新模块如下:<br />[attachimg=1]<br /><br />This will create a new module from scratch and the default structure of your module is already there.<br />这会从草稿创建一个包含默认结构的新模块。<br />2. Creating your XML file创建XML文件<br /><br />The next step is to open up your XML file (in my example templates.xml) and to create a new record to inherit the report. To inherit a report you have to know in which module it is and what the original XML id of the report is. So, how do you find this?<br />The easiest way is to go to ‘Settings’ > ‘Reports’ > ‘Reports’ and to search the report you want to modify. In this tutorial this will be the quotation/order report so I’ll search for ‘Order’:<br />接下来打开您的XML文件,创建新的纪录来继承报表。您需要知道需要继承的报表的模块的名称以及XML id.<br />如何找到他们呢?<br />最简单的方法是到‘设置’>‘报表'>'报表’ 中找到您需要修改的报表。在这个教程中我们修改 报价单/订单,所以 我们搜索 'Order' <br />[attachimg=2]<br /><br />Now that you’ve found your report click on it. This will open a new view where you will find all the technical information you need! For example with the quotation report:<br />点击您需要修改的报表。会打开一个新的视图,在这里您会发现您需要的技术参数!例如报价/订单报表中:<br />[attachimg=3]<br /><br />At the right you will see a clickable link named ‘Search associated QWeb views’. Click on it. This will show you a list of all records that are associated to this specific report. In the example of the quotation report:<br />在右边您会看到 "查找QWeb相关视图",点击。它会展示给您此报表的所有相关记录。此例子中:<br /><br />[attachimg=4]<br /><br />So this usually shows you two XML records. How do you know which one you need? The one that ends with _document is the correct XML record that you need to inherit. Under the column ‘External ID’ you will see there is an unique name, in this example sale.report_saleorder_document. The first part of this text (sale) is the module where the report is from, the second part (report_saleorder_document) is the name of the report that you want to inherit and modify.<br /><br />通常这类会显示2条XML记录。您如何知道哪个是您需要的呢?以_document结尾的那个是您需要继承的正确的那个。在 ‘外部ID’ 这类您会看到它(在数据库对于表中)的唯一名称。<br />[attachimg=5]<br /><br />Remember this value and now open up your XML file. To inherit a QWeb report you need two things: an unique template id and the inherit_id. The template id can be chosen by yourself, just make sure its unique. The inherit_id should contain the value you’ve just found on your report (sale.report_saleorder_document).<br />记录下这个值,然后打开您新建模块中的XML文件。<br />要继承QWeb报价,您需要做2件事:<br />一个唯一的template id以及inherit_id. template id您可以自己定义,只需确保它是唯一的。<br />inherit_id需要包含刚才您在需要继承的报表中发现的那个外部id (sale.report_saleorder_document).<br /><br />[code]<!--Inherit quotation report(frommodule sale)--><br /><template id="report_quotation_inherit_demo"inherit_id="sale.report_saleorder_document"><br /></template>[/code]<br /><br />That is it! You’re now already on the correct report and are inheriting it. So, how do you now add or remove elements? To do this you will need Xpath expressions to find, modify, replace or add elements. Tip: Don’t know how Xpath expressions work? Follow my tutorial here!<br />For this example I will remove the columns that show the amount, the tax and the price per item. The first step is to modify the table header:<br />就是这样!您现在已经在正确的报表中并且继承它了。如何增加或者移除元素?您需要Xpath表达式来查找,修改,覆盖或者增加元素。提示:不知道Xpath表达式如何工作?点击这里获得教程 !<br />在我们这个例子中,我们 移除其他列,只显示 说明和 价格。第一步是修改表头:<br />[code]<!--Finds the first table withasclasstable table-condensed andgives the ability to modify it<br />This will replace everything withing tr(including tr)--><br /><xpath expr="//table[@class='table table-condensed']//thead//tr"position="replace"><br />    <tr style="background-color:lightgray;"><br />        <th>Description</th><br />        <th class="text-right">Price</th><br />    </tr><br /></xpath>[/code]<br />After modifying the table header the table content should also be modified.<br />附上原报表文件 表头部分代码 参考:<br /><br />[code]<table class="table table-condensed"><br /> <thead><br /> <tr><br /> <th>Description</th><br /> <th>Taxes</th><br /> <th class="text-right">Quantity</th><br /> <th class="text-right">Unit Price</th><br /> <th groups="sale.group_discount_per_so_line">Disc.(%)</th><br /> <th class="text-right">Price</th><br /> </tr><br /> </thead>[/code]<br /><br /><br />然后修改表的内容:<br />[code]<xpath expr="//tbody[@class='sale_tbody']//tr//td[4]"position="replace"><br /></xpath><br /><xpath expr="//tbody[@class='sale_tbody']//tr//td[3]"position="replace"><br /></xpath><br /><xpath expr="//tbody[@class='sale_tbody']//tr//td[2]"position="replace"><br /></xpath>[/code]<br />This code will remove the fourth, third and second td element and all its content but only for the tbody with class ‘sale_tbody’ and inside the tr.  <br />(这些代码会移除,class'sale_tbody' 第4,3,2 的td元素及其内容)<br />注:去掉的内容 分别是 单价,数量,和税,<br /><br />附上原报表的内容部分的代码:<br />[code]<tbodyclass="sale_tbody"><br /><trt-foreach="o.order_line"t-as="l"><br /><td><br /><spant-field="l.name"/><br /></td><br /><td><br /><spant-esc="', '.join(map(lambda x: x.name, l.tax_id))"/><br /></td><br /><tdclass="text-right"><br /><spant-field="l.product_uom_qty"/><br /><spangroups="product.group_uom"t-field="l.product_uom"/><br /></td><br /><tdclass="text-right"><br /><spant-field="l.price_unit"/><br /></td><br /><tdgroups="sale.group_discount_per_so_line"><br /><spant-field="l.discount"/><br /></td><br /><tdclass="text-right"><br /><spant-field="l.price_subtotal"t-field-options="{&quot;widget&quot;: &quot;monetary&quot;, &quot;display_currency&quot;: &quot;o.pricelist_id.currency_id&quot;}"/><br /></td><br /></tr><br /></tbody>[/code]<br /><br />So this will replace the header and the table content from this report. Have a look at the full code to inherit and modify your QWeb report  完整的代码如下它会覆盖此报表的表头和表的内容:<br />[code]<openerp><br />    <data><br />        <!--Inherit quotation report(frommodule sale)--><br />        <template id="report_quotation_inherit_demo"inherit_id="sale.report_saleorder_document"><br />    <!--Finds the first table withasclasstable table-condensed andgives the ability to modify it<br />This will replace everything withing tr(including tr)--><br />    <xpath expr="//table[@class='table table-condensed']//thead//tr"position="replace"><br />                    <tr style="background-color:lightgray;"><br />                        <th>Description</th><br />                        <th class="text-right">Price</th><br />                    </tr><br />    </xpath><br />    <xpath expr="//tbody[@class='sale_tbody']//tr//td[4]"position="replace"><br />    </xpath><br />    <xpath expr="//tbody[@class='sale_tbody']//tr//td[3]"position="replace"><br />    </xpath><br />    <xpath expr="//tbody[@class='sale_tbody']//tr//td[2]"position="replace"><br />    </xpath><br />        </template><br />    </data><br /></openerp>[/code]<br /><br />3. Adding the dependency for the external QWeb report增加依赖<br /><br />The next, and final step, is to add a dependency. Because this QWeb report is inside another module Odoo has to know about this module and its content so you should add a dependency. Without this your module will not work and you will get errors.<br />Open up your openerp.py file in your custom module and find the line with depends.<br />Now take back that ‘External ID’ from the QWeb report and take the first part of the external id (before the dot). This tells you which module you should add as a dependency:<br />最后一步,增加依赖。因为这个QWeb报表位于其他模块中Odoo需要知道此模块。不然您的模块不会工作并且会报错。<br />打开 您自定义的模块中的  openerp.py文件,找到depends 这行。<br />返回QWeb 报表 查看外部id的部分 , 外部id (.之前的)的部分,就是 模块名称,<br />[attachimg=5]<br /><br />In this example my QWeb comes from the sale module, so I will add it as a dependency.<br />在这个例子中,我的QWeb 来自 sale模块,我们把他添加到  openerp.py 的 depends 这行:<br /><br />[code]# any module necessary for this one to work correctly<br />'depends':['sale'],[/code]<br />4. Conclusion结尾<br /><br />Thats it! You’re done with inheriting and modifying the QWeb report. When you now install this module in your Odoo you will see the modified report.<br />Do you want to try a demo module and see the source code of this tutorial? You can view on my Github account.<br />Has this tutorial helped you, do you have any feedback or questions? Post away!<br />就是这样!您完成了继承和修改QWeb报表。当您安装此模块,您会发现报表已经改变了。<br /><br />[attachimg=6]<br /><br /><br />点击后面下载此教程的源码:您可以通过作者的Github账户访问.[url=https://github.com/Yenthe666/Odoo_Samples/tree/master/inherit_report_demo]https://github.com/Yenthe666/Odoo_Samples/tree/master/inherit_report_demo[/url]<br /><br />谢谢大家


登录后回复
 

与 Odoo 中文社区 的连接断开,我们正在尝试重连,请耐心等待