/*
 * @Author: lusx 
 * @Date: 2020-04-02 14:00:48 
 * @Last Modified by: lusx
 * @Last Modified time: 2020-04-03 10:40:13
 */
import { inject, observer } from 'mobx-react';
import { Row, Col } from 'antd';
import { WeaLocaleProvider } from 'ecCom';
const getLabel = WeaLocaleProvider.getLabel;
const prefixCls = 'prj-portal';
export const Header = inject('projectCardStore')(observer((props) => {
    const { baseInfo: { members, creatername, createdate }, statistics: { rwzs }, projectInfo:{prjname} } = props.projectCardStore;
    return (<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@o6iu42`} type="flex" align="middle" className={`${prefixCls}-card-title`}>
        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@nhufr3`} span="20">
            <span className={`${prefixCls}-main-card-title`}>{prjname}</span>&nbsp;
            <span className={`${prefixCls}-main-card-subTitle`}>（{creatername}&nbsp;{getLabel('127511','创建于')}&nbsp;{createdate}）</span>
        </Col>
        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@1f93nj`} span="4">
            <span className={`${prefixCls}-statistic-block`}>
                <span>{getLabel('382623','任务数')}：{rwzs}</span>
                <span>{getLabel('518260','成员数')}：{members}</span>
            </span>
        </Col>
    </Row>)
}))