diff --git a/src/forge/SoftwareFactory/components/FactoryHead.jsx b/src/forge/SoftwareFactory/components/FactoryHead.jsx new file mode 100644 index 000000000..d876ec94f --- /dev/null +++ b/src/forge/SoftwareFactory/components/FactoryHead.jsx @@ -0,0 +1,25 @@ +import React, { useEffect, useState } from "react"; +import centerBg from "../../img/center_title_bg.png"; + +function FactoryHead(props) { + const {} = props; + const [currentMonth, setCurrentMonth] = useState("2025年2月"); + + return ( +
+
+
+ +
可控开源创新中心
+
+ Controllable open source innovation center software factory work + situation +
+
+
软件工厂工作态势
+
+ +
+ ); +} +export default FactoryHead; diff --git a/src/forge/SoftwareFactory/components/Home.jsx b/src/forge/SoftwareFactory/components/Home.jsx deleted file mode 100644 index dd135f51f..000000000 --- a/src/forge/SoftwareFactory/components/Home.jsx +++ /dev/null @@ -1,271 +0,0 @@ -import React, { useEffect, useState } from "react"; -import { Route, Switch } from "react-router-dom"; -import { withRouter } from "react-router"; -import bj1 from "../img/bj1.png"; -import newsLine from "../img/news_line.png"; -import next from "../img/next.png"; -import right from "../img/right.png"; -import centerBg from "../img/center_title_bg.png"; -import "slick-carousel/slick/slick.css"; -import "slick-carousel/slick/slick-theme.css"; -import Slider from "react-slick"; -import { div } from "echarts-gl"; -let focuseWorkList = [ - { - name: "page1", - list: [ - { num: 1, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 2, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 3, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 4, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 5, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - ], - }, - { - name: "page2", - list: [ - { num: 6, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 7, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 8, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 9, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 10, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - ], - }, - { - name: "page3", - list: [ - { num: 11, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 12, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 13, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 14, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - { num: 15, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, - ], - }, -]; - -const firstPanelList = [ - { title: "用户需求待评审数", num: 50, isNUm: true, unit: "个" }, - { title: "产品需求待评审数", num: 10, isNUm: true, unit: "个" }, - { title: "最近里程碑倒数天数", num: 5, isNUm: true, unit: "个" }, - { title: "需求纳入计划数", num: 8, isNUm: true, unit: "个" }, -]; -const secondPanelList = [ - { title: "待完成任务数", num: 50, isNUm: true, unit: "个" }, - { title: "待测试数", num: 10, isNUm: true, unit: "个" }, - { title: "Bug待处理数", num: 5, isNUm: true, unit: "个" }, - { title: "待完成迭代数", num: 8, isNUm: true, unit: "个" }, -]; -const thirdPanelList = [ - { title: "昨日完结任务数", num: 50, isNUm: true, unit: "个" }, - { title: "昨日关闭缺陷数", num: 10, isNUm: true, unit: "个" }, - { title: "昨日需求评审数", num: 5, isNUm: true, unit: "个" }, - { title: "昨日工作之星", num: 8, isNUm: true, unit: "个" }, -]; -const forthPanelList = [ - { title: "昨日新增任务数", num: 50, isNUm: true, unit: "个" }, - { title: "昨日新增缺陷数", num: 10, isNUm: true, unit: "个" }, - { title: "昨日新增需求评审数", num: 5, isNUm: true, unit: "个" }, - { title: "昨日新增缺陷数", num: 8, isNUm: true, unit: "个" }, -]; -const setting = { - dots: false, - infinite: true, - speed: 2000, - slidesToShow: 1, - slidesToScroll: 1, - pauseOnDotsHover: true, - autoplaySpeed: 5000, - pauseOnFocus: true, - autoplay: true, - arrows: true, - prevArrow: , - nextArrow: , - // afterChange: (index) => setTag(index), -}; - -function Home(props) { - const {} = props; - const [currentMonth, setCurrentMonth] = useState("2025年2月"); - // const [focuseWorkList, setFocuseWorkList] = useState([]); - // useEffect(() => { - // getWorkList(); - // }, []); - - // function getWorkList() { - // let workList = []; - // } - // function getDay(){ - // let day = '2025年2月' - // return day - // } - return ( -
-
-
-
要闻概览:
-
Overview of important news
-
{currentMonth}
-
- IDRL团队/IDRLnet《基于内嵌物理知经.》 -
- -
- -
-
- 为解决飞行器设计优化过程中物理场快速仿真问题和运行监测阶段物理场精确反演问题，国防科技创新研究院无人系统技术研究中心智能设计与究中心智能设计与 -
-
-
重点工作:
-
Focus on work
-
- - {focuseWorkList && focuseWorkList.length > 0 - ? focuseWorkList.map((page, idx) => { - return ( -
- {page.list.map((item, index) => { - return ( -
-
- {item.num} -
-
- {item.content} -
-
- ); - })} -
- ); - }) - : ""} - -
-
-
-
-
-
-
- -
可控开源创新中心
-
- Controllable open source innovation center software factory work - situation -
-
-
软件工厂工作态势
-
-
-
-
-
-
-
- {firstPanelList.map((item, idx) => { - return ( -
-
-
- -
{item.title}
-
-
- {item.num} - {item.unit} -
-
-
-
- ); - })} -
-
-
-
-
-
-
-
- {secondPanelList.map((item, idx) => { - return ( -
-
-
- -
{item.title}
-
-
- {item.num} - {item.unit} -
-
-
-
- ); - })} -
-
-
-
-
-
-
-
-
-
- {thirdPanelList.map((item, idx) => { - return ( -
-
-
- -
{item.title}
-
-
- {item.num} - {item.unit} -
-
-
-
- ); - })} -
-
-
-
-
-
-
-
- {forthPanelList.map((item, idx) => { - return ( -
-
-
- -
{item.title}
-
-
- {item.num} - {item.unit} -
-
-
-
- ); - })} -
-
-
-
-
-
-
-
-
- ); -} -export default Home; diff --git a/src/forge/SoftwareFactory/components/Home/centerPanel.jsx b/src/forge/SoftwareFactory/components/Home/centerPanel.jsx new file mode 100644 index 000000000..9f7130686 --- /dev/null +++ b/src/forge/SoftwareFactory/components/Home/centerPanel.jsx @@ -0,0 +1,46 @@ +import React, { useEffect, useState } from "react"; +import duoyun from "../../img/duoyun.png"; +import fengsu from "../../img/fengsu.png"; +import shidu from "../../img/shidu.png"; +import ziwaixian from "../../img/ziwaixian.png"; + +function CenterPanel(props) { + return ( +
+
+
+ +
多云
+
+
+
+
+ +
52℃
+
+
+
+
+ +
西南风
+
+
+
+
+ +
280nm
+
+
+
+
星期四
+
+ 03/ + 06 +
+
二月初七
+
+
+ ); +} + +export default CenterPanel; diff --git a/src/forge/SoftwareFactory/components/Home/firstPanel.jsx b/src/forge/SoftwareFactory/components/Home/firstPanel.jsx new file mode 100644 index 000000000..ee9a5591c --- /dev/null +++ b/src/forge/SoftwareFactory/components/Home/firstPanel.jsx @@ -0,0 +1,41 @@ +import React, { useEffect, useState } from "react"; +import right from "../../img/right.png"; +const firstPanelList = [ + { title: "用户需求待评审数", num: 50, isNUm: true, unit: "个" }, + { title: "产品需求待评审数", num: 10, isNUm: true, unit: "个" }, + { title: "最近里程碑倒数天数", num: 5, isNUm: true, unit: "个" }, + { title: "需求纳入计划数", num: 8, isNUm: true, unit: "个" }, + ]; + + function FirstPanel (props) { + return ( +
+
+
+
+ {firstPanelList.map((item, idx) => { + return ( +
+
+
+ +
{item.title}
+
+
+ {item.num} + {item.unit} +
+
+
+
+ ); + })} +
+
+
+
今日产品状态
+
+ ) +} + +export default FirstPanel \ No newline at end of file diff --git a/src/forge/SoftwareFactory/components/Home/forthPanel.jsx b/src/forge/SoftwareFactory/components/Home/forthPanel.jsx new file mode 100644 index 000000000..2fe8a441b --- /dev/null +++ b/src/forge/SoftwareFactory/components/Home/forthPanel.jsx @@ -0,0 +1,41 @@ +import React, { useEffect, useState } from "react"; +import right from "../../img/right.png"; +const forthPanelList = [ + { title: "昨日新增任务数", num: 50, isNUm: true, unit: "个" }, + { title: "昨日新增缺陷数", num: 10, isNUm: true, unit: "个" }, + { title: "昨日新增需求评审数", num: 5, isNUm: true, unit: "个" }, + { title: "昨日新增缺陷数", num: 8, isNUm: true, unit: "个" }, +]; + +function ForthPanel(props) { + return ( +
+
昨日新增工作
+
+
+
+ {forthPanelList.map((item, idx) => { + return ( +
+
+
+ +
{item.title}
+
+
+ {item.num} + {item.unit} +
+
+
+
+ ); + })} +
+
+
+
+ ); +} + +export default ForthPanel; diff --git a/src/forge/SoftwareFactory/components/Home/index.jsx b/src/forge/SoftwareFactory/components/Home/index.jsx new file mode 100644 index 000000000..a9300a596 --- /dev/null +++ b/src/forge/SoftwareFactory/components/Home/index.jsx @@ -0,0 +1,155 @@ +import React, { useEffect, useState } from "react"; +import { Route, Switch } from "react-router-dom"; +import { withRouter } from "react-router"; +import bj1 from "../../img/bj1.png"; +import newsLine from "../../img/news_line.png"; +import next from "../../img/next.png"; +import right from "../../img/right.png"; +import centerBg from "../../img/center_title_bg.png"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Slider from "react-slick"; +import FirstPanel from "./firstPanel"; +import SecondPanel from "./secondPanel"; +import ThirdPanel from "./thirdPanel"; +import ForthPanel from "./forthPanel"; +import CenterPanel from "./centerPanel"; +let focuseWorkList = [ + { + name: "page1", + list: [ + { num: 1, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 2, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 3, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 4, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 5, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + ], + }, + { + name: "page2", + list: [ + { num: 6, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 7, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 8, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 9, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 10, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + ], + }, + { + name: "page3", + list: [ + { num: 11, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 12, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 13, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 14, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + { num: 15, content: "IDRL团队/IDRLnet《基于内嵌物理知识..》" }, + ], + }, +]; + +const setting = { + dots: false, + infinite: true, + speed: 2000, + slidesToShow: 1, + slidesToScroll: 1, + pauseOnDotsHover: true, + autoplaySpeed: 5000, + pauseOnFocus: true, + autoplay: true, + arrows: true, + prevArrow: , + nextArrow: , + // afterChange: (index) => setTag(index), +}; + +function Home(props) { + const {} = props; + const [currentMonth, setCurrentMonth] = useState("2025年2月"); + // const [focuseWorkList, setFocuseWorkList] = useState([]); + // useEffect(() => { + // getWorkList(); + // }, []); + + // function getWorkList() { + // let workList = []; + // } + // function getDay(){ + // let day = '2025年2月' + // return day + // } + return ( +
+
+
+
要闻概览:
+
Overview of important news
+
{currentMonth}
+
+ IDRL团队/IDRLnet《基于内嵌物理知经.》 +
+ +
+ +
+
+ 为解决飞行器设计优化过程中物理场快速仿真问题和运行监测阶段物理场精确反演问题，国防科技创新研究院无人系统技术研究中心智能设计与究中心智能设计与 +
+
+
重点工作:
+
Focus on work
+
+ + {focuseWorkList && focuseWorkList.length > 0 + ? focuseWorkList.map((page, idx) => { + return ( +
+ {page.list.map((item, index) => { + return ( +
+
+ {item.num} +
+
+ {item.content} +
+
+ ); + })} +
+ ); + }) + : ""} + +
+
+
+
+
+
+
+ +
可控开源创新中心
+
+ Controllable open source innovation center software factory work + situation +
+
+
软件工厂工作态势
+
+
+
+ + +
+
+ + +
+ +
+
+
+ ); +} +export default Home; diff --git a/src/forge/SoftwareFactory/components/Home/secondPanel.jsx b/src/forge/SoftwareFactory/components/Home/secondPanel.jsx new file mode 100644 index 000000000..6437b3b07 --- /dev/null +++ b/src/forge/SoftwareFactory/components/Home/secondPanel.jsx @@ -0,0 +1,42 @@ +import React, { useEffect, useState } from "react"; +import right from "../../img/right.png"; + +const secondPanelList = [ + { title: "待完成任务数", num: 50, isNUm: true, unit: "个" }, + { title: "待测试数", num: 10, isNUm: true, unit: "个" }, + { title: "Bug待处理数", num: 5, isNUm: true, unit: "个" }, + { title: "待完成迭代数", num: 8, isNUm: true, unit: "个" }, +]; + +function SecondPanel(props) { + return ( +
+
今日项目状态
+
+
+
+ {secondPanelList.map((item, idx) => { + return ( +
+
+
+ +
{item.title}
+
+
+ {item.num} + {item.unit} +
+
+
+
+ ); + })} +
+
+
+
+ ); +} + +export default SecondPanel; diff --git a/src/forge/SoftwareFactory/components/Home/thirdPanel.jsx b/src/forge/SoftwareFactory/components/Home/thirdPanel.jsx new file mode 100644 index 000000000..4321e6164 --- /dev/null +++ b/src/forge/SoftwareFactory/components/Home/thirdPanel.jsx @@ -0,0 +1,41 @@ +import React, { useEffect, useState } from "react"; +import right from "../../img/right.png"; +const thirdPanelList = [ + { title: "昨日完结任务数", num: 50, isNUm: true, unit: "个" }, + { title: "昨日关闭缺陷数", num: 10, isNUm: true, unit: "个" }, + { title: "昨日需求评审数", num: 5, isNUm: true, unit: "个" }, + { title: "昨日工作之星", num: 8, isNUm: true, unit: "个" }, +]; + +function ThirdPanel(props) { + return ( +
+
+
+
+ {thirdPanelList.map((item, idx) => { + return ( +
+
+
+ +
{item.title}
+
+
+ {item.num} + {item.unit} +
+
+
+
+ ); + })} +
+
+
+
昨日完结工作
+
+ ); +} + +export default ThirdPanel; diff --git a/src/forge/SoftwareFactory/components/ProjectStatus/ProjectCard.jsx b/src/forge/SoftwareFactory/components/ProjectStatus/ProjectCard.jsx new file mode 100644 index 000000000..7cd1a1767 --- /dev/null +++ b/src/forge/SoftwareFactory/components/ProjectStatus/ProjectCard.jsx @@ -0,0 +1,54 @@ +import React, { useEffect, useState } from "react"; +import { Route, Switch } from "react-router-dom"; +import { withRouter } from "react-router"; + +function ProjectCard(props) { + const {mgRight} = props; + const [currentMonth, setCurrentMonth] = useState("2025年2月"); + + return ( +
+
项目名称
+
+
{'开源项目组'}
+
项目经理：{'蒋宇航'}
+
+
+
+
项目需求数
+
200
+
项目完成数
+
150
+
+
+
项目任务数
+
200
+
任务完成数
+
150
+
+
+
项目迭代数
+
200
+
已完成迭代数
+
150
+
+
+
+
+
测试用例数
+
927
+
+
+
测试缺陷数
+
58
+
+
+
待测试数
+
623
+
+
+ {props.shadow &&
} +
+ ); +} +export default ProjectCard; diff --git a/src/forge/SoftwareFactory/components/ProjectStatus/index.jsx b/src/forge/SoftwareFactory/components/ProjectStatus/index.jsx new file mode 100644 index 000000000..1f14088bb --- /dev/null +++ b/src/forge/SoftwareFactory/components/ProjectStatus/index.jsx @@ -0,0 +1,47 @@ +import React, { useEffect, useState } from "react"; +import { Route, Switch } from "react-router-dom"; +import { withRouter } from "react-router"; +import centerBg from "../../img/center_title_bg.png"; +import './index.scss'; +import ProjectCard from './ProjectCard' + +function ProjectStatus(props) { + const {} = props; + const [currentMonth, setCurrentMonth] = useState("2025年2月"); + + return ( +
+
+
+ +
可控开源创新中心
+
+ Controllable open source innovation center software factory work + situation +
+
+
软件工厂工作态势
+
+
+
+
项目研发状态
+
+
+
+
+ + + + + + + + + + +
+
+
+ ); +} +export default ProjectStatus; diff --git a/src/forge/SoftwareFactory/components/ProjectStatus/index.scss b/src/forge/SoftwareFactory/components/ProjectStatus/index.scss new file mode 100644 index 000000000..2425109af --- /dev/null +++ b/src/forge/SoftwareFactory/components/ProjectStatus/index.scss @@ -0,0 +1,210 @@ +.project-wrap { + width: 100vw; + height: 100vh; + background-image: url(../../img/bj2.png); + background-size: 100% 100%; + display: flex; + flex-direction: column; + .project-head { + display: flex; + padding-top: 50px; + padding-left: 36px; + .center-title-wrap { + position: relative; + img { + width: 308px; + } + .center-title { + position: absolute; + color: #fff; + font-family: "shuheiTi"; + font-size: 28px; + line-height: 46px; + top: 0; + left: 28px; + letter-spacing: 3px; + } + .center-sub-title { + position: absolute; + font-family: FangSong; + color: #2648df; + font-size: 20px; + bottom: 0; + left: 60px; + width: 740px; + line-height: 20px; + } + } + .soft-title { + color: rgba(38, 72, 223, 1); + font-family: "shuheiTi"; + font-size: 52px; + align-items: flex-start; + line-height: 52px; + padding-left: 24px; + } + } + .project-sub-t-wrap { + padding-top: 20px; + display: flex; + justify-content: center; + .project-sub-t { + width: 350px; + height: 54px; + background-color: rgba(39, 133, 214, 0.17); + border-radius: 2px 24px 2px 24px; + .project-sub-inner { + width: 350px; + height: 48px; + line-height: 48px; + background: #2648df; + border-radius: 2px 24px 2px 24px; + text-align: center; + font-size: 27px; + font-family: "alibaba"; + color: #fff; + } + } + } + .project-bottom-wrap { + flex: 1; + padding-top: 11px; + background-image: url("../../img/bootm_bg.png"); + background-size: 100% auto; + background-repeat: no-repeat; + background-position: bottom; + .project-list-wrap { + display: flex; + flex-wrap: wrap; + padding: 0 35px; + .project-card-wrap { + .card-shadow { + position: absolute; + left: 0; + bottom: -62px; + height: 62px; + width: 354px; + // border-radius: 4px 4px 25px 4px; + } + .shadow-left{ + // width:calc( 354px - 180px); + // left: 180px; + bottom: -30px; + height: 30px; + opacity: 46%; + border-bottom-right-radius: 6px; + background: linear-gradient( + -90deg, + rgba(38, 72, 223, 0.19) 0%, + rgba(255, 255, 255, 0) 52% + ); + } + .shadow-center{ + background: linear-gradient( + 180deg, + rgba(38, 72, 223, 0.19) 0%, + rgba(255, 255, 255, 0) 52% + ); + } + .shadow-right{ + bottom: -30px; + height: 30px; + border-bottom-left-radius: 6px; + opacity: 46%; + background: linear-gradient( + 90deg, + rgba(38, 72, 223, 0.19) 0%, + rgba(255, 255, 255, 0) 52% + ); + } + position: relative; + width: 354px; + height: 353px; + background: linear-gradient(90.26deg, #2785d6 0.21%, #2648df 98.9%); + border-radius: 4px 25px 4px 4px; + margin-top: 20px; + padding: 0 15px; + .pro-title { + font-family: "alibaba"; + color: #f6d8b0; + font-size: 27px; + line-height: 27px; + text-align: center; + padding-top: 20px; + } + .pro-group { + display: flex; + width: 324px; + height: 30px; + display: flex; + justify-content: center; + align-items: center; + font-family: "alibabaReg"; + border-radius: 6px; + background: linear-gradient( + 91.3deg, + rgba(184, 198, 255, 0.22) 0%, + rgba(255, 255, 255, 0.22) 54.4%, + rgba(126, 149, 255, 0) 100%, + rgba(108, 135, 255, 0.31) 100% + ); + border: 1px solid rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.8); + margin-top: 15px; + } + .pro-center { + padding-top: 12px; + display: flex; + .pro-center-item { + width: 104px; + height: 155px; + background: linear-gradient(90.98deg, #ffffff 2.78%, #d4ebff 98.6%); + border-radius: 8px; + display: flex; + flex-direction: column; + align-items: center; + padding: 15px 0; + .pro-center-name { + font-family: "alibabaReg"; + color: #27254c; + font-size: 15px; + line-height: 21px; + height: 21px; + } + .pro-center-num { + font-family: "yousheTi"; + color: #2648df; + font-size: 32px; + line-height: 42px; + height: 42px; + } + } + } + .pro-bottom { + display: flex; + justify-content: space-between; + padding: 14px 9px 0; + .pro-bottom-item { + color: rgba(255, 255, 255, 0.8); + font-family: "alibabaReg"; + display: flex; + flex-direction: column; + align-items: center; + font-size: 15px; + .pro-bt-name { + line-height: 21px; + height: 21px; + } + .pro-bt-num { + font-family: "pangmen"; + font-size: 26px; + color: #fff; + line-height: 26px; + padding-top: 5px; + } + } + } + } + } + } +} diff --git a/src/forge/SoftwareFactory/img/bootm_bg.png b/src/forge/SoftwareFactory/img/bootm_bg.png new file mode 100644 index 000000000..f73ad5ae2 Binary files /dev/null and b/src/forge/SoftwareFactory/img/bootm_bg.png differ diff --git a/src/forge/SoftwareFactory/img/duoyun.png b/src/forge/SoftwareFactory/img/duoyun.png new file mode 100644 index 000000000..f192242b1 Binary files /dev/null and b/src/forge/SoftwareFactory/img/duoyun.png differ diff --git a/src/forge/SoftwareFactory/img/fengsu.png b/src/forge/SoftwareFactory/img/fengsu.png new file mode 100644 index 000000000..b3bfbffbb Binary files /dev/null and b/src/forge/SoftwareFactory/img/fengsu.png differ diff --git a/src/forge/SoftwareFactory/img/shidu.png b/src/forge/SoftwareFactory/img/shidu.png new file mode 100644 index 000000000..8231d588d Binary files /dev/null and b/src/forge/SoftwareFactory/img/shidu.png differ diff --git a/src/forge/SoftwareFactory/img/ziwaixian.png b/src/forge/SoftwareFactory/img/ziwaixian.png new file mode 100644 index 000000000..8a0376087 Binary files /dev/null and b/src/forge/SoftwareFactory/img/ziwaixian.png differ diff --git a/src/forge/SoftwareFactory/index.jsx b/src/forge/SoftwareFactory/index.jsx index a5c04452f..f41e2fcdf 100644 --- a/src/forge/SoftwareFactory/index.jsx +++ b/src/forge/SoftwareFactory/index.jsx @@ -4,12 +4,35 @@ import { CNotificationHOC } from "../../modules/courses/common/CNotificationHOC" import { TPMIndexHOC } from "../../modules/tpm/TPMIndexHOC"; import { withRouter } from "react-router"; import { ImageLayerOfCommentHOC } from "../../modules/page/layers/ImageLayerOfCommentHOC"; -import Home from './components/Home' +import Home from './components/Home/index' +import ProjectStatus from './components/ProjectStatus/index' + +import next from "./img/next.png"; +import Slider from "react-slick"; import './index.scss'; +const setting = { + dots: false, + infinite: true, + speed: 2000, + slidesToShow: 1, + slidesToScroll: 1, + pauseOnDotsHover: true, + autoplaySpeed: 2000, + pauseOnFocus: false, + autoplay: false, + arrows: false, +// prevArrow: , +// nextArrow: , + // afterChange: (index) => setTag(index), +}; + function Index(props){ return (
- + + + +
) } diff --git a/src/forge/SoftwareFactory/index.scss b/src/forge/SoftwareFactory/index.scss index 3a1cc409c..3198a66bb 100644 --- a/src/forge/SoftwareFactory/index.scss +++ b/src/forge/SoftwareFactory/index.scss @@ -18,8 +18,8 @@ $blue-color-light: rgba(39, 118, 217, 1); height: 100vh; width: 100vw; .home-wrap { - height: 100%; - width: 100%; + height: 100vh; + width: 100vw; background-image: url(./img/bj1.png); background-size: 100% 100%; display: flex; @@ -33,18 +33,18 @@ $blue-color-light: rgba(39, 118, 217, 1); padding-top: 54px; .slick-prev { width: 74px; - height: 40px; + height: 54px; left: 0; - bottom: -50px !important; + bottom: -58px !important; top: auto; transform: rotate(180deg); } .slick-next { width: 74px; - height: 40px; + height: 54px; right: 0; top: auto; - bottom: -74px !important; + bottom: -86px !important; // transform: rotate(180deg); } .left-title, @@ -210,6 +210,15 @@ $blue-color-light: rgba(39, 118, 217, 1); .right-content { padding-top: 86px; position: relative; + .panel-title { + width: 27px; + // height: 187px; + font-family: "shuheiTi"; + font-weight: 700; + color: #f6d8b0; + font-size: 27px; + line-height: 33px; + } .top-section, .bottom-section { display: flex; @@ -226,12 +235,20 @@ $blue-color-light: rgba(39, 118, 217, 1); .top-section { .first-panel { background-image: url(./img/first_panel.png); + display: flex; + justify-content: flex-start; + .panel-title { + margin-left: 41px; + } } .second-panel { background-image: url(./img/second_panel.png); margin-left: 55px; display: flex; justify-content: flex-end; + .panel-title { + margin-right: 41px; + } .white-panel-out { display: flex; justify-content: flex-end; @@ -246,12 +263,22 @@ $blue-color-light: rgba(39, 118, 217, 1); padding-top: 53px; .third-panel { background-image: url(./img/third_panel.png); + display: flex; + justify-content: flex-start; + align-items: flex-end; + .panel-title { + margin-left: 41px; + } } .forth-panel { background-image: url(./img/forth_panel.png); margin-left: 55px; display: flex; justify-content: flex-end; + align-items: flex-end; + .panel-title { + margin-right: 41px; + } .white-panel-out { display: flex; justify-content: flex-end; @@ -283,7 +310,7 @@ $blue-color-light: rgba(39, 118, 217, 1); display: flex; justify-content: space-between; align-items: center; - padding:14px 0 6px; + padding: 14px 0 6px; .panel-item-content-left { display: flex; align-items: center; @@ -298,28 +325,31 @@ $blue-color-light: rgba(39, 118, 217, 1); margin-right: 16px; } } - .panel-item-content-right{ - color:#2648df; + .panel-item-content-right { + color: #2648df; display: flex; align-items: flex-end; - .panel-num{ + .panel-num { font-family: "yousheTi"; font-size: 36px; line-height: 36px; - } - .panel-unit{ - font-family: 'alibaba'; + .panel-unit { + font-family: "alibaba"; font-size: 13px; line-height: 28px; margin-left: 4px; } } } - .panel-item-line{ + .panel-item-line { height: 1px; width: 100%; - background:linear-gradient(90.21deg,#2648df 2.02%,#f6d8b0 98.88%); + background: linear-gradient( + 90.21deg, + #2648df 2.02%, + #f6d8b0 98.88% + ); } } } @@ -336,6 +366,75 @@ $blue-color-light: rgba(39, 118, 217, 1); transform: translate(-50%, -50%); margin-top: 43px; margin-left: -68px; + display: flex; + flex-wrap: wrap; + .first-section, + .second-section, + .third-section, + .forth-section { + width: 50%; + height: 50%; + display: flex; + justify-content: center; + align-items: center; + color: #ffffff; + font-size: 16px; + font-family: "alibabaReg"; + .content { + display: flex; + flex-direction: column; + align-items: center; + } + img { + width: 32px; + } + } + .first-section { + .content { + margin-left: 26px; + margin-top: 26px; + } + } + .second-section { + .content { + margin-right: 26px; + margin-top: 26px; + } + } + .third-section { + .content { + margin-left: 26px; + margin-bottom: 26px; + } + } + .forth-section { + .content { + margin-right: 26px; + margin-bottom: 26px; + } + } + .center-section { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + display: flex; + flex-direction: column; + align-items: center; + color: #fff; + font-size: 13px; + font-family: "alibabaReg"; + + .month { + font-family: "shuheiTi"; + font-size: 32px; + line-height: 32px; + } + .date { + font-size: 19px; + line-height: 32px; + } + } } } }