fix issue

options/locale/locale_zh-CN.ini

@@ -839,7 +839,7 @@ modelarts.train_job.new_place=描述字数不超过256个字符
 modelarts.model_name=模型名称
 modelarts.model_size=模型大小
 modelarts.import_model=导入模型
-modelarts.train_job.new_place=描述字数不超过255个字符
+modelarts.train_job.label_place=输入标签，多个标签用空格区分
 modelarts.modify=修改
 modelarts.current_version=当前版本
 modelarts.parent_version=父版本

templates/repo/modelmanage/index.tmpl

@@ -10,6 +10,10 @@
 .content-padding{
     padding: 40px !important;
 }
+.model_disabled{
+    background-color: rgba(245, 245, 246, 100) !important;
+    color: rgba(136, 136, 136, 100) !important;
+}
 </style>
 <!-- 弹窗 -->
 <div id="mask">
@@ -82,7 +86,7 @@
 <div id="newmodel">
     <div class="ui modal second">
         <div class="header" style="padding: 1rem;background-color: rgba(240, 240, 240, 100);">
-            <h4>导入新模型</h4>
+            <h4 id="model_header"></h4>
         </div>
         <div class="content content-padding">
             <form id="formId" method="POST" class="ui form">
@@ -125,11 +129,11 @@
                 </div>
                 <div class="inline field">
                     <label>模型标签</label>
-                    <input style="width: 83%;margin-left: 7px;" name="Label" maxlength="255">
+                    <input style="width: 83%;margin-left: 7px;" 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>
+                    <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;">
@@ -167,6 +171,8 @@
         .modal({
             centered: false,
             onShow:function(){
+                $('#model_header').text("导入新模型")
+                $('input[name="Version"]').addClass('model_disabled')
                 $('.ui.dimmer').css({"background-color":"rgb(136, 136, 136,0.7)"})
                 $("#job-name").empty()
                 createModelName()
@@ -233,67 +239,67 @@
         })
     }
 
-    function check(){
-        let jobid = document.getElementById("JobId").value
-        let versionname = document.getElementById("VersionName").value
-        let name= document.getElementById("name").value
-        let version= document.getElementById("version").value
-        if(jobid==""){
-            $(".required.ten.wide.field").addClass("error")
-            return false
-        }else{
-            $(".required.ten.wide.field").removeClass("error")
-        }
-        if(versionname==""){
-            $(".required.six.widde.field").addClass("error")
-            return false
-        }else{
-            $(".required.six.widde.field").removeClass("error")
-        }
-        if(name==""){
-            $("#modelname").addClass("error")
-            return false
-        }else{
-            $("#modelname").removeClass("error")
-        }
-        if(versionname==""){
-            $("#verionname").addClass("error")
-            return false
-        }else{
-            $("#verionname").removeClass("error")
-        }
-        return true
+    // function check(){
+    //     let jobid = document.getElementById("JobId").value
+    //     let versionname = document.getElementById("VersionName").value
+    //     let name= document.getElementById("name").value
+    //     let version= document.getElementById("version").value
+    //     if(jobid==""){
+    //         $(".required.ten.wide.field").addClass("error")
+    //         return false
+    //     }else{
+    //         $(".required.ten.wide.field").removeClass("error")
+    //     }
+    //     if(versionname==""){
+    //         $(".required.six.widde.field").addClass("error")
+    //         return false
+    //     }else{
+    //         $(".required.six.widde.field").removeClass("error")
+    //     }
+    //     if(name==""){
+    //         $("#modelname").addClass("error")
+    //         return false
+    //     }else{
+    //         $("#modelname").removeClass("error")
+    //     }
+    //     if(versionname==""){
+    //         $("#verionname").addClass("error")
+    //         return false
+    //     }else{
+    //         $("#verionname").removeClass("error")
+    //     }
+    //     return true
         
-    }
+    // }
     
