diff --git a/options/locale/locale_zh-CN.ini b/options/locale/locale_zh-CN.ini
index cf9c76257..e7e8defdd 100755
--- a/options/locale/locale_zh-CN.ini
+++ b/options/locale/locale_zh-CN.ini
@@ -800,6 +800,10 @@ modelarts.train_job.common_frame=常用框架
 modelarts.train_job.amount_of_compute_node=计算节点个数
 modelarts.train_job.job_parameter_name=作业参数名称
 modelarts.train_job.parameter_description=作业参数描述
+modelarts.log=日志
+modelarts.version_manage=版本管理
+modelarts.back=返回
+
 
 template.items=模板选项
 template.git_content=Git数据(默认分支)
diff --git a/templates/repo/modelarts/trainjob/index.tmpl b/templates/repo/modelarts/trainjob/index.tmpl
index 1dff14fb4..9c05a05c8 100755
--- a/templates/repo/modelarts/trainjob/index.tmpl
+++ b/templates/repo/modelarts/trainjob/index.tmpl
@@ -128,4 +128,134 @@
         $(this).siblings().removeClass("activate")
         $(this).addClass("activate")
     })
+</script>{{template "base/head" .}}
+<style>
+    .ui.segment.bottom.attached {
+        border: none;
+    }
+    
+    .ui.secondary.vertical.pointing.menu{
+        border-right-width: 0px;
+    }
+
+    .vertical.menu .item {
+        border-right-color: white !important;
+    }
+
+    .vertical.menu .activate.item {
+        font-weight: 700;
+    }
+</style>
+<div class="repository view">
+    {{template "repo/header" .}}
+    <div class="modelarts train_job container">
+        <div class="ui container">
+            <div class="ui grid">
+                <div class="three wide column">
+                    <div class="ui grid">
+                        <div class="sixteen wide column ui secondary sticky pointing tabular vertical menu">
+                            <a class="item" href="{{.RepoLink}}/modelarts/notebook">
+                                {{svg "octicon-repo" 16}} {{.i18n.Tr "repo.modelarts.nodebook"}}
+                            </a>
+                            <a class="activate item" href="{{.RepoLink}}/modelarts/train-job">
+                                {{svg "octicon-inbox" 16}} {{.i18n.Tr "repo.modelarts.train_job"}}
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- 右侧 -->
+                <div class="ui thirteen wide column">
+                    {{template "base/alert" .}}
+                    <div class="ui three column stackable grid">
+                        <div class="column">
+                            <h2>{{.i18n.Tr "repo.modelarts.train_job"}}</h2>
+                        </div>
+                        <div class="column">
+                        </div>
+                        <div class="column right aligned">
+                            <a class="ui green button" href="{{.RepoLink}}/modelarts/train-job/create">{{.i18n.Tr "repo.modelarts.train_job.new"}}</a>
+                        </div>
+                    </div>
+                    <div class="ui divider"></div>
+                    <div class="ui thirteen wide column">
+                        <div class="ui thirteen wide column">
+                            <div class="ui two column stackable grid">
+                                <div class="column">
+                                </div>
+                                <div class="column right aligned">
+                                    <div class="ui right dropdown type jump item">
+                                        <span class="text">
+                                            {{.i18n.Tr "repo.issues.filter_sort"}}<i class="dropdown icon"></i>
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+    
+                        <!-- 任务展示 -->
+                        <div class="train_job list">
+                            {{range .Tasks}}
+                            <div class="ui grid stackable item">
+                                <div class="row">
+                                    <!-- 任务名 -->
+                                    <div class="four wide column">
+                                        <a class="title" href="{{$.Link}}/{{.JobID}}">
+                                            <span class="fitted">{{svg "octicon-tasklist" 16}}</span>
+                                            <span class="fitted">{{.JobName}}</span>
+                                        </a>
+                                    </div>
+    
+                                    <!--任务状态 -->
+                                    <div class="two wide column job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">
+                                        {{.Status}}
+                                    </div>
+
+                                    <!-- 运行时长 -->
+                                    <div class="two wide column">
+                                        <span class="ui text center">{{svg "octicon-flame" 16}} {{TimeSinceUnix .CreatedUnix $.Lang}}</span>
+                                    </div>
+    
+                                    <!-- 任务创建时间 -->
+                                    <div class="three wide column">
+                                        <span class="ui text center">{{svg "octicon-flame" 16}} {{TimeSinceUnix .CreatedUnix $.Lang}}</span>
+                                    </div>
+    
+                                    <!-- 删除 -->
+                                    <div class="one wide column">
+                                        <div class="ui text center clipboard">
+                                            <form id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
+                                                {{$.CsrfTokenHtml}}
+                                                <a class="fitted" onclick="assertDelete(this)" style="{{if ne .Status "STOPPED"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">删除</a>
+                                            </form>
+                                        </div>
+                                    </div>
+    
+                                    <!-- 停止 -->
+                                    <div class="one wide column">
+                                        <div class="ui text center clipboard">
+                                            <form id="stopForm-{{.JobID}}" action="{{if ne .Status "RUNNING"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/stop{{end}}" method="post">
+                                                {{$.CsrfTokenHtml}}
+                                                <a class="fitted" onclick="document.getElementById('stopForm-{{.JobID}}').submit();" style="{{if ne .Status "RUNNING"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">停止</a>
+                                            </form>
+                                        </div>
+                                    </div>
+    
+                                </div>
+                            </div>
+                            {{end}} {{template "base/paginate" .}}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{{template "base/footer" .}}
+
+<script>
+    $(".vertical.menu a").click(function(){
+        $(this).siblings().removeClass("activate")
+        $(this).addClass("activate")
+    })
 </script>
