整理代码

src/view/planMgmt/taskTopo/index.js

@@ -105,7 +105,7 @@ class TaskTopo extends Component {
   // 选择节点
   nodeSelectionChanged = (node) => {
     if(node.isSelected){
-      console.log(node.data,'selected');
+      // console.log(node.data,'selected');
 
       if(node.type.name == "Link"){// 设置主任务连线样式
         let fromNode = this.diagram.model.findNodeDataForKey(node.data.from);

src/view/planMgmt/view/index.js

@@ -11,6 +11,8 @@ import formatUrl from 'amos-processor/lib/utils/urlFormat';
 import { FasSerUrl } from 'CONSTS/urlConsts';
 import _amosTool from 'amos-tool';
 
+import TaskTopo from './../taskTopo';
+
 
 const sidePaneStyle = {
   planDrill: {
@@ -34,6 +36,18 @@ const sidePaneStyle = {
       borderRightColor: 'rgba(234, 234, 234, 1)',
       overflow: 'auto'
     }
+  },
+  taskTopo: {
+    right: 0,
+    top: 82,
+    bottom: 0,
+    style: {
+      backgroundColor: 'rgba(255, 255, 255, 1)',
+      borderRightWidth: '1px',
+      borderRightStyle: 'solid',
+      borderRightColor: 'rgba(234, 234, 234, 1)',
+      overflow: 'auto'
+    }
   }
 };
 
@@ -53,7 +67,9 @@ class PublishView extends Component {
       animateDelay: 0,
       rightClickNodeTreeItem: null,
       node: {},
-      shareVisible: false
+      shareVisible: false,
+
+      topoVidible: false
     };
   }
 
@@ -95,6 +111,10 @@ class PublishView extends Component {
     return <PlanTreeView activeKey={activeKey} onTreeSelect={this.onTreeSelect} onRightClick={this.onRightClick} onRightCancel={this._handleClick}/>;
   }
 
+  getTaskTopo = () => {
+    return <TaskTopo appId={74}/>
+  }
+
   handleChange = (activeKey) => {
     const { params } = this.state;
     let $path = {};
@@ -121,6 +141,10 @@ class PublishView extends Component {
       case 'onOff':
         this.setState({ visible: !this.state.visible });
         break;
+
+      case 'taskTopo':
+        this.setState({ activeKey,topoVidible: !this.state.topoVidible});
+
       default:
         break;
     }
@@ -143,7 +167,6 @@ class PublishView extends Component {
   onRightClick = e => {
     let { activeKey } = this.state;
     if( activeKey === 'textPlan' && e.node.props.type === 'textNode'){//文本预案添加发布，导出功能 并为文本
-      console.log("asdfasdfasdf")
       this.setState({
         rightClickNodeTreeItem: {
           pageX: e.event.pageX,
@@ -254,39 +277,13 @@ class PublishView extends Component {
   }
 
   render() {
-    const { activeKey,visible,animateDelay,shareVisible } = this.state;
+    const { activeKey,visible,animateDelay,shareVisible, topoVidible } = this.state;
     const animateProps = {
       transitionAppear: true
     };
     return (
-      <div className='publish-view-root'>
-        <div className='publish-view-content'>
-          <div className='publish-view-header'>
-            {this.renderButton(activeKey)}
-          </div>
-          <SidePane
-            className='publish-view-side'
-            animateName="fade-left"
-            animateProps={animateProps}
-            animateDelay={animateDelay}
-            visible={visible}
-            {...sidePaneStyle[activeKey]}
-          >
-            {activeKey && this.getSidePaneContent(activeKey)}
-          </SidePane>
-          {this.props.children}
-        </div>
-
-        {this.getNodeTreeRightClickMenu()}
-        <Modal
-          header="链接分享"
-          visible={shareVisible}
-          destroyContent
-          // onOk={this.onOk}
-          onCancel={this.cancel}
-          content={visible && this.getShareContent()}
-          noDefaultFooter
-        />
+      <div style={{height:'100%'}}>
+        {this.getTaskTopo()}
       </div>
     );
   }