143 lines
7.1 KiB
JavaScript
143 lines
7.1 KiB
JavaScript
import React from 'react';
|
||
import { Row,Col } from 'antd';
|
||
import {WeaNewScroll } from "ecCom"
|
||
import classnames from 'classnames';
|
||
import './style/index.less';
|
||
|
||
class DailyPaper extends React.Component {
|
||
static defaultProps = {
|
||
stageGroups:[
|
||
{
|
||
key:"0",
|
||
name:"全部",
|
||
},
|
||
{
|
||
key:"1",
|
||
name:"立项",
|
||
},
|
||
{
|
||
key:"2",
|
||
name:"搭建中",
|
||
},
|
||
{
|
||
key:"3",
|
||
name:"验收中",
|
||
},
|
||
{
|
||
key:"4",
|
||
name:"维护中",
|
||
},
|
||
],
|
||
selectGroupTypeKey:"0"
|
||
}
|
||
constructor(props){
|
||
super(props);
|
||
this.state={
|
||
|
||
}
|
||
}
|
||
renderTitleGroup(stageGroups){
|
||
const {selectGroupTypeKey="0"} = this.props;
|
||
let btnArr = [];
|
||
stageGroups && stageGroups.map((group)=>{
|
||
let isSelect = "";
|
||
if(selectGroupTypeKey == group.key) {
|
||
isSelect = "selected";
|
||
}
|
||
btnArr.push(
|
||
<span key={group.key} onClick={()=>{this.changeTypeGroup(group.key)}} className={isSelect} >
|
||
{group.name}
|
||
</span>
|
||
)
|
||
})
|
||
return btnArr
|
||
}
|
||
changeTypeGroup=(key)=>{
|
||
|
||
}
|
||
|
||
render() {
|
||
const { stageGroups } = this.props;
|
||
|
||
return (
|
||
<div className="project-paper">
|
||
<div className="project-paper-header">
|
||
<Row>
|
||
<Col span={24}>
|
||
<span className="header-left">阶段 :</span>
|
||
<span className="header-right">{stageGroups && this.renderTitleGroup(stageGroups)}</span>
|
||
</Col>
|
||
</Row>
|
||
</div>
|
||
<WeaNewScroll
|
||
scrollId={'project-paper-scroll'}
|
||
height={"100%"}
|
||
>
|
||
<div className="project-paper-body">
|
||
<Row>
|
||
<Col span={24}>
|
||
<div className="body-img"></div>
|
||
<div className="body-right">
|
||
<div className="body-right-title">
|
||
<span className="body-right-title-left"><span style={{marginRight:"10px"}}>张三</span> 泛微上海大区/EBU上海一部 </span>
|
||
<span className="body-right-title-right">回复评论 </span>
|
||
</div>
|
||
<div className="body-right-time">2017/02/05 14:22</div>
|
||
<div className="body-right-content">
|
||
<div className="body-right-content-h body-right-content-title">项目:<span className="project-name" >上海投资咨询公司（二次开发合同）2012</span> 当前阶段: 立项 当前任务：需求调研</div>
|
||
<div className="body-right-content-h body-right-content-reply">预计十一之后收取第三笔款，现场调研确认，需求变更与新增工作量</div>
|
||
<div className="body-right-content-h body-right-content-link">相关文档：人力资源模块调研文档(v1)</div>
|
||
</div>
|
||
</div>
|
||
</Col>
|
||
</Row>
|
||
<Row>
|
||
<Col span={24}>
|
||
<div className="body-img"></div>
|
||
<div className="body-right">
|
||
<div className="body-right-title">
|
||
<span className="body-right-title-left"><span style={{marginRight:"10px"}}>张三</span> 泛微上海大区/EBU上海一部 </span>
|
||
<span className="body-right-title-right"></span>
|
||
</div>
|
||
<div className="body-right-time">2017/02/05 14:22</div>
|
||
<div className="body-right-content">
|
||
<div className="body-right-content-h body-right-content-title">项目:<span className="project-name" >上海投资咨询公司（二次开发合同）2012</span> 当前阶段: 立项 当前任务：需求调研</div>
|
||
<div className="body-right-content-h body-right-content-reply">预计十一之后收取第三笔款，现场调研确认，需求变更与新增工作量</div>
|
||
</div>
|
||
</div>
|
||
</Col>
|
||
</Row>
|
||
<Row>
|
||
<Col span={24}>
|
||
<div className="body-img"></div>
|
||
<div className="body-right">
|
||
<div className="body-right-title">
|
||
<span className="body-right-title-left"><span style={{marginRight:"10px"}}>张三</span> 泛微上海大区/EBU上海一部 </span>
|
||
<span className="body-right-title-right"></span>
|
||
</div>
|
||
<div className="body-right-time">2017/02/05 14:22</div>
|
||
<div className="body-right-content">
|
||
<div className="body-right-content-h body-right-content-title">项目:<span className="project-name" >上海投资咨询公司（二次开发合同）2012</span> 当前阶段: 立项 当前任务：需求调研</div>
|
||
<div className="body-right-content-h body-right-content-reply">预计十一之后收取第三笔款，现场调研确认，需求变更与新增工作量</div>
|
||
<div className="body-right-content-reply-reply">
|
||
<div className="reply-container">
|
||
<div className="reply-name">李四 2017/05/02 14:55</div>
|
||
<div className="reply-content">ok!!!</div>
|
||
</div>
|
||
<div className="reply-container">
|
||
<div className="reply-name">王五 2017/05/02 16:55</div>
|
||
<div className="reply-content">没问题。</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</Col>
|
||
</Row>
|
||
</div>
|
||
</WeaNewScroll>
|
||
</div>
|
||
)
|
||
}
|
||
}
|
||
|
||
export default DailyPaper |