import { inject, observer } from "mobx-react";
import { toJS } from "mobx"
import React from 'react';
import { WeaLeftRightLayout, WeaTop, WeaTab, WeaNewScroll, WeaLocaleProvider, WeaBrowser, WeaAlertPage } from 'ecCom';
import { WeaTableNew } from 'comsMobx';
const WeaTable = WeaTableNew.WeaTable;
const getLabel = WeaLocaleProvider.getLabel;
import '../style/taskCardNew.less';
import ListView from "../../comp/task-view-list";
import { Row, Tooltip, Col, Icon, Modal, message  } from "antd";
import { TaskDynamic } from "./TaskDynamic";
import TabDiscuss from '../../common/TabDiscuss'
import RelateWorkFlow from '../../common/relateWorkFlow'
import RelateDocument from "../../common/relateDocument"
import TaskSub from '../../common/taskSub';
import { TabComponent as TabSelf } from '../../common/tabComponent';
import TaskShare from '../../common/sharePage'
//import TaskNewInfo from './TaskNewInfo'
import RealteCrmDialog from '../../dialog/relateCrmDialog'
import ProjectLogDialog from "../../dialog/modifyLogDialog"
import ProjectFieldLogDialog from '../../dialog/projectFieldLogDialog';
import ProjectFieldDetailLogDialog from '../../dialog/ProjectFieldDetailLogDialog';
import TaskInfoDialog from '../../dialog/taskDialog'
import PrjForm from "../../prjForm.js";
import classnames from 'classnames';
// const rightMenus = [
//     [
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-edit", menuName: "编辑", type: "BTN_EDIT" },
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-delete", menuName: "删除", type: "BTN_DELETE" }
//     ],
//     [
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-New-Flow", menuName: "添加", type: "BTN_APPEND" },
//         { isControl: "1", isTop: "1", menuFun: "", menuIcon: "icon-coms-delete", menuName: "批量删除", type: "BTN_DELETEBATCH" }
//     ],
//     [
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-New-Flow", menuName: "添加子任务", type: "BTN_NEWSUB" },
//         { isTop: "0", menuFun: "", menuIcon: "icon-coms-Custom", menuName: "显示列定制", type: "BTN_COLUMN" },
//         { isTop: "1", type: "searchsAd" }
//     ],
//     [

