@beisen-cmps/italent-create-task NPM

创建任务发布框

为任务中心和动态的发布输入框。

安装

npm i @beisen-cmps/italent-create-task -S

前提

1 里头用到了平台组件，所以需要引入 @beisen/pb-svg/icomoon/style.css；
2 里头还有自己维护的图标，所以需要引入 @beisen/pb-svg/icomoon/style.css；
3 确保有BSGlobal，并且有loginUserInfo字段，格式同下边的getBSGlobal函数返回值

使用

import React from 'react';
import CreateTask from '../../src/index.js';
import '@beisen/pb-svg/icomoon/style.css';
require('@beisen/nade-style/style.scss') 

function getBSGlobal(){
  return {"Id":101085654,"Name":"梅宝强","IsRoot":false,"Role":4,"Email":"meibaoqiang204233@beisen.com","Avatar":"//st-web.tita.com/titacn/tita/common/images/default_small.jpg","MidAvatar":"//st-web.tita.com/titacn/tita/common/images/default_middle.jpg","Department":"XX企业","DepartmentId":0,"Position":null,"UserAvatar":{"Original":"//st-web.tita.com/titacn/tita/common/images/default.jpg","Small":"//st-web.tita.com/titacn/tita/common/images/default_small.jpg","Medium":"//st-web.tita.com/titacn/tita/common/images/default_middle.jpg","Big":"","Large":"","Normal":"","HasAvatar":false,"Color":"#c4a1ee"},"IsLeader":false,"IsShowOrganization":false,"IsBoss":false,"IsUserManager":true,"IsAssessManager":false,"IsWorkManager":false,"IsPlanDailyManager":false,"IsSignInManager":false,"IsTitaFeedSystemManager":false,"IsUpaasManager":true,"IsShowChangePwd":true,"IsShowPopularLinks":true,"UserType":3,"Type":0,"JobState":0,"OnlineType":0,"IsUseEmailAccount":true};
}

export default class EE extends React.Component{

  handleSave=(data)=>{
    console.log(data)
  }

  render(){
    let now = new Date()
    const defaultData={
      title: '',
      priority: [
          { title:'最高', value:1, selected:false, color:'#FF6952' },
          { title:'高', value:2, selected:false, color:'#FAC105' },
          { title:'中', value:3, selected:true, color:'#0CC0C9' },
          { title:'低', value:4, selected:false, color:'#0CC991' },
          { title:'最低', value:5, selected:false, color:'#BFC3C7' },
      ],
      chargeUser: getBSGlobal('loginUserInfo'),
      date: {
          startTime:`${now.getFullYear()}/${now.getMonth()+1}/${now.getDate()}`,
          endTime:`${now.getFullYear()}/${now.getMonth()+1}/${now.getDate()}`
      }
    }
    return <CreateTask 
    placeholder='淡淡的' 
    useLine='#000'
    outClass='demo' 
    styleWrap={{}} 
    defaultData={ defaultData } 
    handleSave={this.handleSave} />
  }
}

参数

placeholder:就是placeholder；
defaultData:一堆默认值；
useLine:不用shadow的时候，可以定义线条参数；
outClass：给组件最外层传的className；
handleSave:回车保存时候的回调；
styleWrap: 给组件外层的行内样式；
有了window.BSGlobal的loginUserInfo之后，以上参数都是可选参数。