修改issue

src/military/qz2022.js

@@ -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">
+        <ul className="qz2022Menu mt20 qz_main">
-          <li className={active === "introduce" ? "active" : ""}>
+          <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>}
+        </ul>
-        {paths.indexOf(active) !== -1 && <div className="menu_border mt20 qz_main"></div>}
+        <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>

src/military/qz2022/introduce/index.jsx

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

src/military/qz2022/statistics/EchartBar/index.jsx

@@ -18,7 +18,6 @@ const colorArr0 = ['rgba(226, 217, 255, 1)', 'rgba(251, 201, 0, 0.36)', 'rgba(14
 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));
@@ -98,8 +97,12 @@ export default ({ id, className, title, legendArr, xData, yData }) => {
     //   tooltip: {
     //     trigger: 'axis',
     //     formatter: function (params) {
-    //         // console.log(params);
+    //       //   let paramsData=params.filter(i=>{return i.seriesType==='bar'})
-    //         return params
+    //       //   console.log(paramsData);
+    //       //   // return (
+
+    //       //   // )
+    //       return params.filter(i => { return i.seriesType === 'bar' });
     //     }
     //   },
     //   yAxis: {},
@@ -124,7 +127,7 @@ export default ({ id, className, title, legendArr, xData, yData }) => {
     //       symbolPosition: 'end',
     //       data: [320, 200, 260],
     //       symbol: 'diamond',
-    //          symbolOffset:['-165%','-50%'],
+    //       symbolOffset: ['-150%', '-50%'],
     //       symbolSize: [barWidth - 4, 10 * (barWidth - 4) / barWidth],
     //       itemStyle: {
     //         normal: {
@@ -135,26 +138,6 @@ export default ({ id, className, title, legendArr, xData, yData }) => {
     //       },
     //     },
     //     {
-    //          name:'左上部2',
-    //          type: 'bar',
-    //          label: {
-    //              normal: {
-    //                  show: true,
-    //                  position: 'top',
-
-    //              fontSize: 16,
-    //              color: '#218bd1',
-    //              offset: [-30, -5]
-    //          }
-    //      },
-    //      itemStyle: {
-    //          color: 'transparent'
-    //      },
-    //      tooltip: {
-    //      },
-    //      data: [320, 200, 260],
-    //  },
-    //  {
     //       z: 1,
     //       name: '高二',
     //       type: 'bar',
@@ -174,7 +157,7 @@ export default ({ id, className, title, legendArr, xData, yData }) => {
     //       symbolPosition: 'end',
     //       data: [170, 182, 191],
     //       symbol: 'diamond',
-    //      symbolOffset:['-15%','-50%'],
+    //       symbolOffset: ['0%', '-50%'],
     //       symbolSize: [barWidth - 4, 10 * (barWidth - 4) / barWidth],
     //       itemStyle: {
     //         normal: {
@@ -185,25 +168,6 @@ export default ({ id, className, title, legendArr, xData, yData }) => {
     //       },
     //     },
     //     {
-    //      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: '高三',
@@ -214,8 +178,7 @@ export default ({ id, className, title, legendArr, xData, yData }) => {
     //           color: colors[2]
     //         }
     //       },
-    //  }
+    //     },
-    //  ,
     //     {
     //       z: 3,
     //       name: '右上部1',
@@ -223,7 +186,7 @@ export default ({ id, className, title, legendArr, xData, yData }) => {
     //       symbolPosition: 'end',
     //       data: [220, 182, 191],
     //       symbol: 'diamond',
-    //      symbolOffset:['130%','-50%'],
+    //       symbolOffset: ['145%', '-50%'],
     //       symbolSize: [barWidth - 4, 10 * (barWidth - 4) / barWidth],
     //       itemStyle: {
     //         normal: {
@@ -233,25 +196,7 @@ export default ({ id, className, title, legendArr, xData, yData }) => {
     //         }
     //       },
     //     },
-    //  {
+
-    //      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],
-    //  },
     //   ]
     // };
 

src/military/qz2022/statistics/index.jsx

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