From 8faafeb13662ec326ec01d732035edeb70d0bc45 Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Wed, 17 Nov 2021 17:04:09 +0800
Subject: [PATCH] fix issue

---
 templates/repo/modelarts/trainjob/show.tmpl | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/templates/repo/modelarts/trainjob/show.tmpl b/templates/repo/modelarts/trainjob/show.tmpl
index 780463920..8ba8a8c60 100755
--- a/templates/repo/modelarts/trainjob/show.tmpl
+++ b/templates/repo/modelarts/trainjob/show.tmpl
@@ -22,6 +22,7 @@
     vertical-align: middle;
     display: inline-block;
     width: calc(100% - 32px);
+    cursor: default;
 }
 .acc-margin-bottom {
     margin-bottom: 5px;
@@ -140,6 +141,15 @@ td, th {
     width: 100px;
     line-height: 30px;
 }
+.border-according{
+    border: 1px solid #dfe1e6;
+}
+.disabled {
+        cursor: default;
+        pointer-events: none;
+        color: rgba(0,0,0,.6) !important;
+        opacity: .45 !important;
+    }
 </style>
 <div class="repository">
 {{template "repo/header" .}}
@@ -148,7 +158,7 @@ td, th {
             <a href="javascript:window.history.back();"><i class="arrow left icon"></i>返回</a>
         </h4>
         {{range $k ,$v := .version_list_task}}
-        <div class="ui accordion">
+        <div class="ui accordion border-according">
             <div class="title padding0">
                 <div class="according-panel-heading">
                     <div class="accordion-panel-title">
@@ -158,9 +168,9 @@ td, th {
                                 <div style="float: right;">
                                     <a class="ti-action-menu-item">创建模型</a>
                                     <a class="ti-action-menu-item" href="{{$.RepoLink}}/modelarts/train-job/{{.JobID}}/create_version?version_name={{.VersionName}}">修改</a>
-                                    <a class="ti-action-menu-item" onclick="stopVersion({{.VersionName}})">停止</a>
-                                    <a class="ti-action-menu-item" href="{{$.Link}}/models?version_name={{.VersionName}}" target="_blank">模型下载</a>
-                                    <a class="ti-action-menu-item" onclick="deleteVersion({{.VersionName}})" style="color: #FF4D4F;">删除</a>
+                                    <a class="ti-action-menu-item {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED"}}disabled {{end}}" onclick="stopVersion({{.VersionName}})">停止</a>
+                                    <a class="ti-action-menu-item {{if ne .Status "COMPLETED"}}disabled {{end}}" href="{{$.Link}}/models?version_name={{.VersionName}}" target="_blank">模型下载</a>
+                                    <a class="ti-action-menu-item {{if ne .Status "COMPLETED"}}disabled {{end}}" onclick="deleteVersion({{.VersionName}})" style="color: #FF4D4F;">删除</a>
                                 </div>
                                 <div class="ac-display-inblock title_text acc-margin-bottom">
                                     
@@ -172,7 +182,7 @@ td, th {
                                     </span>
                                     <span class="ac-text-normal title_text">运行时间：</span>
                                     <span class="cti-mgRight-sm uc-accordionTitle-black" id="{{.VersionName}}-duration-span">{{.TrainJobDuration}}</span>
-                                    <span data-tooltip="刷新" data-inverted="" onclick="refreshStatus({{.VersionName}})"><i class="redo icon redo-color"></i></span>
+                                    <span data-tooltip="刷新" style="cursor: pointer;" data-inverted="" onclick="refreshStatus({{.VersionName}})"><i class="redo icon redo-color"></i></span>
 
                                 </div>
                             </span>
@@ -407,9 +417,9 @@ td, th {
     $('.menu .item').tab()
     // $('.ui.style.accordion').accordion();
 
-    // $(document).ready(function(){
-    // $('.ui.accordion').accordion({selector:{trigger:'.icon'}});
-    // });
+    $(document).ready(function(){
+    $('.ui.accordion').accordion({selector:{trigger:'.icon'}});
+    });
     $(document).ready(function(){
         $('.secondary.menu .item').tab();
     });