可信代码库-与gitlink对接iframe软件详情页开发
This commit is contained in:
fmk1023
@@ -157,4 +157,18 @@ export default [
|
|||||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
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