态势感知平台-增加武汉市开源建设生态页面展示
This commit is contained in:
57
src/App.vue
57
src/App.vue
@@ -107,7 +107,7 @@ onMounted(() => {
|
||||
/** mobile暂定全部重定向为首页 */
|
||||
addEventListener('notice', toNotice);
|
||||
window.addEventListener('message', (event) => {
|
||||
let VITE_HOST = window.location.origin + '/openRepoPortal';
|
||||
let VITE_HOST = window.location.origin + '/SAP';
|
||||
// if (event.origin === (import.meta as any).env.VITE_HOST) {
|
||||
if (event.origin === VITE_HOST) {
|
||||
if (event.data.type === 'success') {
|
||||
@@ -177,54 +177,11 @@ onBeforeUnmount(() => {
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.global-notification {
|
||||
&-mobile {
|
||||
.devui-notification {
|
||||
right: 15px;
|
||||
left: 15px;
|
||||
width: #{calc(100vw - 30px )};
|
||||
top: 60px;
|
||||
&__title {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.devui-notification-item-container {
|
||||
background: rgba(255, 255, 255, 1);
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
opacity: 1;
|
||||
.devui-notification__item {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-pc {
|
||||
.devui-notification {
|
||||
width: 296px;
|
||||
right: 22px;
|
||||
top: 60px;
|
||||
&__title {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.devui-notification-item-container {
|
||||
background: rgba(255, 255, 255, 1);
|
||||
box-sizing: border-box;
|
||||
padding: 22px;
|
||||
opacity: 1;
|
||||
.devui-notification__item {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.devui-notification__message {
|
||||
margin-left: 0;
|
||||
}
|
||||
.icon-close {
|
||||
font-size: 0 !important;
|
||||
&:before {
|
||||
content: ''
|
||||
}
|
||||
}
|
||||
body {
|
||||
color: #000;
|
||||
font-family: PingFangSC, PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft YaHei, sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
word-break: break-word;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -63,3 +63,10 @@ export function queryTaskSoftwareDetail(params: {taskId: number}) {
|
||||
});
|
||||
}
|
||||
|
||||
export function uvdV1Chat(params) {
|
||||
return request({
|
||||
url: `/uvd/v1/chat`,
|
||||
method: 'post',
|
||||
data: params,
|
||||
});
|
||||
}
|
||||
|
||||
@@ -498,3 +498,12 @@ export function fetchCheckAuthenticate(data) {
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
export const getNoticeAdd = (data): Promise<any> => {
|
||||
return request({
|
||||
url: `/notice/add`,
|
||||
method: 'POST',
|
||||
data
|
||||
});
|
||||
};
|
||||
|
||||
@@ -1543,3 +1543,176 @@ export const getOriginalComment = (params: types.DiscussionCommentProps): Promis
|
||||
);
|
||||
}
|
||||
|
||||
// 获取漏洞数据
|
||||
export const getVulnDetail = (alertId: types.VulnDetailProps): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/api/v1/alerts/${alertId}`,
|
||||
method: 'get'
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 获取漏洞数据
|
||||
export const getVulnAffected = (params: types.VulnDetailProps): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/api/v1/alerts/component`,
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 获取漏洞数据
|
||||
export const getVulnPatch = (params: types.VulnDetailProps): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/api/v1/alerts/patch`,
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 获取漏洞数据
|
||||
export const getVulnerabilitiespage = (data: any): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/org/api/v1/vulnerabilities/page`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
);
|
||||
};
|
||||
export const getVulnerabilitiesDetails = (id: any): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/org/api/v1/vulnerabilities/${id}`,
|
||||
method: 'get'
|
||||
})
|
||||
);
|
||||
};
|
||||
export const getVulnerabilitiesComponents = (data: any): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/org/api/v1/vulnerabilities/components/page`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
export const getVulnerabilitiesAlertsPatch = (params: any): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/api/v1/alerts/patch`,
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
export const getVulnerabilitiesAlertsUsers = (id: any): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/org/api/v1/vulnerabilities/${id}/alerts`,
|
||||
method: 'get'
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
export const storageStartTask = (data: any): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/task/storage/startTask`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 出库申请
|
||||
export const storageStartOutTask = (data: any): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/task/storage/startOutTask`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 发送预警
|
||||
export const sendWarning = (data: any): Promise<any> => {
|
||||
return reqCatch(() =>
|
||||
request({
|
||||
url: `/org/api/v1/send/alert/alertPublish`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 获取预警详情
|
||||
export const getEarlyWarningInfo = (data: any): Promise<any> => {
|
||||
return reqCatchV2(() =>
|
||||
request({
|
||||
url: '/org/api/v1/send/alert/alertInfo',
|
||||
method: 'POST',
|
||||
data
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 获取预警列表
|
||||
export const getGetAlertListPage = (data: any): Promise<any> => {
|
||||
return reqCatchV2(() =>
|
||||
request({
|
||||
url: '/org/api/v1/send/alert/getAlertListPage',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
);
|
||||
};
|
||||
// 获取预警处理人员列表
|
||||
export const getGetAlertUserListPage = (data: any): Promise<any> => {
|
||||
return reqCatchV2(() =>
|
||||
request({
|
||||
url: '/org/api/v1/send/alert/getNoticeDealList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 获取预警列表详情
|
||||
export const getGetAlertDetails = (id: any): Promise<any> => {
|
||||
return reqCatchV2(() =>
|
||||
request({
|
||||
url: `/org/api/v1/send/alert/getVulnerabilityDetail?vulnId=${id}`,
|
||||
method: 'get'
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 获取预警列表详情
|
||||
export const getNoticeDealCount = (id: any): Promise<any> => {
|
||||
return reqCatchV2(() =>
|
||||
request({
|
||||
url: `/org/api/v1/send/alert/getNoticeDealCount?vulnId=${id}`,
|
||||
method: 'get'
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
// 分页查询订阅预警信息接口
|
||||
export const getAlertSubscribesPage = (data: any): Promise<any> => {
|
||||
return reqCatchV2(() =>
|
||||
request({
|
||||
url: `/org/api/v1/send/alert/getAlertSubscribesPage`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
);
|
||||
};
|
||||
|
||||
@@ -310,3 +310,20 @@ circle.devui-radio__material-outer {
|
||||
padding: 16px 20px;
|
||||
}
|
||||
|
||||
|
||||
.tcode-login-modal {
|
||||
width: 600px;
|
||||
:deep(.devui-modal) {
|
||||
width: 600px !important;
|
||||
}
|
||||
.devui-modal__header {
|
||||
border-bottom: none;
|
||||
padding: 0;
|
||||
}
|
||||
.devui-modal__body {
|
||||
padding: 0; /* 移除默认内边距,由内部控制 */
|
||||
}
|
||||
.btn-close {
|
||||
z-index: 10; /* 确保关闭按钮在最上层 */
|
||||
}
|
||||
}
|
||||
|
||||
@@ -463,3 +463,99 @@
|
||||
padding: 20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.LNK:link, .LNK:visited {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
-webkit-transition: all .2s ease-out .1s;
|
||||
transition: all .2s ease-out .1s;
|
||||
}
|
||||
|
||||
img:hover {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform: matrix(1.02, 0, 0, 1.02, 0, 0);
|
||||
transform: matrix(1.02, 0, 0, 1.02, 0, 0);
|
||||
}
|
||||
|
||||
.animated {
|
||||
-webkit-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
|
||||
.swiper-button-prev, .swiper-button-next {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.GreenBtn {
|
||||
background: #4bad52;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
letter-spacing: .5px;
|
||||
text-align: center;
|
||||
-webkit-transition: all .4s ease-out;
|
||||
transition: all .4s ease-out;
|
||||
}
|
||||
|
||||
.GreenBtn:hover {
|
||||
background: #7aba4a;
|
||||
}
|
||||
|
||||
.GreenBtn .ICO {
|
||||
left: 6px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.EASE {
|
||||
-webkit-transition: all .4s ease-out;
|
||||
transition: all .4s ease-out;
|
||||
}
|
||||
|
||||
.ICO {
|
||||
background-position: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.ic-down {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAMAAADJYP15AAAAAXNSR0IArs4c6QAAAHhQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////xqjkrAAAACd0Uk5TAAIGChUWIywtLjNES1Zpa3Z3eHl6e3x9hYiTm526u7/G0uzu9fj5nSjk/AAAAHxJREFUKM+1zEcOwjAABdEBTHESQi+mm+J//xuyIBJJbCQWMMu3GHjXJVV576fYafhHHn3Bg71pcL7rAIzlTY2LcO0BsHm5kwWKcMuqzVreVFxTWMkbnGxTYSFvnGxLYS5/0LKtMJOkSGGaVJhcMn7c9hR1zOEcoh7lh8UTxpYPktza7JUAAAAASUVORK5CYII=);
|
||||
margin: 0 10px 0 0;
|
||||
width: 11px;
|
||||
}
|
||||
|
||||
.ic-arow, .ic-down {
|
||||
display: inline-block;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
|
||||
.TeamSetupModal {
|
||||
width: 600px !important;
|
||||
background: rgb(27, 25, 19);
|
||||
|
||||
|
||||
.devui-modal__header {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.devui-modal__body {
|
||||
padding: 4rem;
|
||||
}
|
||||
|
||||
.modal-actions-footer {
|
||||
padding: 0 4rem 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -366,28 +366,6 @@ body::-webkit-scrollbar-corner {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: transparent !important;
|
||||
// appearance: none;
|
||||
|
||||
&:-webkit-autofill,
|
||||
textarea:-webkit-autofill,
|
||||
select:-webkit-autofill {
|
||||
-webkit-text-fill-color: inherit !important;
|
||||
background-color: transparent !important;
|
||||
background-image: none;
|
||||
transition: background-color 36000s ease-in-out 0s; //背景色透明 生效时长 过渡效果 启用时延迟的时间
|
||||
}
|
||||
&:-moz-autofill,
|
||||
textarea:-moz-autofill,
|
||||
select:-moz-autofill {
|
||||
-webkit-text-fill-color: inherit !important;
|
||||
background-color: transparent !important;
|
||||
background-image: none;
|
||||
transition: background-color 36000s ease-in-out 0s; //背景色透明 生效时长 过渡效果 启用时延迟的时间
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1536px) {
|
||||
.g-padding-x {
|
||||
padding: 0 32px;
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 3.4 MiB After Width: | Height: | Size: 3.4 MiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 519 KiB After Width: | Height: | Size: 520 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 95 KiB After Width: | Height: | Size: 96 KiB |
@@ -5,7 +5,7 @@ import error404 from './data/error-404.json';
|
||||
import error503 from './data/error-503.json';
|
||||
|
||||
// lottie动画图片资源路径
|
||||
export const assetsPath = `/openRepoPortal/static/images/`;
|
||||
export const assetsPath = `/SAP/static/images/`;
|
||||
|
||||
export const defaultRender = 'canvas';
|
||||
|
||||
|
||||
@@ -152,7 +152,7 @@ const refReplyMd = ref();
|
||||
const focusReplyMdEditor = async() => {
|
||||
await nextTick();
|
||||
const lastLineNumber = refReplyMd.value.instance.lastLine();
|
||||
refReplyMd.value.instance.setCursor(lastLineNumber, 0);
|
||||
refReplyMd.value.instance.set金银湖大模型(lastLineNumber, 0);
|
||||
refReplyMd.value.instance.scrollIntoView(null, refReplyMd.value.instance.getScrollInfo().clientHeight - 10);
|
||||
refReplyMd.value.instance.focus();
|
||||
};
|
||||
|
||||
@@ -156,7 +156,7 @@ defineExpose({
|
||||
async focusMdEditor() {
|
||||
await nextTick();
|
||||
const lastLineNumber = refMd.value.instance.lastLine();
|
||||
refMd.value.instance.setCursor(lastLineNumber, 0);
|
||||
refMd.value.instance.set金银湖大模型(lastLineNumber, 0);
|
||||
refMd.value.instance.focus();
|
||||
},
|
||||
setReply(blo:boolean = true) {
|
||||
|
||||
@@ -46,14 +46,21 @@
|
||||
<span>帮助文档</span>
|
||||
</div>
|
||||
</d-button>
|
||||
<d-button class="jyh-button1" variant="solid" @click="handleHelp">
|
||||
<div class="flex flex-center">
|
||||
<img style="height: 15px;margin-right: 8px" width="16" :src="icon_helper" />
|
||||
<span>API开放入口</span>
|
||||
</div>
|
||||
</d-button>
|
||||
|
||||
<template v-if="!isLogin">
|
||||
<d-button @click="handleLogin('register')" class="min-w-[64px]">注册</d-button>
|
||||
<d-button variant="solid" color="primary" @click="handleLogin('login')">账号登录</d-button>
|
||||
</template>
|
||||
<template v-else>
|
||||
<UserAvatar />
|
||||
</template>
|
||||
<!-- <template v-if="!isLogin">-->
|
||||
<!-- <d-button @click="handleLogin('register')" class="min-w-[64px]">注册</d-button>-->
|
||||
<!-- <d-button variant="solid" color="primary" @click="handleLogin('login')">账号登录</d-button>-->
|
||||
<!-- </template>-->
|
||||
<!-- <template v-else>-->
|
||||
<!-- <UserAvatar />-->
|
||||
<!-- </template>-->
|
||||
<UserAvatar />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<d-input
|
||||
@keyup.enter="search"
|
||||
:key="$route.path + $route.query?.val" id="golbalSearch" class="g-header-search"
|
||||
v-model.trim="softwareName" placeholder="请输入软件名称搜索" @clear="handleClear" clearable >
|
||||
v-model.trim="softwareName" placeholder="请输入名称搜索" @clear="handleClear" clearable >
|
||||
<template #prepend>
|
||||
<d-dropdown>
|
||||
<div class="flex items-center gap-1 cursor-pointer">
|
||||
@@ -11,20 +11,23 @@
|
||||
</div>
|
||||
<template #menu>
|
||||
<ul class="list-menu">
|
||||
<li class="menu-item" @click="onCategoryChange('软件')">软件</li>
|
||||
<d-dropdown :position="position" :offset="0">
|
||||
<li class="menu-item">
|
||||
行业
|
||||
<i class="icon icon-chevron-right"></i>
|
||||
</li>
|
||||
<template #menu>
|
||||
<ul class="list-menu">
|
||||
<li class="menu-item" v-for="option in industryList" @click="onCategoryChange(option)">
|
||||
{{ option.name }}
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</d-dropdown>
|
||||
<!-- <li class="menu-item" @click="onCategoryChange('软件')">软件</li>-->
|
||||
<li class="menu-item" @click="onCategoryChange('漏洞')">漏洞</li>
|
||||
<li class="menu-item" @click="onCategoryChange('组件')">组件</li>
|
||||
<li class="menu-item" @click="onCategoryChange('情报')">情报</li>
|
||||
<!-- <d-dropdown :position="position" :offset="0">-->
|
||||
<!-- <li class="menu-item">-->
|
||||
<!-- 行业-->
|
||||
<!-- <i class="icon icon-chevron-right"></i>-->
|
||||
<!-- </li>-->
|
||||
<!-- <template #menu>-->
|
||||
<!-- <ul class="list-menu">-->
|
||||
<!-- <li class="menu-item" v-for="option in industryList" @click="onCategoryChange(option)">-->
|
||||
<!-- {{ option.name }}-->
|
||||
<!-- </li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- </template>-->
|
||||
<!-- </d-dropdown>-->
|
||||
</ul>
|
||||
</template>
|
||||
</d-dropdown>
|
||||
@@ -48,7 +51,7 @@ const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
const softwareName = ref('');
|
||||
const searchType = ref('软件');
|
||||
const searchType = ref('漏洞');
|
||||
|
||||
const position = ref(['right-start', 'right-end']);
|
||||
// const industryOptions = ref(['通信', '军工', '金融', '能源']);
|
||||
@@ -56,7 +59,7 @@ const position = ref(['right-start', 'right-end']);
|
||||
const placeholder = ref('「开搜」:一搜即达,开发者的AI搜索');
|
||||
const industryList = globalInfo.industryList;
|
||||
const onCategoryChange = (event) => {
|
||||
searchType.value = event?.name || '软件';
|
||||
searchType.value = event?.name || '漏洞';
|
||||
globalInfo.updateHeaderSearch({ softwareName: softwareName.value, searchType: event.value });
|
||||
}
|
||||
|
||||
|
||||
@@ -1,276 +1,250 @@
|
||||
<template>
|
||||
<div class="full-w" :style="{ height: `${height}px` }">
|
||||
<div class="g-header fixed z-20" ref="headerRef" :class="{ 'home-background': isHome }">
|
||||
<div class="g-toolbar w-full overflow-hidden" :class="[searchClass, route?.meta?.headerClassName]">
|
||||
<div class="g-toolbar-left flex-shrink items-center">
|
||||
<div class="flex-center gap-[16px]" v-if="!isHome">
|
||||
<!-- <g-icon v-if="!asideSetShow" @click="$emit('clickMenu')" name="gt-hamburger" size="20px" class="cursor-pointer hover:!text-black" color="#1D1F3A"></g-icon>-->
|
||||
<GLink class="g-toolbar-left-logo" :href="baseUrl" />
|
||||
<!-- <GLink class="g-toolbar-left-title" :href="baseUrl">可信代码库</GLink>-->
|
||||
<div class="comHeader">
|
||||
<div class="nav-container">
|
||||
<a href="/" class="logo">
|
||||
<img src="@/assets/imgs/logo3.png" alt="Tcode" class="logo-img">
|
||||
</a>
|
||||
|
||||
<!-- <Entrance v-if="isLogin" :is-mobile="isMobile" /> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 flex items-center justify-end" v-if="!isHome">
|
||||
<Search class="g-toolbar-left-search" v-if="!isMobile" :key="$route.fullPath" />
|
||||
</div>
|
||||
<!--AI-->
|
||||
<a v-if="!isHome" @click="gotoAI">
|
||||
<img style="width: 98px;height: 32px;cursor: pointer" src="@/assets/imgs/jyh/ai/ai_zh.png" />
|
||||
</a>
|
||||
<div class="g-toolbar-right gap-[12px] flex-grow-0 flex-shrink-0">
|
||||
<GLink
|
||||
class="g-toolbar-right-link"
|
||||
v-for="item in defaultLinkList"
|
||||
:key="item.label"
|
||||
:to="item.to"
|
||||
:href="item.href"
|
||||
:target="item.target"
|
||||
>
|
||||
{{ item.label }}
|
||||
</GLink>
|
||||
<template v-if="!isLogin">
|
||||
<d-button class="border-none w-84 h-32 btn-add hidden-m" @click="handleLogin('login')" v-if="inSearch">
|
||||
<GIcon name="gt-plane-add" size="16px" color="#9C9DB4" />
|
||||
<span>新建</span>
|
||||
</d-button>
|
||||
<div class="cursor-pointer hidden-m" @click="handleLogin('login')" v-if="inSearch">
|
||||
<span>搜索记录</span>
|
||||
</div>
|
||||
<d-button @click="handleLogin('register')" class="min-w-[64px]">注册</d-button>
|
||||
<d-button variant="solid" color="primary" @click="handleLogin('login')">账号登录</d-button>
|
||||
</template>
|
||||
<template v-else>
|
||||
<!--ai copilot-->
|
||||
<!-- <a class="g-header-copilot" href="/ai-copilot/">-->
|
||||
<!-- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">-->
|
||||
<!-- <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 6C2.5 4.89543 3.39543 4 4.5 4H11.5C12.6046 4 13.5 4.89543 13.5 6V12C13.5 13.1046 12.6046 14 11.5 14H4.5C3.39543 14 2.5 13.1046 2.5 12V6ZM4.5 8C4.5 7.44772 4.94772 7 5.5 7C6.05228 7 6.5 7.44772 6.5 8V9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9V8ZM10.5 7C9.94772 7 9.5 7.44772 9.5 8V9C9.5 9.55228 9.94772 10 10.5 10C11.0523 10 11.5 9.55228 11.5 9V8C11.5 7.44772 11.0523 7 10.5 7Z" fill="white"/>-->
|
||||
<!-- <path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M8.75 3.29933C9.19835 3.03997 9.5 2.55521 9.5 2C9.5 1.17157 8.82843 0.5 8 0.5C7.17157 0.5 6.5 1.17157 6.5 2C6.5 2.55521 6.80165 3.03997 7.25 3.29933V5.5H8.75V3.29933ZM0 7C0 6.44772 0.447715 6 1 6H1.5V12H1C0.447715 12 0 11.5523 0 11V7ZM15 6H14.5V12H15C15.5523 12 16 11.5523 16 11V7C16 6.44772 15.5523 6 15 6Z" fill="white"/>-->
|
||||
<!-- </svg>-->
|
||||
<!-- <span class="ml-xs">AI Copilot</span>-->
|
||||
<!-- </a>-->
|
||||
<!-- <Create />-->
|
||||
<!-- <SearchAiHistory />-->
|
||||
<!-- <d-popover content="提示!" trigger="hover" style="background-color: #7693f5; color: #fff">
|
||||
<d-icon style="font-size: 16px" name="icon-helping" />
|
||||
</d-popover> -->
|
||||
<Notice />
|
||||
<UserAvatar />
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="$slots.info || $slots.menu || $slots.bodyHeader" class="g-header-body">
|
||||
<slot name="bodyHeader">
|
||||
<div class="g-header-body-left h-full">
|
||||
<slot name="info" />
|
||||
</div>
|
||||
<div class="g-header-body-right h-full">
|
||||
<slot name="menu"></slot>
|
||||
</div>
|
||||
</slot>
|
||||
</div>
|
||||
<div v-if="$slots.headerBottom">
|
||||
<slot name="headerBottom"></slot>
|
||||
<div class="right-menu">
|
||||
<!-- <ul class="nav-list">-->
|
||||
<!-- <li><router-link to="/home" class="LNK">首页</router-link></li>-->
|
||||
|
||||
<!-- <li class="has-submenu">-->
|
||||
<!-- <router-link to="/ProductServices" class="LNK">产品服务</router-link>-->
|
||||
<!-- </li>-->
|
||||
|
||||
<!-- <li><router-link to="/solutions" class="LNK">解决方案</router-link></li>-->
|
||||
<!--<!– <li><router-link to="/data" class="LNK">数据服务</router-link></li>–>-->
|
||||
|
||||
<!-- <li class="has-submenu dropdown-trigger">-->
|
||||
<!-- <router-link to="/data" class="LNK">数据服务</router-link>-->
|
||||
|
||||
<!-- <div class="dropdown-menu">-->
|
||||
<!-- <div class="dropdown-inner">-->
|
||||
<!-- <div v-for="(sub, idx) in dataSubMenus" :key="idx" class="dropdown-item" @click="router.push(sub.path)">-->
|
||||
<!-- <div class="item-icon">{{ sub.icon }}</div>-->
|
||||
<!-- <div class="item-content">-->
|
||||
<!-- <h4 class="item-title">{{ sub.title }}</h4>-->
|
||||
<!-- <p class="item-desc">{{ sub.desc }}</p>-->
|
||||
<!-- <router-link :to="sub.path" class="item-link">-->
|
||||
<!-- <i class="ico-dp"></i> {{ sub.linkText }}-->
|
||||
<!-- </router-link>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
|
||||
<!-- <li><router-link to="/Situation" class="LNK">态势感知中心</router-link></li>-->
|
||||
<!-- <li><router-link to="/pricing" class="LNK">定价</router-link></li>-->
|
||||
<!-- <li><router-link to="/intro" class="LNK">关于我们</router-link></li>-->
|
||||
<!-- </ul>-->
|
||||
|
||||
<a v-if="!isLogin" class="login-btn" @click="handleLogin('login')">登录</a>
|
||||
<UserAvatar v-else/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onBeforeUnmount, ref, watchEffect, computed } from 'vue';
|
||||
import { useElementSize } from '@vueuse/core';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import { useAccountStore } from '@/stores/user';
|
||||
import { emitEvent } from '@/utils/eventBus';
|
||||
|
||||
import Create from './Create.vue';
|
||||
import Entrance from './Entrance.vue';
|
||||
import Notice from './Notice.vue';
|
||||
import Search from './Search.vue';
|
||||
import SearchAiHistory from './searchAiHistory.vue';
|
||||
<script setup lang="ts">
|
||||
import {ref, reactive} from 'vue';
|
||||
import UserAvatar from './UserAvatar.vue';
|
||||
import { useWindowScroll } from '@vueuse/core';
|
||||
import { usePageResize } from '@/utils/hooks/usePageResize';
|
||||
import microApp from '@micro-zoe/micro-app';
|
||||
|
||||
const baseUrl = import.meta.env.VITE_BASE_URL;
|
||||
const { y } = useWindowScroll();
|
||||
const defaultLinkList = ref([]);
|
||||
const route = useRoute();
|
||||
const inSearch = ref(false);
|
||||
const searchClass = computed(() => ({ 'border-b-transparent': inSearch.value && y.value === 0 }));
|
||||
// header fixed布局高度自适应
|
||||
const headerRef = ref(null);
|
||||
const { height = 56 } = useElementSize(headerRef);
|
||||
|
||||
import {emitEvent} from "@/utils/eventBus";
|
||||
import { useAccountStore } from '@/stores/user';
|
||||
import { storeToRefs } from 'pinia';
|
||||
const userInfo = useAccountStore();
|
||||
const { isLogin } = storeToRefs(userInfo);
|
||||
const showSearch = computed(() => route.name !== 'home' && route.name !== 'search');
|
||||
const isHome = computed(() => route.name === 'home');
|
||||
const handleLogin = (type) => {
|
||||
emitEvent('login', { type, triggerType: '主动注册' });
|
||||
};
|
||||
const { isMobile } = usePageResize();
|
||||
const router = useRouter();
|
||||
const gotoAI = (row) => {
|
||||
// 后续请换成params,暂时params传参没传过去
|
||||
router.push({ name: 'aihome' });
|
||||
};
|
||||
|
||||
/* store 用户信息 */
|
||||
/* @test 后面将清除 */
|
||||
watchEffect(() => {});
|
||||
microApp.router.beforeEach({
|
||||
'micoro-app-homeweb-app': (to, from) => {
|
||||
if (to.pathname === '/search') {
|
||||
inSearch.value = true;
|
||||
} else {
|
||||
inSearch.value = false;
|
||||
}
|
||||
const dataSubMenus = [
|
||||
{
|
||||
icon: '🗄️',
|
||||
title: '漏洞数据库',
|
||||
desc: '聚合 NVD/CNNVD/OSV 数据,提供标准化漏洞详情查询。',
|
||||
linkText: '[ 查询漏洞 > ]',
|
||||
path: '/VulnerabilityDatabase'
|
||||
},
|
||||
{
|
||||
icon: '🧠',
|
||||
title: '威胁情报库',
|
||||
desc: '实时推送 CISA KEV 列表及供应链攻击情报 IOC。',
|
||||
linkText: '[ 订阅情报 > ]',
|
||||
path: '/ThreatIntelligence'
|
||||
},
|
||||
{
|
||||
icon: '🚨',
|
||||
title: '安全事件中心',
|
||||
desc: '全球重大开源安全事件历史档案与复盘分析。',
|
||||
linkText: '[ 查看事件 > ]',
|
||||
path: '/News'
|
||||
}
|
||||
});
|
||||
defineExpose({
|
||||
height
|
||||
});
|
||||
];
|
||||
|
||||
const handleLogin = (type) => {
|
||||
emitEvent('login', {type, triggerType: '主动注册'});
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import 'devui-theme/styles-var/devui-var.scss';
|
||||
|
||||
$radius: 4px;
|
||||
$add-radius: 48px;
|
||||
$header-bg: #fff;
|
||||
|
||||
.home-background {
|
||||
background-color: #fff0 !important;
|
||||
}
|
||||
|
||||
.g-header {
|
||||
// overflow: hidden;
|
||||
.comHeader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
background: #050505;
|
||||
z-index: 1000;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav-container {
|
||||
width: 100%;
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: 0 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-color: $header-bg;
|
||||
:deep(.g-link) {
|
||||
color: $devui-text-weak;
|
||||
}
|
||||
.g-header-copilot {
|
||||
background: rgba(41, 81, 224, 1);
|
||||
color: #fff;
|
||||
width: 120px;
|
||||
border-radius: 48px;
|
||||
height: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
justify-content: center;
|
||||
&:hover {
|
||||
background: rgba(41, 81, 224, 0.8);
|
||||
}
|
||||
}
|
||||
.g-toolbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex: 1;
|
||||
gap: 16px;
|
||||
flex-basis: 56px;
|
||||
overflow: hidden;
|
||||
padding: 0 24px;
|
||||
border-bottom: 1px solid #f1f1f8;
|
||||
:deep(.devui-button) {
|
||||
padding: 6px 16px;
|
||||
border-radius: $add-radius;
|
||||
}
|
||||
&-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 25px;
|
||||
&-logo {
|
||||
display: inline-block;
|
||||
width: 90px;
|
||||
height: 32px;
|
||||
background: url(../../assets/imgs/logo2.png) no-repeat;
|
||||
background-size: contain;
|
||||
vertical-align: middle;
|
||||
background-position: 0 center;
|
||||
}
|
||||
&-title {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
&-search {
|
||||
max-width: 340px;
|
||||
border-radius: $radius;
|
||||
}
|
||||
}
|
||||
&-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@media screen and (max-width: 576px) {
|
||||
@apply gap-[16px];
|
||||
}
|
||||
}
|
||||
&.border-b-transparent {
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
&.border-b-show {
|
||||
border-bottom-color: #f1f1f8 !important;
|
||||
}
|
||||
}
|
||||
.g-header-gray {
|
||||
@apply bg-[#F9F9FB];
|
||||
}
|
||||
&-body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 32px;
|
||||
background-color: $header-bg;
|
||||
border-bottom: 1px solid $devui-dividing-line;
|
||||
flex-basis: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
.g-header {
|
||||
.g-toolbar {
|
||||
padding: 20px;
|
||||
border-color: transparent;
|
||||
}
|
||||
.g-toolbar-left-logo {
|
||||
width: 28px;
|
||||
background-size: cover;
|
||||
}
|
||||
&-body {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.logo-img {
|
||||
height: 42px;
|
||||
width: auto;
|
||||
}
|
||||
.btn-add {
|
||||
background-color: #000;
|
||||
color: #fff !important;
|
||||
width: 84px;
|
||||
|
||||
.right-menu {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.nav-list {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.nav-list li .LNK {
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.router-link-active,
|
||||
.router-link-exact-active,
|
||||
.nav-list li .LNK:hover {
|
||||
color: #C8161D !important;
|
||||
}
|
||||
|
||||
/* --- 按钮样式 --- */
|
||||
.login-btn {
|
||||
cursor: pointer;
|
||||
background: #C8161D;
|
||||
color: #fff;
|
||||
padding: 8px 24px;
|
||||
border-radius: 20px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
span {
|
||||
margin-left: 8px;
|
||||
}
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
transition: background 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #333;
|
||||
background: #A01218;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 576px) {
|
||||
.hidden-m {
|
||||
display: none;
|
||||
|
||||
.dropdown-trigger {
|
||||
position: relative;
|
||||
|
||||
&:hover .dropdown-menu {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0);
|
||||
}
|
||||
.g-header-copilot {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: -130px;
|
||||
transform: translateX(-50%) translateY(10px);
|
||||
width: 320px;
|
||||
background: #1a1a1a; /* 深色背景符合专业感 */
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: all 0.3s ease;
|
||||
z-index: 1001;
|
||||
padding: 12px;
|
||||
|
||||
/* 顶部三角形箭头 */
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -6px; left: 50%;
|
||||
transform: translateX(-50%);
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #1a1a1a;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
display: flex;
|
||||
padding: 16px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
background: #262626;
|
||||
|
||||
.item-title { color: #C8161D; }
|
||||
.item-link { color: #C8161D; }
|
||||
}
|
||||
}
|
||||
|
||||
.item-icon {
|
||||
font-size: 24px;
|
||||
margin-right: 16px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.item-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.item-title {
|
||||
margin: 0 0 6px 0;
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.item-desc {
|
||||
margin: 0 0 8px 0;
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.item-link {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
font-weight: 500;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
</style>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -38,8 +38,8 @@
|
||||
</div>
|
||||
<Aside :asideDefaultWidth="240" @on-select="handleClickMenu" style="height: calc(100% - 60px);padding-top: 0px;"></Aside>
|
||||
</d-drawer>
|
||||
<d-layout :style="{ marginLeft: mainMarginLeftWidth + 'px', transition: 'margin-left ease 0.1s' }">
|
||||
<d-layout :class="responsiveClass" :style="{ minHeight: `calc(100% - ${footerSize?.height.value || 0}px)` }">
|
||||
<d-layout :style="{ marginLeft: mainMarginLeftWidth + 'px', transition: 'margin-left ease 0.1s', marginTop: '23px' }">
|
||||
<d-layout :class="responsiveClass">
|
||||
<!-- sidebar -->
|
||||
<d-aside class="d-aside mr-[32px] pt-24" v-if="route?.meta?.sidebarType">
|
||||
<slot name="sidebar"></slot>
|
||||
@@ -51,6 +51,8 @@
|
||||
</slot>
|
||||
</d-content>
|
||||
</d-layout>
|
||||
|
||||
<ComFooter />
|
||||
<!-- footer -->
|
||||
<!-- <d-footer v-if="!route?.meta?.hiddenFooter" ref="refFooter">
|
||||
<slot name="footer">
|
||||
@@ -72,6 +74,7 @@ import { RouterView, useRoute, useRouter } from 'vue-router';
|
||||
import { computed, ref, watch, watchEffect, onMounted, onUnmounted } from 'vue';
|
||||
import Header from '@/components/Header/index.vue';
|
||||
import Footer from '@/components/Footer/index.vue';
|
||||
import ComFooter from '@/views/Jyh/Home/component/ComFooter.vue';
|
||||
import Aside from './aside.vue';
|
||||
import { useGlobalInfoStore } from '@/stores/Global';
|
||||
|
||||
@@ -192,21 +195,21 @@ onUnmounted(() => {
|
||||
vertical-align: middle;
|
||||
background-position: 0 center;
|
||||
}
|
||||
|
||||
.home-background {
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
//background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1)),url('@/assets/imgs/home/首页01_BG_@2x.png');
|
||||
background-image: url('@/assets/imgs/home/首页02_BG_@2x.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
}
|
||||
//
|
||||
//.home-background {
|
||||
// &::before {
|
||||
// content: '';
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// //background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1)),url('@/assets/imgs/home/首页01_BG_@2x.png');
|
||||
// background-image: url('@/assets/imgs/home/首页02_BG_@2x.png');
|
||||
// background-size: cover;
|
||||
// background-position: center;
|
||||
// z-index: -1;
|
||||
// }
|
||||
//
|
||||
//}
|
||||
</style>
|
||||
|
||||
@@ -20,17 +20,28 @@ export default [
|
||||
{
|
||||
path: '/home',
|
||||
name: 'home',
|
||||
component: () => import('@/views/Jyh/Home/index.vue'),
|
||||
component: () => import('@/views/Jyh/Situation/index.vue'),
|
||||
meta: {
|
||||
micorApp: ['micoro-app-homeweb-app'],
|
||||
hasMobile: true,
|
||||
hiddenFooter: true,
|
||||
reportTitle: '首页',
|
||||
title: '态势感知中心',
|
||||
reportTitle: '态势感知中心',
|
||||
className: 'w-full min-w-full',
|
||||
headerClassName: '',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/solutions',
|
||||
name: 'solutions',
|
||||
component: () => import('@/views/Jyh/solutions/index.vue'),
|
||||
meta: {
|
||||
title: '解决方案',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/repoDetail/AIRepair',
|
||||
name: 'AIRepair',
|
||||
@@ -56,19 +67,19 @@ export default [
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'repoList',
|
||||
name: 'Search',
|
||||
component: () => import('@/views/Jyh/Search/index.vue'),
|
||||
meta: {
|
||||
title: '高级搜索',
|
||||
reportTitle: '搜索',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
// {
|
||||
// path: 'repoList',
|
||||
// name: 'Search',
|
||||
// component: () => import('@/views/Jyh/Search/index.vue'),
|
||||
// meta: {
|
||||
// title: '高级搜索',
|
||||
// reportTitle: '搜索',
|
||||
// className: 'w-full min-w-full',
|
||||
// hiddenFooter: true,
|
||||
// hasMobile: true,
|
||||
// asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
// }
|
||||
// },
|
||||
{
|
||||
path: 'repoDetail/:versionId',
|
||||
name: 'VersionDetail',
|
||||
@@ -120,8 +131,310 @@ export default [
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
// path: 'KnowledgeHub',
|
||||
// name: 'KnowledgeHub',
|
||||
path: 'repoList',
|
||||
name: 'Search',
|
||||
component: () => import('@/views/Jyh/KnowledgeHub/index.vue'),
|
||||
meta: {
|
||||
title: '安全知识库',
|
||||
reportTitle: '安全知识库',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'TestingCenter',
|
||||
name: 'TestingCenter',
|
||||
component: () => import('@/views/Jyh/TestingCenter/index.vue'),
|
||||
meta: {
|
||||
title: '安全检测中心',
|
||||
reportTitle: '安全检测中心',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'OurTeam',
|
||||
name: 'OurTeam',
|
||||
component: () => import('@/views/Jyh/OurTeam/index.vue'),
|
||||
meta: {
|
||||
title: '关于我们',
|
||||
reportTitle: '关于我们',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'Pricing',
|
||||
name: 'Pricing',
|
||||
component: () => import('@/views/Jyh/Pricing/index.vue'),
|
||||
meta: {
|
||||
title: '定价',
|
||||
reportTitle: '定价',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/intro',
|
||||
name: 'Intro',
|
||||
component: () => import('@/views/Jyh/Intro/index.vue'),
|
||||
meta: {
|
||||
title: '关于我们',
|
||||
reportTitle: '关于我们',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/VulnerabilityDatabase',
|
||||
name: 'VulnerabilityDatabase',
|
||||
component: () => import('@/views/Jyh/VulnerabilityDatabase/index.vue'),
|
||||
meta: {
|
||||
title: '漏洞数据库',
|
||||
reportTitle: '漏洞数据库',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ThreatIntelligence',
|
||||
name: 'ThreatIntelligence',
|
||||
component: () => import('@/views/Jyh/ThreatIntelligence/index.vue'),
|
||||
meta: {
|
||||
title: '威胁情报库',
|
||||
reportTitle: '威胁情报库',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/News',
|
||||
name: 'News',
|
||||
component: () => import('@/views/Jyh/News/index.vue'),
|
||||
meta: {
|
||||
title: '安全事件中心',
|
||||
reportTitle: '安全事件中心',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/Insights',
|
||||
name: 'Insights',
|
||||
component: () => import('@/views/Jyh/Insights/index.vue'),
|
||||
meta: {
|
||||
title: '安全情报与动态',
|
||||
reportTitle: '安全情报与动态',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/Situation',
|
||||
name: 'Situation',
|
||||
component: () => import('@/views/Jyh/Situation/index.vue'),
|
||||
meta: {
|
||||
title: '态势感知中心',
|
||||
reportTitle: '态势感知中心',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ProductServices',
|
||||
name: 'ProductServices',
|
||||
component: () => import('@/views/Jyh/ProductServices/index.vue'),
|
||||
meta: {
|
||||
title: '可信开源态势感知平台 (源感)',
|
||||
reportTitle: '可信开源态势感知平台 (源感)',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ProductServices/1',
|
||||
name: 'ProductServices1',
|
||||
component: () => import('@/views/Jyh/ProductServices/ProductServices1/index.vue'),
|
||||
meta: {
|
||||
title: '可信开源态势感知平台 (源感)',
|
||||
reportTitle: '可信开源态势感知平台 (源感)',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ProductServices/2',
|
||||
name: 'ProductServices2',
|
||||
component: () => import('@/views/Jyh/ProductServices/ProductServices2/index.vue'),
|
||||
meta: {
|
||||
title: '金银湖安全大模型 (源鉴)',
|
||||
reportTitle: '金银湖安全大模型 (源鉴)',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ProductServices/3',
|
||||
name: 'ProductServices3',
|
||||
component: () => import('@/views/Jyh/ProductServices/ProductServices3/index.vue'),
|
||||
meta: {
|
||||
title: '软件供应链检测平台 (源链)',
|
||||
reportTitle: '软件供应链检测平台 (源链)',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ProductServices/4',
|
||||
name: 'ProductServices4',
|
||||
component: () => import('@/views/Jyh/ProductServices/ProductServices4/index.vue'),
|
||||
meta: {
|
||||
title: '智能终端应用安全监测平台(源端)',
|
||||
reportTitle: '智能终端应用安全监测平台(源端)',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/Dashboard',
|
||||
name: 'Dashboard',
|
||||
component: () => import('@/views/Jyh/Dashboard/index.vue'),
|
||||
meta: {
|
||||
title: 'Dashboard',
|
||||
reportTitle: 'Dashboard',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/Community',
|
||||
name: 'Community',
|
||||
component: () => import('@/views/Jyh/Community/index.vue'),
|
||||
meta: {
|
||||
title: '武汉开源生态建设',
|
||||
reportTitle: 'Community',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/security',
|
||||
name: 'security',
|
||||
component: () => import('@/views/Jyh/security/index.vue'),
|
||||
meta: {
|
||||
title: '全球开源风险态势感知监控中心',
|
||||
reportTitle: 'Community',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ecosystem',
|
||||
name: 'ecosystem',
|
||||
component: () => import('@/views/Jyh/ecosystem/index.vue'),
|
||||
meta: {
|
||||
title: '开源生态与贡献价值全景',
|
||||
reportTitle: 'Community',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/model-chat',
|
||||
name: 'ModelChat',
|
||||
component: () => import('@/views/Jyh/ModelChat/index.vue'),
|
||||
meta: {
|
||||
title: 'ModelChat',
|
||||
reportTitle: 'ModelChat',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/LinePage',
|
||||
name: 'LinePage',
|
||||
component: () => import('@/views/Jyh/LinePage/index.vue'),
|
||||
meta: {
|
||||
title: 'LinePage',
|
||||
reportTitle: 'LinePage',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/CheckoutPage',
|
||||
name: 'CheckoutPage',
|
||||
component: () => import('@/views/Jyh/Payment/CheckoutPage.vue'),
|
||||
meta: {
|
||||
title: 'CheckoutPage',
|
||||
reportTitle: 'CheckoutPage',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/CheckoutPayPage',
|
||||
name: 'CheckoutPayPage',
|
||||
component: () => import('@/views/Jyh/Payment/CheckoutPayPage.vue'),
|
||||
meta: {
|
||||
title: 'CheckoutPage',
|
||||
reportTitle: 'CheckoutPage',
|
||||
className: 'w-full min-w-full',
|
||||
hiddenFooter: true,
|
||||
hasMobile: true,
|
||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ai',
|
||||
redirect: '/ai/home',
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { createRouter, createWebHistory } from 'vue-router';
|
||||
import {createRouter, createWebHistory} from 'vue-router';
|
||||
|
||||
import homeRouter from './config/home';
|
||||
import settingRouter from './config/setting';
|
||||
@@ -8,7 +8,7 @@ import noticeRouter from './config/notice';
|
||||
import accountRouter from './config/account';
|
||||
import errorRouter from './config/error';
|
||||
|
||||
export { injectRouter } from './interceptor';
|
||||
export {injectRouter} from './interceptor';
|
||||
|
||||
export const router = createRouter({
|
||||
history: createWebHistory(import.meta.env.BASE_URL),
|
||||
@@ -20,7 +20,16 @@ export const router = createRouter({
|
||||
...settingRouter,
|
||||
...userRouter,
|
||||
...errorRouter
|
||||
]
|
||||
],
|
||||
scrollBehavior(to, from, savedPosition) {
|
||||
// 如果有保存的位置(点击浏览器后退按钮时),则恢复原位
|
||||
if (savedPosition) {
|
||||
return savedPosition;
|
||||
} else {
|
||||
// 否则滚动到页面最顶部
|
||||
return {top: 0, behavior: 'smooth'}; // 'smooth' 开启平滑滚动,如果不想要动画设为 'auto'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
export default router;
|
||||
|
||||
@@ -78,7 +78,7 @@ export const injectRouter = (router) => {
|
||||
|
||||
// 上报ref设置
|
||||
// const BASE_URL = (import.meta as any).env.VITE_HOST;
|
||||
const BASE_URL = window.location.origin + '/openRepoPortal';
|
||||
const BASE_URL = window.location.origin + '/SAP';
|
||||
const beforeRef = sessionStorage.getItem('ref');
|
||||
const ref = beforeRef || document.referrer || '';
|
||||
if (!fromHomeWeb.includes(to.name)) {
|
||||
|
||||
@@ -9,8 +9,8 @@ export const usePageTitle = (title?: string, name?:string) => {
|
||||
// pageTitle.value = `${title} - ${name} - ${projectName}`;
|
||||
pageTitle.value = `${title}`;
|
||||
} else {
|
||||
// pageTitle.value = title ? `${title} - ${projectName}` : (name ? `${name} - ${projectName}` : '可信开源代码库');
|
||||
pageTitle.value = title ? `${title}` : (name ? `${name} - ${projectName}` : '可信开源代码库');
|
||||
// pageTitle.value = title ? `${title} - ${projectName}` : (name ? `${name} - ${projectName}` : 'Tcode');
|
||||
pageTitle.value = title ? `${title}` : (name ? `${name} - ${projectName}` : 'Tcode');
|
||||
}
|
||||
return pageTitle.value;
|
||||
};
|
||||
|
||||
@@ -410,7 +410,7 @@ export const messageError = ({ error_message, message }) => Message.error(error_
|
||||
|
||||
export const savePageRef = (fullPath:string) => {
|
||||
// const BASE_URL = (import.meta as any).env.VITE_HOST;
|
||||
const BASE_URL = window.location.origin + '/openRepoPortal';
|
||||
const BASE_URL = window.location.origin + '/SAP';
|
||||
const beforeRef = sessionStorage.getItem('ref');
|
||||
const ref = beforeRef || document.referrer || '';
|
||||
window.page_ref = ref;
|
||||
|
||||
@@ -35,9 +35,9 @@ import icon_jh from '@/assets/imgs/jyh/ai/icon_jh.png';
|
||||
const mySwiper = ref(null);
|
||||
const slideData = [
|
||||
{ id: 1, title: '热门开源软件', description: '列出热门开源软件',icon:icon_hot },
|
||||
{ id: 2, title: '预警公告', description: '列出最近预警公告',icon:icon_yj },
|
||||
{ id: 3, title: '你可以帮我做什么', description: '了解当前AI助手可以帮忙干什么',icon:icon_jh },
|
||||
{ id: 4, title: '热门开源软件', description: '列出热门开源软件',icon:icon_hot },
|
||||
{ id: 2, title: '漏洞问答/影响分析', description: '快速查询漏洞详情,分析安全影响范围',icon:icon_yj },
|
||||
{ id: 3, title: '预测功能', description: '基于AI模型预测安全风险趋势',icon:icon_jh },
|
||||
{ id: 4, title: 'API开放入口', description: '对接自动化安全检测与分析能力',icon:icon_hot },
|
||||
{ id: 5, title: '预警公告', description: '列出最近预警公告',icon:icon_yj },
|
||||
{ id: 6, title: '你可以帮我做什么', description: '了解当前AI助手可以帮忙干什么',icon:icon_jh }
|
||||
];
|
||||
@@ -123,6 +123,7 @@ onMounted(() => {
|
||||
padding: 12px;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
color: white !important;
|
||||
|
||||
border-radius: 100px;
|
||||
/*border: 2px solid #FFF;*/
|
||||
|
||||
@@ -92,12 +92,12 @@
|
||||
<div v-else class="welcome-page">
|
||||
<div class="home-title">
|
||||
<img src="@/assets/imgs/jyh/ai/aiLogo2.png" alt="logo" />
|
||||
<h1>可信开源代码库AI助手</h1>
|
||||
<h1>TcodeAI助手</h1>
|
||||
</div>
|
||||
<div class="home-detail">
|
||||
<div class="home-detail-1">Hi,欢迎使用可信开源代码库AI助手</div>
|
||||
<div class="home-detail-2">可信开源代码库AI助手 可以辅助研发人员进行软件查询、批量校验、查看软件详情等。</div>
|
||||
<div class="home-detail-2">作为AI模型,可信开源代码库AI助手 提供的答案可能不总是确定或准确的,但您的反馈可以帮助 可信开源代码库AI助手 做得更好。</div>
|
||||
<div class="home-detail-1">Hi,欢迎使用TcodeAI助手</div>
|
||||
<div class="home-detail-2">TcodeAI助手 可以辅助研发人员进行软件查询、批量校验、查看软件详情等。</div>
|
||||
<div class="home-detail-2">作为AI模型,TcodeAI助手 提供的答案可能不总是确定或准确的,但您的反馈可以帮助 TcodeAI助手 做得更好。</div>
|
||||
</div>
|
||||
<div style="width: 100%;margin-top: -20px">
|
||||
<SwiperComponent />
|
||||
@@ -109,32 +109,6 @@
|
||||
</div>
|
||||
<!--操作按钮-->
|
||||
<div class="new-convo-button">
|
||||
<!-- <McPrompt-->
|
||||
<!-- v-if="startChat"-->
|
||||
<!-- class="simple-prompt"-->
|
||||
<!-- style="flex: 1"-->
|
||||
<!-- :list="simplePrompt"-->
|
||||
<!-- :direction="'horizontal'"-->
|
||||
<!-- @itemClick="onItemClick($event)"-->
|
||||
<!-- ></McPrompt>-->
|
||||
<!-- <div class="agent-knowledge">-->
|
||||
<!-- <d-dropdown :position="['top']" @toggle="(val) => (isAgentOpen = val)">-->
|
||||
<!-- <div class="agent-wrapper">-->
|
||||
<!-- <img src="@/assets/imgs/jyh/ai/aiLogo2.png" />-->
|
||||
<!-- <span>{{ selectedAgent.label }}</span>-->
|
||||
<!-- <i class="icon-infrastructure"></i>-->
|
||||
<!-- <i :class="['icon-chevron-down-2', { 'is-open': isAgentOpen }]"></i>-->
|
||||
<!-- </div>-->
|
||||
<!-- <template #menu>-->
|
||||
<!-- <McList :data="agentList" @select="(val) => (selectedAgent = val)"></McList>-->
|
||||
<!-- </template>-->
|
||||
<!-- </d-dropdown>-->
|
||||
<!-- <span class="agent-knowledge-dividing-line"></span>-->
|
||||
<!-- <div class="knowledge-wrapper">-->
|
||||
<!-- <i class="icon-operation-log"></i>-->
|
||||
<!-- <span>添加知识</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<d-button icon="add" shape="circle" title="新建对话" size="sm" @click="onNewConvo" />
|
||||
</div>
|
||||
<!--输入框-->
|
||||
@@ -143,11 +117,6 @@
|
||||
<template #extra>
|
||||
<div class="input-foot-wrapper">
|
||||
<div class="input-foot-left">
|
||||
<!-- <span v-for="(item, index) in inputFootIcons" :key="index" @click="() => onInputIconClick(item)">-->
|
||||
<!-- <i :class="item.icon"></i>-->
|
||||
<!-- {{ item.text }}-->
|
||||
<!-- </span>-->
|
||||
<!-- <span class="input-foot-dividing-line"></span>-->
|
||||
<span class="input-foot-maxlength">{{ inputValue.length }}/{{maxLength}}</span>
|
||||
</div>
|
||||
<div class="input-foot-right">
|
||||
@@ -167,12 +136,10 @@
|
||||
<div class="back-in-time-btn" @click="toggleHistory" :class="{ 'active': isHistoryVisible }">
|
||||
<i class="icon icon-history" title="查看历史"></i>
|
||||
</div>
|
||||
<!-- <div class="back-in-time-btn" @click="handleBackInTime">-->
|
||||
<!-- <i class="icon icon-operation-log" title="查看文档"></i>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
<ViewHistoryAside ref="viewHistoryRef" :CONV_ID="CONV_ID" :username="username" v-show="isHistoryVisible" @select-conv="handleSelectConv"/>
|
||||
<!-- <ViewHistoryAside ref="viewHistoryRef" :CONV_ID="CONV_ID" :username="username" v-show="isHistoryVisible" @select-conv="handleSelectConv"/>-->
|
||||
<ViewHistoryAsideNew ref="viewHistoryRef" :CONV_ID="CONV_ID" :username="username" v-show="isHistoryVisible" @onNewConvo="onNewConvo" @select-conv="handleSelectConv"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -187,6 +154,7 @@ import OssDetail from './components/OssDetail.vue';
|
||||
import Other from './components/Other.vue';
|
||||
import AIList from './components/AIList.vue';
|
||||
import ViewHistoryAside from './components/ViewHistoryAside/ViewHistoryAside.vue';
|
||||
import ViewHistoryAsideNew from './components/ViewHistoryAside/ViewHistoryAsideNew.vue';
|
||||
import axios from 'axios';
|
||||
import { useDiscussGetUserInfo } from '@/api/discussion/hook';
|
||||
import { Message } from 'vue-devui/message';
|
||||
@@ -230,7 +198,7 @@ const messages = ref([]);
|
||||
const followupQuestions = ref([]);
|
||||
|
||||
// 控制 ViewHistoryAside 组件的显示状态
|
||||
const isHistoryVisible = ref(false);
|
||||
const isHistoryVisible = ref(true);
|
||||
|
||||
|
||||
// 切换 ViewHistoryAside 组件的显示与隐藏
|
||||
@@ -282,7 +250,6 @@ const onSubmit = async (e, answer = undefined) => {
|
||||
});
|
||||
};
|
||||
|
||||
// 刷新回答(重新发送上一个用户问题)
|
||||
const handleRefresh = (index: number) => {
|
||||
const currentMsg = messages.value[index-1];
|
||||
if (currentMsg.role === 'user' && currentMsg.content) { // 假设AI回答的question字段存储了用户原始问题
|
||||
|
||||
@@ -3,12 +3,12 @@
|
||||
<div class="home-content">
|
||||
<div class="home-title">
|
||||
<img src="@/assets/imgs/jyh/ai/aiLogo2.png" alt="logo" />
|
||||
<h1>可信开源代码库AI助手</h1>
|
||||
<h1>TcodeAI助手</h1>
|
||||
</div>
|
||||
<div class="home-detail">
|
||||
<div class="home-detail-1">Hi,欢迎使用可信开源代码库AI助手</div>
|
||||
<div class="home-detail-2">可信开源代码库AI助手 可以辅助研发人员进行软件查询、批量校验、查看软件详情等。</div>
|
||||
<div class="home-detail-2">作为AI模型,可信开源代码库AI助手 提供的答案可能不总是确定或准确的,但您的反馈可以帮助 可信开源代码库AI助手 做得更好。</div>
|
||||
<div class="home-detail-1">Hi,欢迎使用TcodeAI助手</div>
|
||||
<div class="home-detail-2">TcodeAI助手 可以辅助研发人员进行软件查询、批量校验、查看软件详情等。</div>
|
||||
<div class="home-detail-2">作为AI模型,TcodeAI助手 提供的答案可能不总是确定或准确的,但您的反馈可以帮助 TcodeAI助手 做得更好。</div>
|
||||
</div>
|
||||
<!--swiper-->
|
||||
<div style="width: 100%;">
|
||||
|
||||
@@ -1,534 +1,42 @@
|
||||
<template>
|
||||
<div class="home-container">
|
||||
<div class="home-content">
|
||||
<div class="home-title">
|
||||
<img src="@/assets/imgs/logo.png" alt="logo" />
|
||||
<h1>可信开源代码库</h1>
|
||||
</div>
|
||||
<div class="home-search" ref="homeSearch" :class="{ 'glow-border': inputGlow }">
|
||||
<d-input
|
||||
ref="searchInput"
|
||||
placeholder="请输入搜索关键字"
|
||||
@focus="inputFocus"
|
||||
@blur="inputBlur"
|
||||
@keyup.enter="search"
|
||||
:autocomplete="'off'"
|
||||
v-model="searchStr"
|
||||
>
|
||||
<template #prepend>
|
||||
<d-dropdown @toggle="onCateToggle($event)">
|
||||
<div class="flex items-center gap-1 cursor-pointer">
|
||||
{{ searchType }}
|
||||
<d-icon :rotate="cateRotate" name="icon-chevron-down-2"></d-icon>
|
||||
</div>
|
||||
<template #menu>
|
||||
<ul class="list-menu">
|
||||
<li class="menu-item" @click="onCategoryChange('软件')">软件</li>
|
||||
<d-dropdown :position="position" :offset="0">
|
||||
<li class="menu-item">
|
||||
行业
|
||||
<i class="icon icon-chevron-right"></i>
|
||||
</li>
|
||||
<template #menu>
|
||||
<ul class="list-menu">
|
||||
<li class="menu-item" v-for="option in industryList" @click="onCategoryChange(option)">
|
||||
{{ option.name }}
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</d-dropdown>
|
||||
</ul>
|
||||
</template>
|
||||
</d-dropdown>
|
||||
</template>
|
||||
<template #append>
|
||||
<div id="advancedSearch close-isopen" class="advanced-search" @click="openAdvancedSearch">
|
||||
<span class="close-isopen">高级筛选</span>
|
||||
<!-- <d-badge :count="6" :bg-color="'#f0f0f0'" class="close-isopen"></d-badge>-->
|
||||
<d-icon class="close-isopen" :rotate="rotate" name="icon-chevron-down-2"></d-icon>
|
||||
</div>
|
||||
</template>
|
||||
</d-input>
|
||||
<d-dropdown-menu v-model="isOpen" :origin="searchInput?.$el" :offset="offset" :clickOutside="closeOutside">
|
||||
<div class="advanced-search-menu" :style="{ width: dropdownWidth + 'px' }">
|
||||
<AdvanceSearch @submit="submit($event)" @cancel="isOpen = false" class="p-20" :layout="'vertical'">
|
||||
<template #title>
|
||||
<span class="title">高级筛选</span>
|
||||
</template>
|
||||
</AdvanceSearch>
|
||||
</div>
|
||||
</d-dropdown-menu>
|
||||
<d-button icon="search" shape="circle" @click="search"></d-button>
|
||||
</div>
|
||||
<d-button v-if="isLogin" @click="check" ref="origin" icon="share" class="batch-btn">批量检索</d-button>
|
||||
<div class="home-information" v-if="infoList.length > 0">
|
||||
<div class="info-title">
|
||||
<div class="sub-title">
|
||||
<img src="@/assets/imgs/home/informIcon@2x.png" />
|
||||
<span>预警公告</span>
|
||||
</div>
|
||||
|
||||
<!-- <a v-if="accountInfo.op_access_token" class="devui-link" @click="checkMore"
|
||||
>更多 <i class="icon icon-chevron-right-2"></i>
|
||||
</a>
|
||||
<span v-else class="text-blue-500">查看更多,请先登录</span> -->
|
||||
</div>
|
||||
<div class="info-content">
|
||||
<d-timeline :direction="'vertical'" :time-position="'right'" :position="'right'">
|
||||
<d-timeline-item
|
||||
v-for="(item, index) in infoList"
|
||||
:key="index"
|
||||
:dot-color="item.dotColor"
|
||||
:line-color="'var(--devui-form-control-line-hover)'"
|
||||
>
|
||||
<template #default>
|
||||
<div class="flex items-center justify-between w-full">
|
||||
<div
|
||||
class="cursor-pointer notice-content flex gap-2 items-center"
|
||||
@click="openWarningDetail(item, index)"
|
||||
>
|
||||
<span>{{ item.subject }}</span>
|
||||
<d-tag
|
||||
v-if="item.importance && tagMap[item.importance]"
|
||||
:color="tagMap[item.importance].color"
|
||||
size="sm"
|
||||
>{{ tagMap[item.importance].text }}</d-tag
|
||||
>
|
||||
</div>
|
||||
<div class="time-container">
|
||||
<d-icon name="icon-time"></d-icon>
|
||||
{{ item.publishTime }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template #time>
|
||||
<span></span>
|
||||
</template>
|
||||
</d-timeline-item>
|
||||
</d-timeline>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pg-home">
|
||||
<ComEntry />
|
||||
<ComProject />
|
||||
<!-- <ComSystem />-->
|
||||
<ComRank />
|
||||
<ComAuthority />
|
||||
<!-- <ComSafe />-->
|
||||
<!-- <ComVideo />-->
|
||||
<ComBank />
|
||||
<ComNews />
|
||||
</div>
|
||||
|
||||
<d-modal class="warning-modal" v-model="warningModalVisable" title="" style="width: 600px">
|
||||
<EarlyWarningDetail :warningData="currentWarning" :type="'user'"></EarlyWarningDetail>
|
||||
</d-modal>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import { useAccount } from '@/utils/hooks/useAccount';
|
||||
import AdvanceSearch from '@/components/AdvanceSearch/index.vue';
|
||||
import { getHomeNoticeList } from '@/api/jyh';
|
||||
import EarlyWarningDetail from '@/views/Jyh/PersonalCenter/Detail/EarlyWarningDetail.vue';
|
||||
import { useGlobalInfoStore } from '@/stores/Global';
|
||||
const { updateHeaderSearch } = useGlobalInfoStore();
|
||||
const { accountInfo } = useAccount();
|
||||
import { useDiscussGetUserInfo } from '@/api/discussion/hook';
|
||||
import {ref, onMounted, onBeforeUnmount, computed} from 'vue';
|
||||
import {useRoute, useRouter} from 'vue-router';
|
||||
import {useAccount} from '@/utils/hooks/useAccount';
|
||||
import {useGlobalInfoStore} from '@/stores/Global';
|
||||
import {DChart} from 'vue-devui/echarts';
|
||||
import {reactive} from 'vue';
|
||||
import ComEntry from './component/ComEntry.vue';
|
||||
import ComSystem from './component/ComSystem.vue';
|
||||
import ComProject from './component/ComProject/index.vue';
|
||||
import ComRank from './component/ComRank.vue';
|
||||
import ComAuthority from './component/ComAuthority.vue';
|
||||
import ComSafe from './component/ComSafe.vue';
|
||||
import ComVideo from './component/ComVideo.vue';
|
||||
import ComBank from './component/ComBank.vue';
|
||||
import ComNews from './component/ComNews.vue';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const inputGlow = ref(false);
|
||||
const searchStr = ref('');
|
||||
const position = ref(['right-start', 'right-end']);
|
||||
const industryOptions = ref(['通信', '军工', '金融', '能源']);
|
||||
const searchType = ref('软件');
|
||||
const searchOptions = ref(['软件']);
|
||||
const offset = ref({ mainAxis: 7, crossAxis: -10 });
|
||||
const isKeepOpen = ref(true);
|
||||
const isOpen = ref(false);
|
||||
const cateRotate = ref(0);
|
||||
const infoList = ref([]);
|
||||
const warningModalVisable = ref(false);
|
||||
const currentWarning = ref();
|
||||
|
||||
const { isLogin } = useDiscussGetUserInfo();
|
||||
const homeSearch = ref(null);
|
||||
const dropdownWidth = ref(0);
|
||||
const tagMap = {
|
||||
critical: {
|
||||
text: '致命',
|
||||
color: '#c7000b'
|
||||
},
|
||||
high: {
|
||||
text: '高',
|
||||
color: '#f66f6a'
|
||||
},
|
||||
medium: {
|
||||
text: '中',
|
||||
color: '#fac20a'
|
||||
},
|
||||
low: {
|
||||
text: '低',
|
||||
color: '#5e7ce0'
|
||||
},
|
||||
Critical: {
|
||||
text: '致命',
|
||||
color: '#c7000b'
|
||||
},
|
||||
High: {
|
||||
text: '高',
|
||||
color: '#f66f6a'
|
||||
},
|
||||
Medium: {
|
||||
text: '中',
|
||||
color: '#fac20a'
|
||||
},
|
||||
Low: {
|
||||
text: '低',
|
||||
color: '#5e7ce0'
|
||||
}
|
||||
};
|
||||
|
||||
const rotate = computed(() => {
|
||||
return isOpen.value ? 180 : 0;
|
||||
});
|
||||
|
||||
const searchInput = ref(null);
|
||||
const openAdvancedSearch = () => {
|
||||
isOpen.value = !isOpen.value;
|
||||
inputGlow.value = isOpen.value;
|
||||
};
|
||||
|
||||
const check = () => {
|
||||
router.push({
|
||||
name: 'Search',
|
||||
query: { tab: 'BatchVerify' } // 通过查询参数指定 Tab
|
||||
});
|
||||
};
|
||||
|
||||
const closeOutside = () => {
|
||||
return false;
|
||||
};
|
||||
|
||||
const submit = (formData) => {
|
||||
isOpen.value = false;
|
||||
router.push({
|
||||
name: 'Search',
|
||||
query: {
|
||||
softwareName: searchStr.value ? searchStr.value : '',
|
||||
searchType: getIndustryValue(searchType.value),
|
||||
softwareVersion: formData.softwareVersion || '',
|
||||
programmingLanguage: formData.programmingLanguage || '',
|
||||
interestTag: formData.interestTag || '',
|
||||
industry: formData.industry || '',
|
||||
licenseName: formData.licenseName || '',
|
||||
dependentSoftware: formData.dependentSoftware || '',
|
||||
releaseDateStart: formData.dateRange && formData.dateRange.length > 0 ? formData.dateRange[0] : '',
|
||||
releaseDateEnd: formData.dateRange && formData.dateRange.length > 0 ? formData.dateRange[1] : ''
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const inputFocus = () => {
|
||||
inputGlow.value = true;
|
||||
};
|
||||
|
||||
const inputBlur = () => {
|
||||
inputGlow.value = false;
|
||||
};
|
||||
|
||||
const updateDropdownWidth = () => {
|
||||
if (homeSearch.value) {
|
||||
dropdownWidth.value = homeSearch.value.offsetWidth * 0.85;
|
||||
}
|
||||
};
|
||||
const globalInfo = useGlobalInfoStore();
|
||||
const industryList = globalInfo.industryList;
|
||||
const getIndustryValue = (name) => {
|
||||
const industry = industryList.find((item) => item.name === name);
|
||||
return industry ? industry.value : ''; // 如果找不到,返回默认值
|
||||
};
|
||||
|
||||
const search = () => {
|
||||
// updateHeaderSearch({ searchWord: searchStr.value, searchType: selectedCate.value });
|
||||
router.push({
|
||||
name: 'Search',
|
||||
query: {
|
||||
softwareName: searchStr.value ? searchStr.value : '',
|
||||
searchType: getIndustryValue(searchType.value)
|
||||
}
|
||||
});
|
||||
// window.open(`${import.meta.env.VITE_BASE_URL}repoList?softwareName=${searchStr.value ? searchStr.value : ''}&searchType=${getIndustryValue(searchType.value)}`, '_blank')
|
||||
};
|
||||
|
||||
const onCategoryChange = (event) => {
|
||||
searchType.value = event?.name || '软件';
|
||||
globalInfo.updateHeaderSearch({ softwareName: softwareName.value, searchType: event.value });
|
||||
};
|
||||
|
||||
const onCateToggle = (event) => {
|
||||
cateRotate.value = event ? 180 : 0;
|
||||
};
|
||||
|
||||
const checkMore = () => {
|
||||
router.push({ name: 'PersonalCenter' });
|
||||
};
|
||||
|
||||
const openWarningDetail = (event, index) => {
|
||||
infoList.value.forEach((item, i) => {
|
||||
if (i <= index) {
|
||||
item.dotColor = 'var(--devui-info)';
|
||||
} else {
|
||||
item.dotColor = '';
|
||||
}
|
||||
});
|
||||
|
||||
warningModalVisable.value = true;
|
||||
currentWarning.value = event;
|
||||
};
|
||||
|
||||
let resizeObserver: ResizeObserver | null = null;
|
||||
|
||||
onMounted(() => {
|
||||
resizeObserver = new ResizeObserver(updateDropdownWidth);
|
||||
if (homeSearch.value) {
|
||||
resizeObserver.observe(homeSearch.value);
|
||||
}
|
||||
|
||||
updateDropdownWidth();
|
||||
|
||||
document.querySelector('body').onclick = (e) => {
|
||||
const className = e.target.className;
|
||||
if (
|
||||
!className.includes('close-isopen') &&
|
||||
!className.includes('devui-badge__content') &&
|
||||
!className.includes('advanced-search')
|
||||
) {
|
||||
isOpen.value = false;
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
if (resizeObserver && homeSearch.value) {
|
||||
resizeObserver.unobserve(homeSearch.value);
|
||||
}
|
||||
});
|
||||
|
||||
const getNoticeList = async () => {
|
||||
const res: any = await getHomeNoticeList();
|
||||
if (!res.error) {
|
||||
infoList.value = res.data.data || [];
|
||||
}
|
||||
};
|
||||
|
||||
getNoticeList();
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import 'devui-theme/styles-var/devui-var.scss';
|
||||
|
||||
.home-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.home-content {
|
||||
font-size: 14px;
|
||||
height: 50%;
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-self: center;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
|
||||
.home-title {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
h1 {
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 50px;
|
||||
//filter: brightness(0);
|
||||
}
|
||||
}
|
||||
|
||||
.home-search {
|
||||
width: 574px;
|
||||
height: 46px;
|
||||
border: 1px solid #dfe1e5;
|
||||
box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
|
||||
border-radius: 24px;
|
||||
|
||||
//width: 100%;
|
||||
//height: 40px;
|
||||
flex-shrink: 0;
|
||||
background-color: white;
|
||||
//border-radius: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
//box-shadow: var(--devui-shadow, 0 2px 12px 0);
|
||||
input {
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.advanced-search {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 1px;
|
||||
height: 20px;
|
||||
background-color: var(--devui-form-control-line, #d7d8da);
|
||||
}
|
||||
}
|
||||
|
||||
.advanced-search-menu {
|
||||
height: 300px;
|
||||
padding: 12px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.form-operation {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.batch-btn {
|
||||
color: $devui-aide-text;
|
||||
width: 150px;
|
||||
flex-shrink: 0;
|
||||
background-color: #f0f0f0;
|
||||
border-color: $devui-aide-text;
|
||||
}
|
||||
|
||||
.home-information {
|
||||
width: 100%;
|
||||
background-color: #f0f0f0;
|
||||
//overflow: auto;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 10px;
|
||||
padding: 12px;
|
||||
|
||||
.info-title {
|
||||
img {
|
||||
width: 20px;
|
||||
}
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.sub-title {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
margin-bottom: 20px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
:deep(.devui-timeline-item-data-left) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:deep(.devui-timeline-item-dot) {
|
||||
scale: 0.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pg-home {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.home-search {
|
||||
:deep(.devui-input-slot__prepend),
|
||||
:deep(.devui-input-slot__append),
|
||||
:deep(.devui-input__wrapper) {
|
||||
border: none;
|
||||
}
|
||||
|
||||
:deep(.devui-select__selection--glow-style),
|
||||
:deep(.devui-input--glow-style) {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.glow-border {
|
||||
border: 1px solid var(--devui-form-control-line, #d7d8da);
|
||||
border-color: var(--devui-form-control-line-active, #5e7ce0) !important;
|
||||
box-shadow: 0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, 0.08));
|
||||
transition: border-color 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 4px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background-color: var(--devui-list-item-hover-bg, #f2f5fc);
|
||||
color: var(--devui-list-item-hover-text, #526ecc);
|
||||
}
|
||||
}
|
||||
|
||||
.list-menu {
|
||||
padding: 8px;
|
||||
margin: 0;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.notice-content {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
margin-right: 8px;
|
||||
|
||||
span {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.time-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
width: 140px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
:deep(.devui-timeline-item-data-right) {
|
||||
width: 80%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.warning-modal {
|
||||
.devui-modal__body {
|
||||
padding: 0px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -101,10 +101,10 @@ console.log(propsData.warningData);
|
||||
warningData.value = propsData.warningData ?? {
|
||||
subject: '【漏洞排查预警】ApacheIgnite远程代码执行漏洞排查(CVE-2024-52577)',
|
||||
importance: '高',
|
||||
group: '可信开源代码库运营团队',
|
||||
group: 'Tcode运营团队',
|
||||
pulishTime: '2025-2-20',
|
||||
overview: `## 一、概要
|
||||
近日,安全中心发现Apache lgnite远程代码执行漏洞(CVE-2024-52577)。在 2.6.0<Apache Ignite< 2.17.0版本中,由于lgnite未能正确实施类序列化过滤器,攻击者能够利用恶意序列化对象绕过安全检查,从而在服务器端反序列化时触发任意代码的执行。经可信开源代码库运营团队评审漏洞技术定级2级/3级,若不满足利用条件可举证降为6级。请你按要求在XX时间内完成修复。
|
||||
近日,安全中心发现Apache lgnite远程代码执行漏洞(CVE-2024-52577)。在 2.6.0<Apache Ignite< 2.17.0版本中,由于lgnite未能正确实施类序列化过滤器,攻击者能够利用恶意序列化对象绕过安全检查,从而在服务器端反序列化时触发任意代码的执行。经Tcode运营团队评审漏洞技术定级2级/3级,若不满足利用条件可举证降为6级。请你按要求在XX时间内完成修复。
|
||||
## 二、修复方案
|
||||
升级Apache Ignite至安全版本:2.17.0`
|
||||
};
|
||||
|
||||
@@ -96,7 +96,7 @@ const emitEvents = (type: 'success' | 'fail' = 'success', error_info?: string, p
|
||||
// 登录后回到登录前页面 hack一下automgit跳转
|
||||
if (route.query?.installation_id) {
|
||||
// window.location.href = `${(import.meta as any).env.VITE_HOST}${path || '/'}`;
|
||||
window.location.href = `${window.location.origin}/openRepoPortal${path || '/'}`;
|
||||
window.location.href = `${window.location.origin}/SAP${path || '/'}`;
|
||||
} else {
|
||||
url && localStorage.removeItem('loginReturnUrl');
|
||||
url ? window.location.href = url : router.replace('/');
|
||||
@@ -121,7 +121,7 @@ const emitEvents = (type: 'success' | 'fail' = 'success', error_info?: string, p
|
||||
message: error_info || type === 'success' ? '' : '你已取消授权',
|
||||
path
|
||||
// }, (import.meta as any).env.VITE_HOST);
|
||||
}, window.location.origin + '/openRepoPortal');
|
||||
}, window.location.origin + '/SAP');
|
||||
window?.close();
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,7 +24,7 @@ const login = () => {
|
||||
} else {
|
||||
const type = loginType.includes(route?.query?.type) ? route?.query?.type : 'csdn';
|
||||
// const returnUrl = `${(import.meta as any).env.VITE_HOST}${redirectUrl}`;
|
||||
const returnUrl = `${window.location.origin}/openRepoPortal${redirectUrl}`;
|
||||
const returnUrl = `${window.location.origin}/SAP${redirectUrl}`;
|
||||
// 保存登录前页面地址
|
||||
localStorage.setItem('loginReturnUrl', returnUrl || '');
|
||||
const url = `${(import.meta as any).env.VITE_API_HOST}${(import.meta as any).env.VITE_PASSPORT_PREFIX || ''}/api/v1/oauth/login/${type}`;
|
||||
|
||||
@@ -142,7 +142,7 @@ const createOrgItem = {
|
||||
orgUrl: {
|
||||
label: '组织URL',
|
||||
// prefix: `${(import.meta as any).env.VITE_HOST}/`,
|
||||
prefix: `${window.location.origin}/openRepoPortal/`,
|
||||
prefix: `${window.location.origin}/SAP/`,
|
||||
placeholder: '请输入',
|
||||
occupied: 'namespace已被使用',
|
||||
ruleDesc: {
|
||||
|
||||
@@ -25,7 +25,7 @@ const data = ref([
|
||||
{ label: 'JupyterNotebook', value: 'JupyterNotebook' },
|
||||
{ label: 'Git', value: 'Git' },
|
||||
{ label: 'AI', value: 'AI' },
|
||||
{ label: 'ChatGPT LLM', value: 'ChatGPT LLM' }
|
||||
{ label: 'Chat金银湖大模型 LLM', value: 'Chat金银湖大模型 LLM' }
|
||||
]);
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user