From 533e20b2f353c3929c5063b4370972cdcbe2e4b4 Mon Sep 17 00:00:00 2001
From: fmk1023 <fmk1023@noreply.gitcode.com>
Date: Sat, 1 Nov 2025 10:46:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=AF=E4=BF=A1=E4=BB=A3=E7=A0=81=E5=BA=93-?=
 =?UTF-8?q?=E4=B8=8Egitlink=E5=AF=B9=E6=8E=A5iframe=E8=BD=AF=E4=BB=B6?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/config/home.ts                   |  14 ++
 src/views/Jyh/Version/Detail/sbom/index.vue | 243 ++++++++++++++++++++
 2 files changed, 257 insertions(+)
 create mode 100644 src/views/Jyh/Version/Detail/sbom/index.vue

diff --git a/src/router/config/home.ts b/src/router/config/home.ts
index e84eb68..1cb0d18 100644
--- a/src/router/config/home.ts
+++ b/src/router/config/home.ts
@@ -157,4 +157,18 @@ export default [
       asideMenu: 'drawer' // 左侧菜单抽屉模式
     }
   },
+  {
+    path: '/sbom/:versionId/:version?',
+    name: 'RepoDetails',
+    component: () => import('@/views/Jyh/Version/Detail/sbom/index.vue'),
+    meta: {
+      title: '软件版本详情',
+      reportTitle: '软件版本详情页',
+      className: 'w-full min-w-full',
+      hiddenFooter: true,
+      hiddenHeader: true,
+      hasMobile: true,
+      asideMenu: 'drawer' // 左侧菜单抽屉模式
+    }
+  },
 ];
