fix: bug

src/pages/gvc/style.less

@@ -273,7 +273,8 @@
               align-items: center;
               justify-content: space-between;
               padding: 0 1em;
-              background: linear-gradient(0deg, #ffffff00 20%, #7a7a7a29 100%);
+              background:linear-gradient(0deg, #292929f2 0%, #25252540 100%); 
+              // linear-gradient(0deg, #ffffff00 20%, #7a7a7a29 100%);
               width: 100%;
               border-radius: 0.5em;
               box-sizing: border-box;

src/pages/gvc/view.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm  产供销价值链
  * @Date: 2023-11-10 10:19:34 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-23 10:27:14
+ * @Last Modified time: 2023-11-27 17:16:02
  */
 
 import React, { useState, useEffect, Component } from "react";
@@ -83,12 +83,10 @@ class Gvc extends Component {
       this.setState({ changGif: true });
       $(".shu1").numScroll();
     }, 3000)
-    setTimeout(() => {
-      this.getUrl5()
-      setTimeout(() => {
-        this.getUrl6()
-      }, 500)
-    }, 2000)
+    // setTimeout(() => {
+    //   setTimeout(() => {
+    //   }, 500)
+    // }, 4000)
   }
   videoStart() {
     /*     Chrome 浏览器的视频自动播放策略
@@ -126,6 +124,7 @@ class Gvc extends Component {
     //第二种方法比较主流，类似的有网页版抖音以及B站
     function play() {
       video.muted = true;//设置视频为静音
+      video.playbackRate = 0.7;//设置视频为静音
       video.play();//调用播放方法
       const ctx = new AudioContext();
       const canAutoPlay = ctx.state === 'running'; //通过这个可以判断出视频能不能够自动播放 如何可以它的值就是“running” 否则为"suspended"
@@ -195,8 +194,8 @@ class Gvc extends Component {
   async getUrl4() {
     await smallShopService().then(({ data = [], resultCode }) => {
       if (+resultCode === 0) {
-        const style__ = [{}, { left: "88%", top: "28%" }, { left: "70%", top: "46%" }, { left: "52%", top: "59%" }, { left: "11%", top: "92%" }, { left: "29%", top: "76%" }]
-        data = data.map((x, i) => {
+        const style__ = [{}, { left: "88%", top: "28%" }, { left: "70%", top: "46%" }, { left: "52%", top: "59%" }, { left: "11%", top: "90%" }, { left: "29%", top: "76%" }]
+        data = data.map((x, i) => {0
           return {
             ...x,
             total: 0,
@@ -209,7 +208,7 @@ class Gvc extends Component {
         const d_1 = data.filter(x => { return x.factoryCode == 4 })[0];
         const d_2 = data.filter(x => { return x.factoryCode == 5 })[0];
         const d_3 = data.filter(x => { return x.factoryCode == 3 })[0];
-        const d_4 = data.filter(x=>{return x.factoryCode == 2})[0];
+        const d_4 = data.filter(x => { return x.factoryCode == 2 })[0];
         const d_5 = data.filter(x => { return x.factoryCode == 1 })[0];
         let old_imgMsgData = this.store.state.imgMsgData;
         old_imgMsgData[3] = d_1;
@@ -219,6 +218,7 @@ class Gvc extends Component {
         old_imgMsgData[7] = d_5;
         console.log(old_imgMsgData, "old_imgMsgData")
         this.store.saveState({ imgMsgData: old_imgMsgData });
+        this.getUrl5()
       }
     });
   }
@@ -249,6 +249,8 @@ class Gvc extends Component {
         old_imgMsgData[7] = { ...old_imgMsgData[7], ...d_5 };
         console.log(old_imgMsgData, "1111old_imgMsgData")
         this.store.saveState({ imgMsgData: old_imgMsgData });
+        this.getUrl6()
+
       }
     });
   }
@@ -258,10 +260,10 @@ class Gvc extends Component {
       if (+resultCode === 0) {
         function getItems(num) {
           const datas = data.filter(x => { return x.factoryCode == num });
-          const rawMaterial = datas.map((item,index)=>{
+          const rawMaterial = datas.map((item, index) => {
             return {
-              prodCatgory:item.prodCatgory,
-              indexValue:item.indexValue,
+              prodCatgory: item.prodCatgory,
+              indexValue: item.indexValue,
             }
           })
           // const par = {
@@ -288,7 +290,7 @@ class Gvc extends Component {
           //     }
           //   ]
           // }
-          return {rawMaterial:rawMaterial}
+          return { rawMaterial: rawMaterial }
         }
 
         const d_1 = getItems(5);
@@ -384,7 +386,7 @@ class Gvc extends Component {
           <MapViewTwo></MapViewTwo>
           <div className={"video_box gvc_video"}>
             <div className="alls">
-            <video src={mpVideoGvc} autoplay="autoplay" loop="loop" class="video_box_2 center_box2 animate__animated animate__fadeIn animate__delay-2s">
+              <video src={mpVideoGvc} playbackRate={0.5} autoplay="autoplay" loop="loop" class="video_box_2 center_box2 animate__animated animate__fadeIn animate__delay-2s">
               </video>
             </div>
 
@@ -404,7 +406,7 @@ class Gvc extends Component {
               <ul className="imgMsg">
                 {
                   toJS(imgMsgData).map((item, index) => {
-                    if(!item){return}
+                    if (!item) { return }
                     return (
                       <li style={{ ...item?.styles }} class="animate__animated animate__bounceInUp animate__slower">
                         {/* 矿产 */}
@@ -422,7 +424,15 @@ class Gvc extends Component {
                           item.cumulativeProduction !== null && <div className="hoverR">
                             <div className="hoverDiv chanL">
                               {/* <div style={{ width: "62%","textAlign":'right' }}> */}
-                              <div style={{ width: "70%"}}>
+                              <div style={{ width: "38%" }}>
+                                <p className="title">
+                                  产量/吨
+                                </p>
+                                <span>日：{item.day}</span>
+                                <span>月：{item.mood}</span>
+                                <span>年：{item.year}</span>
+                              </div>
+                              <div style={{ width: "58%" }}>
                                 <p className="title">
                                   库存/吨
                                 </p>
@@ -432,14 +442,6 @@ class Gvc extends Component {
                                   })
                                 }
                               </div>
-                              <div style={{ width: "38%" }}>
-                                <p className="title">
-                                  产量/吨
-                                </p>
-                                <span>日：{item.day}</span>
-                                <span>月：{item.mood}</span>
-                                <span>年：{item.year}</span>
-                              </div>
                             </div>
                           </div>
                         }
@@ -476,7 +478,7 @@ class Gvc extends Component {
             </div>
             <div className="bottom_box">
               <p style={{ color: "#6a818d", lineHeight: '2px', width: '100%', textAlign: "center" }}>
-                更新时间 : {updateTime}
+                更新时间 : {updateTime?updateTime.split(" ")[0]:updateTime}
               </p>
             </div>
           </div>

src/pages/tqcDataVHome/view.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 
  * @Date: 2023-10-25 10:32:44 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-16 10:35:01
+ * @Last Modified time: 2023-11-27 17:16:04
  */
 /*
  * @Author: dayan_hjm 
@@ -370,7 +370,7 @@ class Home extends Component {
           </div>
           <div className="bottom_box">
             <p style={{ color: "#6a818d",lineHeight:'2px' }}>
-              更新时间 : {updateTime}
+            更新时间 : {updateTime?updateTime.split(" ")[0]:updateTime}
             </p>
           </div>