# qd-plugins

**Repository Path**: xiaokai1990/qd-plugins

## Basic Information

- **Project Name**: qd-plugins
- **Description**: 轻点组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-05-08
- **Last Updated**: 2024-05-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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()
```