态势感知平台-增加武汉市开源建设生态页面展示

This commit is contained in:
fmk1023
2026-01-12 09:50:44 +08:00
parent 533e20b2f3
commit 0d97d2075a
32 changed files with 1319 additions and 1973 deletions

View File

@@ -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>

View File

@@ -63,3 +63,10 @@ export function queryTaskSoftwareDetail(params: {taskId: number}) {
});
}
export function uvdV1Chat(params) {
return request({
url: `/uvd/v1/chat`,
method: 'post',
data: params,
});
}

View File

@@ -498,3 +498,12 @@ export function fetchCheckAuthenticate(data) {
data: data,
});
}
export const getNoticeAdd = (data): Promise<any> => {
return request({
url: `/notice/add`,
method: 'POST',
data
});
};

View File

@@ -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
})
);
};

View File

@@ -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; /* 确保关闭按钮在最上层 */
}
}

View File

@@ -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;
}
}

View File

@@ -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

View File

@@ -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';

View File

@@ -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();
};

View File

@@ -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) {

View File

@@ -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>

View File

@@ -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 });
}

View File

@@ -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>-->
<!--&lt;!&ndash; <li><router-link to="/data" class="LNK">数据服务</router-link></li>&ndash;&gt;-->
<!-- <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

View File

@@ -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>

View File

@@ -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',

View File

@@ -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;

View File

@@ -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)) {

View File

@@ -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;
};

View File

@@ -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;

View File

@@ -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;*/

View File

@@ -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字段存储了用户原始问题

View File

@@ -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%;">

View File

@@ -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>

View File

@@ -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`
};

View File

@@ -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();
}
}

View File

@@ -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}`;

View File

@@ -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: {

View File

@@ -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>