-    $('#submitId').click(function(){
-        let flag=check()
-        if(flag){
-            let data = $("#formId").serialize()
-            $("#mask").css({"display":"block","z-index":"9999"})
-            $.ajax({
-                url:url_href,
-                type:'POST',
-                data:data,
-                success:function(res){
-                    $('.ui.modal.second').modal('hide')
-                    window.location.href=location.href
-                },
-                error: function(xhr){
-                // 隐藏 loading
-                // 只有请求不正常（状态码不为200）才会执行
-                    console.log("-------------",xhr)
-                    $('.ui.error.message').text(xhr.responseText)
-                    $('.ui.error.message').css('display','block')
-                },
-                complete:function(xhr){
-                    $("#mask").css({"display":"none","z-index":"1"})
-                }
-            })
-        }else{
-            return false
-        }
+    // $('#submitId').click(function(){
+    //     let flag=check()
+    //     if(flag){
+    //         let data = $("#formId").serialize()
+    //         $("#mask").css({"display":"block","z-index":"9999"})
+    //         $.ajax({
+    //             url:url_href,
+    //             type:'POST',
+    //             data:data,
+    //             success:function(res){
+    //                 $('.ui.modal.second').modal('hide')
+    //                 window.location.href=location.href
+    //             },
+    //             error: function(xhr){
+    //             // 隐藏 loading
+    //             // 只有请求不正常（状态码不为200）才会执行
+    //                 console.log("-------------",xhr)
+    //                 $('.ui.error.message').text(xhr.responseText)
+    //                 $('.ui.error.message').css('display','block')
+    //             },
+    //             complete:function(xhr){
+    //                 $("#mask").css({"display":"none","z-index":"1"})
+    //             }
+    //         })
+    //     }else{
+    //         return false
+    //     }
         
-    })  
+    // })  
 </script>
 

templates/repo/modelmanage/showinfo.tmpl

@@ -78,6 +78,61 @@
             </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">模型名称</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">版本</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">标签</td>
+                            <td class="ti-text-form-content word-elipsis"><span id="Label" title=""></span></td>
+                        </tr>
+                        <tr>
+                            <td class="ti-text-form-label text-width80">大小</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">创建时间</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">模型描述</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)"></div></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <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">准确率</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">精确率</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">召回率</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>
 </div>
@@ -91,10 +146,9 @@ function changeInfo(version){
         let versionData = data.filter((item)=>{
             return item.Version === version
         })
-        let initObj = transObj(versionData)[0]
-        let initModelAcc = transObj(versionData)[1]
-        let id= transObj(data)[2]
-        $('#showInfo').empty()
+        let returnArray = []
+        returnArray = transObj(versionData)
+        let [initObj,initModelAcc,id] = returnArray
         renderInfo(initObj,initModelAcc,id)
     })
 }
@@ -105,9 +159,9 @@ function loadInfo(){
             html += `<option value="${data[i].Version}">${data[i].Version}</option>`
         }
         $('#dropdown').append(html)
-        let initObj = transObj(data)[0]
-        let initModelAcc = transObj(data)[1]
-        let id= transObj(data)[2]
+        let returnArray = []
+        returnArray = transObj(data)
+        let [initObj,initModelAcc,id] = returnArray
         renderInfo(initObj,initModelAcc,id)
     })
 }
@@ -155,12 +209,14 @@ function tranSize(value){
     size=size.toFixed(2);//保留的小数位数
     return size+unitArr[index];
 }
