diff --git a/src/forge/Main/CoderRootBranch.js b/src/forge/Main/CoderRootBranch.js
index c8a85bca..97112633 100644
--- a/src/forge/Main/CoderRootBranch.js
+++ b/src/forge/Main/CoderRootBranch.js
@@ -1,6 +1,7 @@
 import React , { Component } from 'react';
 import { Link } from "react-router-dom";
 import { Dropdown , Menu , Icon , Tooltip } from 'antd';
+import { truncateCommitId } from '../common/util';
 
 import './list.css'
 import { branch } from 'recompose';
@@ -21,7 +22,7 @@ class CoderRootBranch extends Component {
       if(branchList && branchList.length>0){
         return(
           <React.Fragment>
-          
+
 
           <ul className="branchUl">
             {
@@ -32,7 +33,7 @@ class CoderRootBranch extends Component {
                       <Link to={`/projects/${projectsId}/coders?branch=${item.name}`} className="color-blue font-15" style={{"maxWidth":"100px"}}>{item.name}</Link>
                       {/*<span className="color-blue font-15">{item.name}</span>*/}
                       <p className="f-wrap-alignCenter">
-                        <span className="mr5 color-blue">{item.last_commit && item.last_commit.id}</span>
+                        <span className="mr5 color-blue">{item.last_commit && truncateCommitId(item.last_commit.id)}</span>
                         {/*<Link to="javascript:void(0)" className="mr5 color-blue" >{item.last_commit && item.last_commit.id}</Link>*/}
                         <span className="color-grey-9 hide-1 messages leftPoint">{item.last_commit && item.last_commit.message}</span>
                         <span className="color-grey-6 leftPoint">最后更新于{item.last_commit && item.last_commit.time_from_now}</span>
@@ -40,7 +41,7 @@ class CoderRootBranch extends Component {
                     </div>
                     <span>
                       <Link to={`/projects/${projectsId}/merge/new`} className="mr20 operationBtn">创建合并请求</Link>
-                      
+
                       <Dropdown overlay={menu(item.zip_url,item.tar_url)} trigger={['click']} placement="bottomRight" className="operationBtn">
                         <a className="ant-dropdown-link">
                           <Tooltip title={`下载分支${item.name}`}><Icon type="cloud-download" className="font-18"/></Tooltip>
@@ -75,4 +76,4 @@ class CoderRootBranch extends Component {
 
 }
 
-export default CoderRootBranch;
\ No newline at end of file
+export default CoderRootBranch;
diff --git a/src/forge/Main/CoderRootCommit.js b/src/forge/Main/CoderRootCommit.js
index d77e4ec2..54315c86 100644
--- a/src/forge/Main/CoderRootCommit.js
+++ b/src/forge/Main/CoderRootCommit.js
@@ -1,6 +1,7 @@
 import React , { Component } from 'react';
 import { Table , Spin } from 'antd';
 import { getImageUrl } from 'educoder';
+import { truncateCommitId } from '../common/util'
 import SelectBranch from '../Branch/SelectBranch';
 import Top from './DetailTop';
 
@@ -92,7 +93,7 @@ class CoderRootCommit extends Component{
       title:"SHA",
       dataIndex: 'sha',
       render: (text) => (
-        <span className="commitKey">{text}</span>
+        <span className="commitKey">{truncateCommitId(text)}</span>
       )
     },{
       title:"备注",
@@ -124,7 +125,7 @@ class CoderRootCommit extends Component{
 
     const Pagination =()=> {
       if(dataCount > limit){
-        return( 
+        return(
           <div className="edu-txt-center pt30 mb30">
             <Pagination simple defaultCurrent={page} total={dataCount} pageSize={limit} onChange={this.ChangePage}></Pagination>
           </div>
@@ -153,4 +154,4 @@ class CoderRootCommit extends Component{
     )
   }
 }
-export default CoderRootCommit;
\ No newline at end of file
+export default CoderRootCommit;
diff --git a/src/forge/Main/CoderRootDirectory.js b/src/forge/Main/CoderRootDirectory.js
index ef818de7..6f1b397a 100644
--- a/src/forge/Main/CoderRootDirectory.js
+++ b/src/forge/Main/CoderRootDirectory.js
@@ -11,6 +11,7 @@ import CloneAddress from '../Branch/CloneAddress';
 import RootTable from './RootTable';
 import CoderRootFileDetail from './CoderRootFileDetail';
 import NullData from './NullData';
+import { truncateCommitId } from '../common/util';
 
 import axios from 'axios';
 /**
@@ -233,7 +234,7 @@ class CoderRootDirectory extends Component{
                 </React.Fragment>
               :""
             }
-            <Link to={``} className="commitKey">{branchLastCommit.last_commit.id}</Link>
+            <Link to={``} className="commitKey">{truncateCommitId(branchLastCommit.last_commit.id)}</Link>
             <span className="color-blue flex-1 hide-1">{branchLastCommit.last_commit.message}</span>
             <span>{branchLastCommit.last_commit.time_from_now}</span>
           </div>
diff --git a/src/forge/common/util.js b/src/forge/common/util.js
new file mode 100644
index 00000000..66a5b4c1
--- /dev/null
+++ b/src/forge/common/util.js
@@ -0,0 +1,6 @@
+
+export function truncateCommitId(str) {
+  if (str.length > 11) {
+    return str.substring(0, 10)
+  }
+}