225 lines
8.7 KiB
JavaScript
225 lines
8.7 KiB
JavaScript
import React, { Component } from 'react';
|
||
import { inject, observer } from 'mobx-react';
|
||
import { toJS } from 'mobx';
|
||
import MindMap from '../common/mindMap/MindMap';
|
||
import TaskInfoDialog from '../dialog/taskDialog'
|
||
import { message, Modal } from "antd"
|
||
import * as Task_Apis from "../../apis/task"
|
||
import { WeaLocaleProvider } from 'ecCom';
|
||
import TaskCard from './TaskCard';
|
||
import ProjectCard from '../project/ProjectCard'
|
||
const getLabel = WeaLocaleProvider.getLabel;
|
||
|
||
@inject("mindMapStore")
|
||
@observer
|
||
class MindMapPage extends Component {
|
||
|
||
constructor(props) {
|
||
super(props);
|
||
this.state = {
|
||
selectObj : {},
|
||
showRight : false,
|
||
renderType : ""
|
||
}
|
||
|
||
}
|
||
|
||
componentDidMount() {
|
||
const { mindMapStore, location: { query }} = this.props;
|
||
mindMapStore.initPath(query);
|
||
}
|
||
|
||
componentWillReceiveProps(nextProps){
|
||
let oldquery = this.props.location.query;
|
||
let newquery = nextProps.location.query;
|
||
const { mindMapStore, location: { query }} = nextProps;
|
||
|
||
if(oldquery !== newquery) {
|
||
mindMapStore.initPath(query);
|
||
}
|
||
}
|
||
|
||
render() {
|
||
|
||
const { mindMapStore, location: { query } } = this.props;
|
||
const { taskInfoStore, _key, showRight, showSlideModal, setRenderType } = mindMapStore;
|
||
const { prjid } = this.props.location.query;
|
||
const _this = this;
|
||
return (
|
||
<div style={{height:"100%"}}>
|
||
{mindMapStore.nodeTreeData && <MindMap ecId={`${this && this.props && this.props.ecId || ''}_MindMap@fk4pg9`}
|
||
data={toJS(mindMapStore.nodeTreeData.versionNode)}
|
||
onClick={(obj)=>{
|
||
this.setState({
|
||
selectObj : obj,
|
||
showRight : false,
|
||
renderType : ""
|
||
})
|
||
showSlideModal(false);
|
||
setRenderType("");
|
||
}}
|
||
showRight={showRight}
|
||
renderRight={this.getRenderRight()}
|
||
renderRightTitle={getLabel(16290,"项目信息")}
|
||
layout={'0'}
|
||
style={{ height: 'calc(100% - 32px)', top: 50 }}
|
||
scale={mindMapStore.scale}
|
||
zoom={_this.zoom}
|
||
// ref={ref => prjCardStore.d3Tree = ref}
|
||
topButtons={[]}
|
||
rightMenus={this.getRightMenus()}
|
||
showMenu={false}
|
||
store={mindMapStore}
|
||
pathType={1}
|
||
closeRight={(bool)=>{showSlideModal(bool)}}
|
||
// onDelete={(readonly || !nodeForm.parentid) || this.deleteNode}
|
||
// onAddChild={readonly || this.addChildren}
|
||
// onDeleteChild={(readonly) || (hasChildren && this.deleteChildren)}
|
||
// onSynchro={readonly || this.synchronize}
|
||
showname={(d)=>{return `${d.name}`}}
|
||
desc="description"
|
||
></MindMap>}
|
||
<TaskInfoDialog ecId={`${this && this.props && this.props.ecId || ''}_TaskInfoDialog@h3edv4`} contentStore={taskInfoStore} prjid={prjid} callBack={() => { mindMapStore.initPath(query);}} />
|
||
{/* <iframe src={"/spa/prj/index.html#/main/prj/projectCard?prjid=1"} style={{height:"100%",width:"100%"}}></iframe> */}
|
||
</div>
|
||
)
|
||
|
||
}
|
||
|
||
closeRight = (bool) => {
|
||
this.setState({
|
||
showRight : bool
|
||
})
|
||
}
|
||
|
||
getRenderRight = () => {
|
||
const { mindMapStore, location: { query } } = this.props;
|
||
const {prjTaskCardStore, renderType} = mindMapStore;
|
||
if(renderType == "prjEdit" && this.state.selectObj.type == "prj"){
|
||
return <ProjectCard ecId={`${this && this.props && this.props.ecId || ''}_ProjectCard@nut2m7`} parentStore={mindMapStore} prjid={this.state.selectObj.id.replace("prj_","")} />;
|
||
}
|
||
if(renderType == "taskEdit" && this.state.selectObj.type == "task"){
|
||
return this.state.selectObj.id.replace("task_","") && <TaskCard ecId={`${this && this.props && this.props.ecId || ''}_TaskCard@b315hw`} callBack={() => { mindMapStore.initPath(query);}} contentStore={mindMapStore} taskCardStore={prjTaskCardStore} taskid={this.state.selectObj.id.replace("task_","").replace("prj_","")} />;
|
||
|
||
// return "/spa/prj/index.html#/main/prj/taskCard?taskid="+this.state.selectObj.id.replace("task_","");
|
||
}
|
||
}
|
||
|
||
getRightMenus = () => {
|
||
let selectObj = this.state.selectObj;
|
||
let rightMenus = [];
|
||
if(selectObj.type == "prj"){
|
||
rightMenus.push({
|
||
action : (e)=>this.editProject(e),
|
||
name : getLabel(33564, "查看"),
|
||
icon : "icon-coms-search",
|
||
});
|
||
// if(selectObj.editOk){
|
||
// rightMenus.push({
|
||
// action : (e)=>this.editProject(e),
|
||
// name : "编辑",
|
||
// icon : "icon-coms-edit",
|
||
// });
|
||
// }
|
||
if(selectObj.editTaskOk){
|
||
rightMenus.push({
|
||
action : (e)=>this.addTask(e),
|
||
name : getLabel('15266', '新建任务'),
|
||
icon : "icon-coms-New-Flow",
|
||
});
|
||
}
|
||
|
||
}else if(selectObj.type == "task"){
|
||
rightMenus.push({
|
||
action : (e)=>this.editTask(e),
|
||
name : getLabel(33564, "查看"),
|
||
icon : "icon-coms-search",
|
||
});
|
||
if(selectObj.canEditAndDel){
|
||
// rightMenus.push({
|
||
// action : (e)=>this.editTask(e),
|
||
// name : "编辑",
|
||
// icon : "icon-coms-edit",
|
||
// });
|
||
rightMenus.push({
|
||
action : (e)=>this.delTask(e),
|
||
name : getLabel(131966,"删除"),
|
||
icon : "icon-coms-delete",
|
||
});
|
||
}
|
||
if(selectObj.canAddChild){
|
||
rightMenus.push({
|
||
action : (e)=>this.addChildTask(e),
|
||
name : getLabel('382600','新建下级任务') ,
|
||
icon : "icon-coms-New-Flow",
|
||
});
|
||
}
|
||
}
|
||
return rightMenus;
|
||
}
|
||
|
||
editProject = (e) => {
|
||
e.stopPropagation && e.stopPropagation();
|
||
// this.setState({
|
||
// renderType : "prjEdit",
|
||
// // showRight : true,
|
||
// });
|
||
const { showSlideModal, setRenderType } = this.props.mindMapStore;
|
||
showSlideModal(true);
|
||
setRenderType("prjEdit");
|
||
}
|
||
|
||
editTask = (e) => {
|
||
e.stopPropagation && e.stopPropagation();
|
||
// this.setState({
|
||
// renderType : "taskEdit",
|
||
// // showRight : true,
|
||
// });
|
||
const { showSlideModal, setRenderType } = this.props.mindMapStore;
|
||
showSlideModal(true);
|
||
setRenderType("taskEdit");
|
||
}
|
||
|
||
delTask = (e) => {
|
||
e.stopPropagation && e.stopPropagation();
|
||
const _this = this;
|
||
const { mindMapStore, location: { query } } = this.props;
|
||
Modal.confirm({
|
||
title: getLabel(15172, "系统提示"),
|
||
content: getLabel(83925, "该任务及其子任务都会被删除，您确认要删除吗？"),
|
||
onOk() {
|
||
Task_Apis.delTask({ method: "del" , taskid: _this.state.selectObj.id.replace("task_","")}).then(data => {
|
||
if (data.success) {
|
||
mindMapStore.initPath(query);
|
||
message.success(getLabel(83472, "删除成功！"));
|
||
} else {
|
||
message.error(getLabel(383746, "请求失败") + "：" + data.msgcode);
|
||
}
|
||
})
|
||
},
|
||
onCancel() { },
|
||
})
|
||
}
|
||
|
||
addTask = (e) => {
|
||
e.stopPropagation && e.stopPropagation();
|
||
const { mindMapStore, location: { query : { prjid }} } = this.props;
|
||
const { taskInfoStore } = mindMapStore;
|
||
taskInfoStore.handleDialog(true, "add", '', { prjid: prjid, parentid: "" });
|
||
}
|
||
|
||
addChildTask = (e) => {
|
||
e.stopPropagation && e.stopPropagation();
|
||
const { mindMapStore, location: { query : { prjid }} } = this.props;
|
||
const { taskInfoStore } = mindMapStore;
|
||
taskInfoStore.handleDialog(true, "add", '', { prjid: prjid, parentid: this.state.selectObj.id.replace("task_","") });
|
||
}
|
||
|
||
zoom = (scale) => {
|
||
const { mindMapStore, params } = this.props;
|
||
mindMapStore.changeScale(parseInt(scale * 10));
|
||
}
|
||
|
||
}
|
||
|
||
export default MindMapPage; |