-function editorFn(text,id){
+function editorFn(context){
+    let id= context.dataset.id
+    let text = context.dataset.desc
     $('#edit-td').replaceWith("<div id='edit-div' style='width:80%;display: inline-block;'><textarea id='textarea-value' rows='3' maxlength='255' style='width:80%;' id='edit-text'></textarea><i class='check icon' style='color: #50d4ab;' onclick='editorSure(\"" + text + "\",\"" + id + "\")'></i><i class='times icon' style='color: #f66f6a;' onclick='editorCancel(\"" + text + "\",\"" + id + "\")'></i></div>");
     
 }
 function editorCancel(text,id){
-    $('#edit-div').replaceWith('<div id="edit-td" style="display:flex;"><span title="\'' + text + '\'" class="iword-elipsis">'+text+'</span><i class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(\'' + text + '\',\'' + id + '\')"></div>')
+    $('#edit-div').replaceWith(`<div id="edit-td" style="display:flex;"><span id="Description" title="${text}" class="iword-elipsis">${text}</span><i id="edit-pencil" data-id="${id}" data-desc="${text}" class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(this)"></div>`)
 }
 function editorSure(text,id){
     let description=$('#textarea-value').val()
@@ -173,46 +229,66 @@ function editorSure(text,id){
         type:'PUT',
         data:data
     }).done((res)=>{
-        $('#edit-div').replaceWith('<div id="edit-td" style="display:flex;"><span title="\'' + description + '\'" class="iword-elipsis">'+description+'</span><i class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(\'' + description + '\',\'' + id + '\')"></div>')
+        $('#edit-div').replaceWith(`<div id="edit-td" style="display:flex;"><span id="Description" title="${description}" class="iword-elipsis">${description}</span><i id="edit-pencil" data-id="${id}" data-desc="${description}" class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(this)"></div>`)
     })
 
 }
 function renderInfo(obj,accObj,id){
-    let html = ''
-    html += '<div class="half-table">'
-    html += '<span class="model_header_text">基本信息</span>'
-    html += '<table class="tableStyle" style="margin-top:20px;">'
-    html += '<tbody>'
     for(let key in obj){
-        html += '<tr style="font-size: 12px;">'
-        html += `<td class="ti-text-form-label text-width80">${key}</td>`
         if(key==="Description"){
-            let description = obj[key]
-            html += '<td class="ti-text-form-content" ><div id="edit-td" style="display:flex"><span title="\'' + description + '\'" class="iword-elipsis">'+description+'</span><i class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(\'' + description + '\',\'' + id + '\')"></div></td>'
+            $(`#${key}`).text(obj[key])
+            $(`#${key}`).attr("title",obj[key])
+
+            $('#edit-pencil').attr("data-id",id)
+            $('#edit-pencil').attr("data-desc",obj[key])
+
+
+
         }else{
-            html += `<td class="ti-text-form-content word-elipsis"><span title="${obj[key]}">${obj[key]}</span></td>`
+            $(`#${key}`).text(obj[key])
+            $(`#${key}`).attr("title",obj[key])
         }
-        html += '</tr>'
+        
     }
-
-    html += '</tbody>'
-    html += '</table>'
-    html += '</div>'
-    html += '<div class="half-table">'
-    html += '<span class="model_header_text">模型精度</span>'
-    html += '<table class="tableStyle" style="margin-top:20px;">'
-    html += '<tbody>'
     for(let key in accObj){
-        html += '<tr style="font-size: 12px;">'
-        html += `<td class="ti-text-form-label text-width80">${key}</td>`
-        html += `<td class="ti-text-form-content word-elipsis">${accObj[key]}</td>`
-        html += '</tr>'
-    }
-    html += '</tbody>'
-    html += '</table>'
-    html += '</div>'
-    html += '<div style="clear: both;"></div>'
-    $('#showInfo').append(html)
+        $(`#${key}`).text(accObj[key])
+        $(`#${key}`).attr("title",accObj[key])
+    }
+    // let html = ''
+    // html += '<div class="half-table">'
+    // html += '<span class="model_header_text">基本信息</span>'
+    // html += '<table class="tableStyle" style="margin-top:20px;">'
+    // html += '<tbody>'
+    // for(let key in obj){
+    //     html += '<tr style="font-size: 12px;">'
+    //     html += `<td class="ti-text-form-label text-width80">${key}</td>`
+    //     if(key==="Description"){
+    //         let description = obj[key]
+    //         html += '<td class="ti-text-form-content" ><div id="edit-td" style="display:flex"><span title="\'' + description + '\'" class="iword-elipsis">'+description+'</span><i class="pencil alternate icon" style="cursor:pointer;vertical-align: top;" id="editor" onclick="editorFn(\'' + description + '\',\'' + id + '\')"></div></td>'
+    //     }else{
+    //         html += `<td class="ti-text-form-content word-elipsis"><span title="${obj[key]}">${obj[key]}</span></td>`
+    //     }
+    //     html += '</tr>'
+    // }
+
+    // html += '</tbody>'
+    // html += '</table>'
+    // html += '</div>'
+    // html += '<div class="half-table">'
+    // html += '<span class="model_header_text">模型精度</span>'
+    // html += '<table class="tableStyle" style="margin-top:20px;">'
+    // html += '<tbody>'
+    // for(let key in accObj){
+    //     html += '<tr style="font-size: 12px;">'
+    //     html += `<td class="ti-text-form-label text-width80">${key}</td>`
+    //     html += `<td class="ti-text-form-content word-elipsis">${accObj[key]}</td>`
+    //     html += '</tr>'
+    // }
+    // html += '</tbody>'
+    // html += '</table>'
+    // html += '</div>'
+    // html += '<div style="clear: both;"></div>'
+    // $('#showInfo').append(html)
 }
 
 </script>

