fix issue

templates/repo/modelmanage/showinfo.tmpl

@@ -78,100 +78,113 @@
             </select>
         </h4>
         <div id="showInfo" style="border:1px solid #e2e2e2;padding: 20px 60px;margin-top:24px">
-            <div class="half-table">
-                <span class="model_header_text">基本信息</span>
-                <table class="tableStyle" style="margin-top:20px;">
-                    <tbody>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.model_name"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="ModelName" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.version"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="Version" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.migrate_items_labels"}}</td>
-                            <td class="ti-text-form-content">
-                                <div id="Label" style="overflow: hidden;width: 95%;">
+            <div class="ui pointing secondary menu" style="border-bottom: 1px solid rgba(34,36,38,.15);">
+                
+                <a class="active item" data-tab="first">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>
+                
+                <a class="item" data-tab="second">{{$.i18n.Tr "repo.model_download"}}</a>
+            </div>
+            <div class="ui tab active" data-tab="first">
+                <div class="half-table">
+                    <span class="model_header_text">基本信息</span>
+                    <table class="tableStyle" style="margin-top:20px;">
+                        <tbody>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.model_name"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="ModelName" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.version"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="Version" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.migrate_items_labels"}}</td>
+                                <td class="ti-text-form-content">
+                                    <div id="Label" style="overflow: hidden;width: 95%;">
+                                        
+                                    </div>
                                     
-                                </div>
-                                
-
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.model_size"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="Size" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.createtime"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="CreateTime" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.description"}}</td>
-                            <td class="ti-text-form-content" >
-                                <div id="edit-td" style="display:flex">
-                                    <span id="Description" title="" class="iword-elipsis"></span>
-                                    <i id="edit-pencil" data-id="" data-desc="" class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(this)"></i>
-                                </div>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.code_version"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="CodeBranch" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.start_file"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="BootFile" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.train_dataset"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="DatasetName" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="Parameters" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.AI_driver"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="EngineName" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.standard"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="FlavorName" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.compute_node"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="WorkServerNumber" title=""></span></td>
-                        </tr>
-                    </tbody>
-                </table>
+    
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.model_size"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="Size" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.createtime"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="CreateTime" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.description"}}</td>
+                                <td class="ti-text-form-content" >
+                                    <div id="edit-td" style="display:flex">
+                                        <span id="Description" title="" class="iword-elipsis"></span>
+                                        <i id="edit-pencil" data-id="" data-desc="" class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(this)"></i>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.code_version"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="CodeBranch" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.start_file"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="BootFile" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.train_dataset"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="DatasetName" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="Parameters" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.AI_driver"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="EngineName" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.standard"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="FlavorName" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.modelarts.train_job.compute_node"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="WorkServerNumber" title=""></span></td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div class="half-table">
+                    <span class="model_header_text">{{$.i18n.Tr "repo.model.manage.model_accuracy"}}</span>
+                    <table class="tableStyle" style="margin-top:20px;">
+                        <tbody>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Accuracy"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="Accuracy" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">F1</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="F1" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Precision"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="Precision" title=""></span></td>
+                            </tr>
+                            <tr>
+                                <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Recall"}}</td>
+                                <td class="ti-text-form-content word-elipsis"><span id="Recall" title=""></span></td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div style="clear: both;"></div>
             </div>
-            <div class="half-table">
-                <span class="model_header_text">{{$.i18n.Tr "repo.model.manage.model_accuracy"}}</span>
-                <table class="tableStyle" style="margin-top:20px;">
-                    <tbody>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Accuracy"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="Accuracy" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">F1</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="F1" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Precision"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="Precision" title=""></span></td>
-                        </tr>
-                        <tr>
-                            <td class="ti-text-form-label text-width80">{{$.i18n.Tr "repo.model.manage.Recall"}}</td>
-                            <td class="ti-text-form-content word-elipsis"><span id="Recall" title=""></span></td>
-                        </tr>
-                    </tbody>
-                </table>
+            <div class="ui tab" data-tab="second">
+                <div>asdasasdasd</div>
+
             </div>
-            <div style="clear: both;"></div>
+            
         </div>
     </div>
 </div>
@@ -179,6 +192,9 @@
 <script>
 let url = location.href.split('show_model')[0]
 let ID = location.search.split('?name=').pop()
+$(document).ready(function(){
+    $('.secondary.menu .item').tab();
+});
 $(document).ready(loadInfo);
 function changeInfo(version){
     $.get(`${url}show_model_info_api?name=${ID}`,(data)=>{