可信代码库-软件列表软件详情许可证信息展示修改、软件列表展示修改
This commit is contained in:
@@ -4,6 +4,7 @@ import GAuth from './widget/auth.vue';
|
|||||||
import GAgreement from './widget/agreement.vue';
|
import GAgreement from './widget/agreement.vue';
|
||||||
import GAgreements from './widget/agreements.vue';
|
import GAgreements from './widget/agreements.vue';
|
||||||
import GTitle from './widget/title.vue';
|
import GTitle from './widget/title.vue';
|
||||||
|
import logo from '@/assets/imgs/logo.png'
|
||||||
import { useModel } from '@/utils/hooks/useModel';
|
import { useModel } from '@/utils/hooks/useModel';
|
||||||
import type { GLoginModalProps, GLogoProps } from './types';
|
import type { GLoginModalProps, GLogoProps } from './types';
|
||||||
import { TransAssetsUrl } from '@/utils/asset';
|
import { TransAssetsUrl } from '@/utils/asset';
|
||||||
@@ -785,8 +786,14 @@ onUnmounted(() => {
|
|||||||
:class="['login-modal', formType === 'login' ? 'login-modal-l' : 'login-modal-r']"
|
:class="['login-modal', formType === 'login' ? 'login-modal-l' : 'login-modal-r']"
|
||||||
>
|
>
|
||||||
<template #header>
|
<template #header>
|
||||||
<div v-if="formType === 'login'" class="header-h1">国家可信开源代码库账号登录</div>
|
<div v-if="formType === 'login'" class="header-h1">
|
||||||
<div v-else class="header-h1">国家可信开源代码库账号注册</div>
|
<img :src="logo" alt="头像">
|
||||||
|
<div class="headertitel">国家可信开源代码库账号登录</div>
|
||||||
|
</div>
|
||||||
|
<div v-else class="header-h1">
|
||||||
|
<img :src="logo" alt="头像">
|
||||||
|
<div class="headertitel">国家可信开源代码库账号注册</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template #default>
|
<template #default>
|
||||||
<!-- <div v-if="formType === 'login'" class="header-h1">国家可信开源代码库账号登录</div>-->
|
<!-- <div v-if="formType === 'login'" class="header-h1">国家可信开源代码库账号登录</div>-->
|
||||||
@@ -801,13 +808,21 @@ $active-color: var(--color-CG800);
|
|||||||
$inactive-title: var(--color-CG500);
|
$inactive-title: var(--color-CG500);
|
||||||
$active-panel: var(--color-G800);
|
$active-panel: var(--color-G800);
|
||||||
.header-h1 {
|
.header-h1 {
|
||||||
letter-spacing: 0.5px;
|
|
||||||
line-height: 24px;
|
|
||||||
font-size: 20px;
|
|
||||||
color: #000000;
|
|
||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 10px;
|
||||||
border-bottom: 1px solid #EDEDED;
|
border-bottom: 1px solid #EDEDED;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
img {
|
||||||
|
width: 32px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.headertitel {
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
line-height: 24px;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
*, :before, :after {
|
*, :before, :after {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
|
|||||||
@@ -75,19 +75,19 @@ const tableConfig = ref([
|
|||||||
header: '许可证种类',
|
header: '许可证种类',
|
||||||
sortable: false,
|
sortable: false,
|
||||||
sortMethod: null
|
sortMethod: null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'effectedScanLibraryName',
|
||||||
|
header: '组件名称',
|
||||||
|
sortable: true,
|
||||||
|
sortMethod: null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'effectedScanLibraryVersionNumber',
|
||||||
|
header: '组件版本',
|
||||||
|
sortable: true,
|
||||||
|
sortMethod: null
|
||||||
}
|
}
|
||||||
// {
|
|
||||||
// field: 'softwareName',
|
|
||||||
// header: '影响软件',
|
|
||||||
// sortable: true,
|
|
||||||
// sortMethod: null
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// field: 'softwareVersion',
|
|
||||||
// header: '版本',
|
|
||||||
// sortable: true,
|
|
||||||
// sortMethod: null
|
|
||||||
// }
|
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const list = ref([]);
|
const list = ref([]);
|
||||||
|
|||||||
@@ -75,19 +75,19 @@ const tableConfig = ref([
|
|||||||
header: '许可证种类',
|
header: '许可证种类',
|
||||||
sortable: false,
|
sortable: false,
|
||||||
sortMethod: null
|
sortMethod: null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'effectedScanLibraryName',
|
||||||
|
header: '组件名称',
|
||||||
|
sortable: true,
|
||||||
|
sortMethod: null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'effectedScanLibraryVersionNumber',
|
||||||
|
header: '组件版本',
|
||||||
|
sortable: true,
|
||||||
|
sortMethod: null
|
||||||
}
|
}
|
||||||
// {
|
|
||||||
// field: 'softwareName',
|
|
||||||
// header: '影响软件',
|
|
||||||
// sortable: true,
|
|
||||||
// sortMethod: null
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// field: 'softwareVersion',
|
|
||||||
// header: '版本',
|
|
||||||
// sortable: true,
|
|
||||||
// sortMethod: null
|
|
||||||
// }
|
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const list = ref([]);
|
const list = ref([]);
|
||||||
|
|||||||
@@ -133,8 +133,16 @@
|
|||||||
</d-popover>
|
</d-popover>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="column.key === 'trustScore'">
|
<template v-else-if="column.key === 'trustScore'">
|
||||||
<d-popover :content="scope.row.trustScore || '--'" trigger="hover" style="background-color: #7693f5; color: #fff">
|
<d-popover trigger="hover" >
|
||||||
<d-tag color="#ef4444">{{ '高度可信' || '--' }}</d-tag>
|
<template #default>
|
||||||
|
<d-tag color="#ef4444">{{ '高度可信' || '--' }}</d-tag>
|
||||||
|
</template>
|
||||||
|
<template #content>
|
||||||
|
<div style="padding: 4px">
|
||||||
|
<div style="display: flex;justify-content: space-between;"><span>低</span><span>中</span><span>高</span></div>
|
||||||
|
<d-progress height="8px" bar-bg-color="#ef4444" style="width: 150px" :percentage="100" percentageText=""></d-progress>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
</d-popover>
|
</d-popover>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="column.key === 'releaseDate'">
|
<template v-else-if="column.key === 'releaseDate'">
|
||||||
@@ -306,8 +314,8 @@ const openDelete = (row: any) => {
|
|||||||
const defultColumns = ref([
|
const defultColumns = ref([
|
||||||
{ key: 'softwareName', label: '软件名称', visible: true, filterable: true, sortable: false },
|
{ key: 'softwareName', label: '软件名称', visible: true, filterable: true, sortable: false },
|
||||||
{ key: 'softwareVersion', label: '软件版本', visible: true, filterable: true, sortable: false },
|
{ key: 'softwareVersion', label: '软件版本', visible: true, filterable: true, sortable: false },
|
||||||
{ key: 'trustScore', label: '软件可信评分', visible: true, filterable: false, sortable: true, tooltip: true },
|
{ key: 'trustScore', label: '软件可信等级', visible: true, filterable: false, sortable: true, tooltip: true },
|
||||||
{ key: 'securityScore', label: '软件重要性评分', visible: true, filterable: false, sortable: true },
|
// { key: 'securityScore', label: '软件重要性评分', visible: true, filterable: false, sortable: true },
|
||||||
{ key: 'licenseNum', label: 'License数量', visible: true, filterable: false, sortable: false,width: 140 },
|
{ key: 'licenseNum', label: 'License数量', visible: true, filterable: false, sortable: false,width: 140 },
|
||||||
{ key: 'industryCategory', label: '行业类型', visible: true, filterable: true, sortable: false },
|
{ key: 'industryCategory', label: '行业类型', visible: true, filterable: true, sortable: false },
|
||||||
{ key: 'primaryLanguage', label: '编程语言', visible: true, filterable: true, sortable: false },
|
{ key: 'primaryLanguage', label: '编程语言', visible: true, filterable: true, sortable: false },
|
||||||
@@ -337,8 +345,8 @@ const defultColumns = ref([
|
|||||||
const columns = ref([
|
const columns = ref([
|
||||||
{ key: 'softwareName', label: '软件名称', visible: true, filterable: true, sortable: false },
|
{ key: 'softwareName', label: '软件名称', visible: true, filterable: true, sortable: false },
|
||||||
{ key: 'softwareVersion', label: '软件版本', visible: true, filterable: true, sortable: false },
|
{ key: 'softwareVersion', label: '软件版本', visible: true, filterable: true, sortable: false },
|
||||||
{ key: 'trustScore', label: '软件可信评分', visible: true, filterable: false, sortable: true, tooltip: true },
|
{ key: 'trustScore', label: '软件可信等级', visible: true, filterable: false, sortable: true, tooltip: true },
|
||||||
{ key: 'securityScore', label: '软件重要性评分', visible: true, filterable: false, sortable: true },
|
// { key: 'securityScore', label: '软件重要性评分', visible: true, filterable: false, sortable: true },
|
||||||
{ key: 'licenseNum', label: 'License数量', visible: true, filterable: false, sortable: false,width: 140 },
|
{ key: 'licenseNum', label: 'License数量', visible: true, filterable: false, sortable: false,width: 140 },
|
||||||
{ key: 'industryCategory', label: '行业类型', visible: true, filterable: true, sortable: false },
|
{ key: 'industryCategory', label: '行业类型', visible: true, filterable: true, sortable: false },
|
||||||
{ key: 'primaryLanguage', label: '编程语言', visible: true, filterable: true, sortable: false },
|
{ key: 'primaryLanguage', label: '编程语言', visible: true, filterable: true, sortable: false },
|
||||||
@@ -744,4 +752,8 @@ const exportResult = async () => {
|
|||||||
padding: 7px 20px 12px;
|
padding: 7px 20px 12px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:deep(.devui-progress) {
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user