qd-plugins
v0.4.9
Published
轻点组件
Downloads
3
Readme
qd-plugins
轻点:CISDI赛迪项目管理一体化平台
(1)一站式解决项目管理难点
(2)简约不简单,助理管理便捷
(3)多级项目计划,轻松管控进度
轻点组件库
安装依赖
npm install
项目启动
npm run serve
项目打包
npm run build
组件库打包
npm run build-bundle
###说明: qdInput
轻点输入框
功能:
(1)字数统计;
(2)文字监控提示;
(3)高度自定义;
(4)聚焦/离焦控制。
qdPert
轻点双代号网络图
功能:
(1)配置
qdPertGraphConfig:
containerId:Dom容器Id 必填
planList:计划列表 必填
planRelation:关系列表 非必填
moveCallBack:移动回调 非必填
rowHeight :行高 默认50px 非必填
dayLength:x轴单元格的长度,非必填
isMove:默认为可以移动,非必填
selectedColor:默认选中的颜色,非必填
DEMO
qdPert.qdPertGraphConfig(
{
containerId:'container',
planList:taskTree,
planRelation:relation,
rowHeight:50,
dayLength:50,
isMove:true,
selectedColor:''
moveCallBack:function(event,offsetLeft,offsetTop,x,y){
event:为移动事件
offsetLeft:x轴的相对位置
offsetTop:y轴的相对位置
x:x轴移动值;
y:y轴移动值;
}
});
(2)初始化
qdPert.qdInitGraph()
(3)任务点击
qdPert.qdTaskClick('taskId')
(4)关键路径点击
qdPert.qdCriticalPatchClick()
(5)更新图xScale:number
qdPert.qdUpdateGraph(xScale)
(6)使画布回到初始位置
qdPert.qdOriginPosition()