218 lines
10 KiB
JavaScript
218 lines
10 KiB
JavaScript
|
|
import {Button,Row,Col,Icon,message,Modal} from 'antd';
|
|
import {WeaTab,WeaAlertPage, WeaProgress,WeaLocaleProvider,WeaRightMenu,WeaTop} from 'ecCom';
|
|
import {inject, observer} from "mobx-react";
|
|
import {withRouter} from 'react-router';
|
|
import {toJS} from 'mobx';
|
|
import {Condition} from '../../list/listCondition';
|
|
import ProjectDialog from '../../dialog/projectDialog'
|
|
import ShareDialog from '../../dialog/shareDialog'
|
|
import ExchangeDialog from '../../dialog/exchangeDialog'
|
|
import AddProject from '../../dialog/addProjectDialog'
|
|
import {WeaTableNew} from 'comsMobx';
|
|
const WeaTable = WeaTableNew.WeaTable;
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|
|
|
@inject('projectSubStore')
|
|
@withRouter
|
|
@observer
|
|
class ProjectSub extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
|
|
}
|
|
componentDidMount(){
|
|
const {prjid} = this.props;
|
|
const {location, projectSubStore } = this.props;
|
|
if(prjid==''||prjid==null){
|
|
projectSubStore.initData(location.query.prjid);
|
|
}else{
|
|
projectSubStore.initData(prjid);
|
|
}
|
|
}
|
|
componentWillReceiveProps(nextProps) {
|
|
const {prjid} = this.props;
|
|
if(prjid==''||prjid==null){
|
|
if (this.props.location.key !== nextProps.location.key) {
|
|
const {location, projectSubStore } = nextProps;
|
|
projectSubStore.initData(location.query.prjid);
|
|
}
|
|
}else{
|
|
if (this.props.prjid !== nextProps.prjid) {
|
|
const { projectSubStore } = nextProps;
|
|
projectSubStore.initData(prjid);
|
|
}
|
|
}
|
|
}
|
|
render() {
|
|
const {projectSubStore} = this.props;
|
|
const {showSearchAd,prjSubStore,prjSubform,condition,prjsubRight:{hasRight,verified},exchangeStore,projectInfoStore,reLoad} = projectSubStore;
|
|
const formParams = prjSubform.getFormParams() || {};
|
|
if (verified && !hasRight) {
|
|
return (<WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@1dwhz8`} >
|
|
<div style={{color : '#000'}}>
|
|
{getLabel(2012,"对不起，您暂时没有权限！")}
|
|
</div>
|
|
</WeaAlertPage>
|
|
)
|
|
}
|
|
|
|
if (verified && hasRight) {
|
|
return (
|
|
<div style={{backgroundColor:"white",height:"100%"}}>
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@90zknq`} datas={this.getRightMenu()} onClick={this.onRightMenuClick.bind(this)}>
|
|
<WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@lyq48t`}
|
|
buttons={this.getButtons()}
|
|
showDropIcon={true}
|
|
dropMenuDatas={this.getRightMenu()}
|
|
onDropMenuClick={this.onRightMenuClick.bind(this)}
|
|
/>
|
|
<WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@ikbif3`}
|
|
buttonsAd={this.getAdButtons()}
|
|
searchType={['base','advanced']}
|
|
searchsBaseValue={formParams.prjname}
|
|
setShowSearchAd={bool=>{projectSubStore.setShowSearchAd(bool)}}
|
|
hideSearchAd={()=> projectSubStore.setShowSearchAd(false)}
|
|
searchsAd={
|
|
<div><Condition ecId={`${this && this.props && this.props.ecId || ''}_Condition@gb8nun`} listStore={projectSubStore} form={prjSubform} onEnterSearch={this.onEnterSearch} ></Condition></div>
|
|
}
|
|
showSearchAd={showSearchAd}
|
|
onSearch={v=>{projectSubStore.getPrjSubList()}}
|
|
onSearchChange={v=>{projectSubStore.appendFormFields({prjname:{value:v}})}}
|
|
/>
|
|
<WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@rp1q1b`}
|
|
comsWeaTableStore={prjSubStore}
|
|
hasOrder={true}
|
|
needScroll={true}
|
|
register_table={()=>reLoad(prjSubStore)}
|
|
getColumns={c=>this.reRenderColumns(c)}
|
|
onOperatesClick={this.onOperatesClick.bind(this)}
|
|
/>
|
|
<AddProject ecId={`${this && this.props && this.props.ecId || ''}_AddProject@dqt1or`} contentStore={projectSubStore} isreflesh={true} />
|
|
<ShareDialog ecId={`${this && this.props && this.props.ecId || ''}_ShareDialog@2otf88`} contentStore={projectSubStore} />
|
|
<ExchangeDialog ecId={`${this && this.props && this.props.ecId || ''}_ExchangeDialog@2hahui`} contentStore={exchangeStore} />
|
|
<ProjectDialog ecId={`${this && this.props && this.props.ecId || ''}_ProjectDialog@2fibqa`} contentStore={projectInfoStore}/>
|
|
</WeaRightMenu>
|
|
</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@1wxd5y@${i}`} percent={record.finish} 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 {projectSubStore} = this.props;
|
|
const {shareStore,exchangeStore,projectInfoStore } = projectSubStore;
|
|
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,"prj",record.randomFieldId)
|
|
}else if('onNormal' == fn){ //正常
|
|
projectSubStore.doSubPlanOpt({method:'normal',prjid:record.randomFieldId})
|
|
}else if('onOver' == fn){ //延期
|
|
projectSubStore.doSubPlanOpt({method:'delay',prjid:record.randomFieldId})
|
|
}else if('onFinish' == fn){ //完成
|
|
projectSubStore.doSubPlanOpt({method:'complete',prjid:record.randomFieldId})
|
|
}else if('onFrozen' == fn){ //冻结
|
|
projectSubStore.doSubPlanOpt({method:'freeze',prjid:record.randomFieldId})
|
|
}else if('onEdit' == fn){ //编辑
|
|
projectInfoStore.handleDialog(true,record.randomFieldId,{viewtype:'edit',prjid:record.randomFieldId}) ;
|
|
}else if('onListTask' == fn){ //任务列表
|
|
|
|
}else if('onDiscuss' == fn){ //相关交流
|
|
exchangeStore.handleExchangeDialog(true,"prj",record.randomFieldId,{})
|
|
}
|
|
}
|
|
}
|
|
getRightMenu() {
|
|
const { projectSubStore } = this.props;
|
|
const { rightMenu } = projectSubStore;
|
|
let btnArr = [];
|
|
rightMenu && rightMenu.length > 0 && rightMenu.map(m => {
|
|
let disabled = false;
|
|
btnArr.push({
|
|
icon: <i className={m.menuIcon} />,
|
|
content: m.menuName,
|
|
disabled: disabled
|
|
})
|
|
});
|
|
return btnArr
|
|
}
|
|
onRightMenuClick(key) {
|
|
let that = this;
|
|
const { projectSubStore } = this.props;
|
|
const { rightMenu, prjid, addProjectStore} = projectSubStore;
|
|
rightMenu && rightMenu.length > 0 && rightMenu.map((m, i) => {
|
|
if (Number(key) == i) {
|
|
if (m.type == "BTN_NEWPRJSUB") { //新建子项目
|
|
addProjectStore.handleShareDialog(true, { viewtype: 'add', prjid: prjid });
|
|
}
|
|
|
|
if (m.type == "BTN_COLUMN") { //显示定制
|
|
projectSubStore.onShowColumn();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
getAdButtons = () => {
|
|
const {projectSubStore} = this.props;
|
|
const {getPrjSubList,setShowSearchAd,clearFormFields} = projectSubStore;
|
|
return [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@su4x4v@search`} type="primary" onClick={()=>{getPrjSubList();setShowSearchAd(false);}}>{getLabel(197,"搜索")}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bbs46f@reset`} type="ghost" onClick={()=>{clearFormFields();}}>{getLabel(2022,"重置")}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@sme1zu@cancel`} type="ghost" onClick={()=>{setShowSearchAd(false)}}>{getLabel(201,"取消")}</Button>)
|
|
];
|
|
}
|
|
|
|
getButtons() {
|
|
const { projectSubStore } = this.props;
|
|
const { rightMenu, prjid, addProjectStore} = projectSubStore;
|
|
let btnArr = [];
|
|
rightMenu && rightMenu.length > 0 && rightMenu.map((m, i) => {
|
|
m.isTop == '1' && btnArr.length < 4 && btnArr.push(
|
|
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@qokmqv@${m.type}`} type="primary"
|
|
onClick={() => {
|
|
if (m.type == "BTN_NEWPRJSUB") { //新建子项目
|
|
addProjectStore.handleShareDialog(true, { viewtype: 'add', prjid: prjid });
|
|
}
|
|
}}
|
|
>
|
|
{m.menuName}
|
|
</Button>
|
|
);
|
|
});
|
|
return btnArr;
|
|
}
|
|
|
|
onEnterSearch=() =>{
|
|
const { projectSubStore } = this.props;
|
|
projectSubStore.getPrjSubList();
|
|
projectSubStore.setShowSearchAd(false);
|
|
}
|
|
|
|
}
|
|
|
|
export default ProjectSub; |