Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
R
risk-monitor
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
蔡建
risk-monitor
Commits
e96cb50b
提交
e96cb50b
authored
3月 28, 2026
作者:
yanpeng
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
应用pre分支的修改
上级
f386800f
流水线
#174
已失败 于阶段
变更
7
流水线
1
显示空白字符变更
内嵌
并排
正在显示
7 个修改的文件
包含
725 行增加
和
228 行删除
+725
-228
.gitlab-ci.yml
.gitlab-ci.yml
+30
-12
App.vue
src/App.vue
+644
-2
index.vue
src/components/base/moduleHeader/index.vue
+51
-149
tool1.svg
src/components/base/moduleHeader/tool1.svg
+0
-10
tool2.svg
src/components/base/moduleHeader/tool2.svg
+0
-10
LeftBtn.vue
src/components/base/pageBtn/LeftBtn.vue
+0
-23
RightBtn.vue
src/components/base/pageBtn/RightBtn.vue
+0
-22
没有找到文件。
.gitlab-ci.yml
浏览文件 @
e96cb50b
...
...
@@ -14,9 +14,7 @@ build_pre:
stage
:
build
image
:
node:20-bullseye
tags
:
-
docker
-
frontend
-
linux
-
risk-monitor-frontend
only
:
-
pre
script
:
...
...
@@ -39,17 +37,39 @@ deploy_pre:
stage
:
deploy
image
:
alpine:3.20
tags
:
-
docker
-
frontend
-
linux
-
risk-monitor-frontend
only
:
-
pre
dependencies
:
-
build_pre
script
:
-
apk add --no-cache rsync
-
test -d dist || (echo "dist not found" && exit 1)
-
test -d /nas/kjb_service/zm/pre-project/html || (echo "deploy target path not found" && exit 1)
-
apk add --no-cache rsync curl jq
# 只允许“最新一次 pre pipeline”部署到 nginx(加二次确认,避免短时间多次推送导致重复 rsync)
-
>
LATEST_PIPELINE_ID="$(
curl --silent --show-error --fail
--header "JOB-TOKEN: $CI_JOB_TOKEN"
"$CI_SERVER_URL/api/v4/projects/$CI_PROJECT_ID/pipelines?ref=pre&order_by=id&sort=desc&per_page=1"
| jq -r '.[0].id'
)"
-
>
if [ -z "$LATEST_PIPELINE_ID" ] || [ "$LATEST_PIPELINE_ID" != "$CI_PIPELINE_ID" ]; then
echo "skip deploy: not latest pipeline (latest=$LATEST_PIPELINE_ID current=$CI_PIPELINE_ID)";
exit 0;
fi
-
sleep 20
-
>
LATEST_PIPELINE_ID="$(
curl --silent --show-error --fail
--header "JOB-TOKEN: $CI_JOB_TOKEN"
"$CI_SERVER_URL/api/v4/projects/$CI_PROJECT_ID/pipelines?ref=pre&order_by=id&sort=desc&per_page=1"
| jq -r '.[0].id'
)"
-
>
if [ -z "$LATEST_PIPELINE_ID" ] || [ "$LATEST_PIPELINE_ID" != "$CI_PIPELINE_ID" ]; then
echo "skip deploy: not latest pipeline after debounce (latest=$LATEST_PIPELINE_ID current=$CI_PIPELINE_ID)";
exit 0;
fi
-
rsync -avz --delete dist/ /nas/kjb_service/zm/pre-project/html/
# 非 protected 分支:push 时先做 build 校验(避免合并 pre 时出现 build 报错)
...
...
@@ -57,9 +77,7 @@ build_check:
stage
:
build
image
:
node:20-bullseye
tags
:
-
docker
-
frontend
-
linux
-
risk-monitor-frontend
# 只在 push 时做构建校验,且排除 protected 分支与目标分支 pre
only
:
-
pushes
...
...
src/App.vue
浏览文件 @
e96cb50b
...
...
@@ -5,12 +5,29 @@
</
template
>
<
script
setup
>
import
{
ref
,
onMounted
}
from
"vue"
;
import
{
ref
,
computed
,
onMounted
}
from
"vue"
;
import
{
useRouter
}
from
"vue-router"
;
import
{
useRoute
}
from
"vue-router"
;
import
AiBox
from
"./components/AiBox.vue"
;
import
{
getPersonType
}
from
"@/api/common/index"
;
// import { useDraggable } from "@vueuse/core";
import
Menu1
from
"@/assets/icons/overview/menu1.png"
;
import
Menu2
from
"@/assets/icons/overview/menu2.png"
;
import
Menu3
from
"@/assets/icons/overview/menu3.png"
;
import
Menu4
from
"@/assets/icons/overview/menu4.png"
;
import
Menu5
from
"@/assets/icons/overview/menu5.png"
;
import
Menu6
from
"@/assets/icons/overview/menu6.png"
;
import
Menu7
from
"@/assets/icons/overview/menu7.png"
;
import
Menu8
from
"@/assets/icons/overview/menu8.png"
;
import
Menu9
from
"@/assets/icons/overview/menu9.png"
;
import
Menu10
from
"@/assets/icons/overview/menu10.png"
;
import
Menu11
from
"@/assets/icons/overview/menu11.png"
;
import
Menu12
from
"@/assets/icons/overview/menu12.png"
;
import
{
ElMessage
}
from
"element-plus"
;
const
router
=
useRouter
();
const
route
=
useRoute
();
import
useTagsViewStore
from
'@/stores/tagsView.js'
...
...
@@ -20,7 +37,7 @@ const tagsViewStore = useTagsViewStore()
// 在路由全局守卫中处理
router
.
beforeEach
((
to
,
from
,
next
)
=>
{
// 路由允许添加标签(排除掉隐藏的布局页如 /404, /login 等)
if
(
to
.
path
.
in
dexOf
(
'dataLibrary'
)
>
-
1
)
{
if
(
to
.
path
.
in
cludes
(
'dataLibrary'
)
)
{
tagsViewStore
.
addView
({
path
:
to
.
path
,
name
:
to
.
name
,
// 对应组件的 name,用于缓存
...
...
@@ -31,6 +48,17 @@ router.beforeEach((to, from, next) => {
next
()
})
const
isShowAiBox
=
ref
(
false
);
const
closeAiBox
=
()
=>
{
isShowAiBox
.
value
=
false
;
};
const
openAiBox
=
()
=>
{
isShowAiBox
.
value
=
true
;
};
const
personTypeList
=
ref
([]);
// 获取人物类别
...
...
@@ -47,6 +75,146 @@ const handleGetPersonType = async () => {
}
catch
(
error
)
{}
};
const
isCurrentOverview
=
computed
(()
=>
{
if
(
route
.
path
===
"/ZMOverView"
)
{
return
true
;
}
else
{
return
false
;
}
});
// 概览页标题列表
const
homeTitleList
=
ref
([
{
name
:
"中美科技博弈"
,
path
:
"/ZMOverView"
,
disabled
:
false
},
{
name
:
"主要国家科技动向感知"
,
path
:
""
,
disabled
:
true
},
{
name
:
"主要国家竞争科技安全"
,
path
:
""
,
disabled
:
true
}
]);
const
homeActiveTitleIndex
=
ref
(
0
);
const
isShowMenu
=
ref
(
false
);
const
handleShowMenu
=
(
index
,
isShow
)
=>
{
if
(
index
===
0
)
{
isShowMenu
.
value
=
isShow
;
}
};
const
handleHoverMenu
=
isShow
=>
{
isShowMenu
.
value
=
isShow
;
};
const
menuList
=
ref
([
{
title
:
"中美科技博弈概览"
,
icon
:
Menu1
,
path
:
"/ZMOverView"
},
{
title
:
"科技法案"
,
icon
:
Menu2
,
path
:
"/billHome"
},
{
title
:
"科技政令"
,
icon
:
Menu3
,
path
:
"/decree"
},
{
title
:
"美国科技智库"
,
icon
:
Menu4
,
path
:
"/thinkTank"
},
{
title
:
"出口管制"
,
icon
:
Menu5
,
path
:
"/exportControl"
},
{
title
:
"科研合作限制"
,
icon
:
Menu6
,
path
:
"/cooperationRestrictions"
},
{
title
:
"投融资限制"
,
icon
:
Menu7
,
path
:
"/finance"
},
{
title
:
"市场准入限制"
,
icon
:
Menu8
,
path
:
"/marketAccessRestrictions"
},
{
title
:
"规则限制"
,
icon
:
Menu9
,
path
:
"/ruleRestrictions"
},
{
title
:
"美国科技人物观点"
,
icon
:
Menu10
,
path
:
"/technologyFigures"
},
{
title
:
"美国主要创新主体动向"
,
icon
:
Menu11
,
path
:
"/innovationSubject"
},
{
title
:
"美国科研资助体系"
,
icon
:
Menu12
,
path
:
"/scientificFunding"
}
]);
const
handleToModule
=
item
=>
{
const
curRoute
=
router
.
resolve
({
path
:
item
.
path
});
window
.
open
(
curRoute
.
href
,
"_blank"
);
};
const
searchText
=
ref
(
""
);
const
handleSearch
=
()
=>
{
const
curRoute
=
router
.
resolve
({
path
:
"/searchResults"
,
query
:
{
searchText
:
searchText
.
value
}
});
window
.
open
(
curRoute
.
href
,
"_blank"
);
};
const
handleClickTitle
=
item
=>
{
if
(
item
.
name
===
"主要国家科技动向感知"
||
item
.
name
===
"主要国家竞争科技安全"
)
{
ElMessage
.
warning
(
"当前功能正在开发中,敬请期待!"
);
}
};
const
handleOpenPage
=
page
=>
{
const
pageObj
=
{
znwd
:
"/chat"
,
znxb
:
"/writtingAsstaint"
};
window
.
open
(
pageObj
[
page
],
"_blank"
);
};
const
handleClickToolBox
=
()
=>
{
ElMessage
.
warning
(
"当前功能正在开发中,敬请期待!"
);
};
onMounted
(()
=>
{
handleGetPersonType
();
});
...
...
@@ -113,6 +281,457 @@ body {
font-family
:
"Helvetica Neue"
,
Helvetica
,
"PingFang SC"
,
"Hiragino Sans GB"
,
"Microsoft YaHei"
,
"微软雅黑"
,
Arial
,
sans-serif
;
}
.pro-wrapper
{
width
:
100vw
;
height
:
100vh
;
position
:
relative
;
overflow
:
hidden
;
.home-page
{
width
:
100%
;
height
:
100%
;
position
:
relative
;
.navbar
{
width
:
100%
;
height
:
64px
;
border-bottom
:
1px
solid
rgba
(
234
,
236
,
238
,
1
);
box-shadow
:
0px
0px
20px
0px
rgba
(
25
,
69
,
130
,
0
.1
);
background
:
linear-gradient
(
180deg
,
rgba
(
246
,
250
,
255
,
0
.8
)
0%
,
rgba
(
255
,
255
,
255
,
0
.8
)
100%
);
.nav-content
{
width
:
1600px
;
height
:
64px
;
margin
:
0
auto
;
display
:
flex
;
justify-content
:
space-between
;
position
:
relative
;
.nav-left
{
height
:
64px
;
display
:
flex
;
.icon
{
margin-top
:
17px
;
width
:
29px
;
height
:
30px
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.title-box
{
display
:
flex
;
height
:
64px
;
margin-left
:
21px
;
gap
:
33px
;
.title
{
height
:
64px
;
cursor
:
pointer
;
&
:hover
{
.text
{
color
:
var
(
--
color-main-active
);
}
}
.text
{
height
:
39px
;
margin-top
:
12px
;
color
:
rgba
(
59
,
65
,
75
,
1
);
font-family
:
YouSheBiaoTiHei
;
font-style
:
Regular
;
font-size
:
30px
;
font-weight
:
400
;
line-height
:
39px
;
letter-spacing
:
0px
;
}
.textActive
{
color
:
var
(
--
color-main-active
);
}
.bottom-line
{
width
:
50px
;
height
:
4px
;
margin
:
0
auto
;
margin-top
:
9px
;
background
:
var
(
--
color-main-active
);
}
}
}
}
.nav-right
{
display
:
flex
;
justify-content
:
flex-end
;
gap
:
21px
;
.search-box
{
margin-top
:
16px
;
width
:
300px
;
height
:
36px
;
box-sizing
:
border-box
;
border
:
1px
solid
rgba
(
231
,
243
,
255
,
1
);
border-radius
:
10px
;
background
:
rgba
(
231
,
243
,
255
,
1
);
display
:
flex
;
.input
{
width
:
264px
;
height
:
36px
;
}
.icon
{
width
:
18px
;
height
:
18px
;
margin-left
:
9px
;
margin-top
:
9px
;
img
{
width
:
100%
;
height
:
100%
;
}
}
}
.info-box
{
height
:
64px
;
display
:
flex
;
justify-content
:
flex-end
;
align-items
:
center
;
.mail
{
width
:
32px
;
height
:
32px
;
margin-right
:
14px
;
cursor
:
pointer
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.user
{
width
:
32px
;
height
:
32px
;
margin-right
:
11px
;
cursor
:
pointer
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.name
{
width
:
48px
;
height
:
30px
;
color
:
rgba
(
59
,
65
,
75
,
1
);
font-family
:
Microsoft
YaHei
;
font-style
:
Regular
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
30px
;
letter-spacing
:
0px
;
}
}
}
.menu-box
{
position
:
absolute
;
z-index
:
999999
;
width
:
713px
;
height
:
413px
;
top
:
64px
;
left
:
0
;
box-sizing
:
border-box
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
10px
;
backdrop-filter
:
blur
(
30px
);
box-shadow
:
0px
0px
20px
0px
rgba
(
25
,
69
,
130
,
0
.1
);
background
:
rgba
(
255
,
255
,
255
,
0
.8
);
.menu-content
{
width
:
562px
;
height
:
348px
;
margin-top
:
8px
;
margin-left
:
72px
;
display
:
flex
;
flex-wrap
:
wrap
;
.menu-item
{
margin-top
:
36px
;
width
:
280px
;
height
:
24px
;
display
:
flex
;
cursor
:
pointer
;
&
:hover
{
.title
{
color
:
var
(
--
color-main-active
);
font-size
:
20px
;
}
}
.icon
{
width
:
24px
;
height
:
24px
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.title
{
margin-left
:
16px
;
height
:
24px
;
color
:
rgba
(
59
,
65
,
75
,
1
);
font-family
:
Microsoft
YaHei
;
font-style
:
Bold
;
font-size
:
18px
;
font-weight
:
700
;
line-height
:
24px
;
letter-spacing
:
0px
;
text-align
:
left
;
}
}
}
}
}
}
.main-container
{
width
:
100%
;
height
:
calc
(
100vh
-
64px
);
position
:
relative
;
overflow
:
hidden
;
}
}
.content-page
{
width
:
100%
;
height
:
100%
;
.navbar
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
background
:
#fff
;
color
:
rgba
(
10
,
18
,
30
,
1
);
border-bottom
:
1px
solid
#e5e7eb
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0
.1
);
position
:
relative
;
box-sizing
:
border-box
;
height
:
72px
;
.nav-brand
{
display
:
flex
;
align-items
:
center
;
gap
:
12px
;
position
:
absolute
;
left
:
160px
;
.brand-icon
{
width
:
48px
;
height
:
48px
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.brand-text
{
cursor
:
pointer
;
.text-ch
{
height
:
37px
;
color
:
rgba
(
10
,
18
,
30
,
1
);
font-family
:
Microsoft
YaHei
;
font-size
:
32px
;
font-weight
:
700
;
line-height
:
37px
;
}
.text-en
{
color
:
rgba
(
10
,
18
,
30
,
1
);
font-family
:
Microsoft
YaHei
;
font-size
:
10px
;
font-weight
:
400
;
line-height
:
13px
;
}
}
}
.user-info
{
display
:
flex
;
align-items
:
center
;
gap
:
20px
;
padding
:
8px
12px
;
border-radius
:
6px
;
color
:
#333
;
position
:
absolute
;
right
:
160px
;
.email
{
width
:
20px
;
height
:
20px
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.avator
{
width
:
32px
;
height
:
32px
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.user
{
color
:
rgba
(
59
,
65
,
75
,
1
);
font-family
:
Microsoft
YaHei
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
30px
;
}
}
}
.main-container
{
width
:
100%
;
height
:
calc
(
100vh
-
72px
);
position
:
relative
;
overflow
:
hidden
;
}
}
.right-btn
{
position
:
absolute
;
// top: 132px;
top
:
100px
;
right
:
0
;
z-index
:
10000000000000
;
.item
{
width
:
108px
;
height
:
40px
;
box-sizing
:
border-box
;
border
:
1px
solid
#fff
;
border-radius
:
50px
0px
0px
50px
;
background
:
rgba
(
255
,
255
,
255
,
0
.65
);
display
:
flex
;
margin-bottom
:
8px
;
cursor
:
pointer
;
.icon
{
width
:
36px
;
height
:
36px
;
margin-top
:
2px
;
margin-left
:
2px
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.text
{
width
:
36px
;
height
:
24px
;
color
:
rgba
(
59
,
65
,
75
,
1
);
font-family
:
Source
Han
Sans
CN
;
font-style
:
Regular
;
font-size
:
18px
;
font-weight
:
400
;
line-height
:
24px
;
letter-spacing
:
0px
;
text-align
:
left
;
margin-top
:
8px
;
margin-left
:
10px
;
}
}
}
.tool-box
{
position
:
absolute
;
top
:
400px
;
right
:
28px
;
top
:
681px
;
width
:
62px
;
height
:
217px
;
box-sizing
:
border-box
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
10px
;
box-shadow
:
0px
0px
20px
0px
rgba
(
25
,
69
,
130
,
0
.1
);
background
:
rgba
(
255
,
255
,
255
,
0
.65
);
box-sizing
:
border-box
;
padding
:
24px
18px
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
space-between
;
.tool-item
{
width
:
24px
;
height
:
24px
;
cursor
:
pointer
;
img
{
width
:
100%
;
height
:
100%
;
}
}
}
.ai-btn
{
position
:
absolute
;
bottom
:
240px
;
right
:
10px
;
z-index
:
9999
;
cursor
:
pointer
;
.icon
{
width
:
96px
;
height
:
96px
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.text
{
margin-top
:
-15px
;
height
:
24px
;
color
:
rgba
(
59
,
65
,
75
,
1
);
font-family
:
Microsoft
YaHei
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
24px
;
text-align
:
center
;
}
}
.ai-dialog
{
position
:
absolute
;
right
:
100px
;
top
:
100px
;
z-index
:
9999
;
}
}
:deep
(
.el-input__wrapper
)
{
height
:
100%
;
box-shadow
:
none
;
...
...
@@ -128,4 +747,27 @@ body {
box-shadow
:
none
!
important
;
}
.title
[
aria-disabled
=
"true"
]
{
opacity
:
0
.3
;
cursor
:
not
-
allowed
;
pointer-events
:
none
;
}
.info-box
[
aria-disabled
=
"true"
]
{
opacity
:
0
.3
;
cursor
:
not
-
allowed
;
pointer-events
:
none
;
}
.right-btn
[
aria-disabled
=
"true"
]
{
opacity
:
0
.3
;
cursor
:
not
-
allowed
;
pointer-events
:
none
;
}
.tool-box
[
aria-disabled
=
"true"
]
{
opacity
:
0
.3
;
cursor
:
not
-
allowed
;
pointer-events
:
none
;
}
</
style
>
src/components/base/moduleHeader/index.vue
浏览文件 @
e96cb50b
...
...
@@ -10,8 +10,9 @@
<div
class=
"title-box"
v-show=
"!isShowSearchBar"
>
<!--
<div
class=
"title-box"
v-if=
"false"
>
-->
<div
class=
"title"
v-for=
"(item, index) in homeTitleList"
:key=
"index"
@
mouseenter=
"handleShowMenu(index, true)"
@
click=
"handleClickTitle(item, index)"
>
<div
class=
"text text-title-1-show"
:class=
"
{ textActive: homeActiveTitleIndex === index }">
@
mouseenter=
"handleShowMenu(index, true)"
@
mouseleave=
"handleShowMenu(index, false)"
@
click=
"handleClickTitle(item)"
>
<div
class=
"text"
:class=
"
{ textActive: homeActiveTitleIndex === index }">
{{
item
.
name
}}
</div>
<div
class=
"bottom-line"
v-if=
"homeActiveTitleIndex === index"
></div>
...
...
@@ -27,24 +28,13 @@
<div
class=
"user"
>
<img
src=
"@/assets/icons/overview/user.png"
alt=
""
/>
</div>
<div
class=
"name
text-regular
"
>
{{
"管理员"
}}
</div>
<div
class=
"name"
>
{{
"管理员"
}}
</div>
</div>
</div>
<div
class=
"menu-box"
v-show=
"isShowMenu"
@
mouseenter=
"handleHoverMenu(true)"
@
mouseleave=
"handleHoverMenu(false)"
>
<div
class=
"menu-content"
>
<div
class=
"menu-item"
v-for=
"(item, index) in menuList"
:key=
"index"
@
click=
"handleToModule(item, 1)"
>
<div
class=
"icon"
>
<img
:src=
"item.icon"
alt=
""
/>
</div>
<div
class=
"title"
>
{{
item
.
title
}}
</div>
</div>
</div>
</div>
<div
class=
"tool-box"
v-show=
"isShowTool"
@
mouseenter=
"handleHoverTool(true)"
@
mouseleave=
"handleHoverTool(false)"
>
<div
class=
"menu-content"
>
<div
class=
"menu-item"
v-for=
"(item, index) in toolList"
:key=
"index"
@
click=
"handleToModule(item, 2)"
>
<div
class=
"menu-item"
v-for=
"(item, index) in menuList"
:key=
"index"
@
click=
"handleToModule(item)"
>
<div
class=
"icon"
>
<img
:src=
"item.icon"
alt=
""
/>
</div>
...
...
@@ -57,7 +47,7 @@
</
template
>
<
script
setup
>
import
{
ref
,
computed
,
onMounted
,
watchEffect
,
onUnmounted
}
from
"vue"
;
import
{
ref
,
computed
,
onMounted
,
watchEffect
}
from
"vue"
;
import
{
useRouter
}
from
"vue-router"
;
import
{
useRoute
}
from
"vue-router"
;
import
{
getPersonType
}
from
"@/api/common/index"
;
...
...
@@ -75,8 +65,6 @@ import Menu9 from "@/assets/icons/overview/menu9.png";
import
Menu10
from
"@/assets/icons/overview/menu10.png"
;
import
Menu11
from
"@/assets/icons/overview/menu11.png"
;
import
Menu12
from
"@/assets/icons/overview/menu12.png"
;
import
Tool1
from
'./tool1.svg'
import
Tool2
from
'./tool2.svg'
import
{
ElMessage
}
from
"element-plus"
;
import
{
useWrittingAsstaintStore
}
from
"@/stores/writtingAsstaintStore"
;
const
store
=
useWrittingAsstaintStore
();
...
...
@@ -103,43 +91,29 @@ const handleGetPersonType = async () => {
// 概览页标题列表
const
homeTitleList
=
ref
([
{
name
:
"首页"
,
path
:
"/ZMOverView"
,
disabled
:
false
},
{
name
:
"中美科技博弈"
,
path
:
"/billHome"
,
disabled
:
false
},
{
name
:
"智能工具"
,
path
:
"/chat"
,
path
:
"/ZMOverView"
,
disabled
:
false
},
{
name
:
"数据资源库"
,
path
:
"/dataLibrary"
,
disabled
:
false
}
// {
// name: "主要国家科技动向感知",
// path: "",
// disabled: true
// },
// {
// name: "主要国家竞争科技安全",
// path: "",
// disabled: true
// }
]);
const
homeActiveTitleIndex
=
ref
(
0
);
const
isShowMenu
=
ref
(
false
);
const
handleShowMenu
=
(
index
,
isShow
)
=>
{
if
(
index
===
1
)
{
if
(
index
===
0
)
{
isShowMenu
.
value
=
isShow
;
isShowTool
.
value
=
false
;
}
else
if
(
index
===
2
)
{
isShowMenu
.
value
=
false
isShowTool
.
value
=
isShow
;
}
else
{
isShowMenu
.
value
=
false
isShowTool
.
value
=
false
;
}
};
...
...
@@ -148,11 +122,11 @@ const handleHoverMenu = isShow => {
};
const
menuList
=
ref
([
//
{
//
title: "中美科技博弈概览",
//
icon: Menu1,
//
path: "/ZMOverView"
//
},
{
title
:
"中美科技博弈概览"
,
icon
:
Menu1
,
path
:
"/ZMOverView"
},
{
title
:
"科技法案"
,
icon
:
Menu2
,
...
...
@@ -210,57 +184,29 @@ const menuList = ref([
}
]);
const
isShowTool
=
ref
(
false
);
const
handleHoverTool
=
isShow
=>
{
isShowTool
.
value
=
isShow
;
};
const
toolList
=
ref
([
{
title
:
"智能问答"
,
icon
:
Tool1
,
path
:
"/chat"
},
{
title
:
"智能写报"
,
icon
:
Tool2
,
path
:
"/writtingAsstaint"
},
])
const
handleToModule
=
(
item
,
index
)
=>
{
homeActiveTitleIndex
.
value
=
index
if
(
index
===
1
)
{
router
.
push
({
path
:
item
.
path
})
}
else
{
const
handleToModule
=
item
=>
{
const
curRoute
=
router
.
resolve
({
path
:
item
.
path
});
window
.
open
(
curRoute
.
href
,
"_blank"
);
}
isShowMenu
.
value
=
false
isShowTool
.
value
=
false
};
const
handleClickTitle
=
(
item
,
index
)
=>
{
if
(
homeActiveTitleIndex
.
value
===
index
)
return
const
searchText
=
ref
(
""
);
homeActiveTitleIndex
.
value
=
index
window
.
localStorage
.
setItem
(
'homeActiveTitleIndex'
,
homeActiveTitleIndex
.
value
)
if
(
item
.
name
===
'智能工具'
)
{
const
handleSearch
=
()
=>
{
const
curRoute
=
router
.
resolve
({
path
:
item
.
path
,
path
:
"/searchResults"
,
query
:
{
searchText
:
searchText
.
value
}
});
window
.
open
(
curRoute
.
href
,
"_blank"
);
}
else
{
router
.
push
(
item
.
path
)
}
};
const
handleClickTitle
=
item
=>
{
if
(
item
.
name
===
"主要国家科技动向感知"
||
item
.
name
===
"主要国家竞争科技安全"
)
{
ElMessage
.
warning
(
"当前功能正在开发中,敬请期待!"
);
}
};
const
handleClickToolBox
=
()
=>
{
...
...
@@ -269,12 +215,7 @@ const handleClickToolBox = () => {
onMounted
(()
=>
{
handleGetPersonType
();
homeActiveTitleIndex
.
value
=
Number
(
window
.
localStorage
.
getItem
(
'homeActiveTitleIndex'
))
});
onUnmounted
(()
=>
{
window
.
localStorage
.
removeItem
(
'homeActiveTitleIndex'
)
})
</
script
>
<
style
lang=
"scss"
scoped
>
...
...
@@ -344,7 +285,12 @@ onUnmounted(() => {
}
.text
{
color
:
var
(
--
text-primary-80-color
);
color
:
rgba
(
59
,
65
,
75
,
1
);
font-family
:
YouSheBiaoTiHei
;
font-style
:
Regular
;
font-size
:
30px
;
font-weight
:
400
;
letter-spacing
:
0px
;
}
.textActive
{
...
...
@@ -414,7 +360,13 @@ onUnmounted(() => {
.name
{
width
:
48px
;
height
:
30px
;
color
:
var
(
--
text-primary-80-color
);
color
:
rgba
(
59
,
65
,
75
,
1
);
font-family
:
Microsoft
YaHei
;
font-style
:
Regular
;
font-size
:
16px
;
font-weight
:
400
;
line-height
:
30px
;
letter-spacing
:
0px
;
}
}
}
...
...
@@ -454,69 +406,18 @@ onUnmounted(() => {
width
:
562px
;
height
:
348px
;
margin-top
:
8px
;
margin-left
:
72px
;
display
:
flex
;
flex-wrap
:
wrap
;
.menu-item
{
margin-top
:
36px
;
width
:
280px
;
height
:
24px
;
display
:
flex
;
cursor
:
pointer
;
&
:hover
{
.title
{
color
:
var
(
--
color-main-active
);
font-size
:
20px
;
}
}
.icon
{
width
:
24px
;
height
:
24px
;
img
{
width
:
100%
;
height
:
100%
;
}
}
.title
{
margin-left
:
16px
;
height
:
24px
;
color
:
rgba
(
59
,
65
,
75
,
1
);
font-family
:
Microsoft
YaHei
;
font-style
:
Bold
;
font-size
:
18px
;
font-weight
:
700
;
line-height
:
24px
;
letter-spacing
:
0px
;
text-align
:
left
;
}
}
}
}
.tool-box
{
position
:
absolute
;
z-index
:
999999
;
width
:
273px
;
height
:
171px
;
top
:
52px
;
left
:
300px
;
box-sizing
:
border-box
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
10px
;
backdrop-filter
:
blur
(
30px
);
box-shadow
:
0px
0px
20px
0px
rgba
(
25
,
69
,
130
,
0
.1
);
background
:
rgba
(
255
,
255
,
255
,
0
.8
);
.menu-content
{
width
:
562px
;
height
:
348px
;
margin-top
:
8px
;
margin-left
:
72px
;
.menu-item
{
margin-top
:
36px
;
width
:
280px
;
height
:
24px
;
display
:
flex
;
cursor
:
pointer
;
&
:hover
{
.title
{
color
:
var
(
--
color-main-active
);
...
...
@@ -533,6 +434,7 @@ onUnmounted(() => {
height
:
100%
;
}
}
.title
{
margin-left
:
16px
;
height
:
24px
;
...
...
src/components/base/moduleHeader/tool1.svg
deleted
100644 → 0
浏览文件 @
f386800f
<svg
viewBox=
"0 0 24 24"
xmlns=
"http://www.w3.org/2000/svg"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
width=
"24.000000"
height=
"24.000000"
fill=
"none"
customFrame=
"#000000"
>
<defs>
<linearGradient
id=
"paint_linear_1"
x1=
"12"
x2=
"12"
y1=
"1"
y2=
"23.0000019"
gradientUnits=
"userSpaceOnUse"
>
<stop
stop-color=
"rgb(0,91,244)"
offset=
"0"
stop-opacity=
"1"
/>
<stop
stop-color=
"rgb(101,0,253)"
offset=
"1"
stop-opacity=
"1"
/>
</linearGradient>
</defs>
<rect
id=
"ZM"
width=
"24.000000"
height=
"24.000000"
x=
"0.000000"
y=
"0.000000"
/>
<path
id=
"合并"
d=
"M16.1924 8.34956L17.265 9.39747C16.1916 12.5467 12.973 15.696 8.68258 16.2219C5.81801 16.5715 2.54479 19.4738 1 23C2.07341 16.7015 4.39054 1 20.4837 1C19.4119 4.1461 18.3401 6.24507 17.2683 7.29535L16.1924 8.34956ZM16.9643 4.86177C17.4797 3.85558 19.0242 2.51052 19.0242 1.83869C18.5092 2.17461 16.9643 2.84605 15.9343 4.35789C14.9044 5.86972 12.3295 6.87729 12.3295 6.87729C13.3594 6.54137 16.4489 5.86795 16.9643 4.86177ZM15.4194 8.8928C15.4194 9.56464 15.1104 11.1099 13.8744 11.9161C12.6385 12.7223 10.2696 13.5957 9.23961 13.9316C9.23961 13.9316 12.0205 12.6215 12.8445 11.4122C13.6684 10.2029 14.9044 9.22872 15.4194 8.8928ZM19.254 14.3913C19.254 14.3913 18.5049 16.1842 17.0059 17.2593C15.507 18.3345 13.2582 18.6917 13.2582 18.6917C13.2582 18.6917 15.3188 19.0509 16.2555 20.128C17.1923 21.205 17.0051 23 17.0051 23C17.0051 23 17.7544 21.205 19.2532 20.128C20.7519 19.0509 23 18.6919 23 18.6919C23 18.6919 20.9401 18.3345 20.0036 17.2593C19.0671 16.1842 19.254 14.3913 19.254 14.3913Z"
fill=
"url(#paint_linear_1)"
fill-rule=
"evenodd"
/>
</svg>
src/components/base/moduleHeader/tool2.svg
deleted
100644 → 0
浏览文件 @
f386800f
<svg
viewBox=
"0 0 24 24"
xmlns=
"http://www.w3.org/2000/svg"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
width=
"24.000000"
height=
"24.000000"
fill=
"none"
customFrame=
"#000000"
>
<defs>
<linearGradient
id=
"paint_linear_2"
x1=
"12"
x2=
"12"
y1=
"2"
y2=
"22"
gradientUnits=
"userSpaceOnUse"
>
<stop
stop-color=
"rgb(0,91,244)"
offset=
"0"
stop-opacity=
"1"
/>
<stop
stop-color=
"rgb(101,0,253)"
offset=
"1"
stop-opacity=
"1"
/>
</linearGradient>
</defs>
<rect
id=
"法案"
width=
"24.000000"
height=
"24.000000"
x=
"0.000000"
y=
"0.000000"
/>
<path
id=
"减去顶层"
d=
"M1.00002 11.1429C1.00002 6.0934 5.66569 2 11.4211 2C17.1765 2 21.8421 6.0934 21.8421 11.1429C21.8421 16.1923 17.1765 20.2857 11.4211 20.2857C10.0795 20.2857 8.79726 20.0634 7.61946 19.6584C6.99335 19.443 5.83647 18.8635 5.83647 18.8635L1 19.6588L2.90775 16.417C2.90775 16.417 2.15952 15.3834 1.87639 14.8183C1.31279 13.6935 1.00002 12.4503 1.00002 11.1429ZM15.7969 6.57031C15.7969 6.57031 15.5142 7.22506 14.9487 7.61766C14.3831 8.01027 13.5347 8.14075 13.5347 8.14075C13.5347 8.14075 14.3121 8.2719 14.6656 8.66523C15.019 9.05855 14.9484 9.71404 14.9484 9.71404C14.9484 9.71404 15.2311 9.05854 15.7965 8.66523C16.362 8.27192 17.2102 8.14079 17.2102 8.14079C17.2102 8.14079 16.433 8.01028 16.0797 7.61766C15.7263 7.22505 15.7969 6.57031 15.7969 6.57031ZM12.5406 14.0703L11.6792 8.14197L7.22535 8.14197L7.55117 8.43609L5.05229 14.0703L6.89676 14.0703L7.65333 12.4565L10.3676 12.4565L10.594 14.0703L12.5406 14.0703ZM8.09512 11.4514L9.18027 9.14708L9.9396 9.14708L10.2654 11.4514L8.09512 11.4514ZM16.3866 9.83812L15.6492 14.0703L13.5921 14.0703L14.1004 10.2371L13.7718 9.83812L16.3866 9.83812ZM9.10525 20.5652C10.534 21.4701 12.266 22 14.1326 22C19.0299 22 23 18.3529 23 13.854C23 12.9035 22.8228 11.991 22.497 11.1429C22.5038 11.2826 22.5072 11.423 22.5072 11.5643C22.5072 16.7661 17.8755 20.9831 12.162 20.9831C11.0979 20.9831 10.0713 20.8368 9.10525 20.5652Z"
fill=
"url(#paint_linear_2)"
fill-rule=
"evenodd"
/>
</svg>
src/components/base/pageBtn/LeftBtn.vue
deleted
100644 → 0
浏览文件 @
f386800f
<
template
>
<div
class=
"left-btn-wrapper"
>
<img
src=
"@/assets/images/icon/card-btn-left.png"
alt=
""
>
</div>
</
template
>
<
script
setup
>
</
script
>
<
style
lang=
"scss"
scoped
>
.left-btn-wrapper
{
width
:
24px
;
height
:
48px
;
cursor
:
pointer
img
{
width
:
100%
;
height
:
100%
;
}
}
</
style
>
\ No newline at end of file
src/components/base/pageBtn/RightBtn.vue
deleted
100644 → 0
浏览文件 @
f386800f
<
template
>
<div
class=
"right-btn-wrapper"
>
<img
src=
"@/assets/images/icon/card-btn-right.png"
alt=
""
>
</div>
</
template
>
<
script
setup
>
</
script
>
<
style
lang=
"scss"
scoped
>
.right-btn-wrapper
{
width
:
24px
;
height
:
48px
;
cursor
:
pointer
img
{
width
:
100%
;
height
:
100%
;
}
}
</
style
>
\ No newline at end of file
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论