diff --git a/templates/repo/modelmanage/convertshowinfo.tmpl b/templates/repo/modelmanage/convertshowinfo.tmpl
index e50e4c557..12201bfe7 100644
--- a/templates/repo/modelmanage/convertshowinfo.tmpl
+++ b/templates/repo/modelmanage/convertshowinfo.tmpl
@@ -426,7 +426,10 @@ td, th {
                             <div class="ui message message" style="display: none;">
                                 <div id="header"></div>
                             </div>
-                            <div class="ui attached  log"  id="log" style="height: 300px !important; overflow: auto;">
+                            <div class="ui attached log"  id="log" style="height: 300px !important; overflow: auto;">
+                                <div class="ui inverted active dimmer">
+                                    <div class="ui loader"></div>
+                                </div>
                                 <input type="hidden"  name="end_line">
                                 <input type="hidden"  name="start_line">
                                 <pre id="log_file"></pre>
@@ -517,15 +520,22 @@ td, th {
     $(document).ready(loadJobStatus);
 
     function loadLog(version_name){
-        document.getElementById("mask").style.display = "block"
+        $('.log .ui.inverted.active.dimmer').css({
+            "background-color": "#fff",
+            "display": "block",
+        });
         $.get(`/api/v1/repos/${userName}/${repoPath}/modelmanage/${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`).text(data.Content)
-            document.getElementById("mask").style.display = "none"
+            $('.log .ui.inverted.active.dimmer').css({
+                "display": "none",
+            });
         }).fail(function(err) {
             console.log(err);
-            document.getElementById("mask").style.display = "none"
+            $('.log .ui.inverted.active.dimmer').css({
+                "display": "none",
+            });
         });
     }
     function loadModelFile(version_name,parents,filename,init){