From ebc175b6559f30c7064cbae086728b81eee8a975 Mon Sep 17 00:00:00 2001
From: tangjiang <465264938@qq.com>
Date: Tue, 19 Nov 2019 16:27:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=88=96=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/developer/newOrEditTask/index.js    |  4 ++--
 .../newOrEditTask/leftpane/editorTab/index.js   |  6 ++++--
 .../developer/newOrEditTask/leftpane/index.js   | 17 +++++++++++++----
 .../developer/newOrEditTask/leftpane/index.scss |  5 +++++
 4 files changed, 24 insertions(+), 8 deletions(-)
 create mode 100644 public/react/src/modules/developer/newOrEditTask/leftpane/index.scss

diff --git a/public/react/src/modules/developer/newOrEditTask/index.js b/public/react/src/modules/developer/newOrEditTask/index.js
index cc659363f..05f599f63 100644
--- a/public/react/src/modules/developer/newOrEditTask/index.js
+++ b/public/react/src/modules/developer/newOrEditTask/index.js
@@ -3,7 +3,7 @@
  * @Author: tangjiang 
  * @Date: 2019-11-15 16:38:34 
  * @Last Modified by: tangjiang
- * @Last Modified time: 2019-11-19 09:10:45
+ * @Last Modified time: 2019-11-19 11:34:19
  */
 import './index.scss';
 import React, { Component } from 'react';
@@ -27,7 +27,7 @@ class NewOrEditTask extends Component {
         </div>
         <div className="split-pane-area">
           <SplitPane split="vertical" minSize={200} maxSize={-200} defaultSize="50%">
-            <div>
+            <div className={'split-pane-left'}>
               <LeftPane />
             </div>
             <SplitPane split="vertical" defaultSize="100%" allowResize={false}>
diff --git a/public/react/src/modules/developer/newOrEditTask/leftpane/editorTab/index.js b/public/react/src/modules/developer/newOrEditTask/leftpane/editorTab/index.js
index 01ebf42f8..50f67d1b3 100644
--- a/public/react/src/modules/developer/newOrEditTask/leftpane/editorTab/index.js
+++ b/public/react/src/modules/developer/newOrEditTask/leftpane/editorTab/index.js
@@ -1,12 +1,14 @@
 import React, { PureComponent } from 'react';
+import { Form } from 'antd';
 import connect from 'react-redux';
 
 class EditTab extends PureComponent {
 
-  componentDidMount () {}
   render () {
     return (
-      <h2>编辑页</h2>
+      <div className={'editor_area'}>
+        
+      </div>
     )
   }
 }
diff --git a/public/react/src/modules/developer/newOrEditTask/leftpane/index.js b/public/react/src/modules/developer/newOrEditTask/leftpane/index.js
index ee7c309f2..08f788796 100644
--- a/public/react/src/modules/developer/newOrEditTask/leftpane/index.js
+++ b/public/react/src/modules/developer/newOrEditTask/leftpane/index.js
@@ -1,3 +1,12 @@
+/*
+ * @Description: 左侧编辑 / 评论 / 提交记录 
+ * @Author: tangjiang 
+ * @Date: 2019-11-19 11:35:30 
+ * @Last Modified by: tangjiang
+ * @Last Modified time: 2019-11-19 11:36:10
+ */
+
+import './index.scss';
 import React, { useState } from 'react';
 import { Tabs } from 'antd';
 import EditorTab from './editorTab';
@@ -8,12 +17,12 @@ const { TabPane } = Tabs;
 
 const LeftPane = () => {
 
-  const [defaultActiveKey, setDefaultActiveKey] = useState('2');
+  const [defaultActiveKey, setDefaultActiveKey] = useState('prev');
 
   const tabArrs = [
-    { title: '编辑', key: '1', content: EditorTab },
-    { title: '预览',  key: '2', content: PrevTab },
-    { title: '提交记录',  key: '3', content: CommitTab },
+    { title: '编辑', key: 'editor', content: EditorTab },
+    { title: '预览',  key: 'prev', content: PrevTab },
+    { title: '提交记录',  key: 'commit', content: CommitTab },
   ];
 
   const tabs = tabArrs.map((tab) => {
diff --git a/public/react/src/modules/developer/newOrEditTask/leftpane/index.scss b/public/react/src/modules/developer/newOrEditTask/leftpane/index.scss
new file mode 100644
index 000000000..f4d398d20
--- /dev/null
+++ b/public/react/src/modules/developer/newOrEditTask/leftpane/index.scss
@@ -0,0 +1,5 @@
+.split-pane-left{
+  .ant-tabs-nav-wrap{
+    padding: 0 30px;
+  }
+}
\ No newline at end of file