odoo10中的gantt图示例

1.Gantt属性说明

甘特图视图的根元素是<gantt />,它没有子节点但可以采用以下属性:

date_start (required)

提供每条记录事件的开始日期时间的字段名称。

date_stop

提供每条记录事件结束持续时间的字段名称。 可以用date_delay替换。 必须提供date_stopdate_delay中的一个(且仅一个)。

如果记录的字段为False,则假定为“点事件”,结束日期将设置为开始日期

date_delay

提供事件持续时间的字段的名称

duration_unit

minutehour (默认的), dayweekmonthyear其中一个

default_group_by

要分组任务的字段的名称

注:该字段必须是实实在在存在于当前模型数据表中的字段,类似的多对多关联关系表中存放的字段不能用于该属性中

type

gantt经典甘特视图(默认)

consolidate 第一个子节点的值在甘特任务中得到合并

planning 子节点显示在甘特图的任务中

consolidation

字段名称,用于显示记录单元格中的合并值

consolidation_max

将“group by”字段作为键的字典,以及在以红色显示单元格之前可以达到的最大合并值(例如{“user_id”:100}

consolidation_exclude

如果设置为true,则描述是否必须从合并中排除任务的字段的名称,它在合并行中显示条带区域

warnings
字典定义必须使用双引号,{'user_id':100}不是有效值

string

要在合并值旁边显示的字符串,如果未指定,将使用合并字段的标签

fold_last_level

如果设置了值,则折叠最后一个分组级别

round_dnd_dates

允许将任务的开始和结束日期舍入到最近的刻度标记

drag_resize

调整任务大小,默认为true

progress

提供记录事件完成百分比的字段名称,介于0和100之间

2.Gantt示例

 <record id="work_bd_wbs_gantt" model="ir.ui.view">
<field name="name">WBS甘特图</field>
<field name="model">esw.work.breakdown</field>
<field name="arch" type="xml">
<gantt type="consolidate"
date_start="plan_start_time"
date_stop="plan_end_time"
consolidation="work_remark"
default_group_by="employee_id"
string="WBS"
/>
<!--
consolidation_exclude = "exclude"
round_dnd_dates="true"
consolidation_max = '{"work_remark": 100}'
-->
</field>
</record>

注:XML中注释掉的属性字段,设置了之后没有发现有什么明显的变化,有发现的可以留言告诉下

Python代码如下:

 plan_start_time = fields.Date(u'计划开始时间', required=True)
plan_work_hours = fields.Integer(u'工时(小时)', required=True)
plan_end_time = fields.Date(u'计划结束时间')
employee_id = fields.Many2one(
'hr.employee',
string=u'人力资源',
domain=_compute_project_employee_domain
)
pre_work_bd_id = fields.Many2one('esw.work.breakdown', string=u'前置任务')
work_remark = fields.Text(u'任务说明', size=200)
name = fields.Char(u'任务编号')

注:Python模型代码中建议定义name属性字段,在gantt中默认会用的该字段来做显示,不定义会显示为False

最终效果如下:

odoo10甘特图gantt view的更多相关文章

  1. vue甘特图gantt

    vue做甘特图,先大致介绍下核心功能: (1)横轴.纵轴拖拽: (2)自定义监听点击事件(双击.右键等)(3)任务之间显示父子层级关系:(4)左侧列表信息,右侧时间轴表示任务:(5)每个任务可以订制样 ...

  2. MVC使用Gantt Chart实现甘特图,管理事情进度

    借助"甘特图",可以直观地了解任务.活动.工作的进度.dhtmlxGantt是一个开源的Javacirpt库,能帮助我们快速创建"甘特图",本篇体验在MVC中的 ...

  3. Twproject Gantt开源甘特图功能扩展

    1.Twproject Gantt甘特图介绍 Twproject Gantt 是一款基于 jQuery 开发的甘特图组件,也可以创建其它图表,例如任务树(Task Trees).内置编辑.缩放和 CS ...

  4. 一款开源且功能强大的C#甘特图控件.NET Winforms Gantt Chart Control

    甘特图在项目管理中非常重要,甘特图的思想比较简单,即以图示的方式通过活动列表和时间刻度形象地表示出任何特定项目的活动顺序与持续时间.它直观地表明任务计划在什么时候进行,及实际进展与计划要求的对比.管理 ...

  5. Twproject Gantt – 开源的 JavaScript 甘特图组件

    Twproject Gantt 是一款基于 jQuery 开发的甘特图组件,也可以创建其它图表,例如任务树(Task Trees).内置编辑.缩放和 CSS 皮肤等功能.更重要的是,它是免费开源的. ...

  6. 【转载】 JQuery.Gantt(甘特图) 开发指南

    转载来自: http://www.cnblogs.com/liusuqi/archive/2013/06/09/3129293.html JQuery.Gantt是一个开源的基于JQuery库的用于实 ...

  7. JQuery.Gantt(甘特图)开发

    一.简介 JQuery.Gantt是一个开源的基于JQuery库的用于实现甘特图效果的可扩展功能的JS组件库. 二.前端页面 2.1 资源引用 首先需要将下载到的源码中的CSS.IMG.JS等资源放入 ...

  8. 甘特图 (Gantt )的优缺点

    时间管理 - 甘特图 (Gantt ) 优点:甘特图直观.简单.容易制作,便于理解,能很清晰地标识出直到每一项任务的起始与结束时间,一般适用比较简单的小型项目,可用于WBS的任何层次.进度控制.资源优 ...

  9. R-plotly|交互式甘特图(Gantt chart)-项目管理/学习计划

    本文首发于“生信补给站”微信公众号,https://mp.weixin.qq.com/s/CGz51qOjFSJ4Wx_qOMzjiw 更多关于R语言,ggplot2绘图,生信分析的内容,敬请关注小号 ...

随机推荐

  1. C#LeetCode刷题之#643-子数组最大平均数 I( Maximum Average Subarray I)

    问题 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/3728 访问. 给定 n 个整数,找出平均数最大且长度为 k 的连 ...

  2. 文件上传控件bootstrap-fileinput中文设置没有效果的情况

    1.引入zh.js顺序错误 zh.js需放到fileinput.js下面 2. 组件创建语法错误 (class=“file”) 如果你使用js初始化fileinput组件,那么在html元素中应删除 ...

  3. JavaScript在HTML中的基础用法总结

    网页主要由三部分组成,分别为html.CSS和Javascript.如果说HTML是肉身,CSS是皮相,那Javascript就是灵魂.因此,三者的联系与融合则至关重要.本文就来为大家讲解一下Java ...

  4. node-sass 报错的解决方法

    今天在运行项目发现原来好好的项目报错了.报错大致信息如下: 这段代码是我升级node之后里面根据不同的项目位置什么的会有所不同. 简单的说,这段代码意思是node-sass 不兼容 node v8 的 ...

  5. 实践案例丨教你一键构建部署发布前端和Node.js服务

    如何使用华为云服务一键构建部署发布前端和Node.js服务 构建部署,一直是一个很繁琐的过程 作为开发,最害怕遇到版本发布,特别是前.后端一起上线发布,项目又特别多的时候. 例如你有10个项目,前后端 ...

  6. Jmeter 常用函数(20)- 详解 __counter

    如果你想查看更多 Jmeter 常用函数可以在这篇文章找找哦 https://www.cnblogs.com/poloyy/p/13291704.htm 作用 计数器,跟配置元件里面的计数器作用类似哦 ...

  7. JavaScript学习系列博客_7_JavaScript中的逻辑运算符、三元运算符

    逻辑运算符 ! 非 - 非运算可以对一个布尔值进行取反,true变false false边true - 当对非布尔值使用!时,会先将其转换为布尔值然后再取反 - 我们可以利用 !! 来将其他的数据类型 ...

  8. CSS动画实例:移动的眼珠子

    适当地利用CSS的box-shadow可以构造图形,然后可以对构造的图形添加动画效果.下面我们通过移动的眼珠子.圆珠一二三.一分为四.四小圆旋转扩散等实例来体会box-shadow属性在动画制作中的使 ...

  9. Git仓库由HTTPS切换成ssh秘钥连接

    Git关联远程仓库可以使用https协议或者ssh协议. [特点/优缺点] ssh: 一般使用22端口: 通过先在本地生成SSH密钥对再把公钥上传到服务器: 速度较慢点 https: 一般使用443端 ...

  10. 图解 K8s 核心概念和术语

    我第一次接触容器编排调度工具是 Docker 自家的 Docker Swarm,主要解决当时公司内部业务项目部署繁琐的问题,我记得当时项目实现容器化之后,花在项目部署运维的时间大大减少了,当时觉得这玩 ...