SBOM显示修复

src/views/Jyh/Version/Detail/SBOMDetail.vue

@@ -2,15 +2,15 @@
   <d-layout class="dlayout">
     <d-header class="dheader">
       <div class="title">
-        <h1>openssl</h1>
+        <h1>{{props.selectRow.libraryName || '--'}}</h1>
         <d-icon style="cursor: pointer" name="icon-close" @click="emit('close')"></d-icon>
       </div>
       <div class="sub-title">
         <span>安全漏洞：</span>
-        <span class="val">3</span>
+        <span class="val">{{props.selectRow.lowVulCount || '--'}}</span>
         <span class="split"></span>
         <span>许可证</span>
-        <d-tag color="#3ac295" size="sm" class="ml-2">获准的</d-tag>
+        <d-tag color="#3ac295" size="sm" class="ml-2">{{props.selectRow.licenseName || '--'}}</d-tag>
       </div>
     </d-header>
     <div class="card-box">
@@ -18,13 +18,13 @@
         <d-row :gutter="10">
           <d-col :span="24" class="flex">
             <label style="flex: 0.2">简介</label>
-            <p>request</p>
+            <p>{{'--'}}</p>
           </d-col>
         </d-row>
         <d-row :gutter="10">
           <d-col :span="24" class="flex">
             <label style="flex: 0.2">关联漏洞编号</label>
-            <p>CNVD-201105-215</p>
+            <p>{{props.selectRow.cveId || '--'}}</p>
           </d-col>
         </d-row>
       </div>
@@ -35,57 +35,57 @@
         <d-row :gutter="10">
           <d-col :span="12" class="flex">
             <label>当前版本</label>
-            <p>2.0</p>
+            <p>{{props.selectRow.currentVersion || '--'}}</p>
           </d-col>
           <d-col :span="12" class="flex">
             <label>最新版本</label>
-            <p>3.0</p>
+            <p>{{props.selectRow.latestVersion || '--'}}</p>
           </d-col>
         </d-row>
         <d-row :gutter="10">
           <d-col :span="12" class="flex">
             <label>深度</label>
-            <p>1</p>
+            <p>{{props.selectRow.depth || '--'}}</p>
           </d-col>
           <d-col :span="12" class="flex">
             <label>供应商</label>
-            <p>-</p>
+            <p>{{props.selectRow.vendor || '--'}}</p>
           </d-col>
         </d-row>
         <d-row :gutter="10">
           <d-col :span="12" class="flex">
             <label>包管理器平台</label>
-            <p>NOT_SPECIFIED</p>
+            <p>{{props.selectRow.platform || '--'}}</p>
           </d-col>
           <d-col :span="12" class="flex">
             <label>范围</label>
-            <p>-</p>
+            <p>{{props.selectRow.scope || '--'}}</p>
           </d-col>
         </d-row>
         <d-row :gutter="10">
           <d-col :span="12" class="flex">
             <label>程序语言</label>
-            <p>cpp</p>
+            <p>{{props.selectRow.language || '--'}}</p>
           </d-col>
           <d-col :span="12" class="flex">
             <label>活跃度</label>
-            <p>-</p>
+            <p>{{props.selectRow.activityScore || '--'}}</p>
           </d-col>
         </d-row>
         <d-row :gutter="10">
           <d-col :span="12" class="flex">
             <label>下载量</label>
-            <p>-</p>
+            <p>{{props.selectRow.downloadCount || '--'}}</p>
           </d-col>
           <d-col :span="12" class="flex">
             <label>识别方法</label>
-            <p>BOM定义文件</p>
+            <p>{{props.selectRow.recogMethod || '--'}}</p>
           </d-col>
         </d-row>
         <d-row :gutter="10">
           <d-col :span="12" class="flex">
             <label>匹配度</label>
-            <p>100%</p>
+            <p>{{props.selectRow.matchingDegree || '--'}}</p>
           </d-col>
           <d-col :span="12" class="flex">
             <label>生命周期终点/服务终止</label>
@@ -95,7 +95,7 @@
         <d-row :gutter="10">
           <d-col :span="12" class="flex">
             <label>组件依赖关系</label>
-            <p>openssl</p>
+            <p>{{props.selectRow.treeLevel || '--'}}</p>
           </d-col>
         </d-row>
       </div>
@@ -104,8 +104,10 @@
 </template>
 
 <script setup>
-import { ref, defineEmits } from 'vue';
-
+import { ref, defineEmits, defineProps } from 'vue';
+const props = defineProps(['selectRow']);
+console.log(props.selectRow)
+debugger
 const emit = defineEmits(['close']);
 </script>