From 043693ff77348b8fd7bed93788a813e205dcebad Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Fri, 3 Dec 2021 16:38:19 +0800
Subject: [PATCH] fix issue

---
 templates/repo/modelmanage/index.tmpl    |  2 +-
 templates/repo/modelmanage/showinfo.tmpl | 58 ++++++++++++++++++++++++
 web_src/js/components/Model.vue          |  8 +++-
 3 files changed, 65 insertions(+), 3 deletions(-)

diff --git a/templates/repo/modelmanage/index.tmpl b/templates/repo/modelmanage/index.tmpl
index c76b726ce..e58eaf2f0 100644
--- a/templates/repo/modelmanage/index.tmpl
+++ b/templates/repo/modelmanage/index.tmpl
@@ -28,7 +28,7 @@
 <div class="repository release dataset-list view">
     {{template "repo/header" .}}
     <!-- 列表容器 -->
-    <div class="ui container">
+    <div class="ui container loading">
         {{template "base/alert" .}}
         <div class="ui two column stackable grid ">
             <div class="column"></div>
diff --git a/templates/repo/modelmanage/showinfo.tmpl b/templates/repo/modelmanage/showinfo.tmpl
index c1e353237..f1df4ec6b 100644
--- a/templates/repo/modelmanage/showinfo.tmpl
+++ b/templates/repo/modelmanage/showinfo.tmpl
@@ -1,6 +1,64 @@
 {{template "base/head" .}}
 <div class="repository">
     {{template "repo/header" .}}
+    <style>
+    .model_header_text{
+        font-size: 14px;
+        color: #101010;
+        font-weight: bold;
+    }
+    .ti_form{
+        text-align: left;
+        max-width: 100%;
+        vertical-align: middle;
+    }
+    .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;
+    }
+    </style>
     <div class="ui container">
+        <h4 class="ui header" id="vertical-segment">
+                <!-- <a href="javascript:window.history.back();"><i class="arrow left icon"></i>返回</a> -->
+            <div class="ui breadcrumb">
+                <a class="section" href="{{$.RepoLink}}/modelmanage/show_model">
+                    模型管理
+                </a>
+                <div class="divider"> / </div>
+                <div class="active section">{{$.Name}}</div>
+            </div>
+        </h4>
+        <div style="border:1px solid #e2e2e2;padding: 20px 60px;margin-top:24px">
+            <div style="width: 50%;float: left;">
+                <span class="model_header_text">基本信息</span>
+                <table style="margin-top:20px;">
+                    <tbody>
+                        <tr style="font-size: 12px;">
+                            <td class="ti-text-form-label">
+                                模型名称:
+                            </td>
+                            <td class="ti-text-form-content">
+                                Model_asasdas
+                            </td>
+                        </tr>
+                    </tbody>
+
+                </table>
+            </div>
+            <div style="width: 50%;float: left;">
+                <span class="model_header_text">模型精度</span>
+            </div>
+            <div style="clear: both;"></div>
+        </div>
+        
     </div>
 </div>
\ No newline at end of file
diff --git a/web_src/js/components/Model.vue b/web_src/js/components/Model.vue
index 77c746b2f..ec391884a 100644
--- a/web_src/js/components/Model.vue
+++ b/web_src/js/components/Model.vue
@@ -22,7 +22,7 @@
                                     <i class="el-icon-arrow-right"></i>
                                 </div>
                                 <!-- <i class="el-icon-time"></i> -->
-                                <a class="text-over" :title="scope.row.Name">{{ scope.row.Name }}</a>
+                                <a class="text-over" :href="showinfoHref+scope.row.Name+'?ID='+scope.row.ID" :title="scope.row.Name">{{ scope.row.Name }}</a>
                             </template>
                         </el-table-column>
                         <el-table-column
@@ -148,7 +148,8 @@ export default {
       params:{page:0,pageSize:10},
       tableData: [],
       fullscreenLoading: false,
-      url:''
+      url:'',
+      isLoading:true
     };
   },
   methods: {
@@ -245,6 +246,9 @@ export default {
     loadhref(){
         return this.url+'downloadall?ID='
     },
+    showinfoHref(){
+        return this.url + 'show_model_info?name='
+    },
     transTime(){
         return function(time){
             let date = new Date(time * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000