1421 lines
79 KiB
JavaScript
1421 lines
79 KiB
JavaScript
import React from 'react';
|
||
import { Button, Row, Col, Modal, message} from 'antd';
|
||
import { inject, observer } from 'mobx-react';
|
||
import {routerShape} from 'react-router';
|
||
import { WeaTab, WeaTop, WeaSteps, WeaNewScroll, WeaRichText, WeaDialog, WeaTextarea, WeaBrowser, WeaRightMenu, WeaTools, WeaReqTop, WeaAlertPage } from 'ecCom';
|
||
import { toJS } from "mobx";
|
||
import { imgZoom} from '../../util/index';
|
||
import { WeaLocaleProvider } from 'ecCom';
|
||
const getLabel = WeaLocaleProvider.getLabel;
|
||
const confirm = Modal.confirm;
|
||
import "./index.less";
|
||
import TaskView from './TaskView';
|
||
import ProjectSub from '../single/project/ProjectSub';
|
||
import StageSetList from '../single/project/StageSetList';
|
||
import ResourcePage from '../single/project/ResourcePage';
|
||
import ProjectStastics from '../single/project/ProjectStastics';
|
||
import Ovreview from './cardContent/overview.js';
|
||
import PrjSelect from './prjSelect/prjSelect.js';
|
||
import PrjForm from "../prjForm.js";
|
||
import Edit from "./edit";
|
||
import { Count } from "./cardContent/count";
|
||
import { Header } from "./cardContent/header";
|
||
import { JlChild, jlParamsHandle, Daily, Log } from "../tools/dtConfig";
|
||
import Report from "../prjReport";
|
||
import ProjectDialog from '../dialog/projectDialog'
|
||
import SaveTemplateDialog from "../dialog/SaveTemplateDialog"
|
||
import ProjectShare from '../common/sharePage'
|
||
|
||
@inject("projectCardStore", "taskCardNewStore")
|
||
@observer
|
||
class ProjectCard extends React.Component {
|
||
static contextTypes = {
|
||
router: routerShape
|
||
}
|
||
static defaultProps = {
|
||
prefixCls: 'prj-portal'
|
||
};
|
||
constructor(props) {
|
||
super(props);
|
||
this.state = {
|
||
selectedKey: "1",
|
||
value: "3",
|
||
viewAttr: 3,
|
||
selectedDynamicTab: 0,
|
||
showDailyDiv: false,
|
||
showExDiv: false,
|
||
showReply: {},
|
||
showDailyEdit: {},
|
||
visible: false,
|
||
showRich: false,
|
||
richValue: '',
|
||
richValueChangeMethod: () =>{},
|
||
richMethod: () =>{},
|
||
isCreate:true,
|
||
workPlanVisible:false
|
||
};
|
||
}
|
||
|
||
componentDidMount() {
|
||
let dom = ReactDOM.findDOMNode(this);
|
||
imgZoom(dom, ".wea-cl-content");
|
||
const {projectCardStore,location,prjid} = this.props;
|
||
const {prjCardStore} = projectCardStore;
|
||
// const {prjid} = location.query;
|
||
if(prjid==''||prjid==null){
|
||
projectCardStore.setPrjid(location.query.prjid);
|
||
prjCardStore.getPrjTabs({prjid : location.query.prjid});
|
||
}else{
|
||
projectCardStore.setPrjid(prjid);
|
||
prjCardStore.getPrjTabs({prjid : prjid});
|
||
}
|
||
if (!window.weaWorkplan) {
|
||
// 异步加载别模块的静态资源
|
||
eventRegister.loadModule('f_workplan', () => {
|
||
prjCardStore.setLoaded(true)
|
||
}, () => {
|
||
// 加载文件失败 的业务处理， 网络超时，没文件之类
|
||
})
|
||
} else {
|
||
prjCardStore.setLoaded(true)
|
||
}
|
||
}
|
||
|
||
componentWillReceiveProps(nextProps, nextState) {
|
||
const {prjid}= this.props;
|
||
if(prjid==''||prjid==null){
|
||
const { selectedKey } = this.state;
|
||
const { projectCardStore, location } = nextProps;
|
||
const { topTab, prjCardStore, getRightMenu, getPortalProjectInfo, setPrjidFun } = projectCardStore;
|
||
const {prjid} = location.query;
|
||
projectCardStore.setPrjid(prjid);
|
||
prjCardStore.getPrjTabs({prjid : prjid});
|
||
const tabDatas1 = toJS(topTab);
|
||
if (tabDatas1) {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if(tabDatas1[i].shortname == "prjinfo" && tabDatas1[i].key == selectedKey) {//项目卡片
|
||
this.setState({ selectedDynamicTab: 0, showDailyDiv: false, showExDiv: false, showReply: {}, showRich: false });
|
||
let dom = ReactDOM.findDOMNode(this);
|
||
imgZoom(dom, ".wea-cl-content");
|
||
projectCardStore.setPrjid(prjid);
|
||
if (!window.weaWorkplan) {
|
||
// 异步加载别模块的静态资源
|
||
eventRegister.loadModule('f_workplan', () => {
|
||
prjCardStore.setLoaded(true)
|
||
}, () => {
|
||
// 加载文件失败 的业务处理， 网络超时，没文件之类
|
||
})
|
||
} else {
|
||
prjCardStore.setLoaded(true)
|
||
}
|
||
}else if (tabDatas1[i].shortname == "prjshare" && tabDatas1[i].key == selectedKey) {//项目共享
|
||
prjCardStore.prjid = prjid;
|
||
prjCardStore.getPrjShareList();
|
||
getRightMenu({'type':'prjshare'});
|
||
}else if(tabDatas1[i].shortname == "tasklist" && tabDatas1[i].key == selectedKey){//任务列表
|
||
getRightMenu({'type':'taskview'});
|
||
}else if(tabDatas1[i].key == selectedKey && tabDatas1[i].shortname == "gantt") { //甘特图
|
||
setPrjidFun(prjid);
|
||
getPortalProjectInfo();
|
||
}
|
||
}
|
||
}
|
||
}else{
|
||
const { selectedKey } = this.state;
|
||
const { projectCardStore, prjid } = nextProps;
|
||
const { topTab, prjCardStore, getRightMenu, setPrjidFun, getPortalProjectInfo } = projectCardStore;
|
||
projectCardStore.setPrjid(prjid);
|
||
prjCardStore.getPrjTabs({prjid : prjid});
|
||
const tabDatas1 = toJS(topTab);
|
||
if (tabDatas1) {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if(tabDatas1[i].shortname == "prjinfo" && tabDatas1[i].key == selectedKey) {//项目卡片
|
||
this.setState({ selectedDynamicTab: 0, showDailyDiv: false, showExDiv: false, showReply: {}, showRich: false });
|
||
let dom = ReactDOM.findDOMNode(this);
|
||
imgZoom(dom, ".wea-cl-content");
|
||
projectCardStore.setPrjid(prjid);
|
||
if (!window.weaWorkplan) {
|
||
// 异步加载别模块的静态资源
|
||
eventRegister.loadModule('f_workplan', () => {
|
||
prjCardStore.setLoaded(true)
|
||
}, () => {
|
||
// 加载文件失败 的业务处理， 网络超时，没文件之类
|
||
})
|
||
} else {
|
||
prjCardStore.setLoaded(true)
|
||
}
|
||
}else if (tabDatas1[i].shortname == "prjshare" && tabDatas1[i].key == selectedKey) {//项目共享
|
||
prjCardStore.prjid = prjid;
|
||
prjCardStore.getPrjShareList();
|
||
getRightMenu({'type':'prjshare'});
|
||
}else if(tabDatas1[i].shortname == "tasklist" && tabDatas1[i].key == selectedKey){//任务列表
|
||
setPrjidFun(prjid);
|
||
getRightMenu({'type':'taskview'});
|
||
}else if(tabDatas1[i].key == selectedKey && tabDatas1[i].shortname == "gantt") { //甘特图
|
||
setPrjidFun(prjid);
|
||
getPortalProjectInfo();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
componentDidUpdate(prevProps, prevState) {
|
||
let dom = ReactDOM.findDOMNode(this);
|
||
imgZoom(dom, ".wea-cl-content");
|
||
}
|
||
initPage = (v) => {
|
||
const { selectedKey } = this.state;
|
||
if (selectedKey === "1") { this.props.projectCardStore.setPrjid(v); }
|
||
}
|
||
render() {
|
||
const { prefixCls, projectCardStore, location, fromPortal, changeCallBack = () =>{}, dellCallBack } = this.props;
|
||
let prjid = this.props.prjid;
|
||
if(prjid==''||prjid==null){
|
||
prjid = location.query.prjid;
|
||
}
|
||
const { baseInfo, projectInfo:{fieldinfo}, loading, exchangeList, submitDaily, apiErr, canSubmitDaily, statistics: { rwzs }, projectInfo:{prjname}, projectInfoStore, getPortalProjectInfo, topTab, prjCardStore, getPortalProjectDynamicInfo,isright } = projectCardStore;
|
||
const { selectedDynamicTab, visible, showRich, richValue, selectedKey } = this.state;
|
||
const { manager, managericons, planbegindate, planenddate, stages, members, creatername, createdate } = baseInfo;
|
||
const overviewProp = { loading, manager, managericons, stages, planbegindate, planenddate };
|
||
const account = WeaTools.ls.getJSONObj('theme-account');
|
||
const checkOptions = [
|
||
{
|
||
title: getLabel('332','全部'),
|
||
index: 0
|
||
}, {
|
||
title: getLabel('20620','日报'),
|
||
index: 1
|
||
}, {
|
||
title: getLabel('518347','交流'),
|
||
index: 2
|
||
}, {
|
||
title: getLabel('83','日志'),
|
||
index: 3
|
||
}
|
||
];
|
||
const Elem = (
|
||
<div className='prj-dynamic-tab'>
|
||
{checkOptions.map((opt, index) => (<div className='prj-dynamic-tab-item' onClick={() => { this.changeDynamicTab(index);this.setState({richValue:''}); }}><span key={index} className={(index == selectedDynamicTab) ? "active" : ""}>{opt.title}</span></div>))}
|
||
</div>
|
||
);
|
||
const height = document.body.offsetHeight - $(".prj-portal-page .wea-new-top-wapper").height() - 56 - 225;
|
||
let scrollHeight = ($(".e9theme-layout-header").length > 0 || $(".e8theme-layout-header").length > 0) ? height - 55 - 20 : height - 20;
|
||
if(fromPortal){
|
||
scrollHeight = scrollHeight - 51;
|
||
}
|
||
const richSubmitfun = selectedDynamicTab == 1 ? submitDaily : this.dosubmit;
|
||
const richid = {
|
||
"1": "create_daily",
|
||
"2": "create_discuss"
|
||
}[selectedDynamicTab.toString()]
|
||
let richPlaceholder = {
|
||
"1": getLabel('518257','填写日报'),
|
||
"2": getLabel('518258','填写相关交流')
|
||
}[selectedDynamicTab.toString()];
|
||
const canSubmit = {
|
||
"1": canSubmitDaily,
|
||
"2": true
|
||
}[selectedDynamicTab.toString()];
|
||
if(!canSubmit){
|
||
richPlaceholder += '('+getLabel('520676','一天只能提交一次') +')';
|
||
}
|
||
const richProps = {
|
||
transfStr: this.transfStr,
|
||
richChange: this.richChange,
|
||
richSubmitfun: richSubmitfun,
|
||
showRichfun: this.showRichfun,
|
||
showDialogfun: this.showDialogfun,
|
||
setIsCreate: (bool) =>{this.setState({isCreate:bool})},
|
||
exchangeList,
|
||
richid,
|
||
showRich,
|
||
richPlaceholder,
|
||
loading,
|
||
canSubmit
|
||
}
|
||
const richDom = (hasEdit = true) => (<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@vabity`}>
|
||
<div className='dongtai-wraps' style={{ backgroundColor: '#ffffff', marginBottom: '10px', padding: "5px 20px" }}>
|
||
{hasEdit && <Edit ecId={`${this && this.props && this.props.ecId || ''}_Edit@nxmtt7`} {...richProps} />}
|
||
{this.getDynamicContent()}
|
||
</div>
|
||
</Row>);
|
||
if (apiErr === true) {
|
||
return (
|
||
Modal.warning({
|
||
title: getLabel('518351','发生错误'),
|
||
content: getLabel('504523','请联系管理员'),
|
||
onOk() { window.location.reload() }
|
||
})
|
||
)
|
||
}
|
||
|
||
const tabDatas1 = toJS(topTab);
|
||
const that = this;
|
||
let tabUrl = function (key) {
|
||
if (tabDatas1) {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if (tabDatas1[i].key == key && tabDatas1[i].shortname == "prjinfo") { //基本信息
|
||
return <React.Fragment ecId={`${this && this.props && this.props.ecId || ''}_Fragment@tnmll7`}>
|
||
<div className={`${prefixCls}-card-wrapper ${prefixCls}-card-wrapper-top`}>
|
||
<WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@k2e2ij`}
|
||
// className={`${prefixCls}-card-title`}
|
||
title={
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ricjeg`} span="20">
|
||
<div style={{ overflow: "hidden", textOverflow: "ellipsis",whiteSpace: "nowrap" }} title={prjname} ><span className={`${prefixCls}-main-card-title`}>{prjname}</span> </div>
|
||
<span className={`${prefixCls}-main-card-subTitle`}>（{creatername} {getLabel('127511','创建于') } {createdate}）</span>
|
||
</Col>
|
||
}
|
||
buttons={that.getButtons()}
|
||
showDropIcon={true}
|
||
dropMenuDatas={that.getRightMenu()}
|
||
onDropMenuClick={that.onRightMenuClick.bind(that)}
|
||
/>
|
||
{/* <Header /> */}
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@jqeejm`} style={{ backgroundColor: "#f5f5f5" }} >
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@bbu38w`} md={16} lg={17}>
|
||
<div className={`${prefixCls}-leftT-container`}>
|
||
<div style={{ width: "60%" }}>
|
||
<Ovreview ecId={`${this && this.props && this.props.ecId || ''}_Ovreview@99hvin`} overviewProp={overviewProp} />
|
||
</div>
|
||
<div className={`${prefixCls}-shu-border`}></div>
|
||
<div style={{ width: "40%", padding: "20px" }}>
|
||
<Count ecId={`${this && this.props && this.props.ecId || ''}_Count@7lp5xg`} />
|
||
</div>
|
||
</div>
|
||
<div className={`${prefixCls}-leftB-container`} >
|
||
<WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@f04w85`} height={scrollHeight} >
|
||
<PrjForm ecId={`${this && this.props && this.props.ecId || ''}_PrjForm@lbzsbk`} height={scrollHeight} fieldinfo={fieldinfo} hasTopTitle={true}/>
|
||
</WeaNewScroll>
|
||
</div>
|
||
</Col>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@1fsxhx`} md={8} lg={7}>
|
||
<div className={`${prefixCls}-right-container`} style={{ backgroundColor: "#fff", height: "100%" }}>
|
||
<div className={`${prefixCls}-dt-title`}>
|
||
<span className={`${prefixCls}-main-card-title`}>{getLabel('518262','项目动态')}</span>
|
||
</div>
|
||
{Elem}
|
||
<WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@58yi93`} height={scrollHeight - 50 - 30 + 225} className={`${prefixCls}-content-container`}>
|
||
{
|
||
{
|
||
'0': richDom(false),
|
||
'1': richDom(),
|
||
"2": richDom(),
|
||
'3': richDom(false)
|
||
}[selectedDynamicTab.toString()]
|
||
}
|
||
</WeaNewScroll>
|
||
</div>
|
||
</Col>
|
||
</Row>
|
||
</div>
|
||
<ProjectDialog ecId={`${this && this.props && this.props.ecId || ''}_ProjectDialog@kazq03`} contentStore={projectInfoStore} callBack={() =>{
|
||
if(fromPortal){
|
||
changeCallBack&&changeCallBack();
|
||
}
|
||
getPortalProjectInfo();
|
||
if(selectedDynamicTab==0){
|
||
getPortalProjectDynamicInfo("all");
|
||
}else if(selectedDynamicTab==3){
|
||
getPortalProjectDynamicInfo("log");
|
||
}
|
||
}}
|
||
dellCallBack={that.dellCallBack}
|
||
from={'portal'}
|
||
/>
|
||
<SaveTemplateDialog ecId={`${this && this.props && this.props.ecId || ''}_SaveTemplateDialog@c796wt`} prjCardStore={projectInfoStore}/>
|
||
|
||
{
|
||
prjCardStore.isreload && window.weaWorkplan && window.weaWorkplan.com && window.weaWorkplan.com.WorkPlanCreate &&
|
||
(<window.weaWorkplan.com.WorkPlanCreate ecId={`${this && this.props && this.props.ecId || ''}_WorkPlanCreate@7kcd4m`}
|
||
type={"create"}//新建为'create',查看为'preview',编辑edit,共享share
|
||
visible={that.state.workPlanVisible}//显隐受控
|
||
doClose={() => { that.setWorkPlanVisible(false); }}//关闭回调
|
||
onlyClose={() => { that.setWorkPlanVisible(false) }}//关闭回调,只做关闭操作
|
||
workPlanId={""} //日程id，1查看日程时用到
|
||
createConditionParams={[]}//创建的默认值日期和时间,没有传[]
|
||
activeKey={""} //查看页面显示的面板1是基本信息，7是相关交流
|
||
//{(key) => { }}//查看页面切换面板的回调
|
||
selectUser={account && account.userid}//新建日程的创建人id
|
||
workPlanTypeOptions={"2"}//客户模块的新建日程，普通新建传'',客户新建传3
|
||
crmIDs={[]}//通过客户模块新建日程，并自动带出相关客户,[{'id':'','name':''}]
|
||
projectid={prjid}
|
||
description={""}//客户模块需求，支持新建时传入的'基本信息-内容'
|
||
/>)
|
||
}
|
||
|
||
</React.Fragment>
|
||
} else if (tabDatas1[i].key == key && tabDatas1[i].shortname == "tasklist") {//任务列表
|
||
return <TaskView ecId={`${this && this.props && this.props.ecId || ''}_TaskView@0jdaft`} key={prjid} prjid={prjid} fromPortal={fromPortal} changeCallBack={() =>{changeCallBack();}}/>
|
||
} else if (tabDatas1[i].key == key && tabDatas1[i].shortname == "childprj") { //子项目
|
||
return <ProjectSub ecId={`${this && this.props && this.props.ecId || ''}_ProjectSub@zyco59`} key={prjid} prjid={prjid} fromPortal={fromPortal}/>
|
||
} else if (tabDatas1[i].key == key && tabDatas1[i].shortname == "prjshare") { //共享设置
|
||
return <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@3bb6dm`} datas={that.getRightMenu()} onClick={that.onRightMenuClick.bind(that)}>
|
||
<WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@rsu3ds`}
|
||
buttons={that.getButtons()}
|
||
showDropIcon={true}
|
||
dropMenuDatas={that.getRightMenu()}
|
||
onDropMenuClick={that.onRightMenuClick.bind(that)}
|
||
/>
|
||
<ProjectShare ecId={`${this && this.props && this.props.ecId || ''}_ProjectShare@w3r7yl`} key={prjid} prjid={prjid} fromPortal={fromPortal} contentStore={prjCardStore} title={getLabel(83816, "添加项目共享")} />
|
||
</WeaRightMenu>
|
||
} else if (tabDatas1[i].key == key && tabDatas1[i].shortname == "stareport") { //统计报告
|
||
return <ProjectStastics ecId={`${this && this.props && this.props.ecId || ''}_ProjectStastics@7tt2b5`} key={prjid} prjid={prjid} fromPortal={fromPortal}/>
|
||
} else if (tabDatas1[i].key == key && tabDatas1[i].shortname == "gantt") { //甘特图
|
||
return tabDatas1[i].linkurl; //"/proj/gantt/gantt.jsp?projectid=8&ProjID=8";
|
||
} else if (tabDatas1[i].key == key && tabDatas1[i].shortname == "stageset") { //阶段设置
|
||
return <StageSetList ecId={`${this && this.props && this.props.ecId || ''}_StageSetList@m1v0d4`} key={prjid} prjid={prjid} fromPortal={fromPortal}/>
|
||
} else if (tabDatas1[i].key == key && tabDatas1[i].shortname == "resources") { //相关资源
|
||
return <ResourcePage ecId={`${this && this.props && this.props.ecId || ''}_ResourcePage@8dg29c`} key={prjid} prjid={prjid} fromPortal={fromPortal}/>
|
||
} else if (tabDatas1[i].key == key && tabDatas1[i].shortname == "") {
|
||
if(tabDatas1[i].linkurl.indexOf("/main/prj/prjReport") > -1){
|
||
return <Report ecId={`${this && this.props && this.props.ecId || ''}_Report@mbceo1`} key={prjid} prjid={prjid} />;
|
||
}else if (tabDatas1[i].linkurl.indexOf("noright") > -1) {
|
||
return <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@kzdc08`} >
|
||
<div style={{ color: '#000' }}>
|
||
{getLabel(2012, "对不起，您暂时没有权限！")}
|
||
</div>
|
||
</WeaAlertPage>
|
||
} else {
|
||
return tabDatas1[i].linkurl;
|
||
}
|
||
}
|
||
}
|
||
return ""
|
||
}
|
||
}(selectedKey);
|
||
|
||
const editHeight = window.screen.width>=1920?"600px":"400px";
|
||
if (!isright) {
|
||
return <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@ytwc43`} >
|
||
<div style={{ color: '#000' }}>
|
||
{getLabel(2012, "对不起，您暂时没有权限！")}
|
||
</div>
|
||
</WeaAlertPage>
|
||
}else{
|
||
return (
|
||
<div className="prj-portal-page">
|
||
<WeaRightMenu>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@7dmtqj`}>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@u8nkdk`} span='10'>
|
||
<WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@ualn0w`}
|
||
title={
|
||
fromPortal?'':
|
||
<PrjSelect ecId={`${this && this.props && this.props.ecId || ''}_PrjSelect@woaf7u`} value={prjid} title={prjname} onChange={v =>{
|
||
this.forwardProjectCard(v);
|
||
}} />
|
||
}
|
||
icon={fromPortal?'':<i className='icon-coms-project' />}
|
||
iconBgcolor={fromPortal?'':'#217346'}
|
||
/>
|
||
</Col>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@c9vgnf`} span='14' style={{
|
||
backgroundColor: '#f9f9f9',
|
||
borderBottom: '1px solid #eaeaea',
|
||
height: '51px'
|
||
}}>
|
||
<WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@r2si9j`}
|
||
style={{float:'right',maxWidth:'100%'}}
|
||
datas={topTab}
|
||
keyParam="viewcondition" //主键
|
||
selectedKey={this.state.selectedKey}
|
||
onChange={v => {this.changeTab(v);}}
|
||
/>
|
||
</Col>
|
||
</Row>
|
||
<div className="prj-portal-content" style={{background:'#ffffff',height:fromPortal?'100%':'94%'}}>
|
||
{
|
||
typeof tabUrl === "object" ? <WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@1scq1d`} scrollId='prj-req-content-main-scroll' height={fromPortal?'88%':'100%'}>
|
||
{
|
||
tabUrl
|
||
}
|
||
</WeaNewScroll> :
|
||
<iframe src={tabUrl} id="prjtabiframe" name="prjtabiframe" className="flowFrame" frameborder="0" width="100%" height={fromPortal?'88%':'100%'} />
|
||
}
|
||
</div>
|
||
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@tint1h`}
|
||
title={getLabel(433,"描述")}
|
||
icon='icon-coms-project'
|
||
iconBgcolor='#217346'
|
||
visible={visible}
|
||
buttons={[
|
||
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@t520fv@submit`} type="primary" onClick={() => { this.getRichSubmitfun('create'); this.showDialogfun(false) }}>{getLabel(383336, "提交")}</Button>,
|
||
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@02qxsf@cancel`} type="ghost" onClick={() => this.setState({ visible: false })}>{getLabel(201,"取消")}</Button>
|
||
]}
|
||
onCancel={() => this.setState({ visible: false })}
|
||
style={{ width: 'calc(100% - 200px)', height: editHeight }}
|
||
>
|
||
<Edit ecId={`${this && this.props && this.props.ecId || ''}_Edit@gd8lus`} transfStr={this.transfStr} richChange={this.richChange} richid={richid} value={richValue} visibleDialog={true} exchangeList={exchangeList} loading={loading} />,
|
||
</WeaDialog>
|
||
</WeaRightMenu>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
}
|
||
showDialogfun = (visible) => {
|
||
this.setState({ visible })
|
||
}
|
||
|
||
|
||
getTopButtons = () => {
|
||
const { projectCardStore: { topTab, prjid, prjCardStore } } = this.props;
|
||
let buttons = [];
|
||
buttons.push(<WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@hpayry`}
|
||
datas={topTab}
|
||
keyParam="viewcondition" //主键
|
||
selectedKey={this.state.selectedKey}
|
||
onChange={v => {this.changeTab(v);}}
|
||
/>);
|
||
return buttons
|
||
}
|
||
|
||
huifuHandle = (item,type) => {
|
||
let { showReply } = this.state;
|
||
let showReply1 = showReply;
|
||
showReply1[item.id] = !showReply1[item.id];
|
||
this.setState({ showReply: showReply1 });
|
||
}
|
||
|
||
shanchuHandle = () => {
|
||
}
|
||
|
||
bianjiHandle = (item,tabKey) => {
|
||
let { showDailyEdit } = this.state;
|
||
let showDailyEdit1 = showDailyEdit;
|
||
showDailyEdit1[item.id] = !showDailyEdit1[item.id];
|
||
this.setState({richValue:item.content});
|
||
this.setState({ showDailyEdit: showDailyEdit1 });
|
||
this.setState({richMethod:(v) =>{this.editDaily(item.id,tabKey);}});
|
||
this.setState({richValueChangeMethod:(text) =>{this.setState({richValue:text});}});
|
||
this.setState({isCreate:false});
|
||
}
|
||
|
||
tijiaoHandle = (showReply, submitType) => {
|
||
const { saveReply } = this.props.projectCardStore;
|
||
saveReply(item.id, submitType);
|
||
let showReply1 = showReply;
|
||
showReply1[item.id] = !showReply1[item.id];
|
||
this.setState({ showReply: showReply1 });
|
||
}
|
||
|
||
getDynamicContent = () => {
|
||
let datas = [];
|
||
let { selectedDynamicTab, showReply, showDailyEdit } = this.state;
|
||
const { exchangeList, logList, _BrowserList, prjid, dailys, setReply, saveReply, alldatas } = this.props.projectCardStore;
|
||
let _exchangeList = toJS(exchangeList);
|
||
if (selectedDynamicTab == 0) {
|
||
alldatas.datas && alldatas.datas.map((item, index) => {
|
||
const { type } = item;
|
||
if (type == 1) {
|
||
datas.push(
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@flwua7@${index}`} style={{ borderBottom: '1px solid #E2E2E2', marginTop: '20px' }}>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@h9g5ws@${index}`} span="3">
|
||
<img src={item.creater.imgurl} className="manager-img" style={{ marginLeft: "0px" }} />
|
||
</Col>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@20fa9j@${index}`} span="21">
|
||
{
|
||
showDailyEdit[item.id]?
|
||
<div>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@r3nc2h@${index}`} className='exchange-row'>
|
||
<a href={'javaScript:openhrm(' + item.creater.id + ');'} onClick={e => window.pointerXY(e)} >
|
||
<span className='exchange-hrm'>{item.creater.name}: </span>
|
||
</a>
|
||
</Row>
|
||
<Edit ecId={`${this && this.props && this.props.ecId || ''}_Edit@bfcxz9@${index}`}
|
||
richid={`${item.id}_daily`}
|
||
showRichfun={this.showRichfun}
|
||
showDialogfun={this.showDialogfun}
|
||
value={item.content}
|
||
transfStr={this.transfStr}
|
||
showRich={true}
|
||
richChange={(text) =>{this.setState({richValue:text});}}
|
||
richSubmitfun={(v) =>{this.editDaily(item.id,0);}}
|
||
showRichfun={(bool) =>{
|
||
let showDailyEdit1 = showDailyEdit;
|
||
showDailyEdit1[item.id] = bool;
|
||
this.setState({ showDailyEdit: showDailyEdit1 });
|
||
}}
|
||
exchangeList={_exchangeList}
|
||
loading={false}
|
||
/>
|
||
</div>:
|
||
<div>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@rnv1x4@${index}`} className='exchange-row'>
|
||
<a href={'javaScript:openhrm(' + item.creater.id + ');'} onClick={e => window.pointerXY(e)} >
|
||
<span className='exchange-hrm'>{item.creater.name}: </span>
|
||
</a>
|
||
<span dangerouslySetInnerHTML={{ __html: item.content }}></span>
|
||
</Row>
|
||
<span className='exchange-date'>{item.createdate + ' ' + item.createtime}</span>
|
||
<span style={{ float: 'right' }}>
|
||
{item.canEdit&&<span className='exchange-operate' onClick={() => {
|
||
this.deleteDaily(item.id,0);
|
||
}}><a>{getLabel(131966,"删除")}</a>
|
||
</span>}
|
||
{item.canEdit&&<span className='exchange-operate' onClick={() => this.bianjiHandle(item,0)}><a>{getLabel(126036, "编辑")}</a>
|
||
</span>}
|
||
<span className='exchange-operate' onClick={() => this.huifuHandle(item)}><a>{getLabel('128123', '回复')}</a>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
}
|
||
{
|
||
item.replys&&item.replys.map((item,index) =>{
|
||
return <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@cug4w3@${index}`} style={{padding:0}}>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@t6pmar@${index}`} style={{padding:0}}>
|
||
<span className='exchange-hrm'>
|
||
<a href={'javaScript:openhrm('+item.creater.id+');'} onClick={e => window.pointerXY(e)} >
|
||
<span className='exchange-hrm'>{item.creater.name} </span>
|
||
</a>
|
||
</span>
|
||
<span className='exchange-date'>{item.createdate+' '+item.createtime}</span>
|
||
</Row>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@yutxbk@${index}`} style={{ padding: 0 }}>
|
||
<span dangerouslySetInnerHTML={{ __html: getLabel('128123','回复')+'：' + item.content }}></span>
|
||
</Row>
|
||
</Row>
|
||
})
|
||
}
|
||
{showReply[item.id]&&<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@ehqpsk@${index}`} style={{padding:0}}>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@xk5owc@${index}`} style={{padding:0}}>
|
||
<WeaTextarea ecId={`${this && this.props && this.props.ecId || ''}_WeaTextarea@zgu9oj@${index}`} viewAttr={2} onChange={(v) =>{setReply(v)}} />
|
||
</Row>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@vlul1o@${index}`} style={{padding:'5px 0'}}>
|
||
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@c53k19@${index}`} key="submit" type="primary" size="small" style={{ display: 'inline-block', borderRadius: '3px', float: 'right' }} onClick={() => {
|
||
saveReply(item.id,"all");
|
||
let showReply1 = showReply;
|
||
showReply1[item.id]=!showReply1[item.id];
|
||
this.setState({showReply:showReply1});
|
||
}} >{getLabel(383336,"提交")}</Button>
|
||
</Row>
|
||
</Row>}
|
||
</Col>
|
||
</Row>
|
||
)
|
||
} else if (type == 2) {
|
||
let BrowserList = toJS(_BrowserList);
|
||
const sortid = prjid;
|
||
let wf_auth_url = _exchangeList ? _exchangeList.wf_auth_url : "";
|
||
let doc_auth_url = _exchangeList ? _exchangeList.doc_auth_url : "";
|
||
let acc_auth_url = _exchangeList ? _exchangeList.acc_auth_url : "";
|
||
|
||
let browserParam = {
|
||
hasAddBtn: false,
|
||
hasAdvanceSerach: true,
|
||
idSeparator: ",",
|
||
isAutoComplete: 1,
|
||
isDetail: 0,
|
||
isMultCheckbox: false,
|
||
isSingle: true,
|
||
linkUrl: "/hrm/resource/HrmResource.jsp?id=",
|
||
pageSize: 10,
|
||
quickSearchName: "",
|
||
title: getLabel(383424,"人力资源"),
|
||
type: "1",
|
||
viewAttr: 1,
|
||
}
|
||
Array.isArray(BrowserList.datas) && BrowserList.datas.map((element, index) => {
|
||
if (element.id == item.id && element.type == 2) {
|
||
let replaceDatas = [];
|
||
replaceDatas.push(element.creater);
|
||
element['id'] == BrowserList[element['id']];
|
||
let showDom = element.isEdit == true ?
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@bciwch@${index}`}>
|
||
<WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@hv6h2k@${index}`} height='252px'>
|
||
<div style={{ backgroundColor: '#ffffff', height: '242px', marginBottom: '10px' }}>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@7x6117@${index}`}>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@jhk0is`} span={3}>
|
||
<img className="manager-img" src={`${element.creater.imgurl}`} style={{ borderRadius: '20px' }} />
|
||
</Col>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@5wrvs9`} span={21}>
|
||
<div className="jiaoliu-box">
|
||
<WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@h23w9z`} {...browserParam} replaceDatas={replaceDatas} style={{ display: 'inline-block' }} />
|
||
</div>
|
||
</Col>
|
||
</Row>
|
||
<Edit ecId={`${this && this.props && this.props.ecId || ''}_Edit@p1asze@${index}`}
|
||
richid={`${element.id}_discuss`}
|
||
showRichfun={this.showRichfun}
|
||
showDialogfun={this.showDialogfun}
|
||
value={BrowserList[element.id].remark}
|
||
transfStr={this.transfStr}
|
||
showRich={true}
|
||
richChange={(text) =>{this.onChange(element.id, text);this.setState({richValue:text});}}
|
||
richSubmitfun={(v) =>{this.dosubmit(element.id)}}
|
||
showRichfun={(bool) =>{this.docancel(index,bool)}}
|
||
exchangeList={_exchangeList}
|
||
loading={false}
|
||
/>
|
||
</div>
|
||
</WeaNewScroll>
|
||
</Row>
|
||
: <div style={{ borderBottom: '1px solid #E2E2E2', backgroundColor: '#ffffff',marginTop:'20px' }}>
|
||
<JlChild ecId={`${this && this.props && this.props.ecId || ''}_JlChild@vai46t@${index}`} element={element} replaceDatas={replaceDatas} sortid={sortid} wf_auth_url={wf_auth_url} doc_auth_url={doc_auth_url} acc_auth_url={acc_auth_url} />
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@yntbeo@${index}`}>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ccdb3g@${index}`} span={3}></Col>
|
||
<span style={{ color: '#999999' }}>
|
||
{element.time}
|
||
</span>
|
||
{
|
||
element.canedit ? (
|
||
<span
|
||
className="wea-mbwcbr-item icon-coms-edit"
|
||
style={{ cursor: 'pointer', position: 'absolute', right: '70px', color: '#b2b2b2' }}
|
||
onClick={() => {
|
||
this.edit(element.id);
|
||
this.setState({richValue:BrowserList[element.id].remark});
|
||
this.setState({richMethod:(v) =>{this.dosubmit(element.id)}});
|
||
this.setState({richValueChangeMethod:(text) =>{this.onChange(element.id, text);this.setState({richValue:text})}});
|
||
this.setState({isCreate:false});
|
||
}}
|
||
><span style={{ fontSize: "12px", color: '#666666' }}> {`${getLabel(126036, "编辑")}`}</span></span>
|
||
) : ""
|
||
}
|
||
{
|
||
element.canedit ? (
|
||
<span
|
||
className="wea-mbwcbr-item icon-coms-delete"
|
||
onClick={() => this.delete(element.id)}
|
||
style={{ position: 'absolute', right: '10px', cursor: 'pointer', color: '#b2b2b2' }}
|
||
><span style={{ fontSize: "12px", color: '#666666' }}> {`${getLabel(131966, "删除")}`}</span></span>
|
||
) : ""
|
||
}
|
||
</Row>
|
||
</div>
|
||
datas.push(showDom);
|
||
}
|
||
})
|
||
} else if (type == 3) {
|
||
datas.push(<Log ecId={`${this && this.props && this.props.ecId || ''}_Log@beb5kp@${index}`} {...item} />);
|
||
}
|
||
})
|
||
} else if (selectedDynamicTab == 1) {
|
||
dailys && dailys.map((item, index) => {
|
||
datas.push(
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@mau6uq@${index}`} style={{ borderBottom: '1px solid #E2E2E2', marginTop: '20px' }}>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@duk0rm@${index}`} span="3">
|
||
<img src={item.creater.imgurl} className="manager-img" style={{ marginLeft: "0px" }} />
|
||
</Col>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@yuskfc@${index}`} span="21">
|
||
{
|
||
showDailyEdit[item.id]?
|
||
<div>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@tt3mr3@${index}`} className='exchange-row'>
|
||
<a href={'javaScript:openhrm(' + item.creater.id + ');'} onClick={e => window.pointerXY(e)} >
|
||
<span className='exchange-hrm'>{item.creater.name}: </span>
|
||
</a>
|
||
</Row>
|
||
<Edit ecId={`${this && this.props && this.props.ecId || ''}_Edit@dxrirm@${index}`}
|
||
richid={`${item.id}_daily`}
|
||
showRichfun={this.showRichfun}
|
||
showDialogfun={this.showDialogfun}
|
||
value={item.content}
|
||
transfStr={this.transfStr}
|
||
showRich={true}
|
||
richChange={(text) =>{this.setState({richValue:text});}}
|
||
richSubmitfun={(v) =>{this.editDaily(item.id,1);}}
|
||
showRichfun={(bool) =>{
|
||
let showDailyEdit1 = showDailyEdit;
|
||
showDailyEdit1[item.id] = bool;
|
||
this.setState({ showDailyEdit: showDailyEdit1 });
|
||
}}
|
||
exchangeList={_exchangeList}
|
||
loading={false}
|
||
/>
|
||
</div>:
|
||
<div>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@agfnwo@${index}`} className='exchange-row'>
|
||
<a href={'javaScript:openhrm(' + item.creater.id + ');'} onClick={e => window.pointerXY(e)} >
|
||
<span className='exchange-hrm'>{item.creater.name}: </span>
|
||
</a>
|
||
<span dangerouslySetInnerHTML={{ __html: item.content }}></span>
|
||
</Row>
|
||
<span className='exchange-date'>{item.createdate + ' ' + item.createtime}</span>
|
||
<span style={{ float: 'right' }}>
|
||
{item.canEdit&&<span className='exchange-operate' onClick={() => {
|
||
this.deleteDaily(item.id,1);
|
||
}}><a>{getLabel(131966,"删除")}</a>
|
||
</span>}
|
||
{item.canEdit&&<span className='exchange-operate' onClick={() => this.bianjiHandle(item,1)}><a>{getLabel(126036, "编辑")}</a>
|
||
</span>}
|
||
<span className='exchange-operate' onClick={() => this.huifuHandle(item)}><a>{getLabel('128123', '回复')}</a>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
}
|
||
{
|
||
item.replys&&item.replys.map((item,index) =>{
|
||
return <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@5udlcs@${index}`} style={{padding:0}}>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@mpvsg9@${index}`} style={{padding:0}}>
|
||
<span className='exchange-hrm'>
|
||
<a href={'javaScript:openhrm('+item.creater.id+');'} onClick={e => window.pointerXY(e)} >
|
||
<span className='exchange-hrm'>{item.creater.name} </span>
|
||
</a>
|
||
</span>
|
||
<span className='exchange-date'>{item.createdate+' '+item.createtime}</span>
|
||
</Row>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@mdu1xj@${index}`} style={{ padding: 0 }}>
|
||
<span dangerouslySetInnerHTML={{ __html: getLabel('128123','回复')+'：' + item.content }}></span>
|
||
</Row>
|
||
</Row>
|
||
})
|
||
}
|
||
{showReply[item.id]&&<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@d0alaw@${index}`} style={{padding:0}}>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@s2til0@${index}`} style={{padding:0}}>
|
||
<WeaTextarea ecId={`${this && this.props && this.props.ecId || ''}_WeaTextarea@ognkq9@${index}`} viewAttr={2} onChange={(v) =>{setReply(v)}} />
|
||
</Row>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@cmgwll@${index}`} style={{padding:'5px 0'}}>
|
||
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@iq8rmy@${index}`} key="submit" type="primary" size="small" style={{ display: 'inline-block', borderRadius: '3px', float: 'right' }} onClick={() => {
|
||
saveReply(item.id,"daily");
|
||
let showReply1 = showReply;
|
||
showReply1[item.id]=!showReply1[item.id];
|
||
this.setState({showReply:showReply1});
|
||
}} >{getLabel(383336,"提交")}</Button>
|
||
</Row>
|
||
</Row>}
|
||
</Col>
|
||
</Row>
|
||
)
|
||
})
|
||
}else if(selectedDynamicTab==2){
|
||
let BrowserList = toJS(_BrowserList);
|
||
const sortid = prjid;
|
||
let exchangeListDatas = _exchangeList ? _exchangeList.datas : [];
|
||
let wf_auth_url = _exchangeList ? _exchangeList.wf_auth_url : "";
|
||
let doc_auth_url = _exchangeList ? _exchangeList.doc_auth_url : "";
|
||
let acc_auth_url = _exchangeList ? _exchangeList.acc_auth_url : "";
|
||
|
||
//相关附件--relateddoc
|
||
let browserParam = {
|
||
hasAddBtn: false,
|
||
hasAdvanceSerach: true,
|
||
idSeparator: ",",
|
||
isAutoComplete: 1,
|
||
isDetail: 0,
|
||
isMultCheckbox: false,
|
||
isSingle: true,
|
||
linkUrl: "/hrm/resource/HrmResource.jsp?id=",
|
||
pageSize: 10,
|
||
quickSearchName: "",
|
||
title: getLabel(383424,"人力资源"),
|
||
type: "1",
|
||
viewAttr: 1,
|
||
}
|
||
Array.isArray(BrowserList.datas) && BrowserList.datas.map((element, index) => {
|
||
if (index != 0) {
|
||
let replaceDatas = [];
|
||
replaceDatas.push(element.creater);
|
||
element['id'] == BrowserList[element['id']]
|
||
|
||
let showDom = element.isEdit == true ?
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@d6aj8y@${index}`}>
|
||
<WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@jcu3ch@${index}`} height='252px'>
|
||
<div style={{ backgroundColor: '#ffffff', height: '242px', marginBottom: '10px' }}>
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@hpomos@${index}`}>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@e5udym`} span={3}>
|
||
<img className="manager-img" src={`${element.creater.imgurl}`} style={{ borderRadius: '20px' }} />
|
||
</Col>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ym7c8v`} span={21}>
|
||
<div className="jiaoliu-box">
|
||
<WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@78q9lg`} {...browserParam} replaceDatas={replaceDatas} style={{ display: 'inline-block' }} />
|
||
</div>
|
||
</Col>
|
||
</Row>
|
||
<Edit ecId={`${this && this.props && this.props.ecId || ''}_Edit@dgxlww@${index}`}
|
||
richid={`${element.id}_discuss`}
|
||
showRichfun={this.showRichfun}
|
||
showDialogfun={this.showDialogfun}
|
||
value={BrowserList[element.id].remark}
|
||
transfStr={this.transfStr}
|
||
showRich={true}
|
||
richChange={(text) =>{this.onChange(element.id, text);this.setState({richValue:text});}}
|
||
richSubmitfun={(v) =>{this.dosubmit(element.id)}}
|
||
showRichfun={(bool) =>{this.docancel(index,bool)}}
|
||
exchangeList={_exchangeList}
|
||
loading={false}
|
||
/>
|
||
</div>
|
||
</WeaNewScroll>
|
||
</Row>
|
||
: <div style={{ borderBottom: '1px solid #E2E2E2', backgroundColor: '#ffffff', marginTop: '20px' }}>
|
||
<JlChild ecId={`${this && this.props && this.props.ecId || ''}_JlChild@52qd3z@${index}`} element={element} replaceDatas={replaceDatas} sortid={sortid} wf_auth_url={wf_auth_url} doc_auth_url={doc_auth_url} acc_auth_url={acc_auth_url} />
|
||
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@sp291v@${index}`}>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@k36aal@${index}`} span={3}></Col>
|
||
<span style={{ color: '#999999' }}>
|
||
{element.time}
|
||
</span>
|
||
{
|
||
element.canedit ? (
|
||
<span
|
||
className="wea-mbwcbr-item icon-coms-edit"
|
||
style={{ cursor: 'pointer', position: 'absolute', right: '70px', color: '#b2b2b2' }}
|
||
onClick={() => {
|
||
this.edit(element.id);
|
||
this.setState({richValue:BrowserList[element.id].remark});
|
||
this.setState({richMethod:(v) =>{this.dosubmit(element.id)}});
|
||
this.setState({richValueChangeMethod:(text) =>{this.onChange(element.id, text);this.setState({richValue:text})}});
|
||
this.setState({isCreate:false});
|
||
}}
|
||
><span style={{ fontSize: "12px", color: '#666666' }}> {`${getLabel(126036, "编辑")}`}</span></span>
|
||
) : ""
|
||
}
|
||
{
|
||
element.canedit ? (
|
||
<span
|
||
className="wea-mbwcbr-item icon-coms-delete"
|
||
onClick={() => this.delete(element.id)}
|
||
style={{ position: 'absolute', right: '10px', cursor: 'pointer', color: '#b2b2b2' }}
|
||
><span style={{ fontSize: "12px", color: '#666666' }}> {`${getLabel(131966, "删除")}`}</span></span>
|
||
) : ""
|
||
}
|
||
</Row>
|
||
</div>
|
||
datas.push(showDom);
|
||
}
|
||
})
|
||
exchangeListDatas && exchangeListDatas.length == 1 && datas.push(<div style={{ textAlign: 'center', height: '85px' }}>
|
||
<span className="icon-blog-Unhappy" style={{ display: 'inline-block', marginTop: '30px' }}><span style={{ paddingLeft: '5px' }}>{getLabel(383567, "暂无相关交流")}</span></span>
|
||
</div>)
|
||
} else if (selectedDynamicTab == 3) {
|
||
logList && logList.map((item, index) => {
|
||
datas.push(<Log ecId={`${this && this.props && this.props.ecId || ''}_Log@ijqehw@${index}`} {...item} />);
|
||
})
|
||
}
|
||
return datas;
|
||
}
|
||
|
||
richChange = (text) => {
|
||
const { projectCardStore: { setDaily } } = this.props;
|
||
const { selectedDynamicTab, isCreate, richValueChangeMethod } = this.state;
|
||
if(isCreate){
|
||
this.setState({richValue:text});
|
||
if(selectedDynamicTab == 1){
|
||
setDaily(text);
|
||
}else if(selectedDynamicTab == 2){
|
||
this.onChange('create', text);
|
||
}
|
||
}else{
|
||
richValueChangeMethod(text);
|
||
}
|
||
}
|
||
|
||
showRichfun = (bool) => {
|
||
this.setState({ showRich: bool })
|
||
}
|
||
|
||
dosubmit = (id) => {
|
||
const {exchangeSave,_BrowserList,setBrowserList,prjid} = this.props.projectCardStore;
|
||
let BrowserList = toJS(_BrowserList);
|
||
let oldBrowserList = { ...BrowserList }
|
||
const sortid = prjid;
|
||
let params = oldBrowserList[id];
|
||
let mewParams = { ...params }
|
||
let canSubmit = false;
|
||
for (let key in mewParams) {
|
||
if (key != 'id' && key != 'sortid') {
|
||
if (key == 'remark') {
|
||
if (mewParams[key]) {
|
||
canSubmit = true
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
if (params.docids.length == 0) {
|
||
delete mewParams.docids
|
||
}
|
||
if (params.projectids.length == 0) {
|
||
delete mewParams.projectids
|
||
}
|
||
if (params.relatedcus.length == 0) {
|
||
delete mewParams.relatedcus
|
||
}
|
||
if (params.relateddoc.length == 0) {
|
||
delete mewParams.relateddoc
|
||
}
|
||
if (params.relatedprj.length == 0) {
|
||
delete mewParams.relatedprj
|
||
}
|
||
if (params.relatedwf.length == 0) {
|
||
delete mewParams.relatedwf
|
||
}
|
||
if (params.docids.length > 0) {
|
||
let docidsarr = []
|
||
params.docids.forEach((_e, _index) => {
|
||
docidsarr.push(_e['id']);
|
||
})
|
||
mewParams.docids = docidsarr.join(',');
|
||
}
|
||
if (params.projectids.length > 0) {
|
||
let projectidssarr = []
|
||
params.projectids.forEach((_e, _index) => {
|
||
projectidssarr.push(_e['id']);
|
||
})
|
||
mewParams.projectids = projectidssarr.join(',');
|
||
|
||
}
|
||
if (params.relatedcus.length > 0) {//客户和任务有问题
|
||
let relatedcusarr = []
|
||
params.relatedcus.forEach((_e, _index) => {
|
||
relatedcusarr.push(_e['id']);
|
||
})
|
||
mewParams.relatedcus = relatedcusarr.join(',');
|
||
|
||
}
|
||
if (params.relateddoc.length > 0) {
|
||
let relateddocarr = []
|
||
params.relateddoc.forEach((_e, _index) => {
|
||
relateddocarr.push(_e['id']);
|
||
})
|
||
mewParams.relateddoc = relateddocarr.join(',');
|
||
|
||
}
|
||
if (params.relatedprj.length > 0) {
|
||
let relatedprjarr = []
|
||
params.relatedprj.forEach((_e, _index) => {
|
||
relatedprjarr.push(_e['id']);
|
||
})
|
||
mewParams.relatedprj = relatedprjarr.join(',');
|
||
|
||
}
|
||
if (params.relatedwf.length > 0) {
|
||
let relatedwfarr = []
|
||
params.relatedwf.forEach((_e, _index) => {
|
||
relatedwfarr.push(_e['id']);
|
||
})
|
||
mewParams.relatedwf = relatedwfarr.join(',');
|
||
|
||
}
|
||
mewParams['id'] = id == 'create' ? '' : id;
|
||
mewParams['sortid'] = sortid;
|
||
let stateBrowserList = { ...BrowserList };
|
||
stateBrowserList['create']['docids'] = []
|
||
stateBrowserList['create']['projectids'] = []
|
||
stateBrowserList['create']['relatedcus'] = []
|
||
stateBrowserList['create']['relateddoc'] = []
|
||
stateBrowserList['create']['relatedprj'] = []
|
||
stateBrowserList['create']['relatedwf'] = []
|
||
stateBrowserList['create']['remark'] = ''
|
||
|
||
if (canSubmit) {
|
||
setBrowserList(stateBrowserList);
|
||
exchangeSave(mewParams);
|
||
this.setState({showExDiv:false});
|
||
} else {
|
||
message.error(getLabel(126982,"请填写内容"));
|
||
}
|
||
}
|
||
|
||
docancel = (e,flag=false) => {
|
||
const {exchangeList,changeDiscussList} = this.props.projectCardStore;
|
||
let _exchangeList = toJS(exchangeList);
|
||
let oldexchangeList = { ..._exchangeList }
|
||
oldexchangeList.datas.forEach((element, index) => {
|
||
if (e == index) {
|
||
element.isEdit = flag;
|
||
}
|
||
})
|
||
changeDiscussList(oldexchangeList)
|
||
}
|
||
|
||
transfStr = (name = '', ids = '', list = [], type = '', id = '') => {
|
||
const {_BrowserList,setBrowserList,exchangeList,prjid} = this.props.projectCardStore;
|
||
let BrowserList = toJS(_BrowserList);
|
||
let _exchangeList = toJS(exchangeList);
|
||
let acc_auth_url = _exchangeList ? _exchangeList.acc_auth_url : "";
|
||
let sortid = prjid;
|
||
let str = '';
|
||
let idsArr = [];
|
||
const mirror = {
|
||
37: "doc",
|
||
prjtsk: "task",
|
||
18: "crm",
|
||
152: "workflow",
|
||
135: "project",
|
||
workplan: "workplan",
|
||
blogTemplate: "blogTemplate"
|
||
}
|
||
const browserType = {
|
||
37: "docids",
|
||
prjtsk: "relatedprj",
|
||
18: "relatedcus",
|
||
152: "relatedwf",
|
||
135: "projectids",//项目
|
||
Upload: "relateddoc",//附件
|
||
}
|
||
list.map(item => {
|
||
if (name === 'Browser') {
|
||
let urlstr=this.openProjectAppLink(mirror[type],item.id,sortid);
|
||
str +=` <a href='${urlstr}' target='new' linkid='${item.id}' linkType='${mirror[type]}' unselectable='off' contenteditable='false' style='cursor:pointer;text-decoration:underline !important;margin-right:8px'>${item.name || item.showname}</a> `
|
||
idsArr.push(item.id)
|
||
}
|
||
if (name === 'Upload' && type === 'image') {
|
||
str += ' <img class="formImgPlay" src="' + item.imgSrc + '" onclick="ecCom.WeaRichText.playImg(this)" data-imgsrc="' + item.imgSrc + '" /> '
|
||
}
|
||
if (name === 'Upload' && type === 'file') {
|
||
str += ` <a onclick='openProjectDiscussDoc(this,${ids[0]},${sortid},${acc_auth_url})' unselectable='off' contenteditable='false' style='cursor:pointer;text-decoration:underline !important;margin-right:8px'>${item.filename}</a> `
|
||
if (item.showLoad) {
|
||
let urlstr=item.loadlink+"&sortid="+sortid;
|
||
str += `<a href='${urlstr}' target='_blank' unselectable='off' contenteditable='false' style='cursor:pointer;text-decoration:underline !important;margin-right:8px'>${getLabel(258,"下载")}(${item.filesize})</a> `
|
||
}
|
||
}
|
||
})
|
||
|
||
let oldBrowserList = { ...BrowserList };
|
||
if (oldBrowserList[id] == undefined) {
|
||
oldBrowserList[id] = {};
|
||
}
|
||
if (name != 'Upload') {
|
||
oldBrowserList[id][browserType[type]] = list;
|
||
} else {
|
||
oldBrowserList[id]['relateddoc'].push({ id: ids[0] })
|
||
|
||
}
|
||
setBrowserList(oldBrowserList);
|
||
return str
|
||
}
|
||
|
||
onChange = (id, text) => {
|
||
const {_BrowserList,setBrowserList} = this.props.projectCardStore;
|
||
let BrowserList = toJS(_BrowserList);
|
||
let oldBrowserList = { ...BrowserList };
|
||
if (oldBrowserList[id] == undefined) {
|
||
oldBrowserList[id] = {};
|
||
}
|
||
oldBrowserList[id]['remark'] = text;
|
||
setBrowserList(oldBrowserList);
|
||
}
|
||
|
||
edit = (_id) => {
|
||
const {exchangeList,changeDiscussList,_BrowserList,setBrowserList} = this.props.projectCardStore;
|
||
let _exchangeList = toJS(exchangeList);
|
||
let BrowserList = toJS(_BrowserList);
|
||
let oldBrowserList = { ...BrowserList };
|
||
let oldexchangeList = { ..._exchangeList }
|
||
oldexchangeList.datas.forEach((element, index) => {
|
||
if (_id == element['id']) {
|
||
element.isEdit = true;
|
||
if (oldBrowserList[_id] == undefined) {
|
||
oldBrowserList[_id] = {};
|
||
}
|
||
oldBrowserList[_id].relatedwf = element.relatedwf;
|
||
oldBrowserList[_id].docids = element.docids;
|
||
oldBrowserList[_id].projectids = element.projectids;
|
||
oldBrowserList[_id].relatedcus = element.relatedcus;
|
||
oldBrowserList[_id].relateddoc = element.relateddoc;
|
||
oldBrowserList[_id].relatedprj = element.relatedprj;
|
||
}
|
||
})
|
||
setBrowserList(oldBrowserList);
|
||
changeDiscussList(oldexchangeList)
|
||
}
|
||
|
||
delete = (e) => {
|
||
const {exchangeDelete,prjid} = this.props.projectCardStore;
|
||
const sortid = prjid;
|
||
confirm({
|
||
title : getLabel(131329,"信息确认"),
|
||
content : getLabel(15097,"确定要删除吗？"),
|
||
onOk(){
|
||
exchangeDelete({ id: e, sortid: sortid });
|
||
},
|
||
onCancel() {}
|
||
})
|
||
}
|
||
|
||
deleteDaily = (e,type) => {
|
||
const {deleteDaily,prjid} = this.props.projectCardStore;
|
||
confirm({
|
||
title : getLabel(131329,"信息确认"),
|
||
content : getLabel(15097,"确定要删除吗？"),
|
||
onOk(){
|
||
deleteDaily({ id: e, prjid: prjid },type);
|
||
},
|
||
onCancel() {}
|
||
})
|
||
}
|
||
|
||
changeDynamicTab = (index) =>{
|
||
const {getPortalProjectDynamicInfo,getDailys,getExchangeList,setExchangeList,setBrowserList} = this.props.projectCardStore;
|
||
if(index==0){
|
||
getPortalProjectDynamicInfo("all");
|
||
}else if(index==1){
|
||
getDailys();
|
||
getExchangeList();
|
||
}else if(index==2){
|
||
setExchangeList({});
|
||
setBrowserList({});
|
||
getExchangeList();
|
||
}else if(index==3){
|
||
getPortalProjectDynamicInfo("log");
|
||
}
|
||
this.setState({ selectedDynamicTab: index, showDailyDiv: false, showExDiv: false, showReply: {}, showRich: false });
|
||
}
|
||
|
||
openProjectAppLink=(linkType, linkid, prjid)=>{
|
||
const {exchangeList} = this.props.projectCardStore;
|
||
let _exchangeList = toJS(exchangeList);
|
||
let wf_auth_url = _exchangeList ? _exchangeList.wf_auth_url : "";
|
||
let doc_auth_url = _exchangeList ? _exchangeList.doc_auth_url : "";
|
||
let acc_auth_url = _exchangeList ? _exchangeList.acc_auth_url : "";
|
||
if (linkType == "doc")
|
||
return `${window.ecologyContentPath || ''}/spa/document/index.jsp?id=${linkid}&prjid=${prjid}`+doc_auth_url;
|
||
else if (linkType == "task")
|
||
return `${window.ecologyContentPath || ''}/spa/prj/index.html#/main/prj/taskCard?taskid=${linkid}`;
|
||
else if (linkType == "crm")
|
||
return `${window.ecologyContentPath || ''}/spa/crm/static/index.html#/main/crm/customerView?customerId=${linkid}`;
|
||
else if (linkType == "workflow")
|
||
return `${window.ecologyContentPath || ''}/spa/workflow/static4form/index.html#/main/workflow/req?fromModul=prj&modulResourceId=${prjid}&requestid=${linkid}`+wf_auth_url;
|
||
else if (linkType == "project")
|
||
return `${window.ecologyContentPath || ''}/spa/prj/index.html#/main/prj/projectCard?prjid=${prjid}`;
|
||
else
|
||
return '';
|
||
}
|
||
|
||
getRichSubmitfun = (v) =>{
|
||
const { projectCardStore: { submitDaily } } = this.props;
|
||
const { selectedDynamicTab, isCreate, richMethod } = this.state;
|
||
if(isCreate){
|
||
if(selectedDynamicTab == 1){
|
||
submitDaily(v);
|
||
}else if(selectedDynamicTab == 2){
|
||
this.dosubmit(v);
|
||
}
|
||
}else{
|
||
richMethod();
|
||
}
|
||
}
|
||
|
||
editDaily = (id,tabKey) =>{
|
||
const { projectCardStore: { editDaily } } = this.props;
|
||
const { richValue } = this.state;
|
||
editDaily(id,richValue,tabKey);
|
||
}
|
||
|
||
getRightMenu() {
|
||
const { projectCardStore } = this.props;
|
||
const { rightMenu, isApprove, prjCardStore, topTab } = projectCardStore;
|
||
const { shareTableStore } = prjCardStore;
|
||
let { selectedRowKeys } = shareTableStore;
|
||
const tabDatas1 = toJS(topTab);
|
||
const key = this.state.selectedKey;
|
||
let btnArr = [];
|
||
rightMenu && rightMenu.length > 0 && rightMenu.map(m => {
|
||
if(m.type !== "BTN_LOG"){
|
||
let disabled = false;
|
||
|
||
if (tabDatas1) {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if (tabDatas1[i].shortname == "stageset" && tabDatas1[i].key == key && prjCardStore.stageInfo.selectedRowKeys.length == 0) {//项目卡片
|
||
if (m.type == "BTN_COPY" || m.type == "BTN_DELETE") {
|
||
disabled = true;
|
||
}
|
||
}
|
||
|
||
if (tabDatas1[i].shortname == "prjshare" && tabDatas1[i].key == key && selectedRowKeys.length == 0) {//项目卡片
|
||
if (m.type == "BTN_COPY" || m.type == "BTN_DELETE" || m.type == "BTN_DELETEBATCH") {
|
||
disabled = true;
|
||
}
|
||
}
|
||
|
||
if(tabDatas1[i].shortname == "prjinfo" && tabDatas1[i].key == key && 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 { projectCardStore, fromPortal, dellCallBack = () =>{}, changeCallBack = () =>{} } = this.props;
|
||
const { rightMenu, prjid, projectInfoStore, projectInfo:{prjname}, topTab, prjCardStore } = projectCardStore;
|
||
const { shareTableStore } = prjCardStore;
|
||
let { selectedRowKeys } = shareTableStore;
|
||
const tabDatas1 = toJS(topTab);
|
||
const selectTabKey = this.state.selectedKey;
|
||
|
||
let keyNew = 0;
|
||
rightMenu && rightMenu.length > 0 && rightMenu.map((m, i) => {
|
||
if(m.type == "BTN_LOG"){
|
||
keyNew--;
|
||
}
|
||
if (Number(key) == keyNew) {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if (tabDatas1[i].shortname == "prjinfo" && tabDatas1[i].key == selectTabKey) {//项目卡片
|
||
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) { //正常
|
||
projectCardStore.doPlanOpt({ method: 'normal', prjid: prjid, callBack: () => {changeCallBack();} });
|
||
} else if ('onOver' == fn) { //延期
|
||
projectCardStore.doPlanOpt({ method: 'delay', prjid: prjid, callBack: () => {changeCallBack();} });
|
||
} else if ('onFinish' == fn) { //完成
|
||
projectCardStore.doPlanOpt({ method: 'complete', prjid: prjid, callBack: () => {changeCallBack();} });
|
||
} else if ('onFrozen' == fn) { //冻结
|
||
projectCardStore.doPlanOpt({ method: 'freeze', prjid: prjid, callBack: () => {changeCallBack();} });
|
||
} else if ('onToggleStatus' == fn) {
|
||
projectCardStore.doPlanOpt({ method: 'togglestatus', prjid: prjid, statusid: m.params, callBack: () => {changeCallBack();} });
|
||
}
|
||
} else {
|
||
if (m.type == "BTN_EDIT") { //编辑
|
||
projectInfoStore.handleDialog(true,prjid,{viewtype:'edit',prjid:prjid}) ;
|
||
} else if (m.type == "BTN_SAVE") { //保存
|
||
projectCardStore.savePrjInfo({ prjid: prjid });
|
||
} 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_SAVETEMPLET") { //另存为模板
|
||
projectInfoStore.prjid = prjid;
|
||
projectInfoStore.prjname = prjname;
|
||
projectInfoStore.setVisiable(true);
|
||
} else if (m.type == "BTN_DELETE") {
|
||
projectInfoStore.delPrjInfo({ method: "del", prjid: prjid, from: "portal", callBack: fromPortal?() => {dellCallBack();}:() =>{this.context.router.push({pathname: "/main/prj/portal"});} });
|
||
}
|
||
}
|
||
}else if (tabDatas1[i].shortname == "prjshare" && tabDatas1[i].key == selectTabKey) {//共享设置
|
||
if (m.type == "BTN_APPEND") { //添加
|
||
prjCardStore.showAddShareModal(true);
|
||
} else if (m.type == 'BTN_DELETEBATCH') { //批量删除
|
||
prjCardStore.delBatchShare(`${toJS(selectedRowKeys)}`);
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
keyNew++;
|
||
});
|
||
}
|
||
|
||
getButtons() {
|
||
const { prefixCls, projectCardStore, fromPortal, dellCallBack = () =>{} } = this.props;
|
||
const { rightMenu, prjid, statistics: { rwzs }, baseInfo:{members}, projectInfoStore, topTab, prjCardStore } = projectCardStore;
|
||
const { shareTableStore } = prjCardStore;
|
||
let { selectedRowKeys } = shareTableStore;
|
||
let btnArr = [];
|
||
const tabDatas1 = toJS(topTab);
|
||
const key = this.state.selectedKey;
|
||
if (tabDatas1) {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if (tabDatas1[i].shortname == "prjinfo" && tabDatas1[i].key == key) {//项目卡片
|
||
btnArr.push(
|
||
<span className={`${prefixCls}-statistic-block`}>
|
||
<span>{getLabel('382623','任务数')}：{rwzs}</span>
|
||
<span>{getLabel('518260','成员数')}：{members}</span>
|
||
</span>
|
||
);
|
||
}
|
||
}
|
||
}
|
||
rightMenu && rightMenu.length > 0 && rightMenu.map(m => {
|
||
let disabled = false;
|
||
if (tabDatas1) {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if (tabDatas1[i].shortname == "prjshare" && tabDatas1[i].key == key && selectedRowKeys.length == 0) {//项目卡片
|
||
if (m.type == "BTN_COPY" || m.type == "BTN_DELETE" || m.type == "BTN_DELETEBATCH") {
|
||
disabled = true;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
m.isTop == '1' && btnArr.length < 4 && btnArr.push(
|
||
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@sqnwo3@${m.type}`} type="primary"
|
||
disabled={disabled}
|
||
onClick={() => {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if (tabDatas1[i].shortname == "prjinfo" && tabDatas1[i].key == key) {//项目卡片
|
||
if (m.type == "BTN_EDIT") { //编辑
|
||
projectInfoStore.handleDialog(true,prjid,{viewtype:'edit',prjid:prjid}) ;
|
||
} else if (m.type == "BTN_DELETE") { //删除
|
||
projectInfoStore.delPrjInfo({ method: "del", prjid: prjid, from: "portal", callBack: fromPortal?() => {dellCallBack();}:() =>{this.context.router.push({pathname: "/main/prj/portal"});} });
|
||
}
|
||
}else if (tabDatas1[i].shortname == "prjshare" && tabDatas1[i].key == key) {//共享设置
|
||
if (m.type == "BTN_APPEND") { //添加
|
||
prjCardStore.showAddShareModal(true);
|
||
} else if (m.type == 'BTN_DELETEBATCH') { //批量删除
|
||
prjCardStore.delBatchShare(`${toJS(selectedRowKeys)}`);
|
||
}
|
||
}
|
||
}
|
||
}}
|
||
>
|
||
{m.menuName}
|
||
</Button>
|
||
);
|
||
});
|
||
return btnArr;
|
||
}
|
||
|
||
changeTab = (v) =>{
|
||
const { projectCardStore } = this.props;
|
||
const { topTab, getRightMenu, prjCardStore, prjid } = projectCardStore;
|
||
const tabDatas1 = toJS(topTab);
|
||
const key = v;
|
||
this.setState({ selectedKey: v });
|
||
if (tabDatas1) {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if(tabDatas1[i].shortname == "prjinfo" && tabDatas1[i].key == key){
|
||
this.setState({ selectedDynamicTab: '0' });
|
||
projectCardStore.setPrjid(prjid);
|
||
prjCardStore.getPrjTabs({prjid : prjid});
|
||
}else if (tabDatas1[i].shortname == "prjshare" && tabDatas1[i].key == key) {//项目卡片
|
||
prjCardStore.prjid = prjid;
|
||
prjCardStore.getPrjShareList();
|
||
getRightMenu({'type':'prjshare'});
|
||
}else if(tabDatas1[i].shortname == "tasklist" && tabDatas1[i].key == key){
|
||
getRightMenu({'type':'taskview'});
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
setWorkPlanVisible = (bool) => {
|
||
this.setState({ workPlanVisible: bool })
|
||
}
|
||
|
||
forwardProjectCard(v){
|
||
const path = "/portal/card?prjid="+v;
|
||
this.context.router.push({
|
||
pathname: "/main/prj"+path
|
||
});
|
||
const { selectedKey } = this.state;
|
||
const { projectCardStore } = this.props;
|
||
const { topTab, getRightMenu, prjCardStore, setPrjidFun } = projectCardStore;
|
||
setPrjidFun(v);
|
||
prjCardStore.getPrjTabs({prjid : v});
|
||
const tabDatas1 = toJS(topTab);
|
||
if (tabDatas1) {
|
||
for (let i = 0; i < tabDatas1.length; i++) {
|
||
if (tabDatas1[i].shortname == "prjshare" && tabDatas1[i].key == selectedKey) {//项目卡片
|
||
getRightMenu({'type':'prjshare'});
|
||
prjCardStore.prjid = v;
|
||
prjCardStore.getPrjShareList();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
dellCallBack = () =>{
|
||
const { projectCardStore:{projectInfoStore}, dellCallBack, fromPortal } = this.props;
|
||
fromPortal?dellCallBack():this.context.router.push({pathname: "/main/prj/portal"});
|
||
projectInfoStore.handleDialog(false);
|
||
}
|
||
|
||
}
|
||
|
||
export default ProjectCard; |