可信代码库-与gitlink对接iframe软件详情页开发
This commit is contained in:
fmk1023
@@ -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' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
];
|
||||
|
||||
243
src/views/Jyh/Version/Detail/sbom/index.vue
Normal file
243
src/views/Jyh/Version/Detail/sbom/index.vue
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user