junru0303
/
forgeplus-react
forked from Gitlink/forgeplus-react
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改issue

This commit is contained in:
何童崇 2022-03-29 16:35:52 +08:00
parent ba93a044d3
commit 8f0abdad2e
4 changed files with 134 additions and 182 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/military/qz2022.js
View File

@ -94,13 +94,14 @@ const Qz2022 = (props) => {
})
}, [reload])
console.log(active);
return (
<React.Fragment>
{/* banner图+选项 */}
<img src={banner} className="qz_banner"/>
<div className="qz2022">
{paths.indexOf(active) !== -1 && <ul className="qz2022Menu mt20 qz_main">
<li className={active === "introduce" ? "active" : ""}>
<ul className="qz2022Menu mt20 qz_main">
<li className={ active==='qz2022' ||active === "introduce"? "active" : ""}>
<Link to={{ pathname: `/competition/qz2022/introduce` }}>大赛介绍</Link>
</li>
<li className={active === "fingerpost" ? "active" : ""}>
@ -129,8 +130,8 @@ const Qz2022 = (props) => {
<a>后台管理</a>
</Popover>
</li>}
</ul>}
{paths.indexOf(active) !== -1 && <div className="menu_border mt20 qz_main"></div>}
</ul>
<div className="menu_border mt20 qz_main"></div>
<Spin spinning={false} wrapperClassName="spinstyle qzCont" tip="正在同步镜像" size="large">
<Switch {...props}>
{/* 大赛介绍 */}
@ -199,6 +200,12 @@ const Qz2022 = (props) => {
() => (<Management {...props} qzDetail={qzDetail}/>)
}
></Route>
{/* 大赛介绍 */}
<Route path="/competition/qz2022"
render={
() => (<Introduce {...props} />)
}
></Route>
</Switch>
</Spin>
</div>

2
src/military/qz2022/introduce/index.jsx
View File

@ -15,7 +15,7 @@ function Introduce({ form, showNotification, match, history }) {
return (
<div className="introduce">
<div className="introduce-content clearfix">
<div className="introduce-video"><video src="http://111.8.36.180:8000/preview/93579e3f4bc0ba33075a905c08c79322_1648197024501.mp4" autoPlay controls></video></div>
<div className="introduce-video"><video src="http://111.8.36.180:8000/preview/93579e3f4bc0ba33075a905c08c79322_1648197024501.mp4" autoPlay controls muted></video></div>
<div className="introduce-info">
<h3 className="info-tit">“启智”2022作战概念·事需求创新大赛</h3>

293
src/military/qz2022/statistics/EchartBar/index.jsx
View File

@ -15,11 +15,10 @@ if (clientWidth < 1000) {
let fontSizeTitle = 1.25 * fontSizeText;
const colorArr0 = ['rgba(226, 217, 255, 1)', 'rgba(251, 201, 0, 0.36)', 'rgba(145, 193, 255, 0.61)'];
const colorArr1= ['rgba(155, 128, 245, 1)', 'rgba(254, 140, 0, 1)', 'rgba(37, 109, 255, 1)'];
const colorArr1 = ['rgba(155, 128, 245, 1)', 'rgba(254, 140, 0, 1)', 'rgba(37, 109, 255, 1)'];
export default ({ id, className, title, legendArr, xData, yData }) => {
console.log(yData);
useEffect(() => {
let newEchartBar = document.getElementById(id) && echarts.init(document.getElementById(id));
let textColor = "#7988a5";
@ -80,180 +79,126 @@ export default ({ id, className, title, legendArr, xData, yData }) => {
// ];
// var barWidth = 35;
// var barWidth = 35;
// let option = {
// title: {
// text: 'Awesome Chart'
// },
// xAxis: {
// data: ['Sun', 'Mon', 'Tue']
// },
// legend: {
// data: ['高一', '高二','高三'],
// textStyle: {
// color: 'white', //坐标的字体颜色
// },
// },
// tooltip:{
// trigger:'axis',
// formatter:function(params){
// // console.log(params);
// return params
// }
// },
// yAxis: {},
// series: [
// {
// z:1,
// name:'高一',
// type: 'bar',
// barWidth:barWidth,
// data:[320, 200, 260],
// itemStyle:{
// normal:{
// color:colors[0]
// }
// },
// }
// ,
// {
// z:3,
// name:'左上部1',
// type:'pictorialBar',
// symbolPosition:'end',
// data:[320, 200, 260],
// symbol :'diamond',
// symbolOffset:['-165%','-50%'],
// symbolSize:[barWidth - 4,10 * (barWidth - 4) / barWidth],
// itemStyle:{
// normal:{
// borderColor: '#218bd1',
// borderWidth: 2,
// color:'#218bd1'
// }
// },
// },
// {
// name:'左上部2',
// type: 'bar',
// label: {
// normal: {
// show: true,
// position: 'top',
// title: {
// text: 'Awesome Chart'
// },
// xAxis: {
// data: ['Sun', 'Mon', 'Tue']
// },
// legend: {
// data: ['高一', '高二', '高三'],
// textStyle: {
// color: 'white', //坐标的字体颜色
// },
// },
// tooltip: {
// trigger: 'axis',
// formatter: function (params) {
// // let paramsData=params.filter(i=>{return i.seriesType==='bar'})
// // console.log(paramsData);
// // // return (
// fontSize: 16,
// color: '#218bd1',
// offset: [-30, -5]
// }
// },
// itemStyle: {
// color: 'transparent'
// },
// tooltip: {
// },
// data: [320, 200, 260],
// },
// {
// z:1,
// name:'高二',
// type: 'bar',
// barWidth:barWidth,
// data:[170, 182, 191],
// itemStyle:{
// normal:{
// color:colors[1]
// }
// },
// }
// ,
// {
// z:3,
// name:'中上部1',
// type:'pictorialBar',
// symbolPosition:'end',
// data:[170, 182, 191],
// symbol :'diamond',
// symbolOffset:['-15%','-50%'],
// symbolSize:[barWidth - 4,10 * (barWidth - 4) / barWidth],
// itemStyle:{
// normal:{
// borderColor: '#2edaf8',
// borderWidth: 2,
// color:'#2edaf8'
// }
// },
// },
// {
// name:'中上部2',
// type: 'bar',
// label: {
// normal: {
// show: true,
// position: 'top',
// fontSize: 16,
// color: '#2edaf8',
// offset: [-30, -5]
// }
// },
// itemStyle: {
// color: 'transparent'
// },
// tooltip: {
// },
// data:[170, 182, 191],
// },
// {
// z:1,
// type: 'bar',
// name:'高三',
// barWidth:barWidth,
// data:[220, 182, 191],
// itemStyle:{
// normal:{
// color:colors[2]
// }
// },
// }
// ,
// {
// z:3,
// name:'右上部1',
// type:'pictorialBar',
// symbolPosition:'end',
// data:[220, 182, 191],
// symbol :'diamond',
// symbolOffset:['130%','-50%'],
// symbolSize:[barWidth - 4,10 * (barWidth - 4) / barWidth],
// itemStyle:{
// normal:{
// borderColor: '#7b7be1',
// borderWidth: 2,
// color:'#7b7be1'
// }
// },
// },
// {
// name:'中上部2',
// type: 'bar',
// label: {
// normal: {
// show: true,
// position: 'top',
// fontSize: 16,
// color: '#7b7be1',
// offset: [-30, -5]
// }
// },
// itemStyle: {
// color: 'transparent'
// },
// tooltip: {
// },
// data:[220, 182, 191],
// },
// ]
// };
// // // )
// return params.filter(i => { return i.seriesType === 'bar' });
// }
// },
// yAxis: {},
// series: [
// {
// z: 1,
// name: '高一',
// type: 'bar',
// barWidth: barWidth,
// data: [320, 200, 260],
// itemStyle: {
// normal: {
// color: colors[0]
// }
// },
// }
// ,
// {
// z: 3,
// name: '左上部1',
// type: 'pictorialBar',
// symbolPosition: 'end',
// data: [320, 200, 260],
// symbol: 'diamond',
// symbolOffset: ['-150%', '-50%'],
// symbolSize: [barWidth - 4, 10 * (barWidth - 4) / barWidth],
// itemStyle: {
// normal: {
// borderColor: '#218bd1',
// borderWidth: 2,
// color: '#218bd1'
// }
// },
// },
// {
// z: 1,
// name: '高二',
// type: 'bar',
// barWidth: barWidth,
// data: [170, 182, 191],
// itemStyle: {
// normal: {
// color: colors[1]
// }
// },
// }
// ,
// {
// z: 3,
// name: '中上部1',
// type: 'pictorialBar',
// symbolPosition: 'end',
// data: [170, 182, 191],
// symbol: 'diamond',
// symbolOffset: ['0%', '-50%'],
// symbolSize: [barWidth - 4, 10 * (barWidth - 4) / barWidth],
// itemStyle: {
// normal: {
// borderColor: '#2edaf8',
// borderWidth: 2,
// color: '#2edaf8'
// }
// },
// },
// {
// z: 1,
// type: 'bar',
// name: '高三',
// barWidth: barWidth,
// data: [220, 182, 191],
// itemStyle: {
// normal: {
// color: colors[2]
// }
// },
// },
// {
// z: 3,
// name: '右上部1',
// type: 'pictorialBar',
// symbolPosition: 'end',
// data: [220, 182, 191],
// symbol: 'diamond',
// symbolOffset: ['145%', '-50%'],
// symbolSize: [barWidth - 4, 10 * (barWidth - 4) / barWidth],
// itemStyle: {
// normal: {
// borderColor: '#7b7be1',
// borderWidth: 2,
// color: '#7b7be1'
// }
// },
// },
// ]
// };
let option = {
grid: {

6
src/military/qz2022/statistics/index.jsx
View File

@ -27,7 +27,7 @@ const initBarYData = [[0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0], [0, 0,
function Statistics({ showNotification, qzDetail }) {
const is_local= qzDetail &&qzDetail.is_local;
const [pieArr, setPieArr] = useState(initPieArr);
const [barXData, setBarXData] = useState(['LJLJLJ', 'HJHJHJ', 'KJKJKJ', 'HJJHJJHJJ', 'ZLZYBD', '联勤保障', 'WJWJWJ']);
@ -100,7 +100,7 @@ function Statistics({ showNotification, qzDetail }) {
</div>
{/* 外网 */}
{!qzDetail.is_local && <div className="right-echart outside">
{!is_local && <div className="right-echart outside">
<h3 className="type-name">综合赛区报名数</h3>
<EchartPie
id="network"
@ -110,7 +110,7 @@ function Statistics({ showNotification, qzDetail }) {
</div>}
{/* 内网 */}
{qzDetail.is_local && <div className="right-echart">
{is_local && <div className="right-echart">
<EchartBar
id="newAddedProjects"
className="echart-box"