可信代码库-软件列表软件详情许可证信息展示修改、软件列表展示修改
This commit is contained in:
@@ -4,6 +4,7 @@ import GAuth from './widget/auth.vue';
|
||||
import GAgreement from './widget/agreement.vue';
|
||||
import GAgreements from './widget/agreements.vue';
|
||||
import GTitle from './widget/title.vue';
|
||||
import logo from '@/assets/imgs/logo.png'
|
||||
import { useModel } from '@/utils/hooks/useModel';
|
||||
import type { GLoginModalProps, GLogoProps } from './types';
|
||||
import { TransAssetsUrl } from '@/utils/asset';
|
||||
@@ -785,8 +786,14 @@ onUnmounted(() => {
|
||||
:class="['login-modal', formType === 'login' ? 'login-modal-l' : 'login-modal-r']"
|
||||
>
|
||||
<template #header>
|
||||
<div v-if="formType === 'login'" class="header-h1">国家可信开源代码库账号登录</div>
|
||||
<div v-else class="header-h1">国家可信开源代码库账号注册</div>
|
||||
<div v-if="formType === 'login'" class="header-h1">
|
||||
<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 #default>
|
||||
<!-- <div v-if="formType === 'login'" class="header-h1">国家可信开源代码库账号登录</div>-->
|
||||
@@ -801,13 +808,21 @@ $active-color: var(--color-CG800);
|
||||
$inactive-title: var(--color-CG500);
|
||||
$active-panel: var(--color-G800);
|
||||
.header-h1 {
|
||||
letter-spacing: 0.5px;
|
||||
line-height: 24px;
|
||||
font-size: 20px;
|
||||
color: #000000;
|
||||
padding-left: 16px;
|
||||
padding-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
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 {
|
||||
box-sizing: border-box;
|
||||
border-width: 0;
|
||||
|
||||
@@ -75,19 +75,19 @@ const tableConfig = ref([
|
||||
header: '许可证种类',
|
||||
sortable: false,
|
||||
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([]);
|
||||
|
||||
@@ -75,19 +75,19 @@ const tableConfig = ref([
|
||||
header: '许可证种类',
|
||||
sortable: false,
|
||||
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([]);
|
||||
|
||||
@@ -133,8 +133,16 @@
|
||||
</d-popover>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'trustScore'">
|
||||
<d-popover :content="scope.row.trustScore || '--'" trigger="hover" style="background-color: #7693f5; color: #fff">
|
||||
<d-tag color="#ef4444">{{ '高度可信' || '--' }}</d-tag>
|
||||
<d-popover trigger="hover" >
|
||||
<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>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'releaseDate'">
|
||||
@@ -306,8 +314,8 @@ const openDelete = (row: any) => {
|
||||
const defultColumns = ref([
|
||||
{ key: 'softwareName', 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: 'securityScore', label: '软件重要性评分', visible: true, filterable: false, sortable: true },
|
||||
{ key: 'trustScore', label: '软件可信等级', visible: true, filterable: false, sortable: true, tooltip: true },
|
||||
// { key: 'securityScore', label: '软件重要性评分', visible: true, filterable: false, sortable: true },
|
||||
{ key: 'licenseNum', label: 'License数量', visible: true, filterable: false, sortable: false,width: 140 },
|
||||
{ key: 'industryCategory', 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([
|
||||
{ key: 'softwareName', 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: 'securityScore', label: '软件重要性评分', visible: true, filterable: false, sortable: true },
|
||||
{ key: 'trustScore', label: '软件可信等级', visible: true, filterable: false, sortable: true, tooltip: true },
|
||||
// { key: 'securityScore', label: '软件重要性评分', visible: true, filterable: false, sortable: true },
|
||||
{ key: 'licenseNum', label: 'License数量', visible: true, filterable: false, sortable: false,width: 140 },
|
||||
{ key: 'industryCategory', 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;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
:deep(.devui-progress) {
|
||||
width: 150px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user