import { Button, Row, Col, Icon, message, Modal } from 'antd';
import { WeaTab, WeaAlertPage, WeaProgress, WeaSearchGroup, WeaFormItem, WeaLocaleProvider } from 'ecCom';
import { inject, observer } from "mobx-react";
import { toJS } from 'mobx';
import { WeaTableNew, WeaSwitch } from 'comsMobx';
import { Condition } from "../list/listCondition"
import TaskInfoDialog from '../dialog/taskDialog'
import ExchangeDialog from '../dialog/exchangeDialog'
import ShareDialog from '../dialog/shareDialog'
import RelateListDialog from "../dialog/relateListDialog"
import EditPrjTaskDataDialog from "../dialog/editPrjTaskDataDialog"
import TaskBatchEditDialog from '../dialog/taskBatchEditDialog';
const WeaTable = WeaTableNew.WeaTable;
const getLabel = WeaLocaleProvider.getLabel;

@observer
export default class TaskList 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("加载协作模块失败，请联系系统管理员！");
            });
        }
    }

    render() {
        const { contentStore, account, taskBatchEditDialogStore, delCallBack } = this.props;
        const { taskListTableStore, taskListRight: { hasRight, verified }, taskListTabs, taskListform, showSearchAd, taskListSearchParams, shareStore, exchangeStore, taskInfoStore, reLoad, prjid, refTaskList, showEditTask } = contentStore;
        const formParams = taskListform.getFormParams() || {};
        const rowSelection = {
            onChange(selectedRowKeys, selectedRows) {
                taskInfoStore.onRowSelect(selectedRowKeys);
            }
        };
        if (verified && !hasRight) {
            return (<WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@o0d1b4`} >
                <div style={{ color: '#000' }}>
                    {getLabel(2012, "对不起，您暂时没有权限！")}
                </div>
            </WeaAlertPage>
            )
        }
        if (verified && hasRight) {
            return (
                <div >
                    {
                        <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@5byy7j`}
                            datas={toJS(taskListTabs)}
                            keyParam="key"  //主键
                            selectedKey={taskListSearchParams.version}
                            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@gjwq9i`} listStore={contentStore} form={taskListform} onEnterSearch={this.onEnterSearch} ></Condition></div>
                            }
                            showSearchAd={showSearchAd}
                            onSearch={v => { contentStore.getPrjTaskList() }}
                            onSearchChange={v => { contentStore.taskListform.updateFields({ taskname: { value: v } }, false); }}
                            onChange={this.changeVision}
                        />
                    }
                    <div>
                        {this.getQuickSearch()}
                    </div>
                    <WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@ro1kok`}
                        comsWeaTableStore={taskListTableStore}
                        childrenColumnName="subListspan"
                        hasOrder={true}
                        needScroll={false}
                        register_table={() => reLoad(taskListTableStore)}
                        getColumns={c => this.reRenderColumns(c)}
                        onOperatesClick={this.onOperatesClick.bind(this)}
                        rowSelection={rowSelection}
                    />
                    <TaskBatchEditDialog ecId={`${this && this.props && this.props.ecId || ''}_TaskBatchEditDialog@6v94n1`} contentStore={taskBatchEditDialogStore} selectedRowKeys={taskListTableStore.selectedRowKeys} prjid={prjid} reset={() =>{contentStore.resetTaskInfoStore()}}/>
                    <ShareDialog ecId={`${this && this.props && this.props.ecId || ''}_ShareDialog@79lajn`} contentStore={contentStore} />
                    <ExchangeDialog ecId={`${this && this.props && this.props.ecId || ''}_ExchangeDialog@12smie`} contentStore={exchangeStore} />
                    <TaskInfoDialog ecId={`${this && this.props && this.props.ecId || ''}_TaskInfoDialog@3m0j06`} contentStore={taskInfoStore} prjid={prjid} callBack={() => { 
                        refTaskList();
                        if(delCallBack){
                            delCallBack();
                        }
                    }} />
                    <RelateListDialog ecId={`${this && this.props && this.props.ecId || ''}_RelateListDialog@7bd8qd`} contentStore={contentStore} />
                    <EditPrjTaskDataDialog ecId={`${this && this.props && this.props.ecId || ''}_EditPrjTaskDataDialog@bndggk`} ref="editPrjTaskData" contentStore={contentStore} visible={showEditTask} />
                    {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@axpsbl`}
                            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@mpuht9`}
                            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>)
        }
        return <div></div>
    }
    reRenderColumns(columns) {
        columns.forEach((c,i) => {
            if (c.dataIndex == 'finish') {
                c.render = function (text, record) {
                    return <span className='wea-prj-progressStyle' >
                        <WeaProgress ecId={`${this && this.props && this.props.ecId || ''}_WeaProgress@fmpr9h@${i}`} 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;
    }
    getQuickSearch() {
        const { taskListQuickitems, taskListquickform, getPrjTaskList } = this.props.contentStore;
        const { isFormInit } = taskListquickform;
        let group = [];
        const formParams = taskListquickform.getFormParams();
        isFormInit && toJS(taskListQuickitems).map((c,i) => {
            let items = [];
            c.items.map((fields, index) => {
                items.push({
                    com: (<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@b143dj@${index}`}
                        label={`${fields.label}`}
                        labelCol={{ span: `${fields.labelcol}` }}
                        wrapperCol={{ span: `${fields.fieldcol}` }}>
                        <WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@hhx4ay@${index}`} fieldConfig={fields} form={taskListquickform} onChange={(res) => { getPrjTaskList({ [fields.domkey[0]]: res[fields.domkey[0]].value }); }} />
                    </WeaFormItem>),
                    colSpan: 1,
                })
            });
            group.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@gpgv4z@${i}`} needTigger={true} col={4} title={getLabel(32840, "基本条件")} showGroup={true} items={items} />)
        });
        return group;
    }

    onOperatesClick(record, index, operate, flag) {
        let that = this;
        const { contentStore, delCallBack } = this.props;
        const { shareStore, exchangeStore, taskInfoStore, prjid } = contentStore;
        let _href = operate && operate.href ? operate.href : "";
        let fn = _href.replace("javascript:", "");
        fn = fn.substring(0, fn.indexOf('('));

        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 ('onAddSubTask' == fn) {   //新建子任务
                taskInfoStore.handleDialog(true, "add", '', { prjid: prjid, parentid: record.randomFieldId });
            } else if ('onEditTask' == fn) {   //编辑
                taskInfoStore.handleDialog(true, "edit", record.randomFieldId);
            } else if ('onDiscuss' == fn) {   //相关交流
                exchangeStore.handleExchangeDialog(true, "task", record.randomFieldId, {})
            } else if ('onDel' == fn) {   //删除
                taskInfoStore.delTask("del", record.randomFieldId, ()=> {if(delCallBack) delCallBack()});
            }
        }
    }

    changeVision = (key) => {
        const { contentStore, getRightMenu } = this.props;
        contentStore.getPrjTaskList({ version: key == "0" ? "" : key })
        getRightMenu&&getRightMenu({type:'tasklist',version: key == "0" ? "" : key});
    }

    getAdButtons = () => {
        const { contentStore,ecid } = this.props;
        const { getPrjTaskList, setShowSearchAd, taskListform } = contentStore;
        return [
            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@c49a66@search`} type="primary" onClick={() => { getPrjTaskList(); setShowSearchAd(false); }}>{getLabel(197, "搜索")}</Button>),
            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@74dg0f@reset`} type="ghost" onClick={() => { taskListform.reset(); }}>{getLabel(2022, "重置")}</Button>),
            (<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@5ancbk@cancel`} type="ghost" onClick={() => { setShowSearchAd(false) }}>{getLabel(201, "取消")}</Button>)
        ];
    }

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

    onEnterSearch=() =>{
        const { contentStore } = this.props;
        contentStore.getPrjTaskList();
        contentStore.setShowSearchAd(false);
    }

}