跳转及显示相关Issues修改
This commit is contained in:
@@ -3,6 +3,7 @@ import DefaultLayout from '@/layouts/DefaultLayout/index.vue';
|
|||||||
export default [
|
export default [
|
||||||
{
|
{
|
||||||
path: '/:namespace+',
|
path: '/:namespace+',
|
||||||
|
redirect: '/home',
|
||||||
component: () => import('@/views/Homepage/index.vue'),
|
component: () => import('@/views/Homepage/index.vue'),
|
||||||
name: 'homepage',
|
name: 'homepage',
|
||||||
meta: {
|
meta: {
|
||||||
|
|||||||
@@ -179,7 +179,7 @@ const handleBatchImport = async() => { // 多个项目导入
|
|||||||
const gotoDetail = (row) => {
|
const gotoDetail = (row) => {
|
||||||
// 后续请换成params,暂时params传参没传过去
|
// 后续请换成params,暂时params传参没传过去
|
||||||
router.push({
|
router.push({
|
||||||
path: 'repoDetail/basicInfo/' + row.version
|
path: 'repoDetail/' + row.version
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
// 分页
|
// 分页
|
||||||
|
|||||||
@@ -224,7 +224,7 @@ const router = useRouter();
|
|||||||
const gotoDetail = (row) => {
|
const gotoDetail = (row) => {
|
||||||
// 后续请换成params,暂时params传参没传过去
|
// 后续请换成params,暂时params传参没传过去
|
||||||
router.push({
|
router.push({
|
||||||
path: 'repoDetail/basicInfo/' + row.version
|
path: 'repoDetail/' + row.version
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
// 分页
|
// 分页
|
||||||
|
|||||||
@@ -12,34 +12,28 @@
|
|||||||
<span class="card-val">3.5.13</span>
|
<span class="card-val">3.5.13</span>
|
||||||
</d-col>
|
</d-col>
|
||||||
<d-col :span="8">
|
<d-col :span="8">
|
||||||
<span class="card-key width-90">版本编码</span>
|
<span class="card-key width-90">主语言类型</span>
|
||||||
<span class="card-val">0583594425</span>
|
<span class="card-val">JavaScript</span>
|
||||||
</d-col>
|
</d-col>
|
||||||
</d-row>
|
</d-row>
|
||||||
<d-row>
|
<d-row>
|
||||||
<d-col :span="8">
|
|
||||||
<span class="card-key width-90">软件编码</span>
|
|
||||||
<span class="card-val">2023/08/05810TCX</span>
|
|
||||||
</d-col>
|
|
||||||
<d-col :span="8">
|
|
||||||
<span class="card-key width-90">主语言类型</span>
|
|
||||||
<span class="card-val">JavaScript</span>
|
|
||||||
</d-col>
|
|
||||||
<d-col :span="8">
|
<d-col :span="8">
|
||||||
<span class="card-key width-90">开发商</span>
|
<span class="card-key width-90">开发商</span>
|
||||||
<span class="card-val">vue</span>
|
<span class="card-val">vue</span>
|
||||||
</d-col>
|
</d-col>
|
||||||
|
<d-col :span="8">
|
||||||
|
<span class="card-key width-90">发布时间</span>
|
||||||
|
<span class="card-val">2023/08/05</span>
|
||||||
|
</d-col>
|
||||||
|
<d-col :span="8">
|
||||||
|
<span class="card-key width-90">版本描述</span>
|
||||||
|
<span class="card-val">0583594425</span>
|
||||||
|
</d-col>
|
||||||
</d-row>
|
</d-row>
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
<Card simple class="jyh-card mb-4">
|
<Card simple class="jyh-card mb-4">
|
||||||
<div class="card-title">参考信息</div>
|
<div class="card-title">参考信息</div>
|
||||||
<d-row class="mb-3">
|
|
||||||
<d-col :span="24">
|
|
||||||
<span class="card-key width-110">官网地址</span>
|
|
||||||
<a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
|
|
||||||
</d-col>
|
|
||||||
</d-row>
|
|
||||||
<d-row class="mb-3">
|
<d-row class="mb-3">
|
||||||
<d-col :span="8">
|
<d-col :span="8">
|
||||||
<span class="card-key width-110">集成风险</span>
|
<span class="card-key width-110">集成风险</span>
|
||||||
@@ -51,21 +45,39 @@
|
|||||||
</d-col>
|
</d-col>
|
||||||
<d-col :span="8">
|
<d-col :span="8">
|
||||||
<span class="card-key width-110">漏洞数量</span>
|
<span class="card-key width-110">漏洞数量</span>
|
||||||
<span class="card-val">--</span>
|
<a @click="handleTabChange('ldxx')" class="card-url">9</a>
|
||||||
</d-col>
|
</d-col>
|
||||||
</d-row>
|
</d-row>
|
||||||
<d-row>
|
<d-row class="mb-3">
|
||||||
<d-col :span="8">
|
<d-col :span="8">
|
||||||
<span class="card-key width-110">选型时间</span>
|
<span class="card-key width-110">社区EOL日期</span>
|
||||||
<span class="card-val">2023/08/05</span>
|
<span class="card-val">2023/08/05</span>
|
||||||
</d-col>
|
</d-col>
|
||||||
<d-col :span="8">
|
<d-col :span="8">
|
||||||
<span class="card-key width-110">所属领域/产业</span>
|
<span class="card-key width-110">所属领域/产业</span>
|
||||||
<span class="card-val">CleanSource</span>
|
<span class="card-val">CleanSource</span>
|
||||||
</d-col>
|
</d-col>
|
||||||
<d-col :span="8">
|
<!-- <d-col :span="8">-->
|
||||||
<span class="card-key width-110">版本火车名称</span>
|
<!-- <span class="card-key width-110">版本火车名称</span>-->
|
||||||
<span class="card-val">CleanSource V8.0</span>
|
<!-- <span class="card-val">CleanSource V8.0</span>-->
|
||||||
|
<!-- </d-col>-->
|
||||||
|
</d-row>
|
||||||
|
<d-row class="mb-3">
|
||||||
|
<d-col :span="24">
|
||||||
|
<span class="card-key width-140">源码下载包地址</span>
|
||||||
|
<a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
|
||||||
|
</d-col>
|
||||||
|
</d-row>
|
||||||
|
<d-row class="mb-3">
|
||||||
|
<d-col :span="24">
|
||||||
|
<span class="card-key width-140">源码社区托管地址</span>
|
||||||
|
<a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
|
||||||
|
</d-col>
|
||||||
|
</d-row>
|
||||||
|
<d-row>
|
||||||
|
<d-col :span="24">
|
||||||
|
<span class="card-key width-140">社区EOL披露地址</span>
|
||||||
|
<a class="card-url" href="https://designcloud.uiplus.huawei.com/developer/main/index.html">https://designcloud.uiplus.huawei.com/developer/main/index.html</a>
|
||||||
</d-col>
|
</d-col>
|
||||||
</d-row>
|
</d-row>
|
||||||
</Card>
|
</Card>
|
||||||
@@ -75,13 +87,14 @@
|
|||||||
<div class="card-title">开源主License信息</div>
|
<div class="card-title">开源主License信息</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<d-table
|
<d-table
|
||||||
class="jyh-table-2"
|
class="jyh-table jyh-table-2"
|
||||||
:header-bg="true"
|
:header-bg="true"
|
||||||
:data="licenseTableData"
|
:data="licenseTableData"
|
||||||
>
|
>
|
||||||
<d-column field="code" header="编号"></d-column>
|
<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="detail" header="描述"></d-column>
|
||||||
|
<d-column field="detail" header="应用场景"></d-column>
|
||||||
</d-table>
|
</d-table>
|
||||||
</div>
|
</div>
|
||||||
<d-row>
|
<d-row>
|
||||||
@@ -95,7 +108,7 @@
|
|||||||
<div class="card-title">Copyright报告</div>
|
<div class="card-title">Copyright报告</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<d-table
|
<d-table
|
||||||
class="jyh-table-2"
|
class="jyh-table jyh-table-2"
|
||||||
:header-bg="true"
|
:header-bg="true"
|
||||||
:data="CopyrightTableData"
|
:data="CopyrightTableData"
|
||||||
>
|
>
|
||||||
@@ -110,8 +123,40 @@
|
|||||||
</d-col>
|
</d-col>
|
||||||
</d-row>
|
</d-row>
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
|
<Card simple class="jyh-card mb-4">
|
||||||
|
<div class="card-title">实体</div>
|
||||||
|
<div>
|
||||||
|
<d-table
|
||||||
|
class="jyh-table jyh-table-2"
|
||||||
|
:header-bg="true"
|
||||||
|
:data="CopyrightTableData"
|
||||||
|
>
|
||||||
|
<d-column field="code" header="类型"></d-column>
|
||||||
|
<d-column field="code" header="实体包下载地址">
|
||||||
|
<template #default="scope">
|
||||||
|
<a>{{scope.row.code}}</a>
|
||||||
|
</template>
|
||||||
|
</d-column>
|
||||||
|
<d-column field="detail" header="文件名称"></d-column>
|
||||||
|
<d-column field="detail" header="录入时间"></d-column>
|
||||||
|
<d-column field="detail" header="完整性结果">
|
||||||
|
<template #default="scope">
|
||||||
|
<a>{{scope.row.detail}}</a>
|
||||||
|
</template>
|
||||||
|
</d-column>
|
||||||
|
</d-table>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
|
||||||
<Card simple class="jyh-card mb-4">
|
<Card simple class="jyh-card mb-4">
|
||||||
<div class="card-title">网络安全</div>
|
<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">--</span>
|
||||||
|
</d-col>
|
||||||
|
</d-row>
|
||||||
<d-row class="mb-3">
|
<d-row class="mb-3">
|
||||||
<d-col :span="24">
|
<d-col :span="24">
|
||||||
<span class="card-key width-160">社区安全问题求助渠道</span>
|
<span class="card-key width-160">社区安全问题求助渠道</span>
|
||||||
@@ -122,7 +167,7 @@
|
|||||||
<span class="card-key width-160">官网漏洞披露地址</span>
|
<span class="card-key width-160">官网漏洞披露地址</span>
|
||||||
<d-table
|
<d-table
|
||||||
style="display: contents"
|
style="display: contents"
|
||||||
class="jyh-table-2"
|
class="jyh-table jyh-table-2"
|
||||||
:header-bg="true"
|
:header-bg="true"
|
||||||
:data="CopyrightTableData"
|
:data="CopyrightTableData"
|
||||||
>
|
>
|
||||||
@@ -134,7 +179,7 @@
|
|||||||
<span class="card-key width-160">外部漏洞源的软件名称</span>
|
<span class="card-key width-160">外部漏洞源的软件名称</span>
|
||||||
<d-table
|
<d-table
|
||||||
style="display: contents"
|
style="display: contents"
|
||||||
class="jyh-table-2"
|
class="jyh-table jyh-table-2"
|
||||||
:header-bg="true"
|
:header-bg="true"
|
||||||
:data="CopyrightTableData"
|
:data="CopyrightTableData"
|
||||||
>
|
>
|
||||||
@@ -151,7 +196,7 @@
|
|||||||
</d-row>
|
</d-row>
|
||||||
<d-row>
|
<d-row>
|
||||||
<d-col :span="24">
|
<d-col :span="24">
|
||||||
<span class="card-key width-160">是否安卓类APP组件</span>
|
<span class="card-key width-160">兼容性风险描述</span>
|
||||||
<span class="card-val">否</span>
|
<span class="card-val">否</span>
|
||||||
</d-col>
|
</d-col>
|
||||||
</d-row>
|
</d-row>
|
||||||
@@ -161,11 +206,32 @@
|
|||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|
||||||
import { ref } from 'vue';
|
import { ref,defineEmits } from 'vue';
|
||||||
|
import { useRouter } from 'vue-router';
|
||||||
|
import { discussDetailType, userInfoType } from '@/api/discussion/types';
|
||||||
|
|
||||||
|
const emits = defineEmits(['changeTabs']);
|
||||||
|
|
||||||
|
// 触发事件的方法
|
||||||
|
const handleTabChange = (tabName) => {
|
||||||
|
emits('changeTabs', tabName); // 触发 changeTabs 事件,并传递参数
|
||||||
|
};
|
||||||
|
|
||||||
const licenseTableData = ref([{code: '05822156', name:'MIT License',detail: 'integer'}]);
|
const licenseTableData = ref([{code: '05822156', name:'MIT License',detail: 'integer'}]);
|
||||||
const CopyrightTableData = ref([{code: '05822156',detail: 'integer'}]);
|
const CopyrightTableData = ref([{code: '05822156',detail: 'integer'}]);
|
||||||
|
|
||||||
|
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
|
// 跳转
|
||||||
|
const gotoDetail = (row) => {
|
||||||
|
// 后续请换成params,暂时params传参没传过去
|
||||||
|
router.push({
|
||||||
|
path: 'repoDetail/' + row.version,
|
||||||
|
params: { tab: 'ldxx' } // 指定需要激活的 Tab
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|||||||
@@ -33,7 +33,7 @@
|
|||||||
</d-tabs>
|
</d-tabs>
|
||||||
</div>
|
</div>
|
||||||
<div class="version-detail-content">
|
<div class="version-detail-content">
|
||||||
<version-info v-if="selectTab === 'bbxx'"></version-info>
|
<version-info v-if="selectTab === 'bbxx'" @changeTabs="changeTabs"></version-info>
|
||||||
<vulnerabilities-list v-else-if="selectTab === 'ldxx'"></vulnerabilities-list>
|
<vulnerabilities-list v-else-if="selectTab === 'ldxx'"></vulnerabilities-list>
|
||||||
<community-info v-else-if="selectTab === 'communityInfo'"></community-info>
|
<community-info v-else-if="selectTab === 'communityInfo'"></community-info>
|
||||||
<AIRepair v-else-if="selectTab === 'ai'"></AIRepair>
|
<AIRepair v-else-if="selectTab === 'ai'"></AIRepair>
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, reactive } from 'vue';
|
import { ref, reactive, watch } from 'vue';
|
||||||
import { useRouter, useRoute } from 'vue-router';
|
import { useRouter, useRoute } from 'vue-router';
|
||||||
import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
|
import { getOrgInfo } from '@/views/Org/hooks/orgInfo';
|
||||||
import VulnerabilitiesList from './VulnerabilitiesList.vue';
|
import VulnerabilitiesList from './VulnerabilitiesList.vue';
|
||||||
@@ -51,6 +51,7 @@ import VersionInfo from './VersionInfo.vue';
|
|||||||
import AIRepair from '../../AIRepair/index.vue';
|
import AIRepair from '../../AIRepair/index.vue';
|
||||||
import LicenseInfo from '../../LicenseInfo/index.vue';
|
import LicenseInfo from '../../LicenseInfo/index.vue';
|
||||||
const { namespace } = getOrgInfo();
|
const { namespace } = getOrgInfo();
|
||||||
|
const route = useRoute(); // 获取路由对象
|
||||||
const avatarUrl = '/src/assets/imgs/jyh/工程首字母图标.png';
|
const avatarUrl = '/src/assets/imgs/jyh/工程首字母图标.png';
|
||||||
|
|
||||||
const selectTab = ref('bbxx');
|
const selectTab = ref('bbxx');
|
||||||
@@ -59,6 +60,22 @@ const selectTab = ref('bbxx');
|
|||||||
const item = ref('');
|
const item = ref('');
|
||||||
const deleteModal = ref();
|
const deleteModal = ref();
|
||||||
const deletevModels = ref(false);
|
const deletevModels = ref(false);
|
||||||
|
|
||||||
|
// 监听路由的 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) => {
|
const openDelete = (row: any) => {
|
||||||
item.value = row;
|
item.value = row;
|
||||||
deleteModal.value.showFlag = true;
|
deleteModal.value.showFlag = true;
|
||||||
|
|||||||
Reference in New Issue
Block a user