\ No newline at end of file
diff --git a/templates/repo/modelarts/trainjob/show.tmpl b/templates/repo/modelarts/trainjob/show.tmpl
index 307cc8e48..8cab7bd9e 100755
--- a/templates/repo/modelarts/trainjob/show.tmpl
+++ b/templates/repo/modelarts/trainjob/show.tmpl
@@ -5,24 +5,24 @@
         <div class="column">
             {{template "base/alert" .}}
             <h4 class="ui top attached header">
-                版本管理
+                {{$.i18n.Tr "repo.modelarts.version_manage"}}
             </h4>
             <div class="ui attached segment">
                 <div class="ui style accordion">
                     <div class="title active">
                         <i class="dropdown icon"></i>
-                        版本
+                        {{$.i18n.Tr "repo.modelarts.train_job.version"}}
                     </div>
                     <div class="content active">
                         <div class="ui container">
                             <div class="ui top attached tabular menu">
                                     <a class="item active" data-tab="configs">配置信息</a>
-                                    <a class="item" data-tab="logs">日志</a>
-                                    <a class="item" data-tab="resources">资源占用情况</a>
+                                    <a class="item" data-tab="logs">{{$.i18n.Tr "repo.modelarts.log"}}</a>
+                                    <!-- <a class="item" data-tab="resources">资源占用情况</a> -->
                                 </div>
                                 <div class="ui bottom attached tab segment active" data-tab="configs">
                                     <h4 class="ui header" id="vertical-segment">
-                                        <a href="javascript:window.history.back();"><i class="arrow left icon"></i>返回</a>
+                                        <a href="javascript:window.history.back();"><i class="arrow left icon"></i>{{$.i18n.Tr "repo.modelarts.back"}}</a>
                                     </h4>
                                     <div>
                                         <div class="ui yellow segment">
@@ -107,10 +107,10 @@
                                     </div>
                                 </div>
                                 <div class="ui bottom attached tab segment" data-tab="logs">
-                                    <div class="ui top attached header">
-                                        <form class="ui form" action="{{.Link}}" method="post">
+                                    <div class="ui top attached segment" style="background: #f0f0f0;">
+                                        <form class="ui form" action="{{.Link}}" method="post"> 
                                             <div class="inline field">
