239 lines
12 KiB
JavaScript
239 lines
12 KiB
JavaScript
|
|
|||
|
|
import React from 'react';
|
|||
|
|
import { inject, observer } from 'mobx-react';
|
|||
|
|
import {WeaDialog,WeaRightMenu,WeaNewScroll,WeaFormItem,WeaSearchGroup,WeaLocaleProvider,WeaTools} from "ecCom"
|
|||
|
|
import {Button,Modal,message} from "antd"
|
|||
|
|
import {WeaTableNew,WeaSwitch} from 'comsMobx';
|
|||
|
|
import debounce from 'lodash/debounce';
|
|||
|
|
const WeaTable = WeaTableNew.WeaTable;
|
|||
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|||
|
|
import {toJS} from "mobx"
|
|||
|
|
import equal from 'deep-equal'
|
|||
|
|
import ProjectCondition from '../list/projectCondition'
|
|||
|
|
import * as Prj_Apis from '../../apis/project'
|
|||
|
|
import ProjectLogDialog from "./modifyLogDialog"
|
|||
|
|
import ProjectFieldLogDialog from './projectFieldLogDialog';
|
|||
|
|
import ProjectFieldDetailLogDialog from './ProjectFieldDetailLogDialog';
|
|||
|
|
import SaveTemplateDialog from "../dialog/SaveTemplateDialog";
|
|||
|
|
|
|||
|
|
@observer
|
|||
|
|
export default class ProjectDialog extends React.Component{
|
|||
|
|
constructor(props) {
|
|||
|
|
super(props);
|
|||
|
|
this.state = {
|
|||
|
|
workPlanVisible: false,
|
|||
|
|
saveDisabled: false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
componentDidMount() {
|
|||
|
|
const { contentStore } = this.props;
|
|||
|
|
if (!window.weaWorkplan) {
|
|||
|
|
// 异步加载别模块的静态资源
|
|||
|
|
eventRegister.loadModule('f_workplan', () => {
|
|||
|
|
contentStore.setLoaded(true)
|
|||
|
|
}, () => {
|
|||
|
|
// 加载文件失败 的业务处理， 网络超时，没文件之类
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
contentStore.setLoaded(true)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
componentWillReceiveProps(nextProps) {
|
|||
|
|
let keyOld = "";
|
|||
|
|
let keyNew = "";
|
|||
|
|
if( this.props.location && nextProps.location && this.props.location.query && nextProps.location.query){
|
|||
|
|
keyOld = this.props.location.query.prjid;
|
|||
|
|
keyNew = nextProps.location.query.prjid;
|
|||
|
|
}else{
|
|||
|
|
keyOld = this.props.prjid;
|
|||
|
|
keyNew = nextProps.prjid;
|
|||
|
|
}
|
|||
|
|
//点击菜单路由刷新组件
|
|||
|
|
if (keyOld !== keyNew) {
|
|||
|
|
const { contentStore } = nextProps;
|
|||
|
|
if (!window.weaWorkplan) {
|
|||
|
|
// 异步加载别模块的静态资源
|
|||
|
|
eventRegister.loadModule('f_workplan', () => {
|
|||
|
|
contentStore.setLoaded(true)
|
|||
|
|
}, () => {
|
|||
|
|
// 加载文件失败 的业务处理， 网络超时，没文件之类
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
contentStore.setLoaded(true)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
render(){
|
|||
|
|
let _this = this;
|
|||
|
|
const {contentStore} = this.props;
|
|||
|
|
const {visible,handleDialog,prjInfo,prjForm,setFormFields,setValidate,prjLogTableStore, prjFieldLogTableStore, prjFieldDetailLogTableStore, fieldname, prjid} = contentStore;
|
|||
|
|
const title = getLabel(83808,"编辑项目");
|
|||
|
|
const account = WeaTools.ls.getJSONObj('theme-account');
|
|||
|
|
return (
|
|||
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@zdlktp`}
|
|||
|
|
title={title }
|
|||
|
|
visible={visible}
|
|||
|
|
buttons={this.getBottomButtons()}
|
|||
|
|
icon="icon-coms-project"
|
|||
|
|
iconBgcolor="#217346"
|
|||
|
|
onCancel={()=>{handleDialog(false)}}
|
|||
|
|
style={{width:1000,height:700}}>
|
|||
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@jmhbrz`} datas={this.getRightMenu()} onClick={this.onRightMenuClick.bind(this)} >
|
|||
|
|
<WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@1lj6ex`} height={"100%"}>
|
|||
|
|
<ProjectCondition ecId={`${this && this.props && this.props.ecId || ''}_ProjectCondition@j88ph3`} fieldInfo={prjInfo} form={prjForm} setFormFields={(v)=>{setFormFields(v)}} setValidate={(v)=>{setValidate(v)}} />
|
|||
|
|
<ProjectLogDialog ecId={`${this && this.props && this.props.ecId || ''}_ProjectLogDialog@ej3b1r`} ref="projectLogDialog" title={getLabel('33782','项目日志') } tableStore={prjLogTableStore} store={contentStore} />
|
|||
|
|
<ProjectFieldLogDialog ecId={`${this && this.props && this.props.ecId || ''}_ProjectFieldLogDialog@l0zxlg`} title={getLabel('82274','字段日志') } tableStore={prjFieldLogTableStore} store={contentStore} />
|
|||
|
|
<ProjectFieldDetailLogDialog ecId={`${this && this.props && this.props.ecId || ''}_ProjectFieldDetailLogDialog@3u0cbi`} title={getLabel('82274','字段日志')+"-"+fieldname } tableStore={prjFieldDetailLogTableStore} store={contentStore} />
|
|||
|
|
<SaveTemplateDialog ecId={`${this && this.props && this.props.ecId || ''}_SaveTemplateDialog@audzl0`} prjCardStore={contentStore}/>
|
|||
|
|
{
|
|||
|
|
contentStore.isreload&&window.weaWorkplan && window.weaWorkplan.com && window.weaWorkplan.com.WorkPlanCreate &&
|
|||
|
|
(<window.weaWorkplan.com.WorkPlanCreate ecId={`${this && this.props && this.props.ecId || ''}_WorkPlanCreate@69wd75`}
|
|||
|
|
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是相关交流
|
|||
|
|
//{(key) => { }}//查看页面切换面板的回调
|
|||
|
|
selectUser={account && account.userid}//新建日程的创建人id
|
|||
|
|
workPlanTypeOptions={"2"}//客户模块的新建日程，普通新建传'',客户新建传3
|
|||
|
|
crmIDs={[]}//通过客户模块新建日程，并自动带出相关客户,[{'id':'','name':''}]
|
|||
|
|
projectid={prjid}
|
|||
|
|
description={""}//客户模块需求，支持新建时传入的'基本信息-内容'
|
|||
|
|
/>)
|
|||
|
|
}
|
|||
|
|
</WeaNewScroll>
|
|||
|
|
</WeaRightMenu>
|
|||
|
|
</WeaDialog>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
getBottomButtons(){
|
|||
|
|
const {contentStore,dellCallBack,from='mymanagerproject'} = this.props;
|
|||
|
|
const {handleDialog,rightMenu,prjid} = contentStore;
|
|||
|
|
let btnArr = [];
|
|||
|
|
const {saveDisabled} = this.state;
|
|||
|
|
rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
|
|||
|
|
m.isTop == '1' && btnArr.length < 4 && btnArr.push(
|
|||
|
|
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@mkzg0d@${m.type}`} type="primary" disabled={m.type == "BTN_SAVE"?saveDisabled:false}
|
|||
|
|
onClick={()=>{
|
|||
|
|
if(m.type == "BTN_SAVE"){ //保存
|
|||
|
|
this.savePrjInfo();
|
|||
|
|
}else if(m.type == "BTN_EDIT"){//编辑
|
|||
|
|
contentStore.getPrjInfo({viewtype:'edit'});
|
|||
|
|
}else if(m.type == "BTN_BACK"){ //返回
|
|||
|
|
contentStore.getPrjInfo({viewtype:'view'});
|
|||
|
|
}else if(m.type == "BTN_DELETE"){ //删除
|
|||
|
|
contentStore.delPrjInfo({method:"del",prjid:prjid,from:from,callBack:dellCallBack});
|
|||
|
|
}
|
|||
|
|
}}>
|
|||
|
|
{m.menuName}
|
|||
|
|
</Button>
|
|||
|
|
);
|
|||
|
|
});
|
|||
|
|
btnArr.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@0ki525@close`} type="primary" onClick={()=>{handleDialog(false)}}>{getLabel(309,"关闭")}</Button>)
|
|||
|
|
return btnArr;
|
|||
|
|
}
|
|||
|
|
getRightMenu(){
|
|||
|
|
const {contentStore} = this.props;
|
|||
|
|
const {rightMenu,isApprove} = contentStore;
|
|||
|
|
let btnArr = [];
|
|||
|
|
rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
|
|||
|
|
let disabled = false;
|
|||
|
|
if(isApprove){
|
|||
|
|
if(m.menuIcon == "icon-coms-Approval"){
|
|||
|
|
disabled = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
btnArr.push({
|
|||
|
|
icon: <i className={m.menuIcon} />,
|
|||
|
|
content: m.menuName,
|
|||
|
|
disabled: disabled
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
return btnArr
|
|||
|
|
}
|
|||
|
|
onRightMenuClick(key){
|
|||
|
|
const {contentStore} = this.props;
|
|||
|
|
const {handleDialog,rightMenu,prjid} = contentStore;
|
|||
|
|
let that = this;
|
|||
|
|
rightMenu && rightMenu.length>0 && rightMenu.map((m,i)=>{
|
|||
|
|
if(Number(key) == i){
|
|||
|
|
let fn = m.menuFun.indexOf('this') >= 0 ? `${m.menuFun.split('this')[0]})` : m.menuFun;
|
|||
|
|
if(fn != ""){
|
|||
|
|
fn = fn.substring(0, fn.indexOf('('));
|
|||
|
|
if('onNormal' == fn){ //正常
|
|||
|
|
contentStore.doPlanOpt({method:'normal',prjid:prjid});
|
|||
|
|
}else if('onOver' == fn){ //延期
|
|||
|
|
contentStore.doPlanOpt({method:'delay',prjid:prjid});
|
|||
|
|
}else if('onFinish' == fn){ //完成
|
|||
|
|
contentStore.doPlanOpt({method:'complete',prjid:prjid});
|
|||
|
|
}else if('onFrozen' == fn){ //冻结
|
|||
|
|
contentStore.doPlanOpt({method:'freeze',prjid:prjid});
|
|||
|
|
}else if ('onToggleStatus' == fn) {
|
|||
|
|
contentStore.doPlanOpt({ method: 'togglestatus', prjid: prjid, statusid: m.params });
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(m.type == "BTN_EDIT"){ //编辑
|
|||
|
|
contentStore.getPrjInfo({viewtype:'edit'});
|
|||
|
|
}else if(m.type == "BTN_SAVE"){ //保存
|
|||
|
|
this.savePrjInfo();
|
|||
|
|
}else if(m.type == "BTN_DELETE"){ //删除
|
|||
|
|
contentStore.delPrjInfo({method:"del",prjid:prjid,from:"mymanagerproject"});
|
|||
|
|
}else if(m.type == "BTN_NEWREQ"){ //新建流程
|
|||
|
|
window.open((window.ecologyContentPath || '')+"/spa/workflow/static/index.html#/main/workflow/add?prjid=" + prjid, "_blank");
|
|||
|
|
}else if(m.type == "BTN_NEWDOC"){ //新建文档
|
|||
|
|
window.open((window.ecologyContentPath || '')+"/spa/document/static/index.html#/main/document/add?moudleFrom=prj&prjid=" + prjid, "_blank");
|
|||
|
|
}else if(m.type == "BTN_NEWRQ"){ //新建日程
|
|||
|
|
this.setState({ workPlanVisible: true })
|
|||
|
|
}else if(m.type == "BTN_NEWMT"){ //新建会议
|
|||
|
|
window.open("(window.ecologyContentPath || '')+/spa/meeting/static/index.html#/main/meeting/dialogsingle?type=create&projectid=" + prjid, "_blank");
|
|||
|
|
}else if(m.type == "BTN_LOG"){ //日志
|
|||
|
|
this.refs.projectLogDialog.setVisible(true);
|
|||
|
|
contentStore.getPrjLogList({ prjid: prjid });
|
|||
|
|
}else if(m.type == "BTN_SAVETEMPLET"){ //另存为模板
|
|||
|
|
contentStore.setVisiable(true);
|
|||
|
|
}else if(m.type == "BTN_BACK"){ //返回
|
|||
|
|
contentStore.getPrjInfo({viewtype:'view'});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
savePrjInfo = debounce((params={})=>{
|
|||
|
|
const {callBack} = this.props;
|
|||
|
|
const {handleDialog,prjForm,prjid,baseParams,validateRules,getPrjInfo} = this.props.contentStore;
|
|||
|
|
this.setState({saveDisabled:true});
|
|||
|
|
prjForm.validateForm().then(f=>{
|
|||
|
|
if(f.isValid){
|
|||
|
|
let newParams = {...toJS(prjForm.getFormParams()),method:"edit",prjid:prjid,...params};
|
|||
|
|
Prj_Apis.savePrjInfo(newParams).then(data=>{
|
|||
|
|
this.setState({saveDisabled:false});
|
|||
|
|
if(data.success){
|
|||
|
|
getPrjInfo({viewtype:"view"});
|
|||
|
|
if(callBack){
|
|||
|
|
callBack();
|
|||
|
|
}else{
|
|||
|
|
window._table.reLoad();
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
message.error(data.msg);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}else{
|
|||
|
|
this.setState({saveDisabled:false});
|
|||
|
|
f.showErrors();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},600);
|
|||
|
|
|
|||
|
|
setWorkPlanVisible = (bool) => {
|
|||
|
|
this.setState({ workPlanVisible: bool })
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|