feat: style / 大屏2这个缓存问题 未读取数据自动刷新 / 这个全屏应该放到最上图层

src/pages/frame/component/top/style.less

@@ -19,7 +19,7 @@
     .allP_png {
       position: absolute;
     right: 1em;
-    top: 2em;
+    top: 1em;
     opacity: 0.8;
     width: 4em;
     display: flex;

src/pages/gvc/component/mapView2.jsx

@@ -14,7 +14,7 @@
         preload 属性 :
         设置 auto , 表示 预先加载视频 ;
         设置 none , 表示 不预先加载视频 ;
- * @Last Modified time: 2023-11-22 16:15:21
+ * @Last Modified time: 2023-12-27 14:15:02
  */
 import React, { useState, useEffect, Component } from "react";
 import { useHistory, useLocation, withRouter } from "react-router-dom";
@@ -89,8 +89,10 @@ class MapViewTwo extends Component {
         btn.removeEventListener('click', play);
       }
       else {
-        model.style.display = 'block';
-        btn.addEventListener('click', play);
+        if(model){
+          model.style.display = 'block';
+        }
+        if(btn){btn.addEventListener('click', play);}
       }
     }
     play()

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-12-19 15:49:21
+ * @Last Modified time: 2023-12-27 14:18:06
  */
 
 import React, { useState, useEffect, Component } from "react";
@@ -123,8 +123,10 @@ class Gvc extends Component {
         btn.removeEventListener('click', play);
         // 如果他自动播放了就隐藏按钮，消除点击事件
       } catch (err) {
+      if(model){
         model.style.display = 'block';
-        btn.addEventListener('click', play);
+      }
+      if(btn){btn.addEventListener('click', play);}
         // 如果Promise返回的是error就引导用户点击按钮，在调用play方法
       }
     }
@@ -145,9 +147,11 @@ class Gvc extends Component {
         btn.removeEventListener('click', play);
       }
       else {
-        model.style.display = 'block';
-        btn.addEventListener('click', play);
-      }
+        if(model){
+          model.style.display = 'block';
+        }
+        if(btn){btn.addEventListener('click', play);}
+        }
     }
     play()
 
@@ -230,7 +234,9 @@ class Gvc extends Component {
 
         console.log(old_imgMsgData, "old_imgMsgData")
         this.store.saveState({ imgMsgData: old_imgMsgData });
-        this.getUrl5()
+        setTimeout(()=>{
+          this.getUrl5()
+        },500)
       }
     });
   }
@@ -261,7 +267,9 @@ 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()
+        setTimeout(()=>{
+          this.getUrl6()
+        },1000)
 
       }
     });
@@ -456,13 +464,13 @@ class Gvc extends Component {
                                 <span>月：{item.mood}</span>
                                 <span>年：{item.year}</span>
                               </div>
-                              <div style={{ width: index == 5 ? "58%" : "55%" }}>
+                              <div style={{ width: index == 5 ? "58%" : "57%" }}>
                                 <p className="title">
                                   库存/吨
                                 </p>
                                 {
                                   get(item, "rawMaterial", []).map((ra, rai) => {
-                                    return <span>{ra.prodCatgory}：{ra.indexValue}</span>
+                                    return <span>{ra.prodCatgory}:{ra.indexValue}</span>
                                   })
                                 }
                               </div>
@@ -479,7 +487,7 @@ class Gvc extends Component {
 
                               <span class="topMsg_number_2" style={{ fontSize: "0.75em", color: "#fff" }}>吨</span>
                             </div>
-                            <div>
+                            <div style={{width:"60%"}}>
                               <p>产品库存</p>
                               {
                                 !changGif ? <span class="nums shu1">{item.inventory}</span> : <span class="nums">{getThousandNum(item.inventory)}</span>