feat: SBOM详情

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

@@ -6,15 +6,24 @@
   <Card simple class="jyh-card mt-3">
     <div class="clear-padding">
       <d-table :indent="32" @check-change="treeCheckChange" :data="baseTreeTableData1" row-key="id">
-        <d-column field="firstName" header="组织名称" show-overflow-tooltip> </d-column>
+        <d-column field="firstName" header="组织名称" show-overflow-tooltip>
+          <template #default="scope">
+            <a class="devui-link" @click="showDetail = true">{{ scope.row.firstName }}</a>
+          </template>
+        </d-column>
         <d-column field="lastName" header="版本"></d-column>
       </d-table>
     </div>
   </Card>
+  <d-drawer v-model="showDetail" style="width: 800px; padding: 20px">
+    <SBOMDetail @close="showDetail = false" />
+  </d-drawer>
 </template>
 <script setup lang="ts">
 import { ref, reactive } from 'vue';
+import SBOMDetail from './SBOMDetail.vue';
 const checked = ref(false);
+const showDetail = ref(false);
 
 const baseTreeTableData1 = ref([
   {