-                                                <label>日志</label>
+                                                <label>{{$.i18n.Tr "repo.modelarts.log"}}</label>
                                                 <select class="ui search dropdown" id="trainjob_datasets" style='width:385px' name="attachment">
                                                     {{range .attachments}}
                                                         <option name="attachment" value="{{.UUID}}">{{.Attachment.Name}}</option>
@@ -119,134 +119,9 @@
                                             </div>
                                         </form>
                                     </div>
-                                    <div class="ui attached segment">
-                                        <div style="height: 300px; overflow: hidden; background-color: rgb(160, 2, 81);">
-                                        </div>
+                                    <div class="ui attached segment" style="height: 300px !important; overflow: auto;">
                                     </div> 
                                 </div>
-                                <div class="ui bottom attached tab segment" data-tab="resources">
-                                    第三
-                                </div>
-                        </div>
-                    </div>
-
-                    <div class="title">
-                        <i class="dropdown icon"></i>
-                        版本
-                    </div>
-                    <div class="content">
-                        <div class="ui container">
-                            <div class="ui top attached tabular menu">
-                                    <a class="item active" data-tab="configs">配置信息</a>
-                                    <a class="item" data-tab="logs">日志</a>
-                                    <a class="item" data-tab="resources">资源占用情况</a>
-                                </div>
-                                <div class="ui bottom attached tab segment active" data-tab="configs">
-                                    <h4 class="ui header" id="vertical-segment">
-                                        <a href="javascript:window.history.back();"><i class="arrow left icon"></i>返回</a>
-                                    </h4>
-                                    <div>
-                                        <div class="ui yellow segment">
-                                            <table class="ui celled striped table">
-                                                <thead>
-                                                <tr> <th colspan="2"> {{.i18n.Tr "repo.modelarts.train_job.basic_info"}} </th> </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.job_name"}} </td>
-                                                        <td>{{.Profile.DeType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.job_status"}} </td>
-                                                        <td>{{.Profile.DeType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.version"}} </td>
-                                                        <td>{{.Profile.FlavorType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.start_time"}} </td>
-                                                        <td>{{.Profile.FlavorType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.dura_time"}} </td>
-                                                        <td>{{.Profile.DeType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.description"}} </td>
-                                                        <td>{{.Profile.FlavorType}}</td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                        <div class="ui green segment">
-                                            <table class="ui celled striped table">
-                                                <thead>
-                                                <tr> <th colspan="2"> {{.i18n.Tr "repo.modelarts.train_job.parameter_setting_info"}} </th> </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.AI_driver"}} </td>
-                                                        <td>{{.Profile.DeType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.start_file"}}</td>
-                                                        <td>{{.Profile.DeType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.dataset"}} </td>
-                                                        <td>{{.Profile.FlavorType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.run_parameter"}} </td>
-                                                        <td>{{.Profile.FlavorType}}</td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                        <div class="ui blue segment">
-                                            <table class="ui celled striped table">
-                                                <thead>
-                                                <tr> <th colspan="2"> {{.i18n.Tr "repo.modelarts.train_job.resource_setting_info"}} </th> </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.resource_pool"}} </td>
-                                                        <td>{{.Profile.DeType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.amount_of_compute_node"}}</td>
-                                                        <td>{{.Profile.DeType}}</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.NAS_mount_path"}} </td>
-                                                        <td>{{.Profile.FlavorType}}</td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="ui bottom attached tab segment" data-tab="logs">
-                                    <div class="ui top attached header">
-                                        <form class="ui form" action="{{.Link}}" method="post">
-                                            <div class="inline field">
-                                                <label>日志</label>
-                                                <select class="ui search dropdown" id="trainjob-flavor" style='width:385px' name="flavor">
-                                                    <option name="flavor" value="{{.Code}}">{{.Value}}</option>
-                                                </select>
-                                            </div>
-                                        </form>
-                                    </div>
-                                    <div class="ui attached segment">
-                                        <div style="height: 300px; overflow: hidden; background-color: grey">
-        
-                                        </div>
-                                    </div> 
-                                </div>
-                                <div class="ui bottom attached tab segment" data-tab="resources">
-                                    第三
-                                </div>
                         </div>
                     </div>
                 </div>