//     ],
//     [
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-New-Flow", menuName: "新建流程", type: "BTN_NEWREQ" }
//     ],
//     [
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-New-Flow", menuName: "新建文档", type: "BTN_NEWDOC" }
//     ],
//     [
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-New-Flow", menuName: "添加", type: "BTN_APPEND" },
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-delete", menuName: "批量删除", type: "BTN_DELETEBATCH" }
//     ],
//     [
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-New-Flow", menuName: "添加", type: "BTN_APPEND" },
//         { isTop: "1", menuFun: "", menuIcon: "icon-coms-delete", menuName: "批量删除", type: "BTN_DELETEBATCH" }
//     ]
// ]
@inject("taskCardNewStore","taskDynamicStore")
@observer
class TaskCardNew extends React.Component {
    static defaultProps = {
        prefixCls: 'new'
    };
    constructor(props) {
        super(props);
        this.state = {
            selectedKey : "",
            showdt : false
        }
  
    }
    componentDidMount(){
      const { prjid, taskCardNewStore, hasList, taskid } = this.props;
      if(hasList){
        taskCardNewStore.initData(prjid);
      }else{
        taskCardNewStore.initTaskData(taskid);
      }
     
    }
    componentWillReceiveProps(nextProps) {
        if (this.props.prjid !== nextProps.prjid) {
            const { prjid, taskCardNewStore, hasList, taskid } = nextProps;
            if(hasList){
              taskCardNewStore.initData(prjid);
            }else{
              taskCardNewStore.initTaskData(taskid);
            }
        }
    }
    render() {
        const { taskCardNewStore, taskid, hasList, prefixCls, taskInfoStore, prjid, isDialog, taskDynamicStore, delCallBack, fromPortal } = this.props;
        const { taskinfo, loading, changeTabs } = taskCardNewStore;
        const { tabDatas, selectTabKey, shareStore, taskLogTableStore, taskFieldLogTableStore, taskFieldDetailLogTableStore, fieldname, fieldinfo, getTaskList, breadcrumb, rightMenu, getTaskForm, initData, initTaskData } = taskCardNewStore;
        const { getPortalProjectDynamicInfo } = taskDynamicStore;
        const tabDatas1 = toJS(tabDatas);
        let _this = this;
        const titleStyle = {
            fontSize : "15px"
        }
        const height = document.body.offsetHeight - $(".prj-portal-page .wea-new-top-wapper").height() - 57 - 52.4 - $(".task_card_new .task_card_new_l_top").height() - 20 - 30;
        const scrollHeight = ($(".e9theme-layout-header").length > 0 || $(".e8theme-layout-header").length > 0) ? height - 55 - 22 : height - 15;
        const { showdt } = this.state;
        const textdt = showdt ? getLabel('518183','显示动态') : getLabel('518184','隐藏动态');
        const classdtArrow = classnames({
            'new-show-dt-arrow': showdt,
            'new-show-dt-arrow-r': !showdt
        });
        const classdtLine = classnames('new-dt-container',{
            'new-show-dt-line': showdt,
            'new-show-dt-line-r': !showdt
        });
        const classCardL = classnames('task_card_new_l',{
            'task_card_new_l_contents': showdt
        })
        const bWidth = !showdt?"62%":"100%";
        const showDynamic = !showdt?"":"none";
        const tabRenderNode = {
            [selectTabKey]: {
                'taskinfo': <div style={{ height: '100%' }}>
                    <PrjForm ecId={`${this && this.props && this.props.ecId || ''}_PrjForm@bp6er7`} hasTopTitle={true} height={scrollHeight} showdt={showdt} fieldinfo={fieldinfo} titleStyle={titleStyle} />
                    < ProjectLogDialog ecId={`${this && this.props && this.props.ecId || ''}_ProjectLogDialog@t80d3f`} ref="taskLogDialog" title={getLabel('83926', '任务日志')} tableStore={taskLogTableStore} store={taskCardNewStore} />
                    <ProjectFieldLogDialog ecId={`${this && this.props && this.props.ecId || ''}_ProjectFieldLogDialog@zr29u4`} title={getLabel('82274', '字段日志')} tableStore={taskFieldLogTableStore} store={taskCardNewStore} />
                    <ProjectFieldDetailLogDialog ecId={`${this && this.props && this.props.ecId || ''}_ProjectFieldDetailLogDialog@6nltmz`} title={getLabel('82274', '字段日志') + "-" + fieldname} tableStore={taskFieldDetailLogTableStore} store={taskCardNewStore} />
                    <TaskInfoDialog ecId={`${this && this.props && this.props.ecId || ''}_TaskInfoDialog@hwfoga`} contentStore={taskCardNewStore.taskInfoStore} prjid={prjid} callBack={() =>{
                        if(hasList){
                            initData(prjid);
                        }else{
                            initTaskData(taskid);
                        }
                        getTaskForm({ viewtype: 'view', taskid: taskCardNewStore.taskid });
                        getPortalProjectDynamicInfo("alltask");
                        getPortalProjectDynamicInfo("tasklog");
                    }} />
                </div>,
                'tasksub': <div style={{ height: '100%' }}><TaskSub ecId={`${this && this.props && this.props.ecId || ''}_TaskSub@mlp2jf`} showTab={false} contentStore={taskCardNewStore} callBack={() =>{
                    if(hasList){
                        initData(prjid);
                    }else{
                        initTaskData(taskid);
                    }
                }} /></div>,
                'exchange': <div style={{ height: '100%' }}><TabDiscuss ecId={`${this && this.props && this.props.ecId || ''}_TabDiscuss@xb40d4`} contentStore={taskCardNewStore} sortid={taskCardNewStore.taskid} /></div>,
                'taskshare': <div style={{ height: '100%' }}><TaskShare ecId={`${this && this.props && this.props.ecId || ''}_TaskShare@k4bcpa`} contentStore={taskCardNewStore} shareCondition={shareStore.shareCondition} title={getLabel(83973, "添加任务共享")} /></div>,
                'req': <div style={{ height: '100%' }}><RelateWorkFlow ecId={`${this && this.props && this.props.ecId || ''}_RelateWorkFlow@odhonb`} contentStore={taskCardNewStore} /></div>,
                'doc': <div style={{ height: '100%' }}><RelateDocument ecId={`${this && this.props && this.props.ecId || ''}_RelateDocument@c9lemy`} contentStore={taskCardNewStore} addDocFn={_this.addDocFn} /></div>,
                'crm': <div style={{ height: '100%' }}>{_this.getReleateCrmOrCpt("crm")}<RealteCrmDialog ecId={`${this && this.props && this.props.ecId || ''}_RealteCrmDialog@b1jiru`} contentStore={taskCardNewStore} /></div>,
                'cpt': <div style={{ height: '100%' }}> {_this.getReleateCrmOrCpt("cpt")}
                    <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@o5rlg6`} type={"23"} title={getLabel(535, "资产")} ref={"addCpt"} fieldName={"addCpt"} onChange={(ids, names, datas) => _this.addCapital(ids, names, datas)} customized={true} hasAdvanceSerach={true} />
                </div>
            }

        }
        const tabRenderHandle = (id, shortname, linkurl) => {
            if (shortname !== '') {
                return tabRenderNode[id][shortname]
            } else if (shortname === "") {
                if (linkurl.indexOf("noright") > -1) {
                    return <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@pkbax2`} >
                        <div style={{ color: '#000' }}>
                            {getLabel(2012, "对不起，您暂时没有权限！")}
                        </div>
                    </WeaAlertPage>
                } else {
                    return linkurl;
                }
            }
        }
        let tabUrl = function () {
            if (tabDatas1) {
                const prefixCls = 'new-tab-bar-menu'
                for (let i = 0; i < tabDatas1.length; i++) {
                    if (tabDatas1[i].id == selectTabKey) {
                        if (tabDatas1[i].shortname !== ''){
                            return (
                                <React.Fragment ecId={`${this && this.props && this.props.ecId || ''}_Fragment@201m41`}>
                                    {
                                        rightMenu&&rightMenu.length>1&&
                                        <div className={`${prefixCls}-wraps`}>
                                            <ul className={`${prefixCls}-ul`}>
                                                {rightMenu.map((menu,i) => (
                                                    menu.isTop == 1 &&
                                                    (menu.type === 'searchsAd' ?
                                                        <div style={{ width: '300px', marginTop: '-3px' }}><TabSelf ecId={`${this && this.props && this.props.ecId || ''}_TabSelf@q2ohz0@${i}`} contentStore={taskCardNewStore} /></div>
                                                        : <li key={menu.type}><span className={`${prefixCls}-name`} onClick={() => { _this.menuClick(menu) }}>{menu.menuName}</span></li>)
                                                ))
                                            }
                                            </ul>
                                        </div>
                                    }
                                    <WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@nkiv41`} scrollId='prj-req-content-main-scroll' style={{position: 'absolute',top: (rightMenu&&rightMenu.length>1)?'45px':'0px',bottom: '0px',width: '100%'}}>
                                        {
                                            tabRenderHandle(tabDatas1[i].id, tabDatas1[i].shortname, tabDatas[i].linkurl)
                                        }
                                    </WeaNewScroll>
                                </React.Fragment>
                            )
                        }else if (tabDatas1[i].shortname === ""){
                            return tabRenderHandle(tabDatas1[i].id, tabDatas1[i].shortname, tabDatas[i].linkurl);
                        }
                    }
                }
                return ""
            }
        }();

        if (hasList) {
            if(taskCardNewStore.taskList.length==0){
                return  <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@kk8y2i`} icon="icon-coms-blank" >
                            <div style={{color : '#000'}}>
                                {getLabel(83553, '暂无数据')}
                            </div>
                            <TaskInfoDialog ecId={`${this && this.props && this.props.ecId || ''}_TaskInfoDialog@4dt8lx`} contentStore={taskInfoStore} prjid={prjid} callBack={() => {
                                if(hasList){
                                    initData(prjid);
                                    if(delCallBack){
                                        delCallBack();
                                    }
                                }else{
                                    initTaskData(taskid);
                                }
                            }} />
                        </WeaAlertPage>
            }
            return (
                <WeaLeftRightLayout ecId={`${this && this.props && this.props.ecId || ''}_WeaLeftRightLayout@r8yfan`}
                    isNew={true}
                    leftWidth={230}
                    leftCom={<ListView ecId={`${this && this.props && this.props.ecId || ''}_ListView@fm2uqh`}
                        datas={taskCardNewStore.taskList}
                        onItemClick={taskCardNewStore.changeSelectedKey}
                        pagination={{
                            current:taskCardNewStore.pagination.current,
                            pageSize:taskCardNewStore.pagination.pageSize,
                            total:taskCardNewStore.pagination.total,
                            onChange:taskCardNewStore.onChangePaginNation
                        }}
                        currentKey={taskCardNewStore.currentKey}
                        scrollHeight={fromPortal?taskCardNewStore.commonStore.contentHeight - 171 - 51:taskCardNewStore.commonStore.contentHeight - 171}
                    />}
                    onCollapse={showLeft => {}}
                  >
                    {/* <Row style={{borderBottom:"1px solid #eaeaea"}}>
                        <Col span={"4"}>任务1</Col>
                        <Col span={"18"}></Col>
                        <Col span={"2"}>展开收起按钮</Col>
                    </Row> */}
                    <div style={{ backgroundColor: '#f5f5f5', height: '100%' }}>


                        <WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@uc44t3`}
                            buttons={[<div className={classdtLine} onClick={() => { this.setState(pre => ({ showdt: !pre.showdt })) }}><span className={classdtArrow}></span>{textdt}</div>]}
                            loading={loading}
                            breadcrumb={breadcrumb || [{ name: "#9" }, { name: "#12" }, { name: "#13" }]}
                        />
                        <div style={{ height: "calc(100% - 52.4px)", position: 'relative' }} className={"task_card_new"}>
                            <div className={classCardL}>
                                <div className='task_card_new_l_top prj-mode-action-style'>
                                    <div className={`${prefixCls}-task-wide-title`}>
                                        <div className={`${prefixCls}-task-wide-title-container`}>{taskinfo.subject}</div>
                                    </div>
                                    <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@33q3ma`} className={`${prefixCls}-task-wide`} style={{display:'flex'}}>
                                        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@il6ubl`} span={5} style={{minWidth:110}}>
                                            <div className={"top_tips"}>
                                               <div className={"left_icon"}>
                                                    {
                                                        taskinfo.hrmid&& taskinfo.hrmid.length>0?
                                                        <a href={'javaScript:openhrm(' + taskinfo.hrmid[0] + ');'} onClick={e => window.pointerXY(e)} >
                                                            <img src={taskinfo.hrmidicon[0]} className="manager-img" />
                                                         </a>
                                                         :
                                                         <a href={'javaScript:openhrm(' + taskinfo.hrmid + ');'} onClick={e => window.pointerXY(e)} >
                                                            <img src={taskinfo.hrmidicon} className="manager-img" />
                                                         </a>
                                                    }
                                                    
                                                </div>
                                                <div className={"right_info"}>
                                                    <Tooltip ecId={`${this && this.props && this.props.ecId || ''}_Tooltip@l7q4xe`} placement="topLeft" title={taskinfo.hrmidname&&taskinfo.hrmidname.length>0?taskinfo.hrmidname.join(' '):taskinfo.hrmidname}>
                                                        <div className="right_info_l right_info_overflow">
                                                            {taskinfo.hrmidname&&taskinfo.hrmidname.length>0?taskinfo.hrmidname.join(' '):taskinfo.hrmidname}
                                                        </div>
                                                    </Tooltip>

                                                    <div className={"right_info_r"}>
                                                        {getLabel('15285', '任务负责人')}
                                                    </div>
                                                </div>
                                            </div>
                                        </Col>
                                        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@dthkg8`} span={5} style={{minWidth:110}}>
                                            <div className={"top_tips"}>
                                                <div className={"left_icon"}>
                                                    {
                                                        taskinfo.finish == 100 ? <i className="icon-coms-Upload-successfully-o manager-img stauts_finish" /> : 
                                                        taskinfo.islater ? <Icon ecId={`${this && this.props && this.props.ecId || ''}_Icon@zp5r47`} type="exclamation-circle" className="manager-img  flag"/> :
                                                        // <Icon type="api" className="manager-img stauts_finish "/>
                                                        taskinfo.wks ? <i className="icon-coms-Narrow manager-img stauts_wks" /> :
                                                        <i className="icon-coms-Update-synchronization manager-img stauts_finish" />
                                                    }
                                                    
                                                </div>
                                                <div  className={"right_info"}>
                                                    <div className={"right_info_l"}>
                                                        {
                                                            taskinfo.finish == 100 ? getLabel('23774','已完成') : taskinfo.islater ? getLabel('21984', "已超期") : taskinfo.wks ? getLabel(1979,"未开始") : getLabel('1960','进行中')
                                                        }
                                                    </div> 
                                                    <div className={"right_info_r"}>
                                                        {getLabel('1929','当前状态')}
                                                    </div> 
                                                </div>
                                            </div>
                                        </Col>
                                        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@lsqbgv`} span={5} style={{minWidth:110}}>
                                            <div className={"top_tips"}>
                                                <div className={"left_icon"}>
                                                    <i className={taskinfo.islandmark == 0 ? "icon-coms-Flag manager-img flag1" : "icon-coms-Flag manager-img stauts_wks"} />
                                                </div>
                                                <div className={"right_info"}>
                                                    <div className={"right_info_l"}>
                                                        {taskinfo.islandmark == 0 ? getLabel('30587', '否') : getLabel('163', '是')}
                                                    </div>
                                                    <div className={"right_info_r"}>
                                                        {getLabel('2232', '里程碑任务')}
                                                    </div>
                                                </div>
                                            </div>
                                        </Col>
                                    <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@6adw7h`} span={9} className='timecol'>
                                        <div className={"top_tips timecol1"}>
                                            <div className={"left_icon"}>
                                                <i className="icon-coms-schedule manager-img" />
                                            </div>
                                            <div  className={"right_info"} style={{width:0, flex:1}}>
                                                <div className={"right_info_l"} title={(taskinfo.begindate ||getLabel('514133','未设置'))+'~'+(taskinfo.enddate ||getLabel('514133','未设置'))}>
                                                    {taskinfo.begindate ||getLabel('514133','未设置')}~{taskinfo.enddate ||getLabel('514133','未设置')}
                                                </div> 
                                                <div className={"right_info_r"}>
                                                    {getLabel('518186','开始结束时间')}
                                                </div> 
                                            </div>
                                        </div>
                                    </Col>
                                  
                                </Row>
                                <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@5leh4k`}
                                    datas={tabDatas}
                                    keyParam="viewcondition" //主键
                                    selectedKey={selectTabKey}
                                    onChange={v => changeTabs(v) }
                                />
                                </div>
                                <div className="prj-req-content1" style={{ padding: "0px", position: 'absolute', left: '0px', right: '0px', top: '154px', bottom: '0px', width: bWidth }}>
                                    <div className='prj-req-content-inner' style={{ border: "0px" }}>
                                        {
                                                typeof tabUrl === "object" ? tabUrl :
                                                <iframe src={tabUrl} id="prjtabiframe" name="prjtabiframe" className="flowFrame" frameborder="0" width="100%" height="100%" />
                                        }
                                    </div>
                                </div>
                            </div>
                            <div style={{width:"38%",height:"calc(100%-51px)",borderLeft:"1px solid #eaeaea",float:"left",display:showDynamic}}>
                                <TaskDynamic ecId={`${this && this.props && this.props.ecId || ''}_TaskDynamic@p13cp0`} fromPortal={fromPortal} taskid={taskCardNewStore.taskid} style={{height:"100%"}}></TaskDynamic>
                            </div>
                        </div>
                        <TaskInfoDialog ecId={`${this && this.props && this.props.ecId || ''}_TaskInfoDialog@jp17m3`} contentStore={taskInfoStore} prjid={prjid} callBack={() => { getTaskList(); }} />
                    </div>
                </WeaLeftRightLayout>)
            
        }else{
           return(
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@dq6rul`} className={"task_card_new"} style={{padding:'5px'}}>
                 {/* <Row style={{borderBottom:"1px solid #eaeaea"}}>
                    <Col span={"4"}>任务1</Col>
                    <Col span={"18"}></Col>
                    <Col span={"2"}>展开收起按钮</Col>
                </Row> */}
                 <WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@349pgj`}
                    title={taskinfo.subject}
                    icon={<i className='icon-coms-project' />}
                    iconBgcolor='#217346'
                    buttons={[]}
                    loading={loading}
                    />
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@nxkb6v`} style={{height:isDialog?"calc( 100% - 61px )":" 100% "}}>
                <div style={{width:"70%",height:"100%",float:"left"}}>
                                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@d6w74t`}>
                                    <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@yt75j3`} span={5}>
                                        <div className={"top_tips"}>
                                            <div className={"left_icon"}>
                                                {
                                                        taskinfo.hrmid&& taskinfo.hrmid.length>0?
                                                        <a href={'javaScript:openhrm(' + taskinfo.hrmid[0] + ');'} onClick={e => window.pointerXY(e)} >
                                                            <img src={taskinfo.hrmidicon[0]} className="manager-img" />
                                                         </a>
                                                         :
                                                         <a href={'javaScript:openhrm(' + taskinfo.hrmid + ');'} onClick={e => window.pointerXY(e)} >
                                                            <img src={taskinfo.hrmidicon} className="manager-img" />
                                                         </a>
                                                    }
                                            </div>
                                            <div  className={"right_info"}>
                                                <Tooltip ecId={`${this && this.props && this.props.ecId || ''}_Tooltip@i2rgo4`} placement="topLeft" title={taskinfo.hrmidname&&taskinfo.hrmidname.length>0?taskinfo.hrmidname.join(' '):taskinfo.hrmidname}>
                                                    <div className="right_info_l right_info_overflow">
                                                        {taskinfo.hrmidname&&taskinfo.hrmidname.length>0?taskinfo.hrmidname.join(' '):taskinfo.hrmidname}
                                                    </div>
                                                </Tooltip>
                                                <div className={"right_info_r"}>
                                                    {getLabel('15285','任务负责人')}
                                                </div> 
                                            </div>
                                        </div>
                                    </Col>
                                    <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@k6yxff`} span={5}>
                                        <div className={"top_tips"}>
                                                <div className={"left_icon"}>
                                                    {
                                                        taskinfo.finish == 100 ? <i className="icon-coms-Upload-successfully-o manager-img stauts_finish" /> : 
                                                        taskinfo.islater ? <Icon ecId={`${this && this.props && this.props.ecId || ''}_Icon@n4ub2h`} type="exclamation-circle" className="manager-img  flag"/> :
                                                        // <Icon type="api" className="manager-img stauts_finish "/>
                                                        taskinfo.wks ? <i className="icon-coms-Narrow manager-img stauts_wks" /> :
                                                        <i className="icon-coms-Update-synchronization manager-img stauts_finish" />
                                                    }
                                                    
                                                </div>
                                                <div  className={"right_info"}>
                                                    <div className={"right_info_l"}>
                                                        {
                                                            taskinfo.finish == 100 ? getLabel('23774','已完成') : taskinfo.islater ? getLabel('21984', "已超期") : taskinfo.wks ? getLabel(1979,"未开始") : getLabel('1960','进行中')
                                                        }
                                                    </div> 
                                                    <div className={"right_info_r"}>
                                                        {getLabel('1929','当前状态')}
                                                    </div> 
                                                </div>
                                        </div>
                                    </Col>
                                    <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@5jjx3m`} span={5}>
                                        {
                                        <div className={"top_tips"}>
                                            <div className={"left_icon"}>
                                                <i className={taskinfo.islandmark == 0 ? "icon-coms-Flag manager-img flag1" : "icon-coms-Flag manager-img stauts_wks"} />
                                            </div>
                                            <div  className={"right_info"}>
                                                <div className={"right_info_l"}>
                                                    {taskinfo.islandmark == 0 ? getLabel('30587', '否') : getLabel('163', '是')}
                                                </div> 
                                                <div className={"right_info_r"}>
                                                    {getLabel('2232','里程碑任务')}
                                                </div> 
                                            </div>
                                        </div>
                                        }
                                    </Col>
                                    <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@yn5mao`} span={9}>
                                        <div className={"top_tips"}>
                                            <div className={"left_icon"}>
                                                <i className="icon-coms-schedule manager-img" />
                                            </div>
                                            <div  className={"right_info"}>
                                                <div className={"right_info_l"}>
                                                    {taskinfo.begindate}~{taskinfo.enddate}
                                                </div> 
                                                <div className={"right_info_r"}>
                                                    {getLabel('518186','开始结束时间')}
                                                </div> 
                                            </div>
                                        </div>
                                    </Col>
                                  
                                </Row>
                                <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@nxvh8x`}
                                    datas={tabDatas}
                                    keyParam="viewcondition" //主键
                                    selectedKey={selectTabKey}
                                    onChange={v => changeTabs(v) }
                                />
                                 <div className="prj-req-content" style={{padding:"0px",    height: 'calc( 100% - 100px)', position: "relative"}}>
                                    <div className='prj-req-content-inner' style={{border:"0px"}}>
                                        {
                                                typeof tabUrl === "object" ? tabUrl :
                                                    <iframe src={tabUrl} id="prjtabiframe" name="prjtabiframe" className="flowFrame" frameborder="0" width="100%" height="100%" />
                                            }
                                    </div>
                                </div>
                            </div>
                    <div style={{width:"30%",height:"100%",borderLeft:"1px solid #eaeaea",float:"left",display:showDynamic}}>
                        <TaskDynamic ecId={`${this && this.props && this.props.ecId || ''}_TaskDynamic@wwp45h`} fromPortal={fromPortal} taskid={taskCardNewStore.taskid} style={{height:"100%"}} isDialog={isDialog}></TaskDynamic>
                    </div>
                </Row>
            </Row>)
        }
       
    }

    getReleateCrmOrCpt(type) {
        const { taskRelRight: { hasRight, verified }, taskCrmStore, taskCptStore } = this.props.taskCardNewStore;
        if (verified && !hasRight) {
            return (<WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@0pe7bo`} >
                <div style={{ color: '#000' }}>
                    {getLabel(2012, "对不起，您暂时没有权限！")}
                </div>
            </WeaAlertPage>
            )
        }
        if (verified && hasRight) {
            if (type == "crm") {
                return <WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@azmu9f`}
                    comsWeaTableStore={taskCrmStore}
                    hasOrder={true}
                    needScroll={true}
                    onOperatesClick={this.onCrmOperatesClick.bind(this)}
                />
            }
            if (type == "cpt") {
                return <WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@wjk05u`}
                    comsWeaTableStore={taskCptStore}
                    hasOrder={true}
                    needScroll={true}
                    onOperatesClick={this.onCptOperatesClick.bind(this)}
                />
            }
        }
        return <div></div>
    }

    //资产操作按钮
    onCrmOperatesClick = (record, index, operate, flag) => {
        let _href = operate && operate.href ? operate.href : "";
        let fn = _href.replace("javascript:", "");
        fn = fn.substring(0, fn.indexOf('('));
        const { taskCardNewStore } = this.props;
        const { doDspTaskReferenceOpt, taskid, taskDocStore } = taskCardNewStore;
        if (fn != "") {
            if ("onDelRelated" == fn) {  //delete
                Modal.confirm({
                    title: getLabel(15172, "系统提示"),
                    content: getLabel(83600, "您确认要删除吗？"),
                    onOk() {
                        doDspTaskReferenceOpt({
                            dotype: 'crm',
                            method: 'del',
                            prjid: "",
                            taskid: taskid,
                            ids: record.randomFieldId
                        }, 'crm')
                    },
                    onCancel() { },
                })
            } else if ("onEdit" == fn) {  //编辑
                taskCardNewStore.setRelateCrmUpdateID(record.randomFieldId);
                taskCardNewStore.handleRelateCrmDialog(true, "edit", {
                    crmid: {
                        value: record.customerid,
                        valueSpan: record.customeridspan,
                        valueObj: [{ id: record.customerid, name: record.customeridspan, }],
                    },
                    reasondesc: { value: record.reasondesc }
                });
            }
        }
    }
    //资产操作按钮
    onCptOperatesClick = (record, index, operate, flag) => {
        let _href = operate && operate.href ? operate.href : "";
        let fn = _href.replace("javascript:", "");
        fn = fn.substring(0, fn.indexOf('('));
        const { taskCardNewStore } = this.props;
        const { doDspTaskReferenceOpt, taskid, taskDocStore } = taskCardNewStore;
        if (fn != "") {
            if ("onDelRelated" == fn) {  //delete
                Modal.confirm({
                    title: getLabel(15172, "系统提示"),
                    content: getLabel(83600, "您确认要删除吗？"),
                    onOk() {
                        doDspTaskReferenceOpt({
                            dotype: 'cpt',
                            method: 'del',
                            prjid: "",
                            taskid: taskid,
                            ids: record.randomFieldId
                        }, 'cpt')
                    },
                    onCancel() { },
                })
            }
        }
    }

    menuClick = (m) =>{
        const { taskCardNewStore, prjid, delCallBack } = this.props;
        const { selectTabKey, shareTableStore, tabDatas, taskInfoStore, taskid } = taskCardNewStore;
        const tabDatas1 = toJS(tabDatas);
        if (tabDatas1) {
            for (let i = 0; i < tabDatas1.length; i++) {
                console.log(tabDatas1[i],tabDatas1[i].shortname,tabDatas1[i].key,selectTabKey)
                if (tabDatas1[i].shortname == "taskinfo" && tabDatas1[i].id == selectTabKey) {
                    if (m.type == "BTN_EDIT") { //编辑
                        taskInfoStore.handleDialog(true,"edit",taskid);
                    } else if (m.type == "BTN_SAVE") {  //保存
                        taskCardNewStore.saveTaskInfo({ taskid: taskid });
                    } else if (m.type == "BTN_DELETE") {  //删除
                        taskCardNewStore.delTask("del", taskid, {callBack: ()=> {if(delCallBack){delCallBack()}}});
                    } else if (m.type == "BTN_BACK") {  //返回
                        taskCardNewStore.getTaskForm({ viewtype: 'view', taskid: taskid });
                    }
                } else  if (tabDatas1[i].shortname == "cpt" && tabDatas1[i].id == selectTabKey) {
                    if (m.type == "BTN_APPEND") { //添加
                        this.refs.addCpt.openModal();
                    } else if (m.type == "BTN_DELETEBATCH") {  //删除
                        this.deleteCrmOrCpt('cpt');
                    }
                } else  if (tabDatas1[i].shortname == "crm" && tabDatas1[i].id == selectTabKey) {
                    if (m.type == "BTN_APPEND") { //添加
                        taskCardNewStore.handleRelateCrmDialog(true, "add", {
                            crmid: { value: '', valueSpan: '', valueObj: [] },
                            reasondesc: { value: "" }
                        });
                    } else if (m.type == "BTN_DELETEBATCH") {  //删除
                        this.deleteCrmOrCpt('crm');
                    }
                } else  if (tabDatas1[i].shortname == "req" && tabDatas1[i].id == selectTabKey) {
                    if (m.type == "BTN_NEWREQ") {
                        //console.log("新建流程")
                        this.openFullWindow((window.ecologyContentPath || '')+"/spa/workflow/static/index.html#/main/workflow/add?openNewWindow=0&taskid=" + taskid);
                    }
                } else  if (tabDatas1[i].shortname == "doc" && tabDatas1[i].id == selectTabKey) {
                    if (m.type == "BTN_NEWDOC") {
                        //console.log("新建文档")
                        this.openFullWindow((window.ecologyContentPath || '')+'/spa/document/static/index.html#/main/document/add?openNewWindow=0&moudleFrom=task');
                        let _this = this;
                        window.__createDocFn = function (obj) {
                            let docid = obj.docid;
                            let docsubject = obj.docSubject;
                            // console.log(docid,docsubject);
                            _this.addDocument(docid,docsubject,'');
                        }
                    }
                } else  if (tabDatas1[i].shortname == "taskshare" && tabDatas1[i].id == selectTabKey) {
                    if (m.type == "BTN_APPEND") { //添加
                        taskCardNewStore.showAddShareModal(true);
                    } else if (m.type == "BTN_DELETEBATCH") {  //删除
                        let { selectedRowKeys } = shareTableStore;
                        if (selectedRowKeys.length > 0) {
                            taskCardNewStore.delBatchShare(`${toJS(selectedRowKeys)}`);
                        } else {
                            message.error(getLabel(84093, "请至少选择一条记录！"));
                        }
                    }
                }
            }
            if(m.type == "BTN_NEWSUB"){ //添加子任务
                taskInfoStore.handleDialog(true,"add",taskid,{prjid:prjid,parentid:taskid});
            }
        }
    }

    openFullWindow = (url) => {
        const width = screen.availWidth - 10;
        const height = screen.availHeight - 50;
        let szFeatures = 'top=0,';
        szFeatures += 'left=0,';
        szFeatures += `width=${width},`;
        szFeatures += `height=${height},`;
        szFeatures += 'directories=no,';
        szFeatures += 'status=yes,toolbar=no,location=no,';
        szFeatures += 'menubar=no,';
        szFeatures += 'scrollbars=yes,';
        szFeatures += 'resizable=yes';
        window.open(url, '', szFeatures);
    }

    //新建
    addDocument=(ids, names, datas)=>{
        const {taskCardNewStore,prjid} = this.props;
        const {doDspTaskReferenceOpt,taskid} = taskCardNewStore;
        doDspTaskReferenceOpt({
            dotype:'doc',
            method:'add',
            prjid : prjid,
            taskid:taskid,
            docid:ids,
            ids:""
        },'doc')
    }

     addWorkFlow=(ids, names, datas)=>{
        const {taskCardNewStore,prjid} = this.props;
        const {doDspTaskReferenceOpt,taskid} = taskCardNewStore;
        doDspTaskReferenceOpt({
            dotype:'doc',
            method:'add',
            prjid : prjid,
            taskid:taskid,
            docid:ids,
            ids:""
        },'doc')
    }

    //资产新建
    addCapital = (ids, name, data) => {
        const { taskCardNewStore, prjid } = this.props;
        const { doDspTaskReferenceOpt, taskid } = taskCardNewStore;
        doDspTaskReferenceOpt({
            dotype: 'cpt',
            method: 'add',
            prjid: prjid,
            taskid: taskid,
            cptid: ids
        }, 'cpt');
    }

    deleteCrmOrCpt = (type) => {
        const { taskCardNewStore } = this.props;
        const { taskid, doDspTaskReferenceOpt, taskCrmStore, taskCptStore } = taskCardNewStore;
        const { selectedRowKeys } = (type == "cpt" ? taskCptStore : taskCrmStore);
        if (selectedRowKeys.length > 0) {
            Modal.confirm({
                title: getLabel(15172, "系统提示"),
                content: getLabel(83601, "您确认要删除选中的记录吗？"),
                onOk() {
                    doDspTaskReferenceOpt({
                        dotype: type,
                        method: 'del',
                        prjid: "",
                        taskid: taskid,
                        ids: `${toJS(selectedRowKeys)}`
                    }, type)
                },
                onCancel() { },
            })
        } else {
            // Modal.warning({
            //     title: getLabel(15172,"系统提示"),
            //     content: getLabel(84093,"请至少选择一条记录！"),
            // })
            message.error(getLabel(84093, "请至少选择一条记录！"));
        }
    }

}

 
export default TaskCardNew;