diff --git a/src/forge/Images/upload.png b/src/forge/Images/upload.png
new file mode 100644
index 000000000..aaad201d7
Binary files /dev/null and b/src/forge/Images/upload.png differ
diff --git a/src/forge/Main/CoderRootCommit.js b/src/forge/Main/CoderRootCommit.js
index c705b8407..3f9d7fc2f 100644
--- a/src/forge/Main/CoderRootCommit.js
+++ b/src/forge/Main/CoderRootCommit.js
@@ -1,9 +1,8 @@
 import React , { Component } from 'react';
-import { Table , Spin } from 'antd';
+import { Spin } from 'antd';
 import { getImageUrl } from 'educoder';
 import { truncateCommitId } from '../common/util'
 import SelectBranch from '../Branch/SelectBranch';
-import Top from './DetailTop';
 
 import axios from 'axios';
 import {Link} from "react-router-dom";
diff --git a/src/forge/Main/CoderRootIndex.js b/src/forge/Main/CoderRootIndex.js
index 042bf746e..d7be8486d 100644
--- a/src/forge/Main/CoderRootIndex.js
+++ b/src/forge/Main/CoderRootIndex.js
@@ -27,11 +27,11 @@ const CoderRootVersion = Loadable({
   loading: Loading,
 })
 const CoderRootVersionNew = Loadable({
-  loader: () => import('../Version/NewVersion'),
+  loader: () => import('../Version/New'),
   loading: Loading,
 })
 const CoderRootVersionUpdate = Loadable({
-  loader: () => import('../Version/UpdateVersion'),
+  loader: () => import('../Version/New'),
   loading: Loading,
 })
 
diff --git a/src/forge/Main/Detail.js b/src/forge/Main/Detail.js
index 692d1d969..b0c173aee 100644
--- a/src/forge/Main/Detail.js
+++ b/src/forge/Main/Detail.js
@@ -303,6 +303,9 @@ class Detail extends Component {
           <Link to={`/projects/${projectDetail.forked_from_project_id}/coders`} className="color-grey-ccc">{projectDetail.fork_info.fork_form_name}</Link>
         </React.Fragment> : ""
     );
