fix: 修复因缓存导致的切换页面后渲染失败

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:27:45
+ * @Last Modified time: 2023-12-19 15:49:21
  */
 
 import React, { useState, useEffect, Component } from "react";
@@ -24,10 +24,11 @@ import {
 } from "./api";
 import MapViewTwo from "./component/mapView2.jsx";
 import mpVideoGvc from "@assets/imgs/dataVimg/videoGvc2.mp4";
-import { getThousandNum } from "@utils/util";
+import { getThousandNum,deleteCacheAndChangeUrl } from "@utils/util";
 
 import 'animate.css';
 import { get } from "lodash";
+
 @withRouter
 
 class Gvc extends Component {
@@ -384,12 +385,17 @@ class Gvc extends Component {
         {/* 右键切换大屏 */}
         <Tooltip placement="bottom" title={"数据运营中心"}>
           <img src={require("@assets/imgs/iconJpg/rightJ.png").default} alt="" className={"rightJ_png"} onClick={() => {
-            this.props.history.replace("/home/operation");
+            deleteCacheAndChangeUrl("/home/operation",(url)=>{
+              this.props.history.replace(url);
+            })
+
           }} />
         </Tooltip>
         <Tooltip placement="bottom" title={"数据运营中心"}>
           <img src={require("@assets/imgs/iconJpg/rightJL.png").default} alt="" className={"rightJ_png rightJ_png_L"} onClick={() => {
-            this.props.history.replace("/home/operation");
+            deleteCacheAndChangeUrl("/home/operation",(url)=>{
+              this.props.history.replace(url);
+            })
           }} />
         </Tooltip>
 

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-12-19 15:32:21
+ * @Last Modified time: 2023-12-19 15:47:39
  */
 /*
  * @Author: dayan_hjm 
@@ -30,11 +30,10 @@ import {
   checkToken,
   updateTimeService
 } from "./api";
-import { getThousandNum } from "@utils/util";
+import { getThousandNum,deleteCacheAndChangeUrl } from "@utils/util";
 import {
   fullscreen,
 } from "@ant-design/icons";
-
 import 'animate.css';
 @withRouter
 
@@ -249,12 +248,16 @@ class Home extends Component {
         {/* 右键切换大屏 */}
         <Tooltip placement="bottom" title={"产供销价值链"}>
           <img src={require("@assets/imgs/iconJpg/rightJ.png").default} alt="" className={"rightJ_png"} onClick={() => {
-            this.props.history.replace("/home/gvc");
+            deleteCacheAndChangeUrl("/home/gvc",(url)=>{
+              this.props.history.replace(url);
+            })
           }} />
         </Tooltip>
         <Tooltip placement="bottom" title={"产供销价值链"}>
           <img src={require("@assets/imgs/iconJpg/rightJL.png").default} alt="" className={"rightJ_png rightJ_png_L"} onClick={() => {
-            this.props.history.replace("/home/gvc");
+            deleteCacheAndChangeUrl("/home/gvc",(url)=>{
+              this.props.history.replace(url);
+            })
           }} />
         </Tooltip>
 

src/utils/util.js

@@ -7,6 +7,7 @@ import { getSheetToken } from "@apis/common";
 import { switchPage, getUnionId } from "@apis/common.js";
 import $store from "@store/";
 import utils from "@utils/index";
+import RouterCache from '@utils/routerCache';
 
 /**
  * 公用事件封装文件
@@ -990,6 +991,15 @@ export function getThousandNum(num){
   return text8_sum;
 }
 
+//大屏转跳-去除缓存
+export function deleteCacheAndChangeUrl(url,callback){
+  RouterCache.deleteCache(url)
+  setTimeout(()=>{
+    callback && callback(url)
+  },300)
+}
+
+
 
 // 格式化树结构
 export function findTreeAllNode(tree) {