cfy777/Situation-Awareness-Platform-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://gitcode.com/hk_openRepo/OpenRepo_Portal into dev-shenjianbin

Browse Source
This commit is contained in:
MaxShen
2025-03-18 19:51:44 +08:00
parent 88b994de76 653d72eac4
commit 1f3c970517
18 changed files with 138 additions and 308 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/static/template.xlsx Normal file
View File

Binary file not shown.

15
src/api/jyh/index.ts
View File

@@ -2,14 +2,23 @@ import { reqCatchV2, type catchRt } from '@/utils/catch';
import request from '@/utils/request';
// 详情-获取版本信息
export function releaseInfo(params: { repoId: string,releaseId: string }): Promise<any> {
const { repoId,releaseId } = params;
export function releaseInfo(params: { softwareId: string }): Promise<any> {
const { softwareId } = params;
return request({
url: `/api/v1/repo/release/info?repo_id=${repoId}&releaseId=${releaseId}`,
url: `/api/v1/repo/release/info?softwareId=${softwareId}`,
method: 'get'
});
}
// 详情-搜索结果列表
export function releasePage(data): Promise<any> {
return request({
url: `/api/v1/repo/release/page`,
method: 'post',
data
});
}
// 获取邀请列表
export function getInviteListData(): catchRt<any> {
return reqCatchV2(() => request({

18
src/components/AdvanceSearch/index.vue
View File

@@ -4,13 +4,8 @@
<d-form :layout="props.layout" :label-align="'end'">
<d-row :gutter="16">
<d-col :span="8">
<d-form-item field="license" label="license">
<d-input placeholder="请输入license名称" v-model="formData.licenseName"/>
</d-form-item>
</d-col>
<d-col :span="8">
<d-form-item field="name" label="软件/组件名称">
<d-input placeholder="请输入软件/组件名称" v-model="formData.searchWord"/>
<d-form-item field="name" label="软件名称">
<d-input placeholder="请输入软件名称" v-model="formData.searchWord"/>
</d-form-item>
</d-col>
<d-col :span="8">
@@ -18,10 +13,15 @@
<d-input v-model="formData.softwareVersion"/>
</d-form-item>
</d-col>
<d-col :span="8">
<d-form-item field="license" label="license">
<d-input placeholder="请输入license名称" v-model="formData.licenseName"/>
</d-form-item>
</d-col>
</d-row>
<d-row :gutter="16">
<d-col :span="8">
<d-form-item field="dependency" label="依赖软件">
<d-form-item field="dependency" label="依赖软件名称">
<d-input v-model="formData.dependentSoftware"/>
</d-form-item>
</d-col>
@@ -132,4 +132,4 @@ getLanguageList();
<style scoped lang="scss">
</style>
</style>

8
src/views/Jyh/Home/index.vue
View File

@@ -16,7 +16,7 @@
</div>
<template #menu>
<ul class="list-menu">
<li class="menu-item" @click="onCategoryChange('组件/软件')">组件/软件</li>
<li class="menu-item" @click="onCategoryChange('软件')">软件</li>
<d-dropdown :position="position" :offset="0">
<li class="menu-item">
行业
@@ -98,8 +98,8 @@ const inputGlow = ref(false);
const searchStr = ref('');
const position = ref(['right-start', 'right-end']);
const industryOptions = ref(['通信', '军工', '金融', '能源'])
const searchType = ref('组件/软件');
const searchOptions = ref(['组件/软件']);
const searchType = ref('软件');
const searchOptions = ref(['软件']);
const offset = ref({ mainAxis: 7 , crossAxis: -10 });
const isOpen = ref(false);
const rotate = ref(0);
@@ -127,7 +127,7 @@ const infoList = ref([
const homeSearch = ref(null);
const dropdownWidth = ref(0);
const selectedCate = ref('组件/软件');
const selectedCate = ref('软件');
const searchInput = ref(null);
const openAdvancedSearch = () => {

4
src/views/Jyh/LicenseInfo/index.vue
View File

@@ -70,7 +70,7 @@ const tableConfig = ref([
},
{
field: 'affectedComponent',
header: '影响组件',
header: '影响软件',
sortable: true,
sortMethod: null
},
@@ -147,4 +147,4 @@ const list = ref([
width: 14px;
height: 14px;
}
</style>
</style>

2
src/views/Jyh/PersonalCenter 2/Detail/OrgSubscription.vue
View File

@@ -4,7 +4,7 @@
<div class="mb-3">
<d-table class="jyh-table jyh-table-2" :header-bg="true" :data="tableData">
<d-column field="code" header="订阅时间"></d-column>
<d-column field="name" header="软件/组件名称"></d-column>
<d-column field="name" header="软件名称"></d-column>
<d-column field="detail" header="版本号"></d-column>
<d-column field="owner" header="订阅人"></d-column>
<d-column header="操作" width="100">

2
src/views/Jyh/PersonalCenter 2/Detail/PersonageSubscription.vue
View File

@@ -4,7 +4,7 @@
<div class="mb-3">
<d-table class="jyh-table jyh-table-2" :header-bg="true" :data="tableData">
<d-column field="code" header="订阅时间"></d-column>
<d-column field="name" header="软件/组件名称"></d-column>
<d-column field="name" header="软件名称"></d-column>
<d-column field="detail" header="版本号"></d-column>
<d-column header="操作" width="100">
<template #default="scope">

2
src/views/Jyh/PersonalCenter/Detail/OrgSubscription.vue
View File

@@ -4,7 +4,7 @@
<div class="mb-3">
<d-table class="jyh-table jyh-table-2" :header-bg="true" :data="tableData">
<d-column field="code" header="订阅时间"></d-column>
<d-column field="name" header="软件/组件名称"></d-column>
<d-column field="name" header="软件名称"></d-column>
<d-column field="detail" header="版本号"></d-column>
<d-column field="owner" header="订阅人"></d-column>
<d-column header="操作" width="100">

2
src/views/Jyh/PersonalCenter/Detail/PersonageSubscription.vue
View File

@@ -4,7 +4,7 @@
<div class="mb-3">
<d-table class="jyh-table jyh-table-2" :header-bg="true" :data="tableData">
<d-column field="code" header="订阅时间"></d-column>
<d-column field="name" header="软件/组件名称"></d-column>
<d-column field="name" header="软件名称"></d-column>
<d-column field="detail" header="版本号"></d-column>
<d-column header="操作" width="100">
<template #default="scope">

19
src/views/Jyh/PersonalCenter/OrganizationManage/OrganizationManage.vue
View File

@@ -18,7 +18,7 @@
<div v-else>{{ organizationInfo.organizationName }}</div>
</d-form-item>
<d-form-item field="organizationProfile" label="组织简介">
<d-textarea v-if="isEdit" v-model="createFormData.organizationProfile" show-count maxlength="200" />
<d-textarea v-if="isEdit" v-model="createFormData.organizationProfile" show-count maxlength="200" :rows="5" />
<div v-else>{{ organizationInfo.organizationProfile }}</div>
</d-form-item>
</d-form>
@@ -35,10 +35,9 @@
<d-search icon-position="left" class="w-[296px]" placeholder="请输入搜索内容" />
</div>
<d-table
v-if="memberTableData.length"
:data="memberTableData"
class="w-full mb-[20px]"
fix-header
class="w-full mb-[20px] organ-table"
:fix-header="memberTableData.length > 0"
header-bg
max-height="500px"
>
@@ -52,11 +51,13 @@
<d-column field="joinDate" header="加入时间" />
<d-column header="操作">
<template #default="{ row }">
<d-button variant="text" color="primary" @click="openDeleteModal(row)">删除</d-button>
<d-button size="sm" variant="text" color="primary" class="p-0 justify-start" @click="openDeleteModal(row)">删除</d-button>
</template>
</d-column>
<template #empty>
<NoData />
</template>
</d-table>
<NoData v-else />
<d-pagination
class="flex justify-end"
:total="pager.total"
@@ -83,7 +84,7 @@
<d-input v-model="createFormData.organizationName" />
</d-form-item>
<d-form-item field="organizationProfile" label="组织简介" required>
<d-textarea v-model="createFormData.organizationProfile" show-count maxlength="200" />
<d-textarea v-model="createFormData.organizationProfile" show-count maxlength="200" :rows="6" />
</d-form-item>
</d-form>
@@ -112,7 +113,7 @@
</d-modal>
<d-modal v-model="deleteMemberModalCtrl" title="删除成员" class="w-[600px]">
<div>即将删除成员‘{{ deleteRow.userName }}’，请确认是否继续？</div>
<div class="mb-[20px]">即将删除成员‘{{ deleteRow.userName }}’，请确认是否继续？</div>
<div class="flex justify-center">
<d-button variant="solid" class="mr-[8px]" @click="deleteMember">确定</d-button>
<d-button @click="closeDeleteMemberModal">取消</d-button>
@@ -363,7 +364,7 @@ function closeDeleteMemberModal() {
</script>
<style scoped lang="scss">
:deep(.devui-table__row td) {
.organ-table :deep(.devui-table__row td) {
padding: 10px 16px;
}
</style>

6
src/views/Jyh/PersonalCenter/index.vue
View File

@@ -8,9 +8,9 @@
</d-breadcrumb>
<div class="version-detail-header">
<div class="header-top">
<GAvatar style="margin-right: 16px" :src="avatarUrl" name="Vue" :width="72" :height="72"></GAvatar>
<GAvatar style="margin-right: 16px" :name="accountInfo.username" :src="accountInfo.avatar" name="Vue" :width="72" :height="72"></GAvatar>
<div class="pt-24">
<div class="header-title1">UserName</div>
<div class="header-title1">{{ accountInfo.username || '--' }}</div>
<div class="header-div">
<span class="span1"
>介绍：包含项目管理、代码托管、CI/CD 和制品库等功能，提供完整的研发流程建议的新的团队…</span
@@ -43,11 +43,13 @@ import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
import EarlyWarning from './Detail/EarlyWarning.vue';
import SubscribeList from './Detail/SubscribeList.vue';
import PersonalSettings from './Detail/PersonalSettings.vue';
import { useAccount } from '@/utils/hooks/useAccount';
const { namespace } = getOrgInfo();
const avatarUrl = '/src/assets/imgs/avatar/male.png';
const selectTab = ref('yjtzlb');
const { accountInfo, RemoveInfo } = useAccount();
// 删除弹窗
const item = ref('');

4
src/views/Jyh/Search/Components/BatchVerify.vue
View File

@@ -9,7 +9,7 @@
<d-input
style="width: 400px"
v-model="formData.title"
placeholder="请输入搜索内容"
placeholder="请输入软件名称"
maxLength="50"
minLength="2"
>
@@ -29,6 +29,8 @@
<span class="red">3</span>
</div>
<div class="left-btn">
<a class="cursor-pointer" href="/static/template.xlsx" download><i class="icon icon-download-2"></i>下载excel模板</a>
<span v-if="isLogin" style="height: 14px" class="split"></span>
<d-button v-if="isLogin" class="output-btn" icon="icon-share" variant="text">导出</d-button>
<span v-if="isLogin" style="height: 14px" class="split"></span>
<TableSetting :columns="columns" :show-column-list="showColumnList" @update:show-column-list="updateShowColumnList"/>

286
src/views/Jyh/Search/Components/OssQuery.vue
View File

@@ -4,7 +4,7 @@
<AdvanceSearch v-model="newFormData" class="px-20">
<template #operation>
<gc-form-operation class="jyh-form-operation">
<d-button class="mr-2" variant="solid">筛选</d-button>
<d-button class="mr-2" variant="solid">搜索</d-button>
<d-button variant="solid" color="secondary">清空</d-button>
</gc-form-operation>
<div class="left-btn">
@@ -16,7 +16,7 @@
</template>
</AdvanceSearch>
</div>
<div class="mt-3 px-20">
<div class="mt-3 px-20 min-h-[600px]">
<d-table :key="tableKey" class="jyh-table" v-if="tableData.length" :striped="false" :data="tableData" table-layout="auto">
<!-- 索引列 -->
<d-column type="index" width="40"></d-column>
@@ -40,6 +40,9 @@
<template v-else-if="column.key === 'version'">
<a @click="gotoDetail(scope.row)">{{ scope.row.version }}</a>
</template>
<template v-else-if="column.key === 'releaseDate'">
<span>{{ formatTime(scope.row.releaseDate, 'YYYY-MM-DD') }}</span>
</template>
<template v-else-if="column.key === 'softwareVersion'">
<a @click="gotoDetail(scope.row)">{{ scope.row.softwareVersion }}</a>
</template>
@@ -64,8 +67,8 @@
<d-tag color="gray">+3</d-tag>
</div>
</template>
<template v-else-if="column.key === 'sourceCodeDownload'">
<a>{{ scope.row.sourceCodeDownload }}</a>
<template v-else-if="column.key === 'sourceDownloadUrl'">
<a>{{ scope.row.sourceDownloadUrl }}</a>
</template>
<template v-else>
{{ scope.row[column.key] }}
@@ -117,6 +120,9 @@ import { storeToRefs } from 'pinia';
import CountryModal from './CountryModal.vue'
import OrgModal from './OrgModal.vue'
import { useAccountStore } from '@/stores/user';
const { formatTime } = useTimeFormat();
import { releasePage } from '@/api/jyh';
import { useTimeFormat } from '@/utils/hooks/useTimeFormat';
const { namespace } = getOrgInfo();
const userInfo = useAccountStore();
const { isLogin } = storeToRefs(userInfo);
@@ -125,238 +131,7 @@ const { isLogin } = storeToRefs(userInfo);
const tableKey = ref(0);
const countryVisible = ref(false);
const orgVisible = ref(false);
const tableData = ref([
{
softwareName: 'eslint-plugin-import',
softwareVersion: '2.29.0',
releaseDate: '2025-03-10',
licenseCount: 3,
dependencyCount: 15,
productComponentUsage: ['供应链系统A', '供应链系统B'],
codeSize: '150KB',
vulnerabilityCount: 5,
industryCategory: '软件开发工具',
developer: 'ESLint团队',
contributorCountries: ['美国', '中国', '德国'],
contributorOrganizations: ['Google', 'Microsoft', 'Alibaba'],
programmingLanguage: 'JavaScript',
communityHash: 'a1b2c3d4',
softwareScore: 8.5,
sourceCodeDownload: 'https://github.com/eslint/eslint-plugin-import',
copyright: 'MIT License',
externalVulnerabilitySource: 'CVE-2025-1234',
versionDescription: '修复了若干安全漏洞',
compatibilityRisk: '低',
communityEOL: '2028-12-31',
},
{
softwareName: 'react',
softwareVersion: '18.2.0',
releaseDate: '2025-02-15',
licenseCount: 1,
dependencyCount: 10,
productComponentUsage: ['供应链系统C'],
codeSize: '500KB',
vulnerabilityCount: 2,
industryCategory: '前端框架',
developer: 'Facebook',
contributorCountries: ['美国', '加拿大', '英国'],
contributorOrganizations: ['Facebook', 'Netflix', 'Airbnb'],
programmingLanguage: 'JavaScript',
communityHash: 'e5f6g7h8',
softwareScore: 9.0,
sourceCodeDownload: 'https://github.com/facebook/react',
copyright: 'MIT License',
externalVulnerabilitySource: 'CVE-2025-5678',
versionDescription: '新增了并发渲染功能',
compatibilityRisk: '中',
communityEOL: '2030-12-31',
},
{
softwareName: 'vue',
softwareVersion: '3.2.0',
releaseDate: '2025-01-20',
licenseCount: 1,
dependencyCount: 8,
productComponentUsage: ['供应链系统D'],
codeSize: '300KB',
vulnerabilityCount: 1,
industryCategory: '前端框架',
developer: 'Evan You',
contributorCountries: ['中国', '美国', '日本'],
contributorOrganizations: ['Alibaba', 'Tencent', 'Baidu'],
programmingLanguage: 'JavaScript',
communityHash: 'i9j0k1l2',
softwareScore: 9.2,
sourceCodeDownload: 'https://github.com/vuejs/vue',
copyright: 'MIT License',
externalVulnerabilitySource: 'CVE-2025-9101',
versionDescription: '优化了性能',
compatibilityRisk: '低',
communityEOL: '2029-12-31',
},
{
softwareName: 'webpack',
softwareVersion: '5.75.0',
releaseDate: '2025-04-05',
licenseCount: 2,
dependencyCount: 20,
productComponentUsage: ['供应链系统E'],
codeSize: '1MB',
vulnerabilityCount: 3,
industryCategory: '构建工具',
developer: 'Webpack团队',
contributorCountries: ['美国', '德国', '俄罗斯'],
contributorOrganizations: ['Google', 'Microsoft', 'Yandex'],
programmingLanguage: 'JavaScript',
communityHash: 'm3n4o5p6',
softwareScore: 8.8,
sourceCodeDownload: 'https://github.com/webpack/webpack',
copyright: 'MIT License',
externalVulnerabilitySource: 'CVE-2025-1122',
versionDescription: '修复了构建性能问题',
compatibilityRisk: '高',
communityEOL: '2027-12-31',
},
{
softwareName: 'babel',
softwareVersion: '7.20.0',
releaseDate: '2025-03-25',
licenseCount: 1,
dependencyCount: 12,
productComponentUsage: ['供应链系统F'],
codeSize: '400KB',
vulnerabilityCount: 4,
industryCategory: '编译器',
developer: 'Babel团队',
contributorCountries: ['美国', '英国', '印度'],
contributorOrganizations: ['Facebook', 'Netflix', 'Uber'],
programmingLanguage: 'JavaScript',
communityHash: 'q7r8s9t0',
softwareScore: 8.7,
sourceCodeDownload: 'https://github.com/babel/babel',
copyright: 'MIT License',
externalVulnerabilitySource: 'CVE-2025-3344',
versionDescription: '新增了对新语法的支持',
compatibilityRisk: '中',
communityEOL: '2026-12-31',
},
{
softwareName: 'typescript',
softwareVersion: '5.0.0',
releaseDate: '2025-05-01',
licenseCount: 1,
dependencyCount: 5,
productComponentUsage: ['供应链系统G'],
codeSize: '2MB',
vulnerabilityCount: 0,
industryCategory: '编程语言',
developer: 'Microsoft',
contributorCountries: ['美国', '中国', '加拿大'],
contributorOrganizations: ['Microsoft', 'Google', 'Alibaba'],
programmingLanguage: 'TypeScript',
communityHash: 'u1v2w3x4',
softwareScore: 9.5,
sourceCodeDownload: 'https://github.com/microsoft/TypeScript',
copyright: 'Apache License 2.0',
externalVulnerabilitySource: '无',
versionDescription: '新增了装饰器功能',
compatibilityRisk: '低',
communityEOL: '2035-12-31',
},
{
softwareName: 'jest',
softwareVersion: '29.0.0',
releaseDate: '2025-06-10',
licenseCount: 1,
dependencyCount: 18,
productComponentUsage: ['供应链系统H'],
codeSize: '600KB',
vulnerabilityCount: 2,
industryCategory: '测试工具',
developer: 'Facebook',
contributorCountries: ['美国', '德国', '法国'],
contributorOrganizations: ['Facebook', 'Netflix', 'Spotify'],
programmingLanguage: 'JavaScript',
communityHash: 'y5z6a7b8',
softwareScore: 9.1,
sourceCodeDownload: 'https://github.com/facebook/jest',
copyright: 'MIT License',
externalVulnerabilitySource: 'CVE-2025-5566',
versionDescription: '优化了测试性能',
compatibilityRisk: '中',
communityEOL: '2032-12-31',
},
{
softwareName: 'docker',
softwareVersion: '24.0.0',
releaseDate: '2025-07-15',
licenseCount: 1,
dependencyCount: 25,
productComponentUsage: ['供应链系统I'],
codeSize: '10MB',
vulnerabilityCount: 6,
industryCategory: '容器化工具',
developer: 'Docker Inc.',
contributorCountries: ['美国', '英国', '澳大利亚'],
contributorOrganizations: ['Docker Inc.', 'Google', 'Amazon'],
programmingLanguage: 'Go',
communityHash: 'c9d0e1f2',
softwareScore: 9.3,
sourceCodeDownload: 'https://github.com/docker/docker',
copyright: 'Apache License 2.0',
externalVulnerabilitySource: 'CVE-2025-7788',
versionDescription: '新增了对ARM架构的支持',
compatibilityRisk: '高',
communityEOL: '2030-12-31',
},
{
softwareName: 'kubernetes',
softwareVersion: '1.28.0',
releaseDate: '2025-08-20',
licenseCount: 1,
dependencyCount: 30,
productComponentUsage: ['供应链系统J'],
codeSize: '15MB',
vulnerabilityCount: 8,
industryCategory: '容器编排工具',
developer: 'CNCF',
contributorCountries: ['美国', '中国', '德国'],
contributorOrganizations: ['Google', 'Red Hat', 'IBM'],
programmingLanguage: 'Go',
communityHash: 'g3h4i5j6',
softwareScore: 9.4,
sourceCodeDownload: 'https://github.com/kubernetes/kubernetes',
copyright: 'Apache License 2.0',
externalVulnerabilitySource: 'CVE-2025-9900',
versionDescription: '优化了集群管理功能',
compatibilityRisk: '高',
communityEOL: '2033-12-31',
},
{
softwareName: 'postgresql',
softwareVersion: '15.0.0',
releaseDate: '2025-09-25',
licenseCount: 1,
dependencyCount: 7,
productComponentUsage: ['供应链系统K'],
codeSize: '8MB',
vulnerabilityCount: 3,
industryCategory: '数据库',
developer: 'PostgreSQL团队',
contributorCountries: ['美国', '加拿大', '日本'],
contributorOrganizations: ['PostgreSQL Inc.', 'Amazon', 'Microsoft'],
programmingLanguage: 'C',
communityHash: 'k7l8m9n0',
softwareScore: 9.6,
sourceCodeDownload: 'https://github.com/postgres/postgres',
copyright: 'PostgreSQL License',
externalVulnerabilitySource: 'CVE-2025-1122',
versionDescription: '新增了JSONB索引功能',
compatibilityRisk: '低',
communityEOL: '2035-12-31',
},
]);
const tableData = ref([]);
const formData = ref({ title: '',type: '', useType: '',formData:'',select: '',time1:null,name:'',versionCode:'',pulishTime:'' });
const typeOptions = reactive(['主软件', '依赖软件']);
const riskOptions = reactive(['低', '中', '高']);
@@ -391,25 +166,25 @@ const openDelete = (row: any) => {
const columns = ref([
{ key: 'softwareName', label: '软件名称', visible: true, filterable: true, sortable: false },
{ key: 'softwareVersion', label: '软件版本', visible: true, filterable: true, sortable: false },
{ key: 'releaseDate', label: '版本发布时间', visible: true, filterable: true, sortable: true },
{ key: 'securityScore', label: '软件评分', visible: true, filterable: false, sortable: true },
{ key: 'licenseCount', label: 'License数量', visible: true, filterable: false, sortable: false },
{ key: 'dependencyCount', label: '依赖软件数', visible: true, filterable: false, sortable: false },
{ key: 'industryCategory', label: '行业类型', visible: true, filterable: true, sortable: false },
{ key: 'primaryLanguage', label: '编程语言', visible: true, filterable: true, sortable: false },
{ key: 'codeLines', label: '代码量', visible: true, filterable: false, sortable: false },
{ key: 'sourceDownloadUrl', label: '源码包下载地址', visible: true, filterable: false, sortable: false },
{ key: 'releaseDate', label: '版本发布时间', visible: false, filterable: true, sortable: true },
{ key: 'dependencyCount', label: '依赖软件数', visible: false, filterable: false, sortable: false },
{ key: 'productComponentUsage', label: '产品成分使用量', visible: false, filterable: false, sortable: false },
{ key: 'codeSize', label: '代码量', visible: true, filterable: false, sortable: false },
{ key: 'vulnerabilityCount', label: '漏洞数量', visible: true, filterable: false, sortable: false },
{ key: 'industryCategory', label: '行业分类', visible: true, filterable: true, sortable: false },
{ key: 'developer', label: '开发商', visible: false, filterable: true, sortable: false },
{ key: 'contributorCountries', label: '贡献者国家/地区分布', visible: true, filterable: false, sortable: false },
{ key: 'contributorOrganizations', label: '贡献者组织/公司分布', visible: true, filterable: false, sortable: false },
{ key: 'programmingLanguage', label: '编程语言', visible: false, filterable: true, sortable: false },
{ key: 'vulnerabilityCount', label: '漏洞数量', visible: false, filterable: false, sortable: false },
{ key: 'communityName', label: '开发商', visible: false, filterable: true, sortable: false },
{ key: 'contributorCountries', label: '贡献者国家/地区分布', visible: false, filterable: false, sortable: false },
{ key: 'contributorOrganizations', label: '贡献者组织/公司分布', visible: false, filterable: false, sortable: false },
{ key: 'communityHash', label: '社区hash值', visible: false, filterable: false, sortable: false },
{ key: 'softwareScore', label: '软件评分', visible: false, filterable: false, sortable: true },
{ key: 'sourceCodeDownload', label: '源码包下载地址', visible: true, filterable: false, sortable: false },
{ key: 'copyright', label: 'CopyRight', visible: false, filterable: false, sortable: false },
{ key: 'externalVulnerabilitySource', label: '外部漏洞源的软件名称', visible: false, filterable: true, sortable: false },
{ key: 'versionDescription', label: '版本描述', visible: false, filterable: false, sortable: false },
{ key: 'compatibilityRisk', label: '兼容性风险描述', visible: false, filterable: false, sortable: false },
{ key: 'communityEOL', label: '社区EOL时间', visible: false, filterable: true, sortable: true },
{ key: 'eolDate', label: '社区EOL时间', visible: false, filterable: true, sortable: true },
]);
// 定义 showColumnList 状态
@@ -452,7 +227,7 @@ const route = useRoute();
const gotoDetail = (row) => {
// 后续请换成params，暂时params传参没传过去
router.push({
path: 'repoDetail/' + row.version
path: 'repoDetail/' + row.id
});
};
// 分页
@@ -525,6 +300,19 @@ const signCla = (row: any) => {
router.push('/cla/' + row.object_id);
};
const getReleaseList = async() => {
const { data, error } = await releasePage({ ...newFormData.value, current: pager.value.pageIndex,size: pager.value.pageSize });
if (!error && data) {
debugger
tableData.value = data.data.records;
pager.value.total = data.data.total;
}
};
onMounted(async() => {
getReleaseList();
});
onMounted(() => {
const query: any = route.query;
newFormData.value = {

4
src/views/Jyh/Search/index.vue
View File

@@ -6,10 +6,10 @@
<gc-breadcrumb-item><span class="cur-title">开源软件列表</span></gc-breadcrumb-item>
</d-breadcrumb>
<d-tabs class="jyh-tabs" type="wrapped" v-model="selectTab">
<d-tab id="OssQuery" title="开源软件查询">
<d-tab id="OssQuery" title="软件列表">
<OssQuery/>
</d-tab>
<d-tab id="BatchVerify" title="批量校验">
<d-tab id="BatchVerify" title="软件校验">
<BatchVerify/>
</d-tab>
</d-tabs>

6
src/views/Jyh/Version/Detail/Dependency.vue
View File

@@ -34,9 +34,9 @@
<d-table ref="table" :data="baseTreeTableData1" >
<d-column width="20px" type="index">
</d-column>
<d-column field="name" header="组件版本名称" show-overflow-tooltip></d-column>
<d-column field="name" header="软件版本名称" show-overflow-tooltip></d-column>
<d-column field="groupid" header="groupid"></d-column>
<d-column field="code" filterable :filter-list="filterList" @filter-change="handleFilterChange" header="组件编号">
<d-column field="code" filterable :filter-list="filterList" @filter-change="handleFilterChange" header="软件编号">
<template #default="scope">
<a class="devui-link" @click="showDetail = true">{{ scope.row.code }}</a>
</template>
@@ -44,7 +44,7 @@
<d-column field="packageName" filterable :filter-list="packageFilterList" @filter-change="handleFilterChange" header="packageName"></d-column>
<d-column field="version" filterable :filter-list="versionFilterList" @filter-change="handleFilterChange" header="version"></d-column>
<d-column field="language" filterable :filter-list="languageFilterList" @filter-change="handleFilterChange" header="编程语言"></d-column>
<d-column field="number" header="组件漏洞数量">
<d-column field="number" header="软件漏洞数量">
<template #default="scope">
<a class="devui-link" @click="showDetail = true">{{ scope.row.number }}</a>
</template>

4
src/views/Jyh/Version/Detail/SBOM.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="flex align-center justify-start">
<d-search icon-position="left" style="width: 380px" placeholder="请输入搜索组件名称"></d-search>
<d-checkbox class="ml-10" label="只显示有漏洞的组件" :isShowTitle="false" v-model="checked" />
<d-search icon-position="left" style="width: 380px" placeholder="请输入搜索软件名称"></d-search>
<d-checkbox class="ml-10" label="只显示有漏洞的软件" :isShowTitle="false" v-model="checked" />
</div>
<Card simple class="jyh-card mt-3">
<div class="clear-padding">

27
src/views/Jyh/Version/Detail/VersionInfo.vue
View File

@@ -157,12 +157,12 @@
<Card simple class="jyh-card mb-4">
<div class="card-title">网络安全</div>
<d-row class="mb-3">
<d-col :span="24">
<span class="card-key width-160">软件评分</span>
<span class="card-val">{{ ReleaseInfo.networkSecurity.softwareRating || '--' }}</span>
</d-col>
</d-row>
<!-- <d-row class="mb-3">-->
<!-- <d-col :span="24">-->
<!-- <span class="card-key width-160">软件评分</span>-->
<!-- <span class="card-val">{{ ReleaseInfo.networkSecurity.softwareRating || '&#45;&#45;' }}</span>-->
<!-- </d-col>-->
<!-- </d-row>-->
<d-row class="mb-3">
<d-col :span="24">
<span class="card-key width-160">社区安全问题求助</span>
@@ -289,12 +289,12 @@
<script setup lang="ts">
import { ref, defineEmits, onMounted,reactive } from 'vue';
import { useRouter } from 'vue-router';
import { useRoute, useRouter } from 'vue-router';
import { discussDetailType, userInfoType } from '@/api/discussion/types';
import { Message } from 'vue-devui/message';
import { useClipboard } from '@vueuse/core/index';
import { releaseInfo } from '@/api/jyh';
const route = useRoute();
const emits = defineEmits(['changeTabs']);
// 触发事件的方法
@@ -340,15 +340,18 @@ const handleCopy = event => {
};
const getReleaseInfo = async() => {
const { data, error } = await releaseInfo({ repoId: '123',releaseId: '123' });
const getReleaseInfo = async(versionId) => {
const { data, error } = await releaseInfo({ softwareId: versionId });
if (!error && data) {
ReleaseInfo.value = data.data;
}
};
onMounted(async() => {
getReleaseInfo();
onMounted(() => {
const versionId = route.params.versionId; // 获取路由参数 versionId
if (versionId) {
getReleaseInfo(versionId); // 调用接口获取数据
}
});
</script>

37
src/views/Jyh/Version/Detail/index.vue
View File

@@ -9,14 +9,16 @@
<div class="header-top">
<GAvatar style="margin-right: 12px" :src="avatarUrl" name="Vue" :width="40" :height="40"></GAvatar>
<div>
<div class="header-title1">{{ softwareData.name }}</div>
<div class="header-title1">{{ ReleaseInfo.basicInfo.softwareName || '--' }}</div>
<div class="header-div">
<span class="span1">版本：</span><span class="span2">{{ softwareData.version }}</span>
<span class="span1">版本：</span><span class="span2">{{ ReleaseInfo.basicInfo.softwareVersion || '--' }}</span>
<span class="split"></span>
<!-- <span class="span1">生命周期状态：</span><span class="span2">{{ softwareData.lifecycle }}</span>-->
<!-- <span class="split"></span>-->
<span class="span1">软件评分：</span><span class="span2">{{ ReleaseInfo.networkSecurity.softwareRating || '&#45;&#45;' }}</span>
<span class="split"></span>
<span class="span1">集成风险：</span>
<d-tag color="#F6933B">{{ softwareData.risk }}</d-tag>
<d-tag color="#F6933B">{{ ReleaseInfo.referenceInfo.integrationRisk || '--' }}</d-tag>
</div>
</div>
<div class="fr">
@@ -35,11 +37,11 @@
<d-tabs class="jyh-tabs jyh-tabs-2" type="wrapped" v-model="selectTab">
<d-tab id="bbxx" title="版本信息"></d-tab>
<d-tab id="ylgx" title="依赖关系"></d-tab>
<d-tab id="ldxx" title="漏洞信息"></d-tab>
<d-tab id="SBOM" title="SBOM"></d-tab>
<d-tab id="communityInfo" title="开发者社区信息"></d-tab>
<d-tab id="ldxx" title="漏洞信息"></d-tab>
<d-tab id="ai" title="AI修复建议"></d-tab>
<d-tab id="licenseInfo" title="许可证信息"></d-tab>
<d-tab id="communityInfo" title="开发者社区信息"></d-tab>
</d-tabs>
</div>
<div class="version-detail-content">
@@ -55,7 +57,7 @@
</template>
<script setup lang="ts">
import { ref, reactive, watch } from 'vue';
import { ref, reactive, watch, onMounted } from 'vue';
import { useRouter, useRoute } from 'vue-router';
import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
import VulnerabilitiesList from './VulnerabilitiesList.vue';
@@ -69,6 +71,7 @@ const { namespace } = getOrgInfo();
const route = useRoute(); // 获取路由对象
const avatarUrl = '/src/assets/imgs/jyh/工程首字母图标.png';
import SubscriptionModal from '@/views/Jyh/Version/Detail/SubscriptionModal.vue';
import { releaseInfo } from '@/api/jyh';
const selectTab = ref('bbxx');
@@ -76,6 +79,28 @@ const selectTab = ref('bbxx');
const item = ref('');
const deleteModal = ref();
const deletevModels = ref(false);
const ReleaseInfo = ref({
basicInfo: {},
copyRightReportList: [],
entityList: [],
networkSecurity: {},
openSourceLicenseList: [],
referenceInfo: {},
});
const getReleaseInfo = async(versionId) => {
const { data, error } = await releaseInfo({ softwareId: versionId });
if (!error && data) {
ReleaseInfo.value = data.data;
}
};
onMounted(() => {
const versionId = route.params.versionId; // 获取路由参数 versionId
if (versionId) {
getReleaseInfo(versionId); // 调用接口获取数据
}
});
// 监听路由的 query.tab 变化
watch(