From c1ae8275dbb67056ba0525d7d6dbd701fdd66442 Mon Sep 17 00:00:00 2001
From: zouap <zouap@pcl.ac.cn>
Date: Wed, 11 May 2022 15:36:59 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: zouap <zouap@pcl.ac.cn>
---
 public/home/home.js      | 45 ++++++++++++++++++++++++++
 routers/home.go          | 82 ++++++++++++++++++++++++++++++++++++++++++++++++
 routers/routes/routes.go |  2 ++
 templates/home.tmpl      | 14 +++++++++
 4 files changed, 143 insertions(+)

diff --git a/public/home/home.js b/public/home/home.js
index d8e423def..3b2a34f06 100755
--- a/public/home/home.js
+++ b/public/home/home.js
@@ -6,6 +6,7 @@ if(isEmpty(token)){
 		token = meta.attr("content");
 	}
 }
+
 var swiperNewMessage = new Swiper(".newslist", {
     direction: "vertical",
     slidesPerView: 10,
@@ -15,6 +16,18 @@ var swiperNewMessage = new Swiper(".newslist", {
         disableOnInteraction: false,
     },
 });
+var swiperEvent = new Swiper(".event-list", {
+    slidesPerView: 2,
+    spaceBetween: 30,
+    pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+    },
+    autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+    },
+});
 var swiperRepo = new Swiper(".homepro-list", {
     slidesPerView: 1,
     slidesPerColumn: 2,
@@ -433,6 +446,38 @@ function queryRecommendData(){
         }
     });
 
