From 82af56b3a3d7587941305995b4d72a907c96c88b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?zhaobing=E2=80=99?= <zhao.bin@free-sun.com.cn>
Date: Mon, 4 Sep 2023 16:00:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=B1=95=E7=A4=BA=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E7=9A=84=E5=90=84=E4=B8=AA=E5=9B=BE=E7=9A=84?=
 =?UTF-8?q?=E9=87=8A=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/sections/projectGroup/components/card.jsx      |  6 ++++--
 .../src/sections/projectGroup/containers/bigscreen.jsx | 10 +++++-----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/client/src/sections/projectGroup/components/card.jsx b/web/client/src/sections/projectGroup/components/card.jsx
index 11475fc..a300068 100644
--- a/web/client/src/sections/projectGroup/components/card.jsx
+++ b/web/client/src/sections/projectGroup/components/card.jsx
@@ -1,8 +1,8 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { connect } from 'react-redux';
-
+import { Tooltip } from '@douyinfe/semi-ui';
 const Card = (props) => {
-   const { title, style = {} } = props
+   const { title, style = {},tooltipContent } = props
 
    return (
       <div style={{
@@ -21,12 +21,14 @@ const Card = (props) => {
             display: 'flex', alignItems: 'center', justifyContent: 'space-between'
          }}>
             <span style={{ fontSize: 'x-large', letterSpacing: 1, textShadow: '0 0 8px #2a62fc05' }}>{title}</span>
+            <Tooltip content={tooltipContent}>
             <img src='/assets/images/projectGroup/cardTitlePoint.png' style={{
                width: 4,
                height: 3,
                background: '#2C66F3',
                boxShadow: '0 0 4px 1px #2C66F3'
             }} />
+            </Tooltip>
          </div>
          <div style={{ height:'calc(100% - 34px)', padding: '12px 18px' }}>
             {props?.children}
diff --git a/web/client/src/sections/projectGroup/containers/bigscreen.jsx b/web/client/src/sections/projectGroup/containers/bigscreen.jsx
index b405e56..9970b7b 100644
--- a/web/client/src/sections/projectGroup/containers/bigscreen.jsx
+++ b/web/client/src/sections/projectGroup/containers/bigscreen.jsx
@@ -189,7 +189,7 @@ const Bigscreen = ({ dispatch, actions, user, match, history, clientHeight, grou
             <div style={{ width: "100%", height: '100%' }}>
                <div style={{ width: '100%', height: "45%", display: 'flex' }}>
                   <div style={{ width: "calc(50% - 8px)", height: "100%", marginRight: 16, display: 'flex' }}>
-                     <Card title='项目工单占比' style={{ width: "calc(50% - 8px)", height: "100%", marginRight: 16 }}>
+                     <Card title='项目工单占比' tooltipContent='项目工单占比：一个月内项目发起工单修复的次数占比。' style={{ width: "calc(50% - 8px)", height: "100%", marginRight: 16 }}>
                         <div style={{ height: '100%', position: 'relative' }}>
                            <div style={{ height: clientHeight * 0.55 - 300, display: 'flex', justifyContent: "center", position: 'relative' }}>
                               <ReactECharts
@@ -268,7 +268,7 @@ const Bigscreen = ({ dispatch, actions, user, match, history, clientHeight, grou
 
                         </div>
                      </Card>
-                     <Card title='修复排名' style={{ width: "calc(50% - 8px)", height: "100%" }}>
+                     <Card title='修复排名' tooltipContent='修复时间排名：一个月内，计算每个工单的修复时间' style={{ width: "calc(50% - 8px)", height: "100%" }}>
                         <div style={{ height: '100%', fontFamily: 'SourceHanSansCN-Regular', fontWeight: 400, fontSize: 14, }}>
                            <div style={{ display: "flex", background: '#F6F9FF', height: 40, alignItems: 'center' }}>
                               <div style={{ textAlign: 'center', width: '25%' }}>序号</div>
@@ -290,7 +290,7 @@ const Bigscreen = ({ dispatch, actions, user, match, history, clientHeight, grou
                         </div>
                      </Card>
                   </div>
-                  <Card title='数据在线率' style={{ width: "calc(50% - 8px)", height: "100%", }}>
+                  <Card title='数据在线率'  tooltipContent='在线率计算：设备存活/总设备（存活判断：普通设备2h以内有实时数据，GNSS设备8h以内有实时数据）' style={{ width: "calc(50% - 8px)", height: "100%", }}>
                      <div style={{ height: '100%', position: 'relative' }}>
                         {/* <div > */}
                         <Select
@@ -364,7 +364,7 @@ const Bigscreen = ({ dispatch, actions, user, match, history, clientHeight, grou
 
                </div>
                <div style={{ width: '100%', height: "calc(55% - 24px)", display: 'flex', marginTop: 24 }}>
-                  <Card title='告警排名TOP20' style={{
+                  <Card title='告警排名TOP20' tooltipContent='(1)超阈值个数：一周内结构物超阈值告警的个数。(2）手动恢复个数：一个月内超阈值告警手动恢复的个数' style={{
                      width: "calc(50% - 8px)", height: "100%", marginRight: 16
                   }} >
                      {mockData && mockData.length > 0 ? (<div style={{ height: '100%' }}>
@@ -452,7 +452,7 @@ const Bigscreen = ({ dispatch, actions, user, match, history, clientHeight, grou
                         </div>
                      </div>) : ''}
                   </Card>
-                  <Card title='中断排名' style={{ width: "calc(50% - 8px)", height: "100%", }}>
+                  <Card title='中断排名'  tooltipContent='中断时长：当前时间-最后一条数据时间。中断个数：结构物下中断测点个数/结构物总测点个数。' style={{ width: "calc(50% - 8px)", height: "100%", }}>
                      <div style={{ height: '100%', fontFamily: 'SourceHanSansCN-Regular', fontWeight: 400, fontSize: 14, }}>
                         <div style={{ display: "flex", background: '#F6F9FF', height: 40, alignItems: 'center' }}>
                            <div style={{ textAlign: 'center', width: '33%' }}>结构物</div>