From 0e37a751ea243e0f3f3c7ed73bee221848473238 Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Thu, 23 Jan 2025 11:45:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/Meeting/index.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/page/Meeting/index.tsx b/src/page/Meeting/index.tsx
index 8bf777b..d50611e 100644
--- a/src/page/Meeting/index.tsx
+++ b/src/page/Meeting/index.tsx
@@ -166,6 +166,7 @@ const Meeting: React.FC = () => {
   const [currentVideoId, setCurrentVideoId] = useState('')
   const [currentVideoUid, setCurrentVideoUid] = useState('')
   let [currentSeconds, setCurrentSeconds] = useState(0)
+  const [isNetworkQuality, setIsNetworkQuality] = useState(false)
   const [currentEffective, setCurrentEffective] = useState(3)
   const [networkQuality, setNetworkQuality] = useState({
     level: '佳',
@@ -534,12 +535,14 @@ const Meeting: React.FC = () => {
             level: '非常差',
             text: '完全无法沟通'
           })
+          setIsNetworkQuality(true)
           setCurrentEffective(1)
         } else if (data.lastmileDelay < 500 && data.lastmileDelay > 100) {
           setNetworkQuality({
             level: '差',
             text: '勉强能沟通但不顺畅'
           })
+          setIsNetworkQuality(true)
           setCurrentEffective(2)
         }
       } else {
@@ -2310,6 +2313,7 @@ const Meeting: React.FC = () => {
     <>
       <div className={styles.meeting} onClick={() => {
         setContextMenu('')
+        setIsNetworkQuality(false)
       }}>
         {isScreenCapture ? <div className={`${styles.meetingAbsolute}`} id='meetingAbsoluteVideo'>
           <div style={{ top: '0px' }} className={`${styles.meetingAbsoluteText}`}>{currentSpeakUser.length ? '正在说话:' + currentSpeakUser.join(';') : '正在说话:'}</div>
@@ -2424,8 +2428,9 @@ const Meeting: React.FC = () => {
         <div className={styles.meetingHeader}>
           <div>
             {isScreenCapture ? null : <Popover
+              open={isNetworkQuality}
               content={
-                <div style={{ color: 'white' }}>
+                <div style={{ color: 'white' }} onMouseLeave={() => setIsNetworkQuality(false)}>
                   <div>
                     <span>网络质量：</span>
                     <span>{networkQuality.level}</span>
@@ -2463,7 +2468,10 @@ const Meeting: React.FC = () => {
               title=""
               trigger="hover"
             >
-              <div className='drag'>
+              <div className='drag'
+                onMouseEnter={() => setIsNetworkQuality(true)}
+
+              >
                 {networkIcon(currentEffective)}
                 <span>详情</span>
               </div>