+    $.ajax({
+        type:"GET",
+        url:"/recommend/imageinfo",
+        headers: {
+           authorization:token,
+         },
+        dataType:"json",
+        async:false,
+        success:function(json){
+           displayActivity(json);
+        },
+        error:function(response) {
+        }
+    });
+}
+
+function displayActivity(json){
+    var activityDiv = document.getElementById("recommendactivity");
+    var html = "";
+    if (json != null && json.length > 0){
+        for(var i = 0; i < json.length;i++){
+            var record = json[i]
+            html += "<div class=\"swiper-slide\">";
+            html += "<a href=\"" + record["image_link"] + "\" class=\"ui fluid card\">";
+            html += "   <div class=\"image\"><img src=\"" + record["url"] + "\"></div>"
+            html += "</a>";
+            html += "</div>";
+        }
+    }
+    activityDiv.innerHTML = html;
+    swiperEvent.updateSlides();
+    swiperEvent.updateProgress();
 }
 
 function displayRepo(json){
diff --git a/routers/home.go b/routers/home.go
index 500ffbbd6..87a03b73e 100755
--- a/routers/home.go
+++ b/routers/home.go
@@ -8,6 +8,7 @@ package routers
 import (
 	"bytes"
 	"net/http"
+	"strconv"
 	"strings"
 
 	"code.gitea.io/gitea/services/repository"
@@ -640,6 +641,87 @@ func GetRecommendOrg() ([]map[string]interface{}, error) {
 	}
 	return resultOrg, nil
 }
+func GetImageInfo() ([]map[string]interface{}, error) {
+	url := setting.RecommentRepoAddr + "picture_info"
+	result, err := repository.RecommendFromPromote(url)
+
+	if err != nil {
+		return nil, err
+	}
+	imageInfo := make([]map[string]interface{}, 0)
+	for i := 0; i < (len(result) - 1); i++ {
+		line := result[i]
+		imageMap := make(map[string]interface{})
+		if line[0:4] == "url=" {
+			url := line[4:]
+			imageMap["url"] = url
+			if result[i+1][0:11] == "image_link=" {
+				image_link := result[i+1][11:]
+				imageMap["image_link"] = image_link
+			}
+		}
+		imageInfo = append(imageInfo, imageMap)
+		i = i + 1
+	}
+	return imageInfo, nil
+}
+
+func GetRankUser(index string) ([]map[string]interface{}, error) {
+	url := setting.RecommentRepoAddr + "user_rank_" + index
+	result, err := repository.RecommendFromPromote(url)
+
+	if err != nil {
+		return nil, err
+	}
+	resultOrg := make([]map[string]interface{}, 0)
+	for _, userRank := range result {
+		tmpIndex := strings.Index(userRank, " ")
+		userName := userRank
+		score := 0
+		if tmpIndex != -1 {
+			userName = userRank[0:tmpIndex]
+			tmpScore, err := strconv.Atoi(userRank[tmpIndex+1:])
+			if err != nil {
+				log.Info("convert to int error.")
+			}
+			score = tmpScore
+		}
+		user, err := models.GetUserByName(userName)
+		if err == nil {
+			userMap := make(map[string]interface{})
+			userMap["Name"] = user.Name
+			userMap["Description"] = user.Description
+			userMap["FullName"] = user.FullName
+			userMap["HomeLink"] = user.HomeLink()
+			userMap["ID"] = user.ID
+			userMap["Avatar"] = user.RelAvatarLink()
+			userMap["Score"] = score
+			resultOrg = append(resultOrg, userMap)
+		} else {
+			log.Info("query user error," + err.Error())
+		}
+	}
+	return resultOrg, nil
+}
+
+func GetImageInfoFromPromote(ctx *context.Context) {
+	imageInfo, err := GetImageInfo()
+	if err != nil {
+		ctx.ServerError("500", err)
+		return
+	}
+	ctx.JSON(200, imageInfo)
+}
+
+func GetUserRankFromPromote(ctx *context.Context) {
+	index := ctx.Params("index")
+	resultUserRank, err := GetRankUser(index)
+	if err != nil {
+		ctx.ServerError("500", err)
+		return
+	}
+	ctx.JSON(200, resultUserRank)
+}
 
 func RecommendOrgFromPromote(ctx *context.Context) {
 	resultOrg, err := GetRecommendOrg()
diff --git a/routers/routes/routes.go b/routers/routes/routes.go
index 912ed6238..1e1a862ff 100755
--- a/routers/routes/routes.go
+++ b/routers/routes/routes.go
@@ -325,6 +325,8 @@ func RegisterRoutes(m *macaron.Macaron) {
 	m.Get("/action/notification", routers.ActionNotification)
 	m.Get("/recommend/org", routers.RecommendOrgFromPromote)
 	m.Get("/recommend/repo", routers.RecommendRepoFromPromote)
+	m.Get("/recommend/userrank/:index", routers.GetUserRankFromPromote)
+	m.Get("/recommend/imageinfo", routers.GetImageInfoFromPromote)
 	m.Post("/all/search/", routers.Search)
 	m.Get("/all/search/", routers.EmptySearch)
 	m.Get("/all/dosearch/", routers.SearchApi)
diff --git a/templates/home.tmpl b/templates/home.tmpl
index d21197602..cf4fa9fcb 100755
--- a/templates/home.tmpl
+++ b/templates/home.tmpl
@@ -37,6 +37,20 @@
     <div class="ui container homeorg">
         <div class="ui stackable grid">
             <div class="sixteen wide tablet four wide computer column homeorg-tit">
+                <h2>社区活动</h2>
+                <p><span class="ui text grey">社区准备了丰富的活动，等你来参加！</p>
+            </div>
+            <div class="sixteen wide tablet twelve wide computer column">
+                <div class="event-list">
+                    <div class="swiper-wrapper" id="recommendactivity">
+                    
+                        
+                    </div>
+                    <div class="swiper-pagination"></div>
+                </div>
+            </div>
+
+            <div class="sixteen wide tablet four wide computer column homeorg-tit">
                 <h2>{{.page_recommend_org}}</h2>
                 <p><span class="ui text grey">{{.page_recommend_org_desc}}&nbsp;</span><a href="{{.RecommendURL}}">{{.page_recommend_org_commit}}</a></p>
                 <a href="{{AppSubUrl}}/explore/organizations" class="circular ui primary basic button">{{.page_recommend_org_more}} <i class="arrow circle right icon"></i></a>

From f52a1d4639e8b7afb221bfe6db54977d609288ee Mon Sep 17 00:00:00 2001
From: zouap <zouap@pcl.ac.cn>
Date: Wed, 11 May 2022 15:43:02 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E6=8F=90=E4=BA=A4=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: zouap <zouap@pcl.ac.cn>
---
 options/locale/locale_en-US.ini | 2 ++
 options/locale/locale_zh-CN.ini | 2 ++
 routers/home.go                 | 2 ++
 templates/home.tmpl             | 4 ++--
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini
index ca16093a6..fb13bae3a 100755
--- a/options/locale/locale_en-US.ini
+++ b/options/locale/locale_en-US.ini
@@ -237,6 +237,8 @@ page_recommend_repo_desc=Excellent AI projects recommendation. To show your proj
 page_recommend_repo_commit=Click here to submit.
 page_recommend_repo_go=Click here to
 page_recommend_repo_more=explore more projects.
+page_recommend_activity=Community activities
+page_recommend_activity_desc=The community has prepared a wealth of activities, waiting for you to participate!
 page_dev_env=Collaborative Development Environment
 page_dev_env_desc=Provide a collaborative development environment for AI development, which is the biggest highlight that distinguishes the OpenI AI Collaboration Platform from other traditional Git platforms.
 page_dev_env_desc_title=Unified Management of Development Elements
diff --git a/options/locale/locale_zh-CN.ini b/options/locale/locale_zh-CN.ini
index 474b96c3f..6eedeaecd 100755
--- a/options/locale/locale_zh-CN.ini
+++ b/options/locale/locale_zh-CN.ini
@@ -239,6 +239,8 @@ page_recommend_repo_desc=优秀的AI项目推荐；你的项目也想展示到
 page_recommend_repo_commit=点此提交
 page_recommend_repo_go=。进入
 page_recommend_repo_more=项目广场
+page_recommend_activity=社区活动
+page_recommend_activity_desc=社区准备了丰富的活动，等你来参加！
 page_dev_env=协同开发环境
 page_dev_env_desc=启智AI协作开发平台与传统git平台最大的不同就在于提供了面向AI开发的协同开发环境
 page_dev_env_desc_title=开发要素统一管理
diff --git a/routers/home.go b/routers/home.go
index 87a03b73e..63b90455e 100755
--- a/routers/home.go
+++ b/routers/home.go
@@ -93,6 +93,8 @@ func setRecommendURL(ctx *context.Context) {
 	ctx.Data["page_dev_yunlao_desc3"] = ctx.Tr("home.page_dev_yunlao_desc3")
 	ctx.Data["page_dev_yunlao_desc4"] = ctx.Tr("home.page_dev_yunlao_desc4")
 	ctx.Data["page_dev_yunlao_apply"] = ctx.Tr("home.page_dev_yunlao_apply")
+	ctx.Data["page_recommend_activity"] = ctx.Tr("home.page_recommend_activity")
+	ctx.Data["page_recommend_activity_desc"] = ctx.Tr("home.page_recommend_activity_desc")
 }
 
 func Dashboard(ctx *context.Context) {
diff --git a/templates/home.tmpl b/templates/home.tmpl
index cf4fa9fcb..5edd65ceb 100755
--- a/templates/home.tmpl
+++ b/templates/home.tmpl
@@ -37,8 +37,8 @@
     <div class="ui container homeorg">
         <div class="ui stackable grid">
             <div class="sixteen wide tablet four wide computer column homeorg-tit">
-                <h2>社区活动</h2>
-                <p><span class="ui text grey">社区准备了丰富的活动，等你来参加！</p>
+                <h2>{{.page_recommend_activity}}</h2>
+                <p><span class="ui text grey">{{.page_recommend_activity_desc}}</p>
             </div>
             <div class="sixteen wide tablet twelve wide computer column">
                 <div class="event-list">

From c99931a40b24e608e8e10df2823f128b6e825bcc Mon Sep 17 00:00:00 2001
From: zouap <zouap@pcl.ac.cn>
Date: Wed, 11 May 2022 15:44:49 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E6=8F=90=E4=BA=A4=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: zouap <zouap@pcl.ac.cn>
---
 options/locale/locale_en-US.ini | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini
index fb13bae3a..09d9278fb 100755
--- a/options/locale/locale_en-US.ini
+++ b/options/locale/locale_en-US.ini
@@ -237,7 +237,7 @@ page_recommend_repo_desc=Excellent AI projects recommendation. To show your proj
 page_recommend_repo_commit=Click here to submit.
 page_recommend_repo_go=Click here to
 page_recommend_repo_more=explore more projects.
-page_recommend_activity=Community activities
+page_recommend_activity=Community Activities
 page_recommend_activity_desc=The community has prepared a wealth of activities, waiting for you to participate!
 page_dev_env=Collaborative Development Environment
 page_dev_env_desc=Provide a collaborative development environment for AI development, which is the biggest highlight that distinguishes the OpenI AI Collaboration Platform from other traditional Git platforms.

From 25b3297e916d2236eb4a786a653cbe8de8c2727d Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Thu, 12 May 2022 16:00:28 +0800
Subject: [PATCH 4/4] fix issue

---
 templates/repo/cloudbrain/show.tmpl          |  841 +++++++++++---------
 templates/repo/cloudbrain/trainjob/show.tmpl |  879 ++++++++++----------
 templates/repo/debugjob/index.tmpl           |  275 ++++---
 templates/repo/modelarts/notebook/show.tmpl  |  624 ++++++++-------
 templates/repo/modelarts/trainjob/show.tmpl  | 1105 +++++++++++++-------------
 web_src/js/features/cloudrbanin.js           |  264 +++---
 6 files changed, 2115 insertions(+), 1873 deletions(-)

diff --git a/templates/repo/cloudbrain/show.tmpl b/templates/repo/cloudbrain/show.tmpl
index 63c947477..34ddcf667 100755
--- a/templates/repo/cloudbrain/show.tmpl
+++ b/templates/repo/cloudbrain/show.tmpl
@@ -1,171 +1,205 @@
 {{template "base/head" .}}
 <style>
-.according-panel-heading{
-    box-sizing: border-box;
-    padding: 8px 16px;
-    color: #252b3a;
-    background-color: #f2f5fc;
-    line-height: 1.5;
-    cursor: pointer;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-}
-.accordion-panel-title {
-    margin-top: 0;
-    margin-bottom: 0;
-    color: #252b3a;
-}
-.accordion-panel-title-content{
-    vertical-align: middle;
-    display: inline-block;
-    width: calc(100% - 32px);
-    cursor: default;
-}
-.acc-margin-bottom {
-    margin-bottom: 5px;
-}
-.title_text {
-    font-size: 12px;
-}
-.ac-display-inblock {
-    display: inline-block;
-}
-.cti-mgRight-sm {
-    margin-right: 8px;
-}
-.ac-text-normal {
-    font-size: 14px;
-    color: #575d6c;
-}
-.uc-accordionTitle-black {
-    color: #333;
-}
-.accordion-border{
-    border:1px solid #cce2ff;
-}
-.padding0{
-    padding: 0 !important;
-}
-.content-pad{
-    padding: 15px 35px;
-}
-.content-margin{
-    margin:10px 5px ;
-}
-.tab_2_content {
-    min-height: 420px;
-    margin-left: 10px;
-}
-.ac-grid {
-    display: block;
-    *zoom: 1;
-}
-.ac-grid-col {
-    float: left;
-    width: 100%;
-}
-.ac-grid-col2 .ac-grid-col {
-    width: 50%;
-}
-.ti-form {
-    text-align: left;
-    max-width: 100%;
-    vertical-align: middle;
-}
-.ti-form>tbody {
-    font-size: 12px;
-}
-.ti-form>tbody, .ti-form>tbody>tr {
-    vertical-align: inherit;
-}
-.info_text {
-    padding-bottom: 20px;
-    padding-right: 20px;
-    font-size: 12px;
-}
-
-.ti-text-form-label {
-
-    padding-bottom: 20px;
-    padding-right: 20px;
-    color: #8a8e99;
-    font-size: 12px;
-    white-space: nowrap !important;
-    width: 80px;
-    line-height: 30px;
-}
-.ti-text-form-content{
-    line-height: 30px;
-    padding-bottom: 20px;
-}
-.ti-form>tbody>tr>td {
-    vertical-align: top;
-    white-space: normal;
-}
-td, th {
-    padding: 0;
-}
-.ac-grid-col .text-span {
-    width: 450px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.redo-color{
-    color: #3291F8;
-}
-.ti-action-menu-item:not(:last-child){
-    margin-right: 10px;
-    padding-right: 11px;
-    text-decoration: none!important;
-    color: #526ecc;
-    cursor: pointer;
-    display: inline-block;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-    position: relative;
-}
-.ti-action-menu-item:not(:last-child):after {
-    content: "";
-    display: inline-block;
-    position: absolute;
-    height: 12px;
-    right: 0;
-    top: 50%;
-    -webkit-transform: translateY(-6px);
-    -ms-transform: translateY(-6px);
-    -o-transform: translateY(-6px);
-    transform: translateY(-6px);
-    border-right: 1px solid #dfe1e6;
-}
-.text-width80{
-    width: 100px;
-    line-height: 30px;
-}
-.border-according{
-    border: 1px solid #dfe1e6;
-}
-.disabled {
+    .according-panel-heading {
+        box-sizing: border-box;
+        padding: 8px 16px;
+        color: #252b3a;
+        background-color: #f2f5fc;
+        line-height: 1.5;
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        -khtml-user-select: none;
+        user-select: none;
+    }
+
+    .accordion-panel-title {
+        margin-top: 0;
+        margin-bottom: 0;
+        color: #252b3a;
+    }
+
+    .accordion-panel-title-content {
+        vertical-align: middle;
+        display: inline-block;
+        width: calc(100% - 32px);
+        cursor: default;
+    }
+
+    .acc-margin-bottom {
+        margin-bottom: 5px;
+    }
+
+    .title_text {
+        font-size: 12px;
+    }
+
+    .ac-display-inblock {
+        display: inline-block;
+    }
+
+    .cti-mgRight-sm {
+        margin-right: 8px;
+    }
+
+    .ac-text-normal {
+        font-size: 14px;
+        color: #575d6c;
+    }
+
+    .uc-accordionTitle-black {
+        color: #333;
+    }
+
+    .accordion-border {
+        border: 1px solid #cce2ff;
+    }
+
+    .padding0 {
+        padding: 0 !important;
+    }
+
+    .content-pad {
+        padding: 15px 35px;
+    }
+
+    .content-margin {
+        margin: 10px 5px;
+    }
+
+    .tab_2_content {
+        min-height: 420px;
+        margin-left: 10px;
+    }
+
+    .ac-grid {
+        display: block;
+        *zoom: 1;
+    }
+
+    .ac-grid-col {
+        float: left;
+        width: 100%;
+    }
+
+    .ac-grid-col2 .ac-grid-col {
+        width: 50%;
+    }
+
+    .ti-form {
+        text-align: left;
+        max-width: 100%;
+        vertical-align: middle;
+    }
+
+    .ti-form>tbody {
+        font-size: 12px;
+    }
+
+    .ti-form>tbody,
+    .ti-form>tbody>tr {
+        vertical-align: inherit;
+    }
+
+    .info_text {
+        padding-bottom: 20px;
+        padding-right: 20px;
+        font-size: 12px;
+    }
+
+    .ti-text-form-label {
+
+        padding-bottom: 20px;
+        padding-right: 20px;
+        color: #8a8e99;
+        font-size: 12px;
+        white-space: nowrap !important;
+        width: 80px;
+        line-height: 30px;
+    }
+
+    .ti-text-form-content {
+        line-height: 30px;
+        padding-bottom: 20px;
+    }
+
+    .ti-form>tbody>tr>td {
+        vertical-align: top;
+        white-space: normal;
+    }
+
+    td,
+    th {
+        padding: 0;
+    }
+
+    .ac-grid-col .text-span {
+        width: 450px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .redo-color {
+        color: #3291F8;
+    }
+
+    .ti-action-menu-item:not(:last-child) {
+        margin-right: 10px;
+        padding-right: 11px;
+        text-decoration: none !important;
+        color: #526ecc;
+        cursor: pointer;
+        display: inline-block;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        -khtml-user-select: none;
+        user-select: none;
+        position: relative;
+    }
+
+    .ti-action-menu-item:not(:last-child):after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        height: 12px;
+        right: 0;
+        top: 50%;
+        -webkit-transform: translateY(-6px);
+        -ms-transform: translateY(-6px);
+        -o-transform: translateY(-6px);
+        transform: translateY(-6px);
+        border-right: 1px solid #dfe1e6;
+    }
+
+    .text-width80 {
+        width: 100px;
+        line-height: 30px;
+    }
+
+    .border-according {
+        border: 1px solid #dfe1e6;
+    }
+
+    .disabled {
         cursor: default;
         pointer-events: none;
-        color: rgba(0,0,0,.6) !important;
+        color: rgba(0, 0, 0, .6) !important;
         opacity: .45 !important;
-}
-.pad20{
-
-    border:0px !important;
-}
-.model_file_bread{
-    margin-bottom: -0.5rem !important;
-    padding-left: 1rem;
-    padding-top: 0.5rem ;
-}
+    }
+
+    .pad20 {
+
+        border: 0px !important;
+    }
+
+    .model_file_bread {
+        margin-bottom: -0.5rem !important;
+        padding-left: 1rem;
+        padding-top: 0.5rem;
+    }
 </style>
 
 
@@ -179,7 +213,7 @@ td, th {
     </div>
 </div>
 <div class="repository">
-{{template "repo/header" .}}
+    {{template "repo/header" .}}
     <div class="ui container">
         <h4 class="ui header" id="vertical-segment">
             <div class="ui breadcrumb">
@@ -191,11 +225,12 @@ td, th {
                     {{$.i18n.Tr "repo.modelarts.notebook"}}
                 </a>
                 <div class="divider"> / </div>
-				<div class="active section">{{.displayJobName}}</div>
-			</div>
+                <div class="active section">{{.displayJobName}}</div>
+            </div>
         </h4>
         {{range $k ,$v := .version_list_task}}
-        <div class="ui accordion border-according"  id="accordion{{.VersionName}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}" data-version="{{.VersionName}}">
+        <div class="ui accordion border-according" id="accordion{{.VersionName}}"
+            data-repopath="{{$.RepoRelPath}}/cloudbrain" data-jobid="{{.ID}}" data-version="{{.VersionName}}">
             <input type="hidden" id="jobId_input" name="jobId_input" value="{{.JobID}}">
             <div class="{{if eq $k 0}}active{{end}} title padding0">
                 <div class="according-panel-heading">
@@ -205,19 +240,26 @@ td, th {
                             <span>
                                 <div class="ac-display-inblock title_text acc-margin-bottom">
                                     <span class="cti-mgRight-sm">
-                                      {{if not (eq .StartTime 0)}}
-										 <td>{{TimeSinceUnix1 .StartTime}}</td>
-										{{else}}
-										 <td>{{TimeSinceUnix1 .CreatedUnix}}<td>
-										{{end}}
-									</span>
+                                        {{if not (eq .StartTime 0)}}
+                                        <td>{{TimeSinceUnix1 .StartTime}}</td>
+                                        {{else}}
+                                        <td>{{TimeSinceUnix1 .CreatedUnix}}
+                                        <td>
+                                            {{end}}
+                                    </span>
 
                                     <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.status"}}：
-                                        <span id="{{.VersionName}}-status-span"><i id="icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
+                                        <span id="{{.VersionName}}-status-span"><i id="icon"
+                                                style="vertical-align: middle;" class="{{.Status}}"></i><span id="text"
+                                                style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
                                     </span>
-                                    <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>
-                                    <span class="cti-mgRight-sm uc-accordionTitle-black" id="{{.VersionName}}-duration-span">{{$.duration}}</span>
-
+                                    <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：
+                                    </span>
+                                    <span class="cti-mgRight-sm uc-accordionTitle-black"
+                                        id="{{.VersionName}}-duration-span">{{$.duration}}</span>
+                                    <span data-tooltip="刷新" style="cursor: pointer;" data-inverted=""
+                                        onclick="refreshStatus({{.VersionName}})"><i
+                                            class="redo icon redo-color"></i></span>
                                 </div>
                             </span>
                         </span>
@@ -227,8 +269,10 @@ td, th {
             <div class="{{if eq $k 0}}active{{end}} content">
                 <div class="content-pad">
                     <div class="ui pointing secondary menu" style="border-bottom: 1px solid rgba(34,36,38,.15);">
-                        <a class="active item" data-tab="first{{$k}}">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>
-                        <a class="item" data-tab="second{{$k}}" onclick="javascript:parseLog()">{{$.i18n.Tr "repo.cloudbrain.runinfo"}}</a>
+                        <a class="active item"
+                            data-tab="first{{$k}}">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>
+                        <a class="item" data-tab="second{{$k}}"
+                            onclick="javascript:parseLog()">{{$.i18n.Tr "repo.cloudbrain.runinfo"}}</a>
                     </div>
                     <div class="ui tab active" data-tab="first{{$k}}">
                         <div style="padding-top: 10px;">
@@ -259,192 +303,199 @@ td, th {
                                                     </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.cloudbrain_creator"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-mirror">
-                                                                {{.User.Name}}
-                                                            </div>
-                                                        </td>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.cloudbrain_creator"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" id="{{.VersionName}}-mirror">
+                                                            {{.User.Name}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.computing_resources"}}
+                                                    </td>
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-computeresource">
+                                                            {{.ComputeResource}}
+                                                        </div>
+                                                    </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.computing_resources"}}
-                                                        </td>
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-computeresource">
-                                                               {{.ComputeResource}}
-                                                            </div>
-                                                        </td>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "cloudbrain.task_type"}}
+                                                    </td>
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-computeresource">
+                                                            {{.JobType}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.code_version"}}
+                                                    </td>
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" id="{{.VersionName}}-code">
+                                                            {{.BranchName}}
+                                                        </div>
+                                                    </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "cloudbrain.task_type"}}
-                                                        </td>
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-computeresource">
-                                                               {{.JobType}}
-                                                            </div>
-                                                        </td>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "cloudbrain.gpu_type"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
+                                                            {{$.resource_type}}
+                                                        </div>
+                                                    </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.code_version"}}
-                                                        </td>
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-code">
-                                                               {{.BranchName}}
-                                                            </div>
-                                                        </td>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.createtime"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-createtime">
+                                                            {{TimeSinceUnix1 .CreatedUnix}}
+                                                        </div>
+                                                    </td>
                                                 </tr>
+
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "cloudbrain.gpu_type"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
-                                                                {{$.resource_type}}
-                                                            </div>
-                                                        </td>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-duration">
+                                                            {{$.duration}}
+                                                        </div>
+                                                    </td>
                                                 </tr>
-                                                   <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                         {{$.i18n.Tr "repo.modelarts.createtime"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-createtime">
-																 {{TimeSinceUnix1 .CreatedUnix}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-
-                                                     <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-duration">
-                                                                {{$.duration}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-
-                                                    
+
+
 
                                             </tbody>
                                         </table>
                                     </div>
                                     <div class="ac-grid-col">
-                                            <table class="ti-form">
-                                                <tbody class="ti-text-form">
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "cloudbrain.mirror"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-mirror">
-                                                                {{.Image}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                         {{$.i18n.Tr "repo.modelarts.train_job.dataset"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-BenchmarkTypeName">
-                                                                {{$.datasetname}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                                {{$.i18n.Tr "repo.modelarts.train_job.standard"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
-                                                                {{$.i18n.Tr "cloudbrain.gpu_num"}}：{{$.GpuNum}}，{{$.i18n.Tr "cloudbrain.cpu_num"}}：{{$.CpuNum}}，{{$.i18n.Tr "cloudbrain.memory"}}(MB)：{{$.MemMiB}}，{{$.i18n.Tr "cloudbrain.shared_memory"}}(MB)：{{$.ShareMemMiB}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "cloudbrain.dataset_storage_path"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="dataset_storage_path">
+                                        <table class="ti-form">
+                                            <tbody class="ti-text-form">
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "cloudbrain.mirror"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" id="{{.VersionName}}-mirror">
+                                                            {{.Image}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.dataset"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-BenchmarkTypeName">
+                                                            {{$.datasetname}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.standard"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
+                                                            {{$.i18n.Tr "cloudbrain.gpu_num"}}：{{$.GpuNum}}，{{$.i18n.Tr "cloudbrain.cpu_num"}}：{{$.CpuNum}}，{{$.i18n.Tr "cloudbrain.memory"}}(MB)：{{$.MemMiB}}，{{$.i18n.Tr "cloudbrain.shared_memory"}}(MB)：{{$.ShareMemMiB}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "cloudbrain.dataset_storage_path"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" id="dataset_storage_path">
                                                             {{$.dataset_path}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "cloudbrain.model_storage_path"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="model_storage_path">
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "cloudbrain.model_storage_path"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" id="model_storage_path">
                                                             {{$.model_path}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "cloudbrain.code_storage_path"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="code_storage_path">
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "cloudbrain.code_storage_path"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" id="code_storage_path">
                                                             {{$.code_path}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                         {{$.i18n.Tr "repo.cloudbrain.time.starttime"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-startTime">
-                                                                {{if not (eq .StartTime 0)}}
-																 {{TimeSinceUnix1 .StartTime}}
-																{{else}}
-                                                                 --
-																{{end}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    
-                                                     <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                         {{$.i18n.Tr "repo.cloudbrain.time.endtime"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-EndTime">
-                                                                {{if not (eq .EndTime 0)}}
-																 {{TimeSinceUnix1 .EndTime}}
-																{{else}}
-                                                                    --
-																{{end}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                   
-                                               
-                                                </tbody>
-                                            </table>
-                                        </div>
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.cloudbrain.time.starttime"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-startTime">
+                                                            {{if not (eq .StartTime 0)}}
+                                                            {{TimeSinceUnix1 .StartTime}}
+                                                            {{else}}
+                                                            --
+                                                            {{end}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.cloudbrain.time.endtime"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-EndTime">
+                                                            {{if not (eq .EndTime 0)}}
+                                                            {{TimeSinceUnix1 .EndTime}}
+                                                            {{else}}
+                                                            --
+                                                            {{end}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
+
+                                            </tbody>
+                                        </table>
+                                    </div>
                                 </div>
                             </div>
 
@@ -455,10 +506,11 @@ td, th {
                             <div class="ui message message{{.VersionName}}" style="display: none;">
                                 <div id="header"></div>
                             </div>
-                            <div class="ui attached  log"  id="log{{.VersionName}}" style="height: 390px !important; overflow: auto;">
+                            <div class="ui attached  log" id="log{{.VersionName}}"
+                                style="height: 390px !important; overflow: auto;">
                                 <input type="hidden" id="json_value" value="{{$.result.JobStatus.AppExitDiagnostics}}">
                                 <span id="info_display" class="info_text">
-                                        
+
                                 </span>
                             </div>
 
@@ -498,42 +550,71 @@ td, th {
 
 <script>
     $('.menu .item').tab()
-    $(document).ready(function(){
-    $('.ui.accordion').accordion({selector:{trigger:'.icon'}});
+    $(document).ready(function () {
+        $('.ui.accordion').accordion({ selector: { trigger: '.icon' } });
     });
-    $(document).ready(function(){
+    $(document).ready(function () {
         $('.secondary.menu .item').tab();
     });
 
-   function parseLog(){
-    let jsonValue = document.getElementById("json_value").value;
-    let jsonObj = JSON.parse(jsonValue);
-    let podRoleName = jsonObj["podRoleName"];
-    let html = "";
-    if (podRoleName != null){
-         let task0 = podRoleName["task1-0"];
-         let podEvents = jsonObj["podEvents"];
-         let podEventArray = podEvents[task0];
-         if(podEventArray != null){
-             for(var i=0; i < podEventArray.length;i++){
-                if (podEventArray[i]["reason"]!="") {
-                    html +="<p><b>[" +podEventArray[i]["reason"] +  "]</b></p>";
-                    html +="<p>" +podEventArray[i]["message"] +  "</p>";
-                    html +="<p>" +podEventArray[i]["action"] +  "</p>";
+    function parseLog() {
+        let jsonValue = document.getElementById("json_value").value;
+        let jsonObj = JSON.parse(jsonValue);
+        let podRoleName = jsonObj["podRoleName"];
+        let html = "";
+        if (podRoleName != null) {
+            let task0 = podRoleName["task1-0"];
+            let podEvents = jsonObj["podEvents"];
+            let podEventArray = podEvents[task0];
+            if (podEventArray != null) {
+                for (var i = 0; i < podEventArray.length; i++) {
+                    if (podEventArray[i]["reason"] != "") {
+                        html += "<p><b>[" + podEventArray[i]["reason"] + "]</b></p>";
+                        html += "<p>" + podEventArray[i]["message"] + "</p>";
+                        html += "<p>" + podEventArray[i]["action"] + "</p>";
+                    }
                 }
-             }
-         }
-         let extras= jsonObj["extras"];
-         if(extras != null){
-            for(var i=0; i < extras.length;i++){
-                if (extras[i]["reason"]!="") {
-                    html +="<p><b>[" +extras[i]["reason"] +  "]</b></p>";
-                    html +="<p>" +extras[i]["message"] +  "</p>";
-                    html +="<p>" +extras[i]["action"] +  "</p>";
+            }
+            let extras = jsonObj["extras"];
+            if (extras != null) {
+                for (var i = 0; i < extras.length; i++) {
+                    if (extras[i]["reason"] != "") {
+                        html += "<p><b>[" + extras[i]["reason"] + "]</b></p>";
+                        html += "<p>" + extras[i]["message"] + "</p>";
+                        html += "<p>" + extras[i]["action"] + "</p>";
+                    }
                 }
             }
-         }
+        }
+        document.getElementById("info_display").innerHTML = html;
+    }
+    function stopBubbling(e) {
+        e = window.event || e;
+        if (e.stopPropagation) {
+            e.stopPropagation();      //阻止事件 冒泡传播
+        } else {
+            e.cancelBubble = true;   //ie兼容
+        }
+    }
+
+    function refreshStatus(version_name) {
+        $(".ui.accordion.border-according").each((index, job) => {
+            const jobID = job.dataset.jobid;
+            const repoPath = job.dataset.repopath;
+            const versionname = job.dataset.version
+            $.get(`/api/v1/repos/${repoPath}/cloudbrain/${jobID}?version_name=${versionname}`, (data) => {
+                // header status and duration
+                //$(`#${version_name}-duration-span`).text(data.JobDuration)
+                $(`#${version_name}-status-span span`).text(data.JobStatus)
+                $(`#${version_name}-status-span i`).attr("class", data.JobStatus)
+                // detail status and duration
+                //$('#'+version_name+'-duration').text(data.JobDuration)
+                $('#' + version_name + '-status').text(data.JobStatus)
+                parseLog()
+            }).fail(function (err) {
+                console.log(err);
+            });
+            stopBubbling(arguments.callee.caller.arguments[0])
+        })
     }
-    document.getElementById("info_display").innerHTML=html;
- }
 </script>
\ No newline at end of file
diff --git a/templates/repo/cloudbrain/trainjob/show.tmpl b/templates/repo/cloudbrain/trainjob/show.tmpl
index e490b1928..f1087abcf 100755
--- a/templates/repo/cloudbrain/trainjob/show.tmpl
+++ b/templates/repo/cloudbrain/trainjob/show.tmpl
@@ -1,170 +1,205 @@
 {{template "base/head" .}}
 <style>
-.according-panel-heading{
-    box-sizing: border-box;
-    padding: 8px 16px;
-    color: #252b3a;
-    background-color: #f2f5fc;
-    line-height: 1.5;
-    cursor: pointer;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-}
-.accordion-panel-title {
-    margin-top: 0;
-    margin-bottom: 0;
-    color: #252b3a;
-}
-.accordion-panel-title-content{
-    vertical-align: middle;
-    display: inline-block;
-    width: calc(100% - 32px);
-    cursor: default;
-}
-.acc-margin-bottom {
-    margin-bottom: 5px;
-}
-.title_text {
-    font-size: 12px;
-}
-.ac-display-inblock {
-    display: inline-block;
-}
-.cti-mgRight-sm {
-    margin-right: 8px;
-}
-.ac-text-normal {
-    font-size: 14px;
-    color: #575d6c;
-}
-.uc-accordionTitle-black {
-    color: #333;
-}
-.accordion-border{
-    border:1px solid #cce2ff;
-}
-.padding0{
-    padding: 0 !important;
-}
-.content-pad{
-    padding: 15px 35px;
-}
-.content-margin{
-    margin:10px 5px ;
-}
-.tab_2_content {
-    min-height: 360px;
-    margin-left: 10px;
-}
-.ac-grid {
-    display: block;
-    *zoom: 1;
-}
-.ac-grid-col {
-    float: left;
-    width: 100%;
-}
-.ac-grid-col2 .ac-grid-col {
-    width: 50%;
-}
-.ti-form {
-    text-align: left;
-    max-width: 100%;
-    vertical-align: middle;
-}
-.ti-form>tbody {
-    font-size: 12px;
-}
-.ti-form>tbody, .ti-form>tbody>tr {
-    vertical-align: inherit;
-}
-.ti-text-form-label {
-    
-    padding-bottom: 20px;
-    padding-right: 20px;
-    color: #8a8e99;
-    font-size: 12px;
-    white-space: nowrap !important;
-    width: 80px;
-    line-height: 30px;
-}
-.ti-text-form-content{
-    line-height: 30px;
-    padding-bottom: 20px;
-}
-.ti-form>tbody>tr>td {
-    vertical-align: top;
-    white-space: normal;
-}
-td, th {
-    padding: 0;
-}
-.info_text {
-    padding-bottom: 20px;
-    padding-right: 20px;
-    font-size: 12px;
-}
-.ac-grid-col .text-span {
-    width: 450px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.redo-color{
-    color: #3291F8;
-}
-.ti-action-menu-item:not(:last-child){
-    margin-right: 10px;
-    padding-right: 11px;
-    text-decoration: none!important;
-    color: #526ecc;
-    cursor: pointer;
-    display: inline-block;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-    position: relative;
-}
-.ti-action-menu-item:not(:last-child):after {
-    content: "";
-    display: inline-block;
-    position: absolute;
-    height: 12px;
-    right: 0;
-    top: 50%;
-    -webkit-transform: translateY(-6px);
-    -ms-transform: translateY(-6px);
-    -o-transform: translateY(-6px);
-    transform: translateY(-6px);
-    border-right: 1px solid #dfe1e6;
-}
-.text-width80{
-    width: 100px;
-    line-height: 30px;
-}
-.border-according{
-    border: 1px solid #dfe1e6;
-}
-.disabled {
+    .according-panel-heading {
+        box-sizing: border-box;
+        padding: 8px 16px;
+        color: #252b3a;
+        background-color: #f2f5fc;
+        line-height: 1.5;
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        -khtml-user-select: none;
+        user-select: none;
+    }
+
+    .accordion-panel-title {
+        margin-top: 0;
+        margin-bottom: 0;
+        color: #252b3a;
+    }
+
+    .accordion-panel-title-content {
+        vertical-align: middle;
+        display: inline-block;
+        width: calc(100% - 32px);
+        cursor: default;
+    }
+
+    .acc-margin-bottom {
+        margin-bottom: 5px;
+    }
+
+    .title_text {
+        font-size: 12px;
+    }
+
+    .ac-display-inblock {
+        display: inline-block;
+    }
+
+    .cti-mgRight-sm {
+        margin-right: 8px;
+    }
+
+    .ac-text-normal {
+        font-size: 14px;
+        color: #575d6c;
+    }
+
+    .uc-accordionTitle-black {
+        color: #333;
+    }
+
+    .accordion-border {
+        border: 1px solid #cce2ff;
+    }
+
+    .padding0 {
+        padding: 0 !important;
+    }
+
+    .content-pad {
+        padding: 15px 35px;
+    }
+
+    .content-margin {
+        margin: 10px 5px;
+    }
+
+    .tab_2_content {
+        min-height: 360px;
+        margin-left: 10px;
+    }
+
+    .ac-grid {
+        display: block;
+        *zoom: 1;
+    }
+
+    .ac-grid-col {
+        float: left;
+        width: 100%;
+    }
+
+    .ac-grid-col2 .ac-grid-col {
+        width: 50%;
+    }
+
+    .ti-form {
+        text-align: left;
+        max-width: 100%;
+        vertical-align: middle;
+    }
+
+    .ti-form>tbody {
+        font-size: 12px;
+    }
+
+    .ti-form>tbody,
+    .ti-form>tbody>tr {
+        vertical-align: inherit;
+    }
+
+    .ti-text-form-label {
+
+        padding-bottom: 20px;
+        padding-right: 20px;
+        color: #8a8e99;
+        font-size: 12px;
+        white-space: nowrap !important;
+        width: 80px;
+        line-height: 30px;
+    }
+
+    .ti-text-form-content {
+        line-height: 30px;
+        padding-bottom: 20px;
+    }
+
+    .ti-form>tbody>tr>td {
+        vertical-align: top;
+        white-space: normal;
+    }
+
+    td,
+    th {
+        padding: 0;
+    }
+
+    .info_text {
+        padding-bottom: 20px;
+        padding-right: 20px;
+        font-size: 12px;
+    }
+
+    .ac-grid-col .text-span {
+        width: 450px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .redo-color {
+        color: #3291F8;
+    }
+
+    .ti-action-menu-item:not(:last-child) {
+        margin-right: 10px;
+        padding-right: 11px;
+        text-decoration: none !important;
+        color: #526ecc;
+        cursor: pointer;
+        display: inline-block;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        -khtml-user-select: none;
+        user-select: none;
+        position: relative;
+    }
+
+    .ti-action-menu-item:not(:last-child):after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        height: 12px;
+        right: 0;
+        top: 50%;
+        -webkit-transform: translateY(-6px);
+        -ms-transform: translateY(-6px);
+        -o-transform: translateY(-6px);
+        transform: translateY(-6px);
+        border-right: 1px solid #dfe1e6;
+    }
+
+    .text-width80 {
+        width: 100px;
+        line-height: 30px;
+    }
+
+    .border-according {
+        border: 1px solid #dfe1e6;
+    }
+
+    .disabled {
         cursor: default;
         pointer-events: none;
-        color: rgba(0,0,0,.6) !important;
+        color: rgba(0, 0, 0, .6) !important;
         opacity: .45 !important;
-}
-.pad20{
-    
-    border:0px !important;
-}
-.model_file_bread{
-    margin-bottom: -0.5rem !important;
-    padding-left: 1rem;
-    padding-top: 0.5rem ;
-}
+    }
+
+    .pad20 {
+
+        border: 0px !important;
+    }
+
+    .model_file_bread {
+        margin-bottom: -0.5rem !important;
+        padding-left: 1rem;
+        padding-top: 0.5rem;
+    }
 </style>
 <div id="mask">
     <div id="loadingPage">
@@ -176,7 +211,7 @@ td, th {
     </div>
 </div>
 <div class="repository">
-{{template "repo/header" .}}
+    {{template "repo/header" .}}
     <div class="ui container">
         <h4 class="ui header" id="vertical-segment">
             <div class="ui breadcrumb">
@@ -188,11 +223,12 @@ td, th {
                     {{$.i18n.Tr "repo.modelarts.train_job"}}
                 </a>
                 <div class="divider"> / </div>
-				<div class="active section">{{.displayJobName}}</div>
-			</div>
+                <div class="active section">{{.displayJobName}}</div>
+            </div>
         </h4>
         {{range $k ,$v := .version_list_task}}
-        <div class="ui accordion border-according"  id="accordion{{.VersionName}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}" data-version="{{.VersionName}}">
+        <div class="ui accordion border-according" id="accordion{{.VersionName}}"
+            data-repopath="{{$.RepoRelPath}}/cloudbrain" data-jobid="{{.ID}}" data-version="{{.VersionName}}">
             <input type="hidden" id="jobId_input" name="jobId_input" value="{{.JobID}}">
             <div class="{{if eq $k 0}}active{{end}} title padding0">
                 <div class="according-panel-heading">
@@ -201,14 +237,18 @@ td, th {
                         <span class="accordion-panel-title-content">
                             <span>
                                 <div class="ac-display-inblock title_text acc-margin-bottom">
-                                    <span class="cti-mgRight-sm">{{TimeSinceUnix1 .CreatedUnix}}</span>   
-         
+                                    <span class="cti-mgRight-sm">{{TimeSinceUnix1 .CreatedUnix}}</span>
+
                                     <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.status"}}：
-                                        <span id="{{.VersionName}}-status-span"><i id="icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
+                                        <span id="{{.VersionName}}-status-span"><i id="icon"
+                                                style="vertical-align: middle;" class="{{.Status}}"></i><span id="text"
+                                                style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
                                     </span>
-                                    <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>
-                                    <span class="cti-mgRight-sm uc-accordionTitle-black" id="{{.VersionName}}-duration-span">{{$.duration}}</span>
-                                    
+                                    <span
+                                        class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>
+                                    <span class="cti-mgRight-sm uc-accordionTitle-black"
+                                        id="{{.VersionName}}-duration-span">{{$.duration}}</span>
+
                                 </div>
                             </span>
                         </span>
@@ -218,10 +258,14 @@ td, th {
             <div class="{{if eq $k 0}}active{{end}} content">
                 <div class="content-pad">
                     <div class="ui pointing secondary menu" style="border-bottom: 1px solid rgba(34,36,38,.15);">
-                        <a class="active item" data-tab="first{{$k}}">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>
-                        <a class="item" data-tab="second{{$k}}" onclick="javascript:parseInfo()">{{$.i18n.Tr "repo.cloudbrain.runinfo"}}</a>
-                        <a class="item" data-tab="third{{$k}}" onclick="loadLog({{.VersionName}})">{{$.i18n.Tr "repo.modelarts.log"}}</a>
-                        <a class="item" data-tab="four{{$k}}" onclick="loadModelFile({{.VersionName}},'','','init')">{{$.i18n.Tr "repo.model_download"}}</a>
+                        <a class="active item"
+                            data-tab="first{{$k}}">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>
+                        <a class="item" data-tab="second{{$k}}"
+                            onclick="javascript:parseInfo()">{{$.i18n.Tr "repo.cloudbrain.runinfo"}}</a>
+                        <a class="item" data-tab="third{{$k}}"
+                            onclick="loadLog({{.VersionName}})">{{$.i18n.Tr "repo.modelarts.log"}}</a>
+                        <a class="item" data-tab="four{{$k}}"
+                            onclick="loadModelFile({{.VersionName}},'','','init')">{{$.i18n.Tr "repo.model_download"}}</a>
                     </div>
                     <div class="ui tab active" data-tab="first{{$k}}">
                         <div style="padding-top: 10px;">
@@ -251,34 +295,36 @@ td, th {
                                                         </div>
                                                     </td>
                                                 </tr>
-                                                
+
                                                 <tr class="ti-no-ng-animate">
                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                        {{$.i18n.Tr "repo.modelarts.train_job.start_time"}} 
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.start_time"}}
                                                     </td>
-        
+
                                                     <td class="ti-text-form-content">
                                                         <div class="text-span text-span-w">
-                                                            <span style="font-size: 12px;" class="">{{TimeSinceUnix1 .CreatedUnix}}</span>
+                                                            <span style="font-size: 12px;"
+                                                                class="">{{TimeSinceUnix1 .CreatedUnix}}</span>
                                                         </div>
                                                     </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                        {{$.i18n.Tr "repo.modelarts.train_job.dura_time"}} 
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}
                                                     </td>
-        
+
                                                     <td class="ti-text-form-content">
-                                                        <div class="text-span text-span-w" id="{{.VersionName}}-duration">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-duration">
                                                             {{$.duration}}
                                                         </div>
                                                     </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.resource_type"}} 
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.resource_type"}}
                                                     </td>
-        
+
                                                     <td class="ti-text-form-content">
                                                         <div class="text-span text-span-w">
                                                             {{$.resource_type}}
@@ -287,99 +333,99 @@ td, th {
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.standard"}} 
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.standard"}}
                                                     </td>
-        
+
                                                     <td class="ti-text-form-content">
                                                         <div class="text-span text-span-w">
                                                             {{$.i18n.Tr "cloudbrain.gpu_num"}}：{{$.GpuNum}}，{{$.i18n.Tr "cloudbrain.cpu_num"}}：{{$.CpuNum}}，{{$.i18n.Tr "cloudbrain.memory"}}(MB)：{{$.MemMiB}}，{{$.i18n.Tr "cloudbrain.shared_memory"}}(MB)：{{$.ShareMemMiB}}
                                                         </div>
                                                     </td>
-                                                </tr>                                
-                                                
+                                                </tr>
+
                                             </tbody>
                                         </table>
                                     </div>
                                     <div class="ac-grid-col">
-                                            <table class="ti-form">
-                                                <tbody class="ti-text-form">
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "cloudbrain.mirror"}}
-                                                        </td>
-            
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-mirror">
-                                                                {{.Image}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>                   
-                                                    
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.code_version"}}
-                                                        </td>
-    
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
-                                                                {{.BranchName}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.start_file"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
-                                                                {{.BootFile}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.train_dataset"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
-                                                                {{.DatasetName}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80" >
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" title="{{.Parameters}}">
-                                                                {{.Parameters}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.description"}}  
-                                                        </td>
-                
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" title="{{.Description}}">
-                                                                {{.Description}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
+                                        <table class="ti-form">
+                                            <tbody class="ti-text-form">
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "cloudbrain.mirror"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" id="{{.VersionName}}-mirror">
+                                                            {{.Image}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.code_version"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
+                                                            {{.BranchName}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.start_file"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
+                                                            {{.BootFile}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.train_dataset"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
+                                                            {{.DatasetName}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" title="{{.Parameters}}">
+                                                            {{.Parameters}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.description"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" title="{{.Description}}">
+                                                            {{.Description}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
                                 </div>
                             </div>
-                            
+
                         </div>
                     </div>
 
@@ -388,11 +434,12 @@ td, th {
                             <div class="ui message message{{.VersionName}}" style="display: none;">
                                 <div id="header"></div>
                             </div>
-                            <div class="ui attached  log"  id="log{{.VersionName}}" style="height: 390px !important; overflow: auto;">
+                            <div class="ui attached  log" id="log{{.VersionName}}"
+                                style="height: 390px !important; overflow: auto;">
                                 <input type="hidden" id="json_value" value="{{$.result.JobStatus.AppExitDiagnostics}}">
                                 <input type="hidden" id="ExitDiagnostics" value="{{$.ExitDiagnostics}}">
                                 <span id="info_display" class="info_text">
-                                        
+
                                 </span>
                             </div>
 
@@ -405,14 +452,15 @@ td, th {
                             <div class="ui message message{{.VersionName}}" style="display: none;">
                                 <div id="header"></div>
                             </div>
-                            <div class="ui attached  log"  id="log{{.VersionName}}" style="height: 300px !important; overflow: auto;">
-                                <input type="hidden"  name="end_line" value>
-                                <input type="hidden"  name="start_line" value>
+                            <div class="ui attached  log" id="log{{.VersionName}}"
+                                style="height: 300px !important; overflow: auto;">
+                                <input type="hidden" name="end_line" value>
+                                <input type="hidden" name="start_line" value>
                                 <pre id="log_file{{.VersionName}}"></pre>
                             </div>
-                                        
+
                         </div>
-                        
+
                     </div>
 
                     <div class="ui tab" data-tab="four{{$k}}">
@@ -424,10 +472,10 @@ td, th {
 
                         </div>
                         <div id="dir_list{{.VersionName}}">
-                            
+
                         </div>
                     </div>
-                    
+
                 </div>
             </div>
         </div>
@@ -439,7 +487,7 @@ td, th {
             <div class="ui icon header">
                 <i class="trash icon"></i> 删除任务
             </div>
-    
+
             <div class="content">
                 <p>你确认删除该任务么？此任务一旦删除不可恢复。</p>
             </div>
@@ -453,28 +501,28 @@ td, th {
             </div>
         </div>
     </div>
-    
-    
+
+
 </div>
 {{template "base/footer" .}}
 
 <script>
     $('.menu .item').tab()
 
-    $(document).ready(function(){
-    $('.ui.accordion').accordion({selector:{trigger:'.icon'}});
+    $(document).ready(function () {
+        $('.ui.accordion').accordion({ selector: { trigger: '.icon' } });
     });
-    $(document).ready(function(){
+    $(document).ready(function () {
         $('.secondary.menu .item').tab();
     });
-    
+
     let userName
     let repoPath
     let jobID
-    let downlaodFlag = {{$.canDownload}}
-    let taskID = {{$.task.ID}}
-    let realJobName = {{$.task.JobName}}
-    $(document).ready(function(){
+    let downlaodFlag = {{ $.canDownload }}
+    let taskID = {{ $.task.ID }}
+    let realJobName = {{ $.task.JobName }}
+    $(document).ready(function () {
         let url = window.location.href;
         let urlArr = url.split('/')
         userName = urlArr.slice(-5)[0]
@@ -489,232 +537,195 @@ td, th {
             e.cancelBubble = true;   //ie兼容
         }
     }
-    let timeid = window.setInterval(loadJobStatus, 30000);
-    $(document).ready(loadJobStatus);
 
-    function loadLog(version_name){
+    function loadLog(version_name) {
         document.getElementById("mask").style.display = "block"
         $.get(`/api/v1/repos/${userName}/${repoPath}/cloudbrain/${taskID}/log?version_name=${version_name}&lines=50&order=asc`, (data) => {
             $('input[name=end_line]').val(data.EndLine)
             $('input[name=start_line]').val(data.StartLine)
             $(`#log_file${version_name}`).text(data.Content)
             document.getElementById("mask").style.display = "none"
-        }).fail(function(err) {
+        }).fail(function (err) {
             console.log(err);
             document.getElementById("mask").style.display = "none"
         });
     }
-    function loadModelFile(version_name,parents,filename,init){
+    function loadModelFile(version_name, parents, filename, init) {
         parents = parents || ''
         filename = filename || ''
         init = init || ''
         console.log("start")
         $.get(`/api/v1/repos/${userName}/${repoPath}/cloudbrain/train-job/${jobID}/model_list?version_name=${version_name}&parentDir=${parents}`, (data) => {
-            $(`#dir_list${version_name}`).empty() 
-            renderDir(data,version_name)
-            if(init==="init"){
+            $(`#dir_list${version_name}`).empty()
+            renderDir(data, version_name)
+            if (init === "init") {
                 $(`input[name=model${version_name}]`).val("")
                 $(`input[name=modelback${version_name}]`).val(version_name)
                 $(`#file_breadcrumb${version_name}`).empty()
                 let htmlBread = ""
                 htmlBread += `<div class='active section'>${version_name}</div>`
-                htmlBread += "<div class='divider'> / </div>" 
+                htmlBread += "<div class='divider'> / </div>"
                 $(`#file_breadcrumb${version_name}`).append(htmlBread)
-            }else{
-                renderBrend(version_name,parents,filename,init)
+            } else {
+                renderBrend(version_name, parents, filename, init)
             }
-        }).fail(function(err) {
-            console.log(err,version_name);
+        }).fail(function (err) {
+            console.log(err, version_name);
         });
-        
+
     }
-    function renderBrend(version_name,parents,filename,init){
-        if(init=="folder"){
+    function renderBrend(version_name, parents, filename, init) {
+        if (init == "folder") {
             let htmlBrend = ""
-            let sectionName=$(`#file_breadcrumb${version_name} .active.section`).text()
+            let sectionName = $(`#file_breadcrumb${version_name} .active.section`).text()
             let parents1 = $(`input[name=model${version_name}]`).val()
             let filename1 = $(`input[name=modelback${version_name}]`).val()
-            if(parents1===""){
+            if (parents1 === "") {
                 $(`#file_breadcrumb${version_name} .active.section`).replaceWith(`<a class='section' onclick="loadModelFile('${version_name}','${parents1}','','init')">${sectionName}</a>`)
-            }else{
+            } else {
                 $(`#file_breadcrumb${version_name} .active.section`).replaceWith(`<a class='section' onclick="loadModelFile('${version_name}','${parents1}','${filename1}')">${sectionName}</a>`)
             }
-            
+
             htmlBrend += `<div class='active section'>${filename}</div>`
-            htmlBrend += "<div class='divider'> / </div>" 
+            htmlBrend += "<div class='divider'> / </div>"
             $(`#file_breadcrumb${version_name}`).append(htmlBrend)
             $(`input[name=model${version_name}]`).val(parents)
             $(`input[name=modelback${version_name}]`).val(filename)
-        }else{
+        } else {
             $(`input[name=model${version_name}]`).val(parents)
             $(`input[name=modelback${version_name}]`).val(filename)
             $(`#file_breadcrumb${version_name} a.section:contains(${filename})`).nextAll().remove()
             $(`#file_breadcrumb${version_name} a.section:contains(${filename})`).replaceWith(`<div class='active section'>${filename}</div>`)
             $(`#file_breadcrumb${version_name} div.section:contains(${filename})`).append("<div class='divider'> / </div>")
         }
-        
-    }
-    function renderDir(data,version_name){
-        let html=""
-            html += "<div class='ui grid' style='margin:0;'>"
-            html += "<div class='row' style='padding: 0;'>"
-            html += "<div class='ui sixteen wide column' style='padding:1rem;'>"
-            html += "<div class='dir list'>"
-            html += "<table id='repo-files-table' class='ui single line table pad20'>"
-            html += '<tbody>'
-            // html += "</tbody>"
-            for(let i=0;i<data.Dirs.length;i++){
-                let dirs_size = renderSize(data.Dirs[i].Size)
-                html += "<tr>"
-                html += "<td class='name six wid'>"
-                html += "<span class='truncate'>"
-                html += "<span class='octicon octicon-file-directory'>"
-                html += "</span>"
-                if(data.Dirs[i].IsDir){
-                    html += `<a  onclick="loadModelFile('${version_name}','${data.Dirs[i].ParenDir}','${data.Dirs[i].FileName}','folder')">`
-                    html += "<span class='fitted'><i class='folder icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"
-                }else{
-                    if(downlaodFlag){
-                        html += `<a href="${location.href}/download_model?version_name=${version_name}&fileName=${data.Dirs[i].FileName}&parentDir=${data.Dirs[i].ParenDir}&jobName=${realJobName}">`
-                    }
-                    else{
-                        html += `<a class="disabled">`
-                    }
-                    html += "<span class='fitted'><i class='file icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"
+
+    }
+    function renderDir(data, version_name) {
+        let html = ""
+        html += "<div class='ui grid' style='margin:0;'>"
+        html += "<div class='row' style='padding: 0;'>"
+        html += "<div class='ui sixteen wide column' style='padding:1rem;'>"
+        html += "<div class='dir list'>"
+        html += "<table id='repo-files-table' class='ui single line table pad20'>"
+        html += '<tbody>'
+        // html += "</tbody>"
+        for (let i = 0; i < data.Dirs.length; i++) {
+            let dirs_size = renderSize(data.Dirs[i].Size)
+            html += "<tr>"
+            html += "<td class='name six wid'>"
+            html += "<span class='truncate'>"
+            html += "<span class='octicon octicon-file-directory'>"
+            html += "</span>"
+            if (data.Dirs[i].IsDir) {
+                html += `<a  onclick="loadModelFile('${version_name}','${data.Dirs[i].ParenDir}','${data.Dirs[i].FileName}','folder')">`
+                html += "<span class='fitted'><i class='folder icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"
+            } else {
+                if (downlaodFlag) {
+                    html += `<a href="${location.href}/download_model?version_name=${version_name}&fileName=${data.Dirs[i].FileName}&parentDir=${data.Dirs[i].ParenDir}&jobName=${realJobName}">`
                 }
-                html += '</a>'
-                html += "</span>"
-                html += "</td>"
-                html += "<td class='message seven wide'>"
-                if(data.Dirs[i].IsDir){
-                    html += "<span class='truncate has-emoji'></span>"
-                }else{
-                    html += "<span class='truncate has-emoji'>"+ `${dirs_size}` + "</span>"
+                else {
+                    html += `<a class="disabled">`
                 }
-                
-                html += "</td>"
-
-                html += "<td class='text right age three wide'>"
-                html += "<span class='truncate has-emoji'>" + data.Dirs[i].ModTime + "</span>"
-                html += "</td>"
-                html += "</tr>"
-                
+                html += "<span class='fitted'><i class='file icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"
+            }
+            html += '</a>'
+            html += "</span>"
+            html += "</td>"
+            html += "<td class='message seven wide'>"
+            if (data.Dirs[i].IsDir) {
+                html += "<span class='truncate has-emoji'></span>"
+            } else {
+                html += "<span class='truncate has-emoji'>" + `${dirs_size}` + "</span>"
             }
-            html += "</tbody>"
-            html += "</table>"
-            html += "</div>"
-            html += "</div>"
-            html += "</div>"
-            html += "</div>"
-            $(`#dir_list${version_name}`).append(html)
-    }
-    function renderSize(value){
-        if(null==value||value==''){
+
+            html += "</td>"
+
+            html += "<td class='text right age three wide'>"
+            html += "<span class='truncate has-emoji'>" + data.Dirs[i].ModTime + "</span>"
+            html += "</td>"
+            html += "</tr>"
+
+        }
+        html += "</tbody>"
+        html += "</table>"
+        html += "</div>"
+        html += "</div>"
+        html += "</div>"
+        html += "</div>"
+        $(`#dir_list${version_name}`).append(html)
+    }
+    function renderSize(value) {
+        if (null == value || value == '') {
             return "0 Bytes";
         }
-        var unitArr = new Array("Bytes","KB","MB","GB","TB","PB","EB","ZB","YB");
-        var index=0;
+        var unitArr = new Array("Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB");
+        var index = 0;
         var srcsize = parseFloat(value);
-        index=Math.floor(Math.log(srcsize)/Math.log(1024));
-        var size =srcsize/Math.pow(1024,index);
-        size=size.toFixed(0);//保留的小数位数
-        return size+unitArr[index];
-    }
-    function loadJobStatus() {
-        $(".ui.accordion.border-according").each((index, job) => {
-            const jobID = job.dataset.jobid;
-            const repoPath = job.dataset.repopath;
-            const versionname = job.dataset.version
-            // ['IMAGE_FAILED','SUBMIT_FAILED','DELETE_FAILED','KILLED','COMPLETED','FAILED','CANCELED','LOST','START_FAILED']
-            // if (job.textContent.trim() == 'IMAGE_FAILED' || job.textContent.trim() == 'SUBMIT_FAILED' || job.textContent.trim() == 'DELETE_FAILED'
-            //     || job.textContent.trim() == 'KILLED' || job.textContent.trim() == 'COMPLETED' || job.textContent.trim() == 'FAILED'
-            //     || job.textContent.trim() == 'CANCELED' || job.textContent.trim() == 'LOST') {
-            //     return
-            // }
-            let status = $(`#${versionname}-status-span`).text()
-            
-            if(['IMAGE_FAILED','SUBMIT_FAILED','DELETE_FAILED','KILLED','COMPLETED','FAILED','CANCELED','LOST','START_FAILED','SUCCEEDED','STOPPED'].includes(status)){
-                return 
-            }
-            let stopArray=["KILLED","FAILED","START_FAILED","KILLING","COMPLETED","SUCCEEDED","STOPPED"]
-            $.get(`/api/v1/repos/${repoPath}/cloudbrain/${taskID}?version_name=${versionname}`, (data) => {
-                //$(`#${versionname}-duration-span`).text(data.JobDuration)
-                $(`#${versionname}-status-span span`).text(data.JobStatus)
-                $(`#${versionname}-status-span i`).attr("class",data.JobStatus)
-                // detail status and duration
-                //$('#'+versionname+'-duration').text(data.JobDuration)
-                $('#'+versionname+'-status').text(data.JobStatus)
-                if(stopArray.includes(data.JobStatus)){
-                    $('#'+versionname+'-stop').addClass('disabled')
-                }
-                if(data.JobStatus==="COMPLETED"){
-                    $('#'+versionname+'-create-model').removeClass('disabled').addClass('blue')
-                }
-            }).fail(function(err) {
-                console.log(err);
-            });
-        });
-    };
+        index = Math.floor(Math.log(srcsize) / Math.log(1024));
+        var size = srcsize / Math.pow(1024, index);
+        size = size.toFixed(0);//保留的小数位数
+        return size + unitArr[index];
+    }
 
-    function refreshStatus(version_name){
-        $.get(`/api/v1/repos/${userName}/${repoPath}/cloudbrain/${taskID}?version_name=${versionname}`,(data)=>{
+    function refreshStatus(version_name) {
+        $.get(`/api/v1/repos/${userName}/${repoPath}/cloudbrain/${taskID}?version_name=${versionname}`, (data) => {
             // header status and duration
             //$(`#${version_name}-duration-span`).text(data.JobDuration)
             $(`#${version_name}-status-span span`).text(data.JobStatus)
-            $(`#${version_name}-status-span i`).attr("class",data.JobStatus)
+            $(`#${version_name}-status-span i`).attr("class", data.JobStatus)
             // detail status and duration
             //$('#'+version_name+'-duration').text(data.JobDuration)
-            $('#'+version_name+'-status').text(data.JobStatus)
+            $('#' + version_name + '-status').text(data.JobStatus)
             loadLog(version_name)
 
 
-        }).fail(function(err) {
+        }).fail(function (err) {
             console.log(err);
         });
         stopBubbling(arguments.callee.caller.arguments[0])
     }
 
-    function parseInfo(){
+    function parseInfo() {
         let jsonValue = document.getElementById("json_value").value;
         let jsonObj = JSON.parse(jsonValue);
         let podRoleName = jsonObj["podRoleName"];
         let html = "";
-        if (podRoleName != null){
+        if (podRoleName != null) {
             let task0 = podRoleName["task1-0"];
             let podEvents = jsonObj["podEvents"];
             let podEventArray = podEvents[task0];
-            if(podEventArray != null){
-                for(var i=0; i < podEventArray.length;i++){
-                    if (podEventArray[i]["reason"]!="") {
-                        html +="<p><b>[" +podEventArray[i]["reason"] +  "]</b></p>";
-                        html +="<p>" +podEventArray[i]["message"] +  "</p>";
-                        html +="<p>" +podEventArray[i]["action"] +  "</p>";
+            if (podEventArray != null) {
+                for (var i = 0; i < podEventArray.length; i++) {
+                    if (podEventArray[i]["reason"] != "") {
+                        html += "<p><b>[" + podEventArray[i]["reason"] + "]</b></p>";
+                        html += "<p>" + podEventArray[i]["message"] + "</p>";
+                        html += "<p>" + podEventArray[i]["action"] + "</p>";
                     }
                 }
             }
-            let extras= jsonObj["extras"];
-            if(extras != null){
-                for(var i=0; i < extras.length;i++){
-                    if (extras[i]["reason"]!="") {
-                        html +="<p><b>[" +extras[i]["reason"] +  "]</b></p>";
-                        html +="<p>" +extras[i]["message"] +  "</p>";
-                        html +="<p>" +extras[i]["action"] +  "</p>";
+            let extras = jsonObj["extras"];
+            if (extras != null) {
+                for (var i = 0; i < extras.length; i++) {
+                    if (extras[i]["reason"] != "") {
+                        html += "<p><b>[" + extras[i]["reason"] + "]</b></p>";
+                        html += "<p>" + extras[i]["message"] + "</p>";
+                        html += "<p>" + extras[i]["action"] + "</p>";
                     }
                 }
             }
         }
 
         let string = document.getElementById("ExitDiagnostics").value;
-        string = string.replace(/\r\n/g,"<br>")
-        string = string.replace(/\n/g,"<br>");
-        string = string.replace(/(\r\n)|(\n)/g,'<br>');
+        string = string.replace(/\r\n/g, "<br>")
+        string = string.replace(/\n/g, "<br>");
+        string = string.replace(/(\r\n)|(\n)/g, '<br>');
 
-        if (string!=""){
-            html +="<p><b>[ExitDiagnostics]</b></p>";
-            html +="<p>" +string +  "</p>";
+        if (string != "") {
+            html += "<p><b>[ExitDiagnostics]</b></p>";
+            html += "<p>" + string + "</p>";
         }
-    
-        document.getElementById("info_display").innerHTML=html;
+
+        document.getElementById("info_display").innerHTML = html;
     }
-    
+
 </script>
\ No newline at end of file
diff --git a/templates/repo/debugjob/index.tmpl b/templates/repo/debugjob/index.tmpl
index 78e05bcb5..37961cf36 100755
--- a/templates/repo/debugjob/index.tmpl
+++ b/templates/repo/debugjob/index.tmpl
@@ -2,20 +2,23 @@
 {{template "base/head" .}}
 
 <style>
-    .label_after::after{
+    .label_after::after {
         margin: -.2em 0 0 .2em;
         content: '\00a0';
-}
-    .selectcloudbrain .active.item{
+    }
+
+    .selectcloudbrain .active.item {
         color: #0087f5 !important;
         border: 1px solid #0087f5;
         margin: -1px;
         background: #FFF !important;
     }
+
     #deletemodel {
         width: 100%;
         height: 100%;
     }
+
     /* 弹窗 */
 
     #mask {
@@ -73,28 +76,33 @@
     }
 
     @-webkit-keyframes sk-stretchdelay {
+
         0%,
         40%,
         100% {
             -webkit-transform: scaleY(0.4)
         }
+
         20% {
             -webkit-transform: scaleY(1.0)
         }
     }
 
     @keyframes sk-stretchdelay {
+
         0%,
         40%,
         100% {
             transform: scaleY(0.4);
             -webkit-transform: scaleY(0.4);
         }
+
         20% {
             transform: scaleY(1.0);
             -webkit-transform: scaleY(1.0);
         }
     }
+
     /* 消息框 */
 
     .alert {
@@ -137,6 +145,7 @@
         width: calc(100% - 260px);
         box-sizing: border-box;
     }
+
     /* 弹窗 (background)  */
 
     #imageModal {
@@ -151,6 +160,7 @@
         background-color: rgb(0, 0, 0);
         background-color: rgba(0, 0, 0, 0.4);
     }
+
     /* 弹窗内容 */
 
     .modal-content {
@@ -160,6 +170,7 @@
         border: 1px solid #888;
         width: 30%;
     }
+
     /* 关闭按钮 */
 
     .close {
@@ -184,12 +195,12 @@
         cursor: pointer;
         pointer-events: none;
     }
-    .time-show{
+
+    .time-show {
         font-size: 10px;
         margin-top: 0.4rem;
         display: inline-block;
     }
-
 </style>
 
 <!-- 弹窗 -->
@@ -208,49 +219,56 @@
     {{template "repo/header" .}}
     {{template "base/alert" .}}
     <!-- 提示框 -->
-    <div class="cloudbrain_debug" style="display: none;" data-debug="{{$.i18n.Tr "repo.debug"}}" data-debug-again="{{$.i18n.Tr "repo.debug_again"}}"></div>
+    <div class="cloudbrain_debug" style="display: none;" data-debug="{{$.i18n.Tr "repo.debug"}}"
+        data-debug-again="{{$.i18n.Tr "repo.debug_again"}}"></div>
     <!-- 列表容器 -->
     <div class="ui container">
 
         <div class="ui two column stackable grid">
-                <div class="column">
-                    <div class="ui blue small menu compact selectcloudbrain">
-                        <a class="active item" href="{{.RepoLink}}/debugjob?debugListType=all">{{$.i18n.Tr "repo.modelarts.notebook"}}</a>
-                        <a class="item" href="{{.RepoLink}}/modelarts/train-job">{{$.i18n.Tr "repo.modelarts.train_job"}}</a>
-                        <a class="item" href="{{.RepoLink}}/modelarts/inference-job">{{$.i18n.Tr "repo.modelarts.infer_job"}}</a>
-                        <a class="item" href="{{.RepoLink}}/cloudbrain/benchmark">{{$.i18n.Tr "repo.modelarts.evaluate_job"}}</a>
-                    </div>
+            <div class="column">
+                <div class="ui blue small menu compact selectcloudbrain">
+                    <a class="active item"
+                        href="{{.RepoLink}}/debugjob?debugListType=all">{{$.i18n.Tr "repo.modelarts.notebook"}}</a>
+                    <a class="item"
+                        href="{{.RepoLink}}/modelarts/train-job">{{$.i18n.Tr "repo.modelarts.train_job"}}</a>
+                    <a class="item"
+                        href="{{.RepoLink}}/modelarts/inference-job">{{$.i18n.Tr "repo.modelarts.infer_job"}}</a>
+                    <a class="item"
+                        href="{{.RepoLink}}/cloudbrain/benchmark">{{$.i18n.Tr "repo.modelarts.evaluate_job"}}</a>
                 </div>
-                <div class="column right aligned">
-                    <div class="ui selection dropdown" style="min-width: 10em;min-height:2.6em;border-radius: .28571429rem;margin-right: 1em;padding: .67em 3.2em .7em 1em;">
-                        {{svg "octicon-server" 16}}
-                        <div class="default text" style="color: rgba(0,0,0,.87);"></div>
-                        <i class="dropdown icon"></i>
-                        <div class="menu">
-                            <div class="item" data-value="all">{{$.i18n.Tr "repo.gpu_type_all"}}</div>
-                            <div class="item"  data-value="CPU/GPU">CPU/GPU</div>
-                            <div class="item"  data-value="NPU">NPU</div>
-                        </div>
+            </div>
+            <div class="column right aligned">
+                <div class="ui selection dropdown"
+                    style="min-width: 10em;min-height:2.6em;border-radius: .28571429rem;margin-right: 1em;padding: .67em 3.2em .7em 1em;">
+                    {{svg "octicon-server" 16}}
+                    <div class="default text" style="color: rgba(0,0,0,.87);"></div>
+                    <i class="dropdown icon"></i>
+                    <div class="menu">
+                        <div class="item" data-value="all">{{$.i18n.Tr "repo.gpu_type_all"}}</div>
+                        <div class="item" data-value="CPU/GPU">CPU/GPU</div>
+                        <div class="item" data-value="NPU">NPU</div>
                     </div>
-                    {{if .Permission.CanWrite $.UnitTypeCloudBrain}}
-                    <a class="ui green button" href="{{.RepoLink}}/cloudbrain/create">{{$.i18n.Tr "repo.modelarts.train_job.new_debug"}}</a>
-                    {{else}}
-                    <a class="ui disabled button">{{$.i18n.Tr "repo.modelarts.train_job.new_debug"}}</a>
-                    {{end}}
                 </div>
+                {{if .Permission.CanWrite $.UnitTypeCloudBrain}}
+                <a class="ui green button"
+                    href="{{.RepoLink}}/cloudbrain/create">{{$.i18n.Tr "repo.modelarts.train_job.new_debug"}}</a>
+                {{else}}
+                <a class="ui disabled button">{{$.i18n.Tr "repo.modelarts.train_job.new_debug"}}</a>
+                {{end}}
+            </div>
         </div>
         {{if eq 0 (len .Tasks)}}
         <div class="ui placeholder segment bgtask-none">
-                <div class="ui icon header bgtask-header-pic"></div>
-                <div class="bgtask-content-header">{{$.i18n.Tr "repo.debug_task_not_created"}}</div>
-                <div class="bgtask-content">
-                    {{if $.RepoIsEmpty}}
-                    <div class="bgtask-content-txt">{{$.i18n.Tr "repo.repo_not_initialized" .RepoLink | Safe}}</div>
-                    {{end}}
-                    <div class="bgtask-content-txt">{{$.i18n.Tr "repo.debug_task_running_limit"}}</div>
-                    <div class="bgtask-content-txt">{{$.i18n.Tr "repo.dataset_desc"}}</div>
-                    <div class="bgtask-content-txt">{{$.i18n.Tr "repo.platform_instructions" | Safe}}</div>
-                </div>
+            <div class="ui icon header bgtask-header-pic"></div>
+            <div class="bgtask-content-header">{{$.i18n.Tr "repo.debug_task_not_created"}}</div>
+            <div class="bgtask-content">
+                {{if $.RepoIsEmpty}}
+                <div class="bgtask-content-txt">{{$.i18n.Tr "repo.repo_not_initialized" .RepoLink | Safe}}</div>
+                {{end}}
+                <div class="bgtask-content-txt">{{$.i18n.Tr "repo.debug_task_running_limit"}}</div>
+                <div class="bgtask-content-txt">{{$.i18n.Tr "repo.dataset_desc"}}</div>
+                <div class="bgtask-content-txt">{{$.i18n.Tr "repo.platform_instructions" | Safe}}</div>
+            </div>
         </div>
         {{else}}
         <!-- 中下列表展示区 -->
@@ -287,29 +305,40 @@
                             <div class="row">
                                 <!-- 任务名 -->
                                 <div class="four wide column">
-                                    <a class="title" href='{{if eq .ComputeResource "CPU/GPU"}}{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}{{else}}{{$.RepoLink}}/modelarts/notebook/{{.Cloudbrain.ID}}{{end}}'  title="{{.JobName}}" style="font-size: 14px;">
-                                        <span class="fitted text_over" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>
+                                    <a class="title"
+                                        href='{{if eq .ComputeResource "CPU/GPU"}}{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}{{else}}{{$.RepoLink}}/modelarts/notebook/{{.Cloudbrain.ID}}{{end}}'
+                                        title="{{.DisplayJobName}}" style="font-size: 14px;">
+                                        <span class="fitted text_over"
+                                            style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>
                                     </a>
                                 </div>
                                 <div class="two wide column text center">
-                                     <!--任务状态 -->
-                                     <span class="job-status" id="{{.Cloudbrain.ID}}" data-repopath="{{$.RepoRelPath}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}" data-jobid="{{.Cloudbrain.ID}}" data-resource="{{.ComputeResource}}">
-                                        <span><i id="{{.Cloudbrain.ID}}-icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="{{.Cloudbrain.ID}}-text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
+                                    <!--任务状态 -->
+                                    <span class="job-status" id="{{.Cloudbrain.ID}}"
+                                        data-repopath="{{$.RepoRelPath}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}"
+                                        data-jobid="{{.Cloudbrain.ID}}" data-resource="{{.ComputeResource}}">
+                                        <span><i id="{{.Cloudbrain.ID}}-icon" style="vertical-align: middle;"
+                                                class="{{.Status}}"></i><span id="{{.Cloudbrain.ID}}-text"
+                                                style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
                                     </span>
                                 </div>
                                 <div class="two wide column text center">
                                     <!-- 任务创建时间 -->
-                                    <span style="font-size: 12px;margin-left: 0.4rem;" class="">{{TimeSinceUnix .Cloudbrain.CreatedUnix $.Lang}}</span>
+                                    <span style="font-size: 12px;margin-left: 0.4rem;"
+                                        class="">{{TimeSinceUnix .Cloudbrain.CreatedUnix $.Lang}}</span>
                                 </div>
                                 <div class="two wide column text center">
-                                        <!-- 任务计算资源 -->
-                                        <span style="font-size: 12px;margin-left: 0.4rem;" class="">{{.ComputeResource}}</span>
+                                    <!-- 任务计算资源 -->
+                                    <span style="font-size: 12px;margin-left: 0.4rem;"
+                                        class="">{{.ComputeResource}}</span>
                                 </div>
                                 <div class="one wide column text center">
                                     {{if .User.Name}}
-                                        <a href="{{AppSubUrl}}/{{.User.Name}}" title="{{.User.Name}}"><img class="ui avatar image" src="{{.User.RelAvatarLink}}"></a>
+                                    <a href="{{AppSubUrl}}/{{.User.Name}}" title="{{.User.Name}}"><img
+                                            class="ui avatar image" src="{{.User.RelAvatarLink}}"></a>
                                     {{else}}
-                                        <a title="Ghost"><img class="ui avatar image" src="{{AppSubUrl}}/user/avatar/Ghost/-1"></a>
+                                    <a title="Ghost"><img class="ui avatar image"
+                                            src="{{AppSubUrl}}/user/avatar/Ghost/-1"></a>
                                     {{end}}
                                 </div>
                                 <div class="five wide column text center">
@@ -323,79 +352,103 @@
                                         <form id="debugAgainForm-{{.Cloudbrain.ID}}">
                                             {{$.CsrfTokenHtml}}
                                             {{if .CanDebug}}
-                                                {{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}}
-                                                <a style="margin: 0 1rem;" id="ai-debug-{{.Cloudbrain.ID}}" class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}}disabled {{else}}blue {{end}}button' data-jobid="{{.Cloudbrain.ID}}" data-repopath='{{$.RepoLink}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/'>
-                                                    {{$.i18n.Tr "repo.debug"}}
-                                                </a>
-                                                {{else}}
-                                                <a id="ai-debug-{{.Cloudbrain.ID}}" class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}} disabled {{else}}blue {{end}}button' data-jobid="{{.Cloudbrain.ID}}" data-repopath='{{$.RepoLink}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/' data-linkpath='{{$.Link}}'>
-                                                    {{$.i18n.Tr "repo.debug_again"}}
-                                                </a>
-                                                {{end}}
+                                            {{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}}
+                                            <a style="margin: 0 1rem;" id="ai-debug-{{.Cloudbrain.ID}}"
+                                                class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}}disabled {{else}}blue {{end}}button'
+                                                data-jobid="{{.Cloudbrain.ID}}"
+                                                data-repopath='{{$.RepoLink}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/'>
+                                                {{$.i18n.Tr "repo.debug"}}
+                                            </a>
                                             {{else}}
-                                                {{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}}
-                                                    <a  class="ui basic disabled button">
-                                                        {{$.i18n.Tr "repo.debug"}}
-                                                    </a>
-                                                {{else}}
-                                                <a  class="ui basic disabled button">
-                                                    {{$.i18n.Tr "repo.debug_again"}}
-                                                </a>
-                                                {{end}}
+                                            <a id="ai-debug-{{.Cloudbrain.ID}}"
+                                                class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}} disabled {{else}}blue {{end}}button'
+                                                data-jobid="{{.Cloudbrain.ID}}"
+                                                data-repopath='{{$.RepoLink}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/'
+                                                data-linkpath='{{$.Link}}'>
+                                                {{$.i18n.Tr "repo.debug_again"}}
+                                            </a>
+                                            {{end}}
+                                            {{else}}
+                                            {{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}}
+                                            <a class="ui basic disabled button">
+                                                {{$.i18n.Tr "repo.debug"}}
+                                            </a>
+                                            {{else}}
+                                            <a class="ui basic disabled button">
+                                                {{$.i18n.Tr "repo.debug_again"}}
+                                            </a>
+                                            {{end}}
                                             {{end}}
                                         </form>
 
                                         <!-- 停止 -->
-                                        <form id="stopForm-{{.Cloudbrain.ID}}"  style="margin-left:-1px;">
+                                        <form id="stopForm-{{.Cloudbrain.ID}}" style="margin-left:-1px;">
                                             {{$.CsrfTokenHtml}}
                                             {{if .CanDel}}
-                                            <a id="ai-stop-{{.Cloudbrain.ID}}" class='ui basic ai_stop {{if eq .Status "STOPPED" "FAILED" "START_FAILED" "STOPPING"  "CREATING"  "STARTING" "SUCCEEDED"}}disabled {{else}}blue {{end}}button' data-repopath="{{$.RepoLink}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/stop" data-jobid="{{.Cloudbrain.ID}}">
+                                            <a id="ai-stop-{{.Cloudbrain.ID}}"
+                                                class='ui basic ai_stop {{if eq .Status "STOPPED" "FAILED" "START_FAILED" "STOPPING"  "CREATING"  "STARTING" "SUCCEEDED"}}disabled {{else}}blue {{end}}button'
+                                                data-repopath="{{$.RepoLink}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/stop"
+                                                data-jobid="{{.Cloudbrain.ID}}">
                                                 {{$.i18n.Tr "repo.stop"}}
                                             </a>
                                             {{else}}
-                                            <a  class="ui basic disabled button">
-                                                    {{$.i18n.Tr "repo.stop"}}
+                                            <a class="ui basic disabled button">
+                                                {{$.i18n.Tr "repo.stop"}}
                                             </a>
                                             {{end}}
                                         </form>
                                         <!-- 删除 -->
-                                        <form  id="delForm-{{.Cloudbrain.ID}}" action="{{if eq .ComputeResource "CPU/GPU"}}{{$.RepoLink}}/cloudbrain{{else}}{{$.RepoLink}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/del" method="post">
+                                        <form id="delForm-{{.Cloudbrain.ID}}"
+                                            action="{{if eq .ComputeResource "CPU/GPU"}}{{$.RepoLink}}/cloudbrain{{else}}{{$.RepoLink}}/modelarts/notebook{{end}}/{{.Cloudbrain.ID}}/del"
+                                            method="post">
                                             <input type="hidden" name="debugListType" value="{{$.ListType}}">
                                             {{$.CsrfTokenHtml}}
                                             {{if .CanDel}}
-                                            <a id="ai-delete-{{.Cloudbrain.ID}}" class='ui basic ai_delete {{if eq .Status "STOPPED" "FAILED" "START_FAILED"}}blue {{else}}disabled {{end}}button'  style="border-radius: .28571429rem;">
+                                            <a id="ai-delete-{{.Cloudbrain.ID}}"
+                                                class='ui basic ai_delete {{if eq .Status "STOPPED" "FAILED" "START_FAILED"}}blue {{else}}disabled {{end}}button'
+                                                style="border-radius: .28571429rem;">
                                                 {{$.i18n.Tr "repo.delete"}}
                                             </a>
                                             {{else}}
-                                            <a  class="ui basic button disabled" style="border-radius: .28571429rem;">
+                                            <a class="ui basic button disabled" style="border-radius: .28571429rem;">
                                                 {{$.i18n.Tr "repo.delete"}}
                                             </a>
                                             {{end}}
                                         </form>
                                     </div>
-                                    <div class="ui compact buttons" style="{{if eq .ComputeResource "CPU/GPU"}} visibility: visible {{else}} visibility: hidden{{end}}">
-                                        <div class="ui dropdown" id="model_more" style="padding: .58928571em 1.125em .58928571em;">
+                                    <div class="ui compact buttons"
+                                        style="{{if eq .ComputeResource "CPU/GPU"}} visibility: visible {{else}} visibility: hidden{{end}}">
+                                        <div class="ui dropdown" id="model_more"
+                                            style="padding: .58928571em 1.125em .58928571em;">
                                             <div class="text">{{$.i18n.Tr "repo.more"}}</div>
                                             <i class="dropdown icon"></i>
                                             <div class="menu" style="right: auto;">
                                                 <div class="item" style="padding: 0 !important;">
                                                     {{if .CanDebug}}
-                                                    <a id="model-image-{{.Cloudbrain.ID}}" class='imageBtn ui basic {{if ne .Status "RUNNING"}}disabled {{else}}blue {{end}}button' href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/commit_image">{{$.i18n.Tr "repo.submit_image"}}</a>
+                                                    <a id="model-image-{{.Cloudbrain.ID}}"
+                                                        class='imageBtn ui basic {{if ne .Status "RUNNING"}}disabled {{else}}blue {{end}}button'
+                                                        href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/commit_image">{{$.i18n.Tr "repo.submit_image"}}</a>
                                                     {{else}}
-                                                    <a  class="imageBtn ui basic disabled button">{{$.i18n.Tr "repo.submit_image"}}</a>
+                                                    <a
+                                                        class="imageBtn ui basic disabled button">{{$.i18n.Tr "repo.submit_image"}}</a>
                                                     {{end}}
                                                 </div>
                                                 <div class="item" style="padding: 0 !important;">
-                                                        <!-- 模型下载 -->
+                                                    <!-- 模型下载 -->
                                                     {{if .CanDebug}}
-                                                    <a class="ui basic blue button" href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/models" target="_blank">{{$.i18n.Tr "repo.download"}}</a>
+                                                    <a class="ui basic blue button"
+                                                        href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/models"
+                                                        target="_blank">{{$.i18n.Tr "repo.download"}}</a>
                                                     {{else}}
-                                                    <a class="ui basic disabled button">{{$.i18n.Tr "repo.download"}}</a>
+                                                    <a
+                                                        class="ui basic disabled button">{{$.i18n.Tr "repo.download"}}</a>
                                                     {{end}}
                                                 </div>
                                                 {{if and  (ne .JobType "DEBUG") (eq .Cloudbrain.Type 0)}}
                                                 <div class="item" style="padding: 0 !important;">
-                                                    <a class="ui basic blue button" href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/rate" target="_blank">
+                                                    <a class="ui basic blue button"
+                                                        href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/rate"
+                                                        target="_blank">
                                                         评分
                                                     </a>
                                                 </div>
@@ -405,20 +458,15 @@
                                     </div>
                                 </div>
                                 <!-- 镜像列表弹窗 -->
-                                
+
                             </div>
                         </div>
-                        {{end}} 
+                        {{end}}
                         <div id="app" style="margin-top: 2rem;">
                             <div class="center">
-                                <el-pagination
-                                background
-                                @current-change="handleCurrentChange"
-                                :current-page="page"
-                                :page-sizes="[10]"
-                                :page-size="10"
-                                layout="total, sizes, prev, pager, next, jumper"
-                                :total="{{.Page.Paginater.Total}}">
+                                <el-pagination background @current-change="handleCurrentChange" :current-page="page"
+                                    :page-sizes="[10]" :page-size="10" layout="total, sizes, prev, pager, next, jumper"
+                                    :total="{{.Page.Paginater.Total}}">
                                 </el-pagination>
                             </div>
                         </div>
@@ -457,42 +505,41 @@
 {{template "base/footer" .}}
 <script>
     // 调试和评分新开窗口
-    const {AppSubUrl, StaticUrlPrefix, csrf} = window.config;
-    let url={{.RepoLink}}
-    let redirect_to = {{$.Link}}
-    let getParam=getQueryVariable('debugListType')
+    const { AppSubUrl, StaticUrlPrefix, csrf } = window.config;
+    let url = {{.RepoLink }}
+    let redirect_to = {{ $.Link }}
+    let getParam = getQueryVariable('debugListType')
 
-    let dropdownValue = ['all','',false].includes(getParam)? '{{$.i18n.Tr "repo.gpu_type_all"}}' : getParam
+    let dropdownValue = ['all', '', false].includes(getParam) ? '{{$.i18n.Tr "repo.gpu_type_all"}}' : getParam
     // localStorage.setItem('all',location.href)
-    function getQueryVariable(variable)
-    {
+    function getQueryVariable(variable) {
         let query = window.location.search.substring(1);
         let vars = query.split("&");
-        for (let i=0;i<vars.length;i++) {
-                let pair = vars[i].split("=");
-                if(pair[0] == variable){return pair[1];}
+        for (let i = 0; i < vars.length; i++) {
+            let pair = vars[i].split("=");
+            if (pair[0] == variable) { return pair[1]; }
         }
-        return(false);
+        return (false);
     }
-    $(document).ready(function(){
-        dropdownValue = dropdownValue==="CPU%2FGPU"? 'CPU/GPU' : dropdownValue
+    $(document).ready(function () {
+        dropdownValue = dropdownValue === "CPU%2FGPU" ? 'CPU/GPU' : dropdownValue
         $('.default.text').text(dropdownValue)
         $('.ui.dropdown')
-        .dropdown({
-            action: 'hide',
-        })
+            .dropdown({
+                action: 'hide',
+            })
         $('.ui.selection.dropdown').dropdown({
-            onChange:function(value){
+            onChange: function (value) {
 
                 location.href = `${url}/debugjob?debugListType=${value}`
             }
         })
         $('.message .close')
-        .on('click', function() {
-            $(this)
-            .closest('.message')
-            .transition('fade')
-        })
+            .on('click', function () {
+                $(this)
+                    .closest('.message')
+                    .transition('fade')
+            })
     })
 
-</script>
+</script>
\ No newline at end of file
diff --git a/templates/repo/modelarts/notebook/show.tmpl b/templates/repo/modelarts/notebook/show.tmpl
index 26839345e..1455abf33 100755
--- a/templates/repo/modelarts/notebook/show.tmpl
+++ b/templates/repo/modelarts/notebook/show.tmpl
@@ -1,179 +1,213 @@
 {{template "base/head" .}}
 <style>
-.according-panel-heading{
-    box-sizing: border-box;
-    padding: 8px 16px;
-    color: #252b3a;
-    background-color: #f2f5fc;
-    line-height: 1.5;
-    cursor: pointer;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-}
-.accordion-panel-title {
-    margin-top: 0;
-    margin-bottom: 0;
-    color: #252b3a;
-}
-.accordion-panel-title-content{
-    vertical-align: middle;
-    display: inline-block;
-    width: calc(100% - 32px);
-    cursor: default;
-}
-.acc-margin-bottom {
-    margin-bottom: 5px;
-}
-.title_text {
-    font-size: 12px;
-}
-.ac-display-inblock {
-    display: inline-block;
-}
-.cti-mgRight-sm {
-    margin-right: 8px;
-}
-.ac-text-normal {
-    font-size: 14px;
-    color: #575d6c;
-}
-.uc-accordionTitle-black {
-    color: #333;
-}
-.accordion-border{
-    border:1px solid #cce2ff;
-}
-.padding0{
-    padding: 0 !important;
-}
-.content-pad{
-    padding: 15px 35px;
-}
-.content-margin{
-    margin:10px 5px ;
-}
-.tab_2_content {
-    min-height: 460px;
-    margin-left: 10px;
-}
-.ac-grid {
-    display: block;
-    *zoom: 1;
-}
-.ac-grid-col {
-    float: left;
-    width: 100%;
-}
-.ac-grid-col2 .ac-grid-col {
-    width: 50%;
-}
-.ti-form {
-    text-align: left;
-    max-width: 100%;
-    vertical-align: middle;
-}
-.ti-form>tbody {
-    font-size: 12px;
-}
-.ti-form>tbody, .ti-form>tbody>tr {
-    vertical-align: inherit;
-}
-.info_text {
-    padding-bottom: 20px;
-    padding-right: 20px;
-    font-size: 12px;
-}
-
-.ti-text-form-label {
-
-    padding-bottom: 20px;
-    padding-right: 20px;
-    color: #8a8e99;
-    font-size: 12px;
-    white-space: nowrap !important;
-    width: 80px;
-    line-height: 30px;
-}
-.ti-text-form-content{
-    line-height: 30px;
-    padding-bottom: 20px;
-}
-
-.ti-form>tbody>tr>td {
-    vertical-align: top;
-    white-space: normal;
-}
-td, th {
-    padding: 0;
-}
-.ac-grid-col .text-span {
-    width: 450px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.text-span-new {
-    width: 800px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    height: 20%;
-    word-break: break-all;
-}
-.redo-color{
-    color: #3291F8;
-}
-.ti-action-menu-item:not(:last-child){
-    margin-right: 10px;
-    padding-right: 11px;
-    text-decoration: none!important;
-    color: #526ecc;
-    cursor: pointer;
-    display: inline-block;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-    position: relative;
-}
-.ti-action-menu-item:not(:last-child):after {
-    content: "";
-    display: inline-block;
-    position: absolute;
-    height: 12px;
-    right: 0;
-    top: 50%;
-    -webkit-transform: translateY(-6px);
-    -ms-transform: translateY(-6px);
-    -o-transform: translateY(-6px);
-    transform: translateY(-6px);
-    border-right: 1px solid #dfe1e6;
-}
-.text-width80{
-    width: 100px;
-    line-height: 30px;
-}
-.border-according{
-    border: 1px solid #dfe1e6;
-}
-.disabled {
+    .according-panel-heading {
+        box-sizing: border-box;
+        padding: 8px 16px;
+        color: #252b3a;
+        background-color: #f2f5fc;
+        line-height: 1.5;
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        -khtml-user-select: none;
+        user-select: none;
+    }
+
+    .accordion-panel-title {
+        margin-top: 0;
+        margin-bottom: 0;
+        color: #252b3a;
+    }
+
+    .accordion-panel-title-content {
+        vertical-align: middle;
+        display: inline-block;
+        width: calc(100% - 32px);
+        cursor: default;
+    }
+
+    .acc-margin-bottom {
+        margin-bottom: 5px;
+    }
+
+    .title_text {
+        font-size: 12px;
+    }
+
+    .ac-display-inblock {
+        display: inline-block;
+    }
+
+    .cti-mgRight-sm {
+        margin-right: 8px;
+    }
+
+    .ac-text-normal {
+        font-size: 14px;
+        color: #575d6c;
+    }
+
+    .uc-accordionTitle-black {
+        color: #333;
+    }
+
+    .accordion-border {
+        border: 1px solid #cce2ff;
+    }
+
+    .padding0 {
+        padding: 0 !important;
+    }
+
+    .content-pad {
+        padding: 15px 35px;
+    }
+
+    .content-margin {
+        margin: 10px 5px;
+    }
+
+    .tab_2_content {
+        min-height: 460px;
+        margin-left: 10px;
+    }
+
+    .ac-grid {
+        display: block;
+        *zoom: 1;
+    }
+
+    .ac-grid-col {
+        float: left;
+        width: 100%;
+    }
+
+    .ac-grid-col2 .ac-grid-col {
+        width: 50%;
+    }
+
+    .ti-form {
+        text-align: left;
+        max-width: 100%;
+        vertical-align: middle;
+    }
+
+    .ti-form>tbody {
+        font-size: 12px;
+    }
+
+    .ti-form>tbody,
+    .ti-form>tbody>tr {
+        vertical-align: inherit;
+    }
+
+    .info_text {
+        padding-bottom: 20px;
+        padding-right: 20px;
+        font-size: 12px;
+    }
+
+    .ti-text-form-label {
+
+        padding-bottom: 20px;
+        padding-right: 20px;
+        color: #8a8e99;
+        font-size: 12px;
+        white-space: nowrap !important;
+        width: 80px;
+        line-height: 30px;
+    }
+
+    .ti-text-form-content {
+        line-height: 30px;
+        padding-bottom: 20px;
+    }
+
+    .ti-form>tbody>tr>td {
+        vertical-align: top;
+        white-space: normal;
+    }
+
+    td,
+    th {
+        padding: 0;
+    }
+
+    .ac-grid-col .text-span {
+        width: 450px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .text-span-new {
+        width: 800px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        height: 20%;
+        word-break: break-all;
+    }
+
+    .redo-color {
+        color: #3291F8;
+    }
+
+    .ti-action-menu-item:not(:last-child) {
+        margin-right: 10px;
+        padding-right: 11px;
+        text-decoration: none !important;
+        color: #526ecc;
+        cursor: pointer;
+        display: inline-block;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        -khtml-user-select: none;
+        user-select: none;
+        position: relative;
+    }
+
+    .ti-action-menu-item:not(:last-child):after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        height: 12px;
+        right: 0;
+        top: 50%;
+        -webkit-transform: translateY(-6px);
+        -ms-transform: translateY(-6px);
+        -o-transform: translateY(-6px);
+        transform: translateY(-6px);
+        border-right: 1px solid #dfe1e6;
+    }
+
+    .text-width80 {
+        width: 100px;
+        line-height: 30px;
+    }
+
+    .border-according {
+        border: 1px solid #dfe1e6;
+    }
+
+    .disabled {
         cursor: default;
         pointer-events: none;
-        color: rgba(0,0,0,.6) !important;
+        color: rgba(0, 0, 0, .6) !important;
         opacity: .45 !important;
-}
-.pad20{
-
-    border:0px !important;
-}
-.model_file_bread{
-    margin-bottom: -0.5rem !important;
-    padding-left: 1rem;
-    padding-top: 0.5rem ;
-}
+    }
+
+    .pad20 {
+
+        border: 0px !important;
+    }
+
+    .model_file_bread {
+        margin-bottom: -0.5rem !important;
+        padding-left: 1rem;
+        padding-top: 0.5rem;
+    }
 </style>
 <div id="mask">
     <div id="loadingPage">
@@ -185,7 +219,7 @@ td, th {
     </div>
 </div>
 <div class="repository">
-{{template "repo/header" .}}
+    {{template "repo/header" .}}
     <div class="ui container">
         <h4 class="ui header" id="vertical-segment">
             <div class="ui breadcrumb">
@@ -194,36 +228,42 @@ td, th {
                 </a>
                 <div class="divider"> / </div>
                 <a class="section backTodeBug" href="{{.RepoLink}}/debugjob?debugListType=all">
-                  {{$.i18n.Tr "repo.modelarts.notebook"}}
+                    {{$.i18n.Tr "repo.modelarts.notebook"}}
                 </a>
                 <div class="divider"> / </div>
-				{{with .task}}
+                {{with .task}}
                 <div class="active section">{{.DisplayJobName}}</div>
                 {{end}}
-			</div>
+            </div>
         </h4>
         {{with .task}}
-        <div class="ui accordion border-according"  id="accordion" data-repopath="" data-jobid="" data-version="">
+        <div class="ui accordion border-according" id="accordion" data-repopath="{{$.RepoRelPath}}/modelarts/notebook"
+            data-jobid="{{.ID}}" data-version="">
             <div class="active title padding0">
                 <div class="according-panel-heading">
                     <div class="accordion-panel-title">
-                       <!-- <i class="dropdown icon"></i> -->
+                        <!-- <i class="dropdown icon"></i> -->
                         <span class="accordion-panel-title-content">
                             <span>
                                 <div class="ac-display-inblock title_text acc-margin-bottom">
                                     <span class="cti-mgRight-sm">
-                                      {{if not (eq .StartTime 0)}}
-										 <td>{{TimeSinceUnix1 .StartTime}}</td>
-										{{else}}
-										 <td>{{TimeSinceUnix1 .CreatedUnix}}<td>
-										{{end}}
-									</span>
+                                        {{if not (eq .StartTime 0)}}
+                                        <td>{{TimeSinceUnix1 .StartTime}}</td>
+                                        {{else}}
+                                        <td>{{TimeSinceUnix1 .CreatedUnix}}
+                                        <td>
+                                            {{end}}
+                                    </span>
 
                                     <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.status"}}：
-                                        <span id="{{.VersionName}}-status-span"><i id="icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
+                                        <span id="{{.VersionName}}-status-span"><i id="icon"
+                                                style="vertical-align: middle;" class="{{.Status}}"></i><span id="text"
+                                                style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
                                     </span>
-                                    <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>
-                                    <span class="cti-mgRight-sm uc-accordionTitle-black" id="{{.VersionName}}-duration-span">{{$.duration}}</span>
+                                    <span
+                                        class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>
+                                    <span class="cti-mgRight-sm uc-accordionTitle-black"
+                                        id="{{.VersionName}}-duration-span">{{$.duration}}</span>
 
                                 </div>
                             </span>
@@ -265,36 +305,38 @@ td, th {
                                                     </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.cloudbrain_creator"}}
-                                                        </td>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.cloudbrain_creator"}}
+                                                    </td>
 
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-mirror">
-                                                                {{.User.Name}}
-                                                            </div>
-                                                        </td>
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" id="{{.VersionName}}-mirror">
+                                                            {{.User.Name}}
+                                                        </div>
+                                                    </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.computing_resources"}}
-                                                        </td>
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-computeresource">
-                                                               {{.ComputeResource}}
-                                                            </div>
-                                                        </td>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.computing_resources"}}
+                                                    </td>
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-computeresource">
+                                                            {{.ComputeResource}}
+                                                        </div>
+                                                    </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                         {{$.i18n.Tr "repo.modelarts.createtime"}}
-                                                        </td>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.createtime"}}
+                                                    </td>
 
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-createtime">
-																 {{TimeSinceUnix1 .CreatedUnix}}
-                                                            </div>
-                                                        </td>
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-createtime">
+                                                            {{TimeSinceUnix1 .CreatedUnix}}
+                                                        </div>
+                                                    </td>
                                                 </tr>
 
                                                 <tr class="ti-no-ng-animate">
@@ -303,40 +345,41 @@ td, th {
                                                     </td>
 
                                                     <td class="ti-text-form-content">
-                                                        <div class="text-span text-span-w" id="{{.VersionName}}-duration">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-duration">
                                                             {{$.duration}}
                                                         </div>
                                                     </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.cloudbrain.datasetdownload"}}
-                                                        </td>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.cloudbrain.datasetdownload"}}
+                                                    </td>
 
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span-new" id="model_description">
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span-new" id="model_description">
                                                             {{$.datasetDownloadLink}}
-                                                            </div>
-                                                        </td>
+                                                        </div>
+                                                    </td>
                                                 </tr>
-                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "cloudbrain.description"}}
-                                                        </td>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "cloudbrain.description"}}
+                                                    </td>
 
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span-new" id="model_description">
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span-new" id="model_description">
                                                             {{.Description}}
-                                                            </div>
-                                                        </td>
+                                                        </div>
+                                                    </td>
                                                 </tr>
-                                                
+
                                             </tbody>
                                         </table>
                                     </div>
                                     <div class="ac-grid-col">
-                                            <table class="ti-form">
-                                                <tbody class="ti-text-form">
+                                        <table class="ti-form">
+                                            <tbody class="ti-text-form">
 
                                                 <tr class="ti-no-ng-animate">
                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">
@@ -350,33 +393,34 @@ td, th {
                                                     </td>
                                                 </tr>
 
-                                                   
-                                                    
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                         {{$.i18n.Tr "repo.modelarts.train_job.dataset"}}
-                                                        </td>
 
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-BenchmarkTypeName">
-                                                                {{.DatasetName}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
 
-                                                   
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.dataset"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-BenchmarkTypeName">
+                                                            {{.DatasetName}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
 
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                                {{$.i18n.Tr "repo.modelarts.train_job.standard"}}
-                                                        </td>
 
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
-                                                                {{$.resource_spec}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.standard"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
+                                                            {{$.resource_spec}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
                                                 <tr class="ti-no-ng-animate">
                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                         {{$.i18n.Tr "repo.cloudbrain.time.starttime"}}
@@ -384,44 +428,46 @@ td, th {
 
                                                     <td class="ti-text-form-content">
                                                         <div class="text-span text-span-w">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-startTime">
+                                                            <div class="text-span text-span-w"
+                                                                id="{{.VersionName}}-startTime">
                                                                 {{if not (eq .StartTime 0)}}
-																 {{TimeSinceUnix1 .StartTime}}
-																{{else}}
-                                                                 --
-																{{end}}
+                                                                {{TimeSinceUnix1 .StartTime}}
+                                                                {{else}}
+                                                                --
+                                                                {{end}}
                                                             </div>
                                                         </div>
                                                     </td>
                                                 </tr>
 
                                                 <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                         {{$.i18n.Tr "repo.cloudbrain.time.endtime"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" id="{{.VersionName}}-EndTime">
-                                                                {{if not (eq .EndTime 0)}}
-																 {{TimeSinceUnix1 .EndTime}}
-																{{else}}
-                                                                    --
-																{{end}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                   
-                                                   
-                                                </tbody>
-                                            </table>
-                                        </div>
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.cloudbrain.time.endtime"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-EndTime">
+                                                            {{if not (eq .EndTime 0)}}
+                                                            {{TimeSinceUnix1 .EndTime}}
+                                                            {{else}}
+                                                            --
+                                                            {{end}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+
+
+                                            </tbody>
+                                        </table>
+                                    </div>
                                 </div>
-                                
+
                             </div>
 
                         </div>
                     </div>
-                    
+
 
                 </div>
             </div>
@@ -457,24 +503,10 @@ td, th {
 <script>
     $('.menu .item').tab()
 
-    $(document).ready(function(){
-    $('.ui.accordion').accordion({selector:{trigger:'.icon'}});
+    $(document).ready(function () {
+        $('.ui.accordion').accordion({ selector: { trigger: '.icon' } });
     });
-    $(document).ready(function(){
+    $(document).ready(function () {
         $('.secondary.menu .item').tab();
     });
-
-    let userName
-    let repoPath
-    let jobName
-    $(document).ready(function(){
-        let url = window.location.href;
-        let urlArr = url.split('/')
-        userName = urlArr.slice(-5)[0]
-        repoPath = urlArr.slice(-4)[0]
-        jobName = urlArr.slice(-1)[0]
-    })
-
-    
-
-</script>
+</script>
\ No newline at end of file
diff --git a/templates/repo/modelarts/trainjob/show.tmpl b/templates/repo/modelarts/trainjob/show.tmpl
index 3b370b26d..8f168fcf9 100755
--- a/templates/repo/modelarts/trainjob/show.tmpl
+++ b/templates/repo/modelarts/trainjob/show.tmpl
@@ -1,165 +1,199 @@
 {{template "base/head" .}}
 <style>
-.according-panel-heading{
-    box-sizing: border-box;
-    padding: 8px 16px;
-    color: #252b3a;
-    background-color: #f2f5fc;
-    line-height: 1.5;
-    cursor: pointer;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-}
-.accordion-panel-title {
-    margin-top: 0;
-    margin-bottom: 0;
-    color: #252b3a;
-}
-.accordion-panel-title-content{
-    vertical-align: middle;
-    display: inline-block;
-    width: calc(100% - 32px);
-    cursor: default;
-}
-.acc-margin-bottom {
-    margin-bottom: 5px;
-}
-.title_text {
-    font-size: 12px;
-}
-.ac-display-inblock {
-    display: inline-block;
-}
-.cti-mgRight-sm {
-    margin-right: 8px;
-}
-.ac-text-normal {
-    font-size: 14px;
-    color: #575d6c;
-}
-.uc-accordionTitle-black {
-    color: #333;
-}
-.accordion-border{
-    border:1px solid #cce2ff;
-}
-.padding0{
-    padding: 0 !important;
-}
-.content-pad{
-    padding: 15px 35px;
-}
-.content-margin{
-    margin:10px 5px ;
-}
-.tab_2_content {
-    min-height: 360px;
-    margin-left: 10px;
-}
-.ac-grid {
-    display: block;
-    *zoom: 1;
-}
-.ac-grid-col {
-    float: left;
-    width: 100%;
-}
-.ac-grid-col2 .ac-grid-col {
-    width: 50%;
-}
-.ti-form {
-    text-align: left;
-    max-width: 100%;
-    vertical-align: middle;
-}
-.ti-form>tbody {
-    font-size: 12px;
-}
-.ti-form>tbody, .ti-form>tbody>tr {
-    vertical-align: inherit;
-}
-.ti-text-form-label {
-
-    padding-bottom: 20px;
-    padding-right: 20px;
-    color: #8a8e99;
-    font-size: 12px;
-    white-space: nowrap !important;
-    width: 80px;
-    line-height: 30px;
-}
-.ti-text-form-content{
-    line-height: 30px;
-    padding-bottom: 20px;
-}
-.ti-form>tbody>tr>td {
-    vertical-align: top;
-    white-space: normal;
-}
-td, th {
-    padding: 0;
-}
-.ac-grid-col .text-span {
-    width: 450px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.redo-color{
-    color: #3291F8;
-}
-.ti-action-menu-item:not(:last-child){
-    margin-right: 10px;
-    padding-right: 11px;
-    text-decoration: none!important;
-    color: #526ecc;
-    cursor: pointer;
-    display: inline-block;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-    position: relative;
-}
-.ti-action-menu-item:not(:last-child):after {
-    content: "";
-    display: inline-block;
-    position: absolute;
-    height: 12px;
-    right: 0;
-    top: 50%;
-    -webkit-transform: translateY(-6px);
-    -ms-transform: translateY(-6px);
-    -o-transform: translateY(-6px);
-    transform: translateY(-6px);
-    border-right: 1px solid #dfe1e6;
-}
-.text-width80{
-    width: 100px;
-    line-height: 30px;
-}
-.border-according{
-    border: 1px solid #dfe1e6;
-}
-.disabled {
+    .according-panel-heading {
+        box-sizing: border-box;
+        padding: 8px 16px;
+        color: #252b3a;
+        background-color: #f2f5fc;
+        line-height: 1.5;
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        -khtml-user-select: none;
+        user-select: none;
+    }
+
+    .accordion-panel-title {
+        margin-top: 0;
+        margin-bottom: 0;
+        color: #252b3a;
+    }
+
+    .accordion-panel-title-content {
+        vertical-align: middle;
+        display: inline-block;
+        width: calc(100% - 32px);
+        cursor: default;
+    }
+
+    .acc-margin-bottom {
+        margin-bottom: 5px;
+    }
+
+    .title_text {
+        font-size: 12px;
+    }
+
+    .ac-display-inblock {
+        display: inline-block;
+    }
+
+    .cti-mgRight-sm {
+        margin-right: 8px;
+    }
+
+    .ac-text-normal {
+        font-size: 14px;
+        color: #575d6c;
+    }
+
+    .uc-accordionTitle-black {
+        color: #333;
+    }
+
+    .accordion-border {
+        border: 1px solid #cce2ff;
+    }
+
+    .padding0 {
+        padding: 0 !important;
+    }
+
+    .content-pad {
+        padding: 15px 35px;
+    }
+
+    .content-margin {
+        margin: 10px 5px;
+    }
+
+    .tab_2_content {
+        min-height: 360px;
+        margin-left: 10px;
+    }
+
+    .ac-grid {
+        display: block;
+        *zoom: 1;
+    }
+
+    .ac-grid-col {
+        float: left;
+        width: 100%;
+    }
+
+    .ac-grid-col2 .ac-grid-col {
+        width: 50%;
+    }
+
+    .ti-form {
+        text-align: left;
+        max-width: 100%;
+        vertical-align: middle;
+    }
+
+    .ti-form>tbody {
+        font-size: 12px;
+    }
+
+    .ti-form>tbody,
+    .ti-form>tbody>tr {
+        vertical-align: inherit;
+    }
+
+    .ti-text-form-label {
+
+        padding-bottom: 20px;
+        padding-right: 20px;
+        color: #8a8e99;
+        font-size: 12px;
+        white-space: nowrap !important;
+        width: 80px;
+        line-height: 30px;
+    }
+
+    .ti-text-form-content {
+        line-height: 30px;
+        padding-bottom: 20px;
+    }
+
+    .ti-form>tbody>tr>td {
+        vertical-align: top;
+        white-space: normal;
+    }
+
+    td,
+    th {
+        padding: 0;
+    }
+
+    .ac-grid-col .text-span {
+        width: 450px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .redo-color {
+        color: #3291F8;
+    }
+
+    .ti-action-menu-item:not(:last-child) {
+        margin-right: 10px;
+        padding-right: 11px;
+        text-decoration: none !important;
+        color: #526ecc;
+        cursor: pointer;
+        display: inline-block;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        -khtml-user-select: none;
+        user-select: none;
+        position: relative;
+    }
+
+    .ti-action-menu-item:not(:last-child):after {
+        content: "";
+        display: inline-block;
+        position: absolute;
+        height: 12px;
+        right: 0;
+        top: 50%;
+        -webkit-transform: translateY(-6px);
+        -ms-transform: translateY(-6px);
+        -o-transform: translateY(-6px);
+        transform: translateY(-6px);
+        border-right: 1px solid #dfe1e6;
+    }
+
+    .text-width80 {
+        width: 100px;
+        line-height: 30px;
+    }
+
+    .border-according {
+        border: 1px solid #dfe1e6;
+    }
+
+    .disabled {
         cursor: default;
         pointer-events: none;
-        color: rgba(0,0,0,.6) !important;
+        color: rgba(0, 0, 0, .6) !important;
         opacity: .45 !important;
-}
-.pad20{
-
-    border:0px !important;
-}
-.model_file_bread{
-    margin-bottom: -0.5rem !important;
-    padding-left: 1rem;
-    padding-top: 0.5rem ;
-}
+    }
+
+    .pad20 {
+
+        border: 0px !important;
+    }
+
+    .model_file_bread {
+        margin-bottom: -0.5rem !important;
+        padding-left: 1rem;
+        padding-top: 0.5rem;
+    }
 </style>
 <div id="mask">
     <div id="loadingPage">
@@ -171,7 +205,7 @@ td, th {
     </div>
 </div>
 <div class="repository">
-{{template "repo/header" .}}
+    {{template "repo/header" .}}
     <div class="ui container">
         <h4 class="ui header" id="vertical-segment">
             <div class="ui breadcrumb">
@@ -183,11 +217,13 @@ td, th {
                     {{$.i18n.Tr "repo.modelarts.train_job"}}
                 </a>
                 <div class="divider"> / </div>
-				<div class="active section">{{.displayJobName}}</div>
-			</div>
+                <div class="active section">{{.displayJobName}}</div>
+            </div>
         </h4>
         {{range $k ,$v := .version_list_task}}
-        <div class="ui accordion border-according"  id="accordion{{.VersionName}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}" data-version="{{.VersionName}}">
+        <div class="ui accordion border-according" id="accordion{{.VersionName}}"
+            data-repopath="{{$.RepoRelPath}}/modelarts/train-job" data-jobid="{{.JobID}}"
+            data-version="{{.VersionName}}">
             <div class="{{if eq $k 0}}active{{end}} title padding0">
                 <div class="according-panel-heading">
                     <div class="accordion-panel-title">
@@ -197,46 +233,63 @@ td, th {
                                 <div style="float: right;">
                                     {{$.CsrfTokenHtml}}
                                     {{if and (.CanModify) (eq .Status "COMPLETED") ($.Permission.CanWrite $.UnitTypeModelManage) }}
-                                    <a class="ti-action-menu-item" id="{{.VersionName}}-create-model" onclick="showcreate({{.}})">{{$.i18n.Tr "repo.modelarts.create_model"}}</a>
+                                    <a class="ti-action-menu-item" id="{{.VersionName}}-create-model"
+                                        onclick="showcreate({{.}})">{{$.i18n.Tr "repo.modelarts.create_model"}}</a>
                                     {{else}}
-                                    <a class="ti-action-menu-item disabled" id="{{.VersionName}}-create-model" onclick="showcreate({{.}})">{{$.i18n.Tr "repo.modelarts.create_model"}}</a>
+                                    <a class="ti-action-menu-item disabled" id="{{.VersionName}}-create-model"
+                                        onclick="showcreate({{.}})">{{$.i18n.Tr "repo.modelarts.create_model"}}</a>
                                     {{end}}
 
                                     {{if .CanModify}}
-                                    <a class="ti-action-menu-item" href="{{$.RepoLink}}/modelarts/train-job/{{.JobID}}/create_version?version_name={{.VersionName}}">{{$.i18n.Tr "repo.modelarts.modify"}}</a>
+                                    <a class="ti-action-menu-item"
+                                        href="{{$.RepoLink}}/modelarts/train-job/{{.JobID}}/create_version?version_name={{.VersionName}}">{{$.i18n.Tr "repo.modelarts.modify"}}</a>
                                     {{else}}
-                                    <a class="ti-action-menu-item disabled" href="{{$.RepoLink}}/modelarts/train-job/{{.JobID}}/create_version?version_name={{.VersionName}}">{{$.i18n.Tr "repo.modelarts.modify"}}</a>
+                                    <a class="ti-action-menu-item disabled"
+                                        href="{{$.RepoLink}}/modelarts/train-job/{{.JobID}}/create_version?version_name={{.VersionName}}">{{$.i18n.Tr "repo.modelarts.modify"}}</a>
                                     {{end}}
 
                                     {{if .CanDel}}
-                                    <a class="ti-action-menu-item {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED"}}disabled {{end}}" id="{{.VersionName}}-stop" onclick="stopVersion({{.VersionName}})">{{$.i18n.Tr "repo.stop"}}</a>
+                                    <a class="ti-action-menu-item {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED"}}disabled {{end}}"
+                                        id="{{.VersionName}}-stop"
+                                        onclick="stopVersion({{.VersionName}})">{{$.i18n.Tr "repo.stop"}}</a>
                                     {{else}}
-                                    <a class="ti-action-menu-item disabled" id="{{.VersionName}}-stop" onclick="stopVersion({{.VersionName}})">{{$.i18n.Tr "repo.stop"}}</a>
+                                    <a class="ti-action-menu-item disabled" id="{{.VersionName}}-stop"
+                                        onclick="stopVersion({{.VersionName}})">{{$.i18n.Tr "repo.stop"}}</a>
                                     {{end}}
 
 
                                     {{if .CanDel}}
-                                    <a class="ti-action-menu-item"  onclick="deleteVersion({{.VersionName}})" style="color: #FF4D4F;">{{$.i18n.Tr "repo.delete"}}</a>
+                                    <a class="ti-action-menu-item" onclick="deleteVersion({{.VersionName}})"
+                                        style="color: #FF4D4F;">{{$.i18n.Tr "repo.delete"}}</a>
                                     {{else}}
-                                    <a class="ti-action-menu-item disabled"  onclick="deleteVersion({{.VersionName}})" style="color: #FF4D4F;">{{$.i18n.Tr "repo.delete"}}</a>
+                                    <a class="ti-action-menu-item disabled" onclick="deleteVersion({{.VersionName}})"
+                                        style="color: #FF4D4F;">{{$.i18n.Tr "repo.delete"}}</a>
                                     {{end}}
                                 </div>
                                 <div class="ac-display-inblock title_text acc-margin-bottom">
 
                                     <span class="cti-mgRight-sm">
-                                      {{if not (eq .Cloudbrain.StartTime 0)}}
-                                    	{{TimeSinceUnix1 .Cloudbrain.StartTime}}
-										{{else}}
-										{{TimeSinceUnix1 .Cloudbrain.CreatedUnix}}
-										{{end}}</span>
-                                    <span class="cti-mgRight-sm"> {{$.i18n.Tr "repo.modelarts.current_version"}}：{{.VersionName}}</span>
-                                    <span class="cti-mgRight-sm">  {{$.i18n.Tr "repo.modelarts.parent_version"}}：{{.PreVersionName}}</span>
+                                        {{if not (eq .Cloudbrain.StartTime 0)}}
+                                        {{TimeSinceUnix1 .Cloudbrain.StartTime}}
+                                        {{else}}
+                                        {{TimeSinceUnix1 .Cloudbrain.CreatedUnix}}
+                                        {{end}}</span>
+                                    <span class="cti-mgRight-sm">
+                                        {{$.i18n.Tr "repo.modelarts.current_version"}}：{{.VersionName}}</span>
+                                    <span class="cti-mgRight-sm">
+                                        {{$.i18n.Tr "repo.modelarts.parent_version"}}：{{.PreVersionName}}</span>
                                     <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.status"}}：
-                                        <span id="{{.VersionName}}-status-span"><i id="icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
+                                        <span id="{{.VersionName}}-status-span"><i id="icon"
+                                                style="vertical-align: middle;" class="{{.Status}}"></i><span id="text"
+                                                style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
                                     </span>
-                                    <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>
-                                    <span class="cti-mgRight-sm uc-accordionTitle-black" id="{{.VersionName}}-duration-span">{{.TrainJobDuration}}</span>
-                                    <span data-tooltip="刷新" style="cursor: pointer;" data-inverted="" onclick="refreshStatus({{.VersionName}})"><i class="redo icon redo-color"></i></span>
+                                    <span
+                                        class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>
+                                    <span class="cti-mgRight-sm uc-accordionTitle-black"
+                                        id="{{.VersionName}}-duration-span">{{.TrainJobDuration}}</span>
+                                    <span data-tooltip="刷新" style="cursor: pointer;" data-inverted=""
+                                        onclick="refreshStatus({{.VersionName}})"><i
+                                            class="redo icon redo-color"></i></span>
 
                                 </div>
                             </span>
@@ -248,9 +301,12 @@ td, th {
                 <div class="content-pad">
                     <div class="ui pointing secondary menu" style="border-bottom: 1px solid rgba(34,36,38,.15);">
 
-                        <a class="active item" data-tab="first{{$k}}">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>
-                        <a class="item log_bottom" data-tab="second{{$k}}" data-version="{{.VersionName}}">{{$.i18n.Tr "repo.modelarts.log"}}</a>
-                        <a class="item" data-tab="third{{$k}}" onclick="loadModelFile({{.VersionName}},'','','init')">{{$.i18n.Tr "repo.model_download"}}</a>
+                        <a class="active item"
+                            data-tab="first{{$k}}">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>
+                        <a class="item log_bottom" data-tab="second{{$k}}"
+                            data-version="{{.VersionName}}">{{$.i18n.Tr "repo.modelarts.log"}}</a>
+                        <a class="item" data-tab="third{{$k}}"
+                            onclick="loadModelFile({{.VersionName}},'','','init')">{{$.i18n.Tr "repo.model_download"}}</a>
                     </div>
                     <div class="ui tab active" data-tab="first{{$k}}">
                         <div style="padding-top: 10px;">
@@ -299,11 +355,11 @@ td, th {
                                                     <td class="ti-text-form-content">
                                                         <div class="text-span text-span-w">
                                                             <span style="font-size: 12px;" class="">
-                                                              {{if not (eq .Cloudbrain.StartTime 0)}}
+                                                                {{if not (eq .Cloudbrain.StartTime 0)}}
                                                                 {{TimeSinceUnix1 .Cloudbrain.StartTime}}
-																{{else}}
-																{{TimeSinceUnix1 .Cloudbrain.CreatedUnix}}
-																{{end}}</span>
+                                                                {{else}}
+                                                                {{TimeSinceUnix1 .Cloudbrain.CreatedUnix}}
+                                                                {{end}}</span>
                                                         </div>
                                                     </td>
                                                 </tr>
@@ -313,14 +369,15 @@ td, th {
                                                     </td>
 
                                                     <td class="ti-text-form-content">
-                                                        <div class="text-span text-span-w" id="{{.VersionName}}-duration">
+                                                        <div class="text-span text-span-w"
+                                                            id="{{.VersionName}}-duration">
                                                             {{.TrainJobDuration}}
                                                         </div>
                                                     </td>
                                                 </tr>
                                                 <tr class="ti-no-ng-animate">
                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.standard"}}
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.standard"}}
                                                     </td>
 
                                                     <td class="ti-text-form-content">
@@ -343,77 +400,78 @@ td, th {
                                         </table>
                                     </div>
                                     <div class="ac-grid-col">
-                                            <table class="ti-form">
-                                                <tbody class="ti-text-form">
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.AI_driver"}}
-                                                        </td>
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
+                                        <table class="ti-form">
+                                            <tbody class="ti-text-form">
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.AI_driver"}}
+                                                    </td>
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
                                                             {{.EngineName}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.code_version"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
-                                                                {{.BranchName}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.start_file"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
-                                                                {{.BootFile}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.train_dataset"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w">
-                                                                {{.DatasetName}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80" >
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" title="{{.Parameters}}">
-                                                                {{.Parameters}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    </tr>
-                                                    <tr class="ti-no-ng-animate">
-                                                        <td class="ti-no-ng-animate ti-text-form-label text-width80">
-                                                            {{$.i18n.Tr "repo.modelarts.train_job.description"}}
-                                                        </td>
-
-                                                        <td class="ti-text-form-content">
-                                                            <div class="text-span text-span-w" title="{{.Cloudbrain.Description}}">
-                                                                {{.Cloudbrain.Description}}
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.code_version"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
+                                                            {{.BranchName}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.start_file"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
+                                                            {{.BootFile}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.train_dataset"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w">
+                                                            {{.DatasetName}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w" title="{{.Parameters}}">
+                                                            {{.Parameters}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                                </tr>
+                                                <tr class="ti-no-ng-animate">
+                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
+                                                        {{$.i18n.Tr "repo.modelarts.train_job.description"}}
+                                                    </td>
+
+                                                    <td class="ti-text-form-content">
+                                                        <div class="text-span text-span-w"
+                                                            title="{{.Cloudbrain.Description}}">
+                                                            {{.Cloudbrain.Description}}
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
                                 </div>
                             </div>
 
@@ -422,17 +480,21 @@ td, th {
                     <div class="ui tab" data-tab="second{{$k}}">
                         <div style="position: relative;">
                             <span>
-                                <a title="滚动到顶部" style="position: absolute; right: -32px;cursor: pointer;" class="log_top" data-version="{{.VersionName}}"><i class="icon-to-top"></i></a>
+                                <a title="滚动到顶部" style="position: absolute; right: -32px;cursor: pointer;"
+                                    class="log_top" data-version="{{.VersionName}}"><i class="icon-to-top"></i></a>
                             </span>
                             <span>
-                                <a title="滚动到底部" style="position: absolute; bottom: 10px;right: -32px;cursor: pointer;" class="log_bottom" data-version="{{.VersionName}}"><i class="icon-to-bottom"></i></a>
+                                <a title="滚动到底部" style="position: absolute; bottom: 10px;right: -32px;cursor: pointer;"
+                                    class="log_bottom" data-version="{{.VersionName}}"><i
+                                        class="icon-to-bottom"></i></a>
                             </span>
                             <div class="ui message message{{.VersionName}}" style="display: none;">
                                 <div id="header"></div>
                             </div>
-                            <div class="ui attached  log" onscroll="fn({{.VersionName}})" id="log{{.VersionName}}" style="height: 300px !important; overflow: auto;">
-                                <input type="hidden"  name="end_line" value>
-                                <input type="hidden"  name="start_line" value>
+                            <div class="ui attached  log" onscroll="fn({{.VersionName}})" id="log{{.VersionName}}"
+                                style="height: 300px !important; overflow: auto;">
+                                <input type="hidden" name="end_line" value>
+                                <input type="hidden" name="start_line" value>
                                 <pre id="log_file{{.VersionName}}"></pre>
                             </div>
 
@@ -479,78 +541,86 @@ td, th {
     </div>
     <!-- 创建模型 -->
     <div id="newmodel">
-            <div class="ui modal second">
-                <div class="header" style="padding: 1rem;background-color: rgba(240, 240, 240, 100);">
-                    <h4 id="model_header">导入新模型</h4>
-                </div>
-                <div class="content content-padding">
-                    <form id="formId" method="POST" class="ui form">
-                        <div class="ui error message">
-                        </div>
-                        {{$.CsrfTokenHtml}}
-                        <input type="hidden" name="trainTaskCreate" value="true">
-
-                        <div class="two inline fields ">
-                            <div class="required ten wide field">
-                                <label style="margin-left: -23px;">选择训练任务</label>
-                                <input type="hidden" class="width83" id="JobId" name="JobId" readonly required>
-                                <input class="width83" id="JobName" readonly required>
+        <div class="ui modal second">
+            <div class="header" style="padding: 1rem;background-color: rgba(240, 240, 240, 100);">
+                <h4 id="model_header">导入新模型</h4>
+            </div>
+            <div class="content content-padding">
+                <form id="formId" method="POST" class="ui form">
+                    <div class="ui error message">
+                    </div>
+                    {{$.CsrfTokenHtml}}
+                    <input type="hidden" name="trainTaskCreate" value="true">
 
-                            </div>
-                            <div class="required six widde field">
-                                <label>版本</label>
-                                <input class="width70" id="VersionName" name="VersionName" readonly required>
-                            </div>
-                        </div>
+                    <div class="two inline fields ">
+                        <div class="required ten wide field">
+                            <label style="margin-left: -23px;">选择训练任务</label>
+                            <input type="hidden" class="width83" id="JobId" name="JobId" readonly required>
+                            <input class="width83" id="JobName" readonly required>
 
-                        <div class="required inline field" id="modelname">
-                            <label>模型名称</label>
-                            <input style="width: 45%;" id="name" name="Name" required maxlength="25" onkeyup="this.value=this.value.replace(/[, ]/g,'')">
-                        </div>
-                        <div class="required inline field" id="verionname">
-                            <label>模型版本</label>
-                            <input style="width: 45%;" id="version" name="Version" value="" readonly required maxlength="255">
                         </div>
-                        <div class="inline field">
-                            <label>模型标签</label>
-                            <input style="width: 83%;margin-left: 7px;" id="label" name="Label" maxlength="255" placeholder='{{.i18n.Tr "repo.modelarts.train_job.label_place"}}'>
-                        </div>
-                        <div class="inline field">
-                            <label for="description">模型描述</label>
-                            <textarea style="width: 83%;margin-left: 7px;" id="Description" name="Description" rows="3" maxlength="255" placeholder='{{.i18n.Tr "repo.modelarts.train_job.new_place"}}' onchange="this.value=this.value.substring(0, 255)" onkeydown="this.value=this.value.substring(0, 255)" onkeyup="this.value=this.value.substring(0, 256)"></textarea>
+                        <div class="required six widde field">
+                            <label>版本</label>
+                            <input class="width70" id="VersionName" name="VersionName" readonly required>
                         </div>
+                    </div>
+
+                    <div class="required inline field" id="modelname">
+                        <label>模型名称</label>
+                        <input style="width: 45%;" id="name" name="Name" required maxlength="25"
+                            onkeyup="this.value=this.value.replace(/[, ]/g,'')">
+                    </div>
+                    <div class="required inline field" id="verionname">
+                        <label>模型版本</label>
+                        <input style="width: 45%;" id="version" name="Version" value="" readonly required
+                            maxlength="255">
+                    </div>
+                    <div class="inline field">
+                        <label>模型标签</label>
+                        <input style="width: 83%;margin-left: 7px;" id="label" name="Label" maxlength="255"
+                            placeholder='{{.i18n.Tr "repo.modelarts.train_job.label_place"}}'>
+                    </div>
+                    <div class="inline field">
+                        <label for="description">模型描述</label>
+                        <textarea style="width: 83%;margin-left: 7px;" id="Description" name="Description" rows="3"
+                            maxlength="255" placeholder='{{.i18n.Tr "repo.modelarts.train_job.new_place"}}'
+                            onchange="this.value=this.value.substring(0, 255)"
+                            onkeydown="this.value=this.value.substring(0, 255)"
+                            onkeyup="this.value=this.value.substring(0, 256)"></textarea>
+                    </div>
 
-                        <div class="inline field" style="margin-left: 75px;">
-                            <button onclick="createModel()" type="button" class="ui create_train_job green button" style="position: absolute;">
+                    <div class="inline field" style="margin-left: 75px;">
+                        <button onclick="createModel()" type="button" class="ui create_train_job green button"
+                            style="position: absolute;">
                             {{.i18n.Tr "repo.model.manage.sava_model"}}
-                            </button>
-                        </div>
-                    </form>
-                    <div class="actions" style="display: inline-block;margin-left: 180px;">
-                        <button class="ui button cancel" >{{.i18n.Tr "repo.cloudbrain.cancel"}}</button>
+                        </button>
                     </div>
+                </form>
+                <div class="actions" style="display: inline-block;margin-left: 180px;">
+                    <button class="ui button cancel">{{.i18n.Tr "repo.cloudbrain.cancel"}}</button>
                 </div>
+            </div>
 
 
         </div>
-</div>
+    </div>
 </div>
 {{template "base/footer" .}}
 
 <script>
     $('.menu .item').tab()
-    $(document).ready(function(){
-    $('.ui.accordion').accordion({selector:{trigger:'.icon'}});
+    $(document).ready(function () {
+        $('.ui.accordion').accordion({ selector: { trigger: '.icon' } });
     });
-    $(document).ready(function(){
+    $(document).ready(function () {
         $('.secondary.menu .item').tab();
     });
 
     let userName
     let repoPath
     let jobID
-    let downlaodFlag = {{$.canDownload }}
-    $(document).ready(function(){
+    let downlaodFlag = {{ $.canDownload }}
+    $(document).ready(function () {
         let url = window.location.href;
         let urlArr = url.split('/')
         userName = urlArr.slice(-5)[0]
@@ -565,206 +635,169 @@ td, th {
             e.cancelBubble = true;   //ie兼容
         }
     }
-    let timeid = window.setInterval(loadJobStatus, 30000);
-    $(document).ready(loadJobStatus);
-    function showcreate(obj){
+
+    function showcreate(obj) {
         $('.ui.modal.second')
-        .modal({
-            centered: false,
-            onShow:function(){
-                $('input[name="Version"]').addClass('model_disabled')
-                // $('input[name="JobId"]').text(obj.JobName)
-                $('#JobName').val(obj.DisplayJobName).addClass('model_disabled')
-                $('input[name="JobId"]').val(obj.JobID)
-                $('input[name="VersionName"]').val(obj.VersionName).addClass('model_disabled')
-                $('.ui.dimmer').css({"background-color":"rgb(136, 136, 136,0.7)"})
-                createModelName()
-            },
-            onHide:function(){
-                document.getElementById("formId").reset();
-                $('.ui.dimmer').css({"background-color":""})
-                $('.ui.error.message').text()
-                $('.ui.error.message').css('display','none')
-            }
-        })
-        .modal('show')
+            .modal({
+                centered: false,
+                onShow: function () {
+                    $('input[name="Version"]').addClass('model_disabled')
+                    // $('input[name="JobId"]').text(obj.JobName)
+                    $('#JobName').val(obj.DisplayJobName).addClass('model_disabled')
+                    $('input[name="JobId"]').val(obj.JobID)
+                    $('input[name="VersionName"]').val(obj.VersionName).addClass('model_disabled')
+                    $('.ui.dimmer').css({ "background-color": "rgb(136, 136, 136,0.7)" })
+                    createModelName()
+                },
+                onHide: function () {
+                    document.getElementById("formId").reset();
+                    $('.ui.dimmer').css({ "background-color": "" })
+                    $('.ui.error.message').text()
+                    $('.ui.error.message').css('display', 'none')
+                }
+            })
+            .modal('show')
     }
-    function createModel(){
+    function createModel() {
         let url_href = `/${userName}/${repoPath}/modelmanage/create_new_model`
         let data = $("#formId").serialize()
-        $("#mask").css({"display":"block","z-index":"9999"})
+        $("#mask").css({ "display": "block", "z-index": "9999" })
         $.ajax({
-                url:url_href,
-                type:'POST',
-                data:data,
-                success:function(res){
-                    location.href=`/${userName}/${repoPath}/modelmanage/show_model`
-                    $('.ui.modal.second').modal('hide')
-                },
-                error: function(xhr){
+            url: url_href,
+            type: 'POST',
+            data: data,
+            success: function (res) {
+                location.href = `/${userName}/${repoPath}/modelmanage/show_model`
+                $('.ui.modal.second').modal('hide')
+            },
+            error: function (xhr) {
                 // 隐藏 loading
                 // 只有请求不正常（状态码不为200）才会执行
-                    $('.ui.error.message').text(xhr.responseText)
-                    $('.ui.error.message').css('display','block')
-                },
-                complete:function(xhr){
-                    $("#mask").css({"display":"none","z-index":"1"})
-                }
-            })
+                $('.ui.error.message').text(xhr.responseText)
+                $('.ui.error.message').css('display', 'block')
+            },
+            complete: function (xhr) {
+                $("#mask").css({ "display": "none", "z-index": "1" })
+            }
+        })
 
     }
-    function createModelName(){
+    function createModelName() {
         let repoName = location.pathname.split('/')[2]
         let modelName = repoName + '_model_' + Math.random().toString(36).substr(2, 4)
         $('#name').val(modelName)
         $('#version').val("0.0.1")
     }
-    function renderSize(value){
-        if(null==value||value==''){
+    function renderSize(value) {
+        if (null == value || value == '') {
             return "0 Bytes";
         }
-        var unitArr = new Array("Bytes","KB","MB","GB","TB","PB","EB","ZB","YB");
-        var index=0;
+        var unitArr = new Array("Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB");
+        var index = 0;
         var srcsize = parseFloat(value);
-        index=Math.floor(Math.log(srcsize)/Math.log(1024));
-        var size =srcsize/Math.pow(1024,index);
-        size=size.toFixed(0);//保留的小数位数
-        return size+unitArr[index];
-    }
-    function loadJobStatus() {
-        $(".ui.accordion.border-according").each((index, job) => {
-            const jobID = job.dataset.jobid;
-            const repoPath = job.dataset.repopath;
-            const versionname = job.dataset.version
-            // ['IMAGE_FAILED','SUBMIT_FAILED','DELETE_FAILED','KILLED','COMPLETED','FAILED','CANCELED','LOST','START_FAILED']
-            // if (job.textContent.trim() == 'IMAGE_FAILED' || job.textContent.trim() == 'SUBMIT_FAILED' || job.textContent.trim() == 'DELETE_FAILED'
-            //     || job.textContent.trim() == 'KILLED' || job.textContent.trim() == 'COMPLETED' || job.textContent.trim() == 'FAILED'
-            //     || job.textContent.trim() == 'CANCELED' || job.textContent.trim() == 'LOST') {
-            //     return
-            // }
-            let status = $(`#${versionname}-status-span`).text()
-
-            if(['IMAGE_FAILED','SUBMIT_FAILED','DELETE_FAILED','KILLED','COMPLETED','FAILED','CANCELED','LOST','START_FAILED'].includes(status)){
-                return
-            }
-            let stopArray=["KILLED","FAILED","START_FAILED","KILLING","COMPLETED"]
-            $.get(`/api/v1/repos/${repoPath}/modelarts/train-job/${jobID}?version_name=${versionname}`, (data) => {
-                $(`#${versionname}-duration-span`).text(data.JobDuration)
-                $(`#${versionname}-status-span span`).text(data.JobStatus)
-                $(`#${versionname}-status-span i`).attr("class",data.JobStatus)
-                // detail status and duration
-                $('#'+versionname+'-duration').text(data.JobDuration)
-                $('#'+versionname+'-status').text(data.JobStatus)
-                if(stopArray.includes(data.JobStatus)){
-                    $('#'+versionname+'-stop').addClass('disabled')
-                }
-                if(data.JobStatus==="COMPLETED"){
-                    $('#'+versionname+'-create-model').removeClass('disabled').addClass('blue')
-                }
-            }).fail(function(err) {
-                console.log(err);
-            });
-        });
-    };
-
-    function refreshStatus(version_name){
-        $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}?version_name=${version_name}`,(data)=>{
+        index = Math.floor(Math.log(srcsize) / Math.log(1024));
+        var size = srcsize / Math.pow(1024, index);
+        size = size.toFixed(0);//保留的小数位数
+        return size + unitArr[index];
+    }
+    function refreshStatus(version_name) {
+        $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}?version_name=${version_name}`, (data) => {
             // header status and duration
             $(`#${version_name}-duration-span`).text(data.JobDuration)
             $(`#${version_name}-status-span span`).text(data.JobStatus)
-            $(`#${version_name}-status-span i`).attr("class",data.JobStatus)
+            $(`#${version_name}-status-span i`).attr("class", data.JobStatus)
             // detail status and duration
-            $('#'+version_name+'-duration').text(data.JobDuration)
-            $('#'+version_name+'-status').text(data.JobStatus)
+            $('#' + version_name + '-duration').text(data.JobDuration)
+            $('#' + version_name + '-status').text(data.JobStatus)
             loadLog(version_name)
 
 
-        }).fail(function(err) {
+        }).fail(function (err) {
             console.log(err);
         });
         stopBubbling(arguments.callee.caller.arguments[0])
     }
-    function deleteVersion(version_name){
+    function deleteVersion(version_name) {
         stopBubbling(arguments.callee.caller.arguments[0])
         let flag = 1;
         $('.ui.basic.modal').modal({
-                onDeny: function() {
-                    flag = false
-                },
-                onApprove: function() {
-                    $.post(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/del_version`,{version_name:version_name},(data)=>{
-                        if(data.VersionListCount===0){
-                            location.href=`/${userName}/${repoPath}/modelarts/train-job`
-                        }else{
-                            $('#accordion'+version_name).remove()
-                        }
-
-                    }).fail(function(err) {
-                        console.log(err);
-                    });
-                    flag = true
-                },
-                onHidden: function() {
-                    if (flag == false) {
-                        $('.alert').html('您已取消操作').removeClass('alert-success').addClass('alert-danger').show().delay(1500).fadeOut();
+            onDeny: function () {
+                flag = false
+            },
+            onApprove: function () {
+                $.post(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/del_version`, { version_name: version_name }, (data) => {
+                    if (data.VersionListCount === 0) {
+                        location.href = `/${userName}/${repoPath}/modelarts/train-job`
+                    } else {
+                        $('#accordion' + version_name).remove()
                     }
+
+                }).fail(function (err) {
+                    console.log(err);
+                });
+                flag = true
+            },
+            onHidden: function () {
+                if (flag == false) {
+                    $('.alert').html('您已取消操作').removeClass('alert-success').addClass('alert-danger').show().delay(1500).fadeOut();
                 }
-            })
-        .modal('show')
+            }
+        })
+            .modal('show')
 
     }
-    function stopVersion(version_name){
+    function stopVersion(version_name) {
         stopBubbling(arguments.callee.caller.arguments[0])
-        $.post(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/stop_version`,{version_name:version_name},(data)=>{
-            if(data.StatusOK===0){
-                $('#'+version_name+'-stop').addClass('disabled')
+        $.post(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/stop_version`, { version_name: version_name }, (data) => {
+            if (data.StatusOK === 0) {
+                $('#' + version_name + '-stop').addClass('disabled')
                 refreshStatus(version_name)
             }
-        }).fail(function(err) {
+        }).fail(function (err) {
             console.log(err);
         });
     }
-    function loadLog(version_name){
+    function loadLog(version_name) {
         $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/log?version_name=${version_name}&lines=50&order=asc`, (data) => {
             $('input[name=end_line]').val(data.EndLine)
             $('input[name=start_line]').val(data.StartLine)
             $(`#log_file${version_name}`).text(data.Content)
-        }).fail(function(err) {
+        }).fail(function (err) {
             console.log(err);
         });
     }
-    function loadModelFile(version_name,parents,filename,init){
+    function loadModelFile(version_name, parents, filename, init) {
         parents = parents || ''
         filename = filename || ''
         init = init || ''
         $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/model_list?version_name=${version_name}&parentDir=${parents}`, (data) => {
-                $(`#dir_list${version_name}`).empty()
-                renderDir(data,version_name)
-                if(init==="init"){
-                    $(`input[name=model${version_name}]`).val("")
-                    $(`input[name=modelback${version_name}]`).val(version_name)
-                    $(`#file_breadcrumb${version_name}`).empty()
-                    let htmlBread = ""
-                    htmlBread += `<div class='active section'>${version_name}</div>`
-                    htmlBread += "<div class='divider'> / </div>"
-                    $(`#file_breadcrumb${version_name}`).append(htmlBread)
-                }else{
-                    renderBrend(version_name,parents,filename,init)
-                }
-            }).fail(function(err) {
-                console.log(err,version_name);
-            });
+            $(`#dir_list${version_name}`).empty()
+            renderDir(data, version_name)
+            if (init === "init") {
+                $(`input[name=model${version_name}]`).val("")
+                $(`input[name=modelback${version_name}]`).val(version_name)
+                $(`#file_breadcrumb${version_name}`).empty()
+                let htmlBread = ""
+                htmlBread += `<div class='active section'>${version_name}</div>`
+                htmlBread += "<div class='divider'> / </div>"
+                $(`#file_breadcrumb${version_name}`).append(htmlBread)
+            } else {
+                renderBrend(version_name, parents, filename, init)
+            }
+        }).fail(function (err) {
+            console.log(err, version_name);
+        });
 
     }
-    function renderBrend(version_name,parents,filename,init){
-        if(init=="folder"){
+    function renderBrend(version_name, parents, filename, init) {
+        if (init == "folder") {
             let htmlBrend = ""
-            let sectionName=$(`#file_breadcrumb${version_name} .active.section`).text()
+            let sectionName = $(`#file_breadcrumb${version_name} .active.section`).text()
             let parents1 = $(`input[name=model${version_name}]`).val()
             let filename1 = $(`input[name=modelback${version_name}]`).val()
-            if(parents1===""){
+            if (parents1 === "") {
                 $(`#file_breadcrumb${version_name} .active.section`).replaceWith(`<a class='section' onclick="loadModelFile('${version_name}','${parents1}','','init')">${sectionName}</a>`)
-            }else{
+            } else {
                 $(`#file_breadcrumb${version_name} .active.section`).replaceWith(`<a class='section' onclick="loadModelFile('${version_name}','${parents1}','${filename1}')">${sectionName}</a>`)
             }
 
@@ -773,7 +806,7 @@ td, th {
             $(`#file_breadcrumb${version_name}`).append(htmlBrend)
             $(`input[name=model${version_name}]`).val(parents)
             $(`input[name=modelback${version_name}]`).val(filename)
-        }else{
+        } else {
             $(`input[name=model${version_name}]`).val(parents)
             $(`input[name=modelback${version_name}]`).val(filename)
             $(`#file_breadcrumb${version_name} a.section:contains(${filename})`).nextAll().remove()
@@ -782,71 +815,71 @@ td, th {
         }
 
     }
-    function renderDir(data,version_name){
-        let html=""
-            html += "<div class='ui grid' style='margin:0;'>"
-            html += "<div class='row' style='padding: 0;'>"
-            html += "<div class='ui sixteen wide column' style='padding:1rem;'>"
-            html += "<div class='dir list'>"
-            html += "<table id='repo-files-table' class='ui single line table pad20'>"
-            html += '<tbody>'
-            // html += "</tbody>"
-            for(let i=0;i<data.Dirs.length;i++){
-                let dirs_size = renderSize(data.Dirs[i].Size)
-                html += "<tr>"
-                html += "<td class='name six wid'>"
-                html += "<span class='truncate'>"
-                html += "<span class='octicon octicon-file-directory'>"
-                html += "</span>"
-                if(data.Dirs[i].IsDir){
-                    html += `<a  onclick="loadModelFile('${version_name}','${data.Dirs[i].ParenDir}','${data.Dirs[i].FileName}','folder')">`
-                    html += "<span class='fitted'><i class='folder icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"
-                }else{
-                    if(downlaodFlag){
-                        html += `<a href="${location.href}/model_download?version_name=${version_name}&file_name=${data.Dirs[i].FileName}&parent_dir=${data.Dirs[i].ParenDir}">`
-                    }
-                    else{
-                        html += `<a class="disabled">`
-                    }
-                    html += "<span class='fitted'><i class='file icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"
+    function renderDir(data, version_name) {
+        let html = ""
+        html += "<div class='ui grid' style='margin:0;'>"
+        html += "<div class='row' style='padding: 0;'>"
+        html += "<div class='ui sixteen wide column' style='padding:1rem;'>"
+        html += "<div class='dir list'>"
+        html += "<table id='repo-files-table' class='ui single line table pad20'>"
+        html += '<tbody>'
+        // html += "</tbody>"
+        for (let i = 0; i < data.Dirs.length; i++) {
+            let dirs_size = renderSize(data.Dirs[i].Size)
+            html += "<tr>"
+            html += "<td class='name six wid'>"
+            html += "<span class='truncate'>"
+            html += "<span class='octicon octicon-file-directory'>"
+            html += "</span>"
+            if (data.Dirs[i].IsDir) {
+                html += `<a  onclick="loadModelFile('${version_name}','${data.Dirs[i].ParenDir}','${data.Dirs[i].FileName}','folder')">`
+                html += "<span class='fitted'><i class='folder icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"
+            } else {
+                if (downlaodFlag) {
+                    html += `<a href="${location.href}/model_download?version_name=${version_name}&file_name=${data.Dirs[i].FileName}&parent_dir=${data.Dirs[i].ParenDir}">`
                 }
-                html += '</a>'
-                html += "</span>"
-                html += "</td>"
-                html += "<td class='message seven wide'>"
-                if(data.Dirs[i].IsDir){
-                    html += "<span class='truncate has-emoji'></span>"
-                }else{
-                    html += "<span class='truncate has-emoji'>"+ `${dirs_size}` + "</span>"
+                else {
+                    html += `<a class="disabled">`
                 }
+                html += "<span class='fitted'><i class='file icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"
+            }
+            html += '</a>'
+            html += "</span>"
+            html += "</td>"
+            html += "<td class='message seven wide'>"
+            if (data.Dirs[i].IsDir) {
+                html += "<span class='truncate has-emoji'></span>"
+            } else {
+                html += "<span class='truncate has-emoji'>" + `${dirs_size}` + "</span>"
+            }
 
-                html += "</td>"
+            html += "</td>"
 
-                html += "<td class='text right age three wide'>"
-                html += "<span class='truncate has-emoji'>" + data.Dirs[i].ModTime + "</span>"
-                html += "</td>"
-                html += "</tr>"
+            html += "<td class='text right age three wide'>"
+            html += "<span class='truncate has-emoji'>" + data.Dirs[i].ModTime + "</span>"
+            html += "</td>"
+            html += "</tr>"
 
-            }
-            html += "</tbody>"
-            html += "</table>"
-            html += "</div>"
-            html += "</div>"
-            html += "</div>"
-            html += "</div>"
-            $(`#dir_list${version_name}`).append(html)
-    }
-    function debounce(fn,delay){
+        }
+        html += "</tbody>"
+        html += "</table>"
+        html += "</div>"
+        html += "</div>"
+        html += "</div>"
+        html += "</div>"
+        $(`#dir_list${version_name}`).append(html)
+    }
+    function debounce(fn, delay) {
         let timer;
         return (...args) => {
             // 判断定时器是否存在，清除定时器
             if (timer) {
-            clearTimeout(timer);
+                clearTimeout(timer);
             }
 
             // 重新调用setTimeout
             timer = setTimeout(() => {
-            fn.apply(this, args);
+                fn.apply(this, args);
             }, delay);
         };
     }
@@ -857,43 +890,43 @@ td, th {
         let scrollHeight = container.scrollHeight
         let clientHeight = container.clientHeight
         let scrollLeft = container.scrollLeft
-        if(((parseInt(scrollTop)  + clientHeight == scrollHeight || parseInt(scrollTop)  + clientHeight +1 == scrollHeight || parseInt(scrollTop)  + clientHeight - 1 == scrollHeight)) && parseInt(scrollTop)!==0 && scrollLeft==0){
+        if (((parseInt(scrollTop) + clientHeight == scrollHeight || parseInt(scrollTop) + clientHeight + 1 == scrollHeight || parseInt(scrollTop) + clientHeight - 1 == scrollHeight)) && parseInt(scrollTop) !== 0 && scrollLeft == 0) {
             let end_line = $(`#log${version_name} input[name=end_line]`).val()
             $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/log?version_name=${version_name}&base_line=${end_line}&lines=50&order=desc`, (data) => {
-                if (data.Lines == 0){
+                if (data.Lines == 0) {
                     $(`.message${version_name} #header`).text('您已翻阅至日志底部')
                     $(`.message${version_name}`).css('display', 'block')
-                    setTimeout(function(){
+                    setTimeout(function () {
                         $(`.message${version_name}`).css('display', 'none')
                     }, 1000)
-                }else{
-                    if(end_line===data.EndLine){
+                } else {
+                    if (end_line === data.EndLine) {
                         return
                     }
-                    else{
+                    else {
                         $(`#log${version_name} input[name=end_line]`).val(data.EndLine)
                         $(`#log${version_name}`).append('<pre>' + data.Content)
                     }
 
                 }
-            }).fail(function(err) {
+            }).fail(function (err) {
                 console.log(err);
             });
         }
-        if([0,1,2,3,4,5,6,7,8,9,10].includes(scrollTop) && scrollLeft==0){
+        if ([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].includes(scrollTop) && scrollLeft == 0) {
             let start_line = $(`#log${version_name} input[name=start_line]`).val()
             $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/log?version_name=${version_name}&base_line=${start_line}&lines=50&order=asc`, (data) => {
-                if (data.Lines == 0){
+                if (data.Lines == 0) {
                     $(`.message${version_name} #header`).text('您已翻阅至日志顶部')
                     $(`.message${version_name}`).css('display', 'block')
-                    setTimeout(function(){
+                    setTimeout(function () {
                         $(`.message${version_name}`).css('display', 'none')
                     }, 1000)
-                }else{
+                } else {
                     $(`#log${version_name} input[name=start_line]`).val(data.StartLine)   //如果变动就改变所对应的值
                     $(`#log${version_name}`).prepend('<pre>' + data.Content)
                 }
-            }).fail(function(err) {
+            }).fail(function (err) {
                 console.log(err);
             });
         }
@@ -907,69 +940,69 @@ td, th {
             const dist = Math.ceil(needScrollTop / 10);
             _currentY += dist;
             //移动一个十分之一
-            dom.scrollTo(currentX || 0, _currentY,'smooth');
+            dom.scrollTo(currentX || 0, _currentY, 'smooth');
             // 如果移动幅度小于十个像素，直接移动，否则递归调用，实现动画效果
             if (needScrollTop > 10 || needScrollTop < -10) {
                 scrollAnimation(dom, _currentY, targetY)
             } else {
-                dom.scrollTo(0, targetY,'smooth')
+                dom.scrollTo(0, targetY, 'smooth')
             }
         }, 1)
     }
 
-    $('.log_top').click(function(){
+    $('.log_top').click(function () {
         // let logContentDom = document.querySelector('.log')
         // if(!logContentDom)
         //     return
         // let version_name = $('.log_top').data('version')
         let version_name = $(this).data('version')
         let logContentDom = document.querySelector(`#log${version_name}`)
-        
+
         $(`#log_file${version_name}`).siblings('pre').remove()
         $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/log?version_name=${version_name}&base_line=&lines=50&order=asc`, (data) => {
-            
+
             $(`#log${version_name} input[name=end_line]`).val(data.EndLine)   //如果变动就改变所对应的值
             $(`#log${version_name} input[name=start_line]`).val(data.StartLine)
             $(`#log${version_name}`).prepend('<pre>' + data.Content)
             $(`.message${version_name} #header`).text('您已翻阅至日志顶部')
             $(`.message${version_name}`).css('display', 'block')
-            setTimeout(function(){
+            setTimeout(function () {
                 $(`.message${version_name}`).css('display', 'none')
             }, 1000)
             scrollAnimation(logContentDom, logContentDom.scrollTop, 0);
         })
 
     })
-    $('.log_bottom').click(function(e){
+    $('.log_bottom').click(function (e) {
         let version_name = $(this).data('version')
         let logContentDom = document.querySelector(`#log${version_name}`)
         $(`#log_file${version_name}`).siblings('pre').remove()
         $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/log?version_name=${version_name}&base_line=&lines=50&order=desc`, (data) => {
-            
+
             $(`#log${version_name} input[name=end_line]`).val(data.EndLine)   //如果变动就改变所对应的值
             $(`#log${version_name} input[name=start_line]`).val(data.StartLine)
             $(`#log${version_name}`).append('<pre>' + data.Content)
             $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/train-job/${jobID}/log?version_name=${version_name}&base_line=${data.EndLine}&lines=50&order=desc`, (data) => {
-                if (data.Lines == 0){
+                if (data.Lines == 0) {
                     $(`.message${version_name} #header`).text('您已翻阅至日志底部')
                     $(`.message${version_name}`).css('display', 'block')
-                    setTimeout(function(){
+                    setTimeout(function () {
                         $(`.message${version_name}`).css('display', 'none')
                     }, 1000)
-                }else{
-                    if(end_line===data.EndLine){
+                } else {
+                    if (end_line === data.EndLine) {
                         return
                     }
-                    else{
+                    else {
                         $(`#log${version_name} input[name=end_line]`).val(data.EndLine)
                         $(`#log${version_name}`).append('<pre>' + data.Content)
                     }
 
                 }
-            }).fail(function(err) {
+            }).fail(function (err) {
                 console.log(err);
             });
-            scrollAnimation(logContentDom, logContentDom.scrollTop+1, logContentDom.scrollHeight - logContentDom.clientHeight);
+            scrollAnimation(logContentDom, logContentDom.scrollTop + 1, logContentDom.scrollHeight - logContentDom.clientHeight);
         })
     })
-</script>
+</script>
\ No newline at end of file
diff --git a/web_src/js/features/cloudrbanin.js b/web_src/js/features/cloudrbanin.js
index 400cf2842..5a12933f7 100644
--- a/web_src/js/features/cloudrbanin.js
+++ b/web_src/js/features/cloudrbanin.js
@@ -2,7 +2,9 @@ export default async function initCloudrain() {
     let debug_button = $('.cloudbrain_debug').data('debug')
     let debug_again_button = $('.cloudbrain_debug').data('debug-again')
     let timeid = window.setInterval(loadJobStatus, 15000);
+    let timeidShow = window.setInterval(loadShowJobStatus, 15000);
     $(document).ready(loadJobStatus);
+    $(document).ready(loadShowJobStatus);
     function loadJobStatus() {
         $(".job-status").each((index, job) => {
             const ID = job.dataset.jobid;
@@ -10,7 +12,7 @@ export default async function initCloudrain() {
             // const computeResource = job.dataset.resource
             const versionname = job.dataset.version
             const status_text = $(`#${ID}-text`).text()
-            const finalState = ['STOPPED','CREATE_FAILED','UNAVAILABLE','DELETED','RESIZE_FAILED','SUCCEEDED','IMAGE_FAILED','SUBMIT_FAILED','DELETE_FAILED','KILLED','COMPLETED','FAILED','CANCELED','LOST','START_FAILED','SUBMIT_MODEL_FAILED','DEPLOY_SERVICE_FAILED','CHECK_FAILED']
+            const finalState = ['STOPPED', 'CREATE_FAILED', 'UNAVAILABLE', 'DELETED', 'RESIZE_FAILED', 'SUCCEEDED', 'IMAGE_FAILED', 'SUBMIT_FAILED', 'DELETE_FAILED', 'KILLED', 'COMPLETED', 'FAILED', 'CANCELED', 'LOST', 'START_FAILED', 'SUBMIT_MODEL_FAILED', 'DEPLOY_SERVICE_FAILED', 'CHECK_FAILED']
             if (finalState.includes(status_text)) {
                 return
             }
@@ -19,46 +21,83 @@ export default async function initCloudrain() {
                 const ID = data.ID || data.JobID
                 const status = data.JobStatus
                 const duration = data.JobDuration
-                $('#duration-'+ID).text(duration)
-                console.log(status,["STOPPED"].includes(status))
+                $('#duration-' + ID).text(duration)
                 if (status != status_text) {
-                    $('#' + ID+'-icon').removeClass().addClass(status)
-                    $('#' + ID+ '-text').text(status)
+                    $('#' + ID + '-icon').removeClass().addClass(status)
+                    $('#' + ID + '-text').text(status)
                     finalState.includes(status) && $('#' + ID + '-stop').removeClass('blue').addClass('disabled')
                 }
-                if(status==="RUNNING"){
-                    $('#ai-debug-'+ID).removeClass('disabled').addClass('blue').text(debug_button).css("margin","0 1rem")
-                    $('#model-image-'+ID).removeClass('disabled').addClass('blue')
+                if (status === "RUNNING") {
+                    $('#ai-debug-' + ID).removeClass('disabled').addClass('blue').text(debug_button).css("margin", "0 1rem")
+                    $('#model-image-' + ID).removeClass('disabled').addClass('blue')
                 }
-                if(status!=="RUNNING"){
+                if (status !== "RUNNING") {
                     // $('#model-debug-'+ID).removeClass('blue')
                     // $('#model-debug-'+ID).addClass('disabled')
-                    $('#model-image-'+ID).removeClass('blue').addClass('disabled')
+                    $('#model-image-' + ID).removeClass('blue').addClass('disabled')
                 }
-                if(["CREATING","STOPPING","WAITING","STARTING"].includes(status)){
-                    $('#ai-debug-'+ID).removeClass('blue').addClass('disabled')
+                if (["CREATING", "STOPPING", "WAITING", "STARTING"].includes(status)) {
+                    $('#ai-debug-' + ID).removeClass('blue').addClass('disabled')
                 }
-                if(['STOPPED','FAILED','START_FAILED','CREATE_FAILED','SUCCEEDED'].includes(status)){
-                    $('#ai-debug-'+ID).removeClass('disabled').addClass('blue').text(debug_again_button).css("margin","0")
-                }   
-                if(["RUNNING","WAITING"].includes(status)){
-                    $('#ai-stop-'+ID).removeClass('disabled').addClass('blue')
+                if (['STOPPED', 'FAILED', 'START_FAILED', 'CREATE_FAILED', 'SUCCEEDED'].includes(status)) {
+                    $('#ai-debug-' + ID).removeClass('disabled').addClass('blue').text(debug_again_button).css("margin", "0")
                 }
-                if(["CREATING","STOPPING","STARTING","STOPPED","FAILED","START_FAILED","SUCCEEDED","COMPLETED","CREATE_FAILED"].includes(status)){
-                    $('#ai-stop-'+ID).removeClass('blue').addClass('disabled')
+                if (["RUNNING", "WAITING"].includes(status)) {
+                    $('#ai-stop-' + ID).removeClass('disabled').addClass('blue')
                 }
-                
-                if(["STOPPED","FAILED","START_FAILED","KILLED","COMPLETED","SUCCEEDED"].includes(status)){
-                    $('#ai-delete-'+ID).removeClass('disabled').addClass('blue')
-                }else{
-                    $('#ai-delete-'+ID).removeClass('blue').addClass('disabled')
+                if (["CREATING", "STOPPING", "STARTING", "STOPPED", "FAILED", "START_FAILED", "SUCCEEDED", "COMPLETED", "CREATE_FAILED"].includes(status)) {
+                    $('#ai-stop-' + ID).removeClass('blue').addClass('disabled')
                 }
-            }).fail(function(err) {
+
+                if (["STOPPED", "FAILED", "START_FAILED", "KILLED", "COMPLETED", "SUCCEEDED"].includes(status)) {
+                    $('#ai-delete-' + ID).removeClass('disabled').addClass('blue')
+                } else {
+                    $('#ai-delete-' + ID).removeClass('blue').addClass('disabled')
+                }
+            }).fail(function (err) {
+                console.log(err);
+            });
+        });
+    };
+
+    function loadShowJobStatus() {
+        $(".ui.accordion.border-according").each((index, job) => {
+            const jobID = job.dataset.jobid;
+            const repoPath = job.dataset.repopath;
+            const versionname = job.dataset.version
+            // ['IMAGE_FAILED','SUBMIT_FAILED','DELETE_FAILED','KILLED','COMPLETED','FAILED','CANCELED','LOST','START_FAILED']
+            // if (job.textContent.trim() == 'IMAGE_FAILED' || job.textContent.trim() == 'SUBMIT_FAILED' || job.textContent.trim() == 'DELETE_FAILED'
+            //     || job.textContent.trim() == 'KILLED' || job.textContent.trim() == 'COMPLETED' || job.textContent.trim() == 'FAILED'
+            //     || job.textContent.trim() == 'CANCELED' || job.textContent.trim() == 'LOST') {
+            //     return
+            // }
+            let status = $(`#${versionname}-status-span`).text()
+
+            if (['IMAGE_FAILED', 'SUBMIT_FAILED', 'DELETE_FAILED', 'KILLED', 'COMPLETED', 'FAILED', 'CANCELED', 'LOST', 'START_FAILED', 'SUCCEEDED', 'STOPPED'].includes(status)) {
+                return
+            }
+            let stopArray = ["KILLED", "FAILED", "START_FAILED", "KILLING", "COMPLETED", "SUCCEEDED", "STOPPED"]
+            $.get(`/api/v1/repos/${repoPath}/${jobID}?version_name=${versionname}`, (data) => {
+                //$(`#${versionname}-duration-span`).text(data.JobDuration)
+                $(`#${versionname}-status-span span`).text(data.JobStatus)
+                $(`#${versionname}-status-span i`).attr("class", data.JobStatus)
+                // detail status and duration
+                //$('#'+versionname+'-duration').text(data.JobDuration)
+                $('#' + versionname + '-status').text(data.JobStatus)
+                if (stopArray.includes(data.JobStatus)) {
+                    $('#' + versionname + '-stop').addClass('disabled')
+                }
+                if (data.JobStatus === "COMPLETED") {
+                    $('#' + versionname + '-create-model').removeClass('disabled').addClass('blue')
+                }
+            }).fail(function (err) {
                 console.log(err);
             });
         });
     };
-    function assertDelete(obj,versionName,repoPath) {
+
+
+    function assertDelete(obj, versionName, repoPath) {
         if (obj.style.color == "rgb(204, 204, 204)") {
             return
         } else {
@@ -66,19 +105,19 @@ export default async function initCloudrain() {
             let flag = 1;
             $('.ui.basic.modal')
                 .modal({
-                    onDeny: function() {
+                    onDeny: function () {
                         flag = false
                     },
-                    onApprove: function() {
-                        if(!versionName){
+                    onApprove: function () {
+                        if (!versionName) {
                             document.getElementById(delId).submit()
                         }
-                        else{
-                            deleteVersion(versionName,repoPath)
+                        else {
+                            deleteVersion(versionName, repoPath)
                         }
                         flag = true
                     },
-                    onHidden: function() {
+                    onHidden: function () {
                         if (flag == false) {
                             $('.alert').html('您已取消操作').removeClass('alert-success').addClass('alert-danger').show().delay(1500).fadeOut();
                         }
@@ -87,157 +126,156 @@ export default async function initCloudrain() {
                 .modal('show')
         }
     }
-    function deleteVersion(versionName,repoPath){
+    function deleteVersion(versionName, repoPath) {
         const url = `/api/v1/repos/${repoPath}`
-        $.post(url,{version_name:versionName},(data)=>{
-            if(data.StatusOK===0){
+        $.post(url, { version_name: versionName }, (data) => {
+            if (data.StatusOK === 0) {
                 location.reload()
             }
-        }).fail(function(err) {
-            console.log(err);	            
+        }).fail(function (err) {
+            console.log(err);
         });
     }
-    $('.ui.basic.ai_delete').click(function() {
+    $('.ui.basic.ai_delete').click(function () {
         const repoPath = this.dataset.repopath
         const versionName = this.dataset.version
-        if(repoPath && versionName){
-            assertDelete(this,versionName,repoPath)
+        if (repoPath && versionName) {
+            assertDelete(this, versionName, repoPath)
         }
-        else{
+        else {
             assertDelete(this)
         }
     })
-    function stopDebug(ID,stopUrl){
+    function stopDebug(ID, stopUrl) {
         $.ajax({
-            type:"POST",
-            url:stopUrl,
-            data:$('#stopForm-'+ID).serialize(),
-            success:function(res){
-                if(res.result_code==="0"){
-                    $('#' + ID+'-icon').removeClass().addClass(res.status)
-                    $('#' + ID+ '-text').text(res.status)
-                    if(res.status==="STOPPED"){
-                        $('#ai-debug-'+ID).removeClass('disabled').addClass('blue').text(debug_again_button).css("margin","0")
-                        $('#ai-image-'+ID).removeClass('blue').addClass('disabled')
-                        $('#ai-model-debug-'+ID).removeClass('blue').addClass('disabled')
-                        $('#ai-delete-'+ID).removeClass('disabled').addClass('blue')
-                        $('#ai-stop-'+ID).removeClass('blue').addClass('disabled')
+            type: "POST",
+            url: stopUrl,
+            data: $('#stopForm-' + ID).serialize(),
+            success: function (res) {
+                if (res.result_code === "0") {
+                    $('#' + ID + '-icon').removeClass().addClass(res.status)
+                    $('#' + ID + '-text').text(res.status)
+                    if (res.status === "STOPPED") {
+                        $('#ai-debug-' + ID).removeClass('disabled').addClass('blue').text(debug_again_button).css("margin", "0")
+                        $('#ai-image-' + ID).removeClass('blue').addClass('disabled')
+                        $('#ai-model-debug-' + ID).removeClass('blue').addClass('disabled')
+                        $('#ai-delete-' + ID).removeClass('disabled').addClass('blue')
+                        $('#ai-stop-' + ID).removeClass('blue').addClass('disabled')
                     }
-                    else{
-                        $('#ai-debug-'+ID).removeClass('blue').addClass('disabled')
-                        $('#ai-stop-'+ID).removeClass('blue').addClass('disabled')
+                    else {
+                        $('#ai-debug-' + ID).removeClass('blue').addClass('disabled')
+                        $('#ai-stop-' + ID).removeClass('blue').addClass('disabled')
                     }
-                    
-                }else{
+
+                } else {
                     $('.alert').html(res.error_msg).removeClass('alert-success').addClass('alert-danger').show().delay(2000).fadeOut();
                 }
             },
-            error :function(res){
+            error: function (res) {
                 console.log(res)
-        
+
             }
         })
     }
-    $('.ui.basic.ai_stop').click(function() {
+    $('.ui.basic.ai_stop').click(function () {
         const ID = this.dataset.jobid
         const repoPath = this.dataset.repopath
-        stopDebug(ID,repoPath)
+        stopDebug(ID, repoPath)
     })
 
-    function stopVersion(version_name,ID,repoPath){
+    function stopVersion(version_name, ID, repoPath) {
         const url = `/api/v1/repos/${repoPath}/${ID}/stop_version`
-        $.post(url,{version_name:version_name},(data)=>{
-            if(data.StatusOK===0){
-                $('#ai-stop-'+ID).removeClass('blue')
-                $('#ai-stop-'+ID).addClass('disabled')
-                refreshStatus(version_name,ID,repoPath)
+        $.post(url, { version_name: version_name }, (data) => {
+            if (data.StatusOK === 0) {
+                $('#ai-stop-' + ID).removeClass('blue')
+                $('#ai-stop-' + ID).addClass('disabled')
+                refreshStatus(version_name, ID, repoPath)
             }
-        }).fail(function(err) {
-            console.log(err);	            
+        }).fail(function (err) {
+            console.log(err);
         });
     }
-    function refreshStatus(version_name,ID,repoPath){
-    
+    function refreshStatus(version_name, ID, repoPath) {
+
         const url = `/api/v1/repos/${repoPath}/${ID}/?version_name${version_name}`
-        $.get(url,(data)=>{
-            $(`#${ID}-icon`).attr("class",data.JobStatus)
+        $.get(url, (data) => {
+            $(`#${ID}-icon`).attr("class", data.JobStatus)
             // detail status and duration
             $(`#${ID}-text`).text(data.JobStatus)
-            if(["STOPPED","FAILED","START_FAILED","KILLED","COMPLETED","SUCCEEDED"].includes(data.JobStatus)){
-                $('#ai-delete-'+ID).removeClass('disabled').addClass('blue')
+            if (["STOPPED", "FAILED", "START_FAILED", "KILLED", "COMPLETED", "SUCCEEDED"].includes(data.JobStatus)) {
+                $('#ai-delete-' + ID).removeClass('disabled').addClass('blue')
             }
-        }).fail(function(err) {
+        }).fail(function (err) {
             console.log(err);
         });
     }
-    $('.ui.basic.ai_stop_version').click(function() {
+    $('.ui.basic.ai_stop_version').click(function () {
         const ID = this.dataset.jobid
         const repoPath = this.dataset.repopath
         const versionName = this.dataset.version
-        stopVersion(versionName,ID,repoPath)
+        stopVersion(versionName, ID, repoPath)
     })
-    function getModelInfo(repoPath,modelName,versionName,jobName){
-        $.get(`${repoPath}/modelmanage/show_model_info_api?name=${modelName}`,(data)=>{
-            if(data.length===0){
+    function getModelInfo(repoPath, modelName, versionName, jobName) {
+        $.get(`${repoPath}/modelmanage/show_model_info_api?name=${modelName}`, (data) => {
+            if (data.length === 0) {
                 $(`#${jobName}`).popup('toggle')
-            }else{
-                let versionData = data.filter((item)=>{
+            } else {
+                let versionData = data.filter((item) => {
                     return item.Version === versionName
                 })
-                if(versionData.length==0){
+                if (versionData.length == 0) {
                     $(`#${jobName}`).popup('toggle')
                 }
-                else{
+                else {
                     location.href = `${repoPath}/modelmanage/show_model_info?name=${modelName}`
                 }
             }
         })
     }
-    $('.goto_modelmanage').click(function() {
+    $('.goto_modelmanage').click(function () {
         const repoPath = this.dataset.repopath
         const modelName = this.dataset.modelname
         const versionName = this.dataset.version
         const jobName = this.dataset.jobname
-        getModelInfo(repoPath,modelName,versionName,jobName)
+        getModelInfo(repoPath, modelName, versionName, jobName)
     })
-    function debugAgain(ID,debugUrl,redirect_to){
-        if($('#' + ID+ '-text').text()==="RUNNING"){
-            window.open(debugUrl+'debug')
-        }else{
+    function debugAgain(ID, debugUrl, redirect_to) {
+        if ($('#' + ID + '-text').text() === "RUNNING") {
+            window.open(debugUrl + 'debug')
+        } else {
             $.ajax({
-                type:"POST",
-                url:debugUrl+'restart?redirect_to='+redirect_to,
-                data:$('#debugAgainForm-'+ID).serialize(),
-                success:function(res){
-                    if(res['WechatRedirectUrl']){
-                        window.location.href=res['WechatRedirectUrl']
+                type: "POST",
+                url: debugUrl + 'restart?redirect_to=' + redirect_to,
+                data: $('#debugAgainForm-' + ID).serialize(),
+                success: function (res) {
+                    if (res['WechatRedirectUrl']) {
+                        window.location.href = res['WechatRedirectUrl']
                     }
-                    else if(res.result_code==="0"){
-                        if(res.id!==ID){
+                    else if (res.result_code === "0") {
+                        if (res.id !== ID) {
                             location.reload()
-                        }else{
-                            $('#' + ID+'-icon').removeClass().addClass(res.status)
-                            $('#' + ID+ '-text').text(res.status)
-                            $('#ai-debug-'+ID).removeClass('blue').addClass('disabled')
-                            $('#ai-delete-'+ID).removeClass('blue').addClass('disabled')
-                            $('#ai-debug-'+ID).text(debug_button).css("margin","0 1rem")
+                        } else {
+                            $('#' + ID + '-icon').removeClass().addClass(res.status)
+                            $('#' + ID + '-text').text(res.status)
+                            $('#ai-debug-' + ID).removeClass('blue').addClass('disabled')
+                            $('#ai-delete-' + ID).removeClass('blue').addClass('disabled')
+                            $('#ai-debug-' + ID).text(debug_button).css("margin", "0 1rem")
                         }
-                    }else{
+                    } else {
                         $('.alert').html(res.error_msg).removeClass('alert-success').addClass('alert-danger').show().delay(2000).fadeOut();
                     }
                 },
-                error :function(res){
+                error: function (res) {
                     console.log(res)
                 }
             })
         }
     }
-    $('.ui.basic.ai_debug').click(function() {
+    $('.ui.basic.ai_debug').click(function () {
         const ID = this.dataset.jobid
         const repoPath = this.dataset.repopath
         const redirect_to = this.dataset.linkpath
-        debugAgain(ID,repoPath,redirect_to)
+        debugAgain(ID, repoPath, redirect_to)
     })
 }
 
-    
\ No newline at end of file