整理代码

src/view/planMgmt/view/index.js

@@ -11,9 +11,6 @@ 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: {
     left: 0,
@@ -36,18 +33,6 @@ 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'
-    }
   }
 };
 
@@ -68,8 +53,6 @@ class PublishView extends Component {
       rightClickNodeTreeItem: null,
       node: {},
       shareVisible: false,
-
-      topoVidible: false
     };
   }
 
@@ -111,10 +94,6 @@ 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 = {};
@@ -141,10 +120,6 @@ class PublishView extends Component {
       case 'onOff':
         this.setState({ visible: !this.state.visible });
         break;
-
-      case 'taskTopo':
-        this.setState({ activeKey,topoVidible: !this.state.topoVidible});
-
       default:
         break;
     }
@@ -277,13 +252,39 @@ class PublishView extends Component {
   }
 
   render() {
-    const { activeKey,visible,animateDelay,shareVisible, topoVidible } = this.state;
+    const { activeKey,visible,animateDelay,shareVisible } = this.state;
     const animateProps = {
       transitionAppear: true
     };
     return (
-      <div style={{height:'100%'}}>
-        {this.getTaskTopo()}
+      <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>
     );
   }