feat: 限制无权限查看大屏 / 修复左右切换大屏的title显示

src/pages/gvc/view.jsx

@@ -47,6 +47,8 @@ class Gvc extends Component {
       manHourData: [
       ],
       manHourNum: 1,
+      leftName:deleteCacheAndChangeUrl("left",false,true),
+      rightName:deleteCacheAndChangeUrl("right",false,true),
     };
     this.timer = null //定时器，用于检测同步状态
   }
@@ -379,7 +381,7 @@ class Gvc extends Component {
   render() {
     const stores = this.store.state;
     let { totalValue, yearDecline, yearSend, imgMsgData } = this.store.state;
-    let { LeftHtml, updateTime, changGif } = this.state;
+    let { LeftHtml, updateTime, changGif,leftName,rightName } = this.state;
     return (
       <div className={[styles.gvc_home + ' home_box ']}>
         {/* 水印 */}
@@ -388,7 +390,7 @@ class Gvc extends Component {
         }
         {/* 右键切换大屏 */}
         {/* <Tooltip placement="bottom" title={"TLK运营数据中心 / TLK Plant Dashboard"}> */}
-        <Tooltip placement="bottom">
+        <Tooltip placement="bottom" title={rightName}>
           <img src={require("@assets/imgs/iconJpg/rightJ.png").default} alt="" className={"rightJ_png"} onClick={() => {
             deleteCacheAndChangeUrl("right", (url) => {
               this.props.history.replace(url);
@@ -396,7 +398,7 @@ class Gvc extends Component {
 
           }} />
         </Tooltip>
-        <Tooltip placement="bottom">
+        <Tooltip placement="bottom" title={leftName}>
           <img src={require("@assets/imgs/iconJpg/rightJL.png").default} alt="" className={"rightJ_png rightJ_png_L"} onClick={() => {
             deleteCacheAndChangeUrl("left", (url) => {
               this.props.history.replace(url);

src/pages/tlk/component/oneSendView.jsx

@@ -90,7 +90,7 @@ class OneSendView extends Component {
         },
         legend: {
           type: 'scroll',
-          data: ['预算产量(Monthly Budget)', '产量(Net Production)','计划完成率(Prodction Efflciebcy)'],
+          data: ['预算产量(Monthly Budget)', '产量(Net Production)','计划完成率(Production Efficiency)'],
           fontFamily:'DingTalkJinBuTi',
           padding: [15, 0, 0, 0],
           textStyle:{
@@ -235,7 +235,7 @@ class OneSendView extends Component {
             showAllSymbol: true,
             yAxisIndex: 1,
             symbolSize: 6,
-            name: '计划完成率(Prodction Efflciebcy)',
+            name: '计划完成率(Production Efficiency)',
             itemStyle: {
                 normal: {
                     color: "#8D93FF",

src/pages/tlk/view.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 
  * @Date: 2023-10-25 10:32:44 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2024-10-31 09:26:57
+ * @Last Modified time: 2024-11-13 10:22:55
  */
 /*
  * @Author: dayan_hjm 
@@ -55,6 +55,8 @@ class Home extends Component {
       manHourData: [
       ],
       manHourNum: 1,
+      leftName:deleteCacheAndChangeUrl("left",false,true),
+      rightName:deleteCacheAndChangeUrl("right",false,true),
     };
     this.timer = null //定时器，用于检测同步状态
   }
@@ -88,7 +90,6 @@ class Home extends Component {
     this.fontMsgChange();
     this.getUrl2()
     this.getUrl3();
-    this.getUrl();
     setTimeout(() => {
       this.videoStart();
     }, 200)
@@ -188,6 +189,7 @@ class Home extends Component {
   }
   async getUrl2() {
     await numberService().then(({ data = [], resultCode }) => {
+      this.getUrl();
       if (+resultCode === 0) {
         let tailiTotal = 0, totalValue = 0, productInventory = 0, yearDecline = 0, yearSend = 0, annualPlan = 0, implementationOfThePlan = 0;
         data.map((x, i) => {
@@ -264,7 +266,7 @@ class Home extends Component {
   render() {
     const stores = this.store.state;
     let { totalValue, yearDecline, yearSend, productInventory, annualPlan, implementationOfThePlan } = this.store.state;
-    let { changGif, updateTime, changNun, imgMsgData } = this.state;
+    let { changGif, updateTime, changNun, imgMsgData,leftName,rightName } = this.state;
     return (
       <div className={[styles.tlk_box + ' home_box ']}>
         {/* 水印 */}
@@ -272,14 +274,14 @@ class Home extends Component {
           window.urlConfig && window.urlConfig.SHOW_WATERMARK && <div className={"shuiYin"} style={{ backgroundImage: `url(${$store.app.markSrc})`, backgroundRepeat: 'repeat' }}></div>
         }
         {/* 右键切换大屏 */}
-        <Tooltip placement="bottom">
+        <Tooltip placement="bottom" title={rightName}>
           <img src={require("@assets/imgs/iconJpg/rightJ.png").default} alt="" className={"rightJ_png"} onClick={() => {
             deleteCacheAndChangeUrl("right", (url) => {
               this.props.history.replace(url);
             })
           }} />
         </Tooltip>
-        <Tooltip placement="bottom">
+        <Tooltip placement="bottom" title={leftName}>
           <img src={require("@assets/imgs/iconJpg/rightJL.png").default} alt="" className={"rightJ_png rightJ_png_L"} onClick={() => {
             deleteCacheAndChangeUrl("left", (url) => {
               this.props.history.replace(url);
@@ -480,7 +482,7 @@ class Home extends Component {
                   </div>
                   <div className="topMsg_box">
                     <p className="topMsg_number_p topMsg_number_p_big">年度锂辉石计划执行率</p>
-                    <p className="topMsg_number_p">Annual lithium pyroxene</p>
+                    <p className="topMsg_number_p">Annual spodumene</p>
                     <p className="topMsg_number_p" style={{ marginBottom: '0.05rem' }}>plan execution rate</p>
                     <span className="topMsg_number" class="shu1">{getThousandNum(implementationOfThePlan, true)}</span>
                     <span className="topMsg_number_2">%</span>

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: 2024-11-11 14:14:26
+ * @Last Modified time: 2024-11-13 10:24:39
  */
 /*
  * @Author: dayan_hjm 
@@ -53,6 +53,9 @@ class Home extends Component {
       manHourData: [
       ],
       manHourNum: 1,
+      leftName:deleteCacheAndChangeUrl("left",false,true),
+      rightName:deleteCacheAndChangeUrl("right",false,true),
+
     };
     this.timer = null //定时器，用于检测同步状态
   }
@@ -252,7 +255,7 @@ class Home extends Component {
   render() {
     const stores = this.store.state;
     let { totalValue, yearDecline, yearSend, productInventory } = this.store.state;
-    let { changGif, updateTime, changNun } = this.state;
+    let { changGif, updateTime, changNun,leftName,rightName } = this.state;
     return (
       <div className={"home_box"}>
         {/* 水印 */}
@@ -260,14 +263,14 @@ class Home extends Component {
           window.urlConfig && window.urlConfig.SHOW_WATERMARK && <div className={"shuiYin"} style={{ backgroundImage: `url(${$store.app.markSrc})`, backgroundRepeat: 'repeat' }}></div>
         }
         {/* 右键切换大屏 */}
-        <Tooltip placement="bottom">
+        <Tooltip placement="bottom" title={rightName}>
           <img src={require("@assets/imgs/iconJpg/rightJ.png").default} alt="" className={"rightJ_png"} onClick={() => {
             deleteCacheAndChangeUrl("right", (url) => {
               this.props.history.replace(url);
             })
           }} />
         </Tooltip>
-        <Tooltip placement="bottom">
+        <Tooltip placement="bottom" title={leftName}>
           <img src={require("@assets/imgs/iconJpg/rightJL.png").default} alt="" className={"rightJ_png rightJ_png_L"} onClick={() => {
             deleteCacheAndChangeUrl("left", (url) => {
               this.props.history.replace(url);

src/utils/util.js

@@ -34,11 +34,11 @@ export function getParams(url = "") {
 export function sortby(prop, rev = true) {
   // prop 属性名
   // rev  升序降序 默认升序
-   return function(a, b) {
-      var val1 = a[prop]; 
-      var val2 = b[prop]; 
-      return rev ? val1 - val2 : val2 - val1;
-   }
+  return function (a, b) {
+    var val1 = a[prop];
+    var val2 = b[prop];
+    return rev ? val1 - val2 : val2 - val1;
+  }
 }
 
 /**下载文件*/
@@ -981,53 +981,74 @@ export function mapTree2(tree, c_name, la_name, isChildren = false, fathers) {
   return par;
 }
 
-export function getThousandNum(num,need100){
-  if(!num){return 0}
+export function getThousandNum(num, need100) {
+  if (!num) { return 0 }
   //统一保留2位小数
   // num = Math.floor(num*100)/100;
-  num = Number(need100 ? (num*100).toFixed(2) : num.toFixed(2));
+  num = Number(need100 ? (num * 100).toFixed(2) : num.toFixed(2));
   var TextBox8_all = num.toLocaleString();
   // var text8_sum = TextBox8_all.replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,'$1,');
-  if(TextBox8_all.split('.')[1] && TextBox8_all.split('.')[1].length == 1){
-    TextBox8_all = TextBox8_all+'0'
-  }else if (!TextBox8_all.split('.')[1]){
-    TextBox8_all = TextBox8_all+'.00'
+  if (TextBox8_all.split('.')[1] && TextBox8_all.split('.')[1].length == 1) {
+    TextBox8_all = TextBox8_all + '0'
+  } else if (!TextBox8_all.split('.')[1]) {
+    TextBox8_all = TextBox8_all + '.00'
   }
   return TextBox8_all;
 }
 
 //大屏转跳-去除缓存
-export function deleteCacheAndChangeUrl(next='left',callback){
-  const screenName = ["/home/operation","/home/gvc","/home/tlk"];
+export function deleteCacheAndChangeUrl(next = 'left', callback, needName) {//needName 获取名称
+  const screenName = ["/home/operation", "/home/gvc", "/home/tlk"];
+  const names = ["运营数据中心", "产供销价值链", "TLK运营数据中心 / TLK Plant Dashboard"];
   const HasScreen = localStorage.getItem("tqcHasScreen").split(",") || [];
+  const currUrl = window.location.hash.split("#")[1];
+  //检测是否含有当前页面的路径
+  if (!HasScreen.includes(currUrl)) {
+    message.error("您没有当前路径的权限!").then(() => {
+      setTimeout(() => {
+        if(HasScreen && HasScreen[0]){
+          window.location = window.location.origin + '/transfer.html#'+HasScreen[0];
+        }else{
+          window.location = window.location.origin + '/transfer.html#/login';
+        }
+      }, 300)
+    })
+    return
+  }
   //排序菜单路径
   let newHasScreen = [];
-  screenName.map(x=>{
-    if(HasScreen.includes(x)){
+  screenName.map(x => {
+    if (HasScreen.includes(x)) {
       newHasScreen.push(x)
     }
   })
   console.log(newHasScreen)
   //找到下一页的大屏
-  const currUrl = window.location.hash.split("#")[1];
   let ai = 0;
   for (let index = 0; index < newHasScreen.length; index++) {
     const element = newHasScreen[index];
-    if(element == currUrl){
+    if (element == currUrl) {
       ai = index
     }
   }
   let newUrl = '';
-  if(next == 'right'){//向右切
+  if (next == 'right') {//向右切
     //当前地址在菜单数组中的index
-    newUrl = newHasScreen[ai+1] || newHasScreen[0]
-  }else{
-    newUrl = newHasScreen[ai-1] || newHasScreen[newHasScreen.length-1]
+    newUrl = newHasScreen[ai + 1] || newHasScreen[0]
+  } else {
+    newUrl = newHasScreen[ai - 1] || newHasScreen[newHasScreen.length - 1]
   }
+  const sIndex = screenName.findIndex(b => b === newUrl);
+  let newName = names[sIndex];
   RouterCache.deleteCache(newUrl)
-  setTimeout(()=>{
-    callback && callback(newUrl)
-  },300)
+  console.log(111111111111)
+  if (needName) {
+    return newName
+  } else {
+    setTimeout(() => {
+      callback && callback(newUrl)
+    }, 300)
+  }
 }