italent-task-item

1.1.19 • Public • Published

任务项展示组件

API

成员 类型 说明
item object 任务项的数据
controlData object 任务项的权限控制信息和回调
controlData成员 类型 说明
isDetail Boolean 是否详情模式
isCanEdit Boolean 任务是否可编辑,默认true,
isCanEditStatus Boolean 是否可以编辑任务状态,默认true,选项为true且isCanEdit为true时可编辑
isCanEditTime Boolean 是否可以编辑时间,默认true,选项为true且isCanEdit为true时可编辑
isCanEditPerson Boolean 是否可以编辑任务负责人,默认true,选项为true且isCanEdit为true时可编辑
isShowPriority Boolean 是否显示优先级,默认true,预留
isShowStatus Boolean 是否显示任务状态,默认true,预留
isShowTag Boolean 是否显示名称后面的tag
isExpand Boolean 子任务是否展开,默认为false
isDistributed Boolean 是否为我派发的视图
handleClickAllItem Function 点击整条任务事件,参数节点、任务id
handleChangeStatus Function 点击修改任务状态,参数:节点、任务id、修改后的任务状态 (1:未完成,2:完成)
handleOpenOrCloseChile Function 点击打开或者关闭子任务,参数:节点、打开或者关闭状态 (true:打开,false:关闭)
handleChangeTaskUser Function 点击头像负责人部分,参数:节点、任务id,负责人id
handleChangeTaskTime Function 点击时间部分,参数:节点,任务id,开始时间,结束时间
handleClickTaskName Function 点击任务名称部分,参数:节点,任务id
handleClickProgress Function 点击更新进展
handleClickRemind Function 点击提醒
handleClickReward Function 点击打赏
handleClickCommunicate Function 点击回复

示例

const item = {
  taskId: '111111', //任务ID
  taskName: '任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务任务', //任务名
  counter: {
      commentTotal: 0
  },
  principalUser: {
      avatar: {
          HasAvatar: true,
          Small: '//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_s.png',
          Color: ''
      },
      name: "张三",
      userId: 123456,
  }, //任务负责人
  priority: 3, //任务优先级
  status: status, //任务状态
  editable: true, //任务是否可编辑
  startDate: "2018/01/02", //任务开始时间
  deadLine: '2018/02/02', //任务截止时间
  remainDay: 4, //剩余几天,前段判断如果大于3,显示截止时间
  subTaskTotal: 2, //任务子任务数
  parentTaskId: '222222', //任务母任务ID
  isApply: false, //任务是否是申请中
  isSuperior: true, // 是否上级派发
  isEvaluated: true, // 是否已评价
  rewardNum: 2, //打赏数
  newExperence: '啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦',
  hasSubTask: true, //任务是否有子任务
  subTask: [
      {
          taskId: '222222', //任务ID
          taskName: '子任务1', //任务名
          principalUser: {
              avatar: {
                  hasAvatar: true,
                  small: '//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_s.png',
                  color: ''
              },
              name: "张三",
              userId: 123456,
          }, //任务负责人
          priority: 3, //任务优先级
          status: status, //任务状态
          editable: true, //任务是否可编辑
          startDate: "2018/11/13", //任务开始时间
          deadLine: '2018/11/13', //任务截止时间
          remainDay: 4, //剩余几天,前段判断如果大于3,显示截止时间
          hasSubTask: true, //任务是否有子任务
          subTaskTotal: 2, //任务子任务数
          parentTaskId: '222222', //任务母任务ID
          isApply: true, //任务是否是申请中
          isSuperior: true,
          subTaskList: [], //任务的子任务列表
          rewardNum: 2, //打赏数
      }
  ], //任务的子任务列表
};
const controlData = { 
  isDetail:true,//是否详情模式
  isCanEdit:true, //任务是否可编辑,默认是true,
  isCanEditStatus:true,//是否可以编辑任务状态 ,默认是 ,优先级同级isCanEdit
  isCanEditTime:true,//是否可以编辑时间,默认是,优先级同级isCanEdit
  isCanEditPerson:true,//是否可以编辑任务负责人,默认是,优先级同级isCanEdit
  // 以上三项是否可编辑,与isCanEdit的关系是“且”,两项都是true,才可编辑,有一项不是,都不可编辑
  isShowPriority:true,//是否显示优先级 ,默认true,预留
  // isShowStatus:false,//是否显示任务状态,默认true,预留
  isShowTag:true,//是否显示名称后面的tag
  isExpand:false,//子任务是否展开
  isDistributed:false,//是否为我派发的视图
  // 事件
  // 点击整条任务事件,参数节点、任务id
  handleClickAllItem:(e,taskId)=>{console.log('click all task')},  
  // 点击修改任务状态,参数:节点、任务id、修改后的任务状态 (1:未完成,2:完成)
  handleChangeStatus:(e,taskId,status)=>{console.log('change task status')},
  // 点击打开或者关闭子任务,参数:节点、打开或者关闭状态 (true:打开,false:关闭)
  handleOpenOrCloseChile:(e,taskId,isExpand)=>{console.log('open or close child')},
  // 点击头像负责人部分,参数:节点、任务id,负责人id
  handleChangeTaskUser:(e,taskId,principalUserId)=>{console.log('change task user')},
  // 点击时间部分,参数:节点,任务id,开始时间,结束时间
  handleChangeTaskTime:(e,taskId,startTime,endTime)=>{console.log('change task time')},
  // 点击任务名称部分,参数:节点,任务id
  handleClickTaskName:(e,taskId) => {console.log('click task name')},
  // 点击更新进展
  handleClickProgress:(e,taskId) => {console.log('click progress')},
  // 点击提醒
  handleClickRemind:(e,taskId) => {console.log('click remind')},
  // 点击打赏
  handleClickReward:(e,taskId) => {console.log('click reward')},
  // 点击回复
  handleClickCommunicate:(e,taskId) => {console.log('click communicate')}
}

Readme

Keywords

none

Package Sidebar

Install

npm i italent-task-item

Weekly Downloads

1

Version

1.1.19

License

ISC

Unpacked Size

64.9 kB

Total Files

23

Last publish

Collaborators

  • beisencorp