diff --git a/src/views/Jyh/Version/Detail/sbom/index.vue b/src/views/Jyh/Version/Detail/sbom/index.vue
new file mode 100644
index 0000000..7c29110
--- /dev/null
+++ b/src/views/Jyh/Version/Detail/sbom/index.vue
@@ -0,0 +1,243 @@
+<template>
+  <SBOM :versionId="softwareId"/>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, watch, onMounted,computed } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
+import VulnerabilitiesList from '../VulnerabilitiesList.vue';
+import CommunityInfo from '../CommunityInfo.vue';
+import VersionInfo from './VersionInfo.vue';
+import SBOM from '../SBOM.vue';
+import AIRepair from '../../../AIRepair/index.vue';
+import LicenseInfo from '../../../LicenseInfo/index.vue';
+import Dependence from '../Dependency.vue'
+import Malware from "@/views/Jyh/Version/Detail/Malware/Malware.vue";
+import CodeQuality from "@/views/Jyh/Version/Detail/CodeQuality/index.vue";
+import DeepDetectionAnalysis from "@/views/Jyh/Version/Detail/DeepDetectionAnalysis/index.vue";
+const { namespace } = getOrgInfo();
+const route = useRoute(); // 获取路由对象
+const avatarUrl = '/src/assets/imgs/jyh/工程首字母图标.png';
+import SubscriptionModal from '@/views/Jyh/Version/Detail/SubscriptionModal.vue';
+import { alertIsSubscribe, releaseInfo, releasePage } from '@/api/jyh';
+
+const selectTab = ref('bbxx');
+const softwareId = ref();
+// 删除弹窗
+const item = ref('');
+const deleteModal = ref();
+const deletevModels = ref(false);
+const isSub = ref(false);
+const ReleaseInfo = ref({
+  basicInfo: {},
+  copyRightReportList: [],
+  entityList: [],
+  networkSecurity: {},
+  openSourceLicenseList: [],
+  referenceInfo: {},
+});
+// const versionId = route.params.versionId; // 获取路由参数 versionId
+
+const jcfxList = {
+  '0': { text: '', color: '#ef4444' }, // 红色
+  '1': { text: '低', color: '#F6933B' }, // 橙色
+  '2': { text: '中', color: '#eab308' }, // 黄色
+  '3': { text: '高', color: '#10b981' },  // 绿色
+  '低': { text: '低', color: '#F6933B' }, // 橙色
+  '中': { text: '中', color: '#eab308' }, // 黄色
+  '高': { text: '高', color: '#10b981' }  // 绿色
+}
+
+// 定义评分范围和对应的显示配置
+const scoreRanges = [
+  { min: 0, max: 59, color: '#F6933B', text: '低', description: '0-59分，可信度较低' },
+  { min: 60, max: 84, color: '#eab308', text: '中', description: '60-84分，可信度中等' },
+  { min: 85, max: 100, color: '#10b981', text: '高', description: '85-100分，可信度高' }
+];
+
+// // 根据评分获取标签颜色
+// const getTrustScoreColor = computed(() => {
+//   const score = ReleaseInfo.value.basicInfo.trustScore;
+//   if (!score) return '#909399'; // 未评分时的默认颜色
+//
+//   const range = scoreRanges.find(range => score >= range.min && score <= range.max);
+//   return range ? range.color : '#909399';
+// });
+//
+// // 根据评分获取标签文本
+// const getTrustScoreText = computed(() => {
+//   const score = ReleaseInfo.value.basicInfo.trustScore;
+//   if (!score) return '--';
+//
+//   const range = scoreRanges.find(range => score >= range.min && score <= range.max);
+//   return range ? range.text : '--';
+// });
+
+const getReleaseInfo = async(versionId) => {
+  const { data, error } = await releaseInfo({ softwareId: versionId });
+  debugger
+  if (!error && data) {
+    ReleaseInfo.value = data.data;
+  }
+};
+
+const getAlertIsSubscribe = async(versionId) => {
+  const { data, error } = await alertIsSubscribe({ softwareId: versionId });
+  if (!error) {
+    if (data.data) {
+      isSub.value = data.data.data
+    } else {
+      isSub.value = false;
+    }
+  }
+};
+
+const getReleaseList = async ({softwareName,softwareVersion}) => {
+  const { data, error } = await releasePage({
+    softwareName,
+    searchType: '',
+    softwareVersion,
+    programmingLanguage: '',
+    interestTag: '',
+    industry: '',
+    licenseName: '',
+    dependentSoftware: '',
+    releaseDateStart: '',
+    releaseDateEnd: '',
+    current: 1,
+    size: 10
+  });
+  if (!error && data) {
+    if(data.data.records&&data.data.records.length>0) {
+      return data.data.records[0]
+    }
+
+    // allTableData.value = data.data.records;
+  }
+};
+
+const init = async () => {
+  const softwareName = route.params.versionId; // 获取路由参数 versionId
+  const softwareVersion = route.params.version; // 获取路由参数 versionId
+  debugger
+  const data = await getReleaseList({
+    softwareName,softwareVersion
+  });
+  const versionId = data?.id || '';
+  softwareId.value = versionId;
+  if (versionId) {
+    await getReleaseInfo(versionId); // 调用接口获取数据
+    await getAlertIsSubscribe(versionId); // 调用接口获取数据
+  }
+};
+
+onMounted(() => {
+  debugger
+  init()
+});
+
+// 监听路由的 query.tab 变化
+watch(
+  () => route.query.tab,
+  (newTab) => {
+    if (newTab) {
+      selectTab.value = newTab; // 根据 query 参数激活 Tab
+    }
+  },
+  { immediate: true } // 立即执行一次
+);
+
+const changeTabs = (tab:string) => {
+  selectTab.value = tab;
+}
+
+const openDelete = (row: any) => {
+  item.value = row;
+  deleteModal.value.showFlag = true;
+  deletevModels.value = true;
+};
+
+const router = useRouter();
+
+// 分页
+const changeIndex = () => {
+  // getGroupClaListData();
+};
+
+const changeSize = () => {
+  pager.value.pageIndex = 1;
+  // getGroupClaListData();
+};
+
+const repoFun = (arr: any) => {
+  return arr ? (arr.length > 3 ? arr.slice(0, 3) : arr) : [];
+};
+
+// 编辑
+const editRow = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去
+  router.push({
+    path: 'cla/edit/' + row.object_id,
+    query: { cla: row.cla, pageType: 'edit' }
+  });
+};
+
+// 确认删除
+const confirmDelete = async (e: any) => {
+  // const res = await reqCatch(deleteGroupCla, { group_id: namespace.value, cla_id: item.value.object_id });
+  // if (!res.error) {
+  //   getGroupClaListData();
+  // }
+};
+
+// 去成员页
+const goMember = (row: any) => {
+  // 后续请换成params，暂时params传参没传过去,注意路由有个:claID
+  router.push({
+    path: 'cla/claId/member',
+    query: { claId: row.object_id, claName: row.cla_name, group_path: namespace.value, pageType: 'edit' }
+  });
+};
+const getGroupClaListData = async () => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   page: pager.value.pageIndex,
+  //   per_page: pager.value.pageSize
+  // };
+  // const res = await reqCatch(getGroupClaList, params);
+  // if (!res.error) {
+  //   tableData.value = res?.data?.data?.content;
+  //   pager.value.total = res.data.data.total;
+  // }
+};
+getGroupClaListData();
+
+const setClaStatus = async (row: any) => {
+  // const params = {
+  //   group_id: namespace.value,
+  //   cla_id: row.object_id,
+  //   status: row.status
+  // };
+  // const res = await reqCatch(setGroupClaStatus, params);
+  // if (!res.error) {
+  //   Message.success('操作成功!');
+  //   getGroupClaListData();
+  // }
+};
+
+const signCla = (row: any) => {
+  router.push('/cla/' + row.object_id);
+};
+
+const subscribeModalVisable = ref(false);
+const openSubscription = () => {
+  subscribeModalVisable.value = true;
+};
+const colseSubscription = () => {
+  subscribeModalVisable.value = false;
+};
+</script>
+
+<style lang="scss">
+</style>