web_src/js/components/Model.vue

@@ -149,7 +149,8 @@ export default {
       fullscreenLoading: false,
       url:'',
       isLoading:true,
-      loadNodeMap:new Map()
+      loadNodeMap:new Map(),
+      submitId:{}
     };
   },
   methods: {
@@ -191,6 +192,9 @@ export default {
         .modal({
             centered: false,
             onShow:function(){
+                $('#model_header').text("创建模型新版本")
+                $('input[name="Name"]').addClass('model_disabled')
+                $('input[name="Version"]').addClass('model_disabled')
                 $('.ui.dimmer').css({"background-color":"rgb(136, 136, 136,0.7)"})
                 $("#job-name").empty()
                 $('#name').val(name)
@@ -207,6 +211,68 @@ export default {
         })
         .modal('show')
     },
+    check(){
+        let jobid = document.getElementById("JobId").value
+        let versionname = document.getElementById("VersionName").value
+        let name= document.getElementById("name").value
+        let version= document.getElementById("version").value
+        if(jobid==""){
+            $(".required.ten.wide.field").addClass("error")
+            return false
+        }else{
+            $(".required.ten.wide.field").removeClass("error")
+        }
+        if(versionname==""){
+            $(".required.six.widde.field").addClass("error")
+            return false
+        }else{
+            $(".required.six.widde.field").removeClass("error")
+        }
+        if(name==""){
+            $("#modelname").addClass("error")
+            return false
+        }else{
+            $("#modelname").removeClass("error")
+        }
+        if(versionname==""){
+            $("#verionname").addClass("error")
+            return false
+        }else{
+            $("#verionname").removeClass("error")
+        }
+        return true
+        
+    },
+    submit(){
+        let context = this
+        let flag= this.check()
+        console.log(flag)
+        if(flag){
+            let data = $("#formId").serialize()
+            $("#mask").css({"display":"block","z-index":"9999"})
+            $.ajax({
+                url:url_href,
+                type:'POST',
+                data:data,
+                success:function(res){
+                    $('.ui.modal.second').modal('hide')
+                    console.log(res)
+                },
+                error: function(xhr){
+                // 隐藏 loading
+                // 只有请求不正常（状态码不为200）才会执行
+                    console.log("-------------",xhr,context)
+                    $('.ui.error.message').text(xhr.responseText)
+                    $('.ui.error.message').css('display','block')
+                },
+                complete:function(xhr){
+                    $("#mask").css({"display":"none","z-index":"1"})
+                }
+            })
+        }else{
+            return false
+        }
+    },
     
     deleteModel(id,name){
         let tree={cName:name}
@@ -314,10 +380,15 @@ export default {
         
   },
   mounted() {
+    this.submitId = document.getElementById("submitId")
     this.getModelList()
     this.url = location.href.split('show_model')[0]
-  }
+    this.submitId.addEventListener("click", this.submit)
+  },
 
+  beforeDestroy() {  // 实例销毁之前对点击事件进行解绑
+    this.submitId.removeEventListener('click', this.submit);
+  }
 };
 </script>