import {Button,Row,Col,Icon,message,Modal} from 'antd';
import {WeaTab,WeaProgress,WeaLocaleProvider} from 'ecCom';
import {inject, observer} from "mobx-react";
import {toJS} from 'mobx';
import {Condition} from '../list/listCondition';
import {WeaTableNew} from 'comsMobx';
import ShareDialog from '../dialog/shareDialog'
import ExchangeDialog from '../dialog/exchangeDialog'
import TaskInfoDialog from '../dialog/taskDialog'
import ModifyLogDialog from "../dialog/modifyLogDialog"
const WeaTable = WeaTableNew.WeaTable;
const getLabel = WeaLocaleProvider.getLabel;

@observer
export default class TaskSub extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
        taskid: "",
        coWorkVisiable: false,
        workPlanVisible: false
    }

  }
  componentDidMount(){
    if(!window.weaWorkplan && !window.weaCowork){
        eventRegister.loadModule('f_workplan', ()=> {
            eventRegister.loadModule('f_cowork', ()=> {
            }, ()=> {
                // 加载文件失败 的业务处理， 网络超时，没文件之类
                alert("加载协作模块失败，请联系系统管理员！");
            });
        }, ()=> {
            // 加载文件失败 的业务处理， 网络超时，没文件之类
            alert("加载日程模块失败，请联系系统管理员！");
        });
        return;
    }
    if(window.weaWorkplan && !window.weaCowork){
        eventRegister.loadModule('f_cowork', ()=> {
        }, ()=> {
            // 加载文件失败 的业务处理， 网络超时，没文件之类
            alert("加载协作模块失败，请联系系统管理员！");
        });
    }else{
        eventRegister.loadModule('f_workplan', ()=> {
        }, ()=> {
            // 加载文件失败 的业务处理， 网络超时，没文件之类
            alert("加载协作模块失败，请联系系统管理员！");
        });
    }
  }
  componentWillReceiveProps(nextProps) {
 
  }
  render() {
        const {contentStore, account, boardStore, callBack} = this.props;
        const {showSearchAd,taskSubStore,tasksubform,exchangeStore,taskInfoStore,logVisible,logTableStore,reLoad,prjid} = contentStore;
        const formParams = tasksubform.getFormParams() || {};
    return (
        <div >
            <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@7e5byf`}
                buttonsAd={this.getAdButtons()}
                searchType={['base','advanced']}
                searchsBaseValue={formParams.taskname}
                setShowSearchAd={bool=>{contentStore.setShowSearchAd(bool)}}
                hideSearchAd={()=> contentStore.setShowSearchAd(false)}
                searchsAd={
                    <div><Condition ecId={`${this && this.props && this.props.ecId || ''}_Condition@acldbm`} listStore={contentStore} form={tasksubform} onEnterSearch={this.onEnterSearch} ></Condition></div>
                }
                showSearchAd={showSearchAd}
                onSearch={v=>{contentStore.getTaskSubList()}}
                onSearchChange={v=>{contentStore.setFormFields({taskname:{value:v}})}}
            />
            <WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@01knth`} 
                comsWeaTableStore={taskSubStore}
                hasOrder={true}
                needScroll={true}
                register_table={()=>reLoad(taskSubStore)}
                getColumns={c=>this.reRenderColumns(c)}
                onOperatesClick={this.onOperatesClick.bind(this)}
            />
             <ShareDialog ecId={`${this && this.props && this.props.ecId || ''}_ShareDialog@4bfd3z`} contentStore={contentStore} />
            <ExchangeDialog ecId={`${this && this.props && this.props.ecId || ''}_ExchangeDialog@3zxvlu`} contentStore={exchangeStore}  />
            <TaskInfoDialog ecId={`${this && this.props && this.props.ecId || ''}_TaskInfoDialog@iusr4g`} contentStore={taskInfoStore} prjid={prjid}  callBack={()=>{if(callBack){callBack()};boardStore&&boardStore.getKanbanView();window._table.reLoad();}}/>
            <ModifyLogDialog ecId={`${this && this.props && this.props.ecId || ''}_ModifyLogDialog@e0y7av`} ref="modifyLogDialog" title={getLabel(83905,"任务修改记录")} tableStore={logTableStore}/>
            {window.weaCowork && window.weaCowork.com && window.weaCowork.com.CreateCowork && this.state.coWorkVisiable && this.state.taskid !== "" && (
                    <window.weaCowork.com.CreateCowork ecId={`${this && this.props && this.props.ecId || ''}_CreateCowork@ca5bel`}
                        initAddQuery={
                            {
                                relatedType: "task",
                                ids: this.state.taskid
                            }
                        }
                        onCancel={() => {
                            this.setState({
                                coWorkVisiable: false
                            });
                        }}
                    />)
                }

                    {
                        window.weaWorkplan && window.weaWorkplan.com && window.weaWorkplan.com.WorkPlanCreate &&
                        (<window.weaWorkplan.com.WorkPlanCreate ecId={`${this && this.props && this.props.ecId || ''}_WorkPlanCreate@5zdtkk`}
                            type={"create"}//新建为'create',查看为'preview',编辑edit,共享share
                            visible={this.state.workPlanVisible}//显隐受控
                            doClose={() => { this.setWorkPlanVisible(false); }}//关闭回调
                            onlyClose={() => { this.setWorkPlanVisible(false) }}//关闭回调,只做关闭操作
                            workPlanId={""} //日程id，1查看日程时用到
                            createConditionParams={[]}//创建的默认值日期和时间,没有传[]
                            activeKey={""} //查看页面显示的面板1是基本信息，7是相关交流
                            //changeTab={(key) => { }}//查看页面切换面板的回调
                            selectUser={account && account.userid}//新建日程的创建人id
                            workPlanTypeOptions={"2"}//客户模块的新建日程，普通新建传'',客户新建传3
                            crmIDs={[]}//通过客户模块新建日程，并自动带出相关客户,[{'id':'','name':''}]
                            projectid={prjid}
                            taskid={this.state.taskid}
                            description={""}//客户模块需求，支持新建时传入的'基本信息-内容'
                        />)
                    }
        </div>)
    }
    
    onEnterSearch = () =>{
        const {contentStore} = this.props;
        contentStore.getTaskSubList();
        contentStore.setShowSearchAd(false)
    }

    getAdButtons = () => {
        const {contentStore} = this.props;
        const {getTaskSubList,setShowSearchAd,clearFormFields} = contentStore;
        return [
            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@0vgf1m@search`} type="primary" onClick={()=>{getTaskSubList();setShowSearchAd(false);}}>{getLabel(197,"搜索")}</Button>),
            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@px783z@reset`} type="ghost" onClick={()=>{clearFormFields();}}>{getLabel(2022,"重置")}</Button>),
            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@naw81q@cancel`} type="ghost" onClick={()=>{setShowSearchAd(false)}}>{getLabel(201,"取消")}</Button>)
        ];
    }
    reRenderColumns(columns){
        columns.forEach(c=>{
            if(c.dataIndex=='finish'){
                c.render = function(text, record){
                    return   <span  className='wea-prj-progressStyle' >
                    <WeaProgress ecId={`${this && this.props && this.props.ecId || ''}_WeaProgress@8fcx37@cancel`} percent={record.finish||0}  strokeColor={record.finishspan} />
                </span>
                }
            } else {
            //   c.render = function(text, record){
            //       let valueSpan = record[c.dataIndex + "span"] !== undefined ? record[c.dataIndex + "span"] : record[c.dataIndex];
            //       return <span dangerouslySetInnerHTML={{__html: valueSpan}}></span>
            //     }
            }
        })
        return columns;
    }
    onOperatesClick(record,index,operate,flag){
        const {contentStore:{shareStore,exchangeStore,taskInfoStore,viewModifyLog},callBack} = this.props;
        let _href = operate && operate.href ? operate.href : "";
		let fn = _href.replace("javascript:","");
		fn = fn.substring(0,fn.indexOf('('));
        let that = this;
        // saveCapitalId(record.randomFieldId);  //保存资产id
        if(fn != ""){
			if("onShare"==fn){  //共享
                shareStore.handleShareDialog(true,"task",record.randomFieldId,{})
            }else if('onNewCowork' == fn){   //新建协作
                this.setState({ taskid: record.randomFieldId, coWorkVisiable: true });
                const coworkStoreMap = window.weaCowork.store && window.weaCowork.store.coworkStoreMap;
                const cowortore = coworkStoreMap && coworkStoreMap.getMapStore(3);
                cowortore && cowortore.setCreateState({ showNewCowork: true, createOrEdit: 0 });
            }else if('onNewWorkplan' == fn){   //新建日程
                this.setState({ taskid: record.randomFieldId, workPlanVisible: true });
            }else if('onApprove' == fn){   //
                                
            }else if('onReject' == fn){   //
                                                
            }else if('onEdit' == fn){   //编辑
                taskInfoStore.handleDialog(true,"edit",record.randomFieldId);                                  
            }else if('onLog' == fn){   //修改记录
                viewModifyLog(record.randomFieldId);
                this.refs.modifyLogDialog.setVisible(true);
            }else if('onDiscuss' == fn){   //相关交流
                exchangeStore.handleExchangeDialog(true,"task",record.randomFieldId,{})
            }else if('onDel' == fn){   //删除
                taskInfoStore.delTask("del",record.randomFieldId,{callBack:() =>{callBack();window._table.reLoad();}}); 
            }
        }
    }

    setWorkPlanVisible = (bool) => {
        this.setState({ workPlanVisible: bool })
    }

}