{data.mainTitle}
} {isNSCC &&.default})
-
+
+
{data.mainTitle} - /SUPERCOMPUTING
{setActiveDirId(item.id)}}>
+ 
+
+ );
+
+ // 如果达到每行项目数或是最后一个项目
+ if ((index + 1) % itemsPerRow === 0 || index === dirs.length - 1) {
+ // 将当前行添加到渲染列表
+ rendered = rendered.concat(currentRow);
+
+ if (currentRow.some(item => item.key === activeDirId?.toString())) {
+ rendered.push(
+ {item.name}
+
+
+ );
+ }
+ // 重置当前行
+ currentRow = [];
+ }
+ });
+ return rendered;
+ };
+
+ return
+ {docListByDir.map(item=>{
+ return
+ {total > 4 &&
+
+
+ })}
+ {!docListByDir.length && {item.summary}
+暂无数据~
}
+ {window.scrollTo(0,450)}} className="color-blue font-15">查看更多
}
+
+
+}
+export default News;
\ No newline at end of file
diff --git a/src/forge/Information/Pages/homepage/component/projectByNSCC.jsx b/src/forge/Information/Pages/homepage/component/projectByNSCC.jsx
new file mode 100644
index 000000000..c73383dd8
--- /dev/null
+++ b/src/forge/Information/Pages/homepage/component/projectByNSCC.jsx
@@ -0,0 +1,156 @@
+import React, { useEffect, useState } from 'react';
+import '../index.scss';
+import { getProjectListByScore, getProjectsTypeLists } from '../../../api';
+import { Carousel, Divider, Pagination, Spin } from 'antd';
+import Nodata from '../../../../Nodata';
+import Slider from 'react-slick';
+
+function TypeCarousel({pageSize=4, list=[], typeId, onClick}) {
+ const setting = {
+ prevArrow:
+
+ {homepageCmsTitle}
+
+ {/* 第一个顺序栏目 */}
+ {firstDir &&
+ {/* {dirs && !!dirs.length &&
+ {/* 第一篇文章 */}
+ {docListByFirstDir[0] &&
}
+ {/* 第二个顺序栏目 */}
+ {secondDir &&
+ 
+
}
+ {docListByFirstDir.length > 1 && docListByFirstDir.slice(1).map(item=>{
+ return
+
+ {docListByFirstDir[0].name}
+ {moment(docListByFirstDir[0].publishTime).format('MM.DD')} +
+ {item.name}
+ {moment(item.publishTime).format('YYYY-MM-DD')}
+
+ })}
+
+
}
+
+
+ })}
+ {docListBySecondDir && !docListBySecondDir.length && + {window.scrollTo(0,450)}}>{item.name} +
+
+ {item.summary}
+
+ 查看详情
+
+ {renderItems()}
+
} */}
+ })
,
+ nextArrow: })
,
+ afterChange: (currentSlide)=>{onClick(list[currentSlide*pageSize].id)}
+ }
+ const pages = []
+ for (let i = 0; i < Math.ceil(list.length / pageSize); i++) {
+ const start = i * pageSize;
+ const end = start + pageSize;
+ pages.push(list.slice(start, end));
+ }
+ return
+
+ })}
+
+ {page.map((item, i) => {
+ const order = index*pageSize+i
+ const iconName = {
+ "并行计算框架": "icon-binghangjisuankuangjia",
+ "异构数据库": "icon-yigoushujuku",
+ "性能基准与评测": "icon-xingnengjizhunyupingce",
+ "任务调度管理": "icon-renwutiaoduguanli",
+ 1: "icon-binghangjisuankuangjia",
+ 2: "icon-yigoushujuku",
+ 3: "icon-xingnengjizhunyupingce",
+ 4: "icon-renwutiaoduguanli"
+ }
+ return
+ { onClick(item.id) }}>
+ {/* 项目 */}
+ {/* */}
+
+ {item.name}
+
+ })}
+ window.open(i.projectURL)}>
+
+ }
+
+ return
+ {i.projectProperties && i.projectProperties.name}
+ {className === "online_detail" && })
}
+
+ }
+
+ {i.projectProperties.description || "暂无描述"}
+
+
+
+ -
+ {i.projectProperties.language &&
- {i.projectProperties.language} } + { + i.projectProperties && i.projectProperties.topics && + i.projectProperties.topics.split(",").map(t => { + return ( +
- {t} + ) + }) + } +
+
+ 开发者{contributorsCount || 0}
+
+ {!!scoreChange &&
+ 较上周
+ 0 ? 'color-red' : "color-green"}>{scoreChange > 0 ? `+${scoreChange}` : scoreChange}
+ }
+
+
+
+}
+export default Project;
\ No newline at end of file
diff --git a/src/forge/Information/Pages/homepage/component/projectVerticalSlider.jsx b/src/forge/Information/Pages/homepage/component/projectVerticalSlider.jsx
new file mode 100644
index 000000000..357186a79
--- /dev/null
+++ b/src/forge/Information/Pages/homepage/component/projectVerticalSlider.jsx
@@ -0,0 +1,68 @@
+import React from 'react';
+import Slider from 'react-slick';
+
+/* 分组函数，不补位 */
+const groupProjects = (list, size = 4) => {
+ const groups = [];
+ for (let i = 0; i < list.length; i += size) {
+ groups.push(list.slice(i, i + size));
+ }
+ return groups;
+};
+
+export default function projectVerticalSlider({
+ projectList,
+}) {
+ const groups = groupProjects(projectList, 4);
+
+ const settings = {
+ vertical: true,
+ verticalSwiping: true,
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ autoplay: true,
+ autoplaySpeed: 3000,
+ infinite: groups.length > 1, // 只有多页才允许循环
+ arrows: false,
+ dots: false,
+ };
+
+ /* 单页渲染 */
+ const renderPage = (pageProjects, baseIndex) => (
+
+ {setTypeId(id); setPage(1)}}/>
+
+ {setPage(page)}} className='center mt30'/>
+ {!loading && lists.length === 0 &&
+
+ {homepageProjectTitle}
+
+ {lists.slice(0, 3).map((i, index)=>{
+ return projectDetail("online_detail", i, index, 3)
+ })}
+
+ {lists.length > 3 &&
+ {lists.slice(3).map((i, index)=>{
+ return projectDetail("second_detail", i, index, lists.slice(4).length)
+ })}
+
}
+
+
+ );
+
+ /* 不足 4 个时不走轮播 */
+ if (groups.length <= 1) {
+ return <>{renderPage(projectList, 0)};
+ }
+
+ return
+ {pageProjects.map((item, idx) => {
+ const globalIndex = baseIndex + idx;
+ return (
+
+
+
+ 课题{globalIndex + 1}
+
+
+ );
+ })}
+ {item.name}
+ {item.responsibleCompany && ( +
+ {item.responsibleCompany}
+
+ )}
+ {item.projectLeader}
+
+
+}
+export default Source;
\ No newline at end of file
diff --git a/src/forge/Information/Pages/homepage/component/specialProjectsByNSCC.jsx b/src/forge/Information/Pages/homepage/component/specialProjectsByNSCC.jsx
new file mode 100644
index 000000000..33b48e792
--- /dev/null
+++ b/src/forge/Information/Pages/homepage/component/specialProjectsByNSCC.jsx
@@ -0,0 +1,96 @@
+import React, { useEffect, useState } from 'react';
+import { getSpecialProjectDetail, getSpecialProjectList, getSpecialProjectTypeList, getImage, getSpecialReportList } from '../../../api';
+import { Col, Divider, Icon, Row, Tag } from 'antd';
+import Nodata from '../../../../Nodata';
+import '../index.scss';
+import ProjectVerticalSlider from './projectVerticalSlider';
+function SpecialProjects({ data }) {
+ const { key, homepageSpecialProjectTitle, id } = data || {};
+ const [typeList, setTypeList] = useState([]);
+ const [typeId, setTypeId] = useState(undefined);
+ const [projectList, setProjectList] = useState([]);
+ const [selectedItem, setSelectedItem] = useState(null);
+ const [projectDetail, setProjectDetail] = useState({});
+
+ useEffect(() => {
+ id && getSpecialProjectTypeList(id, {
+ pageNum: 1,
+ pageSize: 100,
+ }).then(res => {
+ if (res) {
+ const rows = res.data.rows;
+ rows[0] && setTypeId(rows[0].id)
+ setTypeList(rows);
+ }
+ })
+ }, [id])
+
+ useEffect(() => {
+ typeId && getSpecialProjectList(id, typeId).then(res => {
+ if (res) {
+ const rows = res.data.rows;
+ // rows[0] && setTypeId(rows[0].id)
+ setProjectList(rows);
+ }
+ })
+ }, [typeId])
+
+ async function getRelevancyList(id, type, pageSize = 5) {
+ const res = await getSpecialProjectDetail(id, {
+ type,
+ pageNum: 1,
+ pageSize
+ });
+ return res.data;
+ }
+
+ async function getRelevancyListByReport(id, pageSize = 5) {
+ const res = await getSpecialReportList({
+ specialProjectId: id,
+ pageNum: 1,
+ pageSize
+ });
+ return res.data;
+ }
+
+ const showMore = (type, isShowAll) => {
+ return
+ }
+
+
+ return
+
+ {setPage(page)}} className='center mt30'/>
+
+
+ {homepageResourceTitle}
+
+ {zoneList.slice(0,4).map((item, index)=>{
+ return
+
+ })}
+
+ {setChooseZoneId(item.id);}} style={{flex: '25%'}}>
+
+ {index < 3 && {item.name}
+{item.introduction || '暂无描述，待补充'}
+
+ {sourceList.map(i => {
+ const time = i.updateTime || i.createTime
+ return
+
+
+
+ })}
+
+
+ ![]({require("../image/source6.png")})
+ ![]({require("../image/source7.png")})
+
+
+ ![]({require("../image/source8.png")})
+ ![]({require("../image/source9.png")})
+ 下载
+
+
+
+
+
+
+
+ 下载
+ {i.name}
+{i.summary}
+ +
+ {!isSpin && !sourceList.length &&
+
+
+}
+export default SpecialProjects;
\ No newline at end of file
diff --git a/src/forge/Information/Pages/homepage/component/vipByNSCC.jsx b/src/forge/Information/Pages/homepage/component/vipByNSCC.jsx
new file mode 100644
index 000000000..123309232
--- /dev/null
+++ b/src/forge/Information/Pages/homepage/component/vipByNSCC.jsx
@@ -0,0 +1,64 @@
+import React , { useEffect, useState } from 'react';
+import { getHomePageList } from '../../../api';
+import { Card, Carousel } from 'antd';
+import '../index.scss';
+import Nodata from '../../../../Nodata';
+import Slider from 'react-slick';
+
+function Member({data, subTitle}) {
+ const {id, key, homepageMemberTitle} = data || {};
+ const [typeList, setTypeList] = useState([]);
+ const [typeId, setTypeId] = useState(undefined);
+ const [ vipsMap , setVipsMap ] = useState({});
+ const [ vipList , setVipList ] = useState([]);
+ const [current, setCurrent] = useState(0);
+ const list = vipsMap[typeId] || []
+ const pages = [];
+
+ useEffect(()=>{
+ id && getHomePageList(id).then(response=>{
+ if(response && response.data){
+ setVipList(response.data.rows);
+ }
+ }).catch(error=>{})
+ },[id])
+
+ const settings = {
+ dots: true,
+ infinite: true,
+ speed: 500,
+ slidesToShow: 3, // 可见 3
+ slidesToScroll: 1, // 滑 1
+ autoplay: true,
+ autoplaySpeed: 3000,
+ pauseOnHover: true,
+ centerMode: false
+ };
+
+ return
+ .default})
+
+ {homepageSpecialProjectTitle}
+
+ .default})
+
+
+
+ {typeList.map((item, i) => {
+ return
+
+
+ })}
+ { setTypeId(item.id) }}> + {item.name} + {typeId !== item.id && } +
+ {typeId === item.id && item.introduction &&
+
}
+
+
+
+}
+export default Member;
\ No newline at end of file
diff --git a/src/forge/Information/Pages/homepage/image/bkImg.png b/src/forge/Information/Pages/homepage/image/bkImg.png
new file mode 100644
index 000000000..9891a2070
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg.png differ
diff --git a/src/forge/Information/Pages/homepage/image/bkImg1.png b/src/forge/Information/Pages/homepage/image/bkImg1.png
new file mode 100644
index 000000000..88a3467ae
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg1.png differ
diff --git a/src/forge/Information/Pages/homepage/image/bkImg2.png b/src/forge/Information/Pages/homepage/image/bkImg2.png
new file mode 100644
index 000000000..df68a306c
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg2.png differ
diff --git a/src/forge/Information/Pages/homepage/image/bkImg3.png b/src/forge/Information/Pages/homepage/image/bkImg3.png
new file mode 100644
index 000000000..27f23efc2
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg3.png differ
diff --git a/src/forge/Information/Pages/homepage/image/bkImg4.png b/src/forge/Information/Pages/homepage/image/bkImg4.png
new file mode 100644
index 000000000..0d58b786b
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg4.png differ
diff --git a/src/forge/Information/Pages/homepage/image/bkImg5.png b/src/forge/Information/Pages/homepage/image/bkImg5.png
new file mode 100644
index 000000000..f7047ce42
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg5.png differ
diff --git a/src/forge/Information/Pages/homepage/image/bkImg6.png b/src/forge/Information/Pages/homepage/image/bkImg6.png
new file mode 100644
index 000000000..a7c3ddb66
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg6.png differ
diff --git a/src/forge/Information/Pages/homepage/image/bkImg7.png b/src/forge/Information/Pages/homepage/image/bkImg7.png
new file mode 100644
index 000000000..21e752d97
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg7.png differ
diff --git a/src/forge/Information/Pages/homepage/image/bkImg8.png b/src/forge/Information/Pages/homepage/image/bkImg8.png
new file mode 100644
index 000000000..bb9fad3d6
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg8.png differ
diff --git a/src/forge/Information/Pages/homepage/image/bkImg9.png b/src/forge/Information/Pages/homepage/image/bkImg9.png
new file mode 100644
index 000000000..d5b6460aa
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/bkImg9.png differ
diff --git a/src/forge/Information/Pages/homepage/image/projectBk1.png b/src/forge/Information/Pages/homepage/image/projectBk1.png
new file mode 100644
index 000000000..d6baaf642
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/projectBk1.png differ
diff --git a/src/forge/Information/Pages/homepage/image/projectBk2.png b/src/forge/Information/Pages/homepage/image/projectBk2.png
new file mode 100644
index 000000000..f71e6381d
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/projectBk2.png differ
diff --git a/src/forge/Information/Pages/homepage/image/projectBk3.png b/src/forge/Information/Pages/homepage/image/projectBk3.png
new file mode 100644
index 000000000..a65a81076
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/projectBk3.png differ
diff --git a/src/forge/Information/Pages/homepage/image/source6.png b/src/forge/Information/Pages/homepage/image/source6.png
new file mode 100644
index 000000000..96beea1d1
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/source6.png differ
diff --git a/src/forge/Information/Pages/homepage/image/source7.png b/src/forge/Information/Pages/homepage/image/source7.png
new file mode 100644
index 000000000..1f92e519e
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/source7.png differ
diff --git a/src/forge/Information/Pages/homepage/image/source8.png b/src/forge/Information/Pages/homepage/image/source8.png
new file mode 100644
index 000000000..ed5348cb8
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/source8.png differ
diff --git a/src/forge/Information/Pages/homepage/image/source9.png b/src/forge/Information/Pages/homepage/image/source9.png
new file mode 100644
index 000000000..0b1db8944
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/source9.png differ
diff --git a/src/forge/Information/Pages/homepage/image/source_bk1.png b/src/forge/Information/Pages/homepage/image/source_bk1.png
new file mode 100644
index 000000000..8225e46be
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/source_bk1.png differ
diff --git a/src/forge/Information/Pages/homepage/image/source_bk2.png b/src/forge/Information/Pages/homepage/image/source_bk2.png
new file mode 100644
index 000000000..a2b309caf
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/source_bk2.png differ
diff --git a/src/forge/Information/Pages/homepage/image/top1.png b/src/forge/Information/Pages/homepage/image/top1.png
new file mode 100644
index 000000000..54801a4f7
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/top1.png differ
diff --git a/src/forge/Information/Pages/homepage/image/top2.png b/src/forge/Information/Pages/homepage/image/top2.png
new file mode 100644
index 000000000..041a204ad
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/top2.png differ
diff --git a/src/forge/Information/Pages/homepage/image/top3.png b/src/forge/Information/Pages/homepage/image/top3.png
new file mode 100644
index 000000000..db657442a
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/top3.png differ
diff --git a/src/forge/Information/Pages/homepage/image/vipbk.png b/src/forge/Information/Pages/homepage/image/vipbk.png
new file mode 100644
index 000000000..45a1d3020
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/vipbk.png differ
diff --git a/src/forge/Information/Pages/homepage/image/vipbk1.png b/src/forge/Information/Pages/homepage/image/vipbk1.png
new file mode 100644
index 000000000..14432b582
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/vipbk1.png differ
diff --git a/src/forge/Information/Pages/homepage/image/vipbk2.png b/src/forge/Information/Pages/homepage/image/vipbk2.png
new file mode 100644
index 000000000..77444f5e1
Binary files /dev/null and b/src/forge/Information/Pages/homepage/image/vipbk2.png differ
diff --git a/src/forge/Information/Pages/homepage/index.scss b/src/forge/Information/Pages/homepage/index.scss
index 40d3fe4ca..527660d6e 100644
--- a/src/forge/Information/Pages/homepage/index.scss
+++ b/src/forge/Information/Pages/homepage/index.scss
@@ -2,6 +2,9 @@
width: 1200px;
margin:0px auto;
}
+.gap20{
+ gap: 20px;
+}
.align{
text-align: center;
justify-content: center;
@@ -12,6 +15,9 @@
.between{
justify-content: space-between
}
+.baseline{
+ align-items: baseline;
+}
.color-theme{
color: $primary-color;
}
@@ -30,12 +36,36 @@
.color848{
color: #848992;
}
+.color5d6{
+ color:#5d6371;
+}
+.color131{
+ color:#131415;
+}
+.color828{
+ color:#8284a4;
+}
+.color82880{
+ color:#8284a480;
+}
+.color020{
+ color:#020814;
+}
+.color181{
+ color:#181818;
+}
+.color606{
+ color: #606673
+}
.backWhite{
background-color: white;
}
.pointer{
cursor: pointer;
}
+.mt-15{
+ margin-top: -15px;
+}
.zone_1_carousel{
.slick-dots li button:before{
font-size: 12px;
@@ -508,4 +538,448 @@
right: -8px;
}
}
+}
+
+.nscc_homepage_box{
+ .account_nscc{
+ display: inline-block;
+ min-width:134px;
+ height:46px;
+ line-height:46px;
+ border:1px solid;
+ border-color:#5d6371;
+ border-radius:23px;
+ }
+ .nscc_introduction{
+ background-image: url('./image/bkImg.png');
+ background-size: 100% 100%;
+ }
+ .specialProjects_NSCC{
+ background-image: url('./image/bkImg1.png');
+ background-size: 100% 100%;
+ .slick-active .s_p_detail_NSCC{
+ border-radius: 20px;
+ box-shadow: 0px 0px 12px rgba(33, 73, 212, 0.1);
+ }
+ .s_p_detail_NSCC{
+ width:399px;
+ height:172px;
+ padding: 25px;
+ background-image: url('./image/bkImg2.png');
+ background-size: 100% 100%;
+ flex-direction: column;
+ position: relative;
+
+ &:nth-of-type(4n+1) .s_p_d_order{
+ color: #1c9907;
+ background-image: linear-gradient(178.25deg, #bfeab8 0%, rgba(255, 255, 255, 0) 100%);
+ }
+
+ &:nth-of-type(4n+2) .s_p_d_order{
+ color: #466aff;
+ background-image: linear-gradient(178.25deg, #cfd8ff 0%, rgba(255, 255, 255, 0) 100%);
+ }
+
+ &:nth-of-type(4n+3) .s_p_d_order{
+ color: #514cf9;
+ background-image: linear-gradient(178.25deg, #cecdfc 0%, rgba(255, 255, 255, 0) 100%);
+ }
+
+ &:nth-of-type(4n) .s_p_d_order{
+ color: #f8952d;
+ background-image: linear-gradient(178.25deg, #ffdcb9 0%, rgba(255, 231, 231, 0.5) 50.09%, rgba(255, 255, 255, 0) 100%);
+ }
+ .s_p_d_order {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: inline-block;
+ padding: 3px 12px 5px 22px;
+ border-radius: 0 13px 0 0;
+ clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%);
+ }
+ }
+ .page_NSCC {
+ display: flex;
+ align-content: flex-start;
+ min-height: 394px;
+ }
+ .s_p_detail_NSCC {
+ flex: 0 0 48%;
+ }
+ .slick-list{
+ padding: 20px 0 0 0;
+ }
+ }
+ .specialProjectTypeBox{
+ width: 340px;
+ margin-right: 40px;
+ transition: height .5s;
+ .desc_spt{
+ padding-right: 30px;
+ padding-bottom: 30px;
+ border-bottom: 1px dashed #C7CADA;
+ transition: height .3s ease-out;
+ opacity: 1;
+ animation: animation1 .3s ease-in-out .3s backwards;
+ }
+ @keyframes animation1{
+ 0% {
+ opacity: 0;
+ transform: translateY(30px);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ }
+ }
+ .carousel-row {
+ align-items: center;
+ .carousel-arrow{
+ width:30px;
+ height:30px;
+ text-align: center;
+ line-height: 30px;
+ border-radius: 50%;
+ background-color:#ffffff;
+ box-shadow:0px 3px 6px rgba(70, 106, 255, 0.1);
+ margin: 0 20px;
+ &:hover .iconfont{
+ color: $primary-color;
+ }
+ }
+ .dot_nscc{
+ width:4px;
+ height:4px;
+ border-radius: 50%;
+ background-color:#ced0d3;
+ margin: 0 2px;
+ &.active{
+ width:24px;
+ height:4px;
+ border-radius:2px;
+ transition: width .3s linear;
+ & span{
+ display: block;
+ width: 0;
+ height: 100%;
+ border-radius:2px;
+ background-color: #5D6371;
+ animation: leftToRight 3s linear forwards;
+ }
+ }
+ }
+ @keyframes leftToRight {
+ 0% {
+ width: 0;
+ }
+ 100% {
+ width: 100%;
+ }
+ }
+ }
+}
+.news_1_bg_NSCC{
+ background-image: url('./image/bkImg5.png');
+ background-size: 100% 100%;
+ background-color: #EBEFFA;
+ .firstDir_NSCC{
+ width:690px;
+ background-color: #F6F8FD;
+ border-radius:15px;
+ box-shadow:0px 0px 12px rgba(33, 73, 212, 0.1);
+ }
+ .firstDoc{
+ position: relative;
+ }
+ .firstDoc_Img{
+ width:690px;
+ object-fit: cover;
+ border-radius:15px;
+ }
+ .firstDocName{
+ position: absolute;
+ bottom: 0;
+ padding-bottom: 15px;
+ padding-left: 25px;
+ width: 100%;
+ background-image:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.36) 49.09%,rgba(0, 0, 0, 0.6) 100%);
+ border-radius:0 0 15px 15px;
+ }
+ .secondDir_NSCC{
+ border-radius:15px;
+ box-shadow:0px 0px 12px rgba(33, 73, 212, 0.1);
+ background: linear-gradient(180deg,#f4f7ff 0%,#F6F8FD 100%), url('./image/bkImg6.png') top/contain no-repeat;
+ background-blend-mode: multiply;
+ padding: 30px 25px;
+ }
+ .docBySecondDir_NSCC{
+ background-image:linear-gradient(180deg,#f4f7ff 0%,#ffffff 100%);
+ border-radius:15px;
+ box-shadow:0px 0px 12px rgba(33, 73, 212, 0.06);
+ padding: 16px 20px;
+ &:hover{
+ background-image: url('./image/bkImg7.png');
+ background-size: 100% 100%;
+ div, a{
+ color: white !important;
+ }
+ }
+ }
+ .docBox_o{
+ .icon-jiantou3{
+ display: none;
+ }
+ &:hover .icon-jiantou3{
+ display: inline-block;
+ }
+ &:hover a{
+ color: $primary-color;
+ }
+ }
+}
+.project_1_bg_NSCC {
+ background-image: url('./image/bkImg8.png');
+ background-size: 100% 100%;
+
+ .typeCarouselByNSCC {
+ display: inline-flex;
+ background-color: rgba(255, 255, 255, 0.3);
+ border: 1px solid #ffffff;
+ border-radius: 30px;
+ padding: 6px 0;
+ .p_1_icon{
+ width: 22px;
+ height: 22px;
+ background-size: 100% 100%;
+ }
+ .proTypeBox {
+ padding: 4px 15px;
+ &.active {
+ color: $primary-color;
+ background-color: #ffffff;
+ border-radius: 23px;
+ .iconfont{
+ color: $primary-color;
+ }
+ }
+ &:first-of-type{
+ margin-left: 6px;
+ }
+ &:last-of-type{
+ margin-right: 6px;
+ }
+ }
+ }
+ .online_detail{
+ background-image: url('./image/projectBk1.png');
+ background-size: 100% 100%;
+ flex: 0 0 calc(33.333% - 15px);
+ padding: 22px 20px 20px 20px;
+ border-radius:15px;
+ box-shadow:0px 0px 12px rgba(33, 73, 212, 0.1);
+ &:hover{
+ background-image: url('./image/projectBk2.png');
+ span, div{
+ color: white;
+ }
+ .color5d6:not(.task-hide-2){
+ opacity: 0.8;
+ }
+ .pd_tag_NSCC li{
+ color:#ffffff;
+ background-color:rgba(255, 255, 255, 0.12);
+ border: 1px solid rgba(255, 255, 255, 0.5);
+ }
+ }
+ }
+ .second_detail{
+ flex: 0 0 calc(33.333% - 15px);
+ padding: 0 20px;
+ &:nth-child(3n+1), &:nth-child(3n+2) {
+ border-right: 1px dashed rgba(146, 164, 201, 0.56);
+ }
+ &:nth-child(3n+2){
+ margin: 0 20px;
+ }
+ &.pb30{
+ padding-bottom: 30px;
+ }
+ &.noBor{
+ border-right: none;
+ }
+ }
+ .second_detailBox{
+ background-image: url('./image/projectBk3.png');
+ background-size: 100% 100%;
+ padding: 25px 0;
+ border-radius: 15px;
+ box-shadow: 0px 0px 12px rgba(33, 73, 212, 0.1);
+ }
+ .pd_tag_NSCC{
+ li{
+ padding: 0 8px;
+ border-radius:4px;
+ color:#466aff;
+ background-color:#E5EAFF;
+ &:nth-of-type(3n+2){
+ color:#1c9907;
+ background-color:#EBF5ED;
+ }
+
+ &:nth-of-type(3n+3){
+ color:#514cf9;
+ background-color:#EFF0FF;
+ }
+ }
+ }
+}
+.source_1_bg_NSCC{
+ background-image: url('./image/bkImg9.png');
+ background-size: 100% 100%;
+ .s_1_souce_NSCC{
+ padding: 30px 20px;
+ flex: 0 0 calc(33.333% - 20px);
+ background-image: url('./image/source_bk1.png');
+ background-size: 100% 100%;
+ transition: all .5s ease;
+ border-radius: 15px;
+ box-shadow: 0px 0px 12px rgba(33, 73, 212, 0.1);
+ &:hover{
+ background-image: url('./image/source_bk2.png');
+ .hoverImg, .icon-jiantou3{
+ display: inline-block;
+ }
+ p, span{
+ color:#ffffff !important;
+ }
+ .souce_icon_box{
+ background-color:rgba(255, 255, 255, 0.2);
+ border:1px solid rgba(255, 255, 255, 0.3);
+ }
+ }
+ .hoverImg, &:hover .normalImg, .icon-jiantou3{
+ display: none;
+ }
+ .souce_icon_box{
+ width:40px;
+ height:40px;
+ text-align: center;
+ line-height: 40px;
+ background-color:#ffffff;
+ border-radius:6px;
+ box-shadow:0px 0px 6px rgba(70, 106, 255, 0.06);
+ }
+ }
+}
+
+.vip_1_bg_NSCC{
+ background-image: url('./image/vipbk.png');
+ background-size: 100% 100%;
+ padding-bottom: 150px;
+ .vip-slide-1{
+ background-image: url('./image/vipbk1.png');
+ background-size: 100% 100%;
+ align-items: center;
+ padding: 33px 36px;
+ border-radius: 15px 15px 0px 0px;
+ img{
+ width:54px;
+ height:54px;
+ border-radius: 50%;
+ background-color: white;
+ }
+ }
+ .vip-slide-2{
+ min-height:171px;
+ background-image:linear-gradient(155.1deg,#f4f7ff 0%,#ffffff 100%);
+ border-radius:0px 0px 15px 15px;
+ }
+ .vip-slide-NSCC{
+ transition: all .5s ease;
+ border-radius: 15px;
+ box-shadow:0px 0px 12px rgba(33, 73, 212, 0.05);
+ }
+ .vip_NSCC_Slider{
+ .slick-list{
+ padding: 50px 0 0 0;
+ }
+ .slick-arrow{
+ width:36px;
+ height:36px;
+ border-radius: 50%;
+ background-color:#ffffff;
+ box-shadow:0px 3px 6px rgba(70, 106, 255, 0.1);
+ &.slick-next:before, &.slick-prev:before{
+ font-size: 14px;
+ font-family: "iconfont";
+ color: #606673;
+ font-weight: 700;
+ }
+ &:hover{
+ &.slick-next:before, &.slick-prev:before{
+ color: $primary-color;
+ }
+ }
+ }
+ .slick-next:before{
+ content: "\e8de";
+ }
+ .slick-prev{
+ z-index: 1;
+ }
+ .slick-prev:before{
+ content: "\e8df";
+ }
+ .slick-dots li button:before{
+ color: #8a9099;
+ }
+ li.slick-active button::before{
+ content: "";
+ width:24px;
+ height:4px;
+ background-color:#9da0a6;
+ border-radius:2px;
+ top: 7px;
+ left: 5px;
+ }
+ .slick-dots{
+ bottom: -33px;
+ }
+ .slick-dots li:not(.slick-active){
+ width: 5px;
+ }
+ // 视图第一张
+ .slick-current.slick-active{
+ padding-right: 40px;
+ // 视图第二张
+ &+.slick-slide {
+ .vip-slide-NSCC {
+ width: 110% !important;
+ margin-left: -5%;
+ position: relative;
+ top: -12px;
+ }
+ .vip-slide-1 {
+ position: relative;
+ padding: 40px 36px 55px;
+ background-image: url('./image/vipbk2.png');
+ img {
+ background: none;
+ position: absolute;
+ bottom: 0px;
+ right: 25px;
+ width: 200px;
+ height: 200px;
+ margin-right: 0;
+ border-radius: 0;
+ }
+ }
+ }
+ &+.slick-slide+.slick-slide{
+ padding-left: 40px;
+ }
+ }
+ }
}
\ No newline at end of file
diff --git a/src/forge/Information/Pages/homepage/nscc.jsx b/src/forge/Information/Pages/homepage/nscc.jsx
new file mode 100644
index 000000000..ee5b0e16f
--- /dev/null
+++ b/src/forge/Information/Pages/homepage/nscc.jsx
@@ -0,0 +1,132 @@
+import React, { createRef, useEffect, useState } from 'react';
+import NewsByNSCC from './component/newsByNSCC';
+import ProjectByNSCC from './component/projectByNSCC';
+import SourceByNSCC from './component/sourceByNSCC';
+import MemberByNSCC from './component/vipByNSCC';
+import Partner from './component/partner';
+import SpecialProjectsByNSCC from './component/specialProjectsByNSCC';
+import '../../indexZone1.scss'
+import './index.scss'
+import { getUniqueIdentifier, getUserName, getBrowserPlatform, getBrowserBrand } from '../../utils'
+import { getNewsDetail, getSubDocList, getZoneStatistics, setZoneVisits } from '../../api'
+import { Anchor, Carousel } from 'antd';
+import { Base64 } from 'js-base64';
+function HeaderPageUos(props) {
+ const label = {
+ communityUserCount: "社区用户",
+ cmsDocVisits: "文章访问数",
+ projectCount: "代码仓库",
+ resourceCount: "社区资源",
+ cmsDocCount: "社区新闻",
+ specialProjectCount: "重点项目",
+ }
+
+ const { data } = props;
+ const { id, firstTitle, homepageSpecialProjectTitle, homepageCmsTitle, homepageProjectTitle, homepageResourceTitle, homepageMemberTitle } = data || {};
+ const [data1, setData1] = useState({});
+ const [mainList, setMainList] = useState([]);
+ const carouselEL = createRef()
+ const [current, setCurrent] = useState(0);
+ const [ showAnchor, setShowAnchor ] = useState(false);
+
+ useEffect(() => {
+ let uuid = getUniqueIdentifier()
+ let url = props.location.pathname
+ let platform = getBrowserPlatform()
+ let browser = getBrowserBrand()
+ let username = getUserName(props.current_user)
+ // if(!username) uuid = getUniqueIdentifier()
+ let remark = ` 操作系统：${platform};浏览器：${browser};`
+ setZoneVisits({ url, username, uuid, remark })
+
+ // 获取【关于超算】栏目的文章列表
+ getSubDocList(window.location.host === "www.gitlink.org.cn" ? 1039 : 2810, { pageSize: 100, pageNum: 1, auditStatus: 1 }).then(async (result) => {
+ if (!result) return;
+ const rows = result.data.rows;
+ await Promise.all(
+ rows.map(async (item) => {
+ const detail = await getNewsDetail(item.id);
+ if (detail) item.docContent = detail.data.data.content;
+ })
+ );
+ setMainList(rows);
+ }).catch(console.error);
+
+ // 滚动监听
+ document.addEventListener("scroll", scroll);
+ return () => {
+ document.removeEventListener("scroll", scroll);
+ };
+ }, [])
+
+ useEffect(() => {
+ id && getZoneStatistics(id).then(res => {
+ setData1(res.data && res.data.data)
+ })
+ }, [id])
+
+ const scroll = () =>{
+ let sTop = document.documentElement.scrollTop;
+ if(sTop >= 600){
+ setShowAnchor(true);
+ }else{
+ setShowAnchor(false);
+ }
+ }
+
+ return (
+
+
+ {vipList.map((item, i) => {
+ const isCenter = i === (current + 1);
+ return
+ {vipList && !vipList.length &&
+ {homepageMemberTitle}
+
+
+ })}
+
+
+
+ 
+
+
+
+ {item.name}
+ {item.memberLevel} +
+ {item.introduction || '暂无介绍, 待补充'}
+
+
+ {showAnchor &&
+
+
+
+
+ }
+
+
+ )
+}
+export default HeaderPageUos;
\ No newline at end of file
diff --git a/src/forge/Information/index.jsx b/src/forge/Information/index.jsx
index bc6d3301d..a08a0b3e3 100644
--- a/src/forge/Information/index.jsx
+++ b/src/forge/Information/index.jsx
@@ -100,6 +100,11 @@ const HomePageByUos = Loadable({
loader : () => import("./Pages/homepage/uos"),
loading : Loading,
});
+
+const HomePageByNSCC = Loadable({
+ loader : () => import("./Pages/homepage/nscc"),
+ loading : Loading,
+});
const DatasetFileList = Loadable({
loader : () => import("./Pages/dataset/fileList"),
loading : Loading,
@@ -298,6 +303,7 @@ function Index(props){
deptId === "JCC" ?
+
+ {mainList.map(item => {
+ return
+ {mainList.length >1 &&
+
+ {firstTitle}
+
+
+ {Object.keys(label).map(item => {
+ return
+
+ {data1[item]}+
+
+ })}
+ {label[item]}
+
+ })}
+
+ carouselEL.current.prev()}>
+
+
+ {mainList.map((_, i) => (
+ carouselEL.current.goTo(i)}
+ className={`dot_nscc ${i === current ? 'active' : ''}`} // 高亮
+ >
+
+
+ ))}
+ carouselEL.current.next()}>
+
+
+
}
+