+ {this.getSearchs()}
+
+ +
)
+ }
+};
\ No newline at end of file
diff --git a/pc4mobx/prj/components/Home.js b/pc4mobx/prj/components/Home.js
new file mode 100644
index 0000000..5e43f55
--- /dev/null
+++ b/pc4mobx/prj/components/Home.js
@@ -0,0 +1,17 @@
+import { WeaPopoverHrm,WeaLocaleProvider } from 'ecCom';
+
+class Home extends React.Component {
+ render() {
+ return (
+ + +
+
+ {this.props.children}
+
+
+ )
+ }
+}
+
+export default Home
diff --git a/pc4mobx/prj/components/ProjectReport.js b/pc4mobx/prj/components/ProjectReport.js
new file mode 100644
index 0000000..4fa5934
--- /dev/null
+++ b/pc4mobx/prj/components/ProjectReport.js
@@ -0,0 +1,138 @@
+import React from 'react';
+import { inject, observer } from 'mobx-react';
+import { Button, } from 'antd';
+import {toJS} from "mobx";
+import {WeaTableNew} from 'comsMobx';
+import {WeaRightMenu,WeaTop,WeaTab,WeaErrorPage,WeaTools,WeaProgress,WeaBrowser,WeaLocaleProvider} from 'ecCom';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+import {Condition,getAdButtons} from './list/listCondition';
+
+@inject('projectReportStore')
+@observer
+class ProjectReport extends React.Component {
+ constructor(props) {
+ super(props);
+ }
+ componentDidMount(){
+ const {projectReportStore,params } = this.props;
+ const {doSearch,initData} = projectReportStore;
+ initData(params);
+ doSearch(params);
+ }
+ componentWillReceiveProps(nextProps){
+ const keyOld = this.props.location.key;
+ const keyNew = nextProps.location.key;
+ if(keyOld !== keyNew) {
+ const {projectReportStore,params } = nextProps;
+ const {doSearch,initData} = projectReportStore;
+ initData(params);
+ doSearch(params);
+ }
+ }
+ componentWillUnmount(){
+ const {projectReportStore,params } = this.props;
+ projectReportStore.clearStatus();
+ }
+ render(){
+ const {projectReportStore} = this.props;
+ const {title,loading,form,showSearchAd,tableStore,reLoad} = projectReportStore;
+ return (
+
+ {
+ types.map((type,i)=>{
+ const {prjbeans,img,color,letter,selected,typeName,prjtmpcount} = type;
+ const icontype ="icon-base " +img;
+ return (
+
+
+ )
+ })
+ }
+
+ )
+ }
+}
+
+export default MLinkCard
diff --git a/pc4mobx/prj/components/add/OLinkCard.js b/pc4mobx/prj/components/add/OLinkCard.js
new file mode 100644
index 0000000..ffa2881
--- /dev/null
+++ b/pc4mobx/prj/components/add/OLinkCard.js
@@ -0,0 +1,54 @@
+import LinkCardItem from './LinkCardItem';
+import {Card,Icon} from 'antd';
+import isEqual from 'lodash/isEqual';
+class OLinkCard extends React.Component{
+
+ render() {
+ const {types,isAbc,actions,user} = this.props;
+ return (
+
+ {isAbc ?
+ {letter}
+ :
+
+ {
+ prjbeans.map((obj,j)=>
+
+ {typeName}{('(' + (prjtmpcount) + ')')}
+
+ }
+
+ {
+ types.map((type,i)=>{
+ const {prjbeans,img,color,letter,selected,typeName} = type;
+ const icontype ="icon-base " +img;
+ return (
+
+
+ )
+ })
+ }
+
+ )
+ }
+
+
+}
+
+export default OLinkCard
\ No newline at end of file
diff --git a/pc4mobx/prj/components/add/index.js b/pc4mobx/prj/components/add/index.js
new file mode 100644
index 0000000..d2654f9
--- /dev/null
+++ b/pc4mobx/prj/components/add/index.js
@@ -0,0 +1,114 @@
+
+import { inject, observer} from 'mobx-react';
+import {Row,Col,Input,Button,Alert,Spin,Icon} from 'antd'
+import {WeaTop} from "ecCom"
+
+import MLinkCard from './MLinkCard';
+import OLinkCard from './OLinkCard';
+
+import AddProject from '../dialog/addProjectDialog'
+import {WeaLocaleProvider} from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@inject('prjAddStore')
+@observer
+class PrjAdd extends React.Component {
+
+ componentDidMount() {
+ const {prjAddStore} = this.props;
+ prjAddStore.initDatas();
+ this.scrollheigth();
+ }
+ scrollheigth(){
+ let top = jQuery(".wea-prj-add-content").offset() ? (jQuery(".wea-prj-add-content").offset().top ? jQuery(".wea-prj-add-content").offset().top : 0) : 0;
+ let scrollheigth = document.documentElement.clientHeight - top;
+ jQuery(".wea-prj-add-content").height(scrollheigth-30);
+ }
+ componentWillReceiveProps(nextProps){
+ const keyOld = this.props.location.key;
+ const keyNew = nextProps.location.key;
+ if(keyOld !== keyNew) {
+ const {prjAddStore} = nextProps;
+ prjAddStore.initDatas();
+ this.scrollheigth();
+ }
+ }
+ componentWillUnmount(){
+ const { prjAddStore } = this.props;
+ prjAddStore.clearStatus();
+ }
+
+ render() {
+ const {prjAddStore} = this.props;
+ const {showDatas = {},mulitcol,isAbc,loading,addProjectStore} = prjAddStore;
+ const {typesShow,typesCols,usedBeans,abcBtns,user} = showDatas;
+ const actions = {addProjectStore};
+ return (
+
+
+
+
+
+
+
+ {isAbc ?
+ {letter}
+ :
+
+
+
+ {typeName}{prjbeans && ('(' + (prjbeans.length-1) + ')')}
+
+ }
+
+
+ -
+ {
+ prjbeans.map((obj,j)=>
+
-
+
+
+ )
+ }
+
+
+ );
+ }
+ getButtons(){
+ const {prjAddStore} = this.props;
+ const {isAbc,mulitcol} = prjAddStore;
+ return [
+ ,
+
+ ]
+ }
+ goABC(letter){
+ const {prjAddStore} = this.props;
+ prjAddStore.setAbcSelected(letter);
+ let topheight = jQuery('#'+letter).position().top;
+ jQuery(".wea-prj-add-content").scrollTop(topheight);
+ }
+ showMulitcol(){
+ const {prjAddStore} = this.props;
+ const mulitcol = prjAddStore.mulitcol;
+ prjAddStore.setMulitcol(!mulitcol);
+ jQuery(".wea-wf-add-content").scrollTop(0);
+ }
+ showABC(){
+ const {prjAddStore} = this.props;
+ const {isAbc} = prjAddStore;
+ prjAddStore.setIsAbc(!isAbc);
+ jQuery(".wea-wf-add-content").scrollTop(0);
+ }
+}
+
+export default PrjAdd
\ No newline at end of file
diff --git a/pc4mobx/prj/components/common/ProjectStastics.js b/pc4mobx/prj/components/common/ProjectStastics.js
new file mode 100644
index 0000000..56966e7
--- /dev/null
+++ b/pc4mobx/prj/components/common/ProjectStastics.js
@@ -0,0 +1,376 @@
+
+import { Tooltip } from 'antd';
+import { WeaLocaleProvider, WeaEchart } from 'ecCom';
+import { observer } from "mobx-react";
+import { toJS } from 'mobx';
+const getLabel = WeaLocaleProvider.getLabel;
+import '../../style/stastic.less'
+
+@observer
+export default class ProjectStastics extends React.Component {
+ constructor(props) {
+ super(props);
+ this.chart1 = null;
+ this.chart2 = null;
+ this.chart3 = null;
+ this.setChart1Ref = element => {
+ this.chart1 = element;
+ }
+ this.setChart2Ref = element => {
+ this.chart2 = element;
+ }
+ this.setChart3Ref = element => {
+ this.chart3 = element;
+ }
+ const _this = this;
+ window.onresize = function() {
+ _this.chart1 && _this.chart1.chart.resize();
+ _this.chart2 && _this.chart2.chart.resize();
+ _this.chart3 && _this.chart3.chart.resize();
+ }
+ }
+ componentDidMount() {
+
+ }
+ componentWillReceiveProps(nextProps) {
+ let key = this.props.statkey;
+ let key_ = nextProps.statkey;
+ if(key!==key_){
+ this.chart1 && this.chart1.paint();
+ this.chart2 && this.chart2.paint();
+ this.chart3 && this.chart3.paint();
+ }
+ }
+ render() {
+
+ const { contentStore: { stastics } } = this.props;
+ let chartdata = toJS(stastics);
+ let charts = {
+ option1: {
+ tooltip: {
+ trigger: 'item',
+ formatter: "{a}
+ {isAbc && (
+
+ {typesCols.map((c,i)=>{
+ return
+
+ })}
+
+ :
+
+
+
+
)
+ }
+
+
+ {
+ abcBtns.map(abcBtn => )
+ }
+
)
+ }
+ {
+ typesShow.length == 0 && !loading ? {b}: {c} ({d}%)" + }, + legend: { + orient: 'vertical', + x: 'left', + data: chartdata.chart1 ? chartdata.chart1.legend:[] + }, + series: [ + { + type: 'pie', + radius: ['50%', '70%'], + avoidLabelOverlap: false, + label: { + normal: { + show: false, + position: 'center' + }, + emphasis: { + show: true, + textStyle: { + fontSize: '30', + fontWeight: 'bold' + } + } + }, + labelLine: { + normal: { + show: false + } + }, + // data: [ + // { value: 335, name: '直接访问' }, + // { value: 310, name: '邮件营销' }, + // { value: 234, name: '联盟广告' }, + // { value: 135, name: '视频广告' }, + // { value: 1548, name: '搜索引擎' } + // ] + data : chartdata.chart1 ? chartdata.chart1.series:[] + } + ] + }, + option2:{ + color: ['#0270c1','#C2C9D4', '#75D294', '#F72E04'], + tooltip: { + trigger: 'none', + axisPointer: { + type: 'cross' + } + }, + legend: { + data:[getLabel(23774,"已完成"),getLabel(1979,"未开始"),getLabel(1960,"进行中"),getLabel(32556,"已延期")] + }, + grid: { + top: 70, + bottom: 50 + }, + xAxis: [ + { + type: 'category', + axisTick: { + alignWithLabel: true + }, + axisLine: { + onZero: false, + lineStyle: { + color:'#d14a61' + } + }, + axisPointer: { + label: { + formatter: function (params) { + return getLabel(1331,"数量")+' ' + params.value + + (params.seriesData.length>3 ? '：' +(parseInt(params.seriesData[0].data)+parseInt(params.seriesData[1].data)+parseInt(params.seriesData[2].data)+parseInt(params.seriesData[3].data)): ''); + } + } + }, + //data: ["2016-1", "2016-2", "2016-3", "2016-4", "2016-5", "2016-6", "2016-7", "2016-8", "2016-9", "2016-10", "2016-11", "2016-12"] + data : chartdata.chart2 ? chartdata.chart2.xAxis:[] + }, + ], + yAxis: [ + { + type: 'value' + } + ], + series: [ + { + name:getLabel(23774,"已完成"), + type:'line', + smooth: true, + //data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] + data : chartdata.chart2 ? chartdata.chart2.finish_data:[] + }, + { + name:getLabel(1979,"未开始"), + type:'line', + smooth: true, + //data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] + data : chartdata.chart2 ? chartdata.chart2.todo_data:[] + }, + { + name:getLabel(1960,"进行中"), + type:'line', + smooth: true, + data : chartdata.chart2 ? chartdata.chart2.doing_data:[] + }, + { + name:getLabel(32556,"已延期"), + type:'line', + smooth: true, + data : chartdata.chart2 ? chartdata.chart2.overtime_data:[] + } + ] + }, + option3: { + tooltip: { + trigger: 'axis', + axisPointer: { + type: 'cross', + label: { + backgroundColor: '#6a7985' + } + } + }, + legend: { + data: [getLabel(23774,"已完成"),getLabel(1979,"未开始"), getLabel(1960,"进行中"), getLabel(32556,"已延期")] + }, + grid: { + left: '3%', + right: '4%', + bottom: '3%', + containLabel: true + }, + xAxis: [ + { + type: 'category', + boundaryGap: false, + //data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] + data : chartdata.chart3 ? chartdata.chart3.xAxis:[] + } + ], + yAxis: [ + { + type: 'value' + } + ], + series: [ + { + name: getLabel(23774,"已完成"), + type: 'line', + areaStyle: { normal: {} }, + data : chartdata.chart3 ? chartdata.chart3.finish_data:[], + color: { + colorStops: [{ + offset: 0, color: '#0270c1' // 0% 处的颜色 + }, { + offset: 1, color: '#0270c1' // 100% 处的颜色 + }], + globalCoord: false // 缺省为 false + } + }, + { + name: getLabel(1979,"未开始"), + type: 'line', + areaStyle: { normal: {} }, + data : chartdata.chart3 ? chartdata.chart3.todo_data:[], + color: { + colorStops: [{ + offset: 0, color: '#C2C9D4' // 0% 处的颜色 + }, { + offset: 1, color: '#C2C9D4' // 100% 处的颜色 + }], + globalCoord: false // 缺省为 false + } + }, + { + name: getLabel(1960,"进行中"), + type: 'line', + areaStyle: { normal: {} }, + data : chartdata.chart3 ? chartdata.chart3.doing_data:[], + color: { + colorStops: [{ + offset: 0, color: '#75D294' // 0% 处的颜色 + }, { + offset: 1, color: '#75D294' // 100% 处的颜色 + }], + globalCoord: false // 缺省为 false + } + }, + { + name: getLabel(32556,"已延期"), + type: 'line', + areaStyle: { normal: {} }, + data : chartdata.chart3 ? chartdata.chart3.overtime_data:[], + color: { + colorStops: [{ + offset: 0, color: '#F72E04' // 0% 处的颜色 + }, { + offset: 1, color: '#F72E04' // 100% 处的颜色 + }], + globalCoord: false // 缺省为 false + } + } + ] + } + + } + + // let topTab = [ + // { + // color: '#000000', + // groupid: 'flowAll', + // showcount: true, + // title: '任务统计', + // viewcondition: 0 + // }, + // { + // color: '#ff3232', + // groupid: 'flowNew', + // showcount: true, + // title: '按负责人', + // viewcondition: 1 + // }, + // { + // color: '#fea468', + // groupid: 'flowRes', + // showcount: true, + // title: '按看板', + // viewcondition: 2 + // } + // ]; + + return ( +
+ {/* {this.getStastics(toJS(stastics))} */}
+
+ )
+ }
+}
+
diff --git a/pc4mobx/prj/components/common/TabDiscuss.js b/pc4mobx/prj/components/common/TabDiscuss.js
new file mode 100644
index 0000000..aa82ac9
--- /dev/null
+++ b/pc4mobx/prj/components/common/TabDiscuss.js
@@ -0,0 +1,586 @@
+import { Row, Col,Button, Modal, message } from 'antd';
+import { WeaBrowser, WeaNewScroll, WeaRichText } from 'ecCom';
+import { inject, observer } from 'mobx-react';
+import { imgZoom} from '../../util/index';
+const confirm = Modal.confirm;
+import {toJS} from 'mobx';
+import {WeaLocaleProvider} from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class TabDiscuss extends React.Component {
+ constructor(props) {
+ super(props);
+ }
+
+
+
+ componentDidMount() {
+ let dom = ReactDOM.findDOMNode(this);
+ imgZoom(dom, ".wea-cl-content");
+ }
+ componentWillReceiveProps(nextProps) {
+
+ }
+ componentDidUpdate(prevProps, prevState) {
+ let dom = ReactDOM.findDOMNode(this);
+ imgZoom(dom, ".wea-cl-content");
+ }
+
+ componentWillUnmount(){
+ const {setBrowserList} = this.props.contentStore;
+ setBrowserList({
+ 'create': {remark: ''},
+ datas: [],
+ })
+ }
+
+ render() {
+ const {exchangeList,_BrowserList} = this.props.contentStore;
+ let _exchangeList = toJS(exchangeList);
+ let BrowserList = toJS(_BrowserList);
+ const { sortid } = this.props;
+ 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 : "";
+
+ let bottomBarConfig = [];
+ let mirror = {
+ Document: { type: 37, name: getLabel(126529,"文档"), icon: 'icon-blog-Document' },
+ Flow: { type: 152, name: getLabel(131692,"流程"), icon: 'icon-blog-Process' },
+ Customer: { type: 18, name: getLabel(30043,"客户"), icon: 'icon-blog-Personnel' },
+ Project: { type: 135, name: getLabel(30046,"项目"), icon: 'icon-blog-Project' },
+ Task: { type: 'prjtsk', name: getLabel(383349,"任务"), icon: 'icon-blog-Task' },
+ }
+ let objDocument = {
+ name: 'Browser',
+ show:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {chartdata.allnum ? chartdata.allnum.value:0}{getLabel(27591,"个")}
+ {chartdata.allnum ? chartdata.allnum.lable:''}
+
+
+ {chartdata.finishnum ? chartdata.finishnum.value:0}{getLabel(27591,"个")}
+ {chartdata.finishnum ? chartdata.finishnum.lable:''}
+
+
+ {chartdata.todonum ? chartdata.todonum.value:0}{getLabel(27591,"个")}
+ {chartdata.todonum ? chartdata.todonum.lable:''}
+
+
+ {chartdata.doingnum ? chartdata.doingnum.value:0}{getLabel(27591,"个")}
+ {chartdata.doingnum ? chartdata.doingnum.lable:''}
+
+
+ {chartdata.overtimenum ? chartdata.overtimenum.value:0}{getLabel(27591,"个")}
+ {chartdata.overtimenum ? chartdata.overtimenum.lable:''}
+
+
+ {chartdata.workday1 ? chartdata.workday1.value:0}{getLabel(1925,"天")}
+ {chartdata.workday1 ? chartdata.workday1.lable:''}
+
+
+ {chartdata.workday2 ? chartdata.workday2.value:0}{getLabel(1925,"天")}
+ {chartdata.workday2 ? chartdata.workday2.lable:''}
+
+
+
+
+
+
+
+
+ {chartdata.hrmidsnum ? chartdata.hrmidsnum.value:0}{getLabel(127,"人")}
+ {chartdata.hrmidsnum ? chartdata.hrmidsnum.lable:''}
+
+
+ {chartdata.members ? chartdata.members.value:0}{getLabel(127,"人")}
+ {chartdata.members ? chartdata.members.lable:''}
+
+
+
+
+
+
+
+ {getLabel(387425,"阶段任务分布")}
+
+ {chartdata.chart1&&
+
+
+ {getLabel(387426,"阶段任务状态统计")}
+
+ {chartdata.chart2&&
+
+
+
+
+ {getLabel(387427,"负责人任务状态统计")}
+
+ {chartdata.chart3&&
+
+
+ {mirror['Document'].name}
+
,
+ type: mirror['Document'].type,
+ title: mirror['Document'].name,
+ };
+ let objFlow = {
+ name: 'Browser',
+ show:
+
+ {mirror['Flow'].name}
+
,
+ type: mirror['Flow'].type,
+ title: mirror['Flow'].name,
+ };
+ let objCustomer = {
+ name: 'Browser',
+ show:
+
+ {mirror['Customer'].name}
+
,
+ type: mirror['Customer'].type,
+ title: mirror['Customer'].name,
+ };
+
+ let objProject = {
+ name: 'Browser',
+ show:
+
+ {mirror['Project'].name}
+
,
+ type: mirror['Project'].type,
+ title: mirror['Project'].name,
+ };
+ let objTask = {
+ name: 'Browser',
+ show:
+
+ {mirror['Task'].name}
+
,
+ type: mirror['Task'].type,
+ title: mirror['Task'].name,
+ };
+
+ _exchangeList.docids && bottomBarConfig.push(objDocument);//相关文档
+ _exchangeList.relatedwf && bottomBarConfig.push(objFlow);//相关流程
+ _exchangeList.relatedcus && bottomBarConfig.push(objCustomer);//相关客户
+ _exchangeList.projectids && bottomBarConfig.push(objProject);//相关项目
+ _exchangeList.relatedprj && bottomBarConfig.push(objTask);//相关任务
+ _exchangeList.relateddoc && bottomBarConfig.push({
+ name: 'Upload',
+ show:
+
+ {getLabel(128158,"附件")}
+
,
+ uploadId: 'project_edit',
+ uploadUrl: `${_exchangeList.relateddoc.uploadUrl}?category=${_exchangeList.relateddoc.category}`,
+ category: _exchangeList.relateddoc.category,
+ maxUploadSize: _exchangeList.relateddoc.maxSize,
+ style: { display: "inline-block", padding: 0 }
+ })
+ //相关附件--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,
+ }
+ return (
+
+ {
+ Array.isArray(BrowserList.datas) && BrowserList.datas.map((element, index) => {
+ let replaceDatas = [];
+ replaceDatas.push(element.creater);
+ let baseParams = {
+ '37': 'docids',
+ '152': 'relatedwf',
+ '18': 'relatedcus',
+ '135': 'projectids',
+ 'prjtsk': 'relatedprj',
+ }
+ element['id'] == BrowserList[element['id']]
+ let newbottomBarConfig = bottomBarConfig.map((_element, _index) => {
+ _element['memorise'] = true
+ for (let key in BrowserList) {
+ if (key == element['id']) {
+ return { ..._element, replaceDatas: BrowserList[element['id']][baseParams[_element.type]] }
+ }
+ }
+ return _element
+ })
+ let bottomBarRight={
+ Component:
+
+
+
+ };
+
+
+ let show = element.isEdit == true ?
+
+
+ :
+ )
+ }
+
+
+ edit = (_id) => {
+ const {exchangeList,changeDiscussList,_BrowserList,setBrowserList} = this.props.contentStore;
+ 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)
+ }
+ onChange = (id, text) => {
+ const {_BrowserList,setBrowserList} = this.props.contentStore;
+ let BrowserList = toJS(_BrowserList);
+ let oldBrowserList = { ...BrowserList };
+ if (oldBrowserList[id] == undefined) {
+ oldBrowserList[id] = {};
+ }
+ oldBrowserList[id]['remark'] = text;
+ setBrowserList(oldBrowserList);
+ }
+ delete = (e) => {
+ const {exchangeDelete} = this.props.contentStore;
+ const { sortid } = this.props;
+ confirm({
+ title : getLabel(131329,"信息确认"),
+ content : getLabel(15097,"确定要删除吗？"),
+ onOk(){
+ exchangeDelete({ id: e, sortid: sortid });
+ },
+ onCancel() {}
+ })
+
+ }
+ dosubmit = (id) => {
+ const {exchangeSave,_BrowserList,setBrowserList} = this.props.contentStore;
+ let BrowserList = toJS(_BrowserList);
+ let oldBrowserList = { ...BrowserList }
+ const { sortid } = this.props;
+ 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);
+ } else {
+ message.error(getLabel(126982,"请填写内容"));
+ // Modal.warning({
+ // title: getLabel(382056,"警告"),
+ // content: getLabel(126982,"请填写内容"),
+ // });
+ }
+ }
+
+ docancel = (e) => {
+ const {exchangeList,changeDiscussList} = this.props.contentStore;
+ let _exchangeList = toJS(exchangeList);
+ let oldexchangeList = { ..._exchangeList }
+ oldexchangeList.datas.forEach((element, index) => {
+ if (e == index) {
+ element.isEdit = false;
+ }
+ })
+ changeDiscussList(oldexchangeList)
+ }
+
+ transfStr = (name = '', ids = '', list = [], type = '', id = '') => {
+ const {_BrowserList,setBrowserList,exchangeList} = this.props.contentStore;
+ let BrowserList = toJS(_BrowserList);
+ let _exchangeList = toJS(exchangeList);
+ let acc_auth_url = _exchangeList ? _exchangeList.acc_auth_url : "";
+ let { sortid } = this.props;
+ 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 +=` ${item.name || item.showname} `
+ idsArr.push(item.id)
+ }
+ if (name === 'Upload' && type === 'image') {
+ str += '
+ this.onChange(element.id, text)}
+ onStatusChange={s => { }}
+ onToolsChange={(name, ids, list, type) => this.transfStr(name, ids, list, type, element.id)}
+ />
+
+
+
+ 
+
+
+
+
+
+
+ return show
+ })
+ }
+ {
+ exchangeListDatas.length == 1 ?
+
+
+
+
+
+ ${element.remark}
`}}
+ />
+ {
+ element.projectids&&element.projectids.length > 0 ?
+ element.projectids.map((e, _index) => {//相关项目
+ return
+ }) : ''
+ }
+ {
+ element.relatedcus&&element.relatedcus.length > 0 ?
+ element.relatedcus.map((e, _index) => {//客户
+ return
+ }) : ''
+ }
+ {
+ element.relateddoc&&element.relateddoc.length > 0 ?
+ element.relateddoc.map((e, _index) => {//修改成附件
+ if (e.showLoad) {
+ return
+ } else {
+ return
+ }
+ }) : ''
+ }
+ {
+ element.relatedprj&&element.relatedprj.length > 0 ?
+ element.relatedprj.map((e, _index) => {
+ return
+ }) : ''
+ }
+ {
+ element.relatedwf&&element.relatedwf.length > 0 ?
+ element.relatedwf.map((e, _index) => {//流程
+ return
+ }) : ''
+ }
+ {
+ element.docids&&element.docids.length > 0 ?
+ element.docids.map((e, _index) => {//文档
+ return
+ }) : ''
+ }
+
+ {/**/}
+
+ {getLabel(383567,"暂无相关交流")}
+
+ : ''
+ }
+
+ {getLabel(2012, "对不起，您暂时没有权限！")}
+
+
+ {
+ { contentStore.setShowSearchAd(bool) }}
+ hideSearchAd={() => contentStore.setShowSearchAd(false)}
+ searchsAd={
+ reLoad(taskListTableStore)}
+ getColumns={c => this.reRenderColumns(c)}
+ onOperatesClick={this.onOperatesClick.bind(this)}
+ rowSelection={rowSelection}
+ />
+ {contentStore.resetTaskInfoStore()}}/>
+ {
+ refTaskList();
+ if(delCallBack){
+ delCallBack();
+ }
+ }} />
+ {
+ this.setState({
+ coWorkVisiable: false
+ });
+ }}
+ />)
+ }
+
+ {
+ window.weaWorkplan && window.weaWorkplan.com && window.weaWorkplan.com.WorkPlanCreate &&
+ ( { 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={""}//客户模块需求，支持新建时传入的'基本信息-内容'
+ />)
+ }
+
)
+ }
+ return
+ }
+ reRenderColumns(columns) {
+ columns.forEach((c,i) => {
+ if (c.dataIndex == 'finish') {
+ c.render = function (text, record) {
+ return
+
+ {this.getQuickSearch()}
+
+
+
+ )
+ }
+ getCards(page){
+ const {data} = this.props;
+ let cards = [];
+ data.map((item,index)=>{
+ if(index>=(10*Number(page)-10) && index<= (10*Number(page)-1)){
+ cards.push( {getLabel(83320,"没有可显示的数据")}
+ }
+
+
+
+ {item.createdate} {item.createtime}
+
+
+ {item.docids &&
+ {getLabel(857,"相关文档")}:
}
+ {item.requestids && {getLabel(1044,"相关流程")}:
}
+ {item.crmids && {getLabel(783,"相关客户")}:
}
+ {item.projectids && {getLabel(782,"相关项目")}:
}
+ {item.tskids && {getLabel(33414,"相关任务")}:
}
+ {item.accessory && {getLabel(22194,"相关附件")}:
}
+
+
+ store.d3Tree = ref}
+ showMenu={true}
+ menus={this.props.rightMenus}
+ closeRight={(bool)=>{this.props.closeRight(bool)}}
+ closeDialog={(bool)=>{this.props.closeDialog(bool)}}
+ // onDelete={(readonly || !nodeForm.parentid) || this.deleteNode}
+ // onAddChild={readonly || this.addChildren}
+ // onDeleteChild={(readonly) || (hasChildren && this.deleteChildren)}
+ // onSynchro={readonly || this.synchronize}
+ showname={this.getShowname}
+ desc="hrmNames"
+ desc2="description"
+ desc3="overstr"
+ >
+ }
+
+
+ )
+ }
+
+
+ getShowname = (d) => {
+ return `${d.name}`;
+ }
+ changeSearchValue = () => {
+ this.searchedNode = [];
+ }
+ searchNode = (value) => {
+ const { store, params } = this.props;
+ if (!value) {
+ this.searchedNode = [];
+ return;
+ }
+ if (store.d3Tree ) {
+ if (this.searchedNode.length === 0) {
+ this.timer = 0;
+ this.searchedNode = store.d3Tree .searchNode(value.toLowerCase());
+ }
+ const length = this.searchedNode.length;
+ if (length > 0) {
+ store.d3Tree .centerNode(this.searchedNode[this.timer % length]);
+ this.timer++;
+ }
+ }
+ }
+ zoom = (scale) => {
+ // this.props.changeScale(parseInt(scale * 10));
+ this.setState({
+ scale : parseInt(scale * 10)
+ });
+ }
+ zoomIn = () => {
+ // this.props.changeScale(Math.min(this.props.scale + 1, 30));
+ this.setState({
+ scale : Math.min(this.state.scale + 1, 30)
+ });
+ }
+ zoomOut = () => {
+ // this.props.changeScale(Math.max(this.props.scale - 1, 1));
+ this.setState({
+ scale : Math.max(this.state.scale - 1, 1)
+ });
+ }
+ changeScale = (scale) => {
+ this.setState({
+ scale : scale
+ });
+ }
+ importPath = () => {
+ this.props.openPathTemplateDialog();
+ }
+ setCombine = () => {
+ const { edcPathDesignerStore: store, params } = this.props;
+ this.props.combineSetDialogStore.open({ appid: params.appid });
+ }
+ changeLayout = (e) => {
+ // const { edcPathDesignerStore: store } = this.props;
+ this.searchedNode = [];
+ // this.props.changeLayout(e.target.value);
+ this.setState({
+ layout : e.target.value
+ });
+ }
+
+ saveNode = () => {
+ this.props.saveNode();
+ }
+ saveAsTemplate = () => {
+ const { edcPathDesignerStore: store } = this.props;
+ if (this.props.d3Tree) {
+ const { edcPathDesignerStore: store } = this.props;
+ const svg = this.props.d3Tree .baseSvg;
+ const g = this.props.d3Tree .svgGroup;
+ const serializer = new XMLSerializer();
+ let source = serializer.serializeToString(svg.node());
+ source = '\r\n' + source;
+ const url = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
+ const canvas = document.createElement("canvas");
+ const { width, height } = svg.node().getBoundingClientRect();
+ canvas.width = width;
+ canvas.height = height;
+ const context = canvas.getContext("2d");
+ const image = new Image;
+ image.src = url;
+ image.onload = () => {
+ context.drawImage(image, 50, 25);
+ const img = canvas.toDataURL("image/png");
+ this.props.saveAsTemplate(img);
+ }
+ }
+ }
+ addChildren = () => {
+ const { edcPathDesignerStore: store } = this.props;
+ const { nodeForm } = store;
+ this.props.setChildOpreator([]);
+ this.props.allChildOpreator(nodeForm.id).then((childOpreator) => {
+ this.props.setChildOpreator(childOpreator);
+ if (this.browser) {
+ this.browser.openModal();
+ const selectPerson = (ids, names, objs) => {
+ if (objs.length > 99) {
+ message.warn(getLabel('502645', '下级节点不能超过99个'));
+ this.browser.openModal();
+ return;
+ }
+ const { edcPathDesignerStore: store } = this.props;
+ const oldids = childOpreator.map(d => d.id);
+ const newids = objs.filter(d => oldids.indexOf(d.id) === -1).map(d => d.id);
+ if (newids.length === 0) {
+ message.warn(getLabel('502646', '请选择需要添加的人员'));
+ return;
+ }
+ this.props.addNodes(nodeForm.id, newids.join(','));
+ }
+ this.selectPerson = selectPerson;
+ }
+ });
+ }
+ addNodes = (ids, names, objs) => {
+ this.selectPerson(ids, names, objs);
+ }
+
+ deleteNode = () => {
+ Modal.confirm({
+ title: getLabel('505951','删除节点') ,
+ content: getLabel('505952','确认要删除选中的节点？') ,
+ onOk: () => {
+ const { edcPathDesignerStore: store } = this.props;
+ const { nodeForm } = store;
+ this.props.deleteNode(nodeForm.id);
+ }
+ });
+ }
+
+ deleteChildren = () => {
+ Modal.confirm({
+ title: getLabel('505953','删除节点') ,
+ content: getLabel('505954','确认要删除所有下级节点？') ,
+ onOk: () => {
+ const { edcPathDesignerStore: store } = this.props;
+ const { nodeForm } = store;
+ this.props.deleteChildren(nodeForm.id);
+ }
+ });
+ }
+
+ synchronize = () => {
+ if (this.nodeBrowser) {
+ this.nodeBrowser.openModal();
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/common/mindMap/RectTree.js b/pc4mobx/prj/components/common/mindMap/RectTree.js
new file mode 100644
index 0000000..99fa2f8
--- /dev/null
+++ b/pc4mobx/prj/components/common/mindMap/RectTree.js
@@ -0,0 +1,940 @@
+
+import { isEqual, uniqueId, cloneDeep } from 'lodash';
+import * as React from 'react';
+import loadjs from 'loadjs';
+import classnames from 'classnames';
+import { RightMenu, RightMenuStore } from './rightMenu';
+import { WeaSlideModal, WeaDialog } from 'ecCom';
+
+import './index.less';
+const getLength = (str) => {
+ let realLength = 0, len = str.length, charCode = -1;
+ for (let i = 0; i < len; i++) {
+ charCode = str.charCodeAt(i);
+ if (charCode >= 0 && charCode <= 128) realLength += 1;
+ else realLength += 2;
+ }
+ return realLength;
+};
+const getSubStr = (str, start, length) => {
+ let rt = [], currentLength = 0, len = str.length, charCode = -1;
+ for (let i = 0; i < len; i++) {
+ charCode = str.charCodeAt(i);
+ if (charCode >= 0 && charCode <= 128) {
+ currentLength++;
+ } else {
+ currentLength += 2;
+ }
+ if (currentLength > start && currentLength <= length) {
+ rt.push(str.charAt(i));
+ }
+ }
+ return rt.join('');
+}
+const getShortStr = (ele, data, w = 100) => {
+ const length = parseInt(w / 6);
+ const datalength = data ? getLength(data) : 0;
+ if (length >= datalength) {
+ return data;
+ }
+ return getSubStr(data, 0, length) + '...';
+}
+export default class D3Tree extends React.Component {
+ totalNodes = 0;
+ maxLabelLength = 0;
+ i = 0;
+ selectedPath = [];
+ currentPath = [];
+ overedPath = [];
+ static defaultProps = {
+ widthToggle: true,
+ showRight: true,
+ layout: '0',
+ showMenu: false
+ }
+ constructor(props) {
+ super(props);
+ this.state = {
+ duration: 750,
+ hoverNode: undefined,
+ id: `d3TreeContainer_${new Date().getTime()}_${uniqueId()}`,
+ width: 220,
+ height: 100
+ }
+ this.didMountTree = false;
+ this.rightMenuStore = new RightMenuStore();
+ }
+ render() {
+ const { showRight, style, showMenu } = this.props;
+ const menu = [
+ {
+ key: '1',
+ icon: ,
+ content: '按钮 1',
+ },
+ {
+ key: '2',
+ icon: ,
+ content: '按钮 2',
+ }
+ ];
+ return (
+
+ {topButtons.length > 0 &&
+ {
+ topButtons
+ }
+ }
+
+ {getLabel(22986, '左')}
+ {getLabel(22988, '右')}
+ {getLabel(31276, '上')}
+ {getLabel(23010, '下')}
+
+
+
+
+ {
+ this.props.pathType === 1 &&
+
+
+ `${value * 10}%`}
+ onChange={this.changeScale}
+ >
+
+
+
+ { this.props.closeRight(false) }}>
+ {/* */}
+
+
+ )
+ }
+ if (verified && hasRight) {
+ return (
+
+
+ )
+ }
+
+ if (verified && hasRight) {
+ return (
+
+
+ )
+ }
+ if (verified && hasRight) {
+ return (
+ this.addDocType(ids, names, datas)} customized={true} >
+
+
+ );
+ }
+ return btn;
+ }
+ getRelateButtons(){
+ const {contentStore} = this.props;
+ const {taskDocStore,relateList:{canRelated}} = contentStore;
+ const {selectedRowKeys} = taskDocStore;
+ let btn = [];
+ if(canRelated){
+ btn.push(this.addDocument(ids, names, datas)} customized={true} >
+
+ );
+ btn.push( );
+ }
+ return btn;
+ }
+ //编辑
+ onChange=(data)=>{
+ const {contentStore} = this.props;
+ const {doDspTaskRequiredOpt,taskid,} = contentStore;
+ doDspTaskRequiredOpt({
+ method:'modifyRequiredDocN',
+ taskid : taskid,
+ secID : data.reqDocSecCategory,
+ isNecessary:data.isNecessary
+ },'doc');
+ }
+ //新增所需文档
+ addDocType=(ids, names, datas)=>{
+ const {contentStore} = this.props;
+ const {doDspTaskRequiredOpt,taskid,} = contentStore;
+ doDspTaskRequiredOpt({
+ method:'addRequiredDoc',
+ taskid : taskid,
+ secID : ids
+ },'doc');
+ }
+ onCreatDoc = (categoryid,taskid) =>{
+ // const {addDocFn} = this.props;
+ window.open((window.ecologyContentPath || '')+"/spa/document/index.jsp?secid="+categoryid+"&isEdit=1&router=1&moudleFrom=task#/main/document/edit", "_blank");
+ let _this = this;
+ window.__createDocFn = function (obj) {
+ let docid = obj.docid;
+ let docsubject = obj.docSubject;
+ // console.log(docid,docsubject);
+ // addDocFn && addDocFn(docid,docsubject);
+ _this.addDocument(docid, docsubject, '')
+ }
+ }
+ //删除
+ handleOperate=(record)=>{
+ const {contentStore} = this.props;
+ const {doDspTaskRequiredOpt,taskid,} = contentStore;
+ Modal.confirm({
+ title: getLabel(15172,"系统提示"),
+ content: getLabel(83600,"您确认要删除吗？"),
+ onOk() {
+ doDspTaskRequiredOpt({
+ method:'delRequiredDoc',
+ taskid : taskid,
+ secID : record.reqDocSecCategory
+ },'doc');
+ },
+ onCancel() { },
+ })
+
+ }
+ //新建
+ addDocument=(ids, names, datas)=>{
+ const {contentStore} = this.props;
+ const {doDspTaskReferenceOpt,taskid,prjid} = contentStore;
+ doDspTaskReferenceOpt({
+ dotype:'doc',
+ method:'add',
+ prjid : prjid,
+ taskid:taskid,
+ docid:ids,
+ ids:""
+ },'doc')
+ }
+ deleteDocument=()=>{
+ const {contentStore} = this.props;
+ const {doDspTaskReferenceOpt,taskid,taskDocStore,prjid} = contentStore;
+ const {selectedRowKeys} = taskDocStore;
+ Modal.confirm({
+ title: getLabel(15172,"系统提示"),
+ content: getLabel(83601,"您确认要删除选中的记录吗？"),
+ onOk() {
+ doDspTaskReferenceOpt({
+ dotype:'doc',
+ method:'del',
+ prjid : prjid,
+ taskid:taskid,
+ docid:"",
+ ids:`${toJS(selectedRowKeys)}`
+ },'doc')
+ },
+ onCancel() { },
+ })
+ }
+ onOperatesClick(record,index,operate,flag){
+ let _href = operate && operate.href ? operate.href : "";
+ let fn = _href.replace("javascript:","");
+ fn = fn.substring(0,fn.indexOf('('));
+ const {contentStore} = this.props;
+ const {doDspTaskReferenceOpt,taskid,taskDocStore,prjid} = contentStore;
+ if(fn != ""){
+ if("onDelRelated"==fn){ //delete
+ Modal.confirm({
+ title: getLabel(15172,"系统提示"),
+ content: getLabel(83600,"您确认要删除吗？"),
+ onOk() {
+ doDspTaskReferenceOpt({
+ dotype:'doc',
+ method:'del',
+ prjid : prjid,
+ taskid:taskid,
+ docid:"",
+ ids:record.randomFieldId
+ },'doc')
+ },
+ onCancel() { },
+ })
+ }
+ }
+ }
+
+}
+
diff --git a/pc4mobx/prj/components/common/relateExchange-1.js b/pc4mobx/prj/components/common/relateExchange-1.js
new file mode 100644
index 0000000..6fb3e04
--- /dev/null
+++ b/pc4mobx/prj/components/common/relateExchange-1.js
@@ -0,0 +1,192 @@
+
+import {Button,Row,Col,Icon,message} from 'antd';
+import {WeaNewScroll,WeaTextarea,WeaSearchGroup ,WeaRichText,WeaLocaleProvider } from 'ecCom';
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+import * as Util from '../../util/index'
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+export default class RelateExchange extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state ={
+ showGroup:true,
+ richValue:"",
+ status:"",
+ "doc":"",
+ "task":"",
+ "crm":"",
+ "workflow":"",
+ "project":"",
+ file:""
+ }
+
+ }
+ componentDidMount(){
+
+ }
+ componentWillReceiveProps(nextProps) {
+
+ }
+ render() {
+ const {showGroup,richValue} = this.state;
+ const basicToolBar = {
+ toolbar: [
+ { name: 'document', items: [ 'Source'] },
+ { name: 'styles', items: [ 'Format', 'Font', 'FontSize' ] },
+ { name: 'colors', items: [ 'TextColor' ] },
+ { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', ] },
+ ],
+ extraPlugins: 'autogrow',
+ height:150,
+ autoGrow_minHeight: 150,
+ autoGrow_maxHeight: 600,
+ removePlugins: 'resize',
+ };
+
+ // 顶部，底部工具栏扩展
+ const bottomBarConfig = [
+ {
+ name: 'Browser', // 浏览按钮组件
+ show:
+ {getLabel(857,"相关文档")}, // 使用组件库图标
+ type: '37', // 浏览按钮类型 文档
+ title: getLabel(58,"文档"), // 浏览按钮标题
+ },
+ {
+ name: 'Browser', // 浏览按钮组件
+ show:
+ {getLabel(1044,"相关流程")},
+ type: '152', // 浏览按钮类型
+ title: getLabel(18015,"流程"), // 浏览按钮标题
+ },
+ {
+ name: 'Browser',
+ show:
+ {getLabel(783,"相关客户")},
+ type: '18', // 浏览按钮类型
+ title: getLabel(136,"客户"), // 浏览按钮标题
+ },
+ {
+ name: 'Browser',
+ show:
+ {getLabel(782,"相关项目")},
+ type: '135', // 浏览按钮类型
+ title: getLabel(101,"项目"), // 浏览按钮标题
+ },
+ {
+ name: 'Browser',
+ show:
+ {getLabel(33414,"相关任务")},
+ type: 'prjtsk', // 浏览按钮类型 --目前没有，等待开发
+ title: getLabel(1332,"任务"), // 浏览按钮标题
+ },
+ {
+ name: 'Upload', // 上传组件
+ type: 'file', // 上传组件类型
+ show:
+ {getLabel(156,"附件")+"("+getLabel(18642,"此目录下上传附件最大大小")+":5M)"} , // 使用 antd 图标
+ uploadUrl: (window.ecologyContentPath || '')+'/api/doc/upload/uploadFile?model=reply', // 上传地址 --目前没有，等待开发
+ category: (window.ecologyContentPath || '')+'/api/doc/upload/uploadFile?model=reply', // 文档目录 --目前没有，等待开发
+ maxUploadSize:5
+ },
+ {
+ name: 'Component',
+ style: {float: 'right'},
+ show: (
+
+ )
+ }
+ ];
+ return (
+ 
'
+ }
+ if(name === 'Upload' && type === 'file'){
+ str += (`${item.filename}
`) + } + if(name === 'Browser'){ + str += ( `${item.name || item.showname}
`) + } + }) + return str + } + handleSubmitExchange=()=>{ + let { richValue} = this.state; + let ckref = this.refs.prjRelateExchange; + if (!ckref.checkMode()) { + message.error(getLabel(27541,"请将编辑器切换到可视化模式")); + return; + } + this.refs.prjRelateExchange.setData(''); + } +} + diff --git a/pc4mobx/prj/components/common/relateExchange.js b/pc4mobx/prj/components/common/relateExchange.js new file mode 100644 index 0000000..550cdae --- /dev/null +++ b/pc4mobx/prj/components/common/relateExchange.js @@ -0,0 +1,211 @@ + +import {Button,Row,Col,Icon,message,Modal} from 'antd'; +import {WeaNewScroll,WeaTextarea,WeaSearchGroup ,WeaRichText,WeaFormItem ,WeaBrowser,WeaUpload,WeaTab,WeaTools,WeaLocaleProvider} from 'ecCom'; +import {inject, observer} from "mobx-react"; +import {toJS} from 'mobx'; +import ExchangeLogs from './exchangeLogs' +import {Condition} from '../list/listCondition'; +const getLabel = WeaLocaleProvider.getLabel; + +@observer +export default class RelateExchange extends React.Component { + constructor(props) { + super(props); + this.state ={ + showGroup:false, + value:"", + "doc":"", + "task":"", + "crm":"", + "workflow":"", + "project":"", + file:"", + key:0 + } + } + componentWillUnmount(){ + this.setState({ + showGroup:false, + value:"", + "doc":"", + "task":"", + "crm":"", + "workflow":"", + "project":"", + file:"", + key:0 + }) + } + render() { + const {contentStore} = this.props; + const {showSearchAd ,exchangeContent,exchangeform } = contentStore; + const formParams = exchangeform.getFormParams() || {}; + const {showGroup,value,key} = this.state; + const formItemLayout = { + labelCol: { span:5 }, + wrapperCol: { span: 14 }, + }; + + return ( +
+ this.docOnchange(item.key,ids, names, datas)} />
+
+ )
+ }else{
+ return;
+ }
+
+ })
+ return group;
+ }
+ docOnchange=(type,ids, names, datas)=>{
+ if(type =="doc"){
+ this.setState({doc:ids})
+ }else if(type == "wf"){
+ this.setState({workflow:ids})
+ }else if(type == "crm"){
+ this.setState({crm:ids})
+ }else if(type == "task"){
+ this.setState({task:ids})
+ }else if(type == "prj"){
+ this.setState({project:ids})
+ }
+ }
+ fileUploadBack=(arr)=>{
+ this.setState({file:arr})
+ }
+ saveValue=(v)=>{
+ this.setState({value:v})
+ }
+
+ handleSubmitExchange=()=>{
+ const { value,doc,task,crm,workflow, project, file,key} = this.state;
+ const {targetid,discusstype} = this.props.contentStore;
+ if(value){
+ let params = {
+ id:targetid,
+ discusstype:discusstype,
+ remark:value.replace(/(^\s*)|(\s*$)/g,"").replace(/\n/g,'
'), + relateddoc:doc, + relatedwf:workflow, + relatedcrm:crm, + relatedprj:project, + relatedtsk:task, + relatedacc:`${file}`, + } + WeaTools.callApi('/api/proj/prjutil/doDiscussOpt', 'POST', params).then(data=>{ + typeof this.props.callBack == "function" && this.props.callBack(); + this.setState({ + value:"", + "doc":"", + "task":"", + "crm":"", + "workflow":"", + "project":"", + file:"", + key:key+1 + }) + }); + }else{ + Modal.info({ + title: getLabel(15172,"系统提示"), + content: getLabel(83900,"请填写交流信息"), + }); + } + } + getAdButtons = () => { + const {contentStore} = this.props; + const {setShowSearchAd,clearFormFields,getRelateExchangeInfo} = contentStore; + return [ + (), + (), + () + ]; + } + pageNoChange=(index)=>{ + const {contentStore} = this.props; + const {getRelateExchangeInfo} = contentStore; + getRelateExchangeInfo({pageIndex:index}); + } +} + diff --git a/pc4mobx/prj/components/common/relateWorkFlow.js b/pc4mobx/prj/components/common/relateWorkFlow.js new file mode 100644 index 0000000..deec10f --- /dev/null +++ b/pc4mobx/prj/components/common/relateWorkFlow.js @@ -0,0 +1,248 @@ + +import {Button,Row,Col, Icon,message,Modal} from 'antd'; +import {WeaTools,WeaBrowser,WeaAlertPage,WeaLocaleProvider} from 'ecCom'; +import {inject, observer} from "mobx-react"; +import {toJS} from 'mobx'; +import PrjShowGroup from '../comp/prj-show-group' +import PrjTableEdit from '../comp/prj-table-edit' +import {WeaTableNew} from 'comsMobx'; +const WeaTable = WeaTableNew.WeaTable; +const getLabel = WeaLocaleProvider.getLabel; + +@observer +export default class RelateExchange extends React.Component { + constructor(props) { + super(props); + this.state ={ + + } + + } + componentDidMount(){ + + } + componentWillReceiveProps(nextProps) { + + } + render() { + const {contentStore} = this.props; + const {taskReqStore,relateList,relateList:{canRef},taskRelRight:{hasRight,verified},register_table} = contentStore; + const columns = [ + { + title: getLabel(16579,"流程类型"), //列名 + dataIndex: 'wfname', //列的id 对应数据 + key: 'wfname', //前端渲染key值 + com: [ + { label: '', type: 'LINK_WF' , key: 'wfname', viewAttr:1, width: 120, otherParams: {className: 'test-className'}}, + ], + colSpan: 1, + width: '50%', + className: 'wea-table-edit-name', + }, + { + title: getLabel(17906,"必要"), //列名 + dataIndex: 'isNecessary', //列的id 对应数据 + key: 'isNecessary', //前端渲染key值 + com: [ + { label: '', type: 'CHECKBOX' ,editType: '1', viewAttr:canRef?2:1,key: 'isNecessary', width: 80, } + ], + colSpan: 1, + width: '40%', + className: 'wea-table-edit-ismust', + }, + { + title: '', //列名 + dataIndex: 'operate', //列的id 对应数据 + key: 'sex', //前端渲染key值 + com: [ + { label: '', type: 'OPERATE' ,editType: '1', key: 'operate', options: [{ key: '1', showname: getLabel(91,"删除")}] } + ], + colSpan: 1, + width: '10%', + className: 'prj-dropdown-link', + }, + ]; + if (verified && !hasRight) { + return (
+
+ )
+ }
+ if (verified && hasRight) {
+ return (
+ this.addWorkFlowType(ids, names, datas)} customized={true} >
+
+
+ );
+ }
+ return btn;
+ }
+ getRelateButtons(){
+ const {contentStore} = this.props;
+ const {taskReqStore,relateList:{canRelated}} = contentStore;
+ const {selectedRowKeys} = taskReqStore;
+ let btn = [];
+ if(canRelated){
+ btn.push(this.addWorkFlow(ids, names, datas)} customized={true} >
+
+ );
+ btn.push( );
+ }
+ return btn;
+ }
+ //编辑
+ onChange=(data)=>{
+ const {contentStore} = this.props;
+ const {doDspTaskRequiredOpt,taskid,} = contentStore;
+ doDspTaskRequiredOpt({
+ method:'modifyRequiredWFN',
+ taskid : taskid,
+ wfid : data.wfid1,
+ isNecessary:data.isNecessary
+ },'req');
+ }
+ //新增
+ addWorkFlowType=(ids, names, datas)=>{
+ const {contentStore} = this.props;
+ const {doDspTaskRequiredOpt,taskid,} = contentStore;
+ doDspTaskRequiredOpt({
+ method:'addRequiredWF',
+ taskid : taskid,
+ wfids : ids
+ },'req');
+ }
+ //删除
+ handleOperate=(record)=>{
+ const {contentStore} = this.props;
+ const {doDspTaskRequiredOpt,taskid,} = contentStore;
+ Modal.confirm({
+ title: getLabel(15172,"系统提示"),
+ content: getLabel(83600,"您确认要删除吗？"),
+ onOk() {
+ doDspTaskRequiredOpt({
+ method:'delRequiredWF',
+ taskid : taskid,
+ wfid : record.wfid1
+ },'req');
+ },
+ onCancel() { },
+ })
+
+ }
+
+ onCreatReq = (workflowid,taskId) => {
+ window.open("/workflow/request/CreateRequestForward.jsp?workflowid="+workflowid+"&taskrecordid="+taskId , "_blank");
+ }
+
+ onCreatDoc = (docid,taskid) => {
+ window.open((window.ecologyContentPath || '')+"/spa/document/index.jsp?secid="+ docid +"&isEdit=1&router=1&moudleFrom=task#/main/document/edit?taskrecordid="+taskid , "_blank");
+ }
+
+ //新建流程
+ addWorkFlow=(ids, names, datas)=>{
+ const {contentStore} = this.props;
+ const {doDspTaskReferenceOpt,taskid,prjid} = contentStore;
+ doDspTaskReferenceOpt({
+ dotype:'workflow',
+ method:'add',
+ prjid : prjid,
+ taskid:taskid,
+ requestid:ids,
+ ids:""
+ },'req')
+ }
+ //删除流程
+ deleteWorkFlow = ()=>{
+ const {contentStore} = this.props;
+ const {doDspTaskReferenceOpt,taskid,taskReqStore,prjid} = contentStore;
+ const {selectedRowKeys} = taskReqStore;
+ Modal.confirm({
+ title: getLabel(15172,"系统提示"),
+ content: getLabel(83601,"您确认要删除选中的记录吗？"),
+ onOk() {
+ doDspTaskReferenceOpt({
+ dotype:'workflow',
+ method:'del',
+ prjid : prjid,
+ taskid:taskid,
+ requestid:"",
+ ids:`${toJS(selectedRowKeys)}`
+ },'req')
+ },
+ onCancel() { },
+ })
+ }
+ onOperatesClick(record,index,operate,flag){
+ let _href = operate && operate.href ? operate.href : "";
+ let fn = _href.replace("javascript:","");
+ fn = fn.substring(0,fn.indexOf('('));
+ const {contentStore} = this.props;
+ const {doDspTaskReferenceOpt,taskid,taskReqStore,prjid} = contentStore;
+ if(fn != ""){
+ if("onDelRelated"==fn){ //delete
+ Modal.confirm({
+ title: getLabel(15172,"系统提示"),
+ content: getLabel(83600,"您确认要删除吗？"),
+ onOk() {
+ doDspTaskReferenceOpt({
+ dotype:'workflow',
+ method:'del',
+ prjid : prjid,
+ taskid:taskid,
+ requestid:"",
+ ids:record.randomFieldId
+ },'req')
+ },
+ onCancel() { },
+ })
+ }
+ }
+ }
+
+}
+
diff --git a/pc4mobx/prj/components/common/resourcePage.js b/pc4mobx/prj/components/common/resourcePage.js
new file mode 100644
index 0000000..3839cea
--- /dev/null
+++ b/pc4mobx/prj/components/common/resourcePage.js
@@ -0,0 +1,201 @@
+
+import { observer } from "mobx-react";
+import React from 'react';
+import { toJS } from 'mobx';
+import {WeaAlertPage} from 'ecCom';
+import {WeaLocaleProvider} from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+import {Spin} from 'antd';
+import '../../style/resource.less';
+@observer
+export default class resourcePage extends React.Component {
+
+ constructor(props) {
+ super(props);
+ }
+
+ render() {
+ const {contentStore} = this.props;
+ let {resourceInfo} = contentStore;
+ let resource = toJS(resourceInfo);
+ if (!resource.success) {
+ return (
+ {item.name}
+ )
+ }))
+
+ //相关流程
+ resource.wfList && (
+ Workflow = resource.wfList.map((item, index) => {
+ return (
+ {item.name}
+ )
+ }))
+
+ //相关客戶
+ resource.cusList && (
+ Customer = resource.cusList.map((item, index) => {
+ return (
+ {item.name}
+ )
+ }))
+
+ //相关項目
+ resource.prjList && (
+ Project = resource.prjList.map((item, index) => {
+ return (
+ {item.name}
+ )
+ }))
+
+ //相关任务
+ resource.taskList && (
+ Task = resource.taskList.map((item, index) => {
+ return (
+
+ {item.name}
+
+ )
+ }))
+
+ //相关附件
+ resource.accList && (
+ Accessory = resource.accList.map((item, index) => {
+ return (
+
+ {item.name}
+
+ )
+ }))
+
+ //相关资产
+ resource.cptList && (
+ Capital = resource.cptList.map((item, index) => {
+ return (
+
+ {item.name}
+
+ )
+ }))
+
+ return (
+
+ )
+ }
+ if (verified && hasRight) {
+ return (
+ { contentStore.setShowSearchAd(bool) }}
+ hideSearchAd={() => contentStore.setShowSearchAd(false)}
+ searchsAd={
+
+ { setFormFields({ begindate__begintime: { value: v } }); this.workdayComputed(v, "begin") }} />
+
+
+ } else if (fields.domkey[0] == "enddate") {
+ dom =
+ {
+ if (taskInfo.maxSubTaskEndDate == "" || typeof (taskInfo.maxSubTaskEndDate) == "undefined") {
+ setFormFields({ enddate__endtime: { value: v } });
+ this.workdayComputed(v, "end")
+ } else {
+ if (new Date(v[0]) < new Date(taskInfo.maxSubTaskEndDate)) {
+ // Modal.warning({
+ // title: getLabel(83887, "任务完成的最后时间小于其子任务完成的最后时间！"),
+ // content: ""
+ // });
+ message.error(getLabel(83887, "任务完成的最后时间小于其子任务完成的最后时间！"));
+ setFormFields({ enddate__endtime: { value: [taskInfo.maxSubTaskEndDate, formParams.endtime] } });
+ this.workdayComputed([taskInfo.maxSubTaskEndDate, formParams.endtime], "end")
+ } else {
+ setFormFields({ enddate__endtime: { value: v } });
+ this.workdayComputed(v, "end")
+ }
+ }
+ }} />
+
+
+ } else if (fields.domkey[0] == "actualbegindate") {
+ dom =
+ { setFormFields({ actualbegindate__actualbegintime: { value: v } }); this.onActualComputed(v, "begin") }} />
+
+
+ } else if (fields.domkey[0] == "actualenddate") {
+ dom =
+ { setFormFields({ actualenddate__actualendtime: { value: v } }); this.onActualComputed(v, "end") }} />
+
+
+ } else if (fields.domkey[0] == "finish") {
+ if (fields.viewAttr == "1") {
+ dom =
+
+ } else {
+ dom =
+ { this.checkProgress(v); }} />
+ %
+
+
+ }
+ } else if (fields.conditionType == "RICHTEXT") { //多行文本
+ if(fields.viewAttr == "1"){
+ dom = WeaTools.EncryBase.desensitization(fields.value)?
+ }
+ } else if (fields.domkey[0] == "accessory") {
+ let domkey = fields.domkey[0];
+ dom =
+ { this.endDateComputed(v) }} />;
+ } else if (fields.domkey[0] == "realmandays") {
+ dom = { this.endActualDateComputed(v) }} />;
+ } else if (fields.domkey[0] == "parentid") {
+ dom = { this.onParentChange(v) }} />;
+ }else {
+ dom =
+ {dom}
+ ),
+ colSpan: 1,
+ hide: hide
+ });
+ } else {
+ items.push({
+ com: (
+ {dom}
+ ),
+ colSpan: 1,
+ hide: hide
+ });
+ }
+
+ });
+ group.push(
+
+ );
+ let body;
+ if (modalBody) {
+ body = modalBody;
+ if (isString(modalBody)) body =
+ }
+
+ return (
+
+
+ )
+ }
+}
+export default Main;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/extend-dialog/style/index.css b/pc4mobx/prj/components/comp/extend-dialog/style/index.css
new file mode 100644
index 0000000..77ead50
--- /dev/null
+++ b/pc4mobx/prj/components/comp/extend-dialog/style/index.css
@@ -0,0 +1,96 @@
+.extend-dialog iframe {
+ border: none;
+}
+
+.extend-dialog .extend-dialog-header-icon{
+ display: inline-block;
+ height: 48px;
+ width: 35px;
+ text-align: center
+}
+.extend-dialog .extend-dialog-header-icon:hover{
+ color:#666 !important;
+}
+.extend-dialog-allscreen{
+ top: 10 !important;
+ left: 0 !important;
+ padding-bottom: 0;
+ transform: translate(0px, 0px)!important;
+}
+
+.extend-dialog .ant-modal-body {
+ padding: 0;
+}
+
+.extend-dialog .ant-modal-content .ant-modal-header {
+ padding: 0;
+ background-color: #f9f9f9;
+}
+
+.extend-dialog .ant-modal-footer button {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+.extend-dialog .ant-modal-footer button:last-child {
+ margin-right: 0;
+}
+
+.extend-dialog .ant-modal-footer button {
+ border-radius: 3px;
+}
+
+.extend-dialog .extend-dialog-body {
+ position: relative;
+}
+
+.extend-dialog .extend-dialog-menu{
+ position: absolute;
+ bottom: 21px;
+ right: 0px;
+ max-width: 200px;
+ border: 1px solid #dadada;
+ box-shadow: 0 0 2px #dadada;
+ z-index: 1000;
+ box-sizing: border-box;
+}
+.extend-dialog-menu{
+ background-color: #fff;
+}
+.extend-dialog-menu .ant-menu {
+ margin: 10px 0;
+ border: 0;
+ text-align: left;
+}
+.extend-dialog-menu .ant-menu .ant-menu-item-selected {
+ border: 0;
+ color: #000;
+}
+.extend-dialog-menu .ant-menu .ant-menu-item-active{
+ background-color: #57c5f7;
+ color:#fff;
+}
+
+.extend-dialog-menu .ant-menu .ant-menu-item {
+ height: 30px;
+ line-height: 30px;
+ padding: 0 8px 0 0;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.extend-dialog-menu .ant-menu .ant-menu-item .extend-dialog-menu-icon {
+ display: inline-block;
+ width: 36px;
+ margin-right: 6px;
+ text-align: center;
+}
+.extend-dialog-menu .extend-right-menu-icon-background{
+ width: 36px;
+ height: 100%;
+ background-color: #f2f5f7;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 0;
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/kanban/Draggable.js b/pc4mobx/prj/components/comp/kanban/Draggable.js
new file mode 100644
index 0000000..3beb853
--- /dev/null
+++ b/pc4mobx/prj/components/comp/kanban/Draggable.js
@@ -0,0 +1,69 @@
+import React from 'react';
+
+
+export default class Draggable extends React.Component {
+ constructor(){
+ super();
+ this._timer ;
+ }
+ componentDidMount() {
+ let $this = $(this.refs._container)
+ let handle = $this.find(this.props.handle)
+ let isDrag = false;
+ // let _timer =
+ handle.mousedown((e1) => {
+ clearTimeout(this._timer)
+
+ let startX = e1.clientX;
+ let startY = e1.clientY;
+ let offset = $this.offset();
+ // isDrag = false;
+ // $this.css({ position: 'fixed', ...offset, width: $this.width(), height: $this.height() });
+ this.props.onStart && this.props.onStart(e1, { $target: $this }, { position: 'fixed', ...offset, width: $this.width(), height: $this.height() });
+ // this._timer = setTimeout(()=>{
+ $(document).mousemove((e) => {
+
+ let offsetX = e.clientX - startX;
+ let offsetY = e.clientY - startY;
+ // isDrag = true;
+ if (this.props.axis == 'x') {
+ // let offsetX = e.clientX - startX;
+ $this.css({ left: offset.left + offsetX });
+ } else if (this.props.axis == 'y') {
+ // let offsetY = e.clientY - startY;
+ $this.css({ top: offset.top + offsetY });
+ } else {
+ // let offsetX = e.clientX - startX;
+ // let offsetY = e.clientY - startY;
+ $this.css({ left: offset.left + offsetX, top: offset.top + offsetY, zIndex: 9999 });
+ }
+ this.props.onDrag && this.props.onDrag({ target: this.refs._container });
+ }).mouseup(() => {
+ $(document).unbind('mousemove');
+ $(document).unbind('mouseup');
+ this.props.onStop && this.props.onStop({ target: this.refs._container });
+ $this.removeAttr("style");
+ return false;
+ })
+ // },200)
+
+ //if (!isDrag) {
+ // this.props.onClick && this.props.onClick({ target: this.refs._container });
+ // return false;
+ // } else {
+ // return false;
+ // }
+
+ });
+ }
+ render() {
+ return (
+ { typeof onCancel === 'function' && onCancel(); }}
+ style={{ width: 800, height: 500 }}
+ >
+
+
+
+
+
+ )
+ }
+ getBottomButtons() {
+ const { onCancel, onSave } = this.props;
+ const { datas } = this.state;
+ let btnArr = [];
+ btnArr.push()
+ btnArr.push()
+ return btnArr;
+ }
+ getRightMenu() {
+ const { onCancel, onSave } = this.props;
+ const { datas } = this.state;
+ let btns = [];
+ btns.push({
+ key: "1",
+ icon: ,
+ content: getLabel(86, "保存"),
+ onClick: () => { typeof onSave === 'function' && onSave(datas); this.setState({ datas: [] }); }
+ });
+ return btns;
+ }
+ addColumns() {
+ this.refs.customerShare.onOk();
+ }
+ editTableDatas(data) {
+ this.setState({ datas: data })
+ }
+
+}
+
+export default BatchShareDialog
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/prj-batch-share/index.less b/pc4mobx/prj/components/comp/prj-batch-share/index.less
new file mode 100644
index 0000000..9b6e601
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-batch-share/index.less
@@ -0,0 +1,52 @@
+.prj-auth-customersize{
+ margin-top: 10px;
+ .ant-form-item {
+ font-size: 12px;
+ margin-bottom: 10px;
+ color: #666;
+ }
+}
+
+.wea-batchshare-table{
+ padding-top: 20px;
+ padding-left: 25px;
+ padding-right: 25px;
+}
+.wea-batchshare-table .wea-title {
+ font-size: 12px;
+ color: #484848;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ border-bottom: solid 1px #ebebeb;
+}
+.wea-batchshare-table .wea-title i {
+ cursor: pointer;
+}
+.wea-batchshare-table .wea-title button {
+ width: 20px;
+ height: 20px;
+ text-align: center;
+ padding: 0;
+ margin-right: 15px;
+}
+.wea-batchshare-table .ant-table-tbody>tr>td {
+ padding: 10px 8px;
+ word-break: break-all;
+}
+.wea-batchshare-table .ant-table-thead>tr>th {
+ background-color: #f8fcff;
+}
+.wea-batchshare-table .ant-table-thead>tr>th {
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+.wea-batchshare-table .ant-table-thead th {
+ border-bottom: 1px solid #eaeaea;
+ font-weight: 400;
+}
+.wea-batchshare-table .ant-table,.wea-batchshare-table .ant-table table {
+ border-radius: 0;
+}
+.wea-batchshare-table .ant-btn-sm {
+ border-radius: 0;
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/prj-data-time/index.js b/pc4mobx/prj/components/comp/prj-data-time/index.js
new file mode 100644
index 0000000..7c08fa3
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-data-time/index.js
@@ -0,0 +1,66 @@
+import {InputNumber, Modal, Icon} from 'antd';
+import isEmpty from 'lodash/isEmpty';
+import isArray from 'lodash/isArray'
+import {WeaDatePicker,WeaTimePicker} from "ecCom"
+import equals from 'deep-equal'
+
+class Main extends React.Component {
+ constructor(props){
+ super(props)
+ this.state={
+ dateValue: '',
+ timeValue: ''
+ }
+ if (!isEmpty(props.value)) {
+ if (props.value[0]) this.state.dateValue = props.value[0];
+ if (props.value[1]) this.state.timeValue = props.value[1];
+ }
+ }
+ componentWillReceiveProps(nextProps){
+ if (!equals(this.props.value,nextProps.value)) {
+ let dateValue = '', timeValue = '';
+ if (!isEmpty(nextProps.value)) {
+ dateValue = nextProps.value[0];
+ timeValue = nextProps.value[1];
+ }
+ this.setState({dateValue, timeValue});
+ }
+ }
+ onChangeDate(value) {
+ this.setState({dateValue: value});
+ const {timeValue = ''} = this.state;
+ this.props.onChange && this.props.onChange([value, timeValue]);
+ }
+ onChangeTime(value) {
+ this.setState({timeValue: value});
+ const {dateValue = ''} = this.state;
+ this.props.onChange && this.props.onChange([dateValue, value]);
+ }
+ render(){
+ const {dateValue, timeValue, } = this.state;
+ const {viewAttr,otherParams,startValue="",endValue="",isTimeShow='1',type,domkey}=this.props;
+ let name = domkey&&domkey[0];
+ let timename = '';
+ if(name==='begindate'){
+ timename ='begintime';
+ }else if(name==='enddate'){
+ timename ='endtime';
+ }else if(name==='actualbegindate'){
+ timename ='actualbegintime';
+ }else if(name==='actualenddate'){
+ timename ='actualendtime';
+ }
+ return(
+ this.onEdit(record, index, key, value)} />
+ }
+ { _type === 'TEXTAREA' &&
+ this.onEdit(record, index, key, value)} />
+ }
+ { _type === 'DATEPICKER' &&
+ this.onEdit(record, index, key, value)} />
+ }
+ { _type === 'TIMEPICKER' &&
+ this.onEdit(record, index, key, value)} />
+ }
+ { _type === 'SELECT' &&
+ this.onEdit(record, index, key, value)} />
+ }
+ { _type === 'BROWSER' &&
+ this.onEdit(record, index, key, ids, names, bDatas)} />
+ }
+ { _type === 'CHECKBOX' &&
+ this.onEdit(record, index, key, value)}
+ />
+ }
+ {
+ _type == "LINK_WF" &&
+
+ onCreatReq(record.wfid,record.taskId)}>{record[key]}({record.requiredWFCount})
+ !
+
+ }
+ {
+ _type == "LINK_DOC" &&
+
+ onCreatDoc && onCreatDoc(record.reqDocSecCategory,record.taskId)}>{record[key]}({record.requiredDocCount})
+ !
+
+ }
+ {
+ _type == "OPERATE" &&
+
+
+ {getLabel(104,"操作")}
+ }
+
+ )
+ }
+ });
+ return (
+
+ {item.showname}
+
+ )
+ })
+ return
+ }
+ return menu
+ }
+ onMenuClick=(record,options)=>{
+ typeof this.props.operate == "function" && this.props.operate(record);
+ }
+}
+
+export default Main;
+
diff --git a/pc4mobx/prj/components/comp/prj-table-edit/index.less b/pc4mobx/prj/components/comp/prj-table-edit/index.less
new file mode 100644
index 0000000..f062b40
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-table-edit/index.less
@@ -0,0 +1,16 @@
+.wea-table-edit .prj-dropdown-link .ant-dropdown-link {
+ color: #484848
+}
+.prj-link-a a:link {
+ color: #484848;
+}
+.prj-link-a a:hover {
+ color: #038ef6
+}
+
+.prj-content-must{
+ color: red;
+ margin-left: 5px;
+ font-size: 14px;
+ font-weight: 700;
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/prj-task-layout/index.js b/pc4mobx/prj/components/comp/prj-task-layout/index.js
new file mode 100644
index 0000000..1a05f69
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-task-layout/index.js
@@ -0,0 +1,85 @@
+import { Icon} from 'antd';
+import React from 'react';
+import cloneDeep from 'lodash/cloneDeep'
+import './index.less'
+
+
+export class PrjTaskLayout extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ showLeft:props.defaultShowLeft || true,
+ isHover:false,
+ leftWidth:props.leftWidth || 250,
+ treeWidth:props.treeWidth || 250
+ //showRight:false
+ }
+ }
+ componentWillReceiveProps(nextProps){
+ if(this.props.showRight !== nextProps.showRight){
+ // this.showright(nextProps.showRight);
+ this.rightShowCo(nextProps.showRight);
+ }
+ }
+
+ componentDidMount(props){
+ let $this = $(this.refs._container)
+ let handle = $this.find(this.props.handle)
+ // let isDrag = false;
+ // let _timer =
+ $this.click(function(){
+ rightShowCo(false);
+ });
+
+ }
+ leftShowCo(e){
+ const {showLeft,leftWidth,treeWidth} = this.state;
+ const { onLeftChange,leftCom} = this.props;
+ if(showLeft){
+ jQuery(".three-side-right").animate({width:0},300,"linear",onLeftChange && onLeftChange(false))
+ }else{
+ jQuery(".three-side-right").animate({width:leftCom? leftWidth:treeWidth},300,"linear",onLeftChange && onLeftChange(true))
+ }
+ this.setState({showLeft:!showLeft});
+ e.stopPropagation();
+ e.preventDefault();
+ e.nativeEvent.preventDefault();
+ }
+
+ rightShowCo(showRight){
+ // const {showLeft,leftWidth,treeWidth} = this.state;
+ const { rightCom,rightWidth} = this.props;
+ if(showRight){
+ jQuery(".prj-layout-right").animate({width:0},300,"linear")
+ }else{
+ jQuery(".prj-layout-right").animate({width:rightCom? rightWidth:0},300,"linear")
+ }
+ //this.setState({showLeft:!showLeft});
+ // e.stopPropagation();
+ // e.preventDefault();
+ // e.nativeEvent.preventDefault();
+ }
+
+ render() {
+ const {leftCom,rightCom,rightWidth} = this.props;
+ return (
+ {
+ this.remind1.push(ref);
+ }}
+ error={getLabel(385869,"此项必填")}
+ tipPosition="top"
+ >
+ this.onEdit(record, index,"name" , value)}
+ />
+
+ ,
+ }, {
+ title: getLabel('24902','阶段') ,
+ dataIndex: 'stageid',
+ width:"10%",
+ render: (text, record, index ) => {
+ return
+ {
+ this.remind2.push(ref);
+ }}
+ error={getLabel(385869,"此项必填")}
+ tipPosition="top"
+ >
+ this.onEdit(record, index,"stageid" , value)}
+ style={{width:80}}
+ />
+
+ },
+ }, {
+ title: getLabel(1298,"工期"),
+ dataIndex: 'workday',
+ width:"5%",
+ render:(text, record, index)=>
+ this.onEdit(record, index,"workday" , value)} />
+
+ }, {
+ title: getLabel(742,"开始时间"),
+ dataIndex: 'begindate',
+ width:"15%",
+ render:(text, record, index)=>
+ this.setState({showModal:true,clickKey:record.key})}/>}
+
+ },{
+ title: getLabel(2097,"负责人"),
+ dataIndex: 'hrmid',
+ width:"20%",
+ render:(text, record, index)=>
+ {
+ this.remind3.push(ref);
+ }}
+ error={getLabel(385869,"此项必填")}
+ tipPosition="top"
+ style={{width:90}}
+ >
+ {this.onEdit( record, index,"hrmid",ids, names, bDatas)}}
+ replaceDatas={[{id: text, name: record.hrmname}]}
+ />
+
+
+ }];
+ }
+
+ onEdit= (record, index,name , value,names,bDatas) =>{
+ let that = this;
+ const {clickKey,datas} = this.state;
+ let _datas = [].concat(datas);
+ if(name == "hrmid"){
+ _datas[index][name] = value ;
+ _datas[index]["hrmname"] = names ;
+ }else{
+ _datas[index][name] = value ;
+ }
+ if(name == "workday") {
+ let res = "2023-09-09";
+ //接口计算
+ res = endDateDiff(record.begindate,value)
+ _datas[index]["enddate"] = res
+ }
+
+ this.setState({datas : _datas});
+ this.onChange(_datas);
+ }
+
+ getButtons(){
+ let btn = [];
+ btn.push();
+ btn.push();
+ return btn;
+ }
+ getModalColumns(){
+ return [{
+ title: getLabel(15486,"序号"),
+ dataIndex: 'rowIndex',
+ width:"15%",
+ render: (text, record, index ) =>{text},
+ }, {
+ title: getLabel(1352,"任务名称"),
+ dataIndex: 'name',
+ width:"85%",
+ render: (text, record, index ) => {text},
+ }]
+ }
+ onRowClick=(record, index)=>{
+ let that = this;
+ const {clickKey,datas} = this.state;
+ let _datas = [].concat(datas);
+ if(record.key == clickKey){
+ // Modal.warning({
+ // title: getLabel(15172,"系统提示"),
+ // content: getLabel(24468,"不能把本身设置为前置任务!"),
+ // onOk() {
+ // that.setState({showModal:false,clickKey:""})
+ // }
+ // })
+ message.error(getLabel(24468,"不能把本身设置为前置任务!"));
+ that.setState({showModal:false,clickKey:""});
+ }else{
+ _datas[clickKey-1].beftaskname = record.name;
+ _datas[clickKey-1].beftaskid = record.rowIndex;
+ that.setState({showModal:false,clickKey:"",datas :_datas})
+ this.onChange(_datas);
+ }
+ }
+
+ onClear=()=>{
+ let that = this;
+ const {clickKey,datas} = this.state;
+ let _datas = [].concat(datas);
+ _datas[clickKey-1].beftaskname = "";
+ _datas[clickKey-1].beftaskid = "";
+ that.setState({showModal:false,clickKey:"",datas :_datas})
+ this.onChange(_datas);
+ }
+
+ //计算工期
+ timeComputed= (arg,type,index) =>{
+ const {userid ,isworkday} = this.props;
+ const {datas} = this.state;
+ let _datas = [].concat(datas);
+ let res = "";
+ if(type == "begin"){
+ let time = "";
+ if(!arg[1]){time = "00:00" }else{time = arg[1]}
+ if( _datas[index]["enddate"] && arg[0] ){
+ res = datediff(arg[0],_datas[index]["enddate"],time,_datas[index]["endtime"] || "23:59",userid,isworkday);
+ }
+ _datas[index]["begindate"] = arg[0]
+ _datas[index]["begintime"] = time;
+ }else{
+ let time = "";
+ if(!arg[1]){time = "00:00"}else{time = arg[1]}
+ if(_datas[index]['begindate'] && arg[0] ){
+ res = datediff(_datas[index]['begindate'],arg[0],_datas[index]['begintime'] || "00:00",time,userid,isworkday);
+ }
+ _datas[index]["enddate"] = arg[0]
+ _datas[index]["endtime"] = time;
+ }
+ _datas[index].workday = res;
+ this.setState({datas:_datas})
+ this.onChange(_datas);
+ }
+
+ getRowSelection(){
+ let that = this;
+ const rowSelection = {
+ onChange(selectedRowKeys, selectedRows) {
+ typeof that.props.onRowSelect === 'function' && that.props.onRowSelect(selectedRowKeys);
+ },
+ selectedRowKeys:that.props.selectedRowKeys
+ }
+ return rowSelection
+ }
+
+ onChange(datas){
+ typeof this.props.onChange === 'function' && this.props.onChange(datas);
+ }
+
+ showErrors() {
+ toJS(this.remind1).map(c => {
+ if (c && !c.props.children.props.value && c.props.children.props.viewAttr == "3") {
+ c.showError();
+ }
+ });
+ toJS(this.remind2).map(c => {
+ if (c && !c.props.children.props.value && c.props.children.props.viewAttr == "3") {
+ c.showError();
+ }
+ });
+ toJS(this.remind3).map(c => {
+ if(c&&c.props.children.props.replaceDatas&&(c.props.children.props.replaceDatas[0]?!c.props.children.props.replaceDatas[0].id:!c.props.children.props.replaceDatas[0])&&c.props.children.props.viewAttr=="3"){
+ c.showError();
+ }
+ });
+ }
+}
+
+export default PrjTaskListTable;
diff --git a/pc4mobx/prj/components/comp/prjTaskListTable/index.less b/pc4mobx/prj/components/comp/prjTaskListTable/index.less
new file mode 100644
index 0000000..6d21867
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prjTaskListTable/index.less
@@ -0,0 +1,23 @@
+
+
+.wea-prj-table-edit .ant-table-tbody>tr>td {
+ padding: 10px 8px;
+ word-break: break-all;
+}
+.wea-prj-table-edit .ant-table-thead>tr>th {
+ background-color: #f8fcff;
+}
+.wea-prj-table-edit .ant-table-thead>tr>th {
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+.wea-prj-table-edit .ant-table-thead th {
+ border-bottom: 1px solid #eaeaea;
+ font-weight: 400;
+}
+.wea-prj-table-edit .ant-table,.wea-prj-table-edit .ant-table table {
+ border-radius: 0;
+}
+.wea-prj-table-edit .icon-selebeforetask:hover{
+ color: #038ef6
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/task-view-list/ListItem.js b/pc4mobx/prj/components/comp/task-view-list/ListItem.js
new file mode 100644
index 0000000..7984cf9
--- /dev/null
+++ b/pc4mobx/prj/components/comp/task-view-list/ListItem.js
@@ -0,0 +1,48 @@
+import React from 'react';
+// import ButtonView from '../view-button';
+// import { ListItemProps } from '../../stores/mode-app/BaseStore';
+import classNames from 'classnames';
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+
+// export interface ListItemCompProps {
+// data: ListItemProps;
+// onClick?: (key: string,special:any) => void;
+// showIcon?: boolean;
+// currentKey?:string
+// }
+export default class ListItem extends React.Component {
+ onClick = () => {
+ const { data, onClick } = this.props;
+ onClick && onClick(data.key, data.id);
+ }
+
+ render() {
+ const { data, currentKey } = this.props;
+ const className = classNames('task-list-item-content');
+ let isCurrent = currentKey && currentKey == data.key;
+ return (
+ {
+ this.select.push(ref);
+ } }
+ error={getLabel(385869,"此项必填")}
+ tipPosition="top"
+ style={{width:"100%"}}
+ >
+ this.onEdit({ record, index, key, value }, onChange, "getfield")}
+ />
+
+ }
+ {_type === 'SELECT' && !isTask &&//wbs字段
+ {
+ this.select.push(ref);
+ } }
+ error={getLabel(385869,"此项必填")}
+ tipPosition="top"
+ style={{width:"100%"}}
+ >
+ this.onEdit({ record, index, key, value }, onChange)}
+ />
+
+ }
+ {_type === 'CASCADER' &&
+ {
+ this.cascader=ref;
+ } }
+ error={getLabel(385869,"此项必填")}
+ tipPosition="top"
+ style={{width:"100%"}}
+ >
+ this.onEdit({ record, index, key, value }, onChange)}
+ />
+
+ }
+
+ )
+ }
+ });
+ return (
+ {handleDialog(false)}}
+ style={{width:1000,height:700}}>
+
+
+ {setFormFields(v)}} setValidate={(v)=>{setValidate(v)}} />
+
+ {
+ contentStore.isreload&&window.weaWorkplan && window.weaWorkplan.com && window.weaWorkplan.com.WorkPlanCreate &&
+ ( { _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={""}//客户模块需求，支持新建时传入的'基本信息-内容'
+ />)
+ }
+
+
+
+ )
+ }
+ 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(
+
+ );
+ });
+ btnArr.push()
+ 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: ,
+ 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 })
+ }
+
+}
diff --git a/pc4mobx/prj/components/dialog/projectFieldLogDialog.js b/pc4mobx/prj/components/dialog/projectFieldLogDialog.js
new file mode 100644
index 0000000..c38d213
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/projectFieldLogDialog.js
@@ -0,0 +1,70 @@
+import { Button } from 'antd';
+import {WeaDialog ,WeaNewScroll ,WeaLocaleProvider} from 'ecCom';
+import {observer} from "mobx-react";
+import _mapValues from 'lodash/mapValues'
+import {WeaTableNew} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class ProjectFieldLogDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ }
+
+ shouldComponentUpdate(nextProps,nextState){
+ return true;
+ }
+
+ render() {
+ const {title,tableStore,store} = this.props;
+ const {fieldLogVisible} = store;
+ return (
+
+ ),
+ colSpan:1
+ })
+ });
+ group.push()
+ });
+ return group;
+ }
+
+}
+
+export default RelateCrmDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/relateListDialog.js b/pc4mobx/prj/components/dialog/relateListDialog.js
new file mode 100644
index 0000000..3167acd
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/relateListDialog.js
@@ -0,0 +1,157 @@
+
+import {Modal, Input, Button,Table } from 'antd';
+import {WeaDialog, WeaSearchGroup, WeaInput,WeaAuth ,WeaTab,WeaTools,WeaNewScroll,WeaFormItem,WeaProgress,WeaLocaleProvider} from 'ecCom';
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+import _mapValues from 'lodash/mapValues'
+import {WeaTableNew,WeaSwitch} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class RelateListDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ visible:false
+ }
+ }
+ shouldComponentUpdate(nextProps,nextState){
+ return true
+ }
+
+ render() {
+ const {relateListStore} = this.props.contentStore;
+ const {visible,title,handleRelateDialog,tableStore,doSearch,type,modalStyle,visibleDatas,compareVisible} = relateListStore;
+ const columns = [{
+ title: getLabel(83890,"版本\比较对象"),
+ dataIndex: 'col1',
+ key: 'col1',
+ width:"20%",
+ }, {
+ title: getLabel(22172,"计划工期"),
+ dataIndex: 'col2',
+ key: 'col2',
+ width:"10%",
+ }, {
+ title: getLabel(22169,"计划开始时间"),
+ dataIndex: 'col3',
+ key: 'col3',
+ width:"20%",
+ }, {
+ title: getLabel(22171,"计划结束时间"),
+ dataIndex: 'col4',
+ key: 'col4',
+ width:"20%",
+ }, {
+ title: getLabel(847,"进度"),
+ dataIndex: 'col5',
+ key: 'col5',
+ width:"30%",
+ render: (text,record,index) => {if(index < 3){return
+ ),
+ colSpan:1,
+ })
+ });
+ group.push()
+ });
+ return group;
+ }
+}
+
+export default RelateListDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/shareDialog.js b/pc4mobx/prj/components/dialog/shareDialog.js
new file mode 100644
index 0000000..d6dd06d
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/shareDialog.js
@@ -0,0 +1,685 @@
+
+import {Form, Input, Button, } from 'antd';
+import {WeaDialog, WeaSearchGroup, WeaInput,WeaAuth ,WeaTab,WeaTools,WeaNewScroll,WeaRightMenu,WeaLocaleProvider} from 'ecCom';
+import {inject, observer} from "mobx-react";
+import { observable,toJS } from 'mobx';
+import _mapValues from 'lodash/mapValues'
+import {WeaTableNew} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+import * as Apis from '../../apis/project';
+
+@observer
+class ShareDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ visible:false
+ }
+ }
+ @observable shareCondition = [
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharetype"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(21956,"对象类型"),
+ "labelcol": 7,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(179,"人力资源")
+ }, {
+ "key": "5",
+ "selected": false,
+ "showname": getLabel(141,"分部")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(124,"部门")
+ }, {
+ "key": "11",
+ "selected": false,
+ "showname": getLabel(6086,"岗位")
+ }, {
+ "key": "3",
+ "selected": false,
+ "showname": getLabel(122,"角色")
+ }, {
+ "key": "4",
+ "selected": false,
+ "showname": getLabel(1340,"所有人")
+ }
+ ],
+ "viewAttr": 2
+ }, {
+ "2": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "57",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(106,"对象"),
+ "labelcol": 7,
+ "viewAttr": 3
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "INPUT_INTERVAL",
+ "needDefaultValue":false,
+ "domkey": [
+ "seclevel",
+ "seclevelMax"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(683,"安全级别"),
+ "labelcol": 7,
+ "value": [
+ 0,
+ ''
+ ],
+ "viewAttr": 3
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(385,"权限"),
+ "labelcol": 7,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564,"查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93,getLabel(93,"编辑"))
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "5": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "194",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(106,"对象"),
+ "labelcol": 7,
+ "value": 3,
+ "viewAttr": 2
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "INPUT_INTERVAL",
+ "needDefaultValue":false,
+ "domkey": [
+ "seclevel",
+ "seclevelMax"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(683,"安全级别"),
+ "labelcol": 7,
+ "value": [
+ 0,
+ ''
+ ],
+ "viewAttr": 3
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(385,"权限"),
+ "labelcol": 7,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564,"查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93,"编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "1": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "17",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(106,"对象"),
+ "labelcol": 7,
+ "viewAttr": 3
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(385,"权限"),
+ "labelcol": 7,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564,"查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93,"编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "11": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "278",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(106,"对象"),
+ "labelcol": 7,
+ "viewAttr": 3
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT_LINKAGE",
+ "domkey": [
+ "joblevel"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(28169,"岗位级别"),
+ "labelcol": 7,
+ "options": [
+ {
+ "key": "0",
+ "selected": true,
+ "showname": getLabel(140,"总部")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(19437,"指定分部")
+ }, {
+ "key": "1",
+ "selected": false,
+ "showname": getLabel(19438,"指定部门")
+ }
+ ],
+ "selectLinkageDatas": {
+ "1": {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "57",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "jobtitledepartment"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": "",
+ "labelcol": 7,
+ "viewAttr": 3
+ },
+ "2": {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "194",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "jobtitlesubcompany"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": "",
+ "labelcol": 7,
+ "viewAttr": 3
+ }
+ },
+ "viewAttr": 2
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(385,"权限"),
+ "labelcol": 7,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564,"查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93,"编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "4": [[
+ {
+ "colSpan": 2,
+ "conditionType": "INPUT_INTERVAL",
+ "needDefaultValue":false,
+ "domkey": [
+ "seclevel",
+ "seclevelMax"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(683,"安全级别"),
+ "labelcol": 7,
+ "value": [
+ 0,
+ ''
+ ],
+ "viewAttr": 3
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(385,"权限"),
+ "labelcol": 7,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564,"查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93,"编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "3": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "65",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(106,"对象"),
+ "labelcol": 7,
+ "viewAttr": 3
+ }, {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "rolelevel"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(139,"级别"),
+ "labelcol": 7,
+ "options": [
+ {
+ "key": "0",
+ "selected": true,
+ "showname": getLabel(124,"部门")
+ }, {
+ "key": "1",
+ "selected": false,
+ "showname": getLabel(141,"分部")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(140,"总部")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "INPUT_INTERVAL",
+ "needDefaultValue":false,
+ "domkey": [
+ "seclevel",
+ "seclevelMax"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(683,"安全级别"),
+ "labelcol": 7,
+ "value": [
+ 0,
+ ''
+ ],
+ "viewAttr": 3
+ }
+ ],[
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 17,
+ "isQuickSearch": false,
+ "label": getLabel(385,"权限"),
+ "labelcol": 7,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564,"查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93,"编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ]
+ }
+ ];
+ componentDidMount(){
+ Apis.getDetachable().then(data=>{
+ if(data.appDetachDisableAll){//禁用所有人选项
+ let temp =this.shareCondition[0];
+ temp.options.splice(5,1);
+ this.shareCondition[0] = temp ;
+ }
+ });
+ }
+ componentWillReceiveProps(nextProps) {
+
+ }
+ render() {
+ const {shareStore,} = this.props.contentStore;
+ const {type,visible,title,targetid,tableStore} = shareStore;
+
+
+ return (
+ {setVisible(false)}}
+ style={{width:1000,height:700}}>
+
+
+
+ )
+ }
+
+ getBmBottomButtons() {
+ const { bmDatas,setVisible,submitBatchModify } = this.props.contentStore;
+ const count = toJS(bmDatas).length;
+ let btnArr = [];
+ btnArr.push()
+ btnArr.push()
+ return btnArr;
+ }
+
+ getFormCondition = () => {
+ const basicToolBar = {
+ uploadUrl: (window.ecologyContentPath || '')+"/api/blog/fileupload/uploadimage",
+ startupFocus: false,
+ toolbar: [
+ { name: 'markdown', items: ['Markdown'] },
+ { name: 'document', items: ['Source', '-', 'Save', 'NewPage', 'Preview', '-', 'Templates'] },
+ { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
+ { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'CopyFormatting', 'RemoveFormat'] },
+ { name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize'] },
+ { name: 'colors', items: ['TextColor', 'BGColor'] },
+ { name: 'tools', items: ['Maximize', 'ShowBlocks'] },
+ { name: 'insert', items: ['Image', 'Table', 'Smiley'] }
+ ],
+ };
+ const {bmform,bmCondition} = this.props.contentStore;
+ const {isFormInit} = bmform;
+ let items = [];
+ isFormInit && bmCondition.map(c =>{
+ c.items.map((fields,index) => {
+ if (fields.conditionType == "RICHTEXT") { //多行文本
+ items.push()
+ }else{
+ items.push()
+ }
+ });
+ });
+ return items;
+ }
+
+ bmOnChange = (datas, other) => {
+ const {onBmChange} = this.props.contentStore;
+ onBmChange(datas);
+ }
+
+ bmOnRowSelect = (selectedRowKeys,selectComs) => {
+ const {onBmRowSelect} = this.props.contentStore;
+ onBmRowSelect(selectedRowKeys,selectComs);
+ }
+
+}
diff --git a/pc4mobx/prj/components/dialog/taskCreateDialog.js b/pc4mobx/prj/components/dialog/taskCreateDialog.js
new file mode 100644
index 0000000..ff1ae40
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/taskCreateDialog.js
@@ -0,0 +1,115 @@
+
+import React from 'react';
+import { inject, observer } from 'mobx-react';
+import {WeaDialog,WeaRightMenu,WeaNewScroll,WeaLocaleProvider} from "ecCom"
+import {Button,Modal} from "antd"
+import {WeaTableNew,WeaSwitch} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+import {toJS} from "mobx"
+import CptInfo from './cptInfo'
+
+@observer
+export default class CptEdit extends React.Component{
+ componentWillReceiveProps(nextProps){
+ }
+ shouldComponentUpdate(){
+ return true;
+ }
+ render(){
+ const {contentStore,isdata} = this.props;
+ const {showEditDialog,cptForm,cptInfo} = this.props.contentStore;
+ return (
+ {contentStore.showCptInfo(false)}}
+ style={{width:1000,height:700}}>
+
+
+ {showEditDialog &&
+
+
+ )
+ }
+ getBottomButtons(){
+ const {contentStore} = this.props;
+ const {cptInfo,saveCptInfo,capitalid,showCptInfo} = this.props.contentStore;
+ let btnArr = [];
+ let rightMenu = toJS(cptInfo.rightMenus) || [];
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ m.isTop == '1' && btnArr.length < 4 && btnArr.push(
+
+ );
+ });
+ btnArr.push()
+ return btnArr;
+ }
+ getRightMenu(){
+ const {contentStore} = this.props;
+ const {cptInfo,} = this.props.contentStore;
+ let btnArr = [];
+ let rightMenu = toJS(cptInfo.rightMenus) || [];
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ btnArr.push({
+ icon: ,
+ content: m.menuName
+ })
+ });
+ return btnArr
+ }
+ onRightMenuClick(key){
+ const {contentStore} = this.props;
+ const {cptInfo,saveCptInfo,capitalid,showCptInfo,onCptDel,doMend,onGiveback} = this.props.contentStore;
+ let rightMenu = toJS(cptInfo.rightMenus) || [];
+ let that = this;
+ rightMenu && rightMenu.length>0 && rightMenu.map((m,i)=>{
+ if(Number(key) == i){
+ if(m.type == "BTN_SUBMIT"){ //验收
+ saveCptInfo();
+ }else if(m.type == 'BTN_BACK'){ //返回
+ showCptInfo(true,{capitalid:capitalid,viewtype:'edit'});
+ }else if(m.type == "BTN_EDIT"){
+ showCptInfo(true,{capitalid:capitalid,viewtype:'edit'});
+ }else if(m.type == "BTN_DELETE"){
+ Modal.confirm({
+ title: '您确认要删除吗?',
+ content: '',
+ onOk() {
+ onCptDel({capitalid:capitalid,viewtype:'cptdel'});
+ showCptInfo(false);
+ },
+ onCancel() {},
+ });
+ }else if(m.type == "BTN_GIVEBACK"){ //归还
+ let params = {viewtype:'cptbackone',capitalid:capitalid}
+ Modal.confirm({
+ title: '您确认要归还吗?',
+ content: '',
+ onOk() {
+ onGiveback(params);
+ },
+ onCancel() {},
+ });
+ }else if(m.type == "BTN_MEND"){ //送修
+ doMend(true,{capitalid:capitalid})
+ }
+ }
+ });
+ }
+
+
+}
diff --git a/pc4mobx/prj/components/dialog/taskDialog.js b/pc4mobx/prj/components/dialog/taskDialog.js
new file mode 100644
index 0000000..ec03058
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/taskDialog.js
@@ -0,0 +1,144 @@
+
+import React from 'react';
+import { inject, observer } from 'mobx-react';
+import {WeaDialog,WeaRightMenu,WeaNewScroll,WeaFormItem,WeaSearchGroup,WeaLocaleProvider} from "ecCom"
+import {Button,message, Spin} from "antd"
+import {WeaTableNew,WeaSwitch} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+import {toJS} from "mobx"
+import equal from 'deep-equal'
+import TaskInfo from '../common/taskInfo'
+import * as Task_Apis from '../../apis/task'
+
+@observer
+export default class TaskDialog extends React.Component{
+ constructor(props) {
+ super(props);
+ this.state = {
+ loading: false,
+ }
+ }
+ componentWillReceiveProps(nextProps){
+ }
+ shouldComponentUpdate(){
+ return true;
+ }
+ render(){
+ const {contentStore} = this.props;
+ const {visible,taskForm,taskInfo,title,handleDialog} = contentStore;
+ return (
+ {handleDialog(false)}}
+ style={{width:1000,height:700}}>
+
+
+
+
+
+ )
+ }
+ getBottomButtons(){
+ const {contentStore} = this.props;
+ const {handleDialog,rightMenu} = contentStore;
+ let btnArr = [];
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ m.isTop == '1' && btnArr.length < 4 && btnArr.push(
+
+ );
+ });
+ btnArr.push()
+ return btnArr;
+ }
+ getRightMenu(){
+ const {contentStore} = this.props;
+ const {handleDialog,rightMenu} = contentStore;
+ let btnArr = [];
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ btnArr.push({
+ icon: ,
+ content: m.menuName,
+ disabled : this.state.loading
+ })
+ });
+ return btnArr
+ }
+ onRightMenuClick(key){
+ const {contentStore} = this.props;
+ const {handleDialog,rightMenu} = contentStore;
+ let that = this;
+ rightMenu && rightMenu.length>0 && rightMenu.map((m,i)=>{
+ if(Number(key) == i){
+ if(m.type == "BTN_SAVE"){ //验收
+ this.saveTaskInfo();
+ }else if(m.type == 'BTN_BACK'){ //返回
+ //showCptInfo(true,{capitalid:capitalid,viewtype:'edit'});
+ }
+ }
+ });
+ }
+ saveTaskInfo= (params={})=>{
+ const {prjid,contentStore,callBack} = this.props;
+ const {handleDialog,taskForm,taskInfo,type,taskid,baseParams,validateRules} = contentStore;
+ taskForm.validateForm().then(f=>{
+ if(f.isValid){
+ this.setState({loading:true});
+ let newParams = {...baseParams,...toJS(taskForm.getFormParams()),method:type,taskid:taskid,prjid:prjid||"",...params};
+ const {field18} = newParams;
+ Task_Apis.getCheckRole({roleid:field18}).then(data=>{
+ if(data.data.isAccess){
+ Task_Apis.saveTaskInfo(newParams).then(data=>{
+ if(data.success){
+ handleDialog(false);
+ message.success(getLabel(18758, "保存成功"));
+ if(callBack){
+ callBack();
+ }else{
+ window._table.reLoad();
+ }
+ }else{
+ message.error(getLabel(383746,"请求失败")+": "+data.msgcode);
+ }
+ this.setState({loading:false});
+ })
+ }else{
+ message.error("审批人选择角色下不存在人员!");
+ this.setState({loading:false});
+ }
+ })
+ // Task_Apis.saveTaskInfo(newParams).then(data=>{
+ // if(data.success){
+ // handleDialog(false);
+ // message.success(getLabel(18758, "保存成功"));
+ // if(callBack){
+ // callBack();
+ // }else{
+ // window._table.reLoad();
+ // }
+ // }else{
+ // message.error(getLabel(383746,"请求失败")+": "+data.msgcode);
+ // }
+ // this.setState({loading:false});
+ // })
+ }else{
+ f.showErrors();
+ }
+ });
+ }
+
+}
diff --git a/pc4mobx/prj/components/dialog/taskListDialog.js b/pc4mobx/prj/components/dialog/taskListDialog.js
new file mode 100644
index 0000000..d90ad18
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/taskListDialog.js
@@ -0,0 +1,116 @@
+
+import React from 'react';
+import { inject, observer } from 'mobx-react';
+import {WeaDialog,WeaRightMenu,WeaNewScroll,WeaFormItem,WeaSearchGroup,WeaLocaleProvider} from "ecCom"
+import {Button,Modal} from "antd"
+import {WeaTableNew,WeaSwitch} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+import {toJS} from "mobx"
+import equal from 'deep-equal'
+import TaskList from "../common/TaskList"
+
+@observer
+export default class TaskListDialog extends React.Component{
+ componentWillReceiveProps(nextProps){
+ }
+ shouldComponentUpdate(){
+ return true;
+ }
+ render(){
+ const {contentStore} = this.props;
+ const {listVisible,showTaskLiskModal} = contentStore;
+ return (
+ {showTaskLiskModal(false)}}
+ style={{width:1100,height:700}}>
+
+
+
+
+
+ )
+ }
+ getBottomButtons(){
+ const {contentStore }= this.props;
+ const {rightMenu,taskInfoStore,prjid,prjCardStore} = contentStore;
+ let btnArr = [];
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ m.isTop == '1' && btnArr.length < 4 && btnArr.push(
+
+ );
+ });
+ btnArr.push()
+ return btnArr;
+ }
+ getRightMenu(){
+ const {contentStore }= this.props;
+ const {rightMenu} = contentStore;
+ let btnArr = [];
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ btnArr.push({
+ icon: ,
+ content: m.menuName
+ })
+ });
+ return btnArr
+ }
+ onRightMenuClick(key){
+ let that = this;
+ const {contentStore }= this.props;
+ const {rightMenu,prjid,taskInfoStore,relateListStore,prjCardStore} = contentStore;
+ rightMenu && rightMenu.length>0 && rightMenu.map((m,i)=>{
+ if(Number(key) == i){
+ if(m.type == "BTN_ADDTASK"){ //添加任务
+ taskInfoStore.handleDialog(true,"add",'',{prjid:prjid,parentid:""});
+ }else if(m.type == 'BTN_EDIT'){ //编辑
+
+ }else if(m.type == 'BTN_DOSUBMIT'){ //提交执行
+ prjCardStore.doPlanOpt_task({method:'approveplan',prjid:prjid});
+ }else if(m.type == 'BTN_APPSUBMIT'){ //提交执行(审批)
+ prjCardStore.doPlanOpt_task({method:'submitplan',prjid:prjid});
+ }else if(m.type == 'BTN_TASKEXPORT'){ //导出任务
+ prjCardStore.doTaskExcelExp({prjid:prjid});
+ }else if(m.type == 'BTN_SAVEPLAN'){ //存为计划版本
+ prjCardStore.saveasplan({method:'saveasplan',prjid:prjid});
+ }else if(m.type == 'BTN_TASKHISTORY'){ //历史版本
+ relateListStore.handleRelateDialog(true,"history",prjid)
+ }else if(m.type == 'BTN_NOTEMEMBER'){ //通知成员
+ relateListStore.handleRelateDialog(true,"notice",prjid)
+ }else if(m.type == 'BTN_ONREQUEST'){ //相关流程
+ relateListStore.handleRelateDialog(true,"request",prjid)
+ }else if(m.type == 'BTN_ONDOC'){ //相关文档
+ relateListStore.handleRelateDialog(true,"doc",prjid)
+ }else if(m.type == 'BTN_ONCOWORK'){ //相关协作
+ relateListStore.handleRelateDialog(true,"cowork",prjid)
+ }else if(m.type == 'BTN_LOG'){ //日志
+ relateListStore.handleRelateDialog(true,"log",prjid)
+ }
+ if(m.type == "BTN_COLUMN"){ //显示定制
+ prjCardStore.onShowColumn();
+ }
+ }
+ });
+
+ }
+
+}
diff --git a/pc4mobx/prj/components/dialog/wbsFieldSetDialog.js b/pc4mobx/prj/components/dialog/wbsFieldSetDialog.js
new file mode 100644
index 0000000..267c380
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/wbsFieldSetDialog.js
@@ -0,0 +1,102 @@
+
+import {Button,Modal,message,Spin} from 'antd';
+import {WeaDialog,WeaTab,WeaNewScroll,WeaRightMenu,WeaLocaleProvider,WeaFormItem,WeaInput,WeaSearchGroup } from 'ecCom';
+import {observer} from "mobx-react";
+import * as Apis from '../../apis/project';
+import WbsFieldSet from '../common/wbsFieldSet'
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class WbsFieldSetDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ width:700,
+ height:500,
+ isDisabled: false
+ }
+ }
+ componentDidMount(){
+ this.computedWH();
+ }
+ computedWH=()=>{
+ const screenWidth = document.body.clientWidth;
+ const screenHeight = document.body.clientHeight;
+ if(screenWidth <= 700){
+ this.setState({width:screenWidth,})
+ }
+ if(screenHeight <= 500){
+ this.setState({ height :screenHeight})
+ }
+ }
+
+ render() {
+ const prjImportStore = this.props.contentStore;
+ const {visible} = prjImportStore;
+ const { width,height} = this.state;
+ return (
+ prjImportStore.saveFileType(value)}/>
+
+ } else {
+ dom =
+ { prjImportStore.selectremind = ref } }
+ error={getLabel(383859,"请选择项目！")}
+ tipPosition="bottom"
+ style={{display:"inline-block",width:"100%"}}
+ >
+ {
+ prjImportStore.savePrjType(ids,datas,'task');
+ }}/>
+
+
+ }
+ return dom;
+ }
+
+ getIllustration(val, url, index, link) {
+ const{ prjImportStore} = this.props;
+ const{taskisrefresh,filetype} = prjImportStore;
+ let tempurl = (window.ecologyContentPath || '')+"/proj/imp/prjtskimp_xlsnew.xls?V="+taskisrefresh;
+ let p;
+ if (index == 0) {
+ if(filetype==='1'){
+ p = (
+
+
+ {this.forwardProjectCard("?prjid="+item.id)}}>{item.name}
+
+
+ {item.dynamic}
+
+
+
+ window.pointerXY(e)} >
+ 
+
+
+
+
+
+
+ {/* 底部按钮组 */}
+
+
+
+ )
+ if((index+1)%4 == 0){
+ row.push(col);
+ col= [];
+ }
+ if(index == datas.length-1){
+ row.push(col);
+ col= [];
+ }
+
+ });
+ return row;
+ }
+
+ getTopButtons = () => {
+ const { projectPortalStore, queryPrjStore } = this.props;
+ const { prjtypes, initDatas, setPrjType, setOrderBy, prjtype } = projectPortalStore;
+ const { form } = queryPrjStore;
+ const formParams = form.getFormParams() || {};
+ const options = [
+ {
+ key: "",
+ selected:true,
+ showname: ""
+ },
+ {
+ key: "createtime",
+ showname: getLabel('518253','按创建时间')
+ },
+ {
+ key: "manager",
+ showname: getLabel('518254','按项目经理')
+ }
+ ];
+ let buttons = [];
+ if(this.state.selectedKey==0){
+ buttons.push(
+
+ {
+ queryPrjStore.appendFormFields({prjtype:{value:v}})
+ setPrjType(v);
+ initDatas(formParams);
+ }}
+ />
+
+
+ );
+ buttons.push(
+
+ {
+ setOrderBy(v);
+ initDatas();
+ }}
+ />
+
+
+ );
+ if(this.state.viewScope == "card"){
+ buttons.push(
}
+
+ )
+ } else if (field.conditionType == "DATEPICKER") {
+ item.push( this.container = ref}
+ id={this.state.id}
+ className="d3-tree"
+ style={style}
+ onContextMenu={showMenu ? this.onContextMenu : undefined}
+ />
+ {/* */}
+ {/* this.props.closeDialog(false) }
+ visible={this.props.showDialog}
+ style={{ width: 1000, height: 600 }}
+ title={'活动计划'}
+ hasScroll
+ url={this.renderRight() !== 'function'&& this.renderRight()}
+ >
+ */}
+
+ )
+ }
+ onContextMenu = (e) => {
+ if (this.isClickNode && this.opreateNode) {
+ const left = e.clientX;
+ const top = e.clientY;
+ this.showRightMenu();
+ this.rightMenuStore.show(left, top,
+ this.opreateNode.id === this.root.id,
+ this.getHasChild(this.opreateNode),
+ this.getChildVisible(this.opreateNode));
+ }
+ this.isClickNode = false;
+ e.stopPropagation && e.stopPropagation();
+ e.preventDefault && e.preventDefault();
+ e.nativeEvent && e.nativeEvent.preventDefault();
+ }
+ showRightMenu = () => {
+ if (!this.menuWrapper) {
+ this.menuWrapper = document.createElement('div');
+ document.body.appendChild(this.menuWrapper);
+ }
+ ReactDOM.render(
+ {this.props.showRight && this.renderRight()}
+
*/}
+ e.stopPropagation()} className={"Prj-WeaSlideModal"}>
+ )}
+ onClose={() => { this.props.closeRight(false) }}
+ onAnimationEnd={() => console.log('onAnimationEnd')} />
+
+
+ {/* this.selection = ref}>
+
+
+
+ )
+});
+
+export class RightMenuStore {
+ @observable visible = false;
+ @observable left = 0;
+ @observable top = 0;
+ @observable isRoot = false;
+ @observable hasChild = false;
+ @observable childVisible = false;
+ @action show = (left, top, isRoot, hasChild, childVisible) => {
+ this.visible = true;
+ this.left = left;
+ this.top = top;
+ this.isRoot = isRoot;
+ this.hasChild = hasChild;
+ this.childVisible = childVisible;
+ }
+ @action hide = () => {
+ this.visible = false;
+ }
+ @action position = (left, top) => {
+ this.left = left;
+ this.top = top;
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/common/projectInfo.js b/pc4mobx/prj/components/common/projectInfo.js
new file mode 100644
index 0000000..e5fcbd3
--- /dev/null
+++ b/pc4mobx/prj/components/common/projectInfo.js
@@ -0,0 +1,36 @@
+
+import { observer} from "mobx-react";
+import {WeaAlertPage,WeaLocaleProvider } from "ecCom"
+import ProjectCondition from '../list/projectCondition'
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+export default class ProjectInfo extends React.Component {
+ constructor(props) {
+ super(props);
+ }
+ componentDidMount(){
+ }
+ componentWillReceiveProps(nextProps) {
+ }
+ render() {
+ const {prjinfoRight:{verified,hasRight},fieldInfo,form,setFormFields,setValidate } = this.props.formStore;
+ if (verified && !hasRight) {
+ return (-
+ {hasChild &&
- + + + } + {/* {onBatchReject && hasChild && data && data.current && data.status != 2 && data.arrival &&
- + + {getLabel('506005','批量退回')} + } + {onSetting &&
- + + {getLabel('502283', '设置')} + } + {onAddChild &&
- + + {getLabel('502284', '添加下级')} + } + {onDeleteChild &&
- + + {getLabel('502285', '删除下级')} + } + {!isRoot && onDelete &&
- + + {getLabel('502286', '删除')} + } + {onReject && data.status == 2 && data.parent && data.parent.current && data.parent.iscurrentnode == 1 + && data.parent.status != 2 &&
- + + {getLabel('502287', '退回')} + } + {onSynchro &&
- + + {getLabel('506099', '同步')} + } */} + { + menus.length > 0 && menus.map((obj)=>{ + return
- {obj.action(e)}}> + + + }) + } +
+ {getLabel(2012,"对不起，您暂时没有权限！")}
+
+
+ {setFormFields(v)}} setValidate={(v)=>{setValidate(v)}} />
+
)
+ }
+ return
+ }
+
+}
+
diff --git a/pc4mobx/prj/components/common/projectSub.js b/pc4mobx/prj/components/common/projectSub.js
new file mode 100644
index 0000000..1a46785
--- /dev/null
+++ b/pc4mobx/prj/components/common/projectSub.js
@@ -0,0 +1,135 @@
+
+import {Button,Row,Col,Icon,message,Modal} from 'antd';
+import {WeaTab,WeaAlertPage, WeaProgress,WeaLocaleProvider} from 'ecCom';
+import {inject, observer} from "mobx-react";
+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 {WeaTableNew} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+export default class ProjectSub extends React.Component {
+ constructor(props) {
+ super(props);
+
+
+ }
+ componentDidMount(){
+
+ }
+ componentWillReceiveProps(nextProps) {
+
+ }
+ render() {
+ const {contentStore} = this.props;
+ const {showSearchAd,prjSubStore,prjSubform,condition,prjsubRight:{hasRight,verified},exchangeStore,projectInfoStore,reLoad} = contentStore;
+ const formParams = prjSubform.getFormParams() || {};
+ if (verified && !hasRight) {
+ return (
+ {getLabel(2012,"对不起，您暂时没有权限！")}
+
+
+ {contentStore.setShowSearchAd(bool)}}
+ hideSearchAd={()=> contentStore.setShowSearchAd(false)}
+ searchsAd={
+ reLoad(prjSubStore)}
+ getColumns={c=>this.reRenderColumns(c)}
+ onOperatesClick={this.onOperatesClick.bind(this)}
+ />
+
+
)
+ }
+ return
+ }
+
+ reRenderColumns(columns){
+ columns.forEach((c,i)=>{
+ if(c.dataIndex=='finish'){
+ c.render = function(text, record){
+ return
+
+ {getLabel(2012,"对不起，您暂时没有权限！")}
+
+
+
+ {this.onCreatDoc(categoryid,taskid)}}
+ />
+
+
+
+
+
)
+ }
+ return
+ }
+ getButtons(){
+ const {contentStore} = this.props;
+ const {relateList:{canRef}} = contentStore;
+ let btn = [];
+ if(canRef){
+ btn.push(
+
+
+
+ //
+ //
+
+ //
+ }
+
)
+ }
+ transfStr = (name = '', ids = '', list = [], type = '') => {
+ const {doc,task,workflow,crm,project,} = this.state;
+ if(type == "37"){
+
+ }else if(type== "prjtsk"){
+
+ }else if(type== "18"){
+
+ }else if(type== "152"){
+
+ }else if(type== "135"){
+
+ }else if(type== "file"){
+
+ }
+ let str = '';
+ const mirror = {
+ 37: "doc",
+ prjtsk: "task",
+ 18: "crm",
+ 152: "workflow",
+ 135: "project",
+ }
+ list.map(item => {
+ if(name === 'Upload' && type === 'image'){
+ str += '
+
+
+
+ this.setState({richValue: v})}
+ onStatusChange={s => this.setState({status: s})}
+ onToolsChange={this.transfStr}
+ />
+
+
+
+
+
+
+ {
+ // {getLabel(1044,"相关交流")}
+
+ `) + } + if(name === 'Browser'){ + str += ( `${item.name || item.showname}
`) + } + }) + return str + } + handleSubmitExchange=()=>{ + let { richValue} = this.state; + let ckref = this.refs.prjRelateExchange; + if (!ckref.checkMode()) { + message.error(getLabel(27541,"请将编辑器切换到可视化模式")); + return; + } + this.refs.prjRelateExchange.setData(''); + } +} + diff --git a/pc4mobx/prj/components/common/relateExchange.js b/pc4mobx/prj/components/common/relateExchange.js new file mode 100644 index 0000000..550cdae --- /dev/null +++ b/pc4mobx/prj/components/common/relateExchange.js @@ -0,0 +1,211 @@ + +import {Button,Row,Col,Icon,message,Modal} from 'antd'; +import {WeaNewScroll,WeaTextarea,WeaSearchGroup ,WeaRichText,WeaFormItem ,WeaBrowser,WeaUpload,WeaTab,WeaTools,WeaLocaleProvider} from 'ecCom'; +import {inject, observer} from "mobx-react"; +import {toJS} from 'mobx'; +import ExchangeLogs from './exchangeLogs' +import {Condition} from '../list/listCondition'; +const getLabel = WeaLocaleProvider.getLabel; + +@observer +export default class RelateExchange extends React.Component { + constructor(props) { + super(props); + this.state ={ + showGroup:false, + value:"", + "doc":"", + "task":"", + "crm":"", + "workflow":"", + "project":"", + file:"", + key:0 + } + } + componentWillUnmount(){ + this.setState({ + showGroup:false, + value:"", + "doc":"", + "task":"", + "crm":"", + "workflow":"", + "project":"", + file:"", + key:0 + }) + } + render() { + const {contentStore} = this.props; + const {showSearchAd ,exchangeContent,exchangeform } = contentStore; + const formParams = exchangeform.getFormParams() || {}; + const {showGroup,value,key} = this.state; + const formItemLayout = { + labelCol: { span:5 }, + wrapperCol: { span: 14 }, + }; + + return ( +
+
)
+ }
+ getFormItem(){
+ const {contentStore} = this.props;
+ const { exchangeContent } = contentStore;
+ const items =[
+ {label:getLabel(857,"相关文档"),title:getLabel(857,"文档"),type:37,key:"doc",show:exchangeContent.showdoc || false},
+ {label:getLabel(1044,"相关流程"),title:getLabel(18015,"流程"),type:152,key:"wf",show:exchangeContent.showwf || false},
+ {label:getLabel(783,"相关客户"),title:getLabel(136,"客户"),type:18,key:"crm",show:exchangeContent.showcrm || false},
+ {label:getLabel(782,"相关项目"),title:getLabel(101,"项目"),type:135,key:"prj",show:exchangeContent.showprj || false},
+ {label:getLabel(33414,"相关任务"),title:getLabel(1332,"任务"),type:'prjtsk',key:"task",show:exchangeContent.showtask || false},
+ ];
+ const formItemLayout = {
+ labelCol: { span:5 },
+ wrapperCol: { span: 14 },
+ };
+ let group =[];
+ items.map((item,i)=>{
+ if(item.show){
+ group.push(
+
+ {/* {contentStore.setShowSearchAd(bool)}}
+ hideSearchAd={()=> contentStore.setShowSearchAd(false)}
+ searchsAd={
+
+ {this.saveValue(v)}} />
+
+
+
+
+
+
+
+
+ '), + relateddoc:doc, + relatedwf:workflow, + relatedcrm:crm, + relatedprj:project, + relatedtsk:task, + relatedacc:`${file}`, + } + WeaTools.callApi('/api/proj/prjutil/doDiscussOpt', 'POST', params).then(data=>{ + typeof this.props.callBack == "function" && this.props.callBack(); + this.setState({ + value:"", + "doc":"", + "task":"", + "crm":"", + "workflow":"", + "project":"", + file:"", + key:key+1 + }) + }); + }else{ + Modal.info({ + title: getLabel(15172,"系统提示"), + content: getLabel(83900,"请填写交流信息"), + }); + } + } + getAdButtons = () => { + const {contentStore} = this.props; + const {setShowSearchAd,clearFormFields,getRelateExchangeInfo} = contentStore; + return [ + (), + (), + () + ]; + } + pageNoChange=(index)=>{ + const {contentStore} = this.props; + const {getRelateExchangeInfo} = contentStore; + getRelateExchangeInfo({pageIndex:index}); + } +} + diff --git a/pc4mobx/prj/components/common/relateWorkFlow.js b/pc4mobx/prj/components/common/relateWorkFlow.js new file mode 100644 index 0000000..deec10f --- /dev/null +++ b/pc4mobx/prj/components/common/relateWorkFlow.js @@ -0,0 +1,248 @@ + +import {Button,Row,Col, Icon,message,Modal} from 'antd'; +import {WeaTools,WeaBrowser,WeaAlertPage,WeaLocaleProvider} from 'ecCom'; +import {inject, observer} from "mobx-react"; +import {toJS} from 'mobx'; +import PrjShowGroup from '../comp/prj-show-group' +import PrjTableEdit from '../comp/prj-table-edit' +import {WeaTableNew} from 'comsMobx'; +const WeaTable = WeaTableNew.WeaTable; +const getLabel = WeaLocaleProvider.getLabel; + +@observer +export default class RelateExchange extends React.Component { + constructor(props) { + super(props); + this.state ={ + + } + + } + componentDidMount(){ + + } + componentWillReceiveProps(nextProps) { + + } + render() { + const {contentStore} = this.props; + const {taskReqStore,relateList,relateList:{canRef},taskRelRight:{hasRight,verified},register_table} = contentStore; + const columns = [ + { + title: getLabel(16579,"流程类型"), //列名 + dataIndex: 'wfname', //列的id 对应数据 + key: 'wfname', //前端渲染key值 + com: [ + { label: '', type: 'LINK_WF' , key: 'wfname', viewAttr:1, width: 120, otherParams: {className: 'test-className'}}, + ], + colSpan: 1, + width: '50%', + className: 'wea-table-edit-name', + }, + { + title: getLabel(17906,"必要"), //列名 + dataIndex: 'isNecessary', //列的id 对应数据 + key: 'isNecessary', //前端渲染key值 + com: [ + { label: '', type: 'CHECKBOX' ,editType: '1', viewAttr:canRef?2:1,key: 'isNecessary', width: 80, } + ], + colSpan: 1, + width: '40%', + className: 'wea-table-edit-ismust', + }, + { + title: '', //列名 + dataIndex: 'operate', //列的id 对应数据 + key: 'sex', //前端渲染key值 + com: [ + { label: '', type: 'OPERATE' ,editType: '1', key: 'operate', options: [{ key: '1', showname: getLabel(91,"删除")}] } + ], + colSpan: 1, + width: '10%', + className: 'prj-dropdown-link', + }, + ]; + if (verified && !hasRight) { + return (
+ {getLabel(2012,"对不起，您暂时没有权限！")}
+
+
+
+
+
+
+
)
+ }
+ return
+ }
+ getButtons(){
+ const {contentStore} = this.props;
+ const {taskReqStore,relateList:{canRef}} = contentStore;
+ let btn = [];
+ if(canRef){
+ btn.push(
+ {((resource.docList && resource.docList.length !== 0) || (resource.wfList && resource.wfList.length !== 0) ||
+ (resource.cusList && resource.cusList.length !== 0) || (resource.prjList && resource.prjList.length !== 0) ||
+ (resource.taskList && resource.taskList.length !== 0) || (resource.accList && resource.accList.length !== 0)) ? (
+
)
+
+ }
+
+
+}
+
diff --git a/pc4mobx/prj/components/common/sharePage.js b/pc4mobx/prj/components/common/sharePage.js
new file mode 100644
index 0000000..0942d54
--- /dev/null
+++ b/pc4mobx/prj/components/common/sharePage.js
@@ -0,0 +1,622 @@
+
+import {Button,Row,Col,Icon,message,Modal} from 'antd';
+import {WeaTab,WeaAuth,WeaAlertPage,WeaLocaleProvider } from 'ecCom';
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+import {WeaTableNew} from 'comsMobx';
+import * as Apis from '../../apis/project';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+export default class TaskShare extends React.Component {
+ constructor(props) {
+ super(props);
+
+
+ }
+ shareCondition = [
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharetype"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(21956, "对象类型"),
+ "labelcol": 6,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(179, "人力资源")
+ }, {
+ "key": "5",
+ "selected": false,
+ "showname": getLabel(141, "分部")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(124, "部门")
+ }, {
+ "key": "11",
+ "selected": false,
+ "showname": getLabel(6086, "岗位")
+ }, {
+ "key": "3",
+ "selected": false,
+ "showname": getLabel(122, "角色")
+ }, {
+ "key": "4",
+ "selected": false,
+ "showname": getLabel(1340, "所有人")
+ }
+ ],
+ "viewAttr": 2
+ }, {
+ "2": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "57",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(106, "对象"),
+ "labelcol": 6,
+ "viewAttr": 3
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "INPUT_INTERVAL",
+ "needDefaultValue":false,
+ "domkey": [
+ "seclevel",
+ "seclevelMax"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(683, "安全级别"),
+ "labelcol": 6,
+ "value": [
+ 0,
+ ''
+ ],
+ "viewAttr": 3
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(385, "权限"),
+ "labelcol": 6,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564, "查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93, "编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "5": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "194",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(106, "对象"),
+ "labelcol": 6,
+ "value": 3,
+ "viewAttr": 2
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "INPUT_INTERVAL",
+ "needDefaultValue":false,
+ "domkey": [
+ "seclevel",
+ "seclevelMax"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(683, "安全级别"),
+ "labelcol": 6,
+ "value": [
+ 0,
+ ''
+ ],
+ "viewAttr": 3
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(385, "权限"),
+ "labelcol": 6,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564, "查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93, "编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "1": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "17",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(106, "对象"),
+ "labelcol": 6,
+ "viewAttr": 3
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(385, "权限"),
+ "labelcol": 6,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564, "查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93, "编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "11": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "278",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(106, "对象"),
+ "labelcol": 6,
+ "viewAttr": 3
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT_LINKAGE",
+ "domkey": [
+ "joblevel"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(28169, "岗位级别"),
+ "labelcol": 6,
+ "options": [
+ {
+ "key": "0",
+ "selected": true,
+ "showname": getLabel(140, "总部")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(19437, "指定分部")
+ }, {
+ "key": "1",
+ "selected": false,
+ "showname": getLabel(19438, "指定部门")
+ }
+ ],
+ "selectLinkageDatas": {
+ "1": {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "57",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "jobtitledepartment"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": "",
+ "labelcol": 6,
+ "viewAttr": 3
+ },
+ "2": {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "194",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "jobtitlesubcompany"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": "",
+ "labelcol": 6,
+ "viewAttr": 3
+ }
+ },
+ "viewAttr": 2
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(385, "权限"),
+ "labelcol": 6,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564, "查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93, "编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "4": [[
+ {
+ "colSpan": 2,
+ "conditionType": "INPUT_INTERVAL",
+ "needDefaultValue":false,
+ "domkey": [
+ "seclevel",
+ "seclevelMax"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(683, "安全级别"),
+ "labelcol": 6,
+ "value": [
+ 0,
+ ''
+ ],
+ "viewAttr": 3
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(385, "权限"),
+ "labelcol": 6,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564, "查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93, "编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ],
+ "3": [[
+ {
+ "browserConditionParam": {
+ "completeParams": {},
+ "conditionDataParams": {},
+ "dataParams": {},
+ "destDataParams": {},
+ "hasAddBtn": false,
+ "hasAdvanceSerach": true,
+ "idSeparator": ",",
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "isMultCheckbox": false,
+ "isSingle": false,
+ "pageSize": 10,
+ "quickSearchName": "",
+ "type": "65",
+ "viewAttr": 3
+ },
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "domkey": [
+ "relatedshareid"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(106, "对象"),
+ "labelcol": 6,
+ "viewAttr": 3
+ }, {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "rolelevel"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(139, "级别"),
+ "labelcol": 6,
+ "options": [
+ {
+ "key": "0",
+ "selected": true,
+ "showname": getLabel(124, "部门")
+ }, {
+ "key": "1",
+ "selected": false,
+ "showname": getLabel(141, "分部")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(140, "总部")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "INPUT_INTERVAL",
+ "needDefaultValue":false,
+ "domkey": [
+ "seclevel",
+ "seclevelMax"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(683, "安全级别"),
+ "labelcol": 6,
+ "value": [
+ 0,
+ ''
+ ],
+ "viewAttr": 3
+ }
+ ], [
+ {
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "sharelevel"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(385, "权限"),
+ "labelcol": 6,
+ "options": [
+ {
+ "key": "1",
+ "selected": true,
+ "showname": getLabel(33564, "查看")
+ }, {
+ "key": "2",
+ "selected": false,
+ "showname": getLabel(93, "编辑")
+ }
+ ],
+ "viewAttr": 2
+ }
+ ]
+ ]
+ }
+];
+ componentDidMount(){
+ Apis.getDetachable().then(data=>{
+ if(data.appDetachDisableAll){//禁用所有人选项
+ let temp =this.shareCondition[0];
+ temp.options.splice(5,1);
+ this.shareCondition[0] = temp ;
+ }
+ });
+
+ }
+ componentWillReceiveProps(nextProps) {
+
+ }
+ render() {
+ const {contentStore:{shareTableStore,isShowShare,showAddShareModal,shareRight:{hasRight,verified}},contentStore,title} = this.props;
+
+ if (verified && !hasRight) {
+ return (
+ {
+ (resource.docList && resource.docList.length !== 0) && (
+
) : (
+
+
+ )
+ }
+
+ {(resource.wfList && resource.wfList.length !== 0) && (
+
+
+ {getLabel(857, '相关文档')}
+
+ -
+ {Document}
+ {/*
- E8-DEMO网站需要修正的地方 +
- E8-DEMO网站需要修正的地方 +
- demo9档案 */} +
+
+ )}
+
+
+ {(resource.accList && resource.accList.length !== 0) && (
+
+
+ {getLabel(1044, '相关流程')}
+
+ -
+ {Workflow}
+
+
+ )}
+
+ {(resource.prjList && resource.prjList.length !== 0) && (
+
+
+ {getLabel(22194, '相关附件')}
+
+ -
+ {Accessory}
+ {/*
- + E8-DEMO网站需要修正的地方 + + 2345K + */} +
+
+ )}
+
+ {(resource.taskList && resource.taskList.length !== 0) && (
+
+
+ {getLabel(782, '相关项目')}
+
+ -
+ {Project}
+
+
+ )}
+
+ {(resource.cusList && resource.cusList.length !== 0) && (
+
+
+ {getLabel(33414, '相关任务')}
+
+ -
+ {Task}
+
+
+ )}
+
+ {(resource.cptList && resource.cptList.length !== 0) && (
+
+
+ {getLabel(783, '相关客户')}
+
+ -
+ {Customer}
+
+
+ )}
+
+
+
+
+ {getLabel(858, '相关资产')}
+
+ -
+ {Capital}
+
+
+
+
+ )}{getLabel(83553, '暂无数据')}
+
+ {getLabel(2012,"对不起，您暂时没有权限！")}
+
+
+ {
+ contentStore.addShare(v);
+ showAddShareModal(false);
+ }}
+ onCancel={() => {
+ showAddShareModal(false);
+ }}
+ />
+
)
+ }
+ return
+ }
+
+ onOperatesClick=(record,index,operate,flag)=>{
+ const {contentStore} = this.props;
+ let _href = operate && operate.href ? operate.href : "";
+ let fn = _href.replace("javascript:","");
+ fn = fn.substring(0,fn.indexOf('('));
+ let that = this;
+ if(fn != ""){
+ if('onDel' == fn){ //删除
+ contentStore.delBatchShare(record.id);
+ }
+ }
+ }
+}
+
diff --git a/pc4mobx/prj/components/common/stageList.js b/pc4mobx/prj/components/common/stageList.js
new file mode 100644
index 0000000..841cacd
--- /dev/null
+++ b/pc4mobx/prj/components/common/stageList.js
@@ -0,0 +1,47 @@
+
+import { observer } from "mobx-react";
+import React from 'react';
+import { WeaTableEdit } from 'ecCom';
+import { toJS } from 'mobx';
+@observer
+export default class StageList extends React.Component {
+
+ constructor(props) {
+ super(props);
+ }
+
+ render() {
+ const { contentStore } = this.props;
+ const { stageInfo : { stageColumns, stageColumnDatas, selectedDatas, selectedRowKeys,canedit }, onRowSelect, onChange } = contentStore;
+ return (
+
+ {stageColumns && stageColumns.length>0 && {this.tableEdit = el}}
+ />}
+
)
+
+ }
+
+ getRowSelection = (rowSelection) => {
+ const { contentStore } = this.props;
+ const { stageInfo : { canedit }} = contentStore;
+ let sel = { ...rowSelection };
+ sel.getCheckboxProps = (record) => {
+ return { disabled: record.candel == false };
+ }
+ return canedit ? sel:null;
+ }
+
+}
+
diff --git a/pc4mobx/prj/components/common/tabComponent.js b/pc4mobx/prj/components/common/tabComponent.js
new file mode 100644
index 0000000..487b8cf
--- /dev/null
+++ b/pc4mobx/prj/components/common/tabComponent.js
@@ -0,0 +1,45 @@
+/*
+ * @Author: lusx
+ * @Date: 2020-04-22 11:11:59
+ * @Last Modified by: lusx
+ * @Last Modified time: 2020-04-22 11:35:08
+ */
+
+import { observer } from "mobx-react";
+import { WeaTab, WeaLocaleProvider } from 'ecCom';
+import { Button } from 'antd';
+import { Condition } from '../list/listCondition';
+const getLabel = WeaLocaleProvider.getLabel;
+@observer
+class TabComponent extends React.Component {
+ render() {
+ const { contentStore, account } = this.props;
+ const { showSearchAd, tasksubform } = contentStore;
+ const formParams = tasksubform.getFormParams() || {};
+ return (
+
+ {showTab && reLoad(taskSubStore)}
+ getColumns={c => this.reRenderColumns(c)}
+ onOperatesClick={this.onOperatesClick.bind(this)}
+ />
+
+ {
+ this.setState({
+ coWorkVisiable: false
+ });
+ }}
+ />)
+ }
+
+ {
+ window.weaWorkplan && window.weaWorkplan.com && window.weaWorkplan.com.WorkPlanCreate &&
+ ( { 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}
+ taskid={this.state.taskid}
+ description={""}//客户模块需求，支持新建时传入的'基本信息-内容'
+ />)
+ }
+
)
+ }
+
+ // getAdButtons = () => {
+ // const {contentStore} = this.props;
+ // const {getTaskSubList,setShowSearchAd,clearFormFields} = contentStore;
+ // return [
+ // (),
+ // (),
+ // ()
+ // ];
+ // }
+ reRenderColumns(columns) {
+ columns.forEach((c,i) => {
+ if (c.dataIndex == 'finish') {
+ c.render = function (text, record) {
+ return
+
+ {this.wbsFieldSet = el}}
+ rowKey={"groupid"}
+ needAdd={true}
+ needCopy={false}
+ onRowSelect={this.onRowSelect}
+ getRowSelection={this.getRowSelection}
+ />
+
);
+ }
+
+ onRowSelect = (selectedKey) => {
+ const {wbsStore} = this.props;
+ wbsStore.setSelectRowKeys(selectedKey);
+ }
+
+ onChange=(datas)=>{
+ const {wbsStore} = this.props;
+ const {setColumnDatas} = wbsStore;
+ setColumnDatas(datas);
+ }
+
+ getRowSelection = (rowSelection) => {
+ let sel = { ...rowSelection };
+ sel.getCheckboxProps = (record) => {
+ return { disabled: record.canDel == 'n' };
+ }
+ return sel;
+ }
+
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/Prjschedule/dailyPaper.js b/pc4mobx/prj/components/comp/Prjschedule/dailyPaper.js
new file mode 100644
index 0000000..942d72e
--- /dev/null
+++ b/pc4mobx/prj/components/comp/Prjschedule/dailyPaper.js
@@ -0,0 +1,143 @@
+import React from 'react';
+import { Row,Col } from 'antd';
+import {WeaNewScroll } from "ecCom"
+import classnames from 'classnames';
+import './style/index.less';
+
+class DailyPaper extends React.Component {
+ static defaultProps = {
+ stageGroups:[
+ {
+ key:"0",
+ name:"全部",
+ },
+ {
+ key:"1",
+ name:"立项",
+ },
+ {
+ key:"2",
+ name:"搭建中",
+ },
+ {
+ key:"3",
+ name:"验收中",
+ },
+ {
+ key:"4",
+ name:"维护中",
+ },
+ ],
+ selectGroupTypeKey:"0"
+ }
+ constructor(props){
+ super(props);
+ this.state={
+
+ }
+ }
+ renderTitleGroup(stageGroups){
+ const {selectGroupTypeKey="0"} = this.props;
+ let btnArr = [];
+ stageGroups && stageGroups.map((group)=>{
+ let isSelect = "";
+ if(selectGroupTypeKey == group.key) {
+ isSelect = "selected";
+ }
+ btnArr.push(
+ {this.changeTypeGroup(group.key)}} className={isSelect} >
+ {group.name}
+
+ )
+ })
+ return btnArr
+ }
+ changeTypeGroup=(key)=>{
+
+ }
+
+ render() {
+ const { stageGroups } = this.props;
+
+ return (
+
+
+
+
+ )
+ }
+}
+
+export default DailyPaper
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/Prjschedule/index.js b/pc4mobx/prj/components/comp/Prjschedule/index.js
new file mode 100644
index 0000000..4225902
--- /dev/null
+++ b/pc4mobx/prj/components/comp/Prjschedule/index.js
@@ -0,0 +1,3 @@
+import DailyPaper from './dailyPaper'
+
+export default DailyPaper
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/Prjschedule/style/index.less b/pc4mobx/prj/components/comp/Prjschedule/style/index.less
new file mode 100644
index 0000000..54bcd2d
--- /dev/null
+++ b/pc4mobx/prj/components/comp/Prjschedule/style/index.less
@@ -0,0 +1,79 @@
+.project-paper{
+ height: 100%;
+ color: #494949;
+ .project-paper-header .ant-row{
+ margin: 15px 10px;
+ border: 2px solid #eaeaea;
+ height: 35px;
+ line-height: 35px;
+ border-radius: 5px;
+ .header-left{
+ display: inline-block;
+ width: 100px;
+ text-align: center;
+ background-color: #ececec;
+ height: 31px;
+ border-right: 2px solid #eaeaea;
+ }
+ .header-right span{
+ display: inline-block;
+ height: 31px;
+ line-height: 31px;
+ margin-left: 20px;
+ }
+ .header-right .selected{
+ color: #2A7CBC
+ }
+ }
+ .project-paper-body .ant-row{
+ margin: 10px 10px;
+ .body-img{
+ width: 50px;
+ height: 50px;
+ border-radius: 100%;
+ background-color: #e9e9e9;
+ float: left;
+ }
+ .body-right{
+ margin-left: 60px;
+ border-bottom: 2px solid #eaeaea;
+ padding-bottom: 10px;
+ .body-right-title {
+ height: 25px;
+ line-height: 25px;
+ font-weight: 700;
+ .body-right-title-right{
+ float: right;
+ margin-right: 10px;
+ color: #2A7CBC;
+ }
+ }
+ .body-right-time{
+ color: #999;
+ margin-bottom: 8px;
+ }
+ .body-right-content{
+ .project-name{
+ color: #2A7CBC;
+ font-weight: 700;
+ }
+ .body-right-content-h{
+ line-height: 22px;
+ }
+ // .body-right-content-reply,.body-right-content-link{
+
+ // }
+ .body-right-content-reply-reply{
+ background: #ececec;
+ border-radius: 4px;
+ margin: 5px;
+ .reply-container{
+ padding: 5px 15px 5px;
+ }
+ }
+ }
+ }
+
+
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/extend-dialog/index.js b/pc4mobx/prj/components/comp/extend-dialog/index.js
new file mode 100644
index 0000000..d2cf9a4
--- /dev/null
+++ b/pc4mobx/prj/components/comp/extend-dialog/index.js
@@ -0,0 +1,231 @@
+import { Modal,Row, Col, Button,Icon,Menu,} from 'antd';
+import {Dropdown} from 'mode-coms'
+import {WeaLocaleProvider} from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+const Item = Menu.Item
+import isString from 'lodash/isString';
+import './style/index.css'
+
+class Main extends React.Component {
+ static defaultProps = {
+ style: {width: 520, height: 400},
+ icon: 'icon-coms-ModelingEngine',
+ maskClosable: false,
+ closable: true,
+ title: 'Dialog',
+ iconBgcolor: '#2db7f5',
+ isallscreen:false,
+ hasMoreBtn:false
+ }
+ static contextTypes = {
+ router: React.PropTypes.routerShape
+ }
+ listenRouter(){
+ this.context.router.listen(nextState => {
+ const { path } = this.state;
+ const { pathname } = nextState;
+ if(path !== pathname){
+ this._reactInternalInstance !== undefined && this.setState({path:pathname, visible:false});
+ }
+ })
+ }
+ constructor(props) {
+ super(props);
+ this.state = {
+ visible: false,
+ modalBody: '',
+ title: props.title || '',
+ url: props.url || '',
+ style: props.style,
+ icon: props.icon,
+ closable: props.closable,
+ buttons: props.buttons,
+ maskClosable: props.maskClosable,
+ iconBgcolor: props.iconBgcolor,
+ path: window.location.hash && window.location.hash.split('#/')[1].split('?')[0],
+ isallscreen:false,
+ hasMoreBtn:props.hasMoreBtn || false,
+ dropMenuDatas:props.dropMenuDatas || [],
+ showDrop:false
+ }
+ this.onCancel = this.onCancel.bind(this);
+ }
+ componentWillReceiveProps(nextProps){
+
+
+ if (this.props.visible !== nextProps.visible || this.state.visible !== nextProps.visible) {
+ this.setState({visible: nextProps.visible});
+ }
+ if (this.props.url !== nextProps.url) {
+ this.setState({url: nextProps.url});
+ }
+ // if (!WeaTools.isEqual(this.props.style, nextProps.style)) {
+ // this.setState({style: nextProps.style});
+ // }
+ if ('buttons' in this.props) {
+ this.setState({buttons: nextProps.buttons});
+ }
+ if (this.props.title !== nextProps.title) {
+ this.setState({title: nextProps.title});
+ }
+ // if (this.props.icon !== nextProps.icon) {
+ // this.setState({icon: nextProps.icon});
+ // }
+ // if (this.props.iconBgcolor !== nextProps.iconBgcolor) {
+ // this.setState({iconBgcolor: nextProps.iconBgcolor});
+ // }
+ }
+ shouldComponentUpdate(...args) {
+ return true
+ // return PureRenderMixin.shouldComponentUpdate.apply(this, args);
+ }
+ componentDidMount(){
+ this.listenRouter();
+ window.initExtendDialog = params => {
+ let state = {};
+ if (params.style) {
+ state.style = params.style;
+ }
+ if (params.buttons) {
+ state.buttons = params.buttons;
+ }
+ if (params.url) {
+ state.url = params.url;
+ }
+ if (params.modalBody) {
+ state.modalBody = params.modalBody;
+ }
+ if (params.title) {
+ state.title = params.title;
+ }
+ if (params.icon) {
+ state.icon = params.icon;
+ }
+ if (params.closable !== undefined) {
+ state.closable = params.closable;
+ }
+ if (params.maskClosable !== undefined) {
+ state.maskClosable = params.maskClosable;
+ }
+ if (params.iconBgcolor) {
+ state.iconBgcolor = params.iconBgcolor;
+ }
+ if(params.hasMoreBtn){
+ state.hasMoreBtn = params.hasMoreBtn
+ }
+ if(params.dropMenuDatas){
+ state.dropMenuDatas = params.dropMenuDatas
+ }
+ this.setState(state);
+ }
+ window.showExtendDialog = () => {
+ this.setState({visible: true});
+ }
+ window.closeExtendDialog = () => {
+ this.onCancel();
+ }
+ }
+ onCancel() {
+ this.setState({visible: false});
+ this.props.onCancel && this.props.onCancel();
+ }
+ toAllScreen=()=>{
+ const screenH = window.document.documentElement.clientHeight || window.body.clientHeight;
+
+ this.setState({
+ style:{width:"100%",height:screenH-100},
+ isallscreen:true
+ });
+ jQuery('.extend-dialog .ant-modal').addClass('extend-dialog-allscreen')
+ }
+ claseAllScreen=()=>{
+ this.setState({
+ style:this.props.style,
+ isallscreen:false
+ });
+ jQuery('.extend-dialog .ant-modal').removeClass('extend-dialog-allscreen')
+ }
+ getFooterButtons(){
+ const {buttons,dropMenuDatas,hasMoreBtn,showDrop} = this.state;
+ let newButtons = [];
+ const menu = dropMenuDatas ?
+ : '';
+ if(hasMoreBtn){
+ newButtons.push(
+ this.setState({showDrop:false})} style={{display:showDrop ? "block":"none"}}>
+
+ {menu}
+
+ )
+ }
+ return [...buttons,...newButtons]
+
+ }
+ render(){
+ const {children, hideIcon = false} = this.props;
+ const {modalBody, visible, url, closable, style, maskClosable, buttons, title, icon, iconBgcolor,isallscreen,hasMoreBtn,dropMenuDatas} = this.state;
+ let titleEle = (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 张三 泛微上海大区/EBU上海一部
+ 回复评论
+
+ 2017/02/05 14:22
+
+
+ 项目:上海投资咨询公司（二次开发合同）2012 当前阶段: 立项 当前任务：需求调研
+ 预计十一之后收取第三笔款，现场调研确认，需求变更与新增工作量
+ 相关文档：人力资源模块调研文档(v1)
+
+
+
+
+ 张三 泛微上海大区/EBU上海一部
+
+
+ 2017/02/05 14:22
+
+
+ 项目:上海投资咨询公司（二次开发合同）2012 当前阶段: 立项 当前任务：需求调研
+ 预计十一之后收取第三笔款，现场调研确认，需求变更与新增工作量
+
+
+
+
+ 张三 泛微上海大区/EBU上海一部
+
+
+ 2017/02/05 14:22
+
+
+ 项目:上海投资咨询公司（二次开发合同）2012 当前阶段: 立项 当前任务：需求调研
+ 预计十一之后收取第三笔款，现场调研确认，需求变更与新增工作量
+
+
+
+
+ 李四 2017/05/02 14:55
+ ok!!!
+
+
+ 王五 2017/05/02 16:55
+ 没问题。
+
+ {
+ !hideIcon &&
+
+
+
+
+
+ }
+ {title}
+
+ {
+ isallscreen ?
+
+
+ {children ? children : ''}
+ {body}
+ {url?
+
+ : ''
+ }
+
+
+ {this.props.children}
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/kanban/index.js b/pc4mobx/prj/components/comp/kanban/index.js
new file mode 100644
index 0000000..6a7cf4f
--- /dev/null
+++ b/pc4mobx/prj/components/comp/kanban/index.js
@@ -0,0 +1,413 @@
+import React from 'react'
+import Draggable from './Draggable';
+import './index.less';
+import { Icon, Tooltip, Menu, Dropdown, Input } from 'antd';
+
+export default class Main extends React.Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ columns: props.columns || [],
+ _columns: [],
+ key: 0,
+ newTask: {
+ name: ''
+ }
+
+ }
+ this._columns = props.columns;
+ }
+ handleStart = (column, _, { $target }, targetOffset) => {
+ // let $columnplaceholder = $(this.refs._columnplaceholder);
+ // let $columnstore = $(this.refs._columnstore);
+ this._dragColumn = column;
+ this.offset = { width: $target.width(), height: $target.height(), ...$target.offset() };
+ this.targetOffset = targetOffset;
+ const startAction = ($target, offset, placeoffset) => {
+ $target.css(offset);
+ let $columnplaceholder = $(this.refs._columnplaceholder);
+ let $columnstore = $(this.refs._columnstore);
+ $columnplaceholder.show().css(placeoffset)
+ $target.after($columnplaceholder).appendTo($columnstore);
+ };
+ this.startAction = startAction.bind(this, $target, targetOffset, { width: $target.width(), height: $target.height(), ...$target.offset() });
+ //this.startAction();
+
+ this.moving = true;
+ // $columnplaceholder.show().css({ width: $target.width(), height: $target.height(), ...$target.offset() })
+ // $target.after($columnplaceholder).appendTo($columnstore);
+ }
+ handleMove = (e) => {
+ let $target = $(e.target);
+ const diffX = e.clientX - this.offset.left;
+ if (!this.moving || Math.abs(diffX) < 5) {
+ return;
+ }
+ $target.css(this.targetOffset);
+ let $columnplaceholder = $(this.refs._columnplaceholder);
+ let $columnstore = $(this.refs._columnstore);
+ $columnplaceholder.show().css(this.offset)
+ $target.after($columnplaceholder).appendTo($columnstore);
+
+
+ // this.startAction && this.startAction();
+
+ //let columnKey = e.columnKey;
+ let { left } = $target.offset();
+ let width = $target.width();
+ let children = $(this.refs._columns).children();
+ let first = children.eq(0);
+ let { left: firstLeft } = $(first).offset();
+ if (left < (firstLeft + width / 2)) {
+ first.children().appendTo($(this.refs._columnplaceholder).parent())
+ first.append($(this.refs._columnplaceholder));
+ this._columns = this.swapColumn(this._columns, 0, this.getIndex(this._columns, this._dragColumn))
+ } else {
+ children.each((index, ele) => {
+ const { left: currentLeft } = $(ele).offset();
+ if (left + width > currentLeft + width / 2 && left < currentLeft + width / 2) {
+ $(ele).children().appendTo($(this.refs._columnplaceholder).parent())
+ $(ele).append($(this.refs._columnplaceholder))
+ this._columns = this.swapColumn(this._columns, index, this.getIndex(this._columns, this._dragColumn))
+ }
+ })
+ }
+ }
+ getIndex = (columns, column) => {
+ for (let index = 0; index < columns.length; index++) {
+ if (columns[index].key == column.key) {
+ return index;
+ }
+ }
+ }
+ swrapColumnByKey = (columns, key1, key2) => {
+ let index1 = 0, index2 = 0;
+ for (let index = 0; index < columns.length; index++) {
+ if (columns[index].key == key1) {
+ index1 = index;
+ }
+ if (columns[index].key == key2) {
+ index2 == index;
+ }
+ }
+ return this.swapColumn(columns, index1, index2);
+ }
+ swapColumn = (columns, index1, index2) => {
+ let _columns = [];
+ for (let index = 0; index < columns.length; index++) {
+ if (index == index1) {
+ _columns.push(columns[index2]);
+ } else if (index == index2) {
+ _columns.push(columns[index1]);
+ } else {
+ _columns.push(columns[index]);
+ }
+ }
+ return _columns;
+ }
+ handleStop = () => {
+ $(this.refs._columnstore).empty();
+ $(this.refs._columnplaceholder).removeAttr('style');
+ $(this.refs._columnplaceholder).appendTo($(this.refs._columnstore).parent());
+ this.setState({ columns: this._columns, key: this.state.key + 1 });
+ this.moving = false;
+ }
+
+ handleItemStart = (column, item, _, { $target }) => {
+ this._dragColumn = column;
+ this._dragItem = item;
+ this.itemMoving = true;
+ this.itemOffset = { width: $target.width(), height: $target.height(), ...$target.offset() };
+ // let $itemplaceholder = $(this.refs._itemplaceholder);
+ // $itemplaceholder.show().css({ width: $target.width(), height: $target.height(), ...$target.offset() })
+ // $target.after($itemplaceholder).appendTo($(this.refs._itemstore));
+ }
+ handleItemMove = (e) => {
+ const { left, top } = $(e.target).offset();
+ let $target = $(e.target);
+ const width = $(e.target).width();
+ const height = $(e.target).height();
+ const thisId = $(e.target).attr("id");
+ const diffX = e.clientX - this.itemOffset.left;
+ if (!this.itemMoving || Math.abs(diffX) < 5) {
+ return;
+ }
+ let $itemplaceholder = $(this.refs._itemplaceholder);
+ $itemplaceholder.show().css(this.itemOffset);
+ $target.after($itemplaceholder).appendTo($(this.refs._itemstore));
+
+ $("[id^=drag-item-]").each((_, ele) => {
+ if ($(ele).attr("id") == thisId) {
+ return;
+ }
+ const { left: currentLeft, top: currentTop } = $(ele).offset();
+ const currentWidth = $(ele).width();
+ const currentHeight = $(ele).height();
+
+ if (left + width > currentLeft + currentWidth / 2 && left < currentLeft + currentWidth / 2) {
+ if (top + height > currentTop + currentHeight / 2) {
+ if (top < currentTop + currentHeight / 2) {
+ $(ele).before($(this.refs._itemplaceholder));
+ this._columns = this.appendItem(this._columns, thisId, $(ele).attr("id"), false);
+ } else {
+ if (this.isLastItemOfColumn($(ele))) {
+ $(ele).after($(this.refs._itemplaceholder));
+ this._columns = this.appendItem(this._columns, thisId, $(ele).attr("id"), true);
+ }
+ }
+ }
+
+ }
+ })
+
+ $('.wea-draggable-column.column-empty').each((_, ele) => {
+ const { left: currentLeft } = $(ele).offset();
+ const currentWidth = $(ele).width();
+ if (left + width > currentLeft + currentWidth / 2 && left < currentLeft + currentWidth / 2) {
+ $(ele).find('.drag-item-wrap').append($(this.refs._itemplaceholder));
+ this._columns = this.appendItem(this._columns, thisId, '', false, $(ele).attr('id'));
+ }
+
+ })
+
+
+
+ }
+ handleItemStop = () => {
+ $(this.refs._itemstore).empty();
+ $(this.refs._itemplaceholder).removeAttr('style');
+ $(this.refs._itemplaceholder).appendTo($(this.refs._itemstore).parent());
+ this.setState({ columns: this._columns, key: this.state.key + 1 });
+ this.itemMoving = false;
+ }
+ isLastItemOfColumn = ($ele) => {
+ let silbs = $ele.parent().find("[id^=drag-item-]");
+ let last = silbs.last();
+ return last.attr("id") == $ele.attr("id");
+ }
+ appendItem = (columns, fromkey1, tokey2, after, toColumnKey) => {
+ let _columns = [];
+ for (let i = 0; i < columns.length; i++) {
+ let _items = [];
+ let items = columns[i].items;
+ if (`drag-column-${columns[i].key}` == toColumnKey) {
+ _items.push(this._dragItem);
+ } else {
+ for (let j = 0; j < items.length; j++) {
+ if (!items[j]) {
+ continue;
+ }
+ if (`drag-item-${items[j].key}` == fromkey1) {
+ continue;
+ } else if (`drag-item-${items[j].key}` == tokey2) {
+ let formitem = this._dragItem
+ if (after) {
+ _items.push(items[j]);
+ if (formitem) {
+ _items.push(formitem);
+ }
+ } else {
+ if (formitem) {
+ _items.push(formitem);
+ }
+ _items.push(items[j]);
+ }
+ continue;
+ }
+ _items.push(items[j]);
+ }
+ }
+ _columns.push({ ...columns[i], items: _items })
+ }
+ return _columns;
+ }
+
+ componentDidMount() {
+ let $this = $(this.refs._kanban);
+ // let kanban_column = $this.find(".mode-kanban-column-row");
+ let kanban = $this;
+
+
+
+ kanban.mousedown((e) => {
+ let startX = e.clientX;
+ let startY = e.clientY;
+ let offset = $this.offset();
+ let lastmoveX = startX;
+ e.stopPropagation();
+ /* setTimeout(function () {
+ $(document).mousemove((e) => {
+ let offsetX = e.clientX - lastmoveX;
+ let nowoffsetX = kanban.scrollLeft();
+ lastmoveX = e.clientX;
+ if (offsetX < 0) {
+ kanban.scrollLeft(nowoffsetX + (offsetX * -1));
+ } else {
+ kanban.scrollLeft(nowoffsetX - (offsetX));
+ }
+ //$(document).scrollLeft(kanban.scrollLeft()+offsetX);
+ }).mouseup(() => {
+ $(document).unbind('mousemove');
+ return false;
+ })
+ return false;
+ }, 200); */
+ return false;
+ });
+ let $area = $(this.refs._area);
+ let area = $area;
+ area.mousedown(() => {
+ });
+
+ }
+
+
+ render() {
+ const menu = (
+
+ );
+ return (
+
+
+
+
+
+
+ )
+ }
+
+ _handleClick = (e) => {
+ e.stopPropagation();
+ }
+
+ areaClick(event) {
+
+ }
+
+ saveTask(key, value) {
+
+ }
+
+ handleChange = (value) => {
+ this.setState({
+ newTask: {
+ name: value
+ }
+ })
+ }
+
+ handleFocus = (value) => {
+ //console.log('这是获得焦点的value： ' + value);
+ }
+
+ handleBlur = (value) => {
+ //console.log('这是失去焦点的value： ' + value);
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/kanban/index.less b/pc4mobx/prj/components/comp/kanban/index.less
new file mode 100644
index 0000000..f2bb8d3
--- /dev/null
+++ b/pc4mobx/prj/components/comp/kanban/index.less
@@ -0,0 +1,184 @@
+.column-header {
+ background-color: #eef0f4;
+ border-bottom: 1px solid #e8e8e8;
+ padding: 16px;
+ border-radius: 2px 2px 0 0;
+ zoom: 1;
+ margin-bottom: -1px;
+ min-height: 48px;
+ font-size: 16px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: rgba(0, 0, 0, 0.85);
+ font-weight: 500;
+ .ant-dropdown-link{
+ float: right;
+ font-size: 16px;
+ font-weight: 700;
+ color: #484848;
+ }
+ .column-header-menu{
+ z-index: 999;
+ float: right;
+ }
+}
+.mode-kanban {
+ overflow: auto;
+ width: 100%;
+ height: 93%;
+ position: relative;
+ // width:auto;
+ // padding-left: 8px;
+ .ant-row,
+ [class*=" ant-col"],
+ [class^=ant-col] {
+ height: 100%
+ }
+ .mode-kanban-column-placeholder {
+ border: 1px dashed gray;
+ display: none;
+ width: 100%;
+ height: 100%;
+ margin-top: 8px;
+ //margin-left: -8px;
+ // margin-right: -8px;
+ }
+ .mode-kanban-item {
+ min-height: 41px;
+ border-radius: 5px;
+ position: relative;
+ margin: 0 5px 5px 5px;
+ padding: 0 0 0 10px;
+ cursor: pointer;
+ background-color: #fff;
+ box-shadow: 0 1px 3px rgba(0,0,0,.2)
+ }
+ .mode-kanban-item-placeholder{
+ border: 1px dashed gray;
+ display: none;
+ // height: 88px;
+ margin: 10px;
+ // padding-left: 50px
+ }
+ .mode-kanban-column-row{
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ min-width: 640px;
+ padding: 0 20px;
+ overflow-y: auto;
+ }
+ .mode-kanban-column {
+ background-color: #eef0f4;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
+ height: 100%;
+ margin-top: 8px;
+ margin-left: 8px;
+ margin-right: 8px;
+ border: 1px solid #e9e9e9;
+ border-radius: 10px;
+ width: 290px;
+ overflow: auto;
+ }
+ .mode-kanban-new-task{
+ position: relative;
+
+ }
+ .mode-kanban-new-task-area{
+ min-height: 41px;
+ border-radius: 5px;
+ position: relative;
+ margin: 0 5px 5px 5px;
+ padding: 0 0 0 10px;
+ cursor: pointer;
+ background-color: #fff;
+ box-shadow: 0 1px 3px rgba(0,0,0,.2)
+ }
+
+ .mode-kanban-new-task-btn{
+ border-radius: 5px;
+ position: relative;
+ // cursor: pointer;
+ span {
+ background-color: #fff;
+ color : #757575;
+ line-height: 32px;
+ display: inline-block;
+ height: 32px;
+ margin: 3px 5px 6px 5px;
+ padding: 0 18px;
+ cursor: pointer;
+ border-radius: 18px;
+ box-shadow: 0 1px 2px rgba(0,0,0,.12);
+
+ }
+ }
+}
+.item-header{
+ margin: 10px 0
+}
+.item-dragg-handle{
+ // padding-left: 24px;
+ // height: 80px;
+ // overflow: hidden ;
+ overflow: hidden;
+ padding: 10px 20px 10px 10px;
+}
+.item-dragg-handle-title{
+ // margin: 16px 0;
+ width : 80% ;
+ font-size: 14px;
+ // padding: 10px 0px 10px 0px;
+ display: inline-block;
+ // text-align:center;
+ // display:block;
+ // float:left
+}
+
+.item-dragg-handle-operation{
+ font-size: 18px;
+ color: gainsboro;
+ padding-right: 10px;
+ display: none;
+}
+
+.item-dragg-handle-operation2{
+ font-size: 18px;
+ padding-right: 10px;
+ color: #2db7f5;
+}
+
+.item-dragg-handle-collection{
+ font-size: 18px;
+ color: gainsboro;
+ display: none;
+}
+
+.item-dragg-handle-collection2{
+ font-size: 18px;
+ color: rgb(248, 192, 72);
+}
+
+span.item-dragg-handle-collection:hover{
+ color:black;
+}
+
+span.item-dragg-handle-operation:hover{
+ color:black;
+}
+
+div.mode-kanban-item:hover {
+ background-color: #eef0f4;
+}
+
+div.mode-kanban-item:hover span{
+ display: inline-block;
+}
+
+div.mode-kanban-new-task-btn:hover span{
+ background-color: rgb(59, 56, 56);
+ color: white;
+}
diff --git a/pc4mobx/prj/components/comp/prj-batch-share/customerShare.js b/pc4mobx/prj/components/comp/prj-batch-share/customerShare.js
new file mode 100644
index 0000000..e555758
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-batch-share/customerShare.js
@@ -0,0 +1,156 @@
+import {Table,Icon,Row,Col,Button,Spin} from 'antd'
+import {WeaTools,WeaInput,WeaSelect,WeaBrowser,WeaLocaleProvider} from 'ecCom'
+const getLabel = WeaLocaleProvider.getLabel;
+import equal from 'deep-equal'
+
+const { getComponent } = WeaTools;
+
+class CustomerShare extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ columns: [],
+ datas: [],
+ selectedRowKeys: [],
+ current: 1,
+ showGroup: props.showGroup ? props.showGroup : false
+ }
+ this.doDelete = this.doDelete.bind(this);
+ this.doAdd = this.doAdd.bind(this);
+ }
+ componentDidMount() {
+ const { datas = [], columns = [] } = this.props;
+ columns.length > 0 && this.setState(datas.length > 0 ? {datas: this.addKeytoDatas(datas),columns} : {columns})
+ }
+ componentWillReceiveProps(nextProps,nextState) {
+ const { columns = [], datas = [], selectedRowKeys = [] } = this.props;
+ const _columns = nextProps.columns || [];
+ const _datas = nextProps.datas || [];
+ const _selectedRowKeys = nextProps.selectedRowKeys || [];
+ !equal(columns,_columns) && this.setState({columns:_columns});
+ this.setState({datas: this.addKeytoDatas(_datas)});
+ !equal(selectedRowKeys,_selectedRowKeys) && this.setState({selectedRowKeys:_selectedRowKeys})
+ }
+ addKeytoDatas(datas){
+ let _datas = datas.map((data, i) => {
+ let _data = {...data};
+ _data.key = i
+ return _data
+ })
+ return _datas
+ }
+ render() {
+ const { datas,showGroup,columns, selectedRowKeys } = this.state;
+ const {title,needAdd,needCopy} = this.props;
+ return(
+
+ {this.state.columns.map((column) => {
+ return (
+
+
+
+ )
+ })}
+
+ 0 ? 'column' : 'column-empty'}`}
+ defaultClassName="wea-draggable-column"
+ onStart={this.handleStart.bind(this, column)}
+ onStop={this.handleStop}
+ onDrag={this.handleMove}
+ handle=".column-dragg-handle"
+ axis="both"
+ >
+
+
+
+ {column.title}
+
+
+
+
+
+
+
+
+ {
+ column.items.map((item) => {
+ return (
+
+
+
+ )
+ })
+ }
+
+
+
+
+
+ {item.title}
+ {
+ item.islandmark != "1" &&
+
+
+
+ }
+ {
+ item.islandmark == "1" &&
+
+
+
+ }
+ {
+ item.collection != "1" &&
+
+
+
+ }
+ {
+ item.collection == "1" &&
+
+
+
+ }
+
+ {/*
+
+ Tag 1
+ >Link
+ Tag 2
+ Prevent Default
+
*/}
+
+
+
+
+
+
+
+
+
+ +新任务
+
+
+
+
+ this.setState({showGroup:!showGroup})}/>
+
+ }
+
+
+
+
+
+
+
+ )
+ }
+ getColumns(){
+ const { columns } = this.state;
+ let _columns = [].concat(columns);
+ _columns = _columns.map(col => {
+ let _col = { ...col };
+ _col.render = ( text, record, index ) => {
+ return this.getColRender( _col, text, record, index );
+ }
+ return _col
+ });
+ return _columns
+ }
+ getColRender( _col, text, record, index ){
+ const { com,isLink = false,linkKey =[],linkUrl=""} = _col;
+ let _com = [];
+ com.map((c,i) => {
+ if(typeof c.props === 'object'){
+ _com.push(c);
+ }else{
+ const { domkey,viewAttr =2,key, label, formItemType = 'INPUT', options = [], browserConditionParam = {}, width ,value } = c;
+ const _type = formItemType.toUpperCase();
+ _com.push(
+
+ {label && {label}}
+ { _type === 'INPUT' && !isLink &&
+ {title}
+
+ {needAdd &&
+
+ {_com}
+
+ )
+ }
+ getRowSelection(){
+ const { columns, selectedRowKeys } = this.state;
+ if(!`${columns}`) return null
+ const rowSelection = {
+ selectedRowKeys,
+ onChange: (sRowKeys, selectedRows) => {
+ this.setState({selectedRowKeys : sRowKeys});
+ }
+ }
+ return rowSelection
+ }
+
+ doAdd(){
+ typeof this.props.addColumns === 'function' && this.props.addColumns();
+ }
+ doDelete(){
+ const { datas, current, selectedRowKeys } = this.state;
+ let _datas = [].concat(datas);
+ selectedRowKeys.map(key => {
+ _datas = _datas.filter(data => data.key !== key);
+ });
+ _datas = _datas.map((data, i) => {
+ let _data = {...data};
+ _data.key = i;
+ return _data
+ })
+ this.setState({datas: _datas,selectedRowKeys: []});
+ this.onChange(_datas);
+
+ }
+ onChange(datas){
+ const { columns } = this.state;
+ let _datas = datas.map((data, i) => {
+ let _data = {...data}
+ delete _data.key
+ return _data
+ });
+ typeof this.props.onChange === 'function' && this.props.onChange(_datas, columns);
+ }
+}
+
+export default CustomerShare;
+
diff --git a/pc4mobx/prj/components/comp/prj-batch-share/index.js b/pc4mobx/prj/components/comp/prj-batch-share/index.js
new file mode 100644
index 0000000..f96cf85
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-batch-share/index.js
@@ -0,0 +1,198 @@
+import React from 'react';
+import { WeaDialog, WeaRightMenu, WeaNewScroll, WeaAuth, WeaLocaleProvider } from "ecCom"
+import { Button, } from "antd"
+const getLabel = WeaLocaleProvider.getLabel;
+import PrjShowGroup from "../prj-show-group"
+import WeaBatchShareTable from './customerShare.js'
+import './index.less'
+
+class BatchShareDialog extends React.Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ datas: []
+ };
+ }
+ componentWillReceiveProps(nextProps) {
+ if(this.props.visible !== nextProps.visible){
+ this.setState({ datas: [] });
+ }
+ }
+ shouldComponentUpdate() {
+ return true;
+ }
+ render() {
+ const { visible, title, condition, onCancel } = this.props;
+ const { datas } = this.state;
+ const columns = [
+ {
+ "title": getLabel(21956, "对象类型"),
+ "com": [{ label: '', type: 'INPUT', "viewAttr": 1, key: 'sharetypespan', disabled: false, },],
+ "width": "20%",
+ "dataIndex": "sharetypespan",
+ "key": "sharetypespan"
+ },
+ {
+ "title": getLabel(106, "对象"),
+ "com": [{ label: '', type: 'INPUT', "viewAttr": 1, key: 'relatedshareidspan', disabled: false, },],
+ "width": "30%",
+ "dataIndex": "relatedshareidspan",
+ "key": "relatedshareidspan"
+ },
+ {
+ "title": getLabel(683, "安全级别"),
+ "com": [{ label: '', type: 'INPUT', "viewAttr": 1, key: 'seclevel_seclevelMax', disabled: false, },],
+ "width": "30%",
+ "dataIndex": "seclevel_seclevelMax",
+ "key": "seclevel_seclevelMax"
+ },
+ {
+ "title": getLabel(3005, "共享级别"),
+ "com": [{ label: '', type: 'INPUT', "viewAttr": 1, key: 'sharelevelspan', disabled: false, },],
+ "width": "20%",
+ "dataIndex": "sharelevelspan",
+ "key": "sharelevelspan"
+ },
+ ];
+ let that = this;
+ return (
+
+
+
+
+ {
+ let seclevel = v.seclevel;
+ let seclevelMax = v.seclevelMax;
+ if(v.sharetype === '1'||v.sharetype === '6'||v.sharetype === '7'||v.sharetype === '9'||v.sharetype === '11'){
+ }else{
+ if(""+seclevel&&(typeof seclevelMax === 'undefined' || seclevelMax === null || seclevelMax === "")){
+ v.seclevel_seclevelMax = "≥"+seclevel;
+ }else if(""+seclevelMax&&(typeof seclevel === 'undefined' || seclevel === null || seclevel === "")){
+ v.seclevel_seclevelMax = "≤"+seclevelMax;
+ }else{
+ v.seclevel_seclevelMax = seclevel+" - "+seclevelMax;
+ }
+ }
+ //if (v.seclevel) { v.seclevel_seclevelMax = v.seclevel + "-" + v.seclevelMax; }
+ if (v.sharetype !== "4") {
+ const relatedshareids = v.relatedshareid.split(",");
+ const relatedshareidspans = v.relatedshareidspan.split(",");
+ let joblevel = '';
+ let joblevelspan = '';
+ let jobtitlespan = '';
+ if(v.sharetype==='11'){
+ joblevel = v.joblevel;
+ joblevelspan = v.joblevelspan;
+ if(joblevel==='1'){
+ jobtitlespan = v.jobtitledepartmentspan;
+ }else if(joblevel==='2'){
+ jobtitlespan = v.jobtitlesubcompanyspan;
+ }
+ }
+ if (relatedshareids.length > 1) {
+ relatedshareids.map((item, index) => {
+ let relatedshareidspan = relatedshareidspans[index]
+ if(v.sharetype==='11'){
+ relatedshareidspan +='/'+joblevelspan;
+ if(joblevel==='1'||joblevel==='2'){
+ relatedshareidspan +='('+jobtitlespan+')';
+ }
+ }
+ datas.push({
+ ...v,
+ relatedshareid: item,
+ relatedshareidspan: relatedshareidspan
+ })
+ });
+ }else {
+ let relatedshareidspan = v.relatedshareidspan;
+ let rolelevelspan = v.rolelevelspan;
+ if(v.sharetype==='11'||v.sharetype==='3'){
+ if(v.sharetype==='11'){
+ relatedshareidspan +='/'+joblevelspan;
+ if(joblevel==='1'||joblevel==='2'){
+ relatedshareidspan +='('+jobtitlespan+')';
+ }
+ }else if(v.sharetype==='3'){
+ relatedshareidspan = rolelevelspan+"/"+relatedshareidspan;
+ }
+ datas.push({...v,relatedshareidspan:relatedshareidspan});
+ }else{
+ datas.push(v)
+ }
+ }
+ } else {
+ datas.push(v)
+ }
+ that.setState({ datas: datas });
+ }}
+ onCancel={() => { }}
+ />
+
+
+
+
+
+
+
+
+ );
+ }
+}
+
+export default Main;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/prj-left-right-layout/index.js b/pc4mobx/prj/components/comp/prj-left-right-layout/index.js
new file mode 100644
index 0000000..f92de83
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-left-right-layout/index.js
@@ -0,0 +1,69 @@
+import { Icon} from 'antd';
+import cloneDeep from 'lodash/cloneDeep'
+import './index.less'
+
+
+class LeftRightLayout extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ showLeft:props.defaultShowLeft || true,
+ isHover:false,
+ leftWidth:props.leftWidth || 250,
+ treeWidth:props.treeWidth || 250
+ // showRight:false
+ }
+ }
+ componentWillReceiveProps(nextProps){
+ if(this.props.showRight !== nextProps.showRight){
+ this.showright(nextProps.showRight);
+ }
+ }
+ leftShowCo(e){
+ const {showLeft,leftWidth,treeWidth} = this.state;
+ const { onLeftChange,leftCom} = this.props;
+ if(showLeft){
+ jQuery(".three-side-left").animate({width:0},300,"linear",onLeftChange && onLeftChange(false))
+ }else{
+ jQuery(".three-side-left").animate({width:leftCom? leftWidth:treeWidth},300,"linear",onLeftChange && onLeftChange(true))
+ }
+ this.setState({showLeft:!showLeft});
+ e.stopPropagation();
+ e.preventDefault();
+ e.nativeEvent.preventDefault();
+ }
+ render() {
+ const {showLeft,height,isHover,leftWidth,treeWidth} = this.state;
+ const {children,leftCom,rightCom,showRight} = this.props;
+ return (
+
+ {
+ leftCom &&
+
+ )
+ }
+}
+
+export default LeftRightLayout;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/prj-left-right-layout/index.less b/pc4mobx/prj/components/comp/prj-left-right-layout/index.less
new file mode 100644
index 0000000..a65261e
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-left-right-layout/index.less
@@ -0,0 +1,54 @@
+
+@coms-prefix:coms-mode;
+
+@coms-height:46px;
+@coms-small-height:32px;
+
+.wea-left-middle-right-layout,
+.wea-left-middle-right-layout .three-side-left,
+.wea-left-middle-right-layout .three-side-right{
+ height: 100%;
+ overflow: hidden;
+}
+.wea-left-middle-right-layout{
+ background-color: #e8edf4;
+ width: 100%;
+}
+.wea-left-middle-right-layout .three-side-left{
+ float: left;
+ background-color: #fff;
+ .three-side-left-left1{
+ height: 100%;
+ overflow: hidden;
+ float: left;
+ border-right: 1px solid #ececec;
+ }
+ .three-side-left-left2{
+ height: 100%;
+ overflow: hidden;
+ float: left;
+ }
+}
+.wea-left-middle-right-layout .three-side-right{
+ border-right: 1px solid #ececec;
+ position: relative;
+ .three-side-right-container{
+ padding: 0 0px 0 1px;
+ box-sizing: border-box;
+ height: 100%;
+ width: 100%;
+ }
+}
+
+.wea-left-middle-right-layout .wea-three-side-layout-show-left{
+ width: 18px;
+ height: 60px;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ margin-top: -30px;
+ z-index: 11;
+ cursor: pointer;
+ background-size: 100% 100%;
+}
+
diff --git a/pc4mobx/prj/components/comp/prj-progress/index.js b/pc4mobx/prj/components/comp/prj-progress/index.js
new file mode 100644
index 0000000..ebea566
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-progress/index.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import Progress from './progress';
+import warning from 'warning';
+
+const AntProgress = Progress;
+
+// For downward compatibility
+AntProgress.Line = (props) => {
+ warning(false, '
+
+ }
+
+ {leftCom}
+
+
+ {
+ leftCom &&
+
+ this.setState({isHover:true})}
+ onMouseLeave={()=>this.setState({isHover:false})}
+ style={{background: `url('/cloudstore/images/e9/leftTree-${showLeft ? "show" : "hide"}${isHover ? "-hover" : ""}.png') no-repeat -2px 0`}}
+ >
+ }
+
+
+
+ {children}
+
+
+
+ );
+ } else if (type === 'circle') {
+ const circleSize = width || 132;
+ const circleStyle = {
+ width: circleSize,
+ height: circleSize,
+ fontSize: circleSize * 0.16 + 6,
+ };
+ progress = (
+
+
+
+ {progressInfo}
+
+
+ );
+ }
+
+ const classString = classNames({
+ [`${prefixCls}`]: true,
+ [`${prefixCls}-${type}`]: true,
+ [`${prefixCls}-status-${progressStatus}`]: true,
+ [`${prefixCls}-show-info`]: showInfo,
+ [className]: !!className,
+ });
+
+ return (
+
+ {progress}
+
+ );
+ }
+}
diff --git a/pc4mobx/prj/components/comp/prj-progress/style/index.less b/pc4mobx/prj/components/comp/prj-progress/style/index.less
new file mode 100644
index 0000000..e69de29
diff --git a/pc4mobx/prj/components/comp/prj-show-group/index.js b/pc4mobx/prj/components/comp/prj-show-group/index.js
new file mode 100644
index 0000000..59d6bf2
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-show-group/index.js
@@ -0,0 +1,37 @@
+import {Row, Col, Icon} from 'antd';
+import './index.less'
+
+class PrjShowGroup extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ showGroup: props.showGroup ? props.showGroup : true
+ }
+ }
+
+ render() {
+ const {title,leftComponent=[],rightComponent=[], children,btnspace} = this.props;
+ const {showGroup} = this.state;
+ return (
+
+
+
+
+ {
+ children
+ }
+
+
+ )
+ }
+
+}
+
+export default PrjShowGroup
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/prj-show-group/index.less b/pc4mobx/prj/components/comp/prj-show-group/index.less
new file mode 100644
index 0000000..87e3a51
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-show-group/index.less
@@ -0,0 +1,33 @@
+.prj-exchange-title{
+ height: 50px;
+ line-height: 50px!important;
+ border-bottom: 1px solid #e9e9e9;
+ .prj-exchange-title-left{
+ padding-left: 20px;
+ color: #484848;
+ font-weight: 600;
+ }
+ .prj-exchange-title-right{
+ text-align: right;
+ padding-right: 15px;
+ font-size: 12px;
+ }
+
+}
+
+.prj-exchange-content{
+ .prj-exchange-cell-fujian{
+ margin-top: 10px;
+ padding-bottom: 5px;
+ border-bottom: 1px solid #e2e2e2;
+ .wea-form-item{
+ margin-bottom: 5px;
+ }
+ }
+}
+/*全局设置button samll 样式*/
+.prj-btn-small{
+ padding: 0px 4px;
+ border-radius: 0;
+ margin-right: 10px;
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/prj-table-edit/index.js b/pc4mobx/prj/components/comp/prj-table-edit/index.js
new file mode 100644
index 0000000..946f0ef
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-table-edit/index.js
@@ -0,0 +1,271 @@
+import {Table, Icon, Button, Spin, Row, Col,Menu, Dropdown,} from 'antd';
+import { WeaTools,WeaInput,WeaTextarea,WeaSelect,WeaBrowser,WeaDatePicker,WeaTimePicker,WeaCheckbox,WeaLocaleProvider} from "ecCom"
+const getLabel = WeaLocaleProvider.getLabel;
+import classNames from 'classnames'
+import isEqual from 'lodash/isEqual';
+import './index.less'
+
+//国际化 zxt- 20170419
+const defaultLocale = {
+ total: getLabel(18609,"共"),
+ totalUnit: getLabel(18256,"条"),
+};
+
+
+class Main extends React.Component {
+ //国际化 zxt- 20170419
+ static contextTypes = {
+ antLocale: React.PropTypes.object,
+ }
+ getLocale() {
+ let locale = {};
+ if(this.context.antLocale && this.context.antLocale.Table) {
+ locale = this.context.antLocale.WeaTableEdit;
+ }
+ return {
+ ...defaultLocale,
+ ...locale,
+ ...this.props.locale
+ };
+ }
+ constructor(props) {
+ super(props);
+ this.state = {
+ columns: [],
+ datas: [],
+ selectedRowKeys: [],
+ current: 1
+ }
+ this.onEdit = this.onEdit.bind(this);
+ }
+ componentDidMount() {
+ const { datas = [], columns = [] } = this.props;
+ columns.length > 0 && this.setState(datas.length > 0 ? {datas: this.addKeytoDatas(datas),columns} : {columns})
+ }
+ componentWillReceiveProps(nextProps) {
+ const { columns = [], datas = [], selectedRowKeys = [] } = this.props;
+ const _columns = nextProps.columns || [];
+ const _datas = nextProps.datas || [];
+ const _selectedRowKeys = nextProps.selectedRowKeys || [];
+ !isEqual(columns,_columns) && this.setState({columns: _columns});
+ !isEqual(datas,_datas) && this.setState({datas: this.addKeytoDatas(_datas)});
+ !isEqual(selectedRowKeys,_selectedRowKeys) && this.setState({selectedRowKeys: _selectedRowKeys});
+ }
+ componentDidUpdate() {
+
+ }
+ addKeytoDatas(datas){
+ let _datas = datas.map((data, i) => {
+ let _data = {...data};
+ _data.key = i
+ return _data
+ })
+ return _datas
+ }
+ render() {
+ const { datas } = this.state;
+ const {tableProps} = this.props;
+ return(
+ {leftComponent}
+
+
+
+
+ )
+ }
+ getColumns(){
+ const { columns } = this.state;
+ let _columns = [].concat(columns);
+ _columns = _columns.map(col => {
+ let _col = { ...col };
+ _col.render || (_col.render = ( text, record, index ) => {
+ return this.getColRender( _col, text, record, index );
+ })
+ return _col
+ });
+ return _columns
+ }
+ getColRender( _col, text, record, index ){
+ const { com } = _col;
+ let _com = [];
+ const {onCreatReq, onCreatDoc} = this.props;
+ com.map((c,i) => {
+ if(typeof c.props === 'object'){
+ _com.push(c);
+ }else{
+ const { key, label = '', type = 'INPUT', options = [], browserConditionParam = {}, innerStyle = {width: "100%"},
+ viewAttr = 2 ,showTime = false ,format = "yyyy-MM-dd",otherParams } = c;
+ const _type = type.toUpperCase();
+ let style = _type === 'BROWSER' ? {...innerStyle}:{...innerStyle, display: 'inline-block'}
+ _com.push(
+
+ {label && {label}}
+ { _type === 'INPUT' &&
+
+ {_com}
+
+ )
+ }
+ getBrowerDatas(record, key){
+ let replaceDatas = [];
+ if(record[key + 'span'] !== undefined) {
+ let keys = record[key].split(',');
+ let values = record[key + 'span'].split(',');
+ if(keys.length === values.length){
+ keys.map((k, i) => {
+ if (k != '' && values[i] != '') replaceDatas.push({id: k, name: values[i]});
+ });
+ }else{
+
+ }
+ }
+ return replaceDatas
+ }
+ getPagination() {
+ const { pageSize = 0, paginationSize = ''} = this.props;
+ if( !pageSize ) return false;
+ const { current } = this.state;
+ const locale = this.getLocale();
+ let obj = {
+ size: paginationSize,
+ current,
+ pageSize,
+ };
+ return obj
+ }
+ onEdit(record, index, key, value, names, bDatas){
+ const { pageSize = 0 } = this.props;
+ const { datas, current } = this.state;
+ let _datas = [].concat(datas);
+ _datas[pageSize * (current - 1) + index][key] = value;
+ if(names) _datas[pageSize * (current - 1) + index][key + 'span'] = names;
+ this.setState({datas: _datas});
+ this.onChange(_datas,index);
+ }
+ onChange(datas,index){
+ const { columns } = this.state;
+ let _datas = datas.map((data, i) => {
+ let _data = {...data}
+ delete _data.key
+ return _data
+ })
+ typeof this.props.onChange === 'function' && this.props.onChange(_datas[index], columns);
+ }
+ getMenu(record,options,bool){
+ let menu = [];
+ if(options && bool){
+ options.map(item=>{
+ menu.push(
+
+
+ )
+ }
+}
+
diff --git a/pc4mobx/prj/components/comp/prj-task-layout/index.less b/pc4mobx/prj/components/comp/prj-task-layout/index.less
new file mode 100644
index 0000000..540ecd5
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prj-task-layout/index.less
@@ -0,0 +1,48 @@
+
+@coms-prefix:coms-mode;
+
+@coms-height:46px;
+@coms-small-height:32px;
+
+
+.wea-prj-task-layout,
+.wea-prj-task-layout .prj-layout-left,
+.wea-prj-task-layout .prj-layout-right{
+ height: 100%;
+ overflow: hidden;
+}
+
+.wea-prj-task-layout{
+ background-color: #e8edf4;
+ width: 100%;
+ height: 100%;
+}
+
+.wea-prj-task-layout .prj-layout-left{
+ border-right: 1px solid #ececec;
+ // position: relative;
+ height: 100%;
+ // float: right;
+ // width: 100%;
+ .prj-layout-container{
+ padding: 0 0px 0 1px;
+ box-sizing: border-box;
+ height: 100%;
+ width: 100%;
+ }
+}
+
+.wea-prj-task-layout .prj-layout-right{
+ float: right;
+ background-color: brown;
+ box-shadow: -5px 10px 23px 2px rgba(0,0,0,0.3), 0 3px 6px rgba(0,0,0,.15);
+ z-index: 100;
+ .prj-layout-board{
+ height: 100%;
+ overflow: hidden;
+ float: right;
+ border-right: 1px solid #ececec;
+ }
+
+}
+
diff --git a/pc4mobx/prj/components/comp/prjTaskListTable/index.js b/pc4mobx/prj/components/comp/prjTaskListTable/index.js
new file mode 100644
index 0000000..e66a7ee
--- /dev/null
+++ b/pc4mobx/prj/components/comp/prjTaskListTable/index.js
@@ -0,0 +1,375 @@
+import {toJS} from "mobx"
+import {Table,Icon,Row,Col,Button,Modal,InputNumber,message} from 'antd'
+import {WeaInput,WeaSelect,WeaBrowser,WeaDialog,WeaNewScroll,WeaLocaleProvider,WeaError} from 'ecCom'
+import './index.less'
+import equal from "deep-equal"
+import PrjDateTime from '../prj-data-time'
+import {datediff,endDateDiff} from '../../../util'
+import AddProjectDialog from '../../dialog/addProjectDialog'
+import {AddProjectStore} from "../../../stores/addProjectStore"
+const getLabel = WeaLocaleProvider.getLabel;
+
+class PrjTaskListTable extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ showModal:false,
+ clickKey:"",
+ datas:props.datas || [],
+ selectedRowKeys: [],
+ taskViewAttr :props.taskViewAttr||"",
+ }
+ this.remind1 = new Array();
+ this.remind2 = new Array();
+ this.remind3 = new Array();
+ }
+ componentDidMount() {
+ const { datas = [], taskViewAttr} = this.props;
+ const newdatas = this.addKeytoDatas(datas);
+ this.setState({datas: this.changeBeforeTask(newdatas),taskViewAttr: taskViewAttr})
+ }
+ componentShouldUpdate(nextProps,nextState){
+ return !equal(this.state,nextState)||!equal(this.props.nextProps)
+ }
+ componentWillReceiveProps(nextProps,nextState) {
+ const { datas = [], selectedRowKeys = [],taskViewAttr } = this.state;
+ const _datas = nextProps.datas || [];
+ const _selectedRowKeys = nextProps.selectedRowKeys || [];
+ const _taskViewAttr = nextProps.taskViewAttr || "";
+ !equal(datas,_datas) && this.setState({datas: this.addKeytoDatas(_datas)});
+ !equal(taskViewAttr,_taskViewAttr) && this.setState({taskViewAttr: _taskViewAttr});
+ !equal(selectedRowKeys,_selectedRowKeys) && this.setState({selectedRowKeys:_selectedRowKeys})
+ }
+ componentWillUnmount(){
+
+ }
+ addKeytoDatas(datas){
+ let _datas = datas.map((data, i) => {
+ let _data = {...data};
+ _data.key = i+1;
+ _data.rowIndex = i+1;
+ return _data
+ })
+ return _datas
+ }
+ //change 前置任务
+ changeBeforeTask=(datas)=>{
+ let _datas = [].concat(datas);
+ _datas.map(item=>{
+ if(item.beftaskid && item.beftaskid !== "0"){
+ for(let i = 0 ;i < _datas.length; i++){
+ if(_datas[i].realid == item.beftaskid){
+ item.beftaskid = _datas[i].rowIndex;
+ item.beftaskname = _datas[i].name;
+ }
+ }
+ }
+ })
+ return _datas;
+ }
+ render() {
+ const { datas,showModal,taskViewAttr } = this.state;
+ return(
+
+
+
+
+
+ {rightCom && rightCom}
+
+
+
+
+
+
+ {leftCom && leftCom}
+
+
+
+
+
+
+ this.setState({showModal:false})}
+
+ >
+
+
+
+
+ )
+ }
+ getColumns(){
+ const {taskViewAttr } = this.state;
+ const { stageOptions, isTimeShow } = this.props;
+ let dis = true;
+ if(taskViewAttr==2){
+ dis = false;
+ }
+ return [{
+ title: getLabel(15486,"序号"),
+ dataIndex: 'rowIndex',
+ width:"5%",
+ render: (text, record, index ) => {return {text}},
+ }, {
+ title: getLabel(1352,"任务名称"),
+ dataIndex: 'name',
+ width:"20%",
+ render: (text, record, index ) =>
+
+
+
+
+
+ )
+ }
+}
+
diff --git a/pc4mobx/prj/components/comp/task-view-list/index.js b/pc4mobx/prj/components/comp/task-view-list/index.js
new file mode 100644
index 0000000..b523e91
--- /dev/null
+++ b/pc4mobx/prj/components/comp/task-view-list/index.js
@@ -0,0 +1,48 @@
+import React from 'react';
+import { WeaNewScroll, WeaInputSearch } from 'ecCom';
+import { Pagination } from 'antd';
+import ListItem from './ListItem';
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+
+export default class ListView extends React.Component {
+
+ render() {
+ const { datas, pagination, scrollHeight = document.documentElement.clientHeight, currentKey } = this.props;
+ return (
+
+
+
+ {/*
+ {data.state}
*/}
+
+
+
+
+ { data.islandmark ? {getLabel('19173','里程碑')} : {getLabel('2086','普通')}}
+ { data.cnum > 0 && {data.cfnum}/{data.cnum}}
+ {data.isfinish && {getLabel(23774,"已完成")}}
+ {data.islater && {getLabel('1982','超期') }{data.laterDays > 0 && {data.laterDays}{getLabel('1925','天')}}}
+
+
+ {/*
+ {datas.length === 0 ?
+
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/view-list/ListItem.js b/pc4mobx/prj/components/comp/view-list/ListItem.js
new file mode 100644
index 0000000..6771b65
--- /dev/null
+++ b/pc4mobx/prj/components/comp/view-list/ListItem.js
@@ -0,0 +1,45 @@
+import React from 'react';
+// import ButtonView from '../view-button';
+// import { ListItemProps } from '../../stores/mode-app/BaseStore';
+import classNames from 'classnames';
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+
+// export interface ListItemCompProps {
+// data: ListItemProps;
+// onClick?: (key: string,special:any) => void;
+// showIcon?: boolean;
+// currentKey?:string
+// }
+export default class ListItem extends React.Component {
+ onClick = () => {
+ const { data, onClick } = this.props;
+ onClick && onClick(data.key, data.special);
+ }
+
+ render() {
+ const { data, currentKey } = this.props;
+ const className = classNames('prj-list-item-content');
+ let isCurrent = currentKey && currentKey == data.key;
+ return (
+ + {getLabel('83553',"暂无数据")} +
+ : +
+ {
+ datas && datas.length > 0 && datas.map(d => (
+
+ }
+
+
+
+
+
+ )
+ }
+}
+
diff --git a/pc4mobx/prj/components/comp/view-list/index.js b/pc4mobx/prj/components/comp/view-list/index.js
new file mode 100644
index 0000000..290133e
--- /dev/null
+++ b/pc4mobx/prj/components/comp/view-list/index.js
@@ -0,0 +1,50 @@
+import React from 'react';
+import { WeaNewScroll, WeaInputSearch } from 'ecCom';
+import { Pagination } from 'antd';
+import ListItem from './ListItem';
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+
+export default class ListView extends React.Component {
+
+ render() {
+ const { datas, pagination, scrollHeight = document.documentElement.clientHeight, currentKey, onSearchListItem, onSearchChange, prjValue, fromPortal } = this.props;
+ return (
+
+
+
+
+ {data.state}
+
+
+ {data.name}
+
+ {`${data.label + " : "+ data.person }`}
+
+
+ {
+ !fromPortal&&
+ {datas.length === 0 ?
+
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/weaDragula/index.js b/pc4mobx/prj/components/comp/weaDragula/index.js
new file mode 100644
index 0000000..eeb2929
--- /dev/null
+++ b/pc4mobx/prj/components/comp/weaDragula/index.js
@@ -0,0 +1,98 @@
+
+import dragula from 'react-dragula';
+import isFunction from 'lodash/isFunction';
+import findIndex from 'lodash/findIndex';
+
+class WeaPrjDragula extends React.Component {
+ constructor(props) {
+ super(props);
+ this.drake = null;
+ }
+ componentDidMount() {
+ this.initDragula();
+ }
+
+ componentWillUnmount() {
+ this.drake && this.drake.destroy();
+ }
+
+ render() {
+ return this.props.children;
+ }
+
+ initDragula = () => {
+ let {container,canDrag, onDrop, getKeyFromDom, getKeyFromData} = this.props;
+ if (typeof(container) == "string") {
+ container = jQuery(container, ReactDOM.findDOMNode(this))[0];
+ } else if (isFunction(container)) {
+ container = container();
+ }
+ this.drake = dragula([container], {
+ isContainer: function (el) {
+ return false;
+ },
+ moves: (el, source, handle, sibling) => {
+ return isFunction(canDrag) ? canDrag(handle, el, source, sibling) : canDrag;
+ },
+ mirrorContainer: container
+ });
+ this.drake.on("drop",(el, target, source, sibling) => {
+
+ let {datas} = this.props;
+ if (Array.isArray(datas) && isFunction(getKeyFromDom) && isFunction(getKeyFromData) && isFunction(onDrop)) {
+ let dataKey = getKeyFromDom(el), downKey = sibling ? getKeyFromDom(sibling) : -1;
+ if (downKey == dataKey) {
+ downKey = -1;
+ }
+ let dataIdx = findIndex(datas, (data) => getKeyFromData(data) == dataKey);
+ let downIdx = downKey == -1 ? datas.length : findIndex(datas, (data) => getKeyFromData(data) == downKey);
+ downIdx = downIdx > dataIdx ? downIdx - 1 : downIdx;
+ let data = datas.splice(dataIdx, 1)[0];
+ datas.splice(downIdx, 0, data);
+
+ /*
+ // 遍历并返回新的数据
+ let curData = null;
+ datas = datas.map((data, index) => {
+ if (this.getRowKey(data) == key) {
+ dataIdx = index;
+ curData = data;
+ }
+ if (downKey !== -1 && downKey == this.getRowKey(data)) {
+ downIdx = dataIdx >= 0 ? index - 1 : index;
+ }
+ if (dataIdx == -1 && downIdx == -1) {
+ // 当前与放置的index都没找到，说明未到影响区
+ return data;
+ } else if (dataIdx >=0 && downIdx == -1) {
+ // 找到当前的但没有找到放置位置，需要将下方数据上移一位
+ return index == datas.length - 1 ? datas[dataIdx] : datas[index + 1];
+ } else if (dataIdx == -1 && downIdx >=0) {
+ // 找到放置位置但没有找到当前的，需要将上方数据下移一位
+ return downIdx == index ? null : datas[index - 1];
+ } else {
+ // 都找到之后，如果相等，则做下特殊处理，如果不等，说明已过影响区
+ return index == downIdx ? curData : index == dataIdx ? datas[index - 1] : data;
+ }
+ });
+ // 处理放置位置的数据。
+ datas[downIdx] = curData;*/
+ onDrop(datas, dataIdx, downIdx);
+ } else {
+ isFunction(onDrop) && onDrop(el, sibling, target, source);
+ }
+ });
+ }
+
+}
+
+WeaPrjDragula.propTypes = {
+ container: React.PropTypes.any,//可拖拽区域
+ canDrag: React.PropTypes.any,//是否可拖拽，可以传方法，方法的传参为当前点击的节点。
+ onDrop: React.PropTypes.func,//拖拽结束时触发的方法，第1个参数是拖拽的DOM节点，第二个参数是所放下的位置下方的DOM节点。
+ datas: React.PropTypes.array,//数组
+ getKeyFromData: React.PropTypes.func,//从数组中获得key的方法。
+ getKeyFromDom: React.PropTypes.func,//从Dom中获得key的方法
+};
+
+export default WeaPrjDragula;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/comp/weaPrjFieldSetTableEdit/index.js b/pc4mobx/prj/components/comp/weaPrjFieldSetTableEdit/index.js
new file mode 100644
index 0000000..2f63f11
--- /dev/null
+++ b/pc4mobx/prj/components/comp/weaPrjFieldSetTableEdit/index.js
@@ -0,0 +1,317 @@
+import { Table, Icon, Row, Col, Button } from 'antd'
+import { WeaTools, WeaCascader, WeaSelect, WeaError } from 'ecCom'
+import equal from 'deep-equal';
+import isFunction from 'lodash/isFunction';
+import { Modal } from "antd";
+import { toJS } from "mobx"
+import './style/index.css';
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+
+class WeaPrjFieldSetTableEdit extends React.Component {
+
+ select = new Array();
+ cascader;
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ columns: [],
+ datas: [],
+ selectedRowKeys: [],
+ current: 1,
+ showGroup: props.showGroup ? props.showGroup : false
+ }
+ }
+ componentDidMount() {
+ const { datas = [], columns = [] } = this.props;
+ columns.length > 0 && this.setState(datas.length > 0 ? { datas: this.addKeytoDatas(datas), columns } : { columns })
+ }
+
+ componentWillReceiveProps(nextProps, nextState) {
+ const _columns = nextProps.columns || [];
+ const _showGroup = nextProps.showGroup || false;
+ const _datas = nextProps.datas || [];
+ !equal(_columns, this.props.columns) && this.setState({ columns: _columns });
+ !equal(_showGroup, this.state.showGroup) && this.setState({ showGroup: _showGroup });
+ if (!equal(_datas, this.state.datas)) {
+ this.setState({ datas: this.addKeytoDatas(_datas) });
+ }
+ }
+ addKeytoDatas(datas) {
+ let _datas = datas.map((data, i) => {
+ let _data = { ...data };
+ _data.key = i;
+ return _data
+ })
+ return _datas
+ }
+ render() {
+ const { datas, showGroup, selectedRowKeys } = this.state;
+ const { title, needAdd } = this.props;
+ return (
+ + {getLabel('83553',"暂无数据")} +
+ : +
+ {
+ datas && datas.length > 0 && datas.map(d => (
+
+ }
+
+
+
+
+
+ this.setState({ showGroup: !showGroup })} />
+
+ }
+
+
+
+
+
+
+
+ )
+ }
+ getColumns() {
+ const { columns } = this.state;
+ let _columns = [].concat(columns);
+ _columns = _columns.map(col => {
+ let _col = { ...col };
+
+ _col.render = (text, record, index) => {
+ return this.getColRender(_col, text, record, index);
+ }
+ return _col
+ });
+ return _columns
+ }
+
+ getColRender(_col, text, record, index) {
+ const { com, isTask = false, useRecord = false, dataIndex, } = _col;
+ const { wftype, notwfid } = this.props;
+ const { datas } = this.state;
+ let _com = [];
+ let list = (useRecord && record.com ? record.com[dataIndex] : com) || [];
+ list.map((c,i) => {
+ if (typeof c.props === 'object') {
+ _com.push(c);
+ } else {
+ let { key, label = '', type = 'INPUT', options = [], browserConditionParam = {}, innerStyle = { width: "100%" },
+ viewAttr = 2, showTime = false, format = "yyyy-MM-dd", compDef, onChange, otherParams, title } = c;
+ const _type = type.toUpperCase();
+ _com.push(
+
+ {_type === 'TEXT' && {text}
+ }
+ {_type === 'SELECT' && isTask &&//任务字段
+ {title}
+
+ {needAdd &&
+
+ {_com}
+
+ )
+ }
+
+ getBrowerDatas(record, key) {
+ let replaceDatas = [];
+ if (record[key + 'span'] !== undefined) {
+ let keys = record[key].split(',');
+ let values = record[key + 'span'].split(',');
+ if (keys.length === values.length) {
+ keys.map((k, i) => {
+ replaceDatas.push({ id: k, name: values[i] });
+ });
+ } else {
+ }
+ }
+ return replaceDatas
+ }
+ getRowSelection() {
+ const { columns, selectedRowKeys } = this.state;
+ const { onRowSelect, getRowSelection } = this.props;
+ if (!`${columns}`) return null;
+ let rowSelection = {
+ selectedRowKeys,
+ onChange: (sRowKeys, selectedRows) => {
+ this.setState({ selectedRowKeys: sRowKeys });
+ typeof onRowSelect === 'function' && onRowSelect(sRowKeys, selectedRows);
+ },
+ };
+ if (typeof getRowSelection === 'function') {
+ rowSelection = getRowSelection(rowSelection);
+ }
+ return rowSelection;
+ }
+
+ onEdit({ record, index, key, value, names, bDatas }, onChange, api) {
+ const { pageSize = 0, contentStore } = this.props;
+ const { datas, current } = this.state;
+ let _datas = [].concat(datas);
+ _datas[pageSize * (current - 1) + index][key] = value;
+ if (names) _datas[pageSize * (current - 1) + index][key + 'span'] = names;
+ let fieldname = _datas[index]['taskfield'];
+ const params = {fieldname: fieldname }
+
+ if (api && api == "getfield") {
+ WeaTools.callApi("/api/proj/prjutil/getWbsFieldNum", "POST", { ...params}).then((datas) => {
+ const options = datas.options;
+ _datas[index]["com"] = {
+ ..._datas[index]["com"],
+ "wbsfield": [{
+ "label": "",
+ "type": "SELECT",
+ "key": "wbsfield",
+ "editType": "3",
+ "options": options
+ }]
+ }
+ _datas[index]["wbsfield"] = "";
+ this.setState({ datas: _datas });
+ })
+ }
+ this.onChange(_datas);
+ isFunction(onChange) && onChange(value, record, index, key);
+ }
+
+ doAdd = () => {
+ let { datas, columns } = this.state;
+ let _data = {};
+ columns.forEach((col, index) => {
+ const { com = [], useRecord = false, dataIndex } = col;
+ com.map(c => {
+ if (typeof c.props === 'object') {
+ return;
+ }
+ const { key: k, defaultValue } = c;
+ k && (_data[k] = defaultValue || '');
+ });
+ _data.com = {
+ ..._data.com,
+ [dataIndex]: com
+ }
+ _data.viewAttr = "3";
+ });
+ let _datas = [].concat(datas);
+ _datas.push(_data);
+ this.setState({ datas: this.addKeytoDatas(_datas) });
+ this.onChange(_datas);
+ }
+
+ doDelete = () => {
+ const { datas, selectedRowKeys } = this.state;
+ const _this = this;
+ if (selectedRowKeys.length > 0) {
+ Modal.confirm({
+ title: getLabel(15172, '系统提示'),
+ content: getLabel(83600, '确定要删除吗？'),
+ onOk() {
+ let _datas = [].concat(datas);
+ selectedRowKeys.map(key => {
+ _datas = _datas.filter(data => data.key !== key)
+ });
+ _datas = _datas.map((data, i) => {
+ let _data = { ...data };
+ _data.key = i;
+ return _data
+ })
+ _this.setState({ datas: _datas, selectedRowKeys: [] });
+ _this.onChange(_datas);
+ typeof _this.props.onRowSelect === 'function' && _this.props.onRowSelect([]);
+ },
+ onCancel() { },
+ });
+ } else {
+ Modal.info({
+ title: getLabel(15172, '系统提示'),
+ content: getLabel(32568, "请选择要删除的记录！")
+ });
+ }
+ }
+ onChange(datas) {
+ const { columns } = this.state;
+ let _datas = datas.map((data, i) => {
+ let _data = { ...data }
+ delete _data.key
+ return _data
+ })
+ typeof this.props.onChange === 'function' && this.props.onChange(_datas, columns);
+ }
+ showErrors() {
+ toJS(this.select).map(c => {
+ if (c && !c.props.children.props.value && c.props.children.props.viewAttr == "3") {
+ c.showError();
+ }
+ });
+ }
+
+}
+
+export default WeaPrjFieldSetTableEdit;
diff --git a/pc4mobx/prj/components/comp/weaPrjFieldSetTableEdit/style/index.css b/pc4mobx/prj/components/comp/weaPrjFieldSetTableEdit/style/index.css
new file mode 100644
index 0000000..f60912d
--- /dev/null
+++ b/pc4mobx/prj/components/comp/weaPrjFieldSetTableEdit/style/index.css
@@ -0,0 +1,102 @@
+.wea-cpt-table-edit{
+ padding-top: 20px;
+ padding-left: 25px;
+ padding-right: 25px;
+}
+.wea-cpt-table-edit .wea-title {
+ font-size: 15px;
+ color: #484848;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ border-bottom: solid 1px #ebebeb;
+}
+.wea-cpt-table-edit .wea-title i {
+ cursor: pointer;
+}
+.wea-cpt-table-edit .wea-title button {
+ width: 20px;
+ height: 20px;
+ text-align: center;
+ padding: 0;
+ margin-right: 15px;
+}
+.wea-cpt-table-edit .ant-table-tbody>tr>td {
+ padding: 10px 8px;
+ word-break: break-all;
+}
+
+.table-edit-opertion button {
+ width: 20px;
+ height: 20px;
+ text-align: center;
+ padding: 0;
+ margin-right: 15px;
+}
+.wea-cpt-table-edit .ant-table-thead>tr>th {
+ background-color: #f8fcff;
+}
+.wea-cpt-table-edit .ant-table-thead>tr>th {
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+.wea-cpt-table-edit .ant-table-thead th {
+ border-bottom: 1px solid #eaeaea;
+ font-weight: 400;
+}
+.wea-cpt-table-edit .ant-table,.wea-cpt-table-edit .ant-table table {
+ border-radius: 0;
+}
+.wea-cpt-table-edit .ant-btn-sm {
+ border-radius: 0;
+}
+
+.wea-cpt-table-edit-wf{
+ padding-top: 8px;
+}
+
+.wea-cpt-table-edit-wf .wea-title {
+ font-size: 15px;
+ color: #484848;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ border-bottom: solid 1px #ebebeb;
+}
+.wea-cpt-table-edit-wf .wea-title i {
+ cursor: pointer;
+}
+.wea-cpt-table-edit-wf .wea-title button {
+ width: 20px;
+ height: 20px;
+ text-align: center;
+ padding: 0;
+ margin-right: 15px;
+}
+.wea-cpt-table-edit-wf .ant-table-tbody>tr>td {
+ padding: 10px 8px;
+ word-break: break-all;
+}
+
+.table-edit-opertion button {
+ width: 20px;
+ height: 20px;
+ text-align: center;
+ padding: 0;
+ margin-right: 15px;
+}
+.wea-cpt-table-edit-wf .ant-table-thead>tr>th {
+ background-color: #f8fcff;
+}
+.wea-cpt-table-edit-wf .ant-table-thead>tr>th {
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+.wea-cpt-table-edit-wf .ant-table-thead th {
+ border-bottom: 1px solid #eaeaea;
+ font-weight: 400;
+}
+.wea-cpt-table-edit-wf .ant-table,.wea-cpt-table-edit-wf .ant-table table {
+ border-radius: 0;
+}
+.wea-cpt-table-edit-wf .ant-btn-sm {
+ border-radius: 0;
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/ProjectFieldDetailLogDialog.js b/pc4mobx/prj/components/dialog/ProjectFieldDetailLogDialog.js
new file mode 100644
index 0000000..b8cb18b
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/ProjectFieldDetailLogDialog.js
@@ -0,0 +1,116 @@
+import { Button, Row, Col} from 'antd';
+import {WeaDialog ,WeaNewScroll ,WeaLocaleProvider ,WeaBrowser ,WeaSelectGroup ,WeaRightMenu} from 'ecCom';
+import {observer} from "mobx-react";
+import _mapValues from 'lodash/mapValues'
+import {WeaTableNew} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class ProjectFieldDetailLogDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {hrmid:'',date:[]};
+ }
+
+ shouldComponentUpdate(nextProps,nextState){
+ return true;
+ }
+
+ render() {
+ const {title,tableStore,store} = this.props;
+ const {fieldDetailLogVisible} = store;
+ const selectLinkageDatas = {
+ "6": {
+ conditionType: "RANGEPICKER",
+ domkey: ["start", "end"]
+ }
+ };
+ const options = [
+ { key: "0", showname: getLabel(332,"全部") },
+ { key: "1", showname: getLabel(15537,"今天") },
+ { key: "2", showname: getLabel(15539,"本周") },
+ { key: "3", showname: getLabel(15541,"本月") },
+ { key: "4", showname: getLabel(21904,"本季") },
+ { key: "5", showname: getLabel(15384,"本年") },
+ { key: "6", showname: getLabel(32530,"指定日期范围") }
+ ];
+ const menu = [
+ {
+ key: '1',
+ icon: ,
+ content: getLabel(388113,'搜索'),
+ onClick: () =>{
+ store.getPrjFieldDetaiLogList({prjid:store.prjid,fieldname:store.field,...this.state});
+ }
+ },
+ {
+ key: '2',
+ icon: ,
+ content: getLabel(309,"关闭"),
+ onClick: () =>{
+ store.setFieldDetailLogVisible(false)
+ }
+ }
+ ];
+ return (
+
+ {store.setFieldDetailLogVisible(false)}}
+ style={{width:'700px', height:'400px'}}
+ >
+
+
+ {
+ this.setState({hrmid:ids});
+ }
+ }
+ />
+
+ {
+ this.setState({date:value});
+ }}
+ />
+
+
+
+
+
+
+
)
+ }
+
+ getButtons(){
+ const {store} = this.props;
+ let btnArr = [];
+ btnArr.push()
+ return btnArr;
+ }
+
+}
+
+export default ProjectFieldDetailLogDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/SaveTemplateDialog.js b/pc4mobx/prj/components/dialog/SaveTemplateDialog.js
new file mode 100644
index 0000000..5afc14e
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/SaveTemplateDialog.js
@@ -0,0 +1,65 @@
+import React from 'react';
+import { Button, Modal } from 'antd';
+import { inject, observer } from 'mobx-react';
+import { WeaLocaleProvider ,WeaDialog,WeaInput,WeaFormItem,WeaError} from "ecCom"
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+
+@observer
+export default class SvaeTemplateDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ date: ""
+ }
+ }
+ componentDidMount() {
+
+ }
+
+ onCheck(){
+ const { prjCardStore } = this.props;
+ const {doSaveTemplet,templatename} = prjCardStore;
+ if(templatename.trim()===""){
+ this.refs.weaError.showError();
+ }else{
+ doSaveTemplet();
+ }
+ }
+
+ render() {
+ const { prjCardStore } = this.props;
+ const {prjname,setVisiable,saveTemplateName,doSaveVisible } = prjCardStore;
+
+ return
+ { setVisiable(false) }}
+ icon='icon-coms-project'
+ iconBgcolor='#217346'
+ style={{width: 380, height: 80}}
+ buttons={ [
+ ,
+ ]}
+ >
+
+
+ {
+ saveTemplateName(v);
+ }}
+ />
+
+
+
+
+ }
+}
diff --git a/pc4mobx/prj/components/dialog/addPrjGroupDialog.js b/pc4mobx/prj/components/dialog/addPrjGroupDialog.js
new file mode 100644
index 0000000..9e63d70
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/addPrjGroupDialog.js
@@ -0,0 +1,49 @@
+
+import { Button,Spin} from 'antd';
+import {WeaLocaleProvider, WeaDialog, WeaSelect, WeaFormItem} from "ecCom"
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+import ProjectCondition from '../list/projectCondition';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class AddPrjGroupDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ width:1020,
+ height:650,
+ }
+ }
+
+ render() {
+ const {prjGroupStore} = this.props;
+ const {visible,handlePrjGroupDialog,fieldinfo,form,setFormFields,title} = prjGroupStore;
+ return (
+
+ handlePrjGroupDialog(false)}
+ buttons={this.getDialogButtons()}
+ >
+ {setFormFields(v)}} />
+
+
)
+ }
+
+ getDialogButtons(){
+ const {projectPortalStore,prjGroupStore} = this.props;
+ let btn = [];
+ btn.push();
+ btn.push();
+ return btn
+ }
+
+}
+
+export default AddPrjGroupDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/addProjectDialog.js b/pc4mobx/prj/components/dialog/addProjectDialog.js
new file mode 100644
index 0000000..d0ad70e
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/addProjectDialog.js
@@ -0,0 +1,232 @@
+
+import { Button,Spin} from 'antd';
+import {WeaDialog,WeaTab,WeaNewScroll,WeaRightMenu,WeaLocaleProvider } from 'ecCom';
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+import PrjTaskListTable from '../comp/prjTaskListTable'
+import ProjectCondition from '../list/projectCondition'
+import StageList from '../common/stageList';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class AddProjectDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ width:1020,
+ height:650,
+ }
+ }
+ componentDidMount(){
+ }
+ componentWillReceiveProps(nextProps){
+ }
+ render() {
+ const {addProjectStore} = this.props.contentStore;
+ const {title,selectedKey,visible,conditionDatas:{userid,taskinfo,fieldinfo,taskViewAttr},saveListDatas,saveRowKeys,selectedRowKey,spinning} = addProjectStore;
+ const {form,setFormFields,setValidate,isTimeShow} = addProjectStore;
+ const tabs = [{key:"prjinfo",title:getLabel(16290,"项目信息")},{key:"sublist",title:getLabel(18505,"任务列表")}, { key: "stagelist", title: getLabel('387407',"阶段设置") },{ key: "rolelist", title: "角色管理" }];
+ const { width} = this.state;
+ const formParams = form.getFormParams() || {};
+ const {roleIframeUrl} = addProjectStore;
+ let dialogHeight = window.innerHeight - 150;
+ if (dialogHeight > 600) dialogHeight = 600;
+
+ return (
+
+ addProjectStore.handleShareDialog(false)}
+ buttons={this.getDialogButtons()}
+ >
+
+
+
+
+
+
+
+
+
)
+ }
+ getButtons(){
+ const {addProjectStore} = this.props.contentStore;
+ const {selectedKey,addNewListDatas,deleListDatas,selectedRowKey,conditionDatas:{userid,taskinfo,fieldinfo,taskViewAttr},stageInfo} = addProjectStore;
+ const isDisabled = !(selectedRowKey.length>0 && `${toJS(selectedRowKey)}`);
+ const stageDisabled = !(stageInfo.selectedRowKeys.length > 0)
+ let btn = [];
+ if(taskViewAttr==2){
+ if(selectedKey == "sublist"){
+ btn = [
+ (),
+
+ ];
+ } else if (selectedKey == "stagelist") {
+ btn = [
+ (),
+
+ ];
+ }
+ }
+ return btn
+ }
+ getDialogButtons(){
+ const {isreflesh} = this.props;
+ const {addProjectStore} = this.props.contentStore;
+ const {saveAddProject,conditionDatas:{taskViewAttr}} = addProjectStore;
+ let btn = [];
+ if(taskViewAttr==2){
+ btn.push();
+ btn.push();
+ }else{
+ btn.push();
+ }
+ return btn
+ }
+
+ getRightMenu(){
+ const {isreflesh} = this.props;
+ const {addProjectStore} = this.props.contentStore;
+ const {conditionDatas:{rightMenu}} = addProjectStore;
+ const {selectedKey,saveAddProject,addNewListDatas,deleListDatas,selectedRowKey,conditionDatas:{userid,taskinfo,fieldinfo,taskViewAttr},stageInfo} = addProjectStore;
+ const isDisabled = !(selectedRowKey.length>0 && `${toJS(selectedRowKey)}`);
+ const stageDisabled = !(stageInfo.selectedRowKeys.length > 0)
+
+ let btn = [];
+ if(taskViewAttr==2){
+ if(selectedKey == "prjinfo"){
+ btn.push({
+ key: '1',
+ icon: ,
+ content: getLabel(86,"保存"),
+ onClick:(key)=>{
+ const checkProps = this.StageList.tableEdit.refs.edit.doRequiredCheck();
+ saveAddProject({ isreflesh: isreflesh, checkProps: checkProps });
+ }
+ });
+ }
+ if(selectedKey == "sublist"){
+ btn.push({
+ key: '1',
+ icon: ,
+ content: getLabel(611,"添加"),
+ onClick:(key)=>{
+ addNewListDatas();
+ }
+ });
+ btn.push({
+ key: '2',
+ icon: ,
+ content: getLabel(91,"删除"),
+ disabled:isDisabled,
+ onClick:(key)=>{
+ deleListDatas();
+ }
+ });
+ btn.push({
+ key: '3',
+ icon: ,
+ content: getLabel(86,"保存"),
+ onClick:(key)=>{
+ this.refs.PrjTaskListTable.showErrors();
+ const checkProps = this.StageList.tableEdit.refs.edit.doRequiredCheck();
+ saveAddProject({ isreflesh: isreflesh, checkProps: checkProps });
+ }
+ });
+
+ }
+ if (selectedKey == "stagelist") {
+ btn.push({
+ key: '1',
+ icon: ,
+ content: getLabel(611, "添加"),
+ onClick: (key) => {
+ this.StageList.tableEdit.refs.edit.doAdd()
+ }
+ });
+ btn.push({
+ key: '2',
+ icon: ,
+ content: getLabel(91, "删除"),
+ disabled: stageDisabled,
+ onClick: (key) => {
+ this.StageList.tableEdit.refs.edit.doDelete()
+ }
+ });
+ btn.push({
+ key: '3',
+ icon: ,
+ content: getLabel(86, "保存"),
+ onClick: (key) => {
+ const checkProps = this.StageList.tableEdit.refs.edit.doRequiredCheck();
+ saveAddProject({ isreflesh: isreflesh, checkProps: checkProps });
+ }
+ });
+ }
+ }
+ return btn
+ }
+
+ changeTab(key){
+ const {addProjectStore} = this.props.contentStore;
+ addProjectStore.changeTab(key)
+ }
+
+ getStageOptions = () => {
+ const { addProjectStore: { stageInfo: { stageColumns, stageColumnDatas, selectedRowKeys, selectedDatas } } } = this.props.contentStore;
+ let options = [];
+ options.push({ disabled: false, selected: false, showname: " ", key:"", visible: true })
+ stageColumnDatas && stageColumnDatas.length > 0 && stageColumnDatas.map(item => {
+ options.push({ disabled: false, key: item.id, selected: false, showname: item.name, visible: true })
+ })
+ return options;
+ }
+}
+
+export default AddProjectDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/addTaskGroupDialog.js b/pc4mobx/prj/components/dialog/addTaskGroupDialog.js
new file mode 100644
index 0000000..14624d1
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/addTaskGroupDialog.js
@@ -0,0 +1,49 @@
+
+import { Button} from 'antd';
+import {WeaLocaleProvider, WeaDialog} from "ecCom"
+import {observer} from "mobx-react";
+import {toJS} from 'mobx';
+import ProjectCondition from '../list/projectCondition';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class AddTaskGroupDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ width:1020,
+ height:650,
+ }
+ }
+
+ render() {
+ const {taskGroupStore} = this.props;
+ const {visible,handleTaskGroupDialog,fieldinfo,form,setFormFields,title} = taskGroupStore;
+ return (
+
+ {setFormFields(v)}} setValidate={(v)=>{setValidate(v)}} />
+
+
+ {saveListDatas(datas)}}
+ onRowSelect={(rowkeys)=>{saveRowKeys(rowkeys)}}
+ stageOptions={this.getStageOptions()}
+ isTimeShow={isTimeShow}
+ />
+
+
+ { this.StageList = el }} contentStore={addProjectStore} />
+
+
+
+
+
+ handleTaskGroupDialog(false)}
+ buttons={this.getDialogButtons()}
+ >
+ {setFormFields(v)}} />
+
+
)
+ }
+
+ getDialogButtons(){
+ const {taskPortalStore,taskGroupStore} = this.props;
+ let btn = [];
+ btn.push();
+ btn.push();
+ return btn
+ }
+
+}
+
+export default AddTaskGroupDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/editPrjFeedBackSetDialog.js b/pc4mobx/prj/components/dialog/editPrjFeedBackSetDialog.js
new file mode 100644
index 0000000..77a11ab
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/editPrjFeedBackSetDialog.js
@@ -0,0 +1,49 @@
+
+import { Button,Spin} from 'antd';
+import {WeaLocaleProvider, WeaDialog, WeaSelect, WeaFormItem} from "ecCom"
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+import ProjectCondition from '../list/projectCondition';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class editPrjFeedBackSetDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ width:1020,
+ height:650,
+ }
+ }
+
+ render() {
+ const {prjGroupStore} = this.props;
+ const {visible,handlePrjGroupDialog,fieldinfo,form,setFormFields,title} = prjGroupStore;
+ return (
+
+ handlePrjGroupDialog(false)}
+ buttons={this.getDialogButtons()}
+ >
+ {setFormFields(v)}} />
+
+
)
+ }
+
+ getDialogButtons(){
+ const {projectPortalStore,prjGroupStore} = this.props;
+ let btn = [];
+ btn.push();
+ btn.push();
+ return btn
+ }
+
+}
+
+export default editPrjFeedBackSetDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/editPrjTaskDataDialog.js b/pc4mobx/prj/components/dialog/editPrjTaskDataDialog.js
new file mode 100644
index 0000000..54edeb2
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/editPrjTaskDataDialog.js
@@ -0,0 +1,49 @@
+
+import {Form, Input, Button, } from 'antd';
+import {WeaDialog, WeaSearchGroup, WeaInput,WeaAuth ,WeaTab,WeaTools,WeaNewScroll,WeaRightMenu,WeaLocaleProvider} from 'ecCom';
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+import _mapValues from 'lodash/mapValues'
+import {WeaTableNew} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class EditPrjTaskDataDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ }
+ }
+
+ render() {
+ const {contentStore} = this.props;
+ return (
+
+ {contentStore.showEditTaskModal(false)}}
+ style={{width:'1000px', height:'600px'}}
+ >
+
+
+
+
+
)
+ }
+
+ getButtons(){
+ const {contentStore} = this.props;
+ let btnArr = [];
+ btnArr.push()
+ return btnArr;
+ }
+
+
+}
+
+export default EditPrjTaskDataDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/exchangeDialog.js b/pc4mobx/prj/components/dialog/exchangeDialog.js
new file mode 100644
index 0000000..3b57baa
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/exchangeDialog.js
@@ -0,0 +1,55 @@
+
+import {Form, Input, Button, } from 'antd';
+import {WeaDialog, WeaSearchGroup, WeaInput,WeaAuth ,WeaTab,WeaTools,WeaNewScroll,WeaRightMenu,WeaLocaleProvider} from 'ecCom';
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+import ExchangePage from "../common/relateExchange"
+import TabDiscuss from '../common/TabDiscuss'
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class ExchangeDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ visible:false
+ }
+ }
+ componentDidMount(){
+ }
+ componentWillReceiveProps(nextProps) {
+
+ }
+
+ render() {
+ const {contentStore} = this.props;
+ const {type,visible,title,targetid,handleExchangeDialog} = contentStore;
+ return (
+
+ {handleExchangeDialog(false)}}
+ style={{width:'900px', height:'600px'}}
+ >
+
+ {/* {this.reloadExchanges()}} key={new Date().getTime()} /> */}
+
+
+
+
+
)
+ }
+
+ getButtons(){
+ const {contentStore,} = this.props;
+ let btnArr = [];
+ btnArr.push()
+ return btnArr;
+ }
+}
+
+export default ExchangeDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/modifyLogDialog.js b/pc4mobx/prj/components/dialog/modifyLogDialog.js
new file mode 100644
index 0000000..576b420
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/modifyLogDialog.js
@@ -0,0 +1,77 @@
+
+import {Form, Input, Button, } from 'antd';
+import {WeaDialog, WeaSearchGroup, WeaInput,WeaAuth ,WeaTab,WeaTools,WeaNewScroll,WeaRightMenu,WeaLocaleProvider} from 'ecCom';
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+import _mapValues from 'lodash/mapValues'
+import {WeaTableNew} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class ModifyLogDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ visible:false
+ }
+ }
+
+ shouldComponentUpdate(nextProps,nextState){
+ return true
+ }
+
+ render() {
+ const {title,tableStore} = this.props;
+ const {visible} = this.state;
+ return (
+
+ {this.setVisible(false)}}
+ style={{width:'700px', height:'400px'}}
+ >
+
+ this.reRenderColumns(c)}
+ />
+
+
+
)
+ }
+ getButtons(){
+ let btnArr = [];
+ btnArr.push()
+ return btnArr;
+ }
+
+ setVisible=(bool)=>{
+ this.setState({visible:bool});
+ }
+
+ reRenderColumns(columns){
+ const {store} = this.props;
+ columns.forEach(c=>{
+ if(c.dataIndex=='id'){
+ c.render = function(text, record){
+ if(record.logtype=='m'){
+ return {store.getPrjFieldLogList({prjid:store.prjid,logid:record.id});store.setFieldLogVisible(true)}}>{getLabel(506390,'点击查看详情')};
+ }else{
+ return '';
+ }
+ }
+ }
+ })
+ return columns;
+ }
+
+}
+
+export default ModifyLogDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/projectDialog.js b/pc4mobx/prj/components/dialog/projectDialog.js
new file mode 100644
index 0000000..20a1506
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/projectDialog.js
@@ -0,0 +1,238 @@
+
+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 (
+
+ {store.setFieldLogVisible(false)}}
+ style={{width:'700px', height:'400px'}}
+ >
+
+ this.reRenderColumns(c)}
+ />
+
+
+
)
+ }
+ getButtons(){
+ const {store} = this.props;
+ let btnArr = [];
+ btnArr.push()
+ return btnArr;
+ }
+
+ reRenderColumns(columns){
+ const {store} = this.props;
+ columns.forEach(c=>{
+ if(c.dataIndex=='id'){
+ c.render = function(text, record){
+ return {
+ store.setField(record.fieldname);
+ store.setFieldName(record.fieldnamespan);
+ store.getPrjFieldDetaiLogList({prjid:store.prjid,fieldname:record.fieldname});
+ store.setFieldDetailLogVisible(true)}
+ }>{getLabel(82278,'查看该字段所有日志')};
+ }
+ }
+ })
+ return columns;
+ }
+
+}
+
+export default ProjectFieldLogDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/relateCrmDialog.js b/pc4mobx/prj/components/dialog/relateCrmDialog.js
new file mode 100644
index 0000000..70b9e92
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/relateCrmDialog.js
@@ -0,0 +1,120 @@
+
+import {Form, Input, Button, } from 'antd';
+import {WeaDialog ,WeaTools,WeaFormItem,WeaSearchGroup,WeaLocaleProvider} from 'ecCom';
+import {WeaSwitch} from "comsMobx"
+import {inject, observer} from "mobx-react";
+import {toJS} from 'mobx';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class RelateCrmDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ visible:false,
+ conditioninfo: [
+ {
+ "items": [
+ {
+ "conditionType": "BROWSER",
+ 'rules': 'required|string', // 校验规则
+ "labelcol": 6,
+ "colSpan": 2,
+ "viewAttr": 3,
+ "value": "1",
+ "domkey": [
+ "crmid"
+ ],
+ "fieldcol": 16,
+ "label": getLabel(136,"客户"),
+ "browserConditionParam": {
+ "isAutoComplete": 1,
+ "isDetail": 0,
+ "title": getLabel(136,"客户"),
+ "linkUrl": "/crm/data/ViewCustomer.jsp?CustomerID=",
+ "isMultCheckbox": false,
+ "hasAdd": false,
+ "viewAttr": 2,
+ "dataParams": {},
+ "hasAdvanceSerach": true,
+ "isSingle": true,
+ "replaceDatas": [],
+ "type": "7"
+ }
+ },{
+ "conditionType": "INPUT",
+ "labelcol":6,
+ "colSpan": 2,
+ "viewAttr": 2,
+ "value": "",
+ "domkey": [
+ "reasondesc"
+ ],
+ "fieldcol": 16,
+ "label": getLabel(433,"描述"),
+ }
+ ]
+ }
+ ]
+ }
+ }
+ componentDidMount(){
+
+ const {relateCrmform} = this.props.contentStore;
+ relateCrmform.initFormFields(this.state.conditioninfo);
+
+ }
+
+ render() {
+ const {contentStore,} = this.props;
+ const {crmType,crmVisible,handleRelateCrmDialog} = contentStore;
+ return (
+
+ {handleRelateCrmDialog(false)}}
+ style={{width:'500px', height:'220px'}}
+ >
+ {this.getSearchs()}
+
+
+
)
+ }
+
+ getButtons(){
+ const {contentStore,} = this.props;
+ let btnArr = [];
+ btnArr.push()
+ btnArr.push()
+ return btnArr;
+ }
+ getSearchs() {
+ const { relateCrmform } = this.props.contentStore;
+ const {isFormInit} = relateCrmform;
+ let group = [];
+ isFormInit && this.state.conditioninfo.map((c,i) =>{
+ let items = [];
+ c.items.map((field,index) => {
+ items.push({
+ com:(
+ {handleRelateDialog(false)}}
+ style={toJS(modalStyle)}
+ >
+
+ {
+ (type == "request" || type == "doc" || type == "cowork") &&
+ {doSearch({name:v})}}
+ />
+ }
+ {
+ type !== "notice" &&
+
+ relateListStore.compareVersion(false)}>{getLabel(309,"关闭")}]}
+ icon="icon-coms-project"
+ iconBgcolor="#217346"
+ onCancel={()=>{relateListStore.compareVersion(false)}}
+ style={{width:'900px', height:'300px'}}>
+
+
+
)
+ }
+ getButtons(){
+ const {contentStore} = this.props;
+ const {relateListStore} = contentStore;
+ const {type,tableStore,noticeMember,compareVersion } = relateListStore;
+ const {selectedRowKeys} = tableStore;
+ let btnArr = [];
+ {
+ type == "history" && //disabled={!(selectedRowKeys.length>0 && `${toJS(selectedRowKeys)}`)}
+ btnArr.push()
+ }
+ {
+ type == "notice" &&
+ btnArr.push()
+ }
+ btnArr.push()
+ return btnArr;
+ }
+ getNoticeForm=()=>{
+ const {relateListStore} = this.props.contentStore;
+ const {noticeCondition,form} = relateListStore;
+ const {isFormInit} = form;
+ let group = [];
+ isFormInit && toJS(noticeCondition).map((c,i) =>{
+ let items = [];
+ c.items.map((fields,index) => {
+ items.push({
+ com:(
+
+
+
+ {shareStore.handleShareDialog(false)}}
+ style={{width:'700px', height:'400px'}}
+ >
+
+
+
+
+
+ {
+ shareStore.addShare(v,type);
+ this.setState({ visible: false });
+ }}
+ onCancel={() => {
+ this.setState({ visible: false });
+ }}
+ />
+
)
+ }
+
+ getButtons(){
+ const {shareStore,} = this.props.contentStore;
+ const {rightMenu,tableStore} = shareStore;
+ let btnArr = [];
+ let {selectedRowKeys} = tableStore;
+ const isDisabled = !(selectedRowKeys.length>0 && `${toJS(selectedRowKeys)}`);
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ m.isTop == '1' && btnArr.length < 4 && btnArr.push(
+
+ );
+ });
+ btnArr.push()
+ return btnArr;
+ }
+ getRightMenu(){
+ const {shareStore,} = this.props.contentStore;
+ const {rightMenu,tableStore} = shareStore;
+ let btnArr = [];
+ let {selectedRowKeys} = tableStore;
+ const isDisabled = !(selectedRowKeys.length>0 && `${toJS(selectedRowKeys)}`);
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ btnArr.push({
+ icon: ,
+ content: m.menuName,
+ disabled: isDisabled && m.isControl == "1"
+ })
+ });
+ return btnArr
+ }
+ onRightMenuClick(key){
+ const {shareStore,} = this.props.contentStore;
+ const {rightMenu,tableStore,type} = shareStore;
+ let that = this;
+ let {selectedRowKeys} = tableStore;
+ rightMenu && rightMenu.length>0 && rightMenu.map((m,i)=>{
+ if(Number(key) == i){
+ if(m.type == "BTN_APPEND"){ //
+ this.setState({visible:true})
+ }else if(m.type == "BTN_DELETEBATCH"){
+ shareStore.delBatchShare(`${toJS(selectedRowKeys)}`,type);
+ }
+ }
+ });
+
+ }
+ onOperatesClick=(record,index,operate,flag)=>{
+ const {shareStore,} = this.props.contentStore;
+ const {type} = shareStore;
+ let _href = operate && operate.href ? operate.href : "";
+ let fn = _href.replace("javascript:","");
+ fn = fn.substring(0,fn.indexOf('('));
+ let that = this;
+ if(fn != ""){
+ if('onDel' == fn){ //删除
+ shareStore.delBatchShare(record.id,type);
+ }
+ }
+ }
+}
+
+export default ShareDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/dialog/taskBatchEditDialog.js b/pc4mobx/prj/components/dialog/taskBatchEditDialog.js
new file mode 100644
index 0000000..fe1a72a
--- /dev/null
+++ b/pc4mobx/prj/components/dialog/taskBatchEditDialog.js
@@ -0,0 +1,189 @@
+import React from 'react';
+import { Button, Row, Col, Modal } from 'antd';
+import { inject, observer } from 'mobx-react';
+import {WeaLocaleProvider, WeaDialog, WeaNewScroll, WeaSelect, WeaFormItem, WeaTableEditable} from "ecCom"
+import {WeaTableNew,WeaSwitch} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getLabel = WeaLocaleProvider.getLabel;
+import {toJS} from "mobx"
+
+@observer
+export default class TaskBatchEditDialog extends React.Component{
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ loading: false,
+ titleBatchModify: getLabel('383518','批量编辑')
+ }
+ const {contentStore,prjid} = this.props;
+ contentStore.setPrjid(prjid);
+ }
+
+ render(){
+ const {contentStore,prjid} = this.props;
+ const {visible, setVisible, bmOptions, bmDatas, bmSelectedDatas, bmSelectedRowKeys, appendBmData, bmOptionValue, fieldChange} = contentStore;
+ const bmColumns = [
+ {
+ title: getLabel(685, "字段名称"), // 列名
+ dataIndex: 'showname', // 列的id 对应数据
+ key: 'showname', // 前端渲染key值
+ com: [
+ { label: '', type: 'TEXT' },
+ ],
+ width : "33%"
+ },{
+ title: getLabel('124937','数据库字段名称') ,
+ dataIndex: 'fieldname',
+ key: 'fieldname',
+ com: [
+ { label: '', type: 'TEXT' },
+ ],
+ width : "33%"
+ },{
+ title: getLabel('500549','更改值') ,
+ dataIndex: 'valuespan',
+ key: 'valuespan',
+ com: [
+ { label: '', type: 'TEXT' },
+ ],
+ width : "33%"
+ },
+ ];
+ return (
+
+
+
+
+
+
+ { bmOptions.length > 0 && { fieldChange(v,showname,prjid)} }
+ width={"100%"}
+ />}
+
+
+
+ {this.getFormCondition()}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ this.setState({
+ scrollTop:e.target.scrollTop,
+ })
+ }}>
+ {this.tableEdit = el}}
+ columns={bmColumns}
+ datas={toJS(bmDatas)}
+ selectedData={bmSelectedDatas}
+ selectedRowKeys={bmSelectedRowKeys}
+ onChange={this.bmOnChange}
+ onRowSelect={this.bmOnRowSelect}
+ showDelete={true}
+ showAdd={false}
+ showCopy={false}
+ />
+
+
+
+ prjImportStore.handleDialog(false)}
+ buttons={this.getDialogButtons()}
+ >
+
+
+ {this.wbs = el}} wbsStore={prjImportStore}/>
+
+
+
+
+ )
+ }
+
+ getDialogButtons(){
+ const {contentStore} = this.props;
+ const {saveVisible} = contentStore;
+ let btn = [];
+ btn.push();
+ btn.push();
+ return btn
+ }
+
+ getRightMenu() {
+ const {contentStore} = this.props;
+ const {saveVisible} = contentStore;
+ let btns = [];
+ btns.push({
+ key: "taskwbssave",
+ icon: ,
+ content: getLabel(86,"保存"),
+ disabled: saveVisible,
+ onClick : () => {
+ this.wbs.wbsFieldSet.showErrors();
+ contentStore.saveTaskWbsField();
+ }
+ });
+ btns.push({
+ key: "taskwbsadd",
+ icon: ,
+ content: getLabel(611,"添加"),
+ onClick: () => {
+ this.wbs.wbsFieldSet.doAdd();
+ }
+ });
+ btns.push({
+ key: "taskwbsdel",
+ icon: ,
+ content: getLabel(91,"删除"),
+ onClick: () => {
+ this.wbs.wbsFieldSet.doDelete();
+ }
+ });
+ return btns;
+ }
+}
+
+export default WbsFieldSetDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/import/PrjImport.js b/pc4mobx/prj/components/import/PrjImport.js
new file mode 100644
index 0000000..1b9f47e
--- /dev/null
+++ b/pc4mobx/prj/components/import/PrjImport.js
@@ -0,0 +1,339 @@
+import React from 'react';
+import { inject, observer } from 'mobx-react';
+import {toJS} from "mobx"
+import {WeaSearchGroup,WeaBrowser,WeaUpload,WeaLocaleProvider,WeaError} from "ecCom"
+import { Button ,Row,Col,Spin} from 'antd';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@inject('prjImportStore')
+@observer
+class PrjImport extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ }
+ }
+ componentDidMount(){
+ const {prjImportStore } = this.props;
+ const {initDatas,} = prjImportStore;
+ initDatas({imptype:'prj',isdata:'1'});
+ }
+
+ getCircle() {
+ let style = {
+ width: 20,
+ height: 20,
+ backgroundColor: '#D8D8D8',
+ webkitBorderRadius: 10,
+ mozBorderRadius: 10,
+ msBorderRadius: 10,
+ oBorderRadius: 10,
+ borderRadius: 10,
+ textAlign: 'center',
+ }
+ return style;
+ }
+
+ getForm() {
+ const{ prjImportStore} = this.props;
+ const{isuse,mandstr,otherstr,prjmsg,imp_totalCount,imp_successCount} = prjImportStore;
+ let prjcode = "";
+ if(isuse==2){
+ prjcode = getLabel(17852,"项目编码");
+ }
+ const require = ""+getLabel(18019,"必填")+": "+getLabel(195,"名称")+" "+getLabel(586,"项目类型")+" "+prjcode+" "+getLabel(144,"经理")+" "+getLabel(18628,"项目成员")+" "+mandstr+" ";
+ const other = ""+getLabel(375,"其他")+": "+getLabel(15486,"序号")+" "+getLabel(432,"工作类型")+" "+getLabel(783,"相关客户")+" "+
+ getLabel(15263,"客户可见")+" "+getLabel(624,"成员可见")+" "+getLabel(636,"上级项目")+" "+getLabel(637,"评价书")+" "+getLabel(638,"确认书")+" "+getLabel(639,"建议书")+" "+otherstr+" ";
+ let condition =
+ [{
+ "title": getLabel(24893, "基础信息"),
+ "defaultshow": true,
+ "items": [{
+ "checkbox": false,
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "detailtype": 1,
+ "domkey": ["prjtype"],
+ "fieldcol": 18,
+ "hasBorder": false,
+ "helpfulTipProps": {},
+ "isQuickSearch": false,
+ "label": getLabel(586,"项目类型"),
+ "labelcol": 5,
+ "length": 0,
+ "precision": 0,
+ "showOrder": 0,
+ "stringLength": 0,
+ "tipPosition": "bottom",
+ "viewAttr": 2,
+ "value":""
+ }, {
+ "checkbox": false,
+ "colSpan": 2,
+ "conditionType": "RESOURCEIMG",
+ "detailtype": 1,
+ "domkey": ["excelfile"],
+ "fieldcol": 18,
+ "hasBorder": false,
+ "helpfulTipProps": {},
+ "isQuickSearch": false,
+ "label": getLabel(16699, "Excel文件"),
+ "labelcol": 5,
+ "length": 0,
+ "precision": 0,
+ "showOrder": 0,
+ "stringLength": 0,
+ "tipPosition": "bottom",
+ "viewAttr": 2
+ }]
+ }, {
+ "title": getLabel(19010,"操作说明"),
+ "defaultshow": true,
+ "items": [{
+ "index": 1,
+ "value": getLabel(28447, "第一步，请先")
+ }, {
+ "index": 2,
+ "value": getLabel(32986,"第二步，下载后，填写内容，注意，要填写的内容在下边的说明中有详细的说明，请一定要确定你的Excel文档的格式是模板中的格式，而没有被修改掉")
+ }, {
+ "index": 3,
+ "value": getLabel(32987,"第三步，选择填写好的Excel文档，点击提交按钮进行批量导入")
+ }, {
+ "index": 4,
+ "value": getLabel(32988,"第四步，如果以上步骤和Excel文档正确的话，数据会被正确的导入，导入成功会有提示。如果有问题，则会提示Excel文档的错误之处")
+ }]
+ }, {
+ "title": getLabel(24962,"字段说明"),
+ "defaultshow": true,
+ "items": [{
+ "index": 1,
+ "value": getLabel(18617,"请按下列顺序排列需导入的EXCEL文档中各字段的顺序，其中红色的部分为必填字段，不能为空！")
+ }, {
+ "index": 2,
+ "value":require
+ }, {
+ "index": 3,
+ "value":other
+ }]
+ }, {
+ "title": getLabel(502196,"注意事项"),
+ "defaultshow": true,
+ "items": [{
+ "index": 1,
+ "value": getLabel(521941,"若要给已存在的项目导入子项目时，则需要在Excel模板中的上级项目字段输入已存在的项目，格式为：name_项目名称或者key_项目id")
+ }]
+ }]
+ let _arr = [];
+
+ condition.map((c, i) => {
+ let arr = [];
+ if (i == 0) { //基本信息
+ c.items.map((field, index) => {
+ arr.push({
+ com: (
+
+
+
+
+ ),
+ colSpan: 1,
+ })
+ })
+ //导入提示信息
+ arr.push({
+ com: (
+
+
+
+
+ {index + 1}
+
+
+
+
+
+
+
+
+ ),
+ colSpan: 1,
+ })
+ }
+ if (i == 1) { //导入说明
+ c.items.map((field, index) => {
+ arr.push({
+ com: (
+
+
+ { prjmsg!=""&&(parseInt(imp_totalCount)>0&& {getLabel(128217,"总记录数")}{imp_totalCount}{getLabel(18256,"条")} ，{getLabel(128219,"成功导入")}{imp_successCount}{getLabel(18256,"条")}，{getLabel(25009,"失败")}{parseInt(imp_totalCount) - parseInt(imp_successCount)}{getLabel(18256,"条")}。 ) }
+
+
+
+
+
+
+ ),
+ colSpan: 1
+ })
+ })
+ }
+ if (i == 2) { //字段说明
+ c.items.map((field, index) => {
+ arr.push({
+ com: (
+
+
+
+ {index + 1}
+
+
+
+
+ ),
+ colSpan: 1
+ })
+ })
+ }
+ if (i == 3) { //注意事项
+ c.items.map((field, index) => {
+ arr.push({
+ com: (
+
+
+
+ {index + 1}
+
+
+
+
+ ),
+ colSpan: 1
+ })
+ })
+ }
+ _arr.push(
+
+
+ {index + 1}
+
+ { prjImportStore.prjremind = ref } }
+ error={getLabel(126186,"未")+getLabel(82694,"选择Excel文件")}
+ tipPosition="bottom"
+ >
+
+
)
+ } else {
+ dom =
+ {
+ this.setFileId(ids, list)
+ }
+ } >
+
+
+
+
+ {filelist.length == 0 ?
+ {getLabel(384040,"未选择任何文件")}
: filelist.map(file =>{file.filename}
)} +
+
+ {
+ prjImportStore.savePrjType(ids,datas,'prj');
+ }}/>
+
+
+
+ }
+ return dom;
+ }
+
+ getIllustration(val, url, index, link) {
+ const { prjImportStore} = this.props;
+ const {isrefresh,isuse } = prjImportStore;
+ let tempurl = "";
+ if(isuse == 0 || isuse == 1){
+ tempurl = (window.ecologyContentPath || '')+"/proj/imp/prjimp_xlsnew.xls?V="+isrefresh;
+ }else{
+ tempurl = (window.ecologyContentPath || '')+"/proj/imp/prjimp_xlsnew1.xls?V="+isrefresh;
+ }
+ let p;
+ if (index == 0) {
+ p = ({val}：{getLabel(28446,"下载EXCEL文档模板")}
); + } else { + p = (); + } + return p; + } + getIllustration1(val, url, index, link) { + let p; + if (index == 0) { + p = (); + } else if(index==1){ + p = (); + } else{ + p = (); + } + return p; + } + + render(){ + const { prjImportStore } = this.props; + const { spinning } = prjImportStore; + return ( +
+
+ {this.getForm()}
+
+
+ )
+ }
+ setFileId(ids, list) {
+ const {prjImportStore} = this.props;
+ prjImportStore.excelfile = ids;
+ prjImportStore.filelist = list;
+ }
+
+ regenTemplate=(key)=>{
+ const{ prjImportStore} = this.props;
+ prjImportStore.regenTemplate();
+ }
+}
+
+export default PrjImport;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/import/TaskImport.js b/pc4mobx/prj/components/import/TaskImport.js
new file mode 100644
index 0000000..8ef6eb1
--- /dev/null
+++ b/pc4mobx/prj/components/import/TaskImport.js
@@ -0,0 +1,393 @@
+import React from 'react';
+import { inject, observer } from 'mobx-react';
+import {toJS} from "mobx"
+import {WeaSearchGroup,WeaBrowser,WeaSelect,WeaUpload,WeaLocaleProvider,WeaError} from "ecCom"
+import { Button ,Row,Col,Spin} from 'antd';
+import WbsFieldSet from "../dialog/wbsFieldSetDialog"
+const getLabel = WeaLocaleProvider.getLabel;
+
+@inject('prjImportStore')
+@observer
+class TaskImport extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ }
+ }
+ componentDidMount(){
+ const {prjImportStore} = this.props;
+ const {initTaskDatas,} = prjImportStore;
+ initTaskDatas({imptype:'task',isdata:'2'});
+ }
+ getCircle() {
+ let style = {
+ width: 20,
+ height: 20,
+ backgroundColor: '#D8D8D8',
+ webkitBorderRadius: 10,
+ mozBorderRadius: 10,
+ msBorderRadius: 10,
+ oBorderRadius: 10,
+ borderRadius: 10,
+ textAlign: 'center',
+ }
+ return style;
+ }
+
+ getForm() {
+ const{ prjImportStore} = this.props;
+ const{taskmandstr,taskotherstr,filetype,taskwbsfieldstr,taskmsg,imp_totalCount,imp_successCount} = prjImportStore;
+ const require = ""+getLabel(18019,"必填")+": "+getLabel(1352,"任务名称")+" "+getLabel(2097,"负责人")+" "+getLabel(26797,"项目阶段")+" "+ taskmandstr + "";
+ let other = ""+getLabel(375,"其他")+": "+getLabel(15486,"序号")+" "+getLabel(23785,"上级任务")+" "+getLabel(1322,"起始日期")+" "+
+ getLabel(741,"结束日期")+" "+getLabel(15274,"项目预算")+" "+getLabel(2232,"里程碑任务")+" "+getLabel(2233,"前置任务")+" "+getLabel(2240,"任务说明")+" "+taskotherstr+" ";
+ let str2 = getLabel(32986,"第二步，下载后，填写内容，注意，要填写的内容在下边的说明中有详细的说明，请一定要确定你的Excel文档的格式是模板中的格式，而没有被修改掉");
+ let str3 = getLabel(32987,"第三步，选择填写好的Excel文档，点击提交按钮进行批量导入");
+ let str4 = getLabel(32988,"第四步，如果以上步骤和Excel文档正确的话，数据会被正确的导入，导入成功会有提示。如果有问题，则会提示Excel文档的错误之处");
+ let str5 = getLabel(18617,"请按下列顺序排列需导入的EXCEL文档中各字段的顺序，其中红色的部分为必填字段，不能为空！");
+ if(filetype==='2'){
+ str2 = getLabel(516145,"第二步，配置任务字段后，按照字段格式以及任务必填字段维护好WBS文档内容");
+ str3 = getLabel(516146,"第三步，选择填写好的WBS文档，点击提交按钮进行批量导入");
+ str4 = getLabel(516147,"第四步，如果以上步骤和WBS文档正确的话，数据会被正确的导入，导入成功会有提示。如果有问题，则会提示WBS文档的错误之处");
+ str5 = getLabel(516148,"请按下列已配置字段关系维护WBS文档，其中红色的部分为必填字段，不能为空！");
+ other = ""+getLabel(516149,"已配置：")+taskwbsfieldstr+" ";
+ }
+
+ let condition =
+ [{
+ "title": getLabel(24893, "基础信息"),
+ "defaultshow": true,
+ "items": [{
+ "checkbox": false,
+ "colSpan": 2,
+ "conditionType": "BROWSER",
+ "detailtype": 1,
+ "domkey": ["prjtype"],
+ "fieldcol": 18,
+ "hasBorder": false,
+ "helpfulTipProps": {},
+ "isQuickSearch": false,
+ "label": getLabel(522069 ,"选择项目"),
+ "labelcol": 5,
+ "length": 0,
+ "precision": 0,
+ "showOrder": 0,
+ "stringLength": 0,
+ "tipPosition": "bottom",
+ "viewAttr": 2,
+ "value":""
+ },{
+ "colSpan": 2,
+ "conditionType": "SELECT",
+ "domkey": [
+ "filetype"
+ ],
+ "fieldcol": 18,
+ "isQuickSearch": false,
+ "label": getLabel(24863,"导入类型"),
+ "labelcol": 5,
+ "options": [
+ {
+ "key": "1",
+ "selected": filetype==1?true:false,
+ "showname": "Excel"
+ }, {
+ "key": "2",
+ "selected": filetype==2?true:false,
+ "showname": "WBS"
+ }
+ ],
+ "viewAttr": 3
+ }, {
+ "checkbox": false,
+ "colSpan": 2,
+ "conditionType": "RESOURCEIMG",
+ "detailtype": 1,
+ "domkey": ["excelfile"],
+ "fieldcol": 18,
+ "hasBorder": false,
+ "helpfulTipProps": {},
+ "isQuickSearch": false,
+ "label": getLabel(18493, "文件"),
+ "labelcol": 5,
+ "length": 0,
+ "precision": 0,
+ "showOrder": 0,
+ "stringLength": 0,
+ "tipPosition": "bottom",
+ "viewAttr": 2
+ }]
+ }, {
+ "title": getLabel(19010,"操作说明"),
+ "defaultshow": true,
+ "items": [{
+ "index": 1,
+ "value": getLabel(28447, "第一步，请先")
+ }, {
+ "index": 2,
+ "value": str2
+ }, {
+ "index": 3,
+ "value": str3
+ }, {
+ "index": 4,
+ "value": str4
+ }]
+ }, {
+ "title": getLabel(24962,"字段说明"),
+ "defaultshow": true,
+ "items": [{
+ "index": 1,
+ "value": str5
+ }, {
+ "index": 2,
+ "value":require
+ }, {
+ "index": 3,
+ "value":other
+ }]
+ }, {
+ "title": getLabel(502196,"注意事项"),
+ "defaultshow": true,
+ "items": [{
+ "index": 1,
+ "value": getLabel(521942,"若要给已存在的任务导入子任务或后置任务时，则需要在Excel模板中的上级任务或前置任务字段输入已存在的任务，格式为：name_任务名称或者key_任务id")
+ }]
+ }]
+
+
+ let _arr = [];
+
+ condition.map((c, i) => {
+ let arr = [];
+ if (i == 0) { //基本信息
+ c.items.map((field, index) => {
+ arr.push({
+ com: (
+
+
+
+
+ ),
+ colSpan: 1,
+ })
+ })
+ //导入提示信息
+ arr.push({
+ com: (
+
+
+
+
+ {index + 1}
+
+
+
+
+
+
+
+
+ ),
+ colSpan: 1,
+ })
+ }
+ if (i == 1) { //导入说明
+ c.items.map((field, index) => {
+ arr.push({
+ com: (
+
+
+ { taskmsg!=""&&(parseInt(imp_totalCount)>0&& {getLabel(128217,"总记录数")}{imp_totalCount}{getLabel(18256,"条")} ，{getLabel(128219,"成功导入")}{imp_successCount}{getLabel(18256,"条")}，{getLabel(25009,"失败")}{parseInt(imp_totalCount) - parseInt(imp_successCount)}{getLabel(18256,"条")}。 ) }
+
+
+
+
+
+
+ ),
+ colSpan: 1
+ })
+ })
+ }
+ if (i == 2) { //字段说明
+ c.items.map((field, index) => {
+ arr.push({
+ com: (
+
+
+
+ {index + 1}
+
+
+
+
+ ),
+ colSpan: 1
+ })
+ })
+ }
+ if (i == 3) { //注意事项
+ c.items.map((field, index) => {
+ arr.push({
+ com: (
+
+
+
+ {index + 1}
+
+
+
+
+ ),
+ colSpan: 1
+ })
+ })
+ }
+ _arr.push(
+
+
+ {index + 1}
+
+ { prjImportStore.taskremind = ref } }
+ error={getLabel(384040,"未选择任何文件")}
+ tipPosition="bottom"
+ >
+
+
)
+ }else if (domkey&&domkey[0] == 'filetype') {
+ dom =
+
+ {filetype==='1'&& {
+ this.setFileId(ids, list)
+ }
+ } >
+
+ }
+ {filetype==='2'&& {
+ this.setFileId(ids, list)
+ }
+ } >
+ }
+
+
+ {taskfilelist.length == 0 ?
+ {getLabel(384040,"未选择任何文件")}
: taskfilelist.map(file =>{file.filename}
)} +{val}：{getLabel(28446,"下载EXCEL文档模板")}
); + }else{ + p = ({val}{getLabel(516144,"请配置任务字段与WBS自定义字段对关系：")}
); + } + + } else { + p = (); + } + return p; + } + + getIllustration1(val, url, index, link) { + let p; + if (index == 0) { + p = (); + } else if(index==1){ + p = (); + } else{ + p = (); + } + return p; + } + + render(){ + const { prjImportStore } = this.props; + const { spinning } = prjImportStore; + return ( +
+
+ {this.getForm()}
+
+
+
+ )
+ }
+
+ setFileId(ids, list) {
+ const {prjImportStore} = this.props;
+ prjImportStore.taskexcelfile = ids;
+ prjImportStore.taskfilelist = list;
+ }
+
+ setWbsFiled(){
+ const {prjImportStore} = this.props;
+ prjImportStore.handleDialog(true);
+ }
+}
+
+export default TaskImport;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/import/index.js b/pc4mobx/prj/components/import/index.js
new file mode 100644
index 0000000..0634b5e
--- /dev/null
+++ b/pc4mobx/prj/components/import/index.js
@@ -0,0 +1,94 @@
+import React from 'react';
+import { inject, observer } from 'mobx-react';
+import {WeaRightMenu,WeaTop,WeaTab,WeaErrorPage,WeaTools,WeaNewScroll,WeaLocaleProvider} from "ecCom"
+import { Button } from 'antd';
+import PrjImport from './PrjImport'
+import TaskImport from './TaskImport'
+const getLabel = WeaLocaleProvider.getLabel;
+
+@inject('prjImportStore')
+@observer
+class ProjectImport extends React.Component {
+ constructor(props) {
+ super(props);
+ }
+ componentWillReceiveProps(nextProps){
+ if(this.props.location.key !== nextProps.location.key){
+ const { location,prjImportStore } = nextProps;
+ prjImportStore.clearStatus();
+ }
+ }
+ componentWillUnmount(){
+ const {prjImportStore } = this.props;
+ prjImportStore.clearStatus();
+ }
+ render(){
+ const title = getLabel(81757,"项目导入");
+ const topTab = [
+ {key: 'prjimport',title: getLabel(81757,"项目导入")},
+ {key: 'taskimport', title: getLabel(383858,"任务导入")},
+ ];
+ const {prjImportStore} = this.props;
+ const {loading,selectTabkey,reflesh} = prjImportStore;
+ return (
+
+
+
+
+ )
+ }
+ getTopButtons(){
+ const {doImport,disabled} = this.props.prjImportStore;
+ let btnArr = [];
+ btnArr.push()
+ return btnArr;
+ }
+ getRightMenu(){
+ const {doImport,disabled} = this.props.prjImportStore;
+ let btnArr = [];
+ btnArr.push({
+ key: '1',
+ icon: ,
+ disabled: disabled,
+ content: getLabel(615,"提交"),
+ onClick:(key)=>{doImport()}
+ });
+ return btnArr;
+ }
+ changeTab=(key)=>{
+ const {prjImportStore} = this.props;
+ prjImportStore.changeTab(key);
+ }
+}
+
+export default WeaTools.tryCatch(React,
+ props =>
+
+
+
+
+
+
+
+
+
+
+ this.container = ref} onClick={()=>{this.editGropName(false)}}>
+
+ )
+ }
+
+ getNowFormatDate() {
+ var date = new Date();
+ var seperator1 = "-";
+ var year = date.getFullYear();
+ var month = date.getMonth() + 1;
+ var strDate = date.getDate();
+ if (month >= 1 && month <= 9) {
+ month = "0" + month;
+ }
+ if (strDate >= 0 && strDate <= 9) {
+ strDate = "0" + strDate;
+ }
+ var currentdate = year + seperator1 + month + seperator1 + strDate;
+ return currentdate;
+ }
+
+ closeAddComs = (bool) => {
+ const { userInfo } = this.props;
+ this.setState({
+ taskInfo: {
+ taskName: "",
+ hrmid: userInfo.userid,
+ hrmname: userInfo.username,
+ startDate: this.getNowFormatDate(),
+ endDate: this.getNowFormatDate(),
+ },
+ userInfo: {
+ userid: userInfo.userid,
+ username: userInfo.username,
+ usericons: userInfo.usericons
+ },
+ });
+ this.setState({ visible: !this.state.visible });
+
+ }
+
+ showAddComs = () => {
+ let checked = true;
+ const that = this;
+ if (this.state.visible) {
+ if (!this.state.taskInfo.taskName) {
+ this.refs.taskname.showError();
+ checked = false;
+ } else if (!this.state.taskInfo.hrmid) {
+ this.refs.taskhrm.showError();
+ checked = false;
+ } else if (!this.state.taskInfo.startDate) {
+ this.refs.taskstart.showError();
+ checked = false;
+ } else if (!this.state.taskInfo.endDate) {
+ this.refs.taskend.showError();
+ checked = false;
+ } else if (this.state.taskInfo.endDate < this.state.taskInfo.startDate) {
+ message.error(getLabel('387700', "任务结束时间必须大于任务开始时间！"));
+ checked = false;
+ }
+ if (checked) {
+ this.props.saveTask({
+ stageid: this.props.groupid,
+ subject: this.state.taskInfo.taskName,
+ begindate: this.state.taskInfo.startDate,
+ enddate: this.state.taskInfo.endDate,
+ hrmid: this.state.taskInfo.hrmid,
+ });
+ const { userid, username, usericons } = this.props;
+ this.setState({
+ taskInfo: {
+ taskName: "",
+ hrmid: userid,
+ startDate: "",
+ endDate: ""
+ },
+ userInfo: {
+ userid: userid,
+ username: username,
+ usericons: usericons
+ }
+ });
+ this.setState({ visible: !this.state.visible });
+ }
+
+
+ } else {
+ checked && this.setState({ visible: !this.state.visible });
+ // jQuery("#area_"+this.props.groupid).focus()
+ // this.refs.area+this.props.groupid.focus();
+ }
+
+
+ }
+
+ setTaskValue = (fieldname, v) => {
+ if (fieldname == "startDate") {
+ this.setState({
+ taskInfo: {
+ ...this.state.taskInfo,
+ startDate: v,
+ },
+ });
+ } else if (fieldname == "endDate") {
+ this.setState({
+ taskInfo: {
+ ...this.state.taskInfo,
+ endDate: v,
+ },
+ });
+ } else if (fieldname == "subject") {
+ this.setState({
+ taskInfo: {
+ ...this.state.taskInfo,
+ taskName: jQuery("#area_" + this.props.groupid).val()
+ },
+ });
+ } else if (fieldname == "hrmid") {
+ this.setState({
+ taskInfo: {
+ ...this.state.taskInfo,
+ hrmid: v.hrmid,
+ hrmname: v.hrmname,
+ },
+ });
+ }
+ }
+
+ setDate = (date) => {
+ this.setState({
+ taskInfo: {
+ ...this.state.taskInfo,
+ startDate: date[0],
+ endDate: date[1]
+ },
+ });
+ }
+ setTaskName = () => {
+ let taskName = jQuery("#area_" + this.props.groupid).val();
+ this.setState({
+ taskInfo: {
+ ...this.state.taskInfo,
+ taskName: taskName,
+ },
+ });
+ }
+
+
+ handleHeadMouseDown = (ev) => {
+ const { canEditBoard } = this.props;
+ this.offset = {
+ left: this.container.offsetLeft - jQuery(this.container).closest('.kanban-scroller')[0].scrollLeft,
+ top: this.container.offsetTop,
+ height: this.container.clientHeight,
+ width: this.container.clientWidth,
+ startX: ev.clientX,
+ startY: ev.clientY
+ };
+ this.startScrollX =jQuery(this.container).closest('.kanban-scroller')[0].scrollLeft;
+ canEditBoard && document.addEventListener('mousemove', this.handleMouseMove);
+ canEditBoard && document.addEventListener('mouseup', this.handleMouseUp);
+ }
+ handleMouseMove = (ev) => {
+ let diffX = ev.clientX - this.offset.startX;
+ const f = jQuery(this.container).closest('.kanban-scroller')[0].scrollWidth / jQuery(this.container).closest('.kanban-scroller')[0].clientWidth;
+ if (Math.abs(diffX) > 5) {
+ this.props.root.moving = true;
+ this.moving = true;
+ this.container.style.position = 'absolute';
+ this.container.style.width = this.offset.width + 'px';
+ this.container.style.height = this.offset.height + 'px';
+ this.container.style.left = (this.offset.left - 10 + diffX) + 'px';
+ this.container.style.top = (this.offset.top - 10) + 'px';
+ this.container.style.zIndex = 1000;
+ jQuery(this.container).addClass('moving');
+ this.props.root.showPlace(this.offset, this.container);
+ if (diffX < 0) {
+ jQuery(this.container).prevAll('.kanban-group').each((index, ele) => {
+ const offset = jQuery(ele).offset();
+ const width = jQuery(ele).width();
+ const height = jQuery(ele).height();
+ const offset1 = jQuery(this.container).offset();
+ const width1 = jQuery(this.container).width();
+ const middle = offset.left + width / 2 - offset1.left;
+ if (middle > 0 && (middle < width1 || index === 0)) {
+ this.props.root.showPlace({ width, height }, ele);
+ }
+ })
+ } else {
+ const nextAll = jQuery(this.container).nextAll('.kanban-group');
+ nextAll.each((index, ele) => {
+ const offset = jQuery(ele).offset();
+ const width = jQuery(ele).width();
+ const height = jQuery(ele).height();
+ const offset1 = jQuery(this.container).offset();
+ const width1 = jQuery(this.container).width();
+ const middle = offset1.left + width1 - offset.left - width / 2;
+ if (middle > 0 && (middle < width / 2 || index === nextAll.length - 1)) {
+ this.props.root.showPlace({ width, height }, ele, true);
+ }
+ })
+ }
+ jQuery(this.container).closest('.kanban-scroller')[[0]].scrollLeft = this.startScrollX + diffX * f;
+ }
+ }
+ handleMouseUp = () => {
+ document.removeEventListener('mousemove', this.handleMouseMove);
+ document.removeEventListener('mouseup', this.handleMouseUp);
+ if (this.moving) {
+ this.container.style.removeProperty('position');
+ this.container.style.removeProperty('width');
+ this.container.style.removeProperty('height');
+ this.container.style.removeProperty('left');
+ this.container.style.removeProperty('top');
+ this.container.style.removeProperty('z-index');
+ this.props.root.moving = false;
+ this.moving = false;
+ jQuery(this.container).removeClass('moving');
+ this.props.root.container.insertBefore(this.container, this.props.root.place);
+ this.props.root.hidePlace();
+ this.props.root.onChange();
+ }
+ }
+
+}
diff --git a/pc4mobx/prj/components/kanban/Item.js b/pc4mobx/prj/components/kanban/Item.js
new file mode 100644
index 0000000..e16b001
--- /dev/null
+++ b/pc4mobx/prj/components/kanban/Item.js
@@ -0,0 +1,257 @@
+import * as React from 'react';
+import { WeaPopoverHrm } from 'ecCom';
+import { Tooltip, Button, Icon } from 'antd';
+import QueueAnim from 'rc-queue-anim';
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+
+export default class Item extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ show: false
+ }
+ }
+ handleMouseDown = (ev) => {
+ const { canEditBoard } = this.props;
+ this.offset = {
+ left: this.container.offsetLeft,
+ top: this.container.offsetTop - jQuery(this.container).closest('.kanban-group-body')[0].scrollTop,
+ height: this.container.clientHeight,
+ width: this.container.clientWidth,
+ startX: ev.clientX,
+ startY: ev.clientY
+ };
+ this.startScrollX = jQuery(this.container).closest('.kanban-group-body')[0].scrollLeft;
+ this.startScrollY = {};
+ jQuery(this.container).closest('.kanban-container').find('kanban-group').each((index, ele) => {
+ const dataValue = jQuery(ele).attr('data-value');
+ this.startScrollY[dataValue] = jQuery(ele).find('.kanban-group-body').scrollTop();
+ });
+ canEditBoard && document.addEventListener('mousemove', this.handleMouseMove);
+ canEditBoard && document.addEventListener('mouseup', this.handleMouseUp);
+ }
+ handleMouseMove = (ev) => {
+ const diffX = ev.clientX - this.offset.startX;
+ const diffY = ev.clientY - this.offset.startY;
+ const fy = jQuery(this.container).closest('.kanban-group-body')[0].scrollHeight / jQuery(this.container).closest('.kanban-group-body')[0].clientHeight;
+ if (Math.abs(diffX) > 5 || Math.abs(diffY) > 5) {
+ this.moving = true;
+ this.props.root.moving = true;
+ this.container.style.position = 'absolute';
+ this.container.style.width = this.offset.width + 'px';
+ this.container.style.height = this.offset.height + 'px';
+ this.container.style.left = (this.offset.left - 10 + diffX) + 'px';
+ this.container.style.top = (this.offset.top - 10 + diffY) + 'px';
+ this.container.style.zIndex = 1000;
+ this.container.style.transform = "rotate(5deg)";
+ jQuery(this.container).addClass('moving');
+ this.props.root.showItemPlace(this.offset, this.container);
+ let isFound = false;
+ let currentGroup = null;
+ if (diffX < 0) {
+ const thisGroup = jQuery(this.container).closest('.kanban-group');
+ const prevAll = thisGroup.prevAll('.kanban-group');
+ prevAll.each((index, ele) => {
+ const offset = jQuery(ele).offset();
+ const width = jQuery(ele).width();
+ const offset1 = jQuery(this.container).offset();
+ const width1 = jQuery(this.container).width();
+ const middle = offset.left + width / 2 - offset1.left;
+ if (middle > 0 && (middle < width1 || index === 0)) {
+ isFound = true;
+ currentGroup = jQuery(ele);
+ }
+ });
+ } else {
+ const nextAll = jQuery(this.container).closest('.kanban-group').nextAll('.kanban-group');
+ nextAll.each((index, ele) => {
+ const offset = jQuery(ele).offset();
+ const width = jQuery(ele).width();
+ const offset1 = jQuery(this.container).offset();
+ const width1 = jQuery(this.container).width();
+ const middle = offset1.left + width1/2 - offset.left - width/2;
+ if (middle > 0 && (middle < width / 2 || index === nextAll.length - 1)) {
+ isFound = true;
+ currentGroup = jQuery(ele);
+ }
+ })
+ }
+ if (!isFound || !currentGroup) {
+ currentGroup = jQuery(this.container).closest('.kanban-group');
+ isFound = true;
+ }
+ if (isFound && currentGroup) {
+ const items = currentGroup.find('.kanban-item');
+ if (items.length === 0) {
+ //this.props.root.showItemPlace(this.offset, currentGroup);
+ currentGroup.find('.kanban-group-body').append(this.props.root.itemPlace);
+ }
+ items.each((i, item) => {
+ const itemOffset = jQuery(item).offset();
+ const itemHeight = jQuery(item).height();
+ const itemOffset1 = jQuery(this.container).offset();
+ const top = itemOffset.top - itemOffset1.top;
+ if (top > 0 && (top < itemHeight || i === 0)) {
+ this.props.root.showItemPlace(this.offset, item);
+ } else {
+ if (top < 0 && i < items.length) {
+ this.props.root.showItemPlace(this.offset, item, true);
+ }
+ }
+ })
+ const dataValue = currentGroup.attr('data-value');
+ currentGroup.find('.kanban-group-body')[0].scrollTop = (this.startScrollY[dataValue] || 0) + diffY * fy;
+ }
+ }
+ }
+ handleMouseUp = () => {
+ document.removeEventListener('mousemove', this.handleMouseMove);
+ document.removeEventListener('mouseup', this.handleMouseUp);
+ if (this.moving) {
+ this.container.style.removeProperty('position');
+ this.container.style.removeProperty('width');
+ this.container.style.removeProperty('height');
+ this.container.style.removeProperty('left');
+ this.container.style.removeProperty('top');
+ this.container.style.removeProperty('z-index');
+ this.container.style.removeProperty("transform");
+
+ this.props.root.moving = false;
+ this.moving = false;
+ jQuery(this.container).removeClass('moving');
+ jQuery(this.props.root.itemPlace).before(this.container);
+ this.props.root.hidePlace();
+ this.props.root.onChange();
+ }
+ }
+ setLandMark = (id, value, e) => {
+ this.props.setLandMark(id, value);
+ e.stopPropagation();
+ }
+ onTaskClick = (value, e) => {
+ this.props.onTaskClick(value);
+ e.stopPropagation();
+ }
+
+ render() {
+ const { value, prefix, avatar, title, description, islandmark, action, finish, colors, managerid, managericon, managername, allnum, finishnum, status } = this.props;
+ return (
+ this.head = ref} className="kanban-group-head" onMouseDown={this.handleHeadMouseDown}>
+
+
+
+ {e.stopPropagation();this.editGropName(true)}}>
+ {!this.state.editGroupNameVisible && this.state.groupName}
+ {
+ this.state.editGroupNameVisible &&
+ {
+ this.setState({ groupName: value })
+ }}
+ />
+ }
+
+
+
+
+
+
+ this.body = ref} className="kanban-group-body">
+ {React.Children.map(this.props.children, (child) => {
+ return React.cloneElement(child, { root: this.props.root, xScroller: this.props.scroller, yScroller: this.body });
+ })}
+
+ this.footer = ref} className="kanban-group-footer" >
+
+
+
+
+ { this.showAddComs() }} >+{getLabel('84046', "新任务")}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ { this.textInput = input; }}
+ type="textarea"
+ // disabled={disabled}
+ autofocus="autofocus"
+ autosize={{ minRows: "1", maxRows: "1" }}
+ value={this.state.taskInfo.taskName}
+ id={"area_" + this.props.groupid}
+ onChange={(v) => this.setTaskValue("subject", v)}
+ // onBlur={()=>{ this.showAddComs() }}
+ placeholder={getLabel('1352', "任务名称")}
+ />
+
+
+
+
+
+ {/* window.pointerXY(e)} >
+ 
+ */}
+
+
+ {/*
+
+ this.setTaskValue("hrmid", { hrmid: ids, hrmname: names })}
+ >
+ {/*
+ ![]({"/messager/images/icon_w_wev8.jpg"})
+ */}
+
+
+
+ {this.state.taskInfo.hrmname}
*/}
+
+
+ {/* this.setTaskValue("startendDate",v)}
+ /> */}
+
+ this.setTaskValue("startDate", v)}
+ key={this.state.taskInfo.startDate}
+ />
+
+
+
+
+ {/* this.setTaskValue("startendDate",v)}
+ /> */}
+ this.setTaskValue("endDate", v)}
+ key={this.state.taskInfo.endDate}
+ />
+
+
+ { this.closeAddComs() }} >{getLabel('31129', "取消")}
+ { this.showAddComs() }} >{getLabel('33703', "确认")}
+ this.container = ref} key={value} className="kanban-item" data-value={value} onClick={(e) => this.onTaskClick(value, e)} onMouseDown={this.handleMouseDown}>
+
+ )
+ }
+
+
+ getManagers = () => {
+ const { managerid, managername, managericon, islandmark, value, canAddTask, status } = this.props;
+ let managers = [];
+ if (managerid && managerid.length > 1) {
+ if (this.state.show) {
+ managers.push(
+
+
+
+
+
+
+
+
+
+
+ {/* {extra &&
+
+
+ {avatar}
+
+
+
+ {action && action.length > 0 &&
+
+
+
+
+
+ {
+ {prefix}
{!this.state.show && title}
+
+
+ {this.getManagers()}
+
+
+ }
+
+
+
+
+
+
+ {description}
+
+
+ {allnum > 0 && getLabel('2098',"子任务")+" " + finishnum + "/" + allnum}
+
+ -
+ {
+ action.map((ac, i) => (
+
- + {ac} + {i < action.length - 1 && } + + )) + } +
+ {extra}
+
} */}
+
+
+ { this.setState({ show: !this.state.show }), e.stopPropagation(); }} />
+
+ )
+ } else {
+ managers.push(
+
+ { this.setState({ show: !this.state.show }), e.stopPropagation(); }} />
+
+ )
+ }
+ }
+ if (canAddTask && status==0) {
+ managers.push(
+
+ { this.setLandMark(value, islandmark == "1" ? "0" : "1", e); }} />
+
+
)
+ }else{
+ managers.push(
+
+
)
+ }
+
+
+ this.state.show && managerid && managerid.length > 0 && managerid.map((m, i) => {
+ managers.push(
+
+ window.pointerXY(e)} >
+ 
+
+
+
)
+ })
+ !this.state.show && managerid && managerid.length > 0 &&
+ managers.push(
+
+ window.pointerXY(e)} >
+ 
+
+
+
)
+
+
+
+
+ return managers;
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/kanban/index.js b/pc4mobx/prj/components/kanban/index.js
new file mode 100644
index 0000000..7667a7d
--- /dev/null
+++ b/pc4mobx/prj/components/kanban/index.js
@@ -0,0 +1,76 @@
+import React, { Component } from 'react';
+import Group from './Group';
+import Item from './Item';
+
+export default class Kanban extends Component {
+ static Group = Group;
+ static Item = Item;
+ state = {
+ childOrder: React.Children.map(this.props.children, (d, i) => i)
+ }
+ showPlace = (offset, container, isAfter) => {
+ this.place.style.width = offset.width + 'px';
+ this.place.style.height = offset.height + 'px';
+ this.place.style.margin = '10px 10px 10px 10px';
+ this.place.style.display = 'inline-block';
+ if (isAfter) {
+ jQuery(container).after(this.place);
+ } else {
+ jQuery(container).before(this.place);
+ }
+ }
+ showItemPlace = (offset, container, isAfter) => {
+ this.itemPlace.style.width = offset.width + 'px';
+ this.itemPlace.style.height = offset.height + 'px';
+ this.itemPlace.style.margin = '0 5px 5px 5px';
+ this.itemPlace.style.display = 'inline-block';
+ if (isAfter) {
+ jQuery(container).after(this.itemPlace);
+ } else {
+ jQuery(container).before(this.itemPlace);
+ }
+ }
+ hidePlace = () => {
+ this.place.style.removeProperty('left');
+ this.place.style.removeProperty('top');
+ this.place.style.removeProperty('width');
+ this.place.style.removeProperty('height');
+ this.place.style.removeProperty('display');
+ this.itemPlace.style.removeProperty('left');
+ this.itemPlace.style.removeProperty('top');
+ this.itemPlace.style.removeProperty('width');
+ this.itemPlace.style.removeProperty('height');
+ this.itemPlace.style.removeProperty('display');
+ }
+ onChange = () => {
+ let groups = [];
+ jQuery(this.container).find('.kanban-group').each((index, ele) => {
+ const currentGroup = []
+ let group_id = jQuery(ele).attr("data-value");
+ jQuery(ele).find('.kanban-item').each((index, item) => {
+ currentGroup[index] = jQuery(item).attr('data-value');
+ let item_id = jQuery(item).attr("data-value");
+ })
+ groups[index] = {'groupid':group_id,items:currentGroup};
+ });
+ this.props.onChange && this.props.onChange({datas:JSON.stringify(groups)});
+ }
+ render() {
+ return (
+ this.scroller = ref} className="kanban-scroller" >
+
+
+ {top.length > 0 && top.map(t => (
+
+
+
+ ))}
+
+
+ {
+ boottom.length > 0 && boottom.map((cell) => (
+ {cell.value}
+ {cell.label}
+
+ ))
+ }
+
+ )
+}))
\ No newline at end of file
diff --git a/pc4mobx/prj/components/portal/cardContent/header.js b/pc4mobx/prj/components/portal/cardContent/header.js
new file mode 100644
index 0000000..14dca9e
--- /dev/null
+++ b/pc4mobx/prj/components/portal/cardContent/header.js
@@ -0,0 +1,26 @@
+/*
+ * @Author: lusx
+ * @Date: 2020-04-02 14:00:48
+ * @Last Modified by: lusx
+ * @Last Modified time: 2020-04-03 10:40:13
+ */
+import { inject, observer } from 'mobx-react';
+import { Row, Col } from 'antd';
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+const prefixCls = 'prj-portal';
+export const Header = inject('projectCardStore')(observer((props) => {
+ const { baseInfo: { members, creatername, createdate }, statistics: { rwzs }, projectInfo:{prjname} } = props.projectCardStore;
+ return (
+
)
+}))
\ No newline at end of file
diff --git a/pc4mobx/prj/components/portal/cardContent/overview.js b/pc4mobx/prj/components/portal/cardContent/overview.js
new file mode 100644
index 0000000..0c57bcb
--- /dev/null
+++ b/pc4mobx/prj/components/portal/cardContent/overview.js
@@ -0,0 +1,47 @@
+/*
+ * @Author: lusx
+ * @Date: 2020-03-02 10:02:54
+ * @Last Modified by: lusx
+ * @Last Modified time: 2020-03-02 10:22:49
+ */
+import {Col} from 'antd';
+import Steps from './steps.js';
+import LoadingSpinner from '../LoadingSpinner.js';
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+const prefixCls = "prj-portal";
+const Ovreview = props => {
+ const {manager, managericons, stages, loading, planbegindate, planenddate} = props.overviewProp;
+ if (props.loading && stages.length === 0) {
+ return (
+
+ {
+ prjdatas.map((item,i)=>{
+ return {item}
+ })
+ }
+
+ }
+ {
+ this.state.selectedKey==0&&this.state.viewScope=="list" && reLoad()}
+ getColumns={c=>this.reRenderColumns(c)}
+ tableWidth={this.tableWidth}
+ onOperatesClick={this.onOperatesClick.bind(this)}
+ />
+ }
+ {
+ this.state.selectedKey==1&&(parseInt(projectBoardStore.prjid)>0?
+ {projectBoardStore.getProjectList1(formParams);}} changeCallBack={() =>{projectBoardStore.getProjectList1(formParams);}} >
+ :
+
+
+
+ )
+ }
+
+ onEnterSearch=() =>{
+ const { projectPortalStore,queryPrjStore } = this.props;
+ const { form } = queryPrjStore;
+ const formParams = form.getFormParams() || {};
+ projectPortalStore.initDatas(formParams);
+ queryPrjStore.setShowSearhAd(false);
+ }
+ onOperatesClick(record,index,operate,flag){
+ const {projectPortalStore} = this.props;
+ const {shareStore,exchangeStore,projectInfoStore} = projectPortalStore;
+ let _href = operate && operate.href ? operate.href : "";
+ let fn = _href.replace("javascript:","");
+ fn = fn.substring(0,fn.indexOf('('));
+ let that = this;
+ if(fn != ""){
+ if("onShare"==fn){ //共享
+ shareStore.handleShareDialog(true,"prj",record.randomFieldId)
+ }else if('onNormal' == fn){ //正常
+ projectPortalStore.doPlanOpt({method:'normal',prjid:record.randomFieldId})
+ }else if('onOver' == fn){ //延期
+ projectPortalStore.doPlanOpt({method:'delay',prjid:record.randomFieldId})
+ }else if('onFinish' == fn){ //完成
+ projectPortalStore.doPlanOpt({method:'complete',prjid:record.randomFieldId})
+ }else if('onFrozen' == fn){ //冻结
+ projectPortalStore.doPlanOpt({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,{})
+ }else if('onDel' == fn){ //项目删除
+ projectPortalStore.delPrjInfo({method:"del",prjid:record.randomFieldId,from:"mymanagerproject"})
+ }
+ }
+ }
+
+ onScrollEnd = () => {
+ const { projectPortalStore, queryPrjStore } = this.props;
+ const { searchNextPage } = projectPortalStore;
+ const { form } = queryPrjStore;
+ const formParams = form.getFormParams() || {};
+ searchNextPage(formParams);
+ }
+
+ tableWidth = (columns) => {
+ let width = 0;
+ let cols = 0;
+ columns.map(col => {
+ if (col.display === 'true') {
+ let oldwidth = col.oldWidth || '10%';
+ let widthInt = parseFloat(oldwidth.replace('%', ''));
+ if (widthInt <= 0) {
+ widthInt = 10;
+ }
+ width += widthInt;
+ cols++
+ }
+ })
+ //超过10列，才出现滚动条，width>100才出现滚动条
+ if(cols<=10){
+ width = 100 ;
+ }
+ return `${width}%`;
+ }
+
+ reRenderColumns(columns){
+ columns.forEach((c,i)=>{
+ if(c.dataIndex=='finish'){
+ c.render = function(text, record){
+ return
+ this.container = ref} className="kanban-container" style={{ minWidth: (React.Children.count(this.props.children) + 1) * 320 }}>
+ {
+ React.Children.map(this.props.children, child => {
+ return child.toString() === '[object Object]' ? React.Children.map(child, c => {
+ return React.cloneElement(c, { root: this, scroller: this.scroller })
+ }) : React.cloneElement(child, { root: this, scroller: this.scroller })
+ })
+ }
+
+ ),
+ colSpan:1,
+ })
+ });
+ group.push()
+ });
+ return group;
+ }
+}
+
+const getAdButtons = (listStore,ecid) => {
+ const {doSearch,setShowSearchAd,clearFormFields,setSelectedTreeKey} = listStore;
+ return [
+ (),
+ (),
+ ()
+ ];
+}
+
+export {Condition,getAdButtons}
diff --git a/pc4mobx/prj/components/list/listLeftTree.js b/pc4mobx/prj/components/list/listLeftTree.js
new file mode 100644
index 0000000..fe3c474
--- /dev/null
+++ b/pc4mobx/prj/components/list/listLeftTree.js
@@ -0,0 +1,66 @@
+import { WeaLeftTree } from 'ecCom';
+import * as mobx from 'mobx';
+import { observer } from 'mobx-react';
+import { toJS } from 'mobx';
+
+@observer
+class ListLeftTree extends React.Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ searchValue: ""
+ }
+ }
+
+ componentWillReceiveProps(nextProps) {
+
+ if (this.props.key !== nextProps.key) {
+ this.setState({
+ searchValue: ""
+ })
+ }
+ }
+
+ render() {
+ const { leftTree, leftTreeCount, leftTreeCountType, topTab, selectedTreeKey } = this.props.listStore;
+ const { setShowSearchAd, clearFormFields, initDatas, doSearch, setSelectedTreeKey } = this.props.listStore;
+ const { initkey } = this.props;
+
+ return (
+ {
+ this.setState({
+ searchValue: v
+ })
+ }}
+ onSearchLabelClick={() => {
+ setShowSearchAd(false);
+ setSelectedTreeKey("");
+ clearFormFields();
+ initDatas({ tabkey: initkey });
+ doSearch({
+ tabkey: initkey,
+ prjtype: ""
+ });
+ }}
+ onSelect={(key, topTabCount, countsType) => {
+ setShowSearchAd(false);
+ setSelectedTreeKey(topTabCount.keyid);
+ clearFormFields();
+ doSearch({
+ tabkey: initkey,
+ prjtype: topTabCount.keyid
+ });
+ }}
+ />
+ );
+ }
+}
+
+export default ListLeftTree;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/list/portalCondition.js b/pc4mobx/prj/components/list/portalCondition.js
new file mode 100644
index 0000000..dbcb952
--- /dev/null
+++ b/pc4mobx/prj/components/list/portalCondition.js
@@ -0,0 +1,47 @@
+import { WeaSearchGroup,WeaFormItem,WeaBrowser,WeaLocaleProvider} from 'ecCom';
+import { Button,Form } from 'antd';
+import {toJS} from "mobx"
+import {WeaSwitch} from "comsMobx"
+import { inject, observer} from 'mobx-react';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class Condition extends React.Component{
+
+ render(){
+ const { condition, } = this.props.listStore;
+ const {form,onEnterSearch} = this.props;
+ const {isFormInit} = form;
+ let group = [];
+ isFormInit && toJS(condition).map((c,i) =>{
+ let items = [];
+ c.items.map((fields,index) => {
+ fields.labelcol = 8;
+ fields.fieldcol = 16;
+ items.push({
+ com:(
+ ),
+ colSpan:1,
+ })
+ });
+ group.push()
+ });
+ return group;
+ }
+}
+
+const getAdButtons = (listStore,projectPortalStore,doSearch) => {
+ const {setShowSearchAd,clearFormFields,setSelectedTreeKey,form} = listStore;
+ const formParams = form.getFormParams() || {};
+ return [
+ (),
+ (),
+ ()
+ ];
+}
+
+export {Condition,getAdButtons}
diff --git a/pc4mobx/prj/components/list/projectCondition.js b/pc4mobx/prj/components/list/projectCondition.js
new file mode 100644
index 0000000..2a822fd
--- /dev/null
+++ b/pc4mobx/prj/components/list/projectCondition.js
@@ -0,0 +1,183 @@
+import { WeaSearchGroup,WeaFormItem ,WeaProgress,WeaRichText,WeaUpload,WeaLocaleProvider,WeaError,WeaTools,WeaInputEncrypt} from 'ecCom';
+import { Button,Row,Col,InputNumber,Tooltip } from 'antd';
+import {toJS} from "mobx"
+import {WeaSwitch} from "comsMobx"
+import {observer} from 'mobx-react';
+
+const view_basicToolBar = {
+ uploadUrl: (window.ecologyContentPath || '')+"/api/blog/fileupload/uploadimage",
+ startupFocus: false,
+ toolbar: [],
+ };
+
+const basicToolBar = {
+ uploadUrl: (window.ecologyContentPath || '')+"/api/blog/fileupload/uploadimage",
+ startupFocus: false,
+ toolbar: [
+ { name: 'markdown', items: ['Markdown'] },
+ { name: 'document', items: ['Source', '-', 'Save', 'NewPage', 'Preview', '-', 'Templates'] },
+ { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
+ { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'CopyFormatting', 'RemoveFormat'] },
+ { name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize'] },
+ { name: 'colors', items: ['TextColor', 'BGColor'] },
+ { name: 'tools', items: ['Maximize', 'ShowBlocks'] },
+ { name: 'insert', items: ['Image', 'Table', 'Smiley'] }
+ ],
+ };
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+export default class ProjectCondition extends React.Component{
+ constructor(props) {
+ super(props);
+ this.formParams = {};
+ }
+ render(){
+ const { fieldInfo, form,setFormFields,setValidate } = this.props;
+ const {isFormInit} = form;
+ let group = [];
+ const formParamsTemp = form.getFormParams();
+ for(let param in formParamsTemp){
+ this.formParams[param] = formParamsTemp[param];
+ }
+ isFormInit && fieldInfo.map((c,i) =>{
+ let items = [];
+ c.items.map(fields => {
+ let hide = false;
+ let dom;
+ let hasunderline = false;
+ //只读样式控制
+ let stylecss = {'margin-right':'5px','margin-top': '6px'};
+ if(fields.viewAttr == "1" || (fields.conditionType == "BROWSER" && fields.browserConditionParam.viewAttr == "1")) {
+ hasunderline = true;
+ stylecss = {'margin-right':'5px','margin-top': '16px'};
+ }
+ if(fields.viewAttr == "1" || (fields.conditionType == "BROWSER" && fields.browserConditionParam.viewAttr == "1")) {hasunderline = true} //只读样式控制
+ if(fields.domkey[0] == "prjprocess"){
+ if(fields.viewAttr == "1"){
+ dom =
+
+ }else{
+ dom =
+ `${value}%`} parser={value =>value.replace('%','')} onChange={(v)=>{setFormFields({finish:{value:v}})}} />
+ %
+
+
+ }
+ }else if(fields.conditionType == "RICHTEXT"){
+ if(fields.viewAttr == "1"){
+ dom = WeaTools.EncryBase.desensitization(fields.value)?
+ }
+ }else if(fields.conditionType == "ATTACHEMENT"){
+ let domkey = fields.domkey[0];
+ dom =
+
+ {fields.label+" :"}
+ {(fields.browserConditionParam.viewAttr == 1 ? "" :
+
+
+ )}
+ }
+ labelCol={{span: `${fields.labelcol}`}}
+ error={form.getError(fields)}
+ tipPosition="bottom"
+ wrapperCol={{span: `${fields.fieldcol}`}} underline>
+
+ ),
+ colSpan:1,
+ hide:hide
+ });
+ }else{
+ items.push({
+ com:(
+ {fields.label+" :"}
+ {(fields.browserConditionParam.viewAttr == 1 ? "" :
+
+
+ )}
+ }
+ labelCol={{span: `${fields.labelcol}`}}
+ error={form.getError(fields)}
+ tipPosition="bottom"
+ wrapperCol={{span: `${fields.fieldcol}`}} >
+
+ ),
+ colSpan:1,
+ hide:hide
+ });
+ }
+
+ }else{
+ if(hasunderline){
+ items.push({
+ com:(
+ {dom}
+ ),
+ colSpan:1,
+ hide:hide
+ });
+ }else{
+ items.push({
+ com:(
+ {dom}
+ ),
+ colSpan:1,
+ hide:hide
+ });
+ }
+ }
+ });
+ group.push()
+ });
+ return group;
+ }
+}
+
+
+
diff --git a/pc4mobx/prj/components/mindmap/MindMapPage.js b/pc4mobx/prj/components/mindmap/MindMapPage.js
new file mode 100644
index 0000000..5ad45e7
--- /dev/null
+++ b/pc4mobx/prj/components/mindmap/MindMapPage.js
@@ -0,0 +1,225 @@
+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 (
+ { 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;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/mindmap/TaskCard.js b/pc4mobx/prj/components/mindmap/TaskCard.js
new file mode 100644
index 0000000..3c42c30
--- /dev/null
+++ b/pc4mobx/prj/components/mindmap/TaskCard.js
@@ -0,0 +1,496 @@
+import React from 'react';
+import { Button, Tabs, Row, Col, InputNumber, Modal, message } from 'antd';
+import { inject, observer } from 'mobx-react';
+import { toJS } from "mobx"
+import { WeaRightMenu, WeaReqTop, WeaNewScroll, WeaTools, WeaAlertPage, WeaDialog, WeaBrowser, WeaLocaleProvider, WeaTop, WeaTab } from "ecCom"
+import { WeaTableNew, WeaSwitch } from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+const getKey = WeaTools.getKey;
+const getLabel = WeaLocaleProvider.getLabel;
+import RelareExchange from '../common/relateExchange'
+import TabDiscuss from '../common/TabDiscuss'
+import RelateWorkFlow from '../common/relateWorkFlow'
+import RelateDocument from "../common/relateDocument"
+import TaskSub from '../projectBoard/taskSub'
+import TaskShare from '../common/sharePage'
+import TaskInfo from '../common/taskInfo'
+import RealteCrmDialog from '../dialog/relateCrmDialog'
+import "../projectBoard/style/slide.less"
+@observer
+export default class TaskCard extends React.Component {
+ componentDidMount() {
+ const { taskCardStore, taskid } = this.props;
+ const { getTaskTabs } = taskCardStore;
+ getTaskTabs({taskid: taskid });
+ }
+ componentWillUnmount() {
+
+ }
+
+ componentWillReceiveProps(nextprops) {
+ const { taskCardStore } = this.props;
+ const { clearStatus, getTaskTabs } = taskCardStore;
+ if (this.props.taskid !== nextprops.taskid) {
+ clearStatus();
+ getTaskTabs({ taskid: nextprops.taskid });
+ }
+ }
+
+ render() {
+ const { taskCardStore, callBack } = this.props;
+ const { tabDatas, selectTabKey, loading, taskname, shareStore, hasRight, verified, form, taskid, saveAndReLoadWf } = taskCardStore;
+ if (verified && !hasRight) {
+ return (
+
+ )
+ }
+ if (verified && hasRight) {
+ const tabDatas1 = toJS(tabDatas);
+ let _this = this;
+ let tabUrl = function (key) {
+ if (tabDatas1) {
+ for (let i = 0; i < tabDatas1.length; i++) {
+ if (tabDatas1[i].id == key && tabDatas1[i].shortname == "taskinfo") {
+ return
+
+ } else {
+ return tabDatas1[i].linkurl;
+ }
+ }
+ }
+ return ""
+ }
+ }(selectTabKey);
+ return (
+
+
+ )
+ }
+ if (verified && hasRight) {
+ if (type == "crm") {
+ return
+ {minePrjStore.setShowSearchAd(bool)}}
+ hideSearchAd={()=> minePrjStore.setShowSearchAd(false)}
+ searchsAd={
+ reLoad()}
+ getColumns={c=>this.reRenderColumns(c)}
+ tableWidth={this.tableWidth}
+ onOperatesClick={this.onOperatesClick.bind(this)}
+ />
+
+
+
+ {// )
+
+ }
+
+ getRightMenu(){
+ const {minePrjStore }= this.props;
+ const {rightMenu} = minePrjStore;
+ let btnArr = [];
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ btnArr.push({
+ icon: ,
+ content: m.menuName
+ })
+ });
+ return btnArr
+ }
+ onRightMenuClick(key){
+ const {minePrjStore }= this.props;
+ const {rightMenu} = minePrjStore;
+ 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(m.type == "BTN_SEARCH"){ //定制列
+ minePrjStore.doSearch();
+ }else if(m.type == "BTN_COLUMN"){ //定制列
+ minePrjStore.onShowColumn();
+ }
+ }
+ });
+ }
+ reRenderColumns(columns){
+ columns.forEach((c,i)=>{
+ if(c.dataIndex=='finish'){
+ c.render = function(text, record){
+ return
+
+
+ )
+ }
+ if (verified && hasRight) {
+ return (
+
+ {prjMonitorStore.setShowSearchAd(bool)}}
+ hideSearchAd={()=> prjMonitorStore.setShowSearchAd(false)}
+ searchsAd={
+ this.reRenderColumns(c)}
+ tableWidth={this.tableWidth}
+ onOperatesClick={this.onOperatesClick.bind(this)}
+ />
+
+
+ )
+ }
+ return ;
+
+
+ }
+
+ getTopButtons(){
+ const {prjMonitorStore} = this.props;
+ const {rightMenu,tableStore} = prjMonitorStore;
+ let {selectedRowKeys} = tableStore;
+ let btnArr = [];
+ let that = this;
+ const isDisabled = !(selectedRowKeys.length>0 && `${toJS(selectedRowKeys)}`);
+ rightMenu && rightMenu.length>0 && toJS(rightMenu).map(m=>{
+ m.isTop == '1' && btnArr.length < 4 && btnArr.push(
+
+ );
+ });
+ return btnArr;
+ }
+
+ getRightMenu(){
+ const {prjMonitorStore }= this.props;
+ const {rightMenu, tableStore} = prjMonitorStore;
+ let {selectedRowKeys} = tableStore;
+ const isDisabled = !(selectedRowKeys.length>0 && `${toJS(selectedRowKeys)}`);
+ let btnArr = [];
+ rightMenu && rightMenu.length>0 && rightMenu.map(m=>{
+ btnArr.push({
+ icon: ,
+ content: m.menuName,
+ disabled : isDisabled && m.isControl == "1"
+ })
+ });
+ return btnArr
+ }
+ onRightMenuClick(key){
+ const {prjMonitorStore }= this.props;
+ const {rightMenu,tableStore} = prjMonitorStore;
+ let {selectedRowKeys} = tableStore;
+ 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(m.type == "BTN_SEARCH"){ //定制列
+ prjMonitorStore.doSearch();
+ }else if(m.type == "BTN_COLUMN"){ //定制列
+ prjMonitorStore.onShowColumn();
+ }else if(m.type == "BTN_DELETEBATCH"){
+ prjMonitorStore.delPrjInfo({method:"del",prjid:`${toJS(selectedRowKeys)}`});
+ }
+ }
+ });
+ }
+ reRenderColumns(columns){
+ columns.forEach((c,i)=>{
+ if(c.dataIndex=='finish'){
+ c.render = function(text, record){
+ return
+
+
+ )
+ }
+ if (verified && hasRight) {
+ return (
+ OwaGx7;X$U
zDPP|f@Yt4ZyMv%1x#O?p{2o>-Kz|`TCEDyL#4O+kKlp+IV(O#7-
zpe%e@GzGXu1pHUZFDI6H3UpM?Dhm>)KL?>$8J;zy>9Iu48jnTfiJeo(fUTRl2d#__
zaQ2rK%mZ8-iGdskLp}+Y0!irF;yz)dyLdfgqR(qqyY9~FTJGBC
zrVnIwSys^*P}cJV`33SaV46r23KjvtI#~2(qb8l^JW||U
zRinvQiAe$7-olP@?S_U@5{pctIGZ$+=tH1f6&O_wYOb%K3_VEo+Hug;VdJn2M@X1b
z))w|)0W$tE=@I8gPUs%Dja7DQ$|aRu
zcf7xecQo_jnGv^DMYW<24hu3}=~DkAQHf_yro$6u&u!ebR}si=HuJ(`ka9u_vdq5bG}3CbMXH`W8Cb1@+F$sKS=`Ze4mH
zU80QiQ5*?t=;DAHx`)r!ZKQ6hrayeP#e!vl&XSPlOOh{9l5WkSV9@23a9OP9R>o66
z!Q$^m%A<=Bz3v>z)$GE!kLOjEWh8O5tg)vihPPYDl5x|u!!lnzDzdmlt_)vEmS5+6
zHhv$;TVflTCwDkmuVjQ;6}zY@Oa%(e8}fWKlsvKPvU`x`VK6AJ2wY+2%pvp8U}4I%yOFS
z>-Br7xcNLpb}rm$f~mj=MedK3DyBOYq`=?eVV3=|o+92E%jM^p;6dx5czr1QMSTLJ
z#4DFt1s{#)Fyy0
zKag22H&Q5~Z1;QZS8Vc$yt%3Q{1>}L)R(BwXJYhLE;U(t
za%t3(gr&m%3b)DL`1xlYSo=n_q0?`-`=6}r&3)s`O#1%jb^Ljv~$t
zYegx0oHt(
z9#-_@(Mppox_ZY%Dk5J-zN$}MmG5m5V31Vw@Qrm|UY1}bwhWuy>b9vQ$RtEJ^?h>1
z@U@G#wg09o5DwoW6k8eNrhN_gRgKDqpJM7NV!!3d>W~FMTN^EL@ivlGA
zb06P{35nmi>TSm`by4ia3
zDNAdcJX=$X&LR+Eb2>p5&|3_lEYY31rLGd?DGf^-E{JdhLn4y5Ok5sOLQ%O~P8X
zS{hnIDIAJ_2JwfKt~JZ5czLKgCHJI`gp}mbuLaE{QW;XjHyv+YPQ9JVQzes0FG
z??gTvGPLQ8!$T#W1*+0zBWi=>!j
z7g17ca9Vnqr?Ygk4eGD2G!zUdV#=WiW;)3Bb!{HM0!Qg$w@ZZ-Rdi0~w+9uP^Bz;U
zRLh&XByt{G>d!KGnsL=?k-KX??|Zo4`h<1AU@5jXXeC#*Zy+4Y9_i
z%BK3Qfr-wEcN5RrUmn=r+xl&O#T
zJ`{MjHeqFgqJe;b7j?Zuqgf7{*X5l4dfq{+o(d+@iwZ>%50zt;XqXj*?+Dl*T5`xf
z5tD*B_;!7j!RY5f-i7CwPo;RoDJ91JS(a$8(N)cpw*4tHuj_smyEW@Hm6MLxAL}eW
zookdE?>nMYtFEllZR}9l?WTOb_|`2sfpco2KGELUxyNI_9DJhBr0a7;rNh{-Ncx%b)OP$m)
zY+ctH*tE@deY6g9H12iFf0&<>Pa>u()^;fGF}9*ROgy5`G5CyTuIfn4y@b^F{N<%-
zAM8%{(41#y+WfJ@yEXZdfW4YY%J$Q}$BWy~eQ;;hV@pbFbo!7eZ>RVw#Qo&0ljMEd
zJ6epb%}p!sr=`VHnkkE4^xtWbnmsAO15$ET|i!R%V>@~H`9P95v&^ldW5+|@!tgI7v+
z4c4FYs*5@j6%xExTJo)br9;2Mu)m4sKFt(Exxx@>7VCC}1nvIpo{vrLnw`lOUwHcU
zD)?+)H;?!la#Y}BkN-A4+%YNFz!7z%ToRL2}ztnM{cjnoe9
zE>s^b>s&bKT9_8=5Zz5=KwE%q90YKsg
z04(O$wO{Q3K&W)*wyg*3i9m+XredP8Fm
zT?v&NDl1fasOTKf2eln)Bh)IWWl-NhEr41L6({N(>wy;6M!-kSj4zsXI_odi`Lz#t
zmZyQpnjCy*954e%0+53$4RtBh*-8^^@C<4S)Fi02P{CnNabV8B70@j}|0lDPSrLn^
ze+^vTJpmn%925bl2cYhQDhzeLqzD?i4;2fwWHBUVze*k`FN3pc7V^WyPQQuA4?8Ak
zUmL0xR5axNDM3Rt9BLTU7BoE13+?^kzP?MWW$+6)QHTZEZD>jWd8kHEmC(b#Byq4G
z=={Kw4Gi4Cecb`TL=F#z-;o)K)%SG(!@S#|96Aap#!xMwLeKlJO9kxF1FA1SbSVC!
z2f;F`#WRAKmKgd{I@w`}6gjkDKd$gJ`O9Pg_UwWbk{b-&pgrT4Bc2W>8h+!X&cHg(
zP=6&U1QYe|4D}4ch49TJQxZdtVth`aFXb?kfnV?r;ju^f5YFl3Z^V#GA76CQoI=EY
zM?tuZ5l)16Dw#wKExu@-f`YssaumOM_#rG)3BrZ&$s@c7_qQ^M7}`<5#TTtpMo@o+
z_xl##OwS0P5yFdbe=7uHXzw?^O+t&W(zg|V(`STJ8{tOyCklZW+R#El+a$E3_%8{<
zD=?0qfEz~)jnQ$3f%bm?QN@6ZD}dd%l89oNB+{-GtK1iXuo-)79S-EYJE$@o-Y4?7UDo+1E;DIN`J$>Do-w4sN
z0&*C}oQ;UlbAqdDl>rg_hZnS&ooZ`@fB%Cifd`%#x+0skpb39#lO70!9*vBcn^&_hFT9)!RHPYm7r%}NB}mkNWYSTxx;!Mg}_TqhyIo15AcBfP5!
zhiw*-qC@%r?bn>9(ZDZKhS)qhfAeTKulfXq*`(;D}cv3mA{cg!wwC<
z71Vz%zFkB8Knvcfw8FcUc@zQZ#Q6Ptb
zm!Z)Sa3m)ZeEiaiFPg8EzynVV-KEc35ILKo*eS`m3jfdRS+0-+$hG4IwXrC?2VQs9
zsHezv#i$dz?}0#>iFaCVLTY!@@NZyM);tAiu9W67#&`1EY1RzLa<
zPY%BnRQ0w2P3YG9M}~gX#9Zq=8|Q&*k0Z916}KryLAQAkM9#iA4tSKOg2P!iC*4KN
zO9xXMNg3yXdy6B6B8D*jgd&MWQ@5F0sZYf-@OhwTZjEQxstDnq82Q8zLpET{w-zQS
zlK5Yg`{Vct*a^f?ARESfQ3!+JSqQa$@5~#7``bV~ff&LL1KB9%8~%Iqn2ZkLMYt!I
z0{Cm*34+Eb3}lDFqPPjgzjHPY;hi|Q@L(qqLxnIpj{?~@U>1c(e`l#cI1%2dK>m#w
zssy9+D3I*|vjbB#`VGnk5I%%+IxJHXLzQ849tE;prfc{s%MmVwZzc@W5<@>ZfX96l
z$i6(2fq(lQ!h>*q?aty5FF^qK6>ni$>~jQOJQD2gPapxb=L
z)zF3(?fuX;>2Es;E*di3TA_uAKH7k+)rqLghWpE9?3?xS>~N?HL-RA08W_g7=Gk)MVuC(5p4FQ!TFI
zr)DXGH_C6s={XA^nd*tQel|a^#C{gce72u?&b{-T-*@i0=bm$(ds2O~G7A$g699lk1+x|l
zw=0k{Oo5+g)|pkp4Wl(i&jtWyPUKV|IFttfrcHa5l+@Ktt!%AqOs%X1Rg{zjtq)ik
z@3q(ifMZ$M76)CQo*A-LJ$u-+6-(Q$2Ur{h!XgBQY<9g!_H)4SI6H^@BR3Bw?de?8
zLNQtoj}S8)T&>K_>b2Knh;jtilv1aykkj(=Uw%pv!1bhLoz#UQ)23J@>^9L1KI#3$x
zQ^5^NBWJ}jfU{H}XrA&MYWcfhr`A#IBI?ZhAc7z-yqGpKp2|hxzcl^Vy9VYlTAtLPR(*4K%9xQvu-ZExb3hQV!oxU;C!sxWR(>;Zfv}d7G86
ztWbN^Q0f_KTEM=!fLLZwS64z~okf*kmth{e4U}mE)2d$mW#xrT^G`pyge;DyzGrt^=apBcyy@TsSWH8mJf={jB*{^Z@AAs9_!hV
zL#w!SUr&R`P?p<~LC^VxHOsGWU&M8)UH4?Ny6~nf+#Rgi|m2CbEo(jUS@B=Zn9hw*8_l0Mz5FrLMo6K5d9W_
z)OS4FFZ*(gFI=44Kd5lxkL*#dQ8_4ew2M6nmSg|%v&EL(jk6e`l_?r<@@mE*@BX%22Q0a
zFZDfoLxbi8wVnK(%L2To9!J;|+Ae3)ckz!jFXT;}E#q=KGNy3jJ3Cu&_>`xSOW{&h
z<1?=ex1Tw&Zs$o|Ua_nhMs>PU+Fnvd{JMYHbMa+{8xk4jP@i_;Y-ZSToc+GVF+5&b
zS5;T(vS_nNB1Z~?4x{VwrT6Cw`&?E_6m{b0edxGL`Z`{BJwdEhXtq$e=#IIpoCZFa
zIjm34)ox}I62(iZFsqnj$}!^6TcTx)*!PC2iZ$UapS-SRxZy$&4De3Ev*Fdw^*?z~
zn>1bekw=XxW8@rcv@gd7sXcOav=`4yDh5Sd(a4Jpf5C9YL;Czy70U>Fb%`w}VmX)F
z1&ii|%uvdS7LO`^7QEMFZ;z=&qiqUfrR(f<0nY-8%-_*BHZ;0^aG1*C&f=Pd*)?yb
z`OJeeV|bEgN(8B1qI(_?l&!hsr6gaFNg!LGm6q;;?gfXqyq|LTN&9L0Ir}wS(bTfh
zk}JktVb;8=#ddXv_TfwGwQj1vjb(f><7#m%zt-K@74i942dtNRfrdd;y20SFJ|mVJ
z?r!TN+%Zv_MoEuno)wz$SaMIhu42gnZJMS<=7F1bZM)IitZGl!&u1@jP<4xv%@t#U
zvA1zp{r)^E*2mYY+g7~_-H0lD3rYv13eGk)n~}mQrq4@Lu-0Q4_9_vFm9UYhz`ha+l?Ys4njJ#1dkm
zz+X$2GpxYRv{<^*s4W+7^v*nRZ*pPV@i&*J<(Q^;KQxUhREe6KEY^C$qr_T{*cxQF&3mQ~YhrhCmVn%}i$U)j>;fo7)W;N~eUtGW%lMY}D#3;1(qaqyR{
zwq1SbfURAwy@hpZQ}mnV4`Lt2K4{c2;WN2l6V@rkeQ6^;haUdjIif%pciVC?KQW5vc@Pk^mg>8%~rb^Di&U{#4@}5;kN3uoP#^1Wo7pC
z+}jKu)yftg$pU+4266Wuo<4tpo-aBZ1;*ib7ytA+3f@N
zCImAJtc6i?NU}@vmE@z2CqAxg58$xnoWt01vi4!=Lz$CrZKxY8f|rHX25b7;8pYRD
zMBd@9Z_LjLcUYq*rH4PX(k+l9;D%hCtDvH~1dm!>%)U+hoE^tQ+|<^kN1lz;xSo`}
zVa>VvFm1o?m6fXxEA^SWtF5%
zve!Rx;majS^ODqz7cTT+sm0Y>KIQW{@wBH_q}QgioXf&ZwJ<6X8?VkfLsjDPLdR`9
z+Z>ZIX_&1qmQ@)Kz3&xaJ~rb}8a_ciIpJn$vZG#mwQ$C|yE8;iZ{c=Wyi^~XvfFWQ
zThZYh)0`XrgX%T9Sgj5-Tt$Z`*0t#3MWuzube8+Y`aa3o7yn`F9V0G7zuj6yvw-4l
z+D8^}`xy|d376wPCah1cuhH3TP<*HhXIWPEdPCCFmL^P7bkjaUk6y;L4QXZy#n0T^
zSmOBF&(`r7SZ;W2d%?-9%QG)A?`a;5l%Z71w%pr<@{S8DqPm^Jj_BuT55`?hN`EC*
zR+3TaaIllrm7i<%Yoc#+>aB&2I_7EX4tMPSAcZ;1(81XV?+Mqbwt2E~F9PorwzL-@&h(o;2)CT>93?E=$TwCp;o-
zo=kgh?J=LXF}q{J!#2ywya=km^{5U6nd@ulr^gQW&-QcC)mTLV$
zxMx?nXwt?wnRppxXY0W?m}}dtn)dYMwCJpfxBalGX>}p-`H?=e%wn6DA73ukKaWcz
zK5phq+9y^yD_Jz9>!W>l3%3JPt7?V5lb7SQf%LM$_w;>i?~f!7UEh;wS^aTm=FWl#
zdTc~i#uMQ~zQfN?yeU%7RW24;FLKr^OhAB-g*UBZcfQY?m>V&i1y7x|hjC3dR~xDZ
zYx*}9=nj;&G54M>$cV?qb{-&JjlCwFC6XnOnvaudzcdh+Uw)XFOiZcDN)rg0Hy}Tx
z-dWgZloj(#tw*-u(9nQH&+*QF(W3Lq;Am6O2!q`OfRiWyF0KId4#RCD0Cr0Nc)t?>
z=|BLut95
zp^HPG2VDp{FLVy*XdciFy%l;r^eX73(4RxkUp9-rT5%2oz|3O=Yz)+}Xngj=SFEz7
zAH+WE0`bqgXG00FB>*Mpa?oc&AFDOMAKZhU20aBU&Qznbgc*o%(v39^<@_;&p(_-W
z)d{W?b}fWaG@)xim!L!(|4tzcaSb{_TY|aRWEIN~UBNMdC6;sp{DTgzww@saSn&?%
zsL4&1p(Yy1&PaX1T86brbpdM0-*4Xy=APDunw>HXZ3PoDnF%mLAZ(s@oRrwV
zJJ`R1wR8;vr=&L2F_^)q*3eR`x_W~_@d_&JP~#2|3&ZjC5>MzL;6gSUZneT`x_VmDXlUv&k)!l4{y|i*)LwxNY+cIy#p6F%h;*+X;UI+|
zfuTtvG&G-@RHKGeZYt9NoQ{A4auW`xG{Qk*Ac2j{e9AH2s92g%4_Xf2(8r0lykFW&Wi*LmMM
zNm`H|Xnoejj{^!-g*Zq?Zi-dpf}gcTP-i!B02;CaSn)WakaP+MIc(|A0z&mj@&6x+
zj^@+jVgjI0XbJ}z46T#@6kEbO1$e7-fYDH%_kQ@E`dl-GgAA4r&p@f1Nj13834F1f
zV9KZ~g`h4K{LsVrbFD}};vg9b3?<#*w|k_LN&KjS-S_=U(%g?!%LGE9c=tv)NU=%1
zBFZGfxeQ9W>5@t(=>v@m4<-@82RM|fZtb6_D@9hDhB(MZTDwPU1xkVMX2Zf8&?kL)
zfL!?mZc(yubDAkn4LQwAYKrI!N{_;W*Cw#CpBd^J(ocp$6_Yy;fO5Xj2+%1#3o7^x
z4Cy6|=%>h~fT2V-%K5@0k(8sq$4(^D{dppu0)`k+A{*s=;cmk3!2}YJUZneT`x_W)
zqbQLLPYQ&N(xbn!A$@^J@92ArEckC=s1Rl6Q6d}e;-PBCu{&8>SjE4Io-=!i0q5<7YvUDn9{V46t9BCr
literal 0
HcmV?d00001
diff --git a/pc4mobx/prj/components/portal/LSimg/working.png b/pc4mobx/prj/components/portal/LSimg/working.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e53a7576d856df6323fcd0d354e8bb71a940168
GIT binary patch
literal 14505
zcmds-30zFuAHdH{+e~SZ_M}a=gd&ep4+DQyaE6B3D@Xpu^*R3xUPhmtmw
zqD@iKqD6~T+MA~Jf6r*{!?Q&FJWu~KG2m`8oYykxUAr#!ZKYVTO_R=6tW)?w$4_V%IYL#fT7&BKMnB6ip5
zoO67eA}zp5E%()O<-*4;7)b_t5ZnCmtG3v5dl
z&F0Lh8*@w1oTCdwd_k=kXEO`NM+@XG+M3G+a``~QmcRaB2Il~Eh|RnYB1lSNi|8}sF|PWzWz?{)X$-)@
zOV5X0$q2XxDKE?iA}g>!W!8)WIuUich$ST%wXue_?#ToU$jtLE2>iWdDOa-p69LEW
z&f0p>`ukQll#O}kbC}{A#6kl@#Agti>C_9S0U$srzBjr;(Wkkop{~ia*{Y*AJ95;r
z(?(1|w5w(`^)!|qaBM2-s4#47ETgl{!6evcSjKJ#6*^!~4aHz-B|c&s^Al%^CvnBF
z(yZ`{nz^fmW-_y|v`g%|n6~7Vr^49MI-6Qgmwx2xXr*%}*cYr66qgz0HnPunuS2|+
zS92b{vh-eZv-oI^`;if^`Nj3iZtPgdeX2|E&ty%pjXA_STE1&VANkjFwj7b^5)K%_
z`#G`#(g}^sO}CkDrfRam()M)`0U%+9uOom7Xz%PU1tt5#71%c78
z07!k!x8uq=UiF7K0M{V#b7JXI-O3T0FQmi)H8TkH*F-Tlg9f#Ji>TbFDnHLut^bGFL?A)bOcP
zHR*Fl6F1X6!`ds|xgsoZ>S4rzV!LJR2Ce~-mc;@$XUV(Xj*Kb({k6RvIDE>>#I;zO
z&GhsO;~l3@sv7;NCom_6$D~nDR>xb`L`d&92X4X4aN`c#Y^8b0fT#;xKzsZ?`)5W_Tm%cw&%qv9nip~-Zm)JR%ZHA#A
zVK&>NvkjY=MJ0S>*0Zd)BvcZlqPIjVlyI1bs?TZlv3~Tj0hj1X5()H8@?rPUI6L&{
zK|>OkT((EOIzDo?R`fZ}4YIox8|g1ykWmhbxVpI@HvAdxs)yW#ZR@Qg95feiIT<@+
znSHQCK?sjZUbIwH>62h{GjsBu#VvLz_-eOVs)0`eODtbAwKTW5^*T;tJ;CahL)bNs
z-;)0ze+*v||KcF^%M4EggL1bnc`hRuWOknYyp6Wrg8l`ExP2dU`pfz2_`CQwU)`#G
zKwGhtc$H=AHEs55J9Q3UUZ?$+=BrrzGoEXuu|nE+W0%JlYB_3oYZh%bj7m2gIW}m*
zns~x}UBn4O)K-(Ehx}(mc^=B_?$T2(+pj~{y3q3c#$DSJDQ)Tw3`2qriw~-AQ8{qc
zlw|5_8rHP00K@k1Ms4TH7oi&pMGILA4@%KVDN5ZavxqZ|bBX({!nq>7VpseAcAoau
ziVl0*Fr~1CVSRGea%6ja%JP)WDefti_C;?Lo|?20Tkw64``B8li`Dw9d!zbz-*l99
z6bt{hWEpO`55JZ43X{%!ACuRX=gpIgJCE00nVz>N#W!nDRPp+#xyf_ho-}(U>%^;I
zO0t=`i?rbbnMZ_CbrTnV{Ll17SU~yqACX$>R)k2;|*j9djyX?*->P
z|3-ngDJ8d__C=6;V)
z^WvQjJN0)CrOnd#D|AkH*%IsA%B=0RX?X{Ydc#+}i{Pm*me;pH(*9>qHT*hQr0?GDW>5
z|2EE}R?W&IS=gLEh?jDhYyJY6tBc-jzPZJ2pB;H&8L2^k$SlpP%RBb;omG_Dr7$ntakajzzR#f*?&moJ6BQfXM3glb^Jz53?A<6dqx*P>yM}6dgAvr%Vl*-KK9n11
zyHheDjj-+6(i+pzHxzM}V?2k_d=fO16aFescGB;v70Xb)%Omc&h1YSBw1HO2A5P|-
zC5Q9&ri
z=g0zHe?yWj=}P=S!n)+9dfiQirHA^6))f^mHzYl7ZzZ%wx9%m8^)s$-NV8Z|`s73>
zYn))$nMOfF>kTjME;?KEc@^9&cw9gyYb@KoJ^wbTvisulsD9_LBL;aoBXQS~(qGJ}
zD9fmJJlMnLCd9q!WyiU;)LW8Hx|V6Ghx_)HyggR!EwD>4C8NouI$6z8BRkyt;H861
z{i+?U7IrpPRo62z67kkr%g@Xr$k{fAxY|^Nvf&IA1|-wVmnetxW3({bvHS$U3Yc7UGK)$RmB}oj|^I5mL7OM@O+WM1!7vq
z!#2UBy>qH(CQGFB4LJ0-^ExuWRj)E|_IA2HoL({VhG~%f&5@g>oU5Q%0TB-Ot@iX3G!oq^A0%_fU6#CW0B*x4rdhDVzMr=KBt+{5T
ze(3iiz2Wjs7K&$4Mm#aLXMe}F*z0mR;yJ>pg+%$T%foSnm4`c$J5p+L(u9NN4J(am
z_7o4A8`U?vEWSPb&?O>?pG8n3l2g9#3MG$*3
zh)N+k4^dG>1rXs`mM5q*nj6QVVUmLvKU(L#DYrCNqrT7W@x8^ACjtAR<%cemI`
zXDJwbeijT?2G2r#KzagDK~xb@enh`jnvomsA)1D03ZsN+J>&enfR01*TkW9bzZnd+
z(7=-;VDN=MtaU4*n-N`%TAX~M7%_1jQ4-@^%TnBuquAME4y&BFOc;!uV+OmO8e)16qM8%0V$vlO5DVv#?s*5l
zGHAlaz6v%L0A4-@VDZQf!&l^sV57Y?pg(;R
z(@5ttC&Ug^WHtG($pBKb2OY;k4`$^=3U(SCa6d1f1%oZse^(Vk9YJm!*!{*^>Suz2?h>J2(7!LqC&A!AG5$=!?)Ni_6Z8-I`8oLq7#z~a
zM?W}F{F~3z=X{3w&@Wr)C-nDI@&Oop`NH=UQVjN-o}JK^*W`v1P5U~oc<2%P)GfM0R%&VgSz@VMs
zAAb~Xi5p;=4+q^T6X^H4aSp0c>OvDP5)pyxsYwZwlrz9dyHjm20}SZTGCB(3>m|#s*r^yBTL2e*ib~wg`}O
zOwsEwF@i30|62f<
zBpk{?+kS&vWD^oB`@9LQV4*Qe$uWRib_TTz;lRiMAU}eOaR4CP*vKGYmXAip7&>Ym
zgri=25lB6L;}6O~1B3g16B3-%L1e_+F`=@bDnx4$8r)Fr70^FQ0nCcmrUDM-pmjyK
znfb#6!Z8SIqxB8dUk8+TQ#v#cwj7py0eU{c1j<1JgFCc8Oa_r|HdKeS(74bG5|H=V
zyB8}h54PxNR~hYeqDPd2))nElGs{Ho9(d{w2CLwU_v=E(DT6#?r;&nxzoZANE}+jC
zv;d)4*4#jf&|Cr3>k$4s1aeS?W~~W16B^I^;sFllP`@U0)1{E9lM7PpBdCWa=&kg8
z%I~1CjA$Ngsqch>HXsL8XkD>}mN6AaIC8S6-2)g#cGMiTrKnKv-d$8EmD>PJ9Tcn!
z<)DFmy$Mhkznp+j)70)GP}9+Z|A69I4Ok!)9TQq+AaCDfT8d@|<)DGVeey{QmUZ?!
zC>-22c_*KOVqSaaA5c>?%SSnAV1yA|f8T$$Xbyh>1~XxF9tN_JB;4>D
zfO$WmK)-yTpP&1h;2&TR0!HUyAR9?~!1JF_Jg9;8FMLJtNiYZkqw_G3jU-S0WMD7`
z?E(G!l6*F}4sZG;zZ#(Z8^7dt9yB<3{N=vPc^~eV{FaIa2q(
+
+
+ );
+ }
+}
diff --git a/pc4mobx/prj/components/portal/TaskView.js b/pc4mobx/prj/components/portal/TaskView.js
new file mode 100644
index 0000000..2698534
--- /dev/null
+++ b/pc4mobx/prj/components/portal/TaskView.js
@@ -0,0 +1,403 @@
+import React from 'react';
+import {withRouter} from 'react-router';
+import { Button, Tabs, Card, Tooltip, Row, Col, Spin, Menu, Select, Modal } from 'antd';
+const Option = Select.Option;
+import { inject, observer } from 'mobx-react';
+import { WeaTab, WeaTop, WeaSelect, WeaSteps, WeaNewScroll, WeaDropdown, WeaTools, WeaRightMenu } from 'ecCom';
+import { toJS } from "mobx";
+const { SubMenu } = Menu;
+const Step = WeaSteps.Step;
+const TabPane = Tabs.TabPane;
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+import TaskList from '../common/TaskList'
+//项目思维导图
+import MindMapPage from "../single/mindmap/MindMapPage";
+import TaskBoard from '../single/taskBoard/taskBoard';
+import TaskCardNew from "../single/task/TaskCardNew";
+import RelateListDialog from "../dialog/relateListDialog"
+import taskBatchEditDialogStore from '../../stores/taskBatchEditDialogStore';
+import "./index.less";
+@inject("projectCardStore")
+@withRouter
+@observer
+class TaskView extends React.Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ selectkey : "1"
+ };
+ }
+
+ componentWillReceiveProps(nextprops) {
+ const {prjid} = this.props;
+ if(prjid==''||prjid==null){
+ if (this.props.location.key !== nextprops.location.key) {
+ const { projectCardStore } = nextprops;
+ const { getRightMenu } = projectCardStore;
+ getRightMenu({type:'taskview'});
+ }
+ }else{
+ if (this.props.prjid !== nextprops.prjid) {
+ const { projectCardStore } = nextprops;
+ const { getRightMenu } = projectCardStore;
+ getRightMenu({type:'taskview'});
+ }
+ }
+ }
+
+ render() {
+ const { location,projectCardStore:{ taskInfoStore, canEdit, prjCardStore, taskListStore, getRightMenu},fromPortal } = this.props;
+ let prjid = this.props.prjid;
+ if(prjid==''||prjid==null){
+ prjid = location.query.prjid;
+ }
+ const account = WeaTools.ls.getJSONObj('theme-account');
+ const height = document.body.offsetHeight - 122;
+ let scrollHeight = ($(".e9theme-layout-header").length > 0 || $(".e8theme-layout-header").length > 0) ? height - 55 : height;
+ if(fromPortal){
+ scrollHeight = scrollHeight - 51;
+ }
+ return (
+ this.place = ref} />
+
+ );
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/kanban/style/index.less b/pc4mobx/prj/components/kanban/style/index.less
new file mode 100644
index 0000000..1178513
--- /dev/null
+++ b/pc4mobx/prj/components/kanban/style/index.less
@@ -0,0 +1,556 @@
+.kanban-scroller {
+ width: 100%;
+ height: calc(100% - 10px);
+ overflow-x: auto;
+ a{
+ display: inline-block;
+ }
+ .kanban-container {
+ height: 100%;
+ background: white;
+
+ .addNewStage {
+ width: 300px;
+ height: 52px;
+ line-height: 52px;
+ border-radius: 8px;
+ background: rgba(77,77,77,.5);
+ color: #fff;
+ font-size: 14px;
+ cursor: pointer;
+ margin: 10px;
+ box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
+ }
+
+ .addNewStage:not(.Hidden) {
+ display: inline-block
+ }
+
+ .addNewStage i {
+ width: 32px;
+ height: 32px;
+ line-height: 32px;
+ display: inline-block;
+ text-align: center;
+ vertical-align: top;
+ margin: 10px 10px 0;
+ background: transparent;
+ border-radius: 8px;
+ font-weight: bold;
+ }
+
+ .addNewStage:hover {
+ background: rgba(77,77,77,.75)
+ }
+
+ .addNewStage:hover i {
+ color: #9e9e9e;
+ background: #fff
+ }
+ .kanban-group-place {
+ border: 0px dashed #1890ff;
+ display: none;
+ margin: 10px;
+ line-height: 1.5;
+ padding: 0;
+ border-radius: 2px;
+ vertical-align: top;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 10px;
+ }
+ .kanban-group-item-place {
+ border: 0px dashed #1890ff;
+ display: none;
+ line-height: 1.5;
+ padding: 0;
+ border-radius: 2px;
+ vertical-align: top;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ .kanban-group {
+ height: e("calc(100% - 20px)");
+ width: 300px;
+ display: inline-block;
+ font-size: 14px;
+ line-height: 1.5;
+ color: rgba(0, 0, 0, .65);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 10px;
+ padding: 0;
+ list-style: none;
+ background: #eef0f4;
+ border-radius: 8px;
+ position: relative;
+ vertical-align: top;
+ box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
+ &.moving {
+ box-shadow: 0 6px 100px 0 rgba(0, 0, 0, .35)
+ }
+ .kanban-group-head {
+ background: #eef0f4;
+ border-bottom: 1px solid #e8e8e8;
+ padding: 0 24px;
+ border-radius: 8px;
+ zoom: 1;
+ margin-bottom: -1px;
+ min-height: 48px;
+ .kanban-group-head-wrapper {
+ cursor: pointer;
+ .kanban-group-head-title {
+ font-size: 15px;
+ padding: 16px 0;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: rgba(0, 0, 0, .85);
+ font-weight: 500;
+ display: inline-block;
+ }
+ .kanban-group-head-extra {
+ float: right;
+ padding: 17.5px 0;
+ text-align: right;
+ margin-left: auto;
+ }
+ input{
+ width: 250px;
+ height: 44px;
+ margin: -12px 10px -2px 0px;
+ padding: 0 13px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ font-size: 15px;
+ color: #333;
+ line-height: 1.5;
+ }
+ }
+
+ }
+ .kanban-group-body {
+ zoom: 1;
+ overflow-y: auto;
+ width: 100%;
+ .kanban-group-item-place{
+ transition: all 1s;
+ }
+ .kanban-item {
+
+ border-bottom: 1px solid #e8e8e8;
+ margin: 0 5px 5px 5px;
+ box-shadow: 0 1px 3px rgba(0,0,0,.2);
+ background-color: white;
+ border-radius: 8px;
+ position: relative;
+ cursor: pointer;
+ overflow: hidden;
+ &:not(.moving){
+ transition: all 1s;
+ }
+ :hover{
+ background-color: rgb(226, 226, 226);
+ .kanban-item-icon{
+ color:white;
+ }
+ .kanban-item-landmark{
+ color:white;
+ }
+ }
+ &.moving {
+ box-shadow: 0 6px 100px 0 rgba(0, 0, 0, .35)
+ }
+ .kanban-item-extra-wrapper{
+ padding: 8px 24px;
+ }
+ .kanban-item-extra {
+ width: 58px;
+ display: inline-block;
+ vertical-align: top;
+ }
+ .kanban-item-landmark{
+ width: 24px;
+ height: 24px;
+ border-radius: 100%;
+ // background-color: #e9e9e9;
+ float: right;
+ vertical-align: top;
+ margin-left: 8px;
+ font-size: 24px;
+ color: #e9e9e9;
+ position: relative;
+ top: -23px;
+ }
+ .kanban-item-manager{
+ width: 24px;
+ height: 24px;
+ border-radius: 100%;
+ background-color: #e9e9e9;
+ float: right;
+ vertical-align: top;
+ position: relative;
+ top: -23px;
+ margin-left: 8px;
+ margin-bottom: 5px;
+ .kanban-item-manager-img{
+ width: 24px;
+ height: 24px;
+ border-radius: 100%;
+ }
+ }
+ .kanban-item-icon{
+ width: 24px;
+ height: 24px;
+ border-radius: 100%;
+ /* background-color: #e9e9e9; */
+ float: right;
+ vertical-align: top;
+ position: relative;
+ top: -23px;
+ margin-left: 8px;
+ font-size: 23px;
+ color: #e9e9e9;
+ }
+ .kanban-item-finish{
+ left: 0px;
+ position: absolute;
+ width: 4px;
+ background-color: gray;
+ height: 110%;
+ display: inline-block;
+ // top:8px;
+ margin: auto;
+ .kanban-item-finish-status{
+ width: 100%;
+ bottom: 0px;
+ z-index: 10;
+ position:absolute;
+ left: 0;
+ bottom: 0;
+ }
+ }
+ .kanban-item-main {
+ display: inline-block;
+ width: 100%;
+ .kanban-item-main-meta {
+ margin-bottom: 8px;
+ .kanban-item-main-meta-avatar {
+ margin-right: 16px;
+ }
+ .kanban-item-main-meta-content {
+ display: inline-block;
+ width: 100%;
+ .kanban-item-main-meta-title {
+ color: rgba(0, 0, 0, .85);
+ margin-bottom: 12px;
+ font-size: 13px;
+ line-height: 24px;
+ .title-content{
+ width: 67%;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ height: 24px;
+ }
+ }
+ .kanban-item-main-meta-description {
+ color: rgba(0, 0, 0, .45);
+ font-size: 12px;
+ line-height: 22px;
+ // white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+ }
+ .kanban-item-action {
+ margin-left: 0px;
+ font-size: 0;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding: 0;
+ list-style: none;
+ &>li {
+ display: inline-block;
+ color: rgba(0, 0, 0, .45);
+ cursor: pointer;
+ position: relative;
+ font-size: 14px;
+ line-height: 22px;
+ text-align: center;
+ &:not(:first-child) {
+ padding-left: 8px;
+ }
+ padding-right: 8px;
+ }
+ .kanban-item-action-split {
+ background-color: #e8e8e8;
+ margin-top: -7px;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 1px;
+ height: 14px;
+ }
+ }
+ }
+ }
+ }
+
+ .kanban-group-addNewTask{
+ position: relative;
+ padding: 0;
+ background-color: #e4e7ec!important;
+ border-bottom: 1px solid #e8e8e8;
+ margin: 0 5px 5px 5px;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+ background-color: white;
+ // border-radius: 8px;
+ position: relative;
+ // cursor: pointer;
+ overflow: hidden;
+ .managericons{
+ position: absolute;
+ top: 7px;
+ right: 35px;
+ display: inline-block;
+ width: 25px;
+ height: 25px;
+ margin-left: 5px;
+ vertical-align: top;
+ cursor: pointer;
+ font-size: 19px;
+ }
+ .kanban-group-manager{
+ position: absolute;
+ top: 10px;
+ right: 19px;
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ margin-left: 5px;
+ cursor: pointer;
+ font-size: 19px;
+ border-radius: 100%;
+ background-color: #e9e9e9;
+ vertical-align: top;
+
+ .kanban-group-manager-img{
+ width: 25px;
+ height: 25px;
+ border-radius: 100%;
+ }
+ }
+ .kanban-group-landmark{
+ position: absolute;
+ top: 55px;
+ right: 27px;
+ margin-left: 5px;
+ cursor: pointer;
+ font-size: 19px;
+ border-radius: 100%;
+ background-color: rgb(233, 233, 233);
+ vertical-align: top;
+
+ span.ant-input{
+ position: static;
+ display: table-footer-group;
+ cursor: pointer;
+ }
+ .wea-rangerpicker {
+ position: static;
+ display: block;
+ width: 0%;
+ }
+ .ant-calendar-picker {
+ position: static;
+ display: block;
+ width: 0%;
+ }
+ .ant-calendar-range-picker-input{
+ display: none;
+ }
+ .ant-calendar-range-picker-separator{
+ display: none;
+ }
+ .ant-calendar-range-picker-input{
+ display: none;
+ }
+ .picker-icon{
+ position: absolute;
+ // -webkit-user-select: none;
+ // -moz-user-select: none;
+ // -ms-user-select: none;
+ user-select: none;
+ // -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
+ // -o-transition: all .3s cubic-bezier(.645,.045,.355,1);
+ // transition: all .3s cubic-bezier(.645,.045,.355,1);
+ width: 12px;
+ height: 12px;
+ line-height: 12px;
+ right: 0px;
+ top: 63%;
+ margin-top: -6px;
+ color: #b2b2b2;
+ font-size: 17px;
+ }
+ }
+ }
+ .topBox{
+ border: 1px solid #48a3ce;
+ background-color: #fff;
+ border-radius: 3px
+ }
+ .ThemeBorderColor3 {
+ border-color: #424242!important;
+ }
+
+ .teaStageNameBox {
+ width: 100%;
+ border-right: 65px solid transparent;
+ textarea{
+ border: 0px solid #d9d9d9;
+ resize:none
+ }
+ // height: 50px;
+ .teaStageName{
+ display: block;
+ overflow: hidden;
+ width: 100%;
+ padding-top: 5px;
+ padding-left: 5px;
+ resize: none;
+ border: 0;
+ border-radius: 3px;
+ height: 80px;
+ overflow-y: hidden;
+ }
+ }
+ }
+ .kanban-group-footer{
+ // background-color: #eef0f4;
+ border-radius: 0 0 3px 3px;
+ height: 44px;
+
+ .btnBottomNew{
+ // float: right;
+ background-color: #fff;
+ color: rgb(59, 56, 56);
+ line-height: 32px;
+ display: inline-block;
+ height: 32px;
+ margin: 6px 5px;
+ padding: 0 18px;
+ cursor: pointer;
+ border-radius: 18px;
+ box-shadow: 0 1px 2px rgba(0,0,0,.12);
+ font-size: 12px;
+ // :hover{
+ // color: #fff;
+ // background: #757575;
+ // }
+ }
+ .btnBottomNew:hover {
+ background-color: rgb(59, 56, 56);
+ color: white;
+ }
+ .btnBottomSubmit{
+ float: right;
+ background-color: #fff;
+ color: #3b3838;
+ line-height: 32px;
+ // display: inline-block;
+ height: 32px;
+ margin: 6px 5px;
+ padding: 0 18px;
+ cursor: pointer;
+ border-radius: 18px;
+ box-shadow: 0 1px 2px rgba(0,0,0,.12);
+ font-size: 12px;
+ }
+ .btnBottomSubmit:hover {
+ background-color: rgb(59, 56, 56);
+ color: white;
+ }
+ .footer-card {
+ padding: 15px;
+ width: 100%;
+ position: absolute;
+ z-index: 1;
+ bottom: 0;
+ left: 0;
+ border-bottom: 1px solid #eaeaea;
+ border-top: 1px solid #eaeaea;
+ background: #fff;
+ box-shadow: 0 -2px 6px rgba(0,0,0,0.12);
+ textarea{
+ border-radius: 3px;
+ }
+ .card-content{
+ // padding : 20px 0 0 0 ;
+ // height: 100px;
+ width: 100%;
+ border-radius: 3px;
+ border: 1px solid #d9d9d9;
+ font-size: 11px;
+ .clearFix{
+ border-width: 0 0 1px 0;
+ border-style: solid;
+ border-color: #d9d9d9;
+ }
+ .kanban-group-manager{
+ // position: absolute;
+ // top: 2px;
+ // // right: 19px;
+ // display: inline-block;
+ // width: 24px;
+ // height: 24px;
+ // margin-left: 5px;
+ // cursor: pointer;
+ // font-size: 19px;
+ // border-radius: 100%;
+ // background-color: #e9e9e9;
+ // vertical-align: top;
+
+ // .kanban-group-manager-img{
+ // width: 25px;
+ // height: 25px;
+ // border-radius: 100%;
+ // }
+ .wea-associative-search {
+ min-height: 30px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: rgb(217, 217, 217);
+ border-image: initial;
+ border-radius: 3px;
+ }
+ }
+ .content-landmark {
+ margin-left: 9px;
+ span.ant-input{
+ position: static;
+ cursor: pointer;
+ }
+ .picker-icon + span {
+ margin-left: 20px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+div.kanban-item-landmark:hover span {
+ color: rgb(161, 161, 161);
+}
+
+
diff --git a/pc4mobx/prj/components/list/listCondition.js b/pc4mobx/prj/components/list/listCondition.js
new file mode 100644
index 0000000..48b5ead
--- /dev/null
+++ b/pc4mobx/prj/components/list/listCondition.js
@@ -0,0 +1,44 @@
+import { WeaSearchGroup,WeaFormItem,WeaBrowser,WeaLocaleProvider} from 'ecCom';
+import { Button,Form } from 'antd';
+import {toJS} from "mobx"
+import {WeaSwitch} from "comsMobx"
+import { inject, observer} from 'mobx-react';
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class Condition extends React.Component{
+
+ render(){
+ const { condition, } = this.props.listStore;
+ const {form,onEnterSearch} = this.props;
+ const {isFormInit} = form;
+ let group = [];
+ isFormInit && toJS(condition).map((c,i) =>{
+ let items = [];
+ c.items.map((fields,index) => {
+ items.push({
+ com:( this.itemPlace = ref} />
+ {this.props.addAction}
+
+
+ {mindMapStore.nodeTreeData && {
+ 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"
+ > }
+ { mindMapStore.initPath(query);}} />
+ {/* */}
+
+ )
+
+ }
+
+ 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
+ {getLabel(2012, "对不起，您暂时没有权限！")}
+
+ {_this.getReleateCrmOrCpt("crm")}
+ } else if (tabDatas1[i].id == key && tabDatas1[i].shortname == "cpt") {
+ return {_this.getReleateCrmOrCpt("cpt")}
+ _this.addCapital(ids, names, datas)} customized={true} hasAdvanceSerach={true}>
+
+ } else if (tabDatas1[i].id == key && tabDatas1[i].shortname == "") {
+ if (tabDatas[i].linkurl.indexOf("noright") > -1) {
+ return
+ {getLabel(2012, "对不起，您暂时没有权限！")}
+
+
+
+
+
+ )
+ }
+ return ()
+ }
+ getReleateCrmOrCpt(type) {
+ const { taskRelRight: { hasRight, verified }, taskCrmStore, taskCptStore } = this.props.taskCardStore;
+ if (verified && !hasRight) {
+ return (
+
+
+
+
+ {
+ typeof tabUrl === "object" ? tabUrl :
+
+ }
+
+
+
+ {getLabel(2012, "对不起，您暂时没有权限！")}
+
+
+ {getLabel(2012,"对不起，您暂时没有权限！")}
+
+
+ {getLabel(2012,"对不起，您暂时没有权限！")}
+
+
+
+
+
+ )
+ }
+ return ()
+
+ }
+
+ getRightMenu(){
+ let btns = [];
+ btns.push({
+ key: "search",
+ icon: ,
+ content:getLabel(197,"搜索"),
+ onClick: this.forwardQueryResult.bind(this)
+ });
+ return btns;
+ }
+ getSearchButtons() {
+ const { prjMonitorStore } = this.props;
+ const {clearFormFields,setSelectedTreeKey} = prjMonitorStore;
+ const btnStyle = {borderRadius: 3, minWidth: 80}
+ return [
+ (),
+ (),
+ ()
+ ]
+ }
+ forwardQueryResult(){
+ const path = "/monitorResult";
+ this.context.router.push({
+ pathname: "/main/prj"+path
+ });
+ }
+}
+
+export default WeaTools.tryCatch(React,
+ props =>
+
+
+ {this.getSearchButtons()}
+
+
+
+
+
+
+ { this.state.selectkey == "1" && {getRightMenu({type:'taskview'});}}/>}
+ { this.state.selectkey == "2" &&
+ {getRightMenu({type:'tasklist'});}} getRightMenu={getRightMenu} />
+ }
+ { this.state.selectkey == "3" && }
+ { this.state.selectkey == "4" && }
+ { this.state.selectkey == "5" && }
+
+
+
+
+
+ )
+ }
+
+ addOnClick = () =>{
+ const { location,projectCardStore:{ taskInfoStore } } = this.props;
+ let prjid = this.props.prjid;
+ if(prjid==''||prjid==null){
+ prjid = location.query.prjid;
+ }
+ if(this.state.selectkey == "1"){
+ taskInfoStore.handleDialog(true, "add", '', { prjid: prjid, parentid: "" });
+ }else if(this.state.selectkey == "2"){
+ prjCardStore.taskInfoStore.handleDialog(true, "add", '', { prjid: prjid, parentid: "" });
+ }
+ }
+
+ getButtons = () =>{
+ const {selectkey} = this.state;
+ const { projectCardStore, fromPortal, changeCallBack } = this.props;
+ const { rightMenu, prjid, taskInfoStore, prjCardStore, status, isApprove, getRightMenu } = projectCardStore;
+ const { approveplanstatus } = prjCardStore;
+ let btnArr = [];
+ btnArr.push(
+
+ {getLabel('19407','布局')}
+
+
+ );
+ rightMenu && rightMenu.length > 0 && rightMenu.map(m => {
+ let disabled = false;
+
+ if (approveplanstatus == true) {
+ if (m.type == "BTN_DOSUBMIT") {
+ disabled = true;
+ }
+ }
+
+ if(prjCardStore.taskInfoStore.selectedRowKeys.length == 0){
+ if(m.type == "BTN_DELETEBATCH"){
+ disabled = true;
+ }
+ }
+
+ if(prjCardStore.taskInfoStore.selectedRowKeys.length == 0){
+ if(m.type == "BTN_SUBMITEDIT"){
+ disabled = true;
+ }
+ }
+
+ if((status == '-1' || isApprove)){
+ if(m.type == "BTN_BREAKDOWN"){
+ disabled = true;
+ }
+ }
+
+ m.isTop == '1' && btnArr.length < 4 && btnArr.push(
+
+ );
+ });
+ return btnArr;
+ }
+
+ getRightMenu() {
+ const { projectCardStore } = this.props;
+ const { rightMenu, prjCardStore, status, isApprove } = projectCardStore;
+ const { approveplanstatus } = prjCardStore;
+ let btnArr = [];
+ rightMenu && rightMenu.length > 0 && rightMenu.map(m => {
+ let disabled = false;
+
+ if (approveplanstatus == true) {
+ if (m.type == "BTN_DOSUBMIT") {
+ disabled = true;
+ }
+ }
+
+ if(prjCardStore.taskInfoStore.selectedRowKeys.length == 0){
+ if(m.type == "BTN_DELETEBATCH"){
+ disabled = true;
+ }
+ }
+
+ if(prjCardStore.taskInfoStore.selectedRowKeys.length == 0){
+ if(m.type == "BTN_SUBMITEDIT"){
+ disabled = true;
+ }
+ }
+
+ if((status == '-1' || isApprove)){
+ if(m.type == "BTN_BREAKDOWN"){
+ disabled = true;
+ }
+ }
+
+ btnArr.push({
+ icon: ,
+ content: m.menuName,
+ disabled: disabled
+ })
+ });
+ return btnArr
+ }
+
+ onRightMenuClick(key) {
+ const {selectkey} = this.state;
+ const { projectCardStore, fromPortal, changeCallBack } = this.props;
+ const { rightMenu, prjid, taskInfoStore, prjCardStore, getRightMenu } = projectCardStore;
+ const { relateListStore } = prjCardStore;
+ rightMenu && rightMenu.length > 0 && rightMenu.map((m, i) => {
+ if (Number(key) == i) {
+ if (m.type == "BTN_ADDTASK") { //添加任务
+ if(selectkey == "1"){
+ taskInfoStore.handleDialog(true, "add", '', { prjid: prjid, parentid: "" });
+ }else if(selectkey == "2"){
+ prjCardStore.taskInfoStore.handleDialog(true, "add", '', { prjid: prjid, parentid: "" });
+ }
+ } else if (m.type == 'BTN_DOSUBMIT') { //提交执行
+ Modal.confirm({
+ title: getLabel(15172, "系统提示"),
+ content: getLabel(83919, "你确定要提交执行吗？"),
+ onOk() {
+ prjCardStore.doPlanOpt_task({ method: 'approveplan', prjid: prjid, callBack: ()=> {
+ if(fromPortal){
+ changeCallBack();
+ }
+ if(selectkey == "1"){
+ getRightMenu({type:'taskview'});
+ }else if(selectkey == "2"){
+ getRightMenu({type:'tasklist'});
+ }
+ } });
+ },
+ onCancel() { },
+ });
+ } else if (m.type == 'BTN_APPSUBMIT') { //提交执行(审批)
+ Modal.confirm({
+ title: getLabel(15172, "系统提示"),
+ content: getLabel(83921, "你确定要提交审批吗？"),
+ onOk() {
+ prjCardStore.doPlanOpt_task({ method: 'submitplan', prjid: prjid, callBack: ()=> {
+ if(fromPortal){
+ changeCallBack();
+ }
+ if(selectkey == "1"){
+ getRightMenu({type:'taskview'});
+ }else if(selectkey == "2"){
+ getRightMenu({type:'tasklist'});
+ }
+ } });
+ },
+ onCancel() { },
+ });
+ } else if (m.type == 'BTN_TASKEXPORT') { //导出任务
+ prjCardStore.doTaskExcelExp({ prjid: prjid });
+ } else if (m.type == 'BTN_SAVEPLAN') { //存为计划版本
+ prjCardStore.saveasplan({ method: 'saveasplan', prjid: prjid },() =>{prjCardStore.initData(prjid);});
+ } else if (m.type == 'BTN_TASKHISTORY') { //历史版本
+ relateListStore.handleRelateDialog(true, "history", prjid)
+ } else if (m.type == 'BTN_NOTEMEMBER') { //通知成员
+ if(selectkey == "1"){
+ relateListStore.handleRelateDialog(true, "notice", prjid);
+ }else if(selectkey == "2"){
+ prjCardStore.relateListStore.handleRelateDialog(true, "notice", prjid);
+ }
+ } else if (m.type == 'BTN_ONREQUEST') { //相关流程
+ if(selectkey == "1"){
+ relateListStore.handleRelateDialog(true, "request", prjid);
+ }else if(selectkey == "2"){
+ prjCardStore.relateListStore.handleRelateDialog(true, "request", prjid);
+ }
+ } else if (m.type == 'BTN_ONDOC') { //相关文档
+ if(selectkey == "1"){
+ relateListStore.handleRelateDialog(true, "doc", prjid);
+ }else if(selectkey == "2"){
+ prjCardStore.relateListStore.handleRelateDialog(true, "doc", prjid);
+ }
+ } else if (m.type == 'BTN_ONCOWORK') { //相关协作
+ if(selectkey == "1"){
+ relateListStore.handleRelateDialog(true, "cowork", prjid);
+ }else if(selectkey == "2"){
+ prjCardStore.relateListStore.handleRelateDialog(true, "cowork", prjid);
+ }
+ } else if (m.type == 'BTN_LOG') { //日志
+ relateListStore.handleRelateDialog(true, "log", prjid)
+ } else if(m.type == "BTN_DELETEBATCH" ){ //批量删除
+ prjCardStore.delTaskBatch("delbatch",{callBack: ()=> {
+ if(selectkey == "2"){
+ getRightMenu({type:'tasklist'});
+ }
+ }});
+ } else if(m.type == "BTN_EDITBATCH" ){ //批量编辑
+ prjCardStore.setIsBatchEdit(1);
+ prjCardStore.getPrjTaskList();
+ prjCardStore.resetTaskInfoStore();
+ getRightMenu({type:'taskBatchEdit'});
+ } else if(m.type == "BTN_BACK" ){ //返回
+ prjCardStore.setIsBatchEdit(0);
+ prjCardStore.getPrjTaskList();
+ prjCardStore.resetTaskInfoStore();
+ getRightMenu({type:'tasklist'});
+ } else if(m.type == "BTN_SUBMITEDIT" ){ //提交编辑
+ taskBatchEditDialogStore.setVisible(true);
+ } else if(m.type == "BTN_BREAKDOWN" ){ //任务分解
+ prjCardStore.triggerBreakDownWF({callBack: ()=> {
+ if(fromPortal){
+ changeCallBack();
+ }
+ if(selectkey == "1"){
+ getRightMenu({type:'taskview'});
+ }else if(selectkey == "2"){
+ getRightMenu({type:'tasklist'});
+ }
+ }});
+ }
+ }
+ });
+ }
+
+ changeOption = (key) =>{
+ const { projectCardStore, prjid } = this.props;
+ const { getRightMenu, prjCardStore } = projectCardStore;
+ this.setState({selectkey : key});
+ if(key==1){
+ getRightMenu({type:'taskview'});
+ }else if(key==2){
+ prjCardStore.prjid = prjid;
+ prjCardStore.setIsBatchEdit(0);
+ prjCardStore.getPrjTaskCondition();
+ prjCardStore.getPrjTaskVersion();
+ prjCardStore.getPrjTaskList();
+ getRightMenu({type:'tasklist'});
+ }else if(key==3){
+ getRightMenu({type:'mindmap'});
+ }else if(key==4){
+ getRightMenu({type:'taskboard'});
+ }
+ if(key!=2&&prjCardStore.taskListSearchParams){
+ prjCardStore.taskListSearchParams.version = '0';
+ }
+ }
+
+}
+
+export default TaskView;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/portal/cardContent/count.js b/pc4mobx/prj/components/portal/cardContent/count.js
new file mode 100644
index 0000000..f04e668
--- /dev/null
+++ b/pc4mobx/prj/components/portal/cardContent/count.js
@@ -0,0 +1,44 @@
+/*
+ * @Author: lusx
+ * @Date: 2020-04-02 11:45:21
+ * @Last Modified by: lusx
+ * @Last Modified time: 2020-04-24 16:12:13
+ */
+import React from 'react';
+import { Row, Col, Progress, Tooltip } from 'antd';
+import { inject, observer } from 'mobx-react';
+import chunk from 'lodash/chunk';
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+export const Count = inject('projectCardStore')(observer((props) => {
+ const { jxz, rwzs, wcl, wks, xmjd, yq, yql, ywc } = props.projectCardStore.statistics;
+ const top = [{ label: getLabel('31411','项目进度'), value: xmjd, status: "", key: "0" },
+ { label: getLabel('30447','完成率'), value: wcl, status: "success", key: "1" },
+ { label: getLabel('518313','延期率'), value: yql, status: "exception", key: "2" }];
+ const boottom = [{ label: getLabel('383462','未开始'), value: wks, key: "0" },
+ { label: getLabel('1960','进行中'), value: jxz, key: "1" },
+ { label: getLabel('23774','已完成'), value: ywc, key: "2" },
+ { label: getLabel('2244','延期'), value: yq, key: "4" }];
+ return (
+
+
+ )
+
+}
+export default Ovreview;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/portal/cardContent/steps.js b/pc4mobx/prj/components/portal/cardContent/steps.js
new file mode 100644
index 0000000..0ae0b01
--- /dev/null
+++ b/pc4mobx/prj/components/portal/cardContent/steps.js
@@ -0,0 +1,75 @@
+/*
+ * @Author: lusx
+ * @Date: 2020-02-27 15:02:53
+ * @Last Modified by: lusx
+ * @Last Modified time: 2020-03-02 21:51:42
+ */
+import LoadingSpinner from '../LoadingSpinner.js';
+import start1 from "../LSimg/start1.png";
+import finish from "../LSimg/finish.png";
+import working from "../LSimg/working.png";
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+const prefixCls = "prj-portal";
+const Steps = props => {
+ const { stages,loading } = props;
+ if (props.loading && stages.length === 0) {
+ return (
+
+
+ {getLabel('17802','项目负责人')}
+
+
+
+ {getLabel('518321','项目计划周期')}
+
+ {planbegindate} ~
+ {planenddate}
+
+
+
+ {getLabel(26797,"项目阶段")}
+
+
+
+ {
+ stages && stages.map((item,index)=>{
+ let imgsrc = "";
+ if(index == 0){
+ imgsrc = start1;
+ }else if(index == stages.length - 1) {
+ imgsrc = finish;
+ }else{
+ imgsrc = working;
+ }
+ return (
+
+ );
+};
+let x = 0;
+const mousedownFun = (stages,ev)=>{
+ const oEvent = ev || event;
+ oEvent.preventDefault();
+ const content = document.getElementsByClassName('prj-portal-steps-body')[0];
+ const contentBox = stages.length * document.getElementsByClassName('prj-portal-inner_item')[0].offsetWidth + (stages.length-1) * 20;
+ const scoll = contentBox - content.offsetWidth;
+ if(contentBox > content.offsetWidth){
+ x = oEvent.clientX - content.offsetLeft;
+ content.onmousemove = function(ev) {
+ const oEvent = ev || event;
+ var m = oEvent.clientX - x;
+ if(m > (scoll)) m = scoll;
+ if(m<0 && Math.abs(m) > content.offsetWidth ) m = -content.offsetWidth;
+ content.style.left = m + 'px';
+ }
+ content.onmouseup = function(ev) {
+ const oEvent = ev || event;
+ content.onmousemove = null;
+ content.onmouseup = null;
+ };
+ }
+}
+export default Steps;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/portal/edit/config.js b/pc4mobx/prj/components/portal/edit/config.js
new file mode 100644
index 0000000..c9c64f3
--- /dev/null
+++ b/pc4mobx/prj/components/portal/edit/config.js
@@ -0,0 +1,78 @@
+/*
+ * @Author: lusx
+ * @Date: 2020-03-12 17:10:05
+ * @Last Modified by: lusx
+ * @Last Modified time: 2020-04-20 17:01:46
+ */
+import { Button } from 'antd';
+import { WeaLocaleProvider } from 'ecCom';
+import _ from 'lodash';
+const getLabel = WeaLocaleProvider.getLabel;
+import { objDocument, objFlow, objCustomer, objProject, objTask, upload, toolbarfun } from './configUtil';
+const ckConfig = (visibleDialog) => {
+ const height = visibleDialog ? (window.screen.width>=1920?600 - 31:400 - 31) : 50;
+ const autoGrow_minHeight = visibleDialog ? (window.screen.width>=1920?600 - 31:400 - 31) : 150;
+ const autoGrow_maxHeight = visibleDialog ? (window.screen.width>=1920?600 - 31:400 - 31) : 160;
+ const toolbar = toolbarfun(visibleDialog);
+ return {
+ toolbar: toolbar,
+ extraPlugins: 'autogrow',
+ height: height,
+ autoGrow_minHeight: autoGrow_minHeight,
+ autoGrow_maxHeight: autoGrow_maxHeight,
+ removePlugins: 'resize',
+ uploadUrl: (window.ecologyContentPath || '')+'/api/doc/upload/uploadFile?model=reply',
+ }
+}
+const bottomBarRight = (submitfun, loading="false",fun) => {
+ return {
+ Component:
+ 
+
+ );
+ })
+ }
+
+
+ {item.num||0}
+ {item.name}
+
+
+
+
+ }
+
+};
+const bottomBarConfig = (params, fun) => {
+ const { exchangeList = {}, type } = params;
+ const barConfig1 = [{
+ name: 'Component',
+ show: {getLabel('518320','全屏编辑')},
+ }];
+ let barConfig2 = [];
+ if (Object.keys(exchangeList).length > 0) {
+ exchangeList.docids && barConfig2.push(objDocument);//相关文档
+ exchangeList.relatedwf && barConfig2.push(objFlow);//相关流程
+ exchangeList.relatedcus && barConfig2.push(objCustomer);//相关客户
+ exchangeList.projectids && barConfig2.push(objProject);//相关项目
+ exchangeList.relatedprj && barConfig2.push(objTask);//相关任务
+ exchangeList.relateddoc && barConfig2.push(upload({ exchangeList }));
+ }
+ return _.get({
+ 'simple': barConfig1,
+ 'complex': barConfig2
+ }, type)
+}
+export {
+ ckConfig,
+ bottomBarRight,
+ bottomBarConfig
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/portal/edit/configUtil.js b/pc4mobx/prj/components/portal/edit/configUtil.js
new file mode 100644
index 0000000..f76c13c
--- /dev/null
+++ b/pc4mobx/prj/components/portal/edit/configUtil.js
@@ -0,0 +1,104 @@
+/*
+ * @Author: lusx
+ * @Date: 2020-03-12 16:47:08
+ * @Last Modified by: lusx
+ * @Last Modified time: 2020-04-21 10:45:05
+ */
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+const toolbarfun = (visibleDialog) => (
+ [
+ // { name: 'document', items: ['Source'], type: 'simple' },
+ { name: 'document', items: ['Source'] ,type: 'fuza'},
+ { name: 'paragraph', items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', '-', 'NumberedList', 'BulletedList'] ,type: 'fuza'},
+ { name: 'styles', items: ['Format', 'Font', 'FontSize'], type: 'fuza'},
+ { name: 'styles', items: ['FontSize'], type: 'simple' },
+ { name: 'colors', items: ['TextColor'] ,type: 'fuza'},
+ { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike',], type: 'simple'},
+ { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike',], type: 'fuza'},
+ { name: 'basicstyles', items: ['Bold', 'Italic'] ,type: 'fuza'}
+ ].filter(i => {
+ if (visibleDialog === true) {
+ return i.type === 'fuza'
+ } else {
+ return i.type === 'simple'
+ }
+ })
+)
+const mirror = {
+ Document: { type: 37, name: getLabel(126529, "文档"), icon: 'icon-blog-Document' },
+ Flow: { type: 152, name: getLabel(131692, "流程"), icon: 'icon-blog-Process' },
+ Customer: { type: 18, name: getLabel(30043, "客户"), icon: 'icon-blog-Personnel' },
+ Project: { type: 135, name: getLabel(30046, "项目"), icon: 'icon-blog-Project' },
+ Task: { type: 'prjtsk', name: getLabel(383349, "任务"), icon: 'icon-blog-Task' },
+}
+const objDocument = {
+ name: 'Browser',
+ show:
+
+ {mirror['Document'].name}
+
,
+ type: mirror['Document'].type,
+ title: mirror['Document'].name,
+};
+const objFlow = {
+ name: 'Browser',
+ show:
+
+ {mirror['Flow'].name}
+
,
+ type: mirror['Flow'].type,
+ title: mirror['Flow'].name,
+};
+const objCustomer = {
+ name: 'Browser',
+ show:
+
+ {mirror['Customer'].name}
+
,
+ type: mirror['Customer'].type,
+ title: mirror['Customer'].name,
+};
+
+const objProject = {
+ name: 'Browser',
+ show:
+
+ {mirror['Project'].name}
+
,
+ type: mirror['Project'].type,
+ title: mirror['Project'].name,
+};
+const objTask = {
+ name: 'Browser',
+ show:
+
+ {mirror['Task'].name}
+
,
+ type: mirror['Task'].type,
+ title: mirror['Task'].name,
+};
+const upload = (params) => {
+ const { exchangeList } = params;
+ return {
+ name: 'Upload',
+ show:
+
+ {getLabel(128158, "附件")}
+
,
+ uploadId: 'project_edit',
+ uploadUrl: `${exchangeList.relateddoc.uploadUrl}?category=${exchangeList.relateddoc.category}`,
+ category: exchangeList.relateddoc.category,
+ maxUploadSize: exchangeList.relateddoc.maxSize,
+ style: { display: "inline-block", padding: 0 }
+ }
+}
+export {
+ objDocument,
+ objFlow,
+ objCustomer,
+ objProject,
+ objTask,
+ upload,
+ toolbarfun
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/portal/edit/index.js b/pc4mobx/prj/components/portal/edit/index.js
new file mode 100644
index 0000000..aaf01b3
--- /dev/null
+++ b/pc4mobx/prj/components/portal/edit/index.js
@@ -0,0 +1,51 @@
+/*
+ * @Author: lusx
+ * @Date: 2020-03-12 15:33:18
+ * @Last Modified by: lusx
+ * @Last Modified time: 2020-04-21 14:57:29
+ */
+import React from 'react';
+import { Row } from "antd";
+import { WeaRichText, WeaNewScroll } from "ecCom";
+import { ckConfig, bottomBarRight, bottomBarConfig } from "./config.js";
+import { toJS } from "mobx"
+export default class Edit extends React.Component {
+ render() {
+ const { visibleDialog, exchangeList={}, showRich, showRichfun, richPlaceholder, setIsCreate, canSubmit } = this.props;
+ const barConfig = visibleDialog ? "complex" : "simple";
+ if (showRich || visibleDialog) {
+ const { transfStr, richChange, richSubmitfun, showDialogfun, richid, loading, value } = this.props;
+ return (
+
+ (this.richtext = richtext)}
+ ckConfig={ckConfig(visibleDialog)}
+ bottomBarConfig={bottomBarConfig({ exchangeList, type: barConfig }, this.showDialogfun)}
+ bottomBarRight={!visibleDialog && bottomBarRight(richSubmitfun,loading, (bool) => showRichfun(bool))}
+ onChange={(text) => richChange(text)}
+ onToolsChange={(name, ids, list, type) => transfStr(name, ids, list, type, 'create')}
+ value={value}
+ />
+
+
+ )
+ } else {
+ return (
+ {
+ if(canSubmit){
+ showRichfun(true);
+ setIsCreate(true);
+ }
+ }}>
+ {richPlaceholder}
+
+ )
+ }
+ }
+ showDialogfun = () => {
+ const { showDialogfun, showRichfun } = this.props;
+ showDialogfun(true);
+ showRichfun(false);
+ }
+}
\ No newline at end of file
diff --git a/pc4mobx/prj/components/portal/index.js b/pc4mobx/prj/components/portal/index.js
new file mode 100644
index 0000000..ddaf2e0
--- /dev/null
+++ b/pc4mobx/prj/components/portal/index.js
@@ -0,0 +1,670 @@
+import React from 'react';
+import { Button, Tabs, Card, Tooltip, Row, Col, Spin, Menu, Icon } from 'antd';
+import { inject, observer } from 'mobx-react';
+import { WeaTop, WeaInputSearch, WeaLeftRightLayout, WeaNewScroll, WeaEchart, WeaDropdown, WeaProgress, WeaNewScrollPagination, WeaSelect, WeaAlertPage, WeaTab, WeaRightMenu } from 'ecCom';
+import {routerShape} from 'react-router';
+const { SubMenu } = Menu;
+import AddPrjGroupDialog from '../dialog/addPrjGroupDialog';
+import {toJS} from 'mobx';
+import {Condition,getAdButtons} from '../list/portalCondition';
+import {WeaTableNew} from 'comsMobx';
+const WeaTable = WeaTableNew.WeaTable;
+import { WeaLocaleProvider } from 'ecCom';
+const getLabel = WeaLocaleProvider.getLabel;
+import loadjs from 'loadjs';
+import "./index.less";
+import ShareDialog from '../dialog/shareDialog'
+import ExchangeDialog from '../dialog/exchangeDialog'
+import ProjectDialog from '../dialog/projectDialog'
+import ItemList from "../projectBoard/ItemList";
+import ProjectCard from "./projectCard";
+@inject("projectPortalStore","queryPrjStore","projectBoardStore")
+@observer
+class ProjectPortal extends React.Component {
+ static contextTypes = {
+ router: routerShape
+ }
+ constructor(props) {
+ super(props);
+ this.state = {
+ current: 'allPrj',
+ ctrlHeight : 200,
+ viewScope : "card",
+ showSearchAd : false,
+ selectedKey : 0
+ };
+ }
+ componentDidMount() {
+ const {projectPortalStore, queryPrjStore, location:{query}, projectBoardStore} = this.props;
+ queryPrjStore.initDatas(query);
+ projectPortalStore.initDatas({viewScope:this.state.viewScope});
+ projectBoardStore.initList();
+ // if (!loadjs.isDefined('weaPrjEcharts')) {
+ // loadjs(['/js/echart/echarts.min.js'], 'weaPrjEcharts', {
+ // success: () => {
+ // projectPortalStore.initDatas({viewScope:this.state.viewScope});
+ // }
+ // });
+ // } else {
+ // projectPortalStore.initDatas({viewScope:this.state.viewScope});
+ // }
+ // console.log(this.refs);
+ // this.setState({
+ // ctrlHeight: this.refs.searGroup.height
+ // });
+
+ }
+
+ componentWillReceiveProps(nextProps){
+ const keyOld = this.props.location.key;
+ const keyNew = nextProps.location.key;
+ const query = nextProps.location.query;
+ if(keyOld !== keyNew) {
+ const { projectPortalStore, queryPrjStore, projectBoardStore } = nextProps;
+ queryPrjStore.clearStatus();
+ queryPrjStore.initDatas(query);
+ projectPortalStore.clearStatus();
+ projectPortalStore.prjGroupStore1.setId('allPrj');
+ this.setState({viewScope : "card",current: 'allPrj'});
+ projectPortalStore.initDatas({viewScope:this.state.viewScope});
+ projectBoardStore.initList();
+ // if (!loadjs.isDefined('weaPrjEcharts')) {
+ // loadjs(['/js/echart/echarts.min.js'], 'weaPrjEcharts', {
+ // success: () => {
+ // projectPortalStore.initDatas({viewScope:this.state.viewScope});
+ // projectBoardStore.initList();
+ // }
+ // });
+ // } else {
+ // projectPortalStore.initDatas({viewScope:this.state.viewScope});
+ // projectBoardStore.initList();
+ // }
+ }
+ }
+
+ componentWillUnmount (){
+ const { queryPrjStore, projectPortalStore } = this.props;
+ queryPrjStore.clearStatus();
+ projectPortalStore.clearStatus();
+ projectPortalStore.prjGroupStore1.setId('allPrj');
+ this.setState({viewScope : "card",current: 'allPrj',selectedKey:0});
+ }
+
+ render() {
+ const { projectPortalStore, queryPrjStore, projectBoardStore } = this.props;
+ const { title, prjGroupStore, groups, prjGroupStore1, tableStore, reLoad, loadding, exchangeStore, projectInfoStore, quickSearch, counts, initDatas, isLoadJs, prjtype } = projectPortalStore;
+ const { form, showSearchAd } = queryPrjStore;
+ let prjdatas = this.getProjects();
+ const formParams = form.getFormParams() || {};
+ const topTab = [
+ {
+ title: getLabel('31458','分组') ,
+ viewcondition: "0"
+ },
+ {
+ title: getLabel('320','列表'),
+ viewcondition: "1"
+ }
+ ];
+ return (
+
+
+
+
+ }
+ // onCollapse={showLeft => console.log('showLeft:', showLeft)}
+ >
+ {
+ this.state.selectedKey==0&&this.state.viewScope=="card" && prjdatas.length==0 &&
+
+ {/* {quickSearch(v)}}
+ /> */}
+ {
+ this.setState({ selectedKey: v });
+ queryPrjStore.form.resetConditionValue();
+ queryPrjStore.form.updateFields({'prjtype':'-1'});
+ if(v==0){
+ initDatas({viewScope:this.state.viewScope});
+ }else if(v==1){
+ projectBoardStore.initList();
+ }
+ }}
+ />
+ {
+ if(this.state.selectedKey==0){
+ initDatas(formParams);
+ }else if(this.state.selectedKey==1){
+ projectBoardStore.getProjectList1(formParams);
+ }
+ })}
+ searchType={['base','advanced']}
+ showSearchAd={showSearchAd}
+ searchsAd={
+
+ }
+
+
+ { this.setState({ scrollTop:e.target.scrollTop, }) }}>
+
+
+
+ }
+ {
+ this.state.selectedKey==1&&
+
+
+
+
+ }
+ {
+ this.state.selectedKey==0&&this.state.viewScope=="card" && prjdatas.length > 0 &&
+
+ {getLabel(83553, '暂无数据')}
+
+
+
+
+
)
+ }
+
+
+ {getLabel(83553, '暂无数据')}
+
+
+
+
+ {field.label}
+
+
+ {
+ onDataChange(datas)
+ }}
+ />
+
)
+ }
+ if (type === "plan") { //计划内容弹框
+ const {modeInfo, item, key} = source;
+ const hbid = item['hbid_' + key.split("_")[1]];
+ let editType = 2;
+ if (item[key]['viewAttr'] && item[key]['viewAttr'] == '1') {
+ editType = 0;
+ }
+ field = ()
+ clearInterval(timer);
+ timer = setInterval(() => {
+ if ($('#iframe_plan')) {
+ clearInterval(timer);
+ $('#iframe_plan').load(() => {
+ props.onIframeReady(true);
+ });
+ if (timer > 3000) {
+ props.onIframeReady(true);
+ }
+ } else if (timer > 3000) {
+ localStorage.setItem("error-2", 'cannot-get-iframe');
+ props.onIframeReady(true);
+ }
+ }, 300)
+ }
+ return field
+}
+
+
+@observer
+export default class DialogPanel extends React.Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ iframeIsOk: false
+ }
+ }
+
+ onIframeReady = (bool) => {
+ this.setState({iframeIsOk: bool})
+ }
+ onPlanDialogRenderCallback = (datas) => {
+ const {source, onDataChange} = this.props;
+ const {index, parentIndex, item} = source
+ let {key} = source;
+ if (_.startsWith(key, 'planCtx_')) {
+ const tempArr = key.split("_");
+ key = tempArr[0] + 'Total_' + tempArr[1];
+ }
+ onDataChange(datas, index, key, parentIndex, item);
+ }
+
+ render() {
+ const {visible, onToggleDialog, data, source, onDataChange, saveMxDatas} = this.props;
+ const {type, key, item} = source;
+ window['onPlanDialogRenderCallback'] = this.onPlanDialogRenderCallback;
+ const {iframeIsOk} = this.state;
+ const buttons = [
+ // ,
+
+ ];
+ const style = source.type === 'plan' ? {width: 953, height: 600} : {width: 800, height: 600};
+ const title = source.type === 'plan' ? getLabel('22134', '计划内容') : getLabel('22069', '完成情况');
+ return (
+
+ handleFeedBackInfoDialog(false)}
+ buttons={this.getDialogButtons()}
+ >
+
+ {group}
+ {
+ setMxDatas(datas);
+ }}
+ />
+
+
+
)
+ }
+
+ getDialogButtons(){
+ const {store,prjid,feedBackInfoStore} = this.props;
+ let btn = [];
+ btn.push();
+ btn.push();
+ return btn
+ }
+
+ checkProgress = (value) => { //进度编辑校验
+ const { finishmax, setFormFields } = this.props.feedBackInfoStore;
+ if (Number(finishmax) == 99) {
+ if (value > 99) {
+ message.error(getLabel(383829, "该任务所必须的相关文档或者相关流程不存在，任务不能完成100%。"));
+ setFormFields({ finish: { value: 99 } });
+ } else {
+ setFormFields({ finish: { value: value } });
+ }
+ } else {
+ if (value > 100) {
+ setFormFields({ finish: { value: 100 } });
+ } else {
+ setFormFields({ finish: { value: value } });
+ }
+ }
+ }
+
+}
+
+export default FeedBackInfoDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/prjReport/feedBackSettingDialog.js b/pc4mobx/prj/components/prjReport/feedBackSettingDialog.js
new file mode 100644
index 0000000..29f44bf
--- /dev/null
+++ b/pc4mobx/prj/components/prjReport/feedBackSettingDialog.js
@@ -0,0 +1,136 @@
+
+import { Button, Row, Col, InputNumber, Modal, message } from 'antd';
+import {observer} from 'mobx-react';
+import { WeaSearchGroup, WeaFormItem, WeaDialog, WeaUpload, WeaProgress, WeaLocaleProvider, WeaSelect } from 'ecCom';
+import { WeaSwitch } from "comsMobx"
+const getLabel = WeaLocaleProvider.getLabel;
+
+@observer
+class FeedBackSettingDialog extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state={
+ width:1800,
+ height:900,
+ }
+ }
+
+ render() {
+ const {feedBackSettingStore} = this.props;
+ const {visible,handleFeedBackSettingDialog,fieldinfo,form,setFormFields,title,options,isChange} = feedBackSettingStore;
+ const { isFormInit } = form;
+ let group = [];
+ const formParams = form.getFormParams();
+ isFormInit && fieldinfo.map((c,i) => {
+ let items = [];
+ c.items.map(fields => {
+ // console.log('fields',fields)
+ let hide = false;
+ let dom;
+ let hasunderline = false;
+ //只读样式控制
+ let stylecss = { 'margin-right': '5px', 'margin-top': '6px' };
+ if (fields.viewAttr == "1" || (fields.conditionType == "BROWSER" && fields.browserConditionParam.viewAttr == "1")) {
+ hasunderline = true;
+ stylecss = { 'margin-right': '5px', 'margin-top': '16px' };
+ }
+ if (fields.domkey[0] == "finish") {
+ if (fields.viewAttr == "1") {
+ dom =
+ handleFeedBackSettingDialog(false)}
+ buttons={this.getDialogButtons()}
+ >
+ {group}
+
+
)
+ }
+
+ getDialogButtons(){
+ const {store,prjid,feedBackSettingStore} = this.props;
+ let btn = [];
+ btn.push();
+ btn.push();
+ return btn
+ }
+
+ getCircles = (v) =>{
+ const {prjid,feedBackSettingStore} = this.props;
+ feedBackSettingStore.getOptions(v.type.value,prjid);
+ // console.log(v.type.value,prjid,feedBackSettingStore.form.getField('activity'))
+ }
+
+}
+
+export default FeedBackSettingDialog;
\ No newline at end of file
diff --git a/pc4mobx/prj/components/prjReport/index.js b/pc4mobx/prj/components/prjReport/index.js
new file mode 100644
index 0000000..0981b36
--- /dev/null
+++ b/pc4mobx/prj/components/prjReport/index.js
@@ -0,0 +1,177 @@
+import React from 'react';
+import {Table, Row, Col, spin, Button, Spin} from 'antd';
+import {inject, observer} from 'mobx-react';
+import {toJS} from 'mobx';
+import {WeaLocaleProvider, WeaRightMenu, WeaSelect, WeaTop, WeaDatePicker, WeaDialog} from 'ecCom';
+import '../../style/prjReport.less';
+import DialogPanel from "./dialogPanel";
+import FeedBackInfoDialog from "./feedBackInfoDialog";
+import FeedBackSettingDialog from "./feedBackSettingDialog";
+import $ from 'jquery';
+import reportStore from '../../stores/reportStore';
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+const TitleInfo = props => {
+ const { monthOptions, openDialog, type, activity} = props;
+ return (
+
+
+ )
+}
+
+@inject('ReportStore')
+@observer
+export default class Report extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ YHeight: 200
+ }
+ }
+
+ componentDidMount() {
+ const {init} = this.props.ReportStore;
+ const {prjid,location}= this.props;
+ // const {location:{query: {prjid}}}= this.props;
+ if(prjid==''||prjid==null){
+ init(location.query.prjid);
+ }else{
+ init(prjid);
+ }
+ window.onresize = () => {
+ this.getYHeight();
+ }
+ this.getYHeight();
+ }
+
+ onDataChange = () => {
+ return this.props.ReportStore.onDataChange;
+ }
+ getYHeight = () => {
+ this.setState({
+ YHeight: window.top.innerHeight - 300
+ })
+ }
+
+ componentWillReceiveProps(nextProps){
+ const {init} = nextProps.ReportStore;
+ const {prjid,location}= this.props;
+ if(prjid==''||prjid==null){
+ if(location.key != nextProps.location.key){
+ init(nextProps.location.query.prjid);
+ }
+ }else{
+ if(prjid != nextProps.prjid){
+ init(nextProps.prjid);
+ }
+ }
+ }
+
+ render() {
+ const {ReportStore} = this.props;
+ const {
+ columns, columnsWidth, tableForamtDatas, dialogVisible, expandedRowKeys, onExpandedRowKeysChange, projInfo,
+ onToggleDialog, dialogData, dialogSource, onDataChange, saveData, onEditionChange, nowVersionSelected, monthOptions,
+ submitLoading, submitTip, prjstatus, feedBackInfoStore, prjid, feedBackSettingStore, type, activity, setDialogData, saveMxDatas
+ } = ReportStore;
+ const menu = [
+ {
+ key: '1',
+ icon: ,
+ content: getLabel('725', '提交'),
+ onClick: key => {
+ saveData(key)
+ }
+ },
+ {
+ key: '2',
+ icon: ,
+ content: getLabel('30986', '保存'),
+ onClick: key => {
+ saveData(key)
+ }
+ }
+ ];
+ if (!(tableForamtDatas && projInfo && projInfo.name)) {
+ return
+ {getLabel('518181','反馈周期')}：{type}
+
+
+ {getLabel('518182','当前活动')}{type}：{activity}
+
+
+
+
+
+ {getLabel('33251','选择')}{type}：
+
+
+ {
+ let pos = 0;
+ _.forEach(monthOptions, (item, index) => {
+ if (item.key === val) {
+ pos = index;
+ return false;
+ }
+ });
+ $(".ant-table-body").scrollLeft(($(".ant-table-content .ant-table-header:eq(1) tr:first").find("th[colspan=6]:first").width() + 25) * pos+305);
+ }}
+ />
+
+
+
+
+
+ {feedBackSettingStore.handleFeedBackSettingDialog(true,{prjid:prjid})}}
+ type={type}
+ activity={activity}
+ />
+ {
+ onExpandedRowKeysChange(keys)
+ }}
+ />
+
+
+
+
+