新增漏洞详情页

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

@@ -11,7 +11,7 @@
           @filter-change="handleFilterChange"
         >
           <template #default="scope">
-            <a>{{ scope.row.versionName }}</a>
+            <a @click="openVulnDetail(scope.row)">{{ scope.row.versionName }}</a>
           </template>
         </d-column>
         <d-column
@@ -100,6 +100,11 @@
         >你确认删除此项：{{ item.cla_name }} ？</span
       >
     </GModal>
+    
+    <!-- 漏洞详情 -->
+    <d-drawer v-model="vulnDetailVisable" style="width: auto;">
+      <VulnerabilityDetail :vulnId="currentVuln.id"></VulnerabilityDetail>
+    </d-drawer>
   </div>
 </template>
 
@@ -110,9 +115,10 @@ import { ref, reactive } from 'vue';
 import { getGroupClaList, setGroupClaStatus, deleteGroupCla } from '@/api/cla';
 import { useRouter, useRoute } from 'vue-router';
 import { GModal } from '@/components/Setting/index';
-import { reqCatch } from '@/utils/catch';
+import { reqCatch } from '@/utils/catch'; 
 import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
 import { Message } from 'vue-devui';
+import VulnerabilityDetail from '@/views/Jyh/Version/Detail/VulnerabilityDetail.vue'
 const { namespace } = getOrgInfo();
 
 const tableData = ref([
@@ -233,6 +239,13 @@ const setClaStatus = async (row: any) => {
 const signCla = (row: any) => {
   router.push('/cla/' + row.object_id);
 };
+
+const vulnDetailVisable = ref(false);
+const currentVuln = ref();
+const openVulnDetail = (row) => {
+  vulnDetailVisable.value = true;
+  currentVuln.value = row;
+}
 </script>
 
 <style scoped lang="scss">