+    const common ={
+      getDetail:this.getDetail
+    }
     return (
       <div>
         <Spin spinning={isSpin}>
@@ -412,55 +415,55 @@ class Detail extends Component {
             {/* 新建文件 */}
             <Route path="/projects/:projectsId/coders/:branch/newfile/:path"
               render={
-                (props) => (<FileNew {...this.props} {...props} {...this.state} />)
+                (props) => (<FileNew {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             <Route path="/projects/:projectsId/coders/:branch/newfile"
               render={
-                (props) => (<FileNew {...this.props} {...props} {...this.state} />)
+                (props) => (<FileNew {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
             {/* 标签列表 */}
             <Route path="/projects/:projectsId/orders/tags"
               render={
-                (props) => (<TagList {...this.props} {...props} {...this.state} />)
+                (props) => (<TagList {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             {/* 仓库设置 */}
             <Route path="/projects/:projectsId/setting"
               render={
-                (props) => (<Setting {...this.props} {...props} {...this.state} getDetail={this.getDetail} />)
+                (props) => (<Setting {...this.props} {...props} {...this.state} {...common} />)
               }
             ></Route>
             {/* 任务详情 */}
             <Route path="/projects/:projectsId/orders/:orderId/detail"
               render={
-                (props) => (<OrderDetail {...this.props} {...props} {...this.state} />)
+                (props) => (<OrderDetail {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             {/* 里程碑 */}
             <Route path="/projects/:projectsId/orders/Milepost"
               render={
-                (props) => (<OrderMilepost {...this.props} {...props} {...this.state} />)
+                (props) => (<OrderMilepost {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             {/* 新建里程碑 */}
             <Route path="/projects/:projectsId/orders/meilpost"
               render={
-                (props) => (<OrdernewMilepost {...this.props} {...props} {...this.state} />)
+                (props) => (<OrdernewMilepost {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             {/*里程碑详情*/}
             <Route path="/projects/:projectsId/orders/:meilid/MilepostDetail"
               render={
-                (props) => (<MilepostDetail {...this.props} {...props} {...this.state} />)
+                (props) => (<MilepostDetail {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             {/*修改里程碑*/}
             <Route path="/projects/:projectsId/orders/:meilid/meilpost"
               render={
-                (props) => (<OrderupdateMilepost {...this.props} {...props} {...this.state} />)
+                (props) => (<OrderupdateMilepost {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
@@ -468,34 +471,34 @@ class Detail extends Component {
             {/* 里程碑页面新建任务 */}
             <Route path="/projects/:projectsId/orders/:milepostId/new"
               render={
-                (props) => (<OrderNew {...this.props} {...props} {...this.state} />)
+                (props) => (<OrderNew {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             {/* 新建任务 */}
             <Route path="/projects/:projectsId/orders/new"
               render={
-                (props) => (<OrderNew {...this.props} {...props} {...this.state} />)
+                (props) => (<OrderNew {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
             {/* 修改详情 */}
             <Route path="/projects/:projectsId/orders/:orderId/updatedetail"
               render={
-                (props) => (<OrderupdateDetail  {...this.props} {...props} {...this.state} />)
+                (props) => (<OrderupdateDetail  {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
             {/* 复制详情 */}
             <Route path="/projects/:projectsId/orders/:orderId/copyetail"
               render={
-                (props) => (<OrdercopyDetail  {...this.props} {...props} {...this.state} />)
+                (props) => (<OrdercopyDetail  {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
             {/* 动态 */}
             <Route path="/projects/:projectsId/trends"
               render={
-                (props) => (<TrendsIndex {...this.props} {...props} {...this.state} />)
+                (props) => (<TrendsIndex {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
@@ -503,68 +506,68 @@ class Detail extends Component {
             {/* 代码Index */}
             <Route path="/projects/:projectsId/orders"
               render={
-                (props) => (<OrderIndex {...this.props} {...props} {...this.state} />)
+                (props) => (<OrderIndex {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
             <Route path="/projects/:projectsId/merge/new"
               render={
-                (props) => (<CreateMerge {...this.props} {...props} {...this.state} />)
+                (props) => (<CreateMerge {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
             <Route path="/projects/:projectsId/merge/:mergeId/UpdateMerge"
               render={
-                (props) => (<MessageCount {...this.props} {...props} {...this.state} />)
+                (props) => (<MessageCount {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
             <Route path="/projects/:projectsId/merge/:mergeId/Messagecount"
               render={
-                (props) => (<MessageCount {...this.props} {...props} {...this.state} />)
+                (props) => (<MessageCount {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
             <Route path="/projects/:projectsId/merge/:mergeId/MergeSubmit"
               render={
-                (props) => (<MessageCount {...this.props} {...props} {...this.state} />)
+                (props) => (<MessageCount {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
 
 
             <Route path="/projects/:projectsId/merge"
               render={
-                (props) => (<MergeIndexDetail {...this.props} {...props} {...this.state} />)
+                (props) => (<MergeIndexDetail {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             <Route path="/projects/:projectsId/coders/filesurl"
               render={
-                (props) => (<CoderRootIndex {...this.props} {...props} {...this.state} />)
+                (props) => (<CoderRootIndex {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             <Route path="/projects/:projectsId/coders"
               render={
-                (props) => (<CoderRootIndex {...this.props} {...props} {...this.state} />)
+                (props) => (<CoderRootIndex {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             <Route path="/projects/:projectsId/watch_users"
               render={
-                (props) => (<WatchUsers {...this.props} {...props} {...this.state}/>)
+                (props) => (<WatchUsers {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             <Route path="/projects/:projectsId/praise_users"
               render={
-                (props) => (<PraiseUsers {...this.props} {...props} {...this.state}/>)
+                (props) => (<PraiseUsers {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             <Route path="/projects/:projectsId/fork_users"
               render={
-                (props) => (<ForkUsers {...this.props} {...props} {...this.state}/>)
+                (props) => (<ForkUsers {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
             <Route path="/projects/:projectsId"
               render={
-                (props) => (<CoderRootIndex {...this.props} {...props} {...this.state} />)
+                (props) => (<CoderRootIndex {...this.props} {...props} {...this.state} {...common}/>)
               }
             ></Route>
           </Switch>
diff --git a/src/forge/Merge/NewMerge.js b/src/forge/Merge/NewMerge.js
index 7797417dc..e3bc15ee0 100644
--- a/src/forge/Merge/NewMerge.js
+++ b/src/forge/Merge/NewMerge.js
@@ -1,6 +1,6 @@
-import React , {Component} from 'react';
+import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
-import {Radio, Form,Menu,Dropdown,Input,Select,Table, Spin} from 'antd';
+import { Radio, Form, Menu, Dropdown, Input, Select, Table, Spin } from 'antd';
 import axios from 'axios';
 import UploadComponent from '../Upload/Index';
 import { getImageUrl } from 'educoder';
@@ -13,115 +13,115 @@ const Option = Select.Option;
 
 const options = [
   ['bold', 'italic', 'underline'],
-  [{header: [1,2,3,false]}],
+  [{ header: [1, 2, 3, false] }],
   ['blockquote', 'code-block'],
   ['link', 'image'],
   ['formula']
 ];
-class NewMerge extends Component{
-  constructor(props){
+class NewMerge extends Component {
+  constructor(props) {
     super(props);
-    this.state={
-      data:undefined,
+    this.state = {
+      data: undefined,
       //合并 拉取
-      merge:undefined,
-      pull:undefined,
+      merge: undefined,
+      pull: undefined,
       //判断 是否显示创建合并请求的页面
-      desc:undefined,
-      iscreatemerge:'none',
-      issue_tag_ids:"",
-      fixed_version_id:"",
-      assigned_to_id:"",
-      titledata:undefined,
-      dataCount:undefined,
-      limit:50,
-      page:1,
-      isSpin:false,
-      mergedata:undefined,
+      desc: undefined,
+      iscreatemerge: 'none',
+      issue_tag_ids: "",
+      fixed_version_id: "",
+      assigned_to_id: "",
+      titledata: undefined,
+      dataCount: undefined,
+      limit: 50,
+      page: 1,
+      isSpin: false,
+      mergedata: undefined,
     }
   }
 
-  componentDidMount=()=>{
-   this.getmergelist();
-   this.InitData();
+  componentDidMount = () => {
+    this.getmergelist();
+    this.InitData();
   }
-  InitData=()=>{
+  InitData = () => {
     this.props.form.setFieldsValue({
       ...this.state
     });
   }
 
 
-  onPanelChange=(time, mode)=>{
+  onPanelChange = (time, mode) => {
     this.setState({
-       value:time
-       });
+      value: time
+    });
   }
 
-  onSelect=(time)=>{
+  onSelect = (time) => {
     this.setState({
-      value:time,
+      value: time,
       selectedValue: time,
     });
   }
 
-  getOption=(name,id)=>{
+  getOption = (name, id) => {
 
-    if(id==='branches'){
-      this.ischeckmerge(name,this.state.pull)
+    if (id === 'branches') {
+      this.ischeckmerge(name, this.state.pull)
       this.setState({
-        merge:name
+        merge: name
       })
-    }else{
-      if(this.state.iscreatemerge==='block'){
-        if(this.state.merge===name){ 
-        }else{ 
-          const { page , limit } = this.state;
-          this.getCommitList( name , page , limit );
+    } else {
+      if (this.state.iscreatemerge === 'block') {
+        if (this.state.merge === name) {
+        } else {
+          const { page, limit } = this.state;
+          this.getCommitList(name, page, limit);
         }
-      }else{
+      } else {
 
       }
-      this.ischeckmerge(this.state.merge,name)
+      this.ischeckmerge(this.state.merge, name)
       this.setState({
-        pull:name
+        pull: name
       })
     }
   }
 
-  ismerge=()=>{
+  ismerge = () => {
     this.setState({
-      iscreatemerge:'block'
+      iscreatemerge: 'block'
     })
-    const { page , limit } = this.state;
-    this.getCommitList( this.state.pull , page , limit );
+    const { page, limit } = this.state;
+    this.getCommitList(this.state.pull, page, limit);
   }
 
 
   //获取新建分枝数据
-  getmergelist=()=>{
+  getmergelist = () => {
     const { projectsId } = this.props.match.params;
     const url = `/projects/${projectsId}/pull_requests/new.json`;
-    axios.get(url).then((result)=>{
-      if(result){
+    axios.get(url).then((result) => {
+      if (result) {
         this.setState({
-          data:result.data,
-          merge:result.data.branches[0],
-          pull:result.data.branches[0],
+          data: result.data,
+          merge: result.data.branches[0],
+          pull: result.data.branches[0],
         })
       }
-    }).catch((error)=>{
+    }).catch((error) => {
       console.log(error);
     })
   }
 
-  renderMenu =(array,id)=>{
-    return(
+  renderMenu = (array, id) => {
+    return (
       <Menu>
         {
-          array && array.length > 0 && array.map((item,key)=>{
-            return(
-              <Menu.Item key={item} onClick={()=>this.getOption(item,id)}>{item}</Menu.Item>
+          array && array.length > 0 && array.map((item, key) => {
+            return (
+              <Menu.Item key={item} onClick={() => this.getOption(item, id)}>{item}</Menu.Item>
             )
           })
         }
@@ -129,12 +129,12 @@ class NewMerge extends Component{
     )
   }
 
-  renderSelect=(list)=>{
-    if(list && list.length >0){
-      return(
-        list.map((item,key)=>{
-          return(
-            <Option key={key+1} value={item.id+''}>{item.name}</Option>
+  renderSelect = (list) => {
+    if (list && list.length > 0) {
+      return (
+        list.map((item, key) => {
+          return (
+            <Option key={key + 1} value={item.id + ''}>{item.name}</Option>
           )
         })
       )
@@ -142,44 +142,45 @@ class NewMerge extends Component{
   }
 
   //创建合并请求
-  
-  submit=()=>{
+
+  submit = () => {
     this.setState({
       isSpin: true
     })
     this.props.form.validateFieldsAndScroll((err, values) => {
-      if(!err){
+      if (!err) {
         const { projectsId } = this.props.match.params;
         const url = `/projects/${projectsId}/pull_requests.json`;
 
-        if(values.issue_tag_ids.length > 0){
+        if (values.issue_tag_ids.length > 0) {
           values.issue_tag_ids = [parseInt(values.issue_tag_ids)]
-        }else{
+        } else {
           values.issue_tag_ids = []
         }
         const { desc } = this.state;
-        axios.post(url,{
+        axios.post(url, {
           ...values,
-          body:JSON.stringify(desc),
-          project_id:projectsId,
-          head:this.state.merge,
-          base:this.state.pull,
+          body: JSON.stringify(desc),
+          project_id: projectsId,
+          head: this.state.merge,
+          base: this.state.pull,
 
-        }).then(result=>{
-          if(result){
+        }).then(result => {
+          if (result) {
             this.setState({
               isSpin: false
             })
-          this.props.history.push(`/projects/${projectsId}/merge`);
+            this.props.history.push(`/projects/${projectsId}/merge`);
+            const { getDetail } = this.props;
+            getDetail && getDetail();
           }
-          
-        }).catch(error=>{
+        }).catch(error => {
           this.setState({
             isSpin: false
           })
           console.log(error);
         })
-      }else{
+      } else {
         this.setState({
           isSpin: false
         })
@@ -188,238 +189,231 @@ class NewMerge extends Component{
   }
 
   //获取提交列表
-  getCommitList=(branch , page , limit)=>{
+  getCommitList = (branch, page, limit) => {
     const { projectsId } = this.props.match.params;
     const url = `/repositories/${projectsId}/commits.json`;
-    axios.get(url,{
-      params:{
-        sha:branch,
+    axios.get(url, {
+      params: {
+        sha: branch,
         page,
         limit
       }
-    }).then((result)=>{
-      if(result){
+    }).then((result) => {
+      if (result) {
         const array = [];
-        result.data && result.data.commits.length > 0 && result.data.commits.map((item,key)=>{
+        result.data && result.data.commits.length > 0 && result.data.commits.map((item, key) => {
           array.push({
-            name:item.author && item.author.name,
+            name: item.author && item.author.name,
             login: item.author && item.author.login,
-            image_url:item.author && item.author.image_url,
-            sha:item.sha,
-            time_from_now:item.time_from_now,
-            message:item.message
+            image_url: item.author && item.author.image_url,
+            sha: item.sha,
+            time_from_now: item.time_from_now,
+            message: item.message
           })
         })
         this.setState({
-          titledata:array,
-          dataCount:result.data.total_count,
-          isSpin:false
+          titledata: array,
+          dataCount: result.data.total_count,
+          isSpin: false
         })
       }
-    }).catch((error)=>{console.log(error)})
+    }).catch((error) => { console.log(error) })
   }
 
   //判断2分支是否可以合并
 
-  ischeckmerge=(head,base)=>{
+  ischeckmerge = (head, base) => {
     const { projectsId } = this.props.match.params;
     const url = `/projects/${projectsId}/pull_requests/check_can_merge.json`;
-    axios.post(url,{
-      project_id:projectsId,
-      head:head,
-      base:base,
+    axios.post(url, {
+      project_id: projectsId,
+      head: head,
+      base: base,
 
-    }).then(result=>{
-      if(result){
-          this.setState({
-            mergedata:result.data
-          })
+    }).then(result => {
+      if (result) {
+        this.setState({
+          mergedata: result.data
+        })
       }
-      
-    }).catch(error=>{
+
+    }).catch(error => {
       console.log(error);
     })
 
   }
 
-  onContentChange=(value)=>{
+  onContentChange = (value) => {
     this.setState({
-      desc:value
+      desc: value
     })
   }
 
 
-  render(){
+  render() {
     const { getFieldDecorator } = this.props.form;
     const { projectsId } = this.props.match.params;
     const { current_user } = this.props;
-    const { issue_tag_ids , fixed_version_id ,assigned_to_id , data,titledata , desc, isSpin } = this.state;
+    const { issue_tag_ids, fixed_version_id, assigned_to_id, data, titledata, desc, isSpin } = this.state;
 
 
-    const columns=[{
-      title:"作者",
+    const columns = [{
+      title: "作者",
       dataIndex: 'name',
-      width:"10%",
-      render: (text,item) => (
+      width: "10%",
+      render: (text, item) => (
         <span className="f-wrap-alignCenter">
-           <Link to={`/users/${item.login}/projects`} className="show-user-link">
-                <img src={getImageUrl(`images/${item.image_url}`)} alt="" width="28px" height="28px" className="mr3 radius"/>
-          <label className="hide-1" style={{maxWidth:"75px",'vertical-align':'middle'}}>{text}</label>
+          <Link to={`/users/${item.login}/projects`} className="show-user-link">
+            <img src={getImageUrl(`images/${item.image_url}`)} alt="" width="28px" height="28px" className="mr3 radius" />
+            <label className="hide-1" style={{ maxWidth: "75px", 'vertical-align': 'middle' }}>{text}</label>
           </Link>
-          {/*<img src={getImageUrl(`images/${item.image_url}`)} alt="" width="28px" height="28px" className="mr3 radius"/>*/}
-          {/*<label className="hide-1" style={{maxWidth:"75px"}}>{text}</label>*/}
         </span>
       ),
-    },{
-      title:"SHA",
+    }, {
+      title: "SHA",
       dataIndex: 'sha',
       render: (text) => (
         <span className="commitKey">{text}</span>
       )
-    },{
-      title:"备注",
+    }, {
+      title: "备注",
       dataIndex: 'message',
       render: (text) => (
         <span>{text}</span>
       )
-    },{
-      title:"提交时间",
-      className:"edu-txt-right",
+    }, {
+      title: "提交时间",
+      className: "edu-txt-right",
       dataIndex: 'time_from_now',
       render: (text) => (
         <span>{text}</span>
       )
     }]
 
-    const title =()=>{
-      return(
-        <div className="f-wrap-between" style={{alignItems:"center"}}>
+    const title = () => {
+      return (
+        <div className="f-wrap-between" style={{ alignItems: "center" }}>
           <span className="font-16">提交列表</span>
-          {/* <div className="f-wrap-alignCenter">
-            <Input placeholder="搜索提交历史" style={{width:"300px"}}/>
-            <Checkbox className="ml15">所有分支</Checkbox>
-            <a className="btn_32 ml15">搜索</a>
-          </div> */}
         </div>
       )
     }
 
-    const pull =()=>{
-      if(this.state.mergedata&&this.state.mergedata.status===-2){
-        return(
+    const pull = () => {
+      if (this.state.mergedata && this.state.mergedata.status === -2) {
+        return (
           <div>
-           在这些分支直接合并请求已经存在：<Link to={`/projects/${projectsId}/merge/${this.state.mergedata&&this.state.mergedata.pull_request_id}/Messagecount`} style={{color:'blue'}}>{this.state.mergedata&&this.state.mergedata.pull_request_name}</Link> 
+            在这些分支直接合并请求已经存在：<Link to={`/projects/${projectsId}/merge/${this.state.mergedata && this.state.mergedata.pull_request_id}/Messagecount`} style={{ color: 'blue' }}>{this.state.mergedata && this.state.mergedata.pull_request_name}</Link>
           </div>
         )
-      }else{
-        return(
-         <div>
-            {this.state.mergedata&&this.state.mergedata.status===0?<Button className="topWrapper_btn" onClick={()=>this.ismerge()}>创建合并请求</Button>: "分支内容相同，无需创建合并请求"}
-         </div>
+      } else {
+        return (
+          <div>
+            {this.state.mergedata && this.state.mergedata.status === 0 ? <Button className="topWrapper_btn" onClick={() => this.ismerge()}>创建合并请求</Button> : "分支内容相同，无需创建合并请求"}
+          </div>
         )
       }
     }
 
-    
-      
-  return(
-        <div className="main">
-  
-          <h1 className="mb10">创建合并请求</h1>
-          <h5 className="mb10">选择合并的目标分支和源分支</h5>
-           <div  style={{display:'flex'}}>
-             <div className="mergediv">
-            <div>
-            <Dropdown className="topWrapperSelect" overlay={this.renderMenu(this.state.data &&this.state.data.branches,'branches')} trigger={['click']} placement="bottomCenter">
-            <Button>合并到：{this.state.merge}</Button>
-            </Dropdown>
-            ...   
-          <Dropdown overlay={this.renderMenu(this.state.data &&this.state.data.branches,'pull')} trigger={['click']} placement="bottomCenter">
-          <Button>拉取从：{this.state.pull}</Button>
-          </Dropdown>
-        </div>
-          </div>
-        </div>
-        <div style={{display:this.state.iscreatemerge==='none'?'block':'none'}}>
-        <div className="mergediv" style={{marginTop:15}} >
-         {pull()}
-        </div>
-        </div>
-        <div style={{display:this.state.iscreatemerge==='none'?'none':'block'}}>
-        <Form>
-          <div className="f-wrap-between mt20" style={{alignItems:"flex-start"}}>
-            <div className="list-right df" style={{padding:"0px",paddingTop:"10px"}}>
-              <Link to={`/users/${current_user && current_user.login}/projects`} className="show-user-link">
-                <img className="user_img" src={getImageUrl(`images/${current_user && current_user.image_url}`)} alt=""/>
-              </Link>
 
-              <div className="new_context">
-                <Form.Item>
-                  {getFieldDecorator('title', {
-                    rules: [{
-                      required: true, message: '请填写请求标题'
-                    }],
-                  })(
-                    <Input placeholder="标题"/>
-                  )}
-                </Form.Item>
-                <MDEditor placeholder={'请输入合并请求的描述...'} height={350}
-                  mdID={'merge-new-description'} initValue={desc} onChange={this.onContentChange} ></MDEditor>
-                
-                <UploadComponent load={this.UploadFunc} isComplete={true} ></UploadComponent>
-                <p className="clearfix mt15">
-                  <Spin spinning={isSpin}>
-                    <a className="topWrapper_btn fr" type="submit" onClick={this.submit}>创建合并请求</a>
-                  </Spin>
-                </p>
-              </div>
-            </div>
-            <div className="list-left" style={{paddingRight:"0px",paddingLeft:"15px",paddingTop:"10px"}}>
-              <div className="list-l-panel">
-                <Form.Item
-                  label="标签"
-                >
-                  {getFieldDecorator('issue_tag_ids', {
-                
-                    rules: [],
-                  })(
-                    <Select value={issue_tag_ids}>
-                      <Option value="">{data && data.issue_tags.length > 0 ? '未选择标签':'请在仓库设置里添加标签'}</Option>
-                      { this.renderSelect(data && data.issue_tags) }
-                    </Select>
-                  )}
-                </Form.Item>
-                <Form.Item
-                  label="里程碑"
-                >
-                  {getFieldDecorator('fixed_version_id', {
-                   
-                    rules: [],
-                  })(
-                    <Select value={fixed_version_id}>
-                      <Option value="">{data && data.issue_versions.length > 0 ? '未选择里程碑': '请添加里程碑'}</Option>
-                      { this.renderSelect(data && data.issue_versions) }
-                    </Select>
-                  )}
-                </Form.Item>
-                <Form.Item
-                  label="指派成员"
-                >
-                  {getFieldDecorator('assigned_to_id', {
-                  })(
-                    <Select value={assigned_to_id}>
-                      <Option value="">未指派成员</Option>
-                      { this.renderSelect(data && data.members) }
-                    </Select>
-                  )}
-                </Form.Item>
-              </div>
+
+    return (
+      <div className="main">
+
+        <h1 className="mb10">创建合并请求</h1>
+        <h5 className="mb10">选择合并的目标分支和源分支</h5>
+        <div style={{ display: 'flex' }}>
+          <div className="mergediv">
+            <div>
+              <Dropdown className="topWrapperSelect" overlay={this.renderMenu(this.state.data && this.state.data.branches, 'branches')} trigger={['click']} placement="bottomCenter">
+                <Button>合并到：{this.state.merge}</Button>
+              </Dropdown>
+              ...
+          <Dropdown overlay={this.renderMenu(this.state.data && this.state.data.branches, 'pull')} trigger={['click']} placement="bottomCenter">
+                <Button>拉取从：{this.state.pull}</Button>
+              </Dropdown>
             </div>
           </div>
-        </Form>
         </div>
-        <div style={{display:this.state.iscreatemerge==='none'?'none':'block'}}>
-        <Table
+        <div style={{ display: this.state.iscreatemerge === 'none' ? 'block' : 'none' }}>
+          <div className="mergediv" style={{ marginTop: 15 }} >
+            {pull()}
+          </div>
+        </div>
+        <div style={{ display: this.state.iscreatemerge === 'none' ? 'none' : 'block' }}>
+          <Form>
+            <div className="f-wrap-between mt20" style={{ alignItems: "flex-start" }}>
+              <div className="list-right df" style={{ padding: "0px", paddingTop: "10px" }}>
+                <Link to={`/users/${current_user && current_user.login}/projects`} className="show-user-link">
+                  <img className="user_img" src={getImageUrl(`images/${current_user && current_user.image_url}`)} alt="" />
+                </Link>
+
+                <div className="new_context">
+                  <Form.Item>
+                    {getFieldDecorator('title', {
+                      rules: [{
+                        required: true, message: '请填写请求标题'
+                      }],
+                    })(
+                      <Input placeholder="标题" />
+                    )}
+                  </Form.Item>
+                  <MDEditor placeholder={'请输入合并请求的描述...'} height={350}
+                    mdID={'merge-new-description'} initValue={desc} onChange={this.onContentChange} ></MDEditor>
+
+                  <UploadComponent load={this.UploadFunc} isComplete={true} ></UploadComponent>
+                  <p className="clearfix mt15">
+                    <Spin spinning={isSpin}>
+                      <a className="topWrapper_btn fr" type="submit" onClick={this.submit}>创建合并请求</a>
+                    </Spin>
+                  </p>
+                </div>
+              </div>
+              <div className="list-left" style={{ paddingRight: "0px", paddingLeft: "15px", paddingTop: "10px" }}>
+                <div className="list-l-panel">
+                  <Form.Item
+                    label="标签"
+                  >
+                    {getFieldDecorator('issue_tag_ids', {
+
+                      rules: [],
+                    })(
+                      <Select value={issue_tag_ids}>
+                        <Option value="">{data && data.issue_tags.length > 0 ? '未选择标签' : '请在仓库设置里添加标签'}</Option>
+                        {this.renderSelect(data && data.issue_tags)}
+                      </Select>
+                    )}
+                  </Form.Item>
+                  <Form.Item
+                    label="里程碑"
+                  >
+                    {getFieldDecorator('fixed_version_id', {
+
+                      rules: [],
+                    })(
+                      <Select value={fixed_version_id}>
+                        <Option value="">{data && data.issue_versions.length > 0 ? '未选择里程碑' : '请添加里程碑'}</Option>
+                        {this.renderSelect(data && data.issue_versions)}
+                      </Select>
+                    )}
+                  </Form.Item>
+                  <Form.Item
+                    label="指派成员"
+                  >
+                    {getFieldDecorator('assigned_to_id', {
+                    })(
+                      <Select value={assigned_to_id}>
+                        <Option value="">未指派成员</Option>
+                        {this.renderSelect(data && data.members)}
+                      </Select>
+                    )}
+                  </Form.Item>
+                </div>
+              </div>
+            </div>
+          </Form>
+        </div>
+        <div style={{ display: this.state.iscreatemerge === 'none' ? 'none' : 'block' }}>
+          <Table
             className="mt20 wrap-commit-table"
             columns={columns}
             dataSource={titledata}
@@ -429,7 +423,7 @@ class NewMerge extends Component{
             title={() => title()}
           />
         </div>
-  </div>
+      </div>
     )
   }
 }
diff --git a/src/forge/Merge/merge.js b/src/forge/Merge/merge.js
index 749dc860f..37124417b 100644
--- a/src/forge/Merge/merge.js
+++ b/src/forge/Merge/merge.js
@@ -290,7 +290,7 @@ class merge extends Component {
             <a className="topWrapper_btn ml10" onClick={() => this.islogin()}>创建合并请求</a>
           </div>
         </div>
-        <div className="f-wrap-between mb20">
+        <div className="f-wrap-between pb20" style={{borderBottom:"1px dashed #ddd"}}>
           <div></div>
           <ul className="topWrapper_select">
             <li>
diff --git a/src/forge/Order/Detail.js b/src/forge/Order/Detail.js
index e4e719e16..f01465d8e 100644
--- a/src/forge/Order/Detail.js
+++ b/src/forge/Order/Detail.js
@@ -2,12 +2,12 @@ import React, { Component } from "react";
 import { Link } from "react-router-dom";
 
 import axios from "axios";
-import UploadComponent from "../Upload/Index";
 import { getImageUrl } from "educoder";
 import { Modal, Form, Tooltip, Popconfirm, Pagination, Spin, Tag } from "antd";
 import Attachments from "../Upload/attachment";
-import MDEditor from "../../modules/tpm/challengesnew/tpm-md-editor";
+// import MDEditor from "../../modules/tpm/challengesnew/tpm-md-editor";
 import RenderHtml from "../../components/render-html";
+import Comments from "../comments/comments"
 import "./order.css";
 // import AmplifyImg from "./AmplifyImg";
 
@@ -55,7 +55,7 @@ class Detail extends Component {
           this.setState({
             data: result.data,
           });
-          this.getjournalslist();
+          // this.getjournalslist();
         }
       })
       .catch((error) => {
@@ -74,91 +74,91 @@ class Detail extends Component {
     });
   };
 
-  imgshow = () => {
-    this.setState({
-      isShow: true,
-    });
-  };
+  // imgshow = () => {
+  //   this.setState({
+  //     isShow: true,
+  //   });
+  // };
 
   //添加评论
-  addjournals = () => {
-    const { quillValue } = this.state;
-    this.setState({
-      journal_spin: true,
-    });
-    if (!quillValue) {
-      this.setState({
-        quillFlag: true,
-        journal_spin: false,
-      });
-      return;
-    }
-    this.props.form.validateFieldsAndScroll((err, values) => {
-      if (!err) {
-        const { data, page, limit, fileList } = this.state;
-        const url = `/issues/${data.id}/journals.json`;
-        axios
-          .post(url, {
-            ...values,
-            content: quillValue,
-            issue_id: data.id,
-            attachment_ids: fileList,
-          })
-          .then((result) => {
-            if (result) {
-              this.props.showNotification("评论成功！");
-              this.props.form.setFieldsValue({
-                content: "",
-              });
-              this.setState({
-                showFiles: false,
-                quillValue: "",
-                quillFlag: false,
-                journal_spin: false,
-              });
-              this.getjournalslist(page, limit);
-            }
-          })
-          .catch((error) => {
-            this.setState({
-              journal_spin: false,
-            });
-            console.log(error);
-          });
-      } else {
-        this.setState({
-          journal_spin: false,
-        });
-      }
-    });
-  };
+  // addjournals = () => {
+  //   const { quillValue } = this.state;
+  //   this.setState({
+  //     journal_spin: true,
+  //   });
+  //   if (!quillValue) {
+  //     this.setState({
+  //       quillFlag: true,
+  //       journal_spin: false,
+  //     });
+  //     return;
+  //   }
+  //   this.props.form.validateFieldsAndScroll((err, values) => {
+  //     if (!err) {
+  //       const { data, page, limit, fileList } = this.state;
+  //       const url = `/issues/${data.id}/journals.json`;
+  //       axios
+  //         .post(url, {
+  //           ...values,
+  //           content: quillValue,
+  //           issue_id: data.id,
+  //           attachment_ids: fileList,
+  //         })
+  //         .then((result) => {
+  //           if (result) {
+  //             this.props.showNotification("评论成功！");
+  //             this.props.form.setFieldsValue({
+  //               content: "",
+  //             });
+  //             this.setState({
+  //               showFiles: false,
+  //               quillValue: "",
+  //               quillFlag: false,
+  //               journal_spin: false,
+  //             });
+  //             this.getjournalslist(page, limit);
+  //           }
+  //         })
+  //         .catch((error) => {
+  //           this.setState({
+  //             journal_spin: false,
+  //           });
+  //           console.log(error);
+  //         });
+  //     } else {
+  //       this.setState({
+  //         journal_spin: false,
+  //       });
+  //     }
+  //   });
+  // };
   //获取评论信息
-  getjournalslist = (page, limit) => {
-    const { data } = this.state;
-    const url = `/issues/${data.id}/journals.json`;
-    let id = data.id;
-    axios
-      .get(url, {
-        params: {
-          id,
-          page,
-          limit,
-        },
-      })
-      .then((result) => {
-        if (result) {
-          this.setState({
-            journalsdata: result.data,
-            search_count: result.data.journals_count,
-            isSpin: false,
-            fileList: undefined,
-          });
-        }
-      })
-      .catch((error) => {
-        console.log(error);
-      });
-  };
+  // getjournalslist = (page, limit) => {
+  //   const { data } = this.state;
+  //   const url = `/issues/${data.id}/journals.json`;
+  //   let id = data.id;
+  //   axios
+  //     .get(url, {
+  //       params: {
+  //         id,
+  //         page,
+  //         limit,
+  //       },
+  //     })
+  //     .then((result) => {
+  //       if (result) {
+  //         this.setState({
+  //           journalsdata: result.data,
+  //           search_count: result.data.journals_count,
+  //           isSpin: false,
+  //           fileList: undefined,
+  //         });
+  //       }
+  //     })
+  //     .catch((error) => {
+  //       console.log(error);
+  //     });
+  // };
 
   //删除任务信息
   deletedetail = (id) => {
@@ -202,63 +202,63 @@ class Detail extends Component {
   };
 
   //修改评论
-  updatedetail = (id) => {
-    const { page, limit, countvalue } = this.state;
-    const { orderId } = this.props.match.params;
-    this.setState({
-      edit_spin: true,
-    });
-    const url = `/issues/${orderId}/journals/${id}.json`;
-    axios
-      .put(url, {
-        issue_id: orderId,
-        id: id,
-        content: countvalue,
-      })
-      .then((result) => {
-        if (result) {
-          this.setState({
-            isedit: undefined,
-            edit_spin: false,
-          });
-          this.getjournalslist(page, limit);
-        }
-      })
-      .catch((error) => {
-        this.setState({
-          edit_spin: false,
-        });
-        console.log(error);
-      });
-  };
+  // updatedetail = (id) => {
+  //   const { page, limit, countvalue } = this.state;
+  //   const { orderId } = this.props.match.params;
+  //   this.setState({
+  //     edit_spin: true,
+  //   });
+  //   const url = `/issues/${orderId}/journals/${id}.json`;
+  //   axios
+  //     .put(url, {
+  //       issue_id: orderId,
+  //       id: id,
+  //       content: countvalue,
+  //     })
+  //     .then((result) => {
+  //       if (result) {
+  //         this.setState({
+  //           isedit: undefined,
+  //           edit_spin: false,
+  //         });
+  //         this.getjournalslist(page, limit);
+  //       }
+  //     })
+  //     .catch((error) => {
+  //       this.setState({
+  //         edit_spin: false,
+  //       });
+  //       console.log(error);
+  //     });
+  // };
   // 获取上传后的文件id数组
-  UploadFunc = (fileList) => {
-    this.setState({
-      fileList,
-    });
-  };
+  // UploadFunc = (fileList) => {
+  //   this.setState({
+  //     fileList,
+  //   });
+  // };
 
   //删除评论
-  deleteorder = (id) => {
-    const { orderId } = this.props.match.params;
-    const { page, limit } = this.state;
-    const url = `/issues/${orderId}/journals/${id}.json`;
-    axios
-      .delete(url, {
-        data: {
-          issue_id: orderId,
-          id: id,
-        },
-      })
-      .then((result) => {
-        if (result) {
-          this.getjournalslist(page, limit);
-        }
-      })
-      .catch((error) => {
-        console.log(error);
-      });
-  };
+  // deleteorder = (id) => {
+  //   const { orderId } = this.props.match.params;
+  //   const { page, limit } = this.state;
+  //   const url = `/issues/${orderId}/journals/${id}.json`;
+  //   axios
+  //     .delete(url, {
+  //       data: {
+  //         issue_id: orderId,
+  //         id: id,
+  //       },
+  //     })
+  //     .then((result) => {
+  //       if (result) {
+  //         this.getjournalslist(page, limit);
+  //       }
+  //     })
+  //     .catch((error) => {
+  //       console.log(error);
+  //     });
+  // };
 
   editdetail = (count, status) => {
     this.setState({
@@ -267,42 +267,42 @@ class Detail extends Component {
     });
   };
 
-  renderJournalList = (list) => {
-    if (list && list.length > 0) {
-      return list.map((item, key) => {
-        return (
-          <div key={key + 1} className="journal-list-item">
-            <span className="font-weight-bold mr3">{item.detail}：</span>
-            <span className="mr5 color-grey-9">
-              {item.old_value && item.old_value.length > 0 ? "更新为" : "新增"}
-            </span>
-            <span>
-              {item.value && item.value.length > 0 ? (
-                item.detail === "标签" ? (
-                  <span
-                    className="issue-tag-show"
-                    style={{ background: item.value[0].color }}
-                  >
-                    {item.value[0].name}
-                  </span>
-                ) : (
-                  item.value
-                )
-              ) : (
-                "无"
-              )}
-            </span>
-          </div>
-        );
-      });
-    } else {
-      return (
-        <div>
-          <span>没有评论~</span>
-        </div>
-      );
-    }
-  };
+  // renderJournalList = (list) => {
+  //   if (list && list.length > 0) {
+  //     return list.map((item, key) => {
+  //       return (
+  //         <div key={key + 1} className="journal-list-item">
+  //           <span className="font-weight-bold mr3">{item.detail}：</span>
+  //           <span className="mr5 color-grey-9">
+  //             {item.old_value && item.old_value.length > 0 ? "更新为" : "新增"}
+  //           </span>
+  //           <span>
+  //             {item.value && item.value.length > 0 ? (
+  //               item.detail === "标签" ? (
+  //                 <span
+  //                   className="issue-tag-show"
+  //                   style={{ background: item.value[0].color }}
+  //                 >
+  //                   {item.value[0].name}
+  //                 </span>
+  //               ) : (
+  //                 item.value
+  //               )
+  //             ) : (
+  //               "无"
+  //             )}
+  //           </span>
+  //         </div>
+  //       );
+  //     });
+  //   } else {
+  //     return (
+  //       <div>
+  //         <span>没有评论~</span>
+  //       </div>
+  //     );
+  //   }
+  // };
 
   //复制
   copydetail = () => {
@@ -341,23 +341,23 @@ class Detail extends Component {
       showFiles: flag,
     });
   };
-  // 新建评论
-  onContentChange = (value) => {
-    if (value) {
-      this.setState({
-        quillValue: value,
-        quillFlag: false,
-      });
-    }
-  };
-  // 编辑评论
-  onEditContentChange = (value) => {
-    if (value) {
-      this.setState({
-        countvalue: value,
-      });
-    }
-  };
+  // // 新建评论
+  // onContentChange = (value) => {
+  //   if (value) {
+  //     this.setState({
+  //       quillValue: value,
+  //       quillFlag: false,
+  //     });
+  //   }
+  // };
+  // // 编辑评论
+  // onEditContentChange = (value) => {
+  //   if (value) {
+  //     this.setState({
+  //       countvalue: value,
+  //     });
+  //   }
+  // };
 
   handleShowImage = (value) => {
     this.setState({
@@ -390,193 +390,193 @@ class Detail extends Component {
     const { projectsId, orderId } = this.props.match.params;
     const {
       data,
-      journalsdata,
-      page,
-      limit,
-      search_count,
-      isSpin,
-      isedit,
-      showFiles,
-      quillValue,
-      quillFlag,
-      countvalue,
-      imageUrl,
-      visible,
-      journal_spin,
-      edit_spin,
+      // journalsdata,
+      // page,
+      // limit,
+      // search_count,
+      // isSpin,
+      // isedit,
+      // showFiles,
+      // quillValue,
+      // quillFlag,
+      // countvalue,
+      // imageUrl,
+      // visible,
+      // journal_spin,
+      // edit_spin,
     } = this.state;
-    const { current_user } = this.props;
-    const Paginations = (
-      <React.Fragment>
-        {search_count > limit ? (
-          <div className="pt30 mb50 edu-txt-center btp1">
-            <Pagination
-              simple
-              defaultCurrent={page}
-              total={search_count}
-              pageSize={limit}
-              onChange={this.ChangePage}
-            ></Pagination>
-          </div>
-        ) : (
-          ""
-        )}
-      </React.Fragment>
-    );
-    const renderList = () => {
-      if (
-        journalsdata &&
-        journalsdata.issue_journals &&
-        journalsdata.issue_journals.length > 0
-      ) {
-        return (
-          <div className="tagList">
-            {journalsdata.issue_journals.map((item, key) => {
-              return (
-                <li key={key}>
-                  {key > 0 && (
-                    <div
-                      className="order_line"
-                      style={{ marginLeft: 80 }}
-                    ></div>
-                  )}
-                  <div className="df">
-                    <Link
-                      to={`/users/${item && item.user_login}/projects`}
-                      className="show-user-link"
-                    >
-                      <img
-                        className="user_img"
-                        src={getImageUrl(`images/${item && item.user_picture}`)}
-                        alt=""
-                      />
-                    </Link>
+    // const { current_user } = this.props;
+    // const Paginations = (
+    //   <React.Fragment>
+    //     {search_count > limit ? (
+    //       <div className="pt30 mb50 edu-txt-center btp1">
+    //         <Pagination
+    //           simple
+    //           defaultCurrent={page}
+    //           total={search_count}
+    //           pageSize={limit}
+    //           onChange={this.ChangePage}
+    //         ></Pagination>
+    //       </div>
+    //     ) : (
+    //       ""
+    //     )}
+    //   </React.Fragment>
+    // );
+    // const renderList = () => {
+    //   if (
+    //     journalsdata &&
+    //     journalsdata.issue_journals &&
+    //     journalsdata.issue_journals.length > 0
+    //   ) {
+    //     return (
+    //       <div className="tagList">
+    //         {journalsdata.issue_journals.map((item, key) => {
+    //           return (
+    //             <li key={key}>
+    //               {key > 0 && (
+    //                 <div
+    //                   className="order_line"
+    //                   style={{ marginLeft: 80 }}
+    //                 ></div>
+    //               )}
+    //               <div className="df">
+    //                 <Link
+    //                   to={`/users/${item && item.user_login}/projects`}
+    //                   className="show-user-link"
+    //                 >
+    //                   <img
+    //                     className="user_img"
+    //                     src={getImageUrl(`images/${item && item.user_picture}`)}
+    //                     alt=""
+    //                   />
+    //                 </Link>
 
-                    <div className="detail_context">
-                      <div className="topWrapper_detali">
-                        <p className="ml6 detail_p lineH40">
-                          {item.user_name}
-                          <span className="color-grey-9 ml3 mr3">评论于</span>
-                          <Tooltip title={item.format_time} placement="bottom">
-                            <span>{item.created_at}</span>
-                          </Tooltip>
-                        </p>
-                        <div
-                          className="detail_right"
-                          style={{
-                            display:
-                              current_user &&
-                              isedit === undefined &&
-                              (current_user.admin ||
-                                current_user.login === item.user_login)
-                                ? "block"
-                                : "none",
-                          }}
-                        >
-                          <span
-                            onClick={() =>
-                              this.editdetail(item.content, item.id)
-                            }
-                            className="detail_edit_action"
-                          >
-                            编辑
-                          </span>
-                          <Popconfirm
-                            placement="bottom"
-                            title={"确定要删除当前评论吗?"}
-                            okText="是"
-                            cancelText="否"
-                            onConfirm={() => this.deleteorder(item.id)}
-                          >
-                            <span className="detail_edit_action">删除</span>
-                          </Popconfirm>
-                        </div>
-                      </div>
-                      <div className="detail_ptitlecount">
-                        <div
-                          style={{
-                            display:
-                              isedit && isedit === item.id ? "none" : "block",
-                          }}
-                        >
-                          {item.content ? (
-                            this.commentCtx(item.content)
-                          ) : (
-                            <div>
-                              {this.renderJournalList(item.journal_details)}
-                            </div>
-                          )}
-                          {item &&
-                          item.attachments &&
-                          item.attachments.length > 0 ? (
-                            <Attachments
-                              attachments={item.attachments}
-                              showNotification={this.props.showNotification}
-                              canDelete={
-                                current_user &&
-                                (current_user.admin ||
-                                  current_user.login === item.user_login)
-                              }
-                            />
-                          ) : (
-                            ""
-                          )}
-                        </div>
-                        <div
-                          style={{
-                            display:
-                              isedit && isedit === item.id ? "block" : "none",
-                          }}
-                        >
-                          <div className="quillContent mt20">
-                            <MDEditor
-                              placeholder={"添加评论..."}
-                              height={200}
-                              mdID={`orderdetail-add-description${item.id}`}
-                              startInit={isedit && isedit === item.id}
-                              initValue={countvalue}
-                              onChange={this.onEditContentChange}
-                            ></MDEditor>
-                            <p className="quillFlag">
-                              {quillFlag && (
-                                <span className="">请输入评论内容</span>
-                              )}
-                            </p>
-                          </div>
-                          <p className="clearfix mt15">
-                            <Spin spinning={edit_spin}>
-                              <a
-                                className="topWrapper_btn fr"
-                                type="submit"
-                                onClick={() => this.updatedetail(item.id)}
-                              >
-                                保存
-                              </a>
-                              <a
-                                className="a_btn cancel_btn fr"
-                                type="submit"
-                                onClick={() =>
-                                  this.editdetail(item.content, undefined)
-                                }
-                              >
-                                取消
-                              </a>
-                            </Spin>
-                          </p>
-                        </div>
-                      </div>
-                      <div style={{ display: this.state.display }}>
-                        <div className="div_line"></div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-              );
-            })}
-          </div>
-        );
-      }
-    };
+    //                 <div className="detail_context">
+    //                   <div className="topWrapper_detali">
+    //                     <p className="ml6 detail_p lineH40">
+    //                       {item.user_name}
+    //                       <span className="color-grey-9 ml3 mr3">评论于</span>
+    //                       <Tooltip title={item.format_time} placement="bottom">
+    //                         <span>{item.created_at}</span>
+    //                       </Tooltip>
+    //                     </p>
+    //                     <div
+    //                       className="detail_right"
+    //                       style={{
+    //                         display:
+    //                           current_user &&
+    //                           isedit === undefined &&
+    //                           (current_user.admin ||
+    //                             current_user.login === item.user_login)
+    //                             ? "block"
+    //                             : "none",
+    //                       }}
+    //                     >
+    //                       <span
+    //                         onClick={() =>
+    //                           this.editdetail(item.content, item.id)
+    //                         }
+    //                         className="detail_edit_action"
+    //                       >
+    //                         编辑
+    //                       </span>
+    //                       <Popconfirm
+    //                         placement="bottom"
+    //                         title={"确定要删除当前评论吗?"}
+    //                         okText="是"
+    //                         cancelText="否"
+    //                         onConfirm={() => this.deleteorder(item.id)}
+    //                       >
+    //                         <span className="detail_edit_action">删除</span>
+    //                       </Popconfirm>
+    //                     </div>
+    //                   </div>
+    //                   <div className="detail_ptitlecount">
+    //                     <div
+    //                       style={{
+    //                         display:
+    //                           isedit && isedit === item.id ? "none" : "block",
+    //                       }}
+    //                     >
+    //                       {item.content ? (
+    //                         this.commentCtx(item.content)
+    //                       ) : (
+    //                         <div>
+    //                           {this.renderJournalList(item.journal_details)}
+    //                         </div>
+    //                       )}
+    //                       {item &&
+    //                       item.attachments &&
+    //                       item.attachments.length > 0 ? (
+    //                         <Attachments
+    //                           attachments={item.attachments}
+    //                           showNotification={this.props.showNotification}
+    //                           canDelete={
+    //                             current_user &&
+    //                             (current_user.admin ||
+    //                               current_user.login === item.user_login)
+    //                           }
+    //                         />
+    //                       ) : (
+    //                         ""
+    //                       )}
+    //                     </div>
+    //                     <div
+    //                       style={{
+    //                         display:
+    //                           isedit && isedit === item.id ? "block" : "none",
+    //                       }}
+    //                     >
+    //                       <div className="quillContent mt20">
+    //                         <MDEditor
+    //                           placeholder={"添加评论..."}
+    //                           height={200}
+    //                           mdID={`orderdetail-add-description${item.id}`}
+    //                           startInit={isedit && isedit === item.id}
+    //                           initValue={countvalue}
+    //                           onChange={this.onEditContentChange}
+    //                         ></MDEditor>
+    //                         <p className="quillFlag">
+    //                           {quillFlag && (
+    //                             <span className="">请输入评论内容</span>
+    //                           )}
+    //                         </p>
+    //                       </div>
+    //                       <p className="clearfix mt15">
+    //                         <Spin spinning={edit_spin}>
+    //                           <a
+    //                             className="topWrapper_btn fr"
+    //                             type="submit"
+    //                             onClick={() => this.updatedetail(item.id)}
+    //                           >
+    //                             保存
+    //                           </a>
+    //                           <a
+    //                             className="a_btn cancel_btn fr"
+    //                             type="submit"
+    //                             onClick={() =>
+    //                               this.editdetail(item.content, undefined)
+    //                             }
+    //                           >
+    //                             取消
+    //                           </a>
+    //                         </Spin>
+    //                       </p>
+    //                     </div>
+    //                   </div>
+    //                   <div style={{ display: this.state.display }}>
+    //                     <div className="div_line"></div>
+    //                   </div>
+    //                 </div>
+    //               </div>
+    //             </li>
+    //           );
+    //         })}
+    //       </div>
+    //     );
+    //   }
+    // };
     const get_color = (type) => {
       if (type === "高") {
         return "#e67e22";
@@ -685,8 +685,9 @@ class Detail extends Component {
               ""
             )}
           </div>
+          <Comments order_id={orderId} showNotification={this.props.showNotification}  {...this.props} />
         </div>
-        <div className="list-left">
+        <div className="list-left list-left-padding">
           <div className="pd20 background-f">
             <p className="grid-item pb15">
               <span className="issue_detail_info">分支:</span>
@@ -791,56 +792,56 @@ class Detail extends Component {
       //   <div className="detail_p">
       //     {data && data.description && (data.description.length > 0) ? this.commentCtx(data.description) : <span className="color-grey-9 ml3 mr3">没有描述</span>}
       //   </div>
-      //   {
-      //     data && data.attachments && data.attachments.length > 0 ?
-      //       <Attachments attachments={data.attachments} showNotification={this.props.showNotification} />
-      //       :
-      //       ""
-      //   }
+        // {
+        //   data && data.attachments && data.attachments.length > 0 ?
+        //     <Attachments attachments={data.attachments} showNotification={this.props.showNotification} />
+        //     :
+        //     ""
+        // }
       // </div>
       //         </div>
-      //         <div className="order_line" style={{ marginLeft: 80 }}></div>
-      //         <Spin spinning={isSpin}>
-      //           <ul className="ul_width">
-      //             {renderList()}
-      //           </ul>
-      //         </Spin>
+              // <div className="order_line" style={{ marginLeft: 80 }}></div>
+              // <Spin spinning={isSpin}>
+              //   <ul className="ul_width">
+              //     {renderList()}
+              //   </ul>
+              // </Spin>
 
-      //         {Paginations}
-      //         {
-      //           current_user && current_user.login ?
-      //             <React.Fragment>
-      //               <div className="order_line" style={{ marginLeft: 80 }}></div>
-      //               <div className="df">
-      //                 <img className="user_img" src={getImageUrl(`images/${current_user && current_user.image_url}`)} alt="" />
-      //                 <div className="new_context">
-      //                   <div className="quillContent" style={{ marginBottom: "20px" }}>
-      //                     <MDEditor placeholder={'添加评论...'} height={200}
-      //                       mdID={'orderdetail-add-descriptions'} initValue={quillValue} onChange={this.onContentChange} ></MDEditor>
-      //                     <p className="quillFlag">
-      //                       {quillFlag && <span className="">请输入评论内容</span>}
-      //                     </p>
-      //                   </div>
-      //                   <UploadComponent load={this.UploadFunc} isComplete={showFiles} changeIsComplete={this.changeIsComplete}></UploadComponent>
-      //                   <p className="clearfix mt15">
-      //                     <Spin spinning={journal_spin}>
-      //                       <a className="topWrapper_btn fr" type="submit" onClick={this.addjournals}>评论</a>
-      //                       {
-      //                         data && data.user_permission ?
-      //                           <a className="Closeor_btn fr" type="submit"
-      //                             onClick={() => this.closedetail(data && data.issue_status === "关闭" ? 2 : 5)}>{data && data.issue_status === "关闭" ? "重新开启" : "关闭"}</a>
-      //                           :
-      //                           ""
-      //                       }
-      //                     </Spin>
+              // {Paginations}
+              // {
+              //   current_user && current_user.login ?
+              //     <React.Fragment>
+              //       <div className="order_line" style={{ marginLeft: 80 }}></div>
+              //       <div className="df">
+              //         <img className="user_img" src={getImageUrl(`images/${current_user && current_user.image_url}`)} alt="" />
+              //         <div className="new_context">
+              //           <div className="quillContent" style={{ marginBottom: "20px" }}>
+              //             <MDEditor placeholder={'添加评论...'} height={200}
+              //               mdID={'orderdetail-add-descriptions'} initValue={quillValue} onChange={this.onContentChange} ></MDEditor>
+              //             <p className="quillFlag">
+              //               {quillFlag && <span className="">请输入评论内容</span>}
+              //             </p>
+              //           </div>
+              //           <UploadComponent load={this.UploadFunc} isComplete={showFiles} changeIsComplete={this.changeIsComplete}></UploadComponent>
+              //           <p className="clearfix mt15">
+              //             <Spin spinning={journal_spin}>
+              //               <a className="topWrapper_btn fr" type="submit" onClick={this.addjournals}>评论</a>
+              //               {
+              //                 data && data.user_permission ?
+              //                   <a className="Closeor_btn fr" type="submit"
+              //                     onClick={() => this.closedetail(data && data.issue_status === "关闭" ? 2 : 5)}>{data && data.issue_status === "关闭" ? "重新开启" : "关闭"}</a>
+              //                   :
+              //                   ""
+              //               }
+              //             </Spin>
 
-      //                   </p>
-      //                 </div>
-      //               </div>
-      //             </React.Fragment>
-      //             :
-      //             <div className="loginDiv"><Link to={`/login`}>登录</Link>并参与到对话中</div>
-      //         }
+              //           </p>
+              //         </div>
+              //       </div>
+              //     </React.Fragment>
+              //     :
+              //     <div className="loginDiv"><Link to={`/login`}>登录</Link>并参与到对话中</div>
+              // }
 
       //       </div>
       // <div className="list-left DetailRight" style={{ backgroundColor: "#fff" }}>
diff --git a/src/forge/Order/New.js b/src/forge/Order/New.js
index 18fd5dd1c..fad9b46ac 100644
--- a/src/forge/Order/New.js
+++ b/src/forge/Order/New.js
@@ -125,6 +125,8 @@ class New extends Component {
               description: '',
               isSpin: false
             })
+            const { getDetail } = this.props;
+            getDetail && getDetail();
           }
         }).catch(error => {
           this.setState({
@@ -181,7 +183,7 @@ class New extends Component {
                   <MDEditor placeholder={'请输入描述信息'} height={350}
                     mdID={'order-new-description'} initValue={description} onChange={this.onContentChange} ></MDEditor>
                 </div>
-                <UploadComponent load={this.UploadFunc} showNotification={this.props.showNotification} isComplete={true}></UploadComponent>
+                <UploadComponent load={this.UploadFunc} showNotification={this.props.showNotification} isComplete={true} size={100}></UploadComponent>
                 <p className="clearfix mt15">
                   <Spin spinning={isSpin}>
                     <a className="topWrapper_btn fr" type="submit" onClick={this.handleSubmit}>创建任务</a>
diff --git a/src/forge/Order/OrderItem.js b/src/forge/Order/OrderItem.js
index c2d731d53..0b0870932 100644
--- a/src/forge/Order/OrderItem.js
+++ b/src/forge/Order/OrderItem.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
 import { Popconfirm } from 'antd'
-
+import { TagInfo } from '../Utils/TagColor';
 
 
 class OrderItem extends Component {
@@ -18,7 +18,7 @@ class OrderItem extends Component {
       return (
         issue_tags.map((item, key) => {
           return (
-            <span className="issue-tag-show" style={{ background: item.color }}>{item.name}</span>
+            <span>{item.name}</span>
           )
         })
       )
@@ -43,88 +43,79 @@ class OrderItem extends Component {
       isdisplay: false
     })
   }
-
   render() {
-    const { issues, search_count, page, limit } = this.props;
+    const { item, key, checkbox } = this.props;
     const { projectsId } = this.props.match.params;
     const { current_user } = this.props
 
     const renderList = () => {
-      if (issues && issues.length > 0) {
+      if (item) {
         return (
-          issues.map((item, key) => {
-            return (
-              <div className="issueItem" key={key}>
-                <div className="flex-1">
-                  <p className="mb15 df">
-                    <span className={item.issue_status === "关闭" ? "issueNo" : "issueNo issueOpen"}># {search_count - (key + (page - 1) * limit)}</span>
-                    <Link to={`/projects/${projectsId}/orders/${item.id}/detail`} className="flex-1 hide-1 font-16 color-grey-3 lineh-30">{item.name}</Link>
-                  </p>
-                  <p className="color-grey-6 font-12">
-                    <span>{item.format_time}</span><span className="ml5">发布</span>
-                    {
-                      item.updated_at === item.format_time ?
-                        ""
-                        :
-                        <span className="ml20"><span>{item.updated_at}</span><span className="ml5">更新</span></span>
-                    }
-                  </p>
-                </div>
-                <ul className="topWrapper_select no-cursor" onMouseMove={() => this.onMouseMove(item.id)} onMouseOut={() => this.onMouseOut()} >
-                  <li>{this.set_issue_tags(item.issue_tags)}</li>
-                  <li>{item.tracker || "--"}</li>
-                  <li>
-                    {
-                      item.author_name ?
-                        <Link to={`/users/${item.author_login}/projects`} className="show-user-link">
-                          {item.author_name}
-                        </Link>
-                        : "--"
-                    }
-                  </li>
-                  <li>
-                    {
-                      item.assign_user_name ?
-                        <Link to={`/users/${item.assign_user_login}/projects`} className="show-user-link">
-                          {item.assign_user_name}
-                        </Link>
-                        : "--"
-                    }
-                  </li>
-                  <li><p style={{ width: 60, height: 25, margin: 'auto', paddingTop: 2, background: item.priority === '高' ? '#e67e22' : item.priority === '正常' ? '#28be6c' : item.priority === '低' ? '#1abc9c' : '#e74c3c', color: '#ffffff', borderRadius: 4 }}>{item.priority || "--"}</p></li>
-                  <li>{item.done_ratio || "--"}</li>
-                  <li>
-                    <div className="flex-1">
-                      <p>
-                        {item.journals_count ? <Link to={`/projects/${projectsId}/orders/${item.id}/detail`}><i className="iconfont icon-pinglun1 mr3 font-16"></i>{item.journals_count}</Link> : ""}
-                      </p>
-                      {
-                        current_user && current_user.login ?
-                          <div className="milepostleft" style={{ display: this.state.orderid === item.id && this.state.isdisplay ? 'flex' : 'none' }}>
-                            <div className="grid-item mr15 color-grey-9">
-                              <Link to={`/projects/${projectsId}/orders/${item.id}/updatedetail`} className="color-grey-9"><i className="iconfont icon-bianji3 font-14 mr5"></i></Link>
-                            </div>
-                            <div className="grid-item color-grey-9">
-                              <Popconfirm placement="bottom" title={'您确定要删除吗'} okText="是" cancelText="否" onConfirm={() => this.deletedetail(item.id)}>
-                                <i className="iconfont icon-yiguanbi1 font-14"></i>
-                              </Popconfirm>
-                            </div>
-                          </div>
-                          : ""
-                      }
+          <div className="issueItem" key={key}>
+            {current_user && current_user.login && checkbox}
+            <div className="flex-1">
+              <p className="mb15 df" style={{alignItems:"center"}}>
+                <Link to={`/projects/${projectsId}/orders/${item.id}/detail`} className="hide-1 font-16 color-grey-3 lineh-30" style={{maxWidth:"300px"}}>{item.name}</Link>
+                {TagInfo(item.priority,"ml10")}
+              </p>
+              <p className="color-grey-6 font-12">
+                <span>{item.format_time}</span><span className="ml5">发布</span>
+                {
+                  item.updated_at === item.format_time ? "" :
+                  <span className="ml20"><span>{item.updated_at}</span><span className="ml5">更新</span></span>
+                }
+              </p>
+            </div>
+            <ul className="topWrapper_select no-cursor" onMouseMove={() => this.onMouseMove(item.id)} onMouseOut={() => this.onMouseOut()} >
+              <li>{this.set_issue_tags(item.issue_tags)}</li>
+              <li>
+                {
+                  item.author_name ?
+                    <Link to={`/users/${item.author_login}/projects`} className="show-user-link">
+                      {item.author_name}
+                    </Link>
+                    : "--"
+                }
+              </li>
+              <li>
+                {
+                  item.assign_user_name ?
+                    <Link to={`/users/${item.assign_user_login}/projects`} className="show-user-link">
+                      {item.assign_user_name}
+                    </Link>
+                    : "--"
+                }
+              </li>
+              <li>{item.tracker || "--"}</li>
+              <li>{item.version || "--"}</li>
+              <li>{item.issue_status || "--"}</li>
+              <li style={{color:`${item.done_ratio === "100%"?"#28BD6C":"#F73030"}`}}>{item.done_ratio || "--"}</li>
+              <li>
+                <div className="milepostleft">
+                  <Link to={`/projects/${projectsId}/orders/${item.id}/detail`}><i className="iconfont icon-pinglun1 mr3 font-16"></i>{item.journals_count}</Link>
+                  {
+                    current_user && current_user.login ?
+                    <div style={{ display: this.state.orderid === item.id && this.state.isdisplay ? 'flex' : 'none' }}>
+                      <div className="mr8 ml8 color-grey-9">
+                        <Link to={`/projects/${projectsId}/orders/${item.id}/updatedetail`} className="color-grey-9"><i className="iconfont icon-bianji3 font-14 mr5"></i></Link>
+                      </div>
+                      <div className="color-grey-9">
+                        <Popconfirm placement="bottom" title={'您确定要删除吗'} okText="是" cancelText="否" onConfirm={() => this.deletedetail(item.id)}>
+                          <i className="iconfont icon-yiguanbi1 font-14"></i>
+                        </Popconfirm>
+                      </div>
                     </div>
-                  </li>
-                </ul>
-              </div>
-            )
-          })
+                    : ""
+                  }
+                </div>
+              </li>
+            </ul>
+          </div>
         )
       }
     }
     return (
-      <div>
-        {renderList()}
-      </div>
+      renderList()
     )
   }
 }
diff --git a/src/forge/Order/index.scss b/src/forge/Order/index.scss
new file mode 100644
index 000000000..f6b760b6a
--- /dev/null
+++ b/src/forge/Order/index.scss
@@ -0,0 +1,72 @@
+.screenWrap{
+  background:rgba(250,250,250,1);
+  border:1px solid rgba(221,221,221,1);
+}
+
+.searchBanner{
+  display: flex;
+  height: 50px;
+  line-height: 50px;
+  li{
+    margin-right: 30px;
+    display: flex;
+    align-items: center;
+  }
+  li > label{
+    position: relative;
+    cursor: pointer;
+  }
+  li > span{
+    display: block;
+    padding:0px 8px;
+    border-radius: 10px;
+    background-color: #eee;
+    margin-left: 5px;
+    cursor: pointer;
+    height: 20px;
+    line-height: 20px;
+  }
+  li.active > label::after{
+    position: absolute;
+    width: 100%;
+    height: 2px;
+    content: '';
+    left: 0px;
+    bottom:0px;
+    background-color:#5091FF;
+  }
+}
+.milepostleft{
+  &>div{
+    display: flex;
+    align-items: center;
+    justify-content: center
+  }
+}
+.statusTag{
+  display: block;
+  height: 24px;
+  line-height: 24px;
+  border-radius: 4px;
+  padding:0px 12px;
+  color: #fff;
+  margin:3px 0px 0px 10px;
+}
+
+.updateBtn{
+  display: block;
+  width:60px;
+  text-align: center;
+  height: 26px;
+  line-height: 26px;
+  background-color: #fff;
+  border-radius: 5px;
+}
+.updateBtn.blue{
+  border:1px solid #5091FF;
+  color: #5091FF;
+}
+.updateBtn.red{
+  border:1px solid #F73030;
+  color: #F73030;
+}
\ No newline at end of file
diff --git a/src/forge/Order/order.css b/src/forge/Order/order.css
index c083942b4..1c1319cd0 100644
--- a/src/forge/Order/order.css
+++ b/src/forge/Order/order.css
@@ -1,9 +1,8 @@
 .topWrapper {
-  padding: 20px 0;
+  padding-bottom:20px;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
-  border-bottom: 1px solid #EEEEEE;
   flex-wrap: wrap;
 }
 .quillContent{
@@ -129,8 +128,9 @@
   border-radius: 0px 5px 5px 0px;
 }
 .topWrapper_btn {
-  background: #21ba45;
-  color: #FFFFFF!important;
+  background: #fff;
+  border:1px solid #5091FF;
+  color: #5091FF!important;
   padding:0px 12px;
   text-align: center;
   height: 32px;
@@ -138,23 +138,29 @@
   border-radius: 4px;
 }
 .topWrapper_type{
-  border:1px solid #f4f4f4;
-  border-radius: 6px;
   display: flex;
 }
 .topWrapper_type li{
+  display: flex;
+  align-items: center;
+  margin-right: 30px;
+}
+.topWrapper_type li >span{
+  display: block;
   height: 30px;
   line-height: 30px;
-  border-left:1px solid #f4f4f4;
-  padding:0px 8px;
+  padding: 0px 13px;
+  border-radius: 5px;
+  min-width: 60px;
+  box-sizing: border-box;
+  text-align: center;
+  background:rgba(250,250,250,1);
+  border:1px solid rgba(221,221,221,1);
   cursor: pointer;
-  color: #666
 }
-.topWrapper_type li.active{
+.topWrapper_type li > span.active{
   color: #4CACFF;
-}
-.topWrapper_type li:first-child{
-  border-left: none;
+  border:1px solid rgba(80,145,255,1);
 }
 .topWrapper_select{
   display: flex;
@@ -202,9 +208,6 @@
   border-bottom:1px dashed #cecdcd;
   padding:16px 0px;
 }
-.issueItem:first-child{
-  border-top:1px dashed #cecdcd;
-}
 .issueNo{
   padding:0px 5px;
   border-radius: 4px;
@@ -421,10 +424,8 @@
   width: 80%;
 }
 .milepostleft{
-  text-align: right;
   display: flex;
-  justify-content: right;
-  width: 20%;
+  justify-content: center;
 }
 .textwidth{
   display: flex;
@@ -495,7 +496,7 @@
   flex-wrap: wrap;
 }
 .issue-tag-show{padding: 3px 8px; color: #fff; border-radius: 6px;}
-.journal-list-item{padding: 12px 15px}
+.journal-list-item{padding: 10px}
 
 /*.DetailRight > p >span:nth-child(1){*/
   /*min-width: 90px;*/
@@ -531,9 +532,9 @@ a.issue-type-button.active:hover{background: #f4f4f4; color: #4CACFF;}
 .attachment-list-div:hover .attachment-list-delete{display: block !important;}
 .attachment-list-a{color: rgba(0, 0, 0, 0.65) !important;}
 .btp1{border-top: 1px solid #f4f4f4;}
+
 .grid-item{display: grid; align-items: center; grid-template-columns: max-content 1fr;}
 .grid-item-left{display: grid; align-items: center; grid-template-columns: 1fr max-content ;}
-
 .fwb{font-weight: bold;}
 
 /* 发布人、指派人数量过多时要出现滚动条 */
@@ -566,4 +567,20 @@ a.issue-type-button.active:hover{background: #f4f4f4; color: #4CACFF;}
   margin-right: 15px;
   text-align: right;
   color:#888888;
+}
+.list-left-padding{padding: 0 0 0 20px !important;}
+.comment-background{
+  background:rgba(250,250,250,1);
+  /* padding: 15px;  */
+  border: 1px solid #f4f4f4;
+}
+.border-bottom-comment{border-bottom: 1px solid #eee;}
+.comment-background .ant-list-header{padding: 20px;}
+.comment-background .ant-list-item{padding: 10px;}
+.comment-background .ant-list-split .ant-list-item:last-child{border-bottom: 1px solid #e8e8e8;}
+.commentStyle{background-color: #fff !important;}
+.reply-comment-input .add_reply_button{background-color: #fff !important; color: #888; width: 100%; text-align: left;}
+.children-comment-bg{
+  background:rgba(241,248,255,1);
+border:1px solid rgba(238,238,238,1);
 }
\ No newline at end of file
diff --git a/src/forge/Order/order.js b/src/forge/Order/order.js
index 80ff73964..2b9fd2043 100644
--- a/src/forge/Order/order.js
+++ b/src/forge/Order/order.js
@@ -1,6 +1,8 @@
 import React, { Component } from "react";
-import { Input, Dropdown, Menu, Icon, Pagination, Spin } from "antd";
+import { Input, Dropdown, Menu, Icon, Pagination, Spin, DatePicker, Checkbox } from "antd";
 import "./order.css";
+import './index.scss';
+import moment from 'moment';
 
 import NoneData from "../Nodata";
 import OrderItem from "./OrderItem";
@@ -33,32 +35,40 @@ class order extends Component {
       search: undefined,
       author_id: undefined,
       assigned_to_id: undefined,
-      // limit: 15,
-      // page: 1,
       search_count: undefined,
       issue_type: undefined,
-      status_type: "1",
-      //设置选择高亮
-      // openselect: 1,
-      // closeselect: undefined,
+      status_type: undefined,
       issue_tag_ids: "标签",
-      tracker_ids: "所有分类",
+      tracker_ids: "类型",
       author_ids: "发布人",
-      assigned_to_ids: "指派人",
-      priority_ids: "优先度",
+      assigned_to_ids: "负责人",
+      fixed_version_ids: "里程碑",
+      status_ids: "状态",
       done_ratios: "完成度",
       paix: "排序",
+      update_author_ids:"更换负责人",
+      update_fixed_version_ids:'更换里程碑',
+      update_status_ids:"修改状态",
+      begin: '',
+      end: '',
+      checkedValue: [],
+      allValue: [],
+      all: false,
       select_params: {
-        status_type: "1", //开启中和关闭中，默认为开启中的
-        assigned_to_id: undefined, // 指派人
+        status_type: undefined, //开启中和关闭中,全部，默认为全部
+        assigned_to_id: undefined, // 负责人
         author_id: undefined, // 发布人
         issue_tag_id: undefined, // 标签
-        tracker_id: undefined, //所有分类
+        tracker_id: undefined, //类型
         done_ratio: undefined, // 完成度
-        priority_id: undefined, // 优先级
+        status_id: undefined, // 优先级
+        fixed_version_id: undefined,//里程碑
         order_name: undefined,
         order_type: undefined,
         search: undefined,
+        update_author_id:undefined,
+        update_fixed_version_id:undefined,
+        update_status_id:undefined,
         page: 1,
         limit: 15,
       },
@@ -71,39 +81,52 @@ class order extends Component {
   };
 
   getSelectList = () => {
+    this.setState({
+      isSpin: true
+    })
     const { projectsId } = this.props.match.params;
 
     const url = `/projects/${projectsId}/issues/index_chosen.json`;
-    axios
-      .get(url)
-      .then((result) => {
-        if (result) {
-          this.setState({
-            issue_chosen: result.data.issue_chosen,
-          });
-        }
-      })
+    axios.get(url).then((result) => {
+      if (result) {
+        this.setState({
+          issue_chosen: result.data.issue_chosen,
+          isSpin: false
+        });
+      }
+    })
       .catch((error) => {
         console.log(error);
       });
   };
 
   // 获取列表数据
-  getIssueList = () => {
+  getIssueList = (begin, end) => {
+    this.setState({
+      isSpin: true
+    })
     const { select_params } = this.state;
     const { projectsId } = this.props.match.params;
     const url = `/projects/${projectsId}/issues.json`;
     axios
       .get(url, {
-        params: select_params,
+        params: {
+          ...select_params,
+          start_date: begin,
+          due_date: end
+        }
       })
       .then((result) => {
         if (result) {
+          const issues = result.data.issues
           this.setState({
             data: result.data,
-            issues: result.data.issues,
+            issues: issues,
             search_count: result.data.search_count,
             isSpin: false,
+            allValue: issues && issues.length > 0 && issues.map((item) => {
+              return (item.id)
+            })
           });
         }
       })
@@ -145,35 +168,38 @@ class order extends Component {
     this.getIssueList();
   };
 
-  getOption = (e, id, name) => {
+  getOption = (e, id, name,toGet) => {
     const { current_user } = this.props;
-    this.setState({
-      isSpin: true,
-    });
     let option_id = e.key === "all" ? undefined : e.key;
-    this.state.select_params[`${id}`] = option_id;
-    this.state.select_params.page = 1;
-    this.state[`${id}s`] = name;
-    if (current_user) {
-      if ( this.state.select_params.author_id && parseInt(this.state.select_params.author_id) === current_user.user_id) {
-        this.state.author_id = current_user.user_id;
-      } else {
-        this.state.author_id = undefined;
-      }
 
-      if (this.state.select_params.assigned_to_id && parseInt(this.state.select_params.assigned_to_id) === current_user.user_id ) {
-        this.state.assigned_to_id = current_user.user_id;
+    let select_params = this.state.select_params;
+    select_params[`${id}`] = option_id;
+    select_params.page = 1;
+    if (current_user) {
+      if (this.state.select_params.author_id && parseInt(this.state.select_params.author_id) === current_user.user_id) {
+        select_params.author_id = current_user.user_id;
       } else {
-        this.state.assigned_to_id = undefined;
+        select_params.author_id = undefined;
+      }
+      if (this.state.select_params.assigned_to_id && parseInt(this.state.select_params.assigned_to_id) === current_user.user_id) {
+        select_params.assigned_to_id = current_user.user_id;
+      } else {
+        select_params.assigned_to_id = undefined;
       }
     }
-    this.getIssueList();
+    this.setState({
+      [`${id}s`] : name,
+      select_params
+    });
+    if(!toGet){
+      this.getIssueList();
+    }
   };
 
-  renderMenu = (array, name, id) => {
+  renderMenu = (array, name, id,toGet) => {
     return (
       <Menu>
-        <Menu.Item key={"all"} onClick={(e) => this.getOption(e, id, name)}>
+        <Menu.Item key={"all"} onClick={(e) => this.getOption(e, id, name,toGet)}>
           {name}
         </Menu.Item>
         {array &&
@@ -182,7 +208,7 @@ class order extends Component {
             return (
               <Menu.Item
                 key={item.id}
-                onClick={(e) => this.getOption(e, id, item.name)}
+                onClick={(e) => this.getOption(e, id, item.name,toGet)}
               >
                 {item.name}
               </Menu.Item>
@@ -196,6 +222,8 @@ class order extends Component {
   ChangePage = (page) => {
     this.setState({
       isSpin: true,
+      checkedValue: [],
+      all: false
     });
     this.state.select_params.page = page;
     this.getIssueList();
@@ -214,27 +242,24 @@ class order extends Component {
 
   openorder = (type) => {
     this.setState({
-      isSpin: true,
+      author_id: undefined,
+      assigned_to_id: undefined,
+      status_type: type,
+      issue_tag_ids: "标签",
+      tracker_ids: "类型",
+      author_ids: "发布人",
+      assigned_to_ids: "负责人",
+      status_ids: "状态",
+      done_ratios: "完成度",
+      paix: "排序",
     });
-    if (type) {
-      this.setState({
-        status_type: type,
-        issue_tag_ids: "标签",
-        tracker_ids: "所有分类",
-        author_ids: "发布人",
-        assigned_to_ids: "指派人",
-        priority_ids: "优先度",
-        done_ratios: "完成度",
-        paix: "排序",
-      });
-      this.state.select_params = {
-        status_type: type,
-        search: undefined,
-        page: 1,
-        limit: 15,
-      };
-      this.getIssueList();
-    }
+    this.state.select_params = {
+      status_type: type,
+      search: undefined,
+      page: 1,
+      limit: 15,
+    };
+    this.getIssueList();
   };
 
   // 筛选：全部、指派给我、由我创建
@@ -264,7 +289,7 @@ class order extends Component {
           author_ids: current_user.username,
           author_id: current_user.user_id,
           assigned_to_id: undefined,
-          assigned_to_ids: "指派人",
+          assigned_to_ids: "负责人",
         });
         this.state.select_params.assigned_to_id = undefined;
         this.state.select_params.author_id = current_user.user_id;
@@ -273,7 +298,7 @@ class order extends Component {
       this.setState({
         author_ids: "发布人",
         author_id: undefined,
-        assigned_to_ids: "指派人",
+        assigned_to_ids: "负责人",
         assigned_to_id: undefined,
       });
       this.state.select_params.assigned_to_id = undefined;
@@ -286,13 +311,12 @@ class order extends Component {
   deletedetail = (id) => {
     const { projectsId } = this.props.match.params;
     const url = `/projects/${projectsId}/issues/${id}.json`;
-    axios
-      .delete(url, {
-        data: {
-          project_id: projectsId,
-          id: id,
-        },
-      })
+    axios.delete(url, {
+      data: {
+        project_id: projectsId,
+        id: id,
+      },
+    })
       .then((result) => {
         if (result) {
           this.getIssueList();
@@ -301,7 +325,6 @@ class order extends Component {
       .catch((error) => {
         console.log(error);
       });
-    console.log(id);
   };
 
   islogin() {
@@ -314,9 +337,127 @@ class order extends Component {
     }
   }
 
+  // 修改开始时间
+  changeBeginTime = (data, value) => {
+    this.setState({
+      begin: value
+    })
+    this.getIssueList(value, this.state.end);
+  }
+  changeEndTime = (data, value) => {
+    this.setState({
+      end: value
+    })
+    this.getIssueList(this.state.begin, value);
+  }
+
+  // 选择列表里面的checkbox
+  checkIssues = (value) => {
+    this.setState({
+      checkedValue: value
+    })
+    const { allValue } = this.state;
+    this.setState({
+      all: allValue && value && value.length === allValue.length,
+    })
+    // 不勾选数据时清除右上角选择的项
+    if(value.length === 0){
+      this.setState({
+        update_author_ids:"更换负责人",
+        update_fixed_version_ids:"更换里程碑",
+        update_status_ids:"修改状态",
+        select_params:{
+          update_author_id:undefined,
+          update_fixed_version_id:undefined,
+          update_status_id:undefined
+        }
+      })
+    }
+  }
+  // 全选和反选
+  changeAll = (e) => {
+    if (e.target.checked) {
+      const { allValue } = this.state;
+      this.setState({
+        checkedValue: allValue
+      })
+    } else {
+      this.setState({
+        checkedValue: []
+      })
+    }
+    this.setState({
+      all: e.target.checked
+    })
+  }
+
+  // 批量修改
+  updateIssues=()=>{
+    const {checkedValue , select_params} = this.state;
+    const { projectsId } = this.props.match.params;
+    this.setState({
+      isSpin:true
+    })
+    const url = `/projects/${projectsId}/issues/series_update.json`;
+    axios.post(url,{
+      ids:checkedValue,
+      assigned_to_id:select_params.update_author_id,
+      fixed_version_id:select_params.update_fixed_version_id,
+      status_id:select_params.update_status_id
+    }).then(result=>{
+      if(result){
+        this.props.showNotification("修改成功！");
+        this.successFunc();
+      }
+    }).catch(error=>{
+      console.log(error);
+    })
+  }
+
+  successFunc=()=>{
+    let select_params = this.state.select_params;
+    select_params.update_author_id = undefined;
+    select_params.update_fixed_version_id = undefined;
+    select_params.update_status_id = undefined;
+    this.setState({
+      all:false,
+      checkedValue:[],
+      update_author_ids:"更换负责人",
+      update_fixed_version_ids:"更换里程碑",
+      update_status_ids:"修改状态",
+      select_params
+    })
+    this.getIssueList();
+  }
+
+  // 批量删除
+  deleteIssues=()=>{
+    this.props.confirm({
+      content: "是否确认删除所有选中的任务？",
+      onOk:()=>{
+        this.setState({
+          isSpin:true
+        })
+        const { checkedValue } = this.state;
+        const { projectsId } = this.props.match.params;
+        const url = `/projects/${projectsId}/issues/clean.json`;
+        axios.post(url,{
+          ids:checkedValue
+        }).then(result=>{
+          if(result){
+            this.props.showNotification("删除成功！");
+            this.successFunc();
+          }
+        }).catch(error=>{
+          console.log(error);
+        })
+      }
+    })
+  }
+
+
   render() {
     const { current_user } = this.props;
-
     const {
       issue_chosen,
       issues,
@@ -327,8 +468,8 @@ class order extends Component {
       isSpin,
       status_type,
       select_params,
+      begin, end, checkedValue, all
     } = this.state;
-
     const menu = (
       <Menu onClick={(e) => this.getMenu(e)}>
         <Menu.Item key={"created_on-desc"} value="desc">
@@ -359,203 +500,315 @@ class order extends Component {
             ></Pagination>
           </div>
         ) : (
-          ""
-        )}
+            ""
+          )}
       </React.Fragment>
     );
     return (
       <div className="main">
-        <div className="topWrapper" style={{ borderBottom: "none" }}>
-          <p className="topWrapper_type">
-            <li
-              className={status_type === "1" ? "active" : ""}
-              onClick={() => this.openorder("1")}
-            >
-              {data && data.open_count}个开启中
+        <div className="topWrapper" style={{ paddingTop: "10px" }}>
+          <ul className="topWrapper_type">
+            <li>
+              <label>所有：</label>
+              <span
+                className={status_type ? "" : "active"}
+                onClick={() => this.openorder()}
+              >{data && data.all_count}</span>
             </li>
-            <li
-              className={status_type === "2" ? "active" : ""}
-              onClick={() => this.openorder("2")}
-            >
-              {data && data.close_count}个已关闭
+            <li>
+              <label>开启中：</label>
+              <span
+                className={status_type === "1" ? "active" : ""}
+                onClick={() => this.openorder("1")}
+              >{data && data.open_count}</span>
             </li>
-          </p>
-
-          <div className="topWrapper_select">
-            <div className="target-detail-search">
-              <Search
-                placeholder="搜索"
-                enterButton
-                onSearch={this.searchFunc}
-                style={{ width: 300 }}
-              />
-            </div>
-            <a className="topWrapper_btn ml10" onClick={() => this.islogin()}>
-              创建任务
-            </a>
+            <li>
+              <label>已关闭：</label>
+              <span className={status_type === "2" ? "active" : ""}
+                onClick={() => this.openorder("2")}>{data && data.close_count}</span>
+            </li>
+          </ul>
+          <a className="topWrapper_btn ml10" onClick={() => this.islogin()}>
+            +&nbsp;创建任务
+          </a>
+        </div>
+        <div className="topWrapper">
+          <div className="target-detail-search">
+            <Search
+              placeholder="输入issue名称进行搜索"
+              enterButton
+              onSearch={this.searchFunc}
+              style={{ width: 300 }}
+            />
+          </div>
+          <div>
+            <DatePicker
+              value={begin ? moment(begin, 'YYYY-MM-DD') : ""}
+              style={{ marginRight: "20px" }}
+              placeholder="请选择开始时间"
+              onChange={this.changeBeginTime}
+            />
+            <DatePicker value={end ? moment(end, 'YYYY-MM-DD') : ""} placeholder="请选择结束时间" onChange={this.changeEndTime} />
           </div>
         </div>
         <Spin spinning={isSpin}>
-          <div className="f-wrap-between mb20">
-            <ul className="topWrapper_type">
-              <li
-                className={!author_id && !assigned_to_id ? "active" : ""}
-                onClick={() => this.ChangeAssign()}
-              >
-                全部
-              </li>
-              <li
-                style={{
-                  display:
-                    current_user && current_user.login === "" ? "none" : "flex",
-                }}
-                className={assigned_to_id ? "active" : ""}
-                onClick={() => this.ChangeAssign(1)}
-              >
-                指派给我
-              </li>
-              <li
-                style={{
-                  display:
-                    current_user && current_user.login === "" ? "none" : "flex",
-                }}
-                className={author_id ? "active" : ""}
-                onClick={() => this.ChangeAssign(2)}
-              >
-                由我创建
-              </li>
-            </ul>
-            <ul className="topWrapper_select">
-              <li>
-                <Dropdown
-                  className="topWrapperSelect"
-                  overlay={this.renderMenu(
-                    issue_chosen && issue_chosen.issue_tag,
-                    "标签",
-                    "issue_tag_id"
-                  )}
-                  trigger={["click"]}
-                  placement="bottomCenter"
-                >
-                  <span>
-                    {this.state.issue_tag_ids}
-                    <Icon type="caret-down" className="ml5" />
-                  </span>
-                </Dropdown>
-              </li>
-              <li>
-                <Dropdown
-                  className="topWrapperSelect"
-                  overlay={this.renderMenu(
-                    issue_chosen && issue_chosen.tracker,
-                    "所有分类",
-                    "tracker_id"
-                  )}
-                  trigger={["click"]}
-                  placement="bottomCenter"
-                >
-                  <span>
-                    {this.state.tracker_ids}
-                    <Icon type="caret-down" className="ml5" />
-                  </span>
-                </Dropdown>
-              </li>
-              <li>
-                <Dropdown
-                  className="topWrapperSelect"
-                  overlay={this.renderMenu(
-                    issue_chosen && issue_chosen.assign_user,
-                    "发布人",
-                    "author_id"
-                  )}
-                  trigger={["click"]}
-                  placement="bottomCenter"
-                >
-                  <span>
-                    {this.state.author_ids}
-                    <Icon type="caret-down" className="ml5" />
-                  </span>
-                </Dropdown>
-              </li>
-              <li>
-                <Dropdown
-                  className="topWrapperSelect"
-                  overlay={this.renderMenu(
-                    issue_chosen && issue_chosen.assign_user,
-                    "指派人",
-                    "assigned_to_id"
-                  )}
-                  trigger={["click"]}
-                  placement="bottomCenter"
-                >
-                  <span>
-                    {this.state.assigned_to_ids}
-                    <Icon type="caret-down" className="ml5" />
-                  </span>
-                </Dropdown>
-              </li>
-              <li>
-                <Dropdown
-                  className="topWrapperSelect"
-                  overlay={this.renderMenu(
-                    issue_chosen && issue_chosen.priority,
-                    "优先度",
-                    "priority_id"
-                  )}
-                  trigger={["click"]}
-                  placement="bottomCenter"
-                >
-                  <span>
-                    {this.state.priority_ids}
-                    <Icon type="caret-down" className="ml5" />
-                  </span>
-                </Dropdown>
-              </li>
-              <li>
-                <Dropdown
-                  className="topWrapperSelect"
-                  overlay={this.renderMenu(
-                    issue_chosen && issue_chosen.done_ratio,
-                    "完成度",
-                    "done_ratio"
-                  )}
-                  trigger={["click"]}
-                  placement="bottomCenter"
-                >
-                  <span>
-                    {this.state.done_ratios}
-                    <Icon type="caret-down" className="ml5" />
-                  </span>
-                </Dropdown>
-              </li>
-              <li>
-                <Dropdown
-                  className="topWrapperSelect"
-                  overlay={menu}
-                  trigger={["click"]}
-                  placement="bottomCenter"
-                >
-                  <span>
-                    {this.state.paix}
-                    <Icon type="caret-down" className="ml5" />
-                  </span>
-                </Dropdown>
-              </li>
-            </ul>
+          <div className="f-wrap-between screenWrap">
+            <div className="df">
+              <Checkbox value="0" style={{ lineHeight: "50px", margin: "0px 15px 0px 20px" }} checked={all} onChange={this.changeAll}></Checkbox>
+              {checkedValue && checkedValue.length > 0 ?
+                <span style={{ lineHeight: "50px" }}>选中{checkedValue.length}个issue</span>
+                :
+                <ul className="searchBanner">
+                  <li
+                    className={!author_id && !assigned_to_id ? "active" : ""}
+                    onClick={() => this.ChangeAssign()}
+                  >
+                    <label>搜索结果</label>
+                    <span>{data && data.search_count}</span>
+                  </li>
+                  <li
+                    style={{
+                      display:
+                        current_user && current_user.login === "" ? "none" : "flex",
+                    }}
+                    className={assigned_to_id ? "active" : ""}
+                    onClick={() => this.ChangeAssign(1)}
+                  >
+                    <label>指派给我</label>
+                    <span>{data && data.assign_me_count}</span>
+                  </li>
+                  <li
+                    style={{
+                      display:
+                        current_user && current_user.login === "" ? "none" : "flex",
+                    }}
+                    className={author_id ? "active" : ""}
+                    onClick={() => this.ChangeAssign(2)}
+                  >
+                    <label>我的发布</label>
+                    <span>{data && data.my_published_count}</span>
+                  </li>
+                </ul>
+              }
+            </div>
+            {
+              checkedValue && checkedValue.length>0 ?
+              <ul className="topWrapper_select">
+                <li className="mr20">
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.assign_user,
+                      "更换负责人",
+                      "update_author_id",true
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.update_author_ids}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <li className="mr20">
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.issue_version,
+                      "更换里程碑",
+                      "update_fixed_version_id",true
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.update_fixed_version_ids}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <li className="mr20">
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.issue_status,
+                      "修改状态",
+                      "update_status_id",true
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.update_status_ids}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <a onClick={this.updateIssues} className="updateBtn blue mr20">确定</a>
+                <a onClick={this.deleteIssues} className="updateBtn red mr20">删除</a>
+              </ul>
+              :
+              <ul className="topWrapper_select">
+                <li>
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.issue_tag,
+                      "标签",
+                      "issue_tag_id"
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.issue_tag_ids}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <li>
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.assign_user,
+                      "发布人",
+                      "author_id"
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.author_ids}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <li>
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.assign_user,
+                      "负责人",
+                      "assigned_to_id"
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.assigned_to_ids}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <li>
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.tracker,
+                      "类型",
+                      "tracker_id"
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.tracker_ids}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <li>
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.issue_version,
+                      "里程碑",
+                      "fixed_version_id"
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.fixed_version_ids}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <li>
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.issue_status,
+                      "状态",
+                      "status_id"
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.status_ids}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <li>
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={this.renderMenu(
+                      issue_chosen && issue_chosen.done_ratio,
+                      "完成度",
+                      "done_ratio"
+                    )}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.done_ratios}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+                <li>
+                  <Dropdown
+                    className="topWrapperSelect"
+                    overlay={menu}
+                    trigger={["click"]}
+                    placement="bottomCenter"
+                  >
+                    <span>
+                      {this.state.paix}
+                      <Icon type="caret-down" className="ml5" />
+                    </span>
+                  </Dropdown>
+                </li>
+              </ul>
+            }
+            
           </div>
           {search_count === 0 ? (
             <NoneData _html="暂时还没有相关数据哦!" />
           ) : (
-            <OrderItem
-              issues={issues}
-              search_count={search_count}
-              page={select_params.page}
-              limit={select_params.limit}
-              {...this.props}
-              {...this.state}
-              deletedetail={this.deletedetail}
-            ></OrderItem>
-          )}
+              <div style={{ minHeight: "500px" }}>
+                <Checkbox.Group name="issues" onChange={this.checkIssues} value={checkedValue} style={{ width: "100%" }}>
+                  {issues && issues.length > 0 && issues.map((item, key) => {
+                    return (
+                      <OrderItem
+                        key={key}
+                        item={item}
+                        checkbox={<Checkbox value={item.id} key={item.id} style={{ margin: '4px 15px 0px 20px' }}></Checkbox>}
+                        search_count={search_count}
+                        page={select_params.page}
+                        limit={select_params.limit}
+                        {...this.props}
+                        {...this.state}
+                        deletedetail={this.deletedetail}
+                      ></OrderItem>
+                    )
+                  })}
+                </Checkbox.Group>
+              </div>
+            )}
           {Paginations}
         </Spin>
       </div>
diff --git a/src/forge/Upload/Index.js b/src/forge/Upload/Index.js
index 9aba86bb7..4d49c415e 100644
--- a/src/forge/Upload/Index.js
+++ b/src/forge/Upload/Index.js
@@ -73,9 +73,18 @@ class Index extends Component {
     array && this.props.load && this.props.load(array);
   }
 
+  beforeUpload = (file)=>{
+    const { size } = this.props;
+    const isLt100M = file.size / 1024 / 1024 < size;
+    if (!isLt100M) {
+      this.props.showNotification(`文件大小必须小于${size}MB!`);
+    }
+    return isLt100M;
+  }
+
   render() {
     //判断是否已经提交，如已提交评论则上一条评论数据清除
-    const { isComplete } = this.props;
+    const { isComplete , icon } = this.props;
     const { fileList } = this.state;
 
     let list = isComplete === true ? fileList : undefined;
@@ -85,13 +94,14 @@ class Index extends Component {
       action: `${getUploadActionUrl()}`,
       onChange: this.handleChange,
       onRemove: this.onAttachmentRemove,
+      beforeUpload:this.beforeUpload
     };
 
     return (
       <div>
-        <Dragger {...upload} >
-          <Icon type="inbox" />
-          <p className="ant-upload-text">拖动文件或者点击此处上传</p>
+        <Dragger {...upload} className={this.props.className}>
+          { icon || <Icon type="inbox" />}
+          <p className="ant-upload-text">拖动文件或<span className="color-blue">点击此处上传</span></p>
         </Dragger>
       </div>
     )
diff --git a/src/forge/Upload/attachment.js b/src/forge/Upload/attachment.js
index d1f099f22..812156f30 100644
--- a/src/forge/Upload/attachment.js
+++ b/src/forge/Upload/attachment.js
@@ -47,11 +47,11 @@ class Attachment extends Component{
       <div>
         {
           attachments ?
-            <div className="attachmentsList">
+            <div className="attachmentsList mt20">
               {
                 attachments.map((item,key)=>{
                   return(
-                    <div key= {key} style={{display: (Deleted.length > 0 && Deleted.indexOf(item.id) !== -1) ? "none" : "block"}} className="mt10 attachment-list-div" >
+                    <div key= {key} style={{display: (Deleted.length > 0 && Deleted.indexOf(item.id) !== -1) ? "none" : "block"}} className="pd510 attachment-list-div" >
                       <Link to={`${item.url}`} target="_blank" className="attachment-list-a">
                         <i className="iconfont icon-fujian mr8 paper-clip-color font-12"></i>
                         <span>{item.title}</span>
diff --git a/src/forge/Utils/TagColor.jsx b/src/forge/Utils/TagColor.jsx
new file mode 100644
index 000000000..451ba0aa0
--- /dev/null
+++ b/src/forge/Utils/TagColor.jsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { Tag } from 'antd';
+
+/**
+ * tagname:标签名字
+ * className:额外需要添加的样式
+ */
+export function TagInfo (tagname,className){
+  let color = '#e74c3c';
+  if(tagname === "高"){
+    color = '#e67e22';
+  }else if(tagname === "正常"){
+    color = '#28be6c';
+  }else if(tagname === "低"){
+    color = '#1abc9c';
+  }else{
+    color = '#e74c3c';
+  }
+  return (<Tag color={color} className={className} style={{height:'25px',lineHeight:"23px"}}>{tagname}</Tag>);
+}
\ No newline at end of file
diff --git a/src/forge/Utils/Time.js b/src/forge/Utils/Time.js
index 921d9c4aa..55d73441b 100644
--- a/src/forge/Utils/Time.js
+++ b/src/forge/Utils/Time.js
@@ -1,5 +1,5 @@
 
-function getDateTime(value, dataformat) {
+export function getDateTime(value, dataformat) {
   Date.prototype.format = function (format) {
     var date = {
       "M+": this.getMonth() + 1,
diff --git a/src/forge/Version/New.jsx b/src/forge/Version/New.jsx
index 08dda807a..bed9a6428 100644
--- a/src/forge/Version/New.jsx
+++ b/src/forge/Version/New.jsx
@@ -1,70 +1,275 @@
-import React , { useState, useEffect } from 'react';
-import styled from 'styled-components';
-import { AutoComplete } from 'antd';
-import axios from 'axios';
-import './version.css';
+import React, { useState, useEffect, useCallback, forwardRef } from "react";
+import styled from "styled-components";
+import { AutoComplete, Select, Input, Checkbox, Button, Form } from "antd";
 
-export default (projectDetail)=>{
-  const [ tagList , setTagList ] = useState(undefined);
+import Editor from "../../modules/tpm/challengesnew/tpm-md-editor";
+import Upload from "../Upload/Index";
+import Attachments from "../Upload/attachment";
+import axios from "axios";
+import "./version.css";
+import UploadImg from "../Images/upload.png";
 
-  const SelectDiv = styled.div`
-    display:flex;
-    align-item:center;
-    margin-bottom:5px;
-    & span{
-      margin:0px 15px;
-      color:#BBB;
-      line-height:35px;
-    }
-  `;
+const { Option } = AutoComplete;
 
-  const repo_id = projectDetail && projectDetail.repo_id;
-  useEffect(() => {
-    if (repo_id) {
-      const url = `/repositories/${repo_id}/tags.json`;
-      axios.get(url).then((result) => {
-        if (result) {
-          setTagList(result.data);
+export default Form.create()(
+  forwardRef(
+    (
+      { form, projectDetail, branchs, match, showNotification, history },
+      ref
+    ) => {
+      const { getFieldDecorator, validateFields, setFieldsValue } = form;
+      const [tagList, setTagList] = useState(undefined);
+      const [branchList, setBranchList] = useState(undefined);
+      const [desc, setDesc] = useState(null);
+      const [fileList, setFileList] = useState(undefined);
+      const [attachment, setAttachment] = useState(undefined);
+
+      const SelectDiv = styled.div`
+        display: flex;
+        align-item: center;
+        margin-bottom: 5px;
+        & .ant-row {
+          margin-bottom: 0px;
         }
-      }).catch(error => {
-        console.log(error);
-      })
-    }
-  }, [repo_id]);
-  return(
-    <div className="main df">
-      <div className="versionForm">
-        <p className="font-16 color-grey-3 mb15">创建发行版</p>
-        <div>
-          <SelectDiv>
-            <div className="tagComplete">
-              <i className="iconfont icon-biaoqian3 font-14 color-grey-8"></i>
-              <AutoComplete 
-                placeholder="标记一个版本"
-                dataSource={tagList}
-              ></AutoComplete>
-              <i className="iconfont icon-jiantou9 color-grey-8 font-14 ml5"></i>
+      `;
+      const Span = styled.span`
+        margin: 0px 15px;
+        color: #bbb;
+        line-height: 35px;
+      `;
+
+      const repo_id = projectDetail && projectDetail.repo_id;
+      const { projectsId, versionId } = match.params;
+
+      useEffect(() => {
+        if (branchs) {
+          setBranchList(branchs);
+        }
+      }, [branchs]);
+
+      useEffect(() => {
+        if (versionId) {
+          const url = `/projects/${projectsId}/version_releases/${versionId}/edit.json`;
+          axios.get(url).then(result => {
+            if (result) {
+              setFieldsValue(result.data);
+              setDesc(result.data.body);
+              setAttachment(result.data.attachments);
+            }
+          });
+        }
+      }, [versionId]);
+
+      useEffect(() => {
+        if (repo_id) {
+          const url = `/repositories/${repo_id}/tags.json`;
+          axios
+            .get(url)
+            .then(result => {
+              if (result) {
+                setTagList(result.data);
+              }
+            })
+            .catch(error => {
+              console.log(error);
+            });
+        }
+      }, [repo_id]);
+
+      function renderTagList(list) {
+        if (list) {
+          let array = list.map((item, key) => {
+            return (
+              <Option key={key} value={item.name}>
+                {item.name}
+              </Option>
+            );
+          });
+          return array || undefined;
+        }
+      }
+      function changeT(value) {
+        // let l = tagList.filter(item => item.name.indexOf(value) > -1);
+        // setTagList(l);
+      }
+      function submit() {
+        validateFields((err, value) => {
+          if (versionId) {
+            let url = `/projects/${projectsId}/version_releases/${versionId}.json`;
+            axios
+              .put(url, {
+                ...value,
+                body: desc,
+                attachment_ids: fileList
+              })
+              .then(result => {
+                if (result) {
+                  showNotification("版本修改成功！");
+                  history.push(`/projects/${projectsId}/coders/version`);
+                }
+              });
+          } else {
+            let url = `/projects/${projectsId}/version_releases.json`;
+            axios
+              .post(url, {
+                ...value,
+                body: desc,
+                attachment_ids: fileList
+              })
+              .then(result => {
+                if (result) {
+                  showNotification("版本发布成功！");
+                  history.push(`/projects/${projectsId}/coders/version`);
+                }
+              });
+          }
+        });
+      }
+
+      const helper = useCallback(
+        (label, name, rules, widget, isRequired = true) => (
+          <React.Fragment>
+            <span required={isRequired}>{label}</span>
+            <Form.Item>
+              {getFieldDecorator(name, { rules, validateFirst: true })(widget)}
+            </Form.Item>
+          </React.Fragment>
+        ),
+        []
+      );
+      return (
+        <div className="main df">
+          <Form className="versionForm">
+            <div>
+              <p className="font-16 color-grey-3 mb15">创建发行版</p>
+              <div>
+                <SelectDiv>
+                  {helper(
+                    "",
+                    "tag_name",
+                    [{ required: true, message: "请输入获取或选择一个标签" }],
+                    <AutoComplete
+                      placeholder="标记一个版本"
+                      dataSource={renderTagList(tagList)}
+                      onChange={changeT}
+                      style={{ width: "200px" }}
+                    ></AutoComplete>
+                  )}
+                  <Span>@</Span>
+                  {helper(
+                    "",
+                    "target_commitish",
+                    [{ required: true, message: "请选择一个分支" }],
+                    <Select
+                      placeholder="请选择一个分支"
+                      style={{ width: "200px" }}
+                      showArrow={false}
+                    >
+                      {renderTagList(branchList)}
+                    </Select>
+                  )}
+                </SelectDiv>
+                <p className="font-13 color-grey-8">
+                  选择一个已经存在的标签，或者在发布时新建一个标签
+                </p>
+              </div>
+              <div className="pt20">
+                {helper(
+                  "",
+                  "name",
+                  [{ required: true, message: "请输入发行版的标题" }],
+                  <Input placeholder="发行版的标题" />
+                )}
+              </div>
+              <div>
+                <Editor
+                  placeholder={"描述此发行版"}
+                  height={200}
+                  mdID={`version-comments-description`}
+                  initValue={desc}
+                  onChange={setDesc}
+                />
+              </div>
+              <div className="set-ant-row">
+                {helper(
+                  "",
+                  "prerelease",
+                  [],
+                  <Checkbox>这是一个预览版本</Checkbox>
+                )}
+              </div>
+              <div>
+                <Upload
+                  className="versionStyle"
+                  isComplete={true}
+                  load={setFileList}
+                  icon={
+                    <img
+                      src={UploadImg}
+                      width="58"
+                      alt=""
+                      style={{ marginBottom: 15 }}
+                    />
+                  }
+                  size={100}
+                  showNotification={showNotification}
+                />
+                {versionId && attachment && attachment.length > 0 ? (
+                  <Attachments
+                    attachments={attachment}
+                    showNotification={showNotification}
+                    canDelete={true}
+                  />
+                ) : (
+                  ""
+                )}
+              </div>
+              <p className="pt20">
+                <Button onClick={submit} type="primary" className="mr30">
+                  {versionId ? "保存" : "创建"}发行版
+                </Button>
+                <Button
+                  onClick={() =>
+                    history.push(`/projects/${projectsId}/coders/version`)
+                  }
+                  style={{
+                    backgroundColor: "rgba(187,187,187,1)",
+                    color: "#fff"
+                  }}
+                >
+                  取消
+                </Button>
+              </p>
             </div>
-            <span>@</span>
-          </SelectDiv>
-          <p className="font-13 color-grey-8">选择一个已经存在的标签，或者在发布时新建一个标签</p>    
+          </Form>
+          <div className="versionTips">
+            <div className="infosTip">
+              <p className="font-16 mb15">标签命名建议</p>
+              <p className="mb15">
+                通常的做法是在版本名称前加上字母 v 前缀， v1.0 或者 v2.3.4。
+              </p>
+              <p>
+                如果标签不适合在生产环境下使用，请在版本名称后添加预发行版本。例如：v0.2-alpha
+                或者 v5.9-beta.3。
+              </p>
+            </div>
+            <div className="infosTip">
+              <p className="font-16 mb15">语义化版本</p>
+              <p className="mb15">
+                如果你是第一次发布版本，我们强烈建议你阅读语义化版本。
+              </p>
+            </div>
+            <div className="infosTip">
+              <p className="font-16 mb15">附件大小说明</p>
+              <p className="mb15">
+                单个附件不能超过 100M（GVP 项目200M），每个仓库总附件不可超过
+                1G（推荐项目不可超过 5G；GVP 项目不可超过
+                20G）。附件总容量统计包括仓库附件和发行版附件。
+              </p>
+            </div>
+          </div>
         </div>
-      </div>
-      <div className="versionTips">
-        <div className="infosTip">
-          <p className="font-16 mb15">标签命名建议</p>
-          <p className="mb15">通常的做法是在版本名称前加上字母 v 前缀， v1.0 或者 v2.3.4。</p>
-          <p>如果标签不适合在生产环境下使用，请在版本名称后添加预发行版本。例如：v0.2-alpha 或者 v5.9-beta.3。</p>
-        </div>
-        <div className="infosTip">
-          <p className="font-16 mb15">语义化版本</p>
-          <p className="mb15">如果你是第一次发布版本，我们强烈建议你阅读语义化版本。</p>
-        </div>
-        <div className="infosTip">
-          <p className="font-16 mb15">附件大小说明</p>
-          <p className="mb15">单个附件不能超过 100M（GVP 项目200M），每个仓库总附件不可超过 1G（推荐项目不可超过 5G；GVP 项目不可超过 20G）。附件总容量统计包括仓库附件和发行版附件。</p>
-        </div>
-      </div>
-    </div>
+      );
+    }
   )
-}
\ No newline at end of file
+);
diff --git a/src/forge/Version/version.css b/src/forge/Version/version.css
index 38fb93128..3b68d5091 100644
--- a/src/forge/Version/version.css
+++ b/src/forge/Version/version.css
@@ -186,18 +186,12 @@
   margin-bottom: 22px;
   color: #333;
 }
-.tagComplete{
-  border:1px solid #d9d9d9;
-  padding:0px 10px;
-  border-radius: 4px;
+.versionStyle{
+  height: 200px!important;
+  border: 1px dashed rgba(80,145,255,1)!important;
+}
+.set-ant-row .ant-row{
   display: flex;
+  height: 20px;
   align-items: center;
-  width: 240px;
-}
-.tagComplete .ant-select{
-  flex: 1;
-}
-.tagComplete .ant-select-auto-complete.ant-select .ant-input{
-  border:none!important;
-  background-color: #fff!important;
 }
\ No newline at end of file
diff --git a/src/forge/comments/children_comments.js b/src/forge/comments/children_comments.js
new file mode 100644
index 000000000..02ad3040a
--- /dev/null
+++ b/src/forge/comments/children_comments.js
@@ -0,0 +1,208 @@
+import React, { Component } from "react";
+import { Link } from "react-router-dom";
+
+import axios from "axios";
+import { getImageUrl } from "educoder";
+import { List, Popconfirm, Pagination, Button } from "antd";
+import Attachments from "../Upload/attachment";
+import MDEditor from "../../modules/tpm/challengesnew/tpm-md-editor";
+import RenderHtml from "../../components/render-html";
+import "../Order/order.css";
+
+class comments extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      journalsdata: undefined,
+      limit: 10,
+      page: 1,
+      journal_spin: false,
+      search_count:0,
+      orderId: this.props.order_id,
+      parent_id: this.props.parent_id
+    };
+  }
+
+  componentDidMount(){
+    this.getChildrenJournals()
+}
+componentDidUpdate(prevProps, prevState) {
+  if (this.props.children_comment_id) {
+    if (prevProps.children_comment_id !== this.props.children_comment_id)
+    this.getChildrenJournals()
+  }
+}
+  //获取评论信息
+  getChildrenJournals = (order_id, parentId) => {
+    const { orderId, parent_id, page, limit } = this.state;
+    let new_order_id = order_id ? order_id : orderId 
+    let new_parent_id = parentId ? parentId : parent_id
+    const url = `/issues/${new_order_id}/journals/${new_parent_id}/get_children_journals.json`;
+    axios
+      .get(url, {
+        params: {
+          page,
+          limit,
+        },
+      })
+      .then((result) => {
+        if (result) {
+          this.setState({
+            journalsdata: result.data,
+            search_count: result.data.journals_count,
+            isSpin: false
+          });
+        }
+      })
+      .catch((error) => {
+        console.log(error);
+      });
+  };
+
+  //删除评论
+  deleteorder = (id) => {
+    const { orderId } = this.state;
+    const url = `/issues/${orderId}/journals/${id}.json`;
+    axios
+      .delete(url, {
+        data: {
+          issue_id: orderId,
+          id: id,
+        },
+      })
+      .then((result) => {
+        if (result) {
+          this.getChildrenJournals();
+        }
+      })
+      .catch((error) => {
+        console.log(error);
+      });
+  };
+
+  // 翻页
+  ChangePage = (page) => {
+    this.state.page = page 
+    this.state.isSpin = true
+    this.getChildrenJournals();
+  };
+
+  commentCtx = (v) => {
+    return <RenderHtml className="break_word_comments" value={v} />;
+  };
+
+  render() {
+    const {
+      journalsdata,
+      page,
+      limit,
+      search_count,
+      isSpin
+    } = this.state;
+    const { current_user } = this.props;
+
+    const Paginations = (
+      <React.Fragment>
+        {search_count > limit ? (
+          <div className="pt30 mb50 edu-txt-center btp1">
+            <Pagination
+              simple
+              defaultCurrent={page}
+              total={search_count}
+              pageSize={limit}
+              onChange={this.ChangePage}
+            ></Pagination>
+          </div>
+        ) : (
+          ""
+        )}
+      </React.Fragment>
+    );
+
+    const renderList = (item) => {
+      return (
+        <div className="width100">
+          <div className="grid-item pb10">
+            <Link
+              to={`/users/${item && item.user_login}/projects`}
+              className="show-user-link"
+            >
+              <img
+                className="radius"
+                src={getImageUrl(`images/${item && item.user_picture}`)}
+                alt=""
+                width="30"
+                height="30"
+              />
+            </Link>
+            <span className="grid-item">
+              <span>
+                <Link
+                  to={`/users/${item && item.user_login}/projects`}
+                  className="show-user-link color-blue ml10"
+                >
+                  {item && item.user_name}
+                </Link>
+                <span className="color-grey-8 ml20">{item.created_at}</span>
+              </span>
+
+              <span className="text-right">
+                {current_user &&
+                (current_user.admin ||
+                  current_user.login === item.user_login) ? (
+                  <Popconfirm
+                    placement="bottom"
+                    title={"确定要删除当前评论吗?"}
+                    okText="是"
+                    cancelText="否"
+                    onConfirm={() => this.deleteorder(item.id)}
+                  >
+                    <Button type="link">
+                      <i className="iconfont icon-shanchu font-15 color-grey-6"></i>
+                    </Button>
+                  </Popconfirm>
+                ) : (
+                  ""
+                )}
+              </span>
+            </span>
+          </div>
+          <div className="ml30">
+            {this.commentCtx(item.content)}
+            {item && item.attachments && item.attachments.length > 0 ? (
+              <Attachments
+                attachments={item.attachments}
+                showNotification={this.props.showNotification}
+                canDelete={
+                  current_user &&
+                  (current_user.admin || current_user.login === item.user_login)
+                }
+              />
+            ) : (
+              ""
+            )}
+          </div>
+        </div>
+      );
+    };
+
+    return (
+      <div>
+        {
+          search_count > 0 && 
+          <div className="children-comment-bg">
+          <List
+              size="large"
+              loading={isSpin}
+              dataSource={journalsdata.issue_journals}
+              renderItem={(item) => <List.Item>{renderList(item)}</List.Item>}
+            />
+            {Paginations}
+        </div>
+        }
+      </div>
+    );
+  }
+}
+
+export default comments;
diff --git a/src/forge/comments/comments.js b/src/forge/comments/comments.js
new file mode 100644
index 000000000..788335b64
--- /dev/null
+++ b/src/forge/comments/comments.js
@@ -0,0 +1,525 @@
+import React, { Component } from "react";
+import { Link } from "react-router-dom";
+
+import axios from "axios";
+import Upload from "../Upload/Index";
+import UploadImg from "../Images/upload.png";
+import { getImageUrl } from "educoder";
+import { List, Popconfirm, Pagination, Button } from "antd";
+import Attachments from "../Upload/attachment";
+import MDEditor from "../../modules/tpm/challengesnew/tpm-md-editor";
+import RenderHtml from "../../components/render-html";
+import ChildrenComments from "./children_comments";
+import "../Order/order.css";
+
+class comments extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      content: undefined,
+      journalsdata: undefined,
+      isedit: undefined,
+      fileList: undefined,
+      limit: 10,
+      page: 1,
+      journal_spin: false,
+      edit_spin: false,
+      attachment_clean: true,
+      orderId: this.props.order_id,
+      is_reply: false,
+      reply_id: undefined,
+      reply_content: undefined,
+      new_journal_id: undefined,
+    };
+  }
+
+  componentDidMount = () => {
+    this.getjournalslist();
+  };
+
+  //添加评论
+  addjournals = () => {
+    const { content, reply_content } = this.state;
+    this.setState({
+      journal_spin: true,
+    });
+    if (!content && !reply_content) {
+      this.setState({
+        journal_spin: false,
+      });
+      return;
+    }
+    this.props.form.validateFieldsAndScroll((err, values) => {
+      if (!err) {
+        const {
+          page,
+          limit,
+          fileList,
+          orderId,
+          reply_id,
+          is_reply,
+        } = this.state;
+
+        const url = `/issues/${orderId}/journals.json`;
+
+        axios
+          .post(url, {
+            ...values,
+            content: is_reply ? reply_content : content,
+            issue_id: orderId,
+            attachment_ids: fileList,
+            parent_id: reply_id,
+          })
+          .then((result) => {
+            if (result && result.data.status === 0) {
+              this.props.form.setFieldsValue({
+                content: "",
+                reply_content: undefined,
+              });
+              this.setState({
+                showFiles: false,
+                content: "",
+                is_reply: false,
+                reply_id: undefined,
+                reply_content: undefined,
+                quillFlag: false,
+                journal_spin: false,
+                attachment_clean: false,
+              });
+              if (is_reply) {
+                this.state.new_journal_id = result.data.id;
+                // this.getjournalslist(page, limit);
+                // this.getjournalslist(page, limit);
+                // this.child.getChildrenJournals(orderId, reply_id);
+              }
+              this.getjournalslist(page, limit);
+            }
+            this.props.showNotification(result.data.message);
+            // this.state.success_journal = false
+          })
+          .catch((error) => {
+            this.setState({
+              journal_spin: false,
+            });
+            console.log(error);
+          });
+      } else {
+        this.setState({
+          journal_spin: false,
+        });
+      }
+    });
+  };
+  add_reply = (id) => {
+    this.setState({
+      is_reply: true,
+      success_journal: false,
+      reply_id: id,
+    });
+  };
+
+  cancel_reply = () => {
+    this.setState({
+      is_reply: false,
+      reply_id: undefined,
+      success_journal: false,
+      reply_content: undefined,
+    });
+  };
+  //获取评论信息
+  getjournalslist = (page, limit) => {
+    const { orderId } = this.state;
+    const url = `/issues/${orderId}/journals.json`;
+    let id = orderId;
+    axios
+      .get(url, {
+        params: {
+          id,
+          page,
+          limit,
+        },
+      })
+      .then((result) => {
+        if (result) {
+          this.setState({
+            journalsdata: result.data,
+            search_count: result.data.journals_count,
+            isSpin: false,
+            fileList: undefined,
+          });
+        }
+      })
+      .catch((error) => {
+        console.log(error);
+      });
+  };
+
+  // 获取上传后的文件id数组
+  UploadFunc = (fileList) => {
+    this.setState({
+      fileList,
+      attachment_clean: true,
+    });
+  };
+
+  //删除评论
+  deleteorder = (id) => {
+    const { page, limit, orderId } = this.state;
+    const url = `/issues/${orderId}/journals/${id}.json`;
+    axios
+      .delete(url, {
+        data: {
+          issue_id: orderId,
+          id: id,
+        },
+      })
+      .then((result) => {
+        if (result) {
+          this.getjournalslist(page, limit);
+        }
+      })
+      .catch((error) => {
+        console.log(error);
+      });
+  };
+
+  renderJournalList = (list) => {
+    if (list && list.length > 0) {
+      return list.map((item, key) => {
+        return (
+          <div key={key + 1} className="journal-list-item">
+            <span className="fwb mr3">{item.detail}：</span>
+            <span className="mr5 color-grey-9">
+              {item.old_value && item.old_value.length > 0 ? "更新为" : "新增"}
+            </span>
+            <span>
+              {item.value && item.value.length > 0 ? (
+                item.detail === "标签" ? (
+                  <span
+                    className="issue-tag-show"
+                    style={{ background: item.value[0].color }}
+                  >
+                    {item.value[0].name}
+                  </span>
+                ) : (
+                  item.value
+                )
+              ) : (
+                "无"
+              )}
+            </span>
+          </div>
+        );
+      });
+    } else {
+      return (
+        <div>
+          <span>没有评论~</span>
+        </div>
+      );
+    }
+  };
+
+  // 翻页
+  ChangePage = (page) => {
+    this.setState({
+      page,
+      isSpin: true,
+    });
+    const { limit } = this.state;
+    this.getjournalslist(page, limit);
+  };
+
+  // 判断是否重新上传文件
+  changeIsComplete = (flag) => {
+    this.setState({
+      showFiles: flag,
+    });
+  };
+  // 新建评论
+  onContentChange = (value) => {
+    if (value) {
+      this.setState({
+        content: value,
+        quillFlag: false,
+      });
+    }
+  };
+  replyContentChange = (value) => {
+    if (value) {
+      this.setState({
+        reply_content: value,
+        quillFlag: false,
+      });
+    }
+  };
+
+  onRef = (ref) => {
+    this.child = ref;
+  };
+
+  commentCtx = (v) => {
+    return <RenderHtml className="break_word_comments" value={v} />;
+  };
+
+  render() {
+    const {
+      journalsdata,
+      page,
+      limit,
+      search_count,
+      isSpin,
+      content,
+      quillFlag,
+      journal_spin,
+      attachment_clean,
+      is_reply,
+      reply_id,
+      reply_content,
+      orderId,
+      new_journal_id,
+    } = this.state;
+    const { current_user } = this.props;
+
+    const Paginations = (
+      <React.Fragment>
+        {search_count > limit ? (
+          <div className="pt30 mb50 edu-txt-center btp1">
+            <Pagination
+              simple
+              defaultCurrent={page}
+              total={search_count}
+              pageSize={limit}
+              onChange={this.ChangePage}
+            ></Pagination>
+          </div>
+        ) : (
+          ""
+        )}
+      </React.Fragment>
+    );
+
+    const new_comment = (is_reply, item_id) => {
+      return (
+        <div>
+          {current_user && current_user.login ? (
+            <div>
+              <div className="grid-item pb10">
+                <Link
+                  to={`/users/${current_user && current_user.login}/projects`}
+                  className="show-user-link"
+                >
+                  <img
+                    className="radius"
+                    src={getImageUrl(
+                      `images/${current_user && current_user.image_url}`
+                    )}
+                    alt=""
+                    width="30"
+                    height="30"
+                  />
+                </Link>
+                <Link
+                  to={`/users/${current_user && current_user.login}/projects`}
+                  className="show-user-link color-blue ml10"
+                >
+                  {current_user && current_user.real_name}
+                </Link>
+              </div>
+              <MDEditor
+                placeholder={"添加评论..."}
+                height={200}
+                mdID={
+                  item_id
+                    ? "orderdetail-add-descriptions" + item_id
+                    : "orderdetail-add-descriptions"
+                }
+                initValue={is_reply ? reply_content : content}
+                onChange={
+                  is_reply ? this.replyContentChange : this.onContentChange
+                }
+              ></MDEditor>
+              <p className="quillFlag">
+                {quillFlag && <span className="">请输入评论内容</span>}
+              </p>
+              <Upload
+                className="commentStyle"
+                isComplete={attachment_clean}
+                load={this.UploadFunc}
+                icon={
+                  <img
+                    src={UploadImg}
+                    width="58"
+                    alt=""
+                    style={{ marginBottom: 15 }}
+                  />
+                }
+                size={100}
+                showNotification={this.props.showNotification}
+              />
+              <p className="clearfix mt20 text-right">
+                {is_reply && (
+                  <Button
+                    onClick={this.cancel_reply}
+                    size="large"
+                    className="mr15"
+                  >
+                    取消
+                  </Button>
+                )}
+                <Button
+                  type="primary"
+                  onClick={this.addjournals}
+                  loading={journal_spin}
+                  size="large"
+                >
+                  评论
+                </Button>
+              </p>
+            </div>
+          ) : (
+            <div className="loginDiv">
+              <Link to={`/login`}>登录</Link>并参与到对话中
+            </div>
+          )}
+        </div>
+      );
+    };
+
+    const renderList = (item) => {
+      return (
+        <div className="width100">
+          <div className="grid-item pb10">
+            <Link
+              to={`/users/${item && item.user_login}/projects`}
+              className="show-user-link"
+            >
+              <img
+                className="radius"
+                src={getImageUrl(`images/${item && item.user_picture}`)}
+                alt=""
+                width="30"
+                height="30"
+              />
+            </Link>
+            <span className="grid-item">
+              <span>
+                <Link
+                  to={`/users/${item && item.user_login}/projects`}
+                  className="show-user-link color-blue ml10"
+                >
+                  {item && item.user_name}
+                </Link>
+                <span className="color-grey-8 ml20">{item.created_at}</span>
+              </span>
+
+              <span className="text-right">
+                {current_user &&
+                (current_user.admin ||
+                  current_user.login === item.user_login) ? (
+                  <Popconfirm
+                    placement="bottom"
+                    title={"确定要删除当前评论吗?"}
+                    okText="是"
+                    cancelText="否"
+                    onConfirm={() => this.deleteorder(item.id)}
+                  >
+                    <Button type="link">
+                      <i className="iconfont icon-shanchu font-15 color-grey-6"></i>
+                    </Button>
+                  </Popconfirm>
+                ) : (
+                  ""
+                )}
+              </span>
+            </span>
+          </div>
+          <div className="ml30">
+            {item.content ? (
+              this.commentCtx(item.content)
+            ) : (
+              <div>{this.renderJournalList(item.journal_details)}</div>
+            )}
+            {item && item.attachments && item.attachments.length > 0 ? (
+              <Attachments
+                attachments={item.attachments}
+                showNotification={this.props.showNotification}
+                canDelete={
+                  current_user &&
+                  (current_user.admin || current_user.login === item.user_login)
+                }
+              />
+            ) : (
+              ""
+            )}
+
+            <ChildrenComments
+              order_id={orderId}
+              parent_id={item.id}
+              onRef={this.onRef}
+              children_comment_id={new_journal_id}
+              {...this.props}
+            ></ChildrenComments>
+          </div>
+
+          {current_user && (
+            <div>
+              {is_reply && reply_id && reply_id === item.id ? (
+                <div className="pd20">{new_comment(is_reply, item.id)}</div>
+              ) : (
+                <div className="grid-item mt15">
+                  <Link
+                    to={`/users/${current_user && current_user.login}/projects`}
+                    className="show-user-link mr10"
+                  >
+                    <img
+                      className="radius"
+                      src={getImageUrl(
+                        `images/${current_user && current_user.image_url}`
+                      )}
+                      alt=""
+                      width="30"
+                      height="30"
+                    />
+                  </Link>
+                  <span className="reply-comment-input">
+                    <Button
+                      className="add_reply_button"
+                      onClick={() => this.add_reply(item.id)}
+                    >
+                      <span>我要回复</span>
+                    </Button>
+                  </span>
+                </div>
+              )}
+            </div>
+          )}
+        </div>
+      );
+    };
+
+    return (
+      <div className="pd20">
+        <div className="comment-background">
+          {journalsdata && journalsdata.journals_total_count > 0 ? (
+            <List
+              size="large"
+              loading={isSpin}
+              header={<div>回复({journalsdata.journals_total_count})</div>}
+              dataSource={journalsdata.issue_journals}
+              renderItem={(item) => <List.Item>{renderList(item)}</List.Item>}
+            />
+          ) : (
+            <div className="ant-list-header border-bottom-comment">
+              <div>回复({search_count})</div>
+            </div>
+          )}
+          {Paginations}
+          <div className="pd20">{new_comment()}</div>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default comments;
diff --git a/src/forge/comments/new.js b/src/forge/comments/new.js
new file mode 100644
index 000000000..d7e8c9cb9
--- /dev/null
+++ b/src/forge/comments/new.js
@@ -0,0 +1,641 @@
+import React, { Component } from "react";
+import { Link } from "react-router-dom";
+
+import axios from "axios";
+import Upload from "../Upload/Index";
+import UploadImg from "../Images/upload.png";
+import { getImageUrl } from "educoder";
+import {  List } from "antd";
+import Attachments from "../Upload/attachment";
+import MDEditor from "../../modules/tpm/challengesnew/tpm-md-editor";
+import RenderHtml from "../../components/render-html";
+import new_comment from "./new"
+import "./order.css";
+// import AmplifyImg from "./AmplifyImg";
+
+class comments extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+    };
+  }
+
+  componentDidMount = () => {
+    this.getjournalslist();
+  };
+
+  handleok = () => {
+    this.setState({
+      isShow: false,
+    });
+  };
+  handleCancel = () => {
+    this.setState({
+      isShow: false,
+    });
+  };
+
+  imgshow = () => {
+    this.setState({
+      isShow: true,
+    });
+  };
+
+  //添加评论
+  addjournals = () => {
+    const { quillValue } = this.state;
+    this.setState({
+      journal_spin: true,
+    });
+    if (!quillValue) {
+      this.setState({
+        quillFlag: true,
+        journal_spin: false,
+      });
+      return;
+    }
+    this.props.form.validateFieldsAndScroll((err, values) => {
+      if (!err) {
+        const { data, page, limit, fileList } = this.state;
+        const url = `/issues/${data.id}/journals.json`;
+        axios
+          .post(url, {
+            ...values,
+            content: quillValue,
+            issue_id: data.id,
+            attachment_ids: fileList,
+          })
+          .then((result) => {
+            if (result) {
+              this.props.showNotification("评论成功！");
+              this.props.form.setFieldsValue({
+                content: "",
+              });
+              this.setState({
+                showFiles: false,
+                quillValue: "",
+                quillFlag: false,
+                journal_spin: false,
+              });
+              this.getjournalslist(page, limit);
+            }
+          })
+          .catch((error) => {
+            this.setState({
+              journal_spin: false,
+            });
+            console.log(error);
+          });
+      } else {
+        this.setState({
+          journal_spin: false,
+        });
+      }
+    });
+  };
+  //获取评论信息
+  getjournalslist = (page, limit) => {
+    const { data } = this.state;
+    const url = `/issues/${data.id}/journals.json`;
+    let id = data.id;
+    axios
+      .get(url, {
+        params: {
+          id,
+          page,
+          limit,
+        },
+      })
+      .then((result) => {
+        if (result) {
+          this.setState({
+            journalsdata: result.data,
+            search_count: result.data.journals_count,
+            isSpin: false,
+            fileList: undefined,
+          });
+        }
+      })
+      .catch((error) => {
+        console.log(error);
+      });
+  };
+
+  //修改评论
+  updatedetail = (id) => {
+    const { page, limit, countvalue } = this.state;
+    const { orderId } = this.props.match.params;
+    this.setState({
+      edit_spin: true,
+    });
+    const url = `/issues/${orderId}/journals/${id}.json`;
+    axios
+      .put(url, {
+        issue_id: orderId,
+        id: id,
+        content: countvalue,
+      })
+      .then((result) => {
+        if (result) {
+          this.setState({
+            isedit: undefined,
+            edit_spin: false,
+          });
+          this.getjournalslist(page, limit);
+        }
+      })
+      .catch((error) => {
+        this.setState({
+          edit_spin: false,
+        });
+        console.log(error);
+      });
+  };
+  // 获取上传后的文件id数组
+  UploadFunc = (fileList) => {
+    this.setState({
+      fileList,
+    });
+  };
+
+  //删除评论
+  deleteorder = (id) => {
+    const { orderId } = this.props.match.params;
+    const { page, limit } = this.state;
+    const url = `/issues/${orderId}/journals/${id}.json`;
+    axios
+      .delete(url, {
+        data: {
+          issue_id: orderId,
+          id: id,
+        },
+      })
+      .then((result) => {
+        if (result) {
+          this.getjournalslist(page, limit);
+        }
+      })
+      .catch((error) => {
+        console.log(error);
+      });
+  };
+
+  editdetail = (count, status) => {
+    this.setState({
+      countvalue: this.stringJson(count),
+      isedit: status,
+    });
+  };
+
+  renderJournalList = (list) => {
+    if (list && list.length > 0) {
+      return list.map((item, key) => {
+        return (
+          <div key={key + 1} className="journal-list-item">
+            <span className="font-weight-bold mr3">{item.detail}：</span>
+            <span className="mr5 color-grey-9">
+              {item.old_value && item.old_value.length > 0 ? "更新为" : "新增"}
+            </span>
+            <span>
+              {item.value && item.value.length > 0 ? (
+                item.detail === "标签" ? (
+                  <span
+                    className="issue-tag-show"
+                    style={{ background: item.value[0].color }}
+                  >
+                    {item.value[0].name}
+                  </span>
+                ) : (
+                  item.value
+                )
+              ) : (
+                "无"
+              )}
+            </span>
+          </div>
+        );
+      });
+    } else {
+      return (
+        <div>
+          <span>没有评论~</span>
+        </div>
+      );
+    }
+  };
+
+  // 翻页
+  ChangePage = (page) => {
+    this.setState({
+      page,
+      isSpin: true,
+    });
+    const { limit } = this.state;
+    this.getjournalslist(page, limit);
+  };
+
+  // 判断是否重新上传文件
+  changeIsComplete = (flag) => {
+    this.setState({
+      showFiles: flag,
+    });
+  };
+  // 新建评论
+  onContentChange = (value) => {
+    if (value) {
+      this.setState({
+        quillValue: value,
+        quillFlag: false,
+      });
+    }
+  };
+  // 编辑评论
+  onEditContentChange = (value) => {
+    if (value) {
+      this.setState({
+        countvalue: value,
+      });
+    }
+  };
+
+  handleShowImage = (value) => {
+    this.setState({
+      imageUrl: value,
+      visible: true,
+    });
+  };
+  setVisible = (flag) => {
+    this.setState({
+      visible: flag,
+    });
+  };
+
+  stringJson = (value) => {
+    let _value = null;
+
+    try {
+      _value = JSON.parse(value);
+    } catch (e) {
+      _value = value;
+    }
+    return _value;
+  };
+
+  commentCtx = (v) => {
+    return <RenderHtml className="break_word_comments" value={v} />;
+  };
+
+  render() {
+    const { projectsId, orderId } = this.props.match.params;
+    const {
+      data,
+      journalsdata,
+      page,
+      limit,
+      search_count,
+      isSpin,
+      isedit,
+      showFiles,
+      quillValue,
+      quillFlag,
+      countvalue,
+      imageUrl,
+      visible,
+      journal_spin,
+      edit_spin,
+    } = this.state;
+    const { current_user } = this.props;
+    const Paginations = (
+      <React.Fragment>
+        {search_count > limit ? (
+          <div className="pt30 mb50 edu-txt-center btp1">
+            <Pagination
+              simple
+              defaultCurrent={page}
+              total={search_count}
+              pageSize={limit}
+              onChange={this.ChangePage}
+            ></Pagination>
+          </div>
+        ) : (
+          ""
+        )}
+      </React.Fragment>
+    );
+    const renderList = () => {
+      if (
+        journalsdata &&
+        journalsdata.issue_journals &&
+        journalsdata.issue_journals.length > 0
+      ) {
+        return (
+          <div className="tagList">
+            {journalsdata.issue_journals.map((item, key) => {
+              return (
+                <li key={key}>
+                  {key > 0 && (
+                    <div
+                      className="order_line"
+                      style={{ marginLeft: 80 }}
+                    ></div>
+                  )}
+                  <div className="df">
+                    <Link
+                      to={`/users/${item && item.user_login}/projects`}
+                      className="show-user-link"
+                    >
+                      <img
+                        className="user_img"
+                        src={getImageUrl(`images/${item && item.user_picture}`)}
+                        alt=""
+                      />
+                    </Link>
+
+                    <div className="detail_context">
+                      <div className="topWrapper_detali">
+                        <p className="ml6 detail_p lineH40">
+                          {item.user_name}
+                          <span className="color-grey-9 ml3 mr3">评论于</span>
+                          <Tooltip title={item.format_time} placement="bottom">
+                            <span>{item.created_at}</span>
+                          </Tooltip>
+                        </p>
+                        <div
+                          className="detail_right"
+                          style={{
+                            display:
+                              current_user &&
+                              isedit === undefined &&
+                              (current_user.admin ||
+                                current_user.login === item.user_login)
+                                ? "block"
+                                : "none",
+                          }}
+                        >
+                          <span
+                            onClick={() =>
+                              this.editdetail(item.content, item.id)
+                            }
+                            className="detail_edit_action"
+                          >
+                            编辑
+                          </span>
+                          <Popconfirm
+                            placement="bottom"
+                            title={"确定要删除当前评论吗?"}
+                            okText="是"
+                            cancelText="否"
+                            onConfirm={() => this.deleteorder(item.id)}
+                          >
+                            <span className="detail_edit_action">删除</span>
+                          </Popconfirm>
+                        </div>
+                      </div>
+                      <div className="detail_ptitlecount">
+                        <div
+                          style={{
+                            display:
+                              isedit && isedit === item.id ? "none" : "block",
+                          }}
+                        >
+                          {item.content ? (
+                            this.commentCtx(item.content)
+                          ) : (
+                            <div>
+                              {this.renderJournalList(item.journal_details)}
+                            </div>
+                          )}
+                          {item &&
+                          item.attachments &&
+                          item.attachments.length > 0 ? (
+                            <Attachments
+                              attachments={item.attachments}
+                              showNotification={this.props.showNotification}
+                              canDelete={
+                                current_user &&
+                                (current_user.admin ||
+                                  current_user.login === item.user_login)
+                              }
+                            />
+                          ) : (
+                            ""
+                          )}
+                        </div>
+                        <div
+                          style={{
+                            display:
+                              isedit && isedit === item.id ? "block" : "none",
+                          }}
+                        >
+                          <div className="quillContent mt20">
+                            <MDEditor
+                              placeholder={"添加评论..."}
+                              height={200}
+                              mdID={`orderdetail-add-description${item.id}`}
+                              startInit={isedit && isedit === item.id}
+                              initValue={countvalue}
+                              onChange={this.onEditContentChange}
+                            ></MDEditor>
+                            <p className="quillFlag">
+                              {quillFlag && (
+                                <span className="">请输入评论内容</span>
+                              )}
+                            </p>
+                          </div>
+                          <p className="clearfix mt15">
+                            <Spin spinning={edit_spin}>
+                              <a
+                                className="topWrapper_btn fr"
+                                type="submit"
+                                onClick={() => this.updatedetail(item.id)}
+                              >
+                                保存
+                              </a>
+                              <a
+                                className="a_btn cancel_btn fr"
+                                type="submit"
+                                onClick={() =>
+                                  this.editdetail(item.content, undefined)
+                                }
+                              >
+                                取消
+                              </a>
+                            </Spin>
+                          </p>
+                        </div>
+                      </div>
+                      <div style={{ display: this.state.display }}>
+                        <div className="div_line"></div>
+                      </div>
+                    </div>
+                  </div>
+                </li>
+              );
+            })}
+          </div>
+        );
+      }
+    };
+
+    return (
+      <div className="ProjectListIndex">
+      </div>
+      // <div className="main">
+      //   {visible && <AmplifyImg url={imageUrl} visible={visible} setVisible={this.setVisible} />}
+      //   <div>
+      //     <div className="detailContent">
+      //       <p>
+      //         {
+      //           data ?
+      //             <span className="font-20">【{data.issue_classify === "issue" ? (data.tracker ? data.tracker : "缺陷") : "合并请求"}】</span>
+      //             :
+      //             ""
+      //         }
+      //         <span className="font-20" > {data && data.subject}</span>
+
+      //       </p>
+      //       <p className="mt15 color-grey-c">
+      //         <span className={data && data.issue_status === "关闭" ? "closedetail" : "opendetail"}>{data && data.issue_status === "关闭" ? "关闭中" : "开启中"} </span>
+      //         <span className="ml10 lineH32">
+      //           由 {data && data.author_name} 于 {data && data.created_at}创建{data && data.journals_count && data.journals_count > 0 ? ` · ${data.journals_count} 条评论` : ""}
+      //         </span>
+      // {
+      //   data && data.user_permission ?
+      //     <span className="pull-right lineH32">
+      //       <a className="color-blue fr" onClick={this.copydetail}>复制</a>
+      //       <Popconfirm placement="bottom" title={'您确定要删除吗'} okText="是" cancelText="否" onConfirm={() => this.deletedetail(orderId)}>
+      //         <a className="color-blue fr" style={{ marginLeft: 20, marginRight: 20 }}>删除</a>
+      //       </Popconfirm>
+
+      //       <Link to={`/projects/${projectsId}/orders/${orderId}/updatedetail`} className="color-blue fr">编辑</Link>
+      //     </span>
+      //     :
+      //     ""
+      // }
+      //       </p>
+
+      //     </div>
+      //     <div className="f-wrap-between mt20" style={{ alignItems: "flex-start" }}>
+      //       <div className="item-list-right" >
+      //         <div className="df ">
+      //           <Link to={``}><img className="user_img" src={getImageUrl(`images/${data && data.author_picture}`)} alt="" /></Link>
+      // <div className="detail_context">
+      //   <div className="detail_p">
+      //     {data && data.description && (data.description.length > 0) ? this.commentCtx(data.description) : <span className="color-grey-9 ml3 mr3">没有描述</span>}
+      //   </div>
+      //   {
+      //     data && data.attachments && data.attachments.length > 0 ?
+      //       <Attachments attachments={data.attachments} showNotification={this.props.showNotification} />
+      //       :
+      //       ""
+      //   }
+      // </div>
+      //         </div>
+      //         <div className="order_line" style={{ marginLeft: 80 }}></div>
+      //         <Spin spinning={isSpin}>
+      //           <ul className="ul_width">
+      //             {renderList()}
+      //           </ul>
+      //         </Spin>
+
+      //         {Paginations}
+      //         {
+      //           current_user && current_user.login ?
+      //             <React.Fragment>
+      //               <div className="order_line" style={{ marginLeft: 80 }}></div>
+      //               <div className="df">
+      //                 <img className="user_img" src={getImageUrl(`images/${current_user && current_user.image_url}`)} alt="" />
+      //                 <div className="new_context">
+      //                   <div className="quillContent" style={{ marginBottom: "20px" }}>
+      //                     <MDEditor placeholder={'添加评论...'} height={200}
+      //                       mdID={'orderdetail-add-descriptions'} initValue={quillValue} onChange={this.onContentChange} ></MDEditor>
+      //                     <p className="quillFlag">
+      //                       {quillFlag && <span className="">请输入评论内容</span>}
+      //                     </p>
+      //                   </div>
+      //                   <UploadComponent load={this.UploadFunc} isComplete={showFiles} changeIsComplete={this.changeIsComplete}></UploadComponent>
+      //                   <p className="clearfix mt15">
+      //                     <Spin spinning={journal_spin}>
+      //                       <a className="topWrapper_btn fr" type="submit" onClick={this.addjournals}>评论</a>
+      //                       {
+      //                         data && data.user_permission ?
+      //                           <a className="Closeor_btn fr" type="submit"
+      //                             onClick={() => this.closedetail(data && data.issue_status === "关闭" ? 2 : 5)}>{data && data.issue_status === "关闭" ? "重新开启" : "关闭"}</a>
+      //                           :
+      //                           ""
+      //                       }
+      //                     </Spin>
+
+      //                   </p>
+      //                 </div>
+      //               </div>
+      //             </React.Fragment>
+      //             :
+      //             <div className="loginDiv"><Link to={`/login`}>登录</Link>并参与到对话中</div>
+      //         }
+
+      //       </div>
+      // <div className="list-left DetailRight" style={{ backgroundColor: "#fff" }}>
+      //   <p>
+      //     <span className="span_title">分支</span>
+      //     <span>{
+      //       data && data.branch_name ? data.branch_name : "--"
+      //     }</span>
+      //   </p>
+      //   <p>
+      //     <span className="span_title">标签</span>
+      //     <span>{
+      //       data && data.issue_tags ? <span className="issue-tag-show" style={{ background: data.issue_tags[0].color }}>{data.issue_tags[0].name}</span> : "--"
+      //     }</span>
+      //   </p>
+      //   <p style={{ display: "inline-block", 'white-space': "nowrap" }}>
+      //     <span className="span_title">里程碑</span>
+      //     <span className="title_overflow">{
+      //       data && data.version ? data.version : "--"
+      //     }</span>
+      //   </p>
+      //   <p>
+      //     <span className="span_title">当前状态</span>
+      //     <span>{
+      //       data && data.issue_status ? data.issue_status : "--"
+      //     }</span>
+      //   </p>
+      //   <p>
+      //     <span className="span_title">分类</span>
+      //     <span>{
+      //       data && data.tracker ? data.tracker : "--"
+      //     }</span>
+      //   </p>
+      //   <p>
+      //     <span className="span_title">指派给</span>
+      //     <span>{data && data.assign_user_name ? data.assign_user_name : "--"}</span>
+      //   </p>
+      //   <p>
+      //     <span className="span_title">优先级</span>
+      //     <span>{data && data.priority ? data.priority : "--"}</span>
+      //   </p>
+      //   <p>
+      //     <span className="span_title">完成度</span>
+      //     <span>{data && data.done_ratio ? data.done_ratio : "--"}</span>
+      //   </p>
+
+      // </div>
+      //     </div>
+      //   </div>
+      //   <Modal
+      //     onCancel={this.handleCancel}
+      //     visible={this.state.isShow}
+      //     width="400px"
+      //     footer={
+      //       []
+      //     }
+      //     bodyStyle={{ textAlign: 'center' }}
+      //   >
+      //     <img className="list_img" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1608431072,669449145&fm=27&gp=0.jpg" alt="" />
+      //   </Modal>
+      // </div>
+    );
+  }
+}
+
+export default comments;
diff --git a/src/forge/css/index.css b/src/forge/css/index.css
index 5065fac37..c8d05f639 100644
--- a/src/forge/css/index.css
+++ b/src/forge/css/index.css
@@ -115,4 +115,5 @@ ul,ol,dl{
 }
 .ver-middle{
   vertical-align: middle;
-}
\ No newline at end of file
+}
+.pd510{padding: 5px 10px;}
\ No newline at end of file