import React from 'react';
import { inject, observer } from 'mobx-react';
import {WeaRightMenu,WeaTop,WeaTab,WeaErrorPage,WeaTools,WeaNewScroll,WeaLocaleProvider} from "ecCom"
import { Button } from 'antd';
import PrjImport from './PrjImport'
import TaskImport from './TaskImport'
const getLabel = WeaLocaleProvider.getLabel;

@inject('prjImportStore')
@observer
class ProjectImport extends React.Component {
    constructor(props) {
        super(props);
    }
    componentWillReceiveProps(nextProps){
        if(this.props.location.key !== nextProps.location.key){
            const { location,prjImportStore } = nextProps;
            prjImportStore.clearStatus();
        }
    }
    componentWillUnmount(){
        const {prjImportStore } = this.props;
        prjImportStore.clearStatus();
    }
    render(){
        const title = getLabel(81757,"项目导入");
        const topTab = [ 
            {key: 'prjimport',title: getLabel(81757,"项目导入")},
            {key: 'taskimport', title: getLabel(383858,"任务导入")},
        ];
        const {prjImportStore} = this.props;
        const {loading,selectTabkey,reflesh} = prjImportStore;
        return (
            <div>
                 <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@6vxonf`} datas={this.getRightMenu()}  >
                    <WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@iyo9sg`}
                        title={title}
                        icon={<i className='icon-coms-project' />}
                        iconBgcolor='#217346'
                        buttons={this.getTopButtons()}
                        buttonSpace={10}
                        showDropIcon={true}
                        dropMenuDatas={this.getRightMenu()}
                        onDropMenuClick={this.onRightMenuClick} 
                    >
                        <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@h54chk`}
                            datas={topTab}
                            keyParam="key"  //主键
                            selectedKey={ selectTabkey }
                            onChange={ this.changeTab }
                        />
                        <div  className="prj-import-content">
                            <WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@q4ob8r`} scrollId='prj-content-main-scroll' height='100%'>
                                <div style={{display:selectTabkey == "prjimport" ? "block":"none"}}>
                                    <PrjImport ecId={`${this && this.props && this.props.ecId || ''}_PrjImport@dt9pqt`} key={reflesh}/>
                                </div>
                                <div style={{display:selectTabkey == "taskimport" ? "block":"none"}}>
                                    <TaskImport ecId={`${this && this.props && this.props.ecId || ''}_TaskImport@xq9ko0`} key={reflesh}/>
                                </div>
                            </WeaNewScroll>
                        </div>
                    </WeaTop>
                </WeaRightMenu>
            </div>
        )
    }
    getTopButtons(){
        const {doImport,disabled} = this.props.prjImportStore;
        let btnArr = [];
        btnArr.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@cyvilw@submit`} type="primary" disabled={disabled} onClick={()=>doImport()}>{getLabel(615,"提交")}</Button>)
        return btnArr;
    }
    getRightMenu(){
        const {doImport,disabled} = this.props.prjImportStore;
        let btnArr = [];
        btnArr.push({
            key: '1',
            icon: <i className={"icon-coms-Approval"} />,
            disabled: disabled,
            content: getLabel(615,"提交"),
            onClick:(key)=>{doImport()}  
        });
        return btnArr;
    }
    changeTab=(key)=>{
        const {prjImportStore} = this.props;
        prjImportStore.changeTab(key);
    }
}

export default WeaTools.tryCatch(React,
    props => <WeaErrorPage ecId={`${this && this.props && this.props.ecId || ''}_WeaErrorPage@4a9vbm`} msg={ props.error ? props.error : getLabel(383324,"'对不起，该页面异常，请联系管理员")} />,
    {error: ""}
)(ProjectImport);