From 3eebab81925b3ac3103cba0d1f16953553087603 Mon Sep 17 00:00:00 2001
From: yj <1336058017@qq.com>
Date: Fri, 13 Sep 2024 11:39:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A3=B0=E9=9F=B3=E6=98=BE=E7=A4=BA=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icon49.png              | Bin 0 -> 8204 bytes
 src/page/Meeting/index.module.scss |  67 ++++++++++++++++++++---------
 src/page/Meeting/index.tsx         |  32 +++++++++++---
 src/utils/package/imageUrl.ts      |   4 +-
 4 files changed, 76 insertions(+), 27 deletions(-)
 create mode 100644 src/assets/icon49.png

diff --git a/src/assets/icon49.png b/src/assets/icon49.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b80162674dc70b9934db9723f6b859be7ef7433
GIT binary patch
literal 8204
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
Ru!I7Dp}xtvH+nAj{tqdrf#v`J

literal 0
HcmV?d00001

diff --git a/src/page/Meeting/index.module.scss b/src/page/Meeting/index.module.scss
index 95b6b5f..51ef62f 100644
--- a/src/page/Meeting/index.module.scss
+++ b/src/page/Meeting/index.module.scss
@@ -29,9 +29,28 @@
         }
       }
 
-      >img {
+      >label {
+        height: 18px;
         width: 18px;
-        margin-right: 4px;
+        position: relative;
+
+        >img {
+          width: 100%;
+          height: 100%;
+          margin-right: 4px;
+        }
+
+        >div {
+          position: absolute;
+          left: 0;
+          bottom: 0;
+          height: 0%;
+          width: 100%;
+          overflow: hidden;
+          background-repeat: no-repeat;
+          background-position: bottom center;
+          background-size: cover;
+        }
       }
 
       >span {
@@ -397,25 +416,6 @@
           padding: 10px 20px;
           white-space: nowrap;
         }
-
-        .meetingContentSwiperCardBorder {
-          position: absolute;
-          height: 3px;
-          width: calc(100% - 20px);
-          background-color: #2C2C2C;
-          overflow: hidden;
-          left: 10px;
-          z-index: 1;
-          bottom: 9px;
-
-          >div {
-            background-color: #5575F2;
-            position: absolute;
-            height: 3px;
-            left: 0;
-            top: 0;
-          }
-        }
       }
 
       .meetingContentBodyRight {
@@ -742,6 +742,31 @@
             right: -10px;
           }
 
+          >label {
+            height: 50px;
+            height: 50px;
+            cursor: pointer;
+            position: relative;
+
+            >img {
+              width: 100%;
+              height: 100%;
+              margin-right: 4px;
+            }
+
+            >div {
+              position: absolute;
+              left: 0;
+              bottom: 0;
+              height: 0%;
+              width: 100%;
+              overflow: hidden;
+              background-repeat: no-repeat;
+              background-position: bottom center;
+              background-size: cover;
+            }
+          }
+
           &:hover {
             background-color: #161A29;
           }
diff --git a/src/page/Meeting/index.tsx b/src/page/Meeting/index.tsx
index c9a0a40..18ff1dd 100644
--- a/src/page/Meeting/index.tsx
+++ b/src/page/Meeting/index.tsx
@@ -637,10 +637,15 @@ const Meeting: React.FC = () => {
       },
       onAudioVolumeIndication: async (speakers: any) => {
         speakers.forEach((item: any) => {
+          let domMe = document.getElementById(`micr-item-${userInfo.uid}`);
           let dom = document.getElementById(`micr-${item.uid ? item.uid : userInfo.uid}`);
           if (dom) {
             const percentage = (item.volume / 255) * 100
-            dom.style.width = `${percentage}%`
+            dom.style.height = `${percentage}%`
+          }
+          if (domMe && !item.uid) {
+            const percentage = (item.volume / 255) * 100
+            domMe.style.height = `${percentage}%`
           }
         });
       }
@@ -1598,9 +1603,6 @@ const Meeting: React.FC = () => {
                         }} />
                       </div>
                     </Popover> : null}
-                    <div className={styles.meetingContentSwiperCardBorder}>
-                      {item.enableMicr ? <div id={`micr-${item.uid}`}></div> : null}
-                    </div>
                   </div> : null)
                 }
                 )}
@@ -2095,6 +2097,22 @@ const Meeting: React.FC = () => {
                             }}
                           >{noViewChatList}</div> : null}
                         </div>
+                      case '静音':
+                      case '解除静音':
+                        return <div
+                          className='drag'
+                          onClick={() => changeStatusList(row, itemIndex, rowIndex)}
+                          onMouseDown={() => changeFooterListSelect(row, itemIndex, rowIndex, true)}
+                          onMouseUp={() => changeFooterListSelect(row, itemIndex, rowIndex, false)}
+                          onMouseLeave={() => changeFooterListSelect(row, itemIndex, rowIndex, false)}
+                          key={rowIndex}>
+                          <label>
+                            <img src={row.active ? row.iconActive : row.icon} alt="" />
+                            <div style={{ backgroundImage: `url(${ImageUrl.icon49})` }} id={`micr-item-${userInfo.uid}`}>
+                            </div>
+                          </label>
+                          <span>{row.title}</span>
+                        </div>
                       default:
                         return <div
                           className='drag'
@@ -2194,7 +2212,11 @@ const meetingContentUser = (item: any, bool?: boolean) => {
             <div style={{ background: item.roleId === '1' ? '#FDC229' : '#3F51B5' }}>
               <img src={ImageUrl.icon32} alt="" />
             </div> : null}
-          {!item.enableMicr ? <img src={item.enableMicr ? ImageUrl.icon22 : ImageUrl.icon22Active} alt="" /> : ''}
+          <label>
+            <img src={item.enableMicr ? ImageUrl.icon22 : ImageUrl.icon22Active} alt="" />
+            <div style={{ backgroundImage: `url(${ImageUrl.icon49})` }} id={`micr-${item.uid}`}>
+            </div>
+          </label>
           <span style={{ maxWidth: bool ? '' : '8vw' }} title={`${item.userName}${item.roleId === '1' || item.isRoomManager ? item.roleId === '1' ? '(管理员)' : '(发言人)' : ''}`}>
             {item.userName}
             {item.roleId === '1' || item.isRoomManager ? item.roleId === '1' ? '(管理员)' : '(发言人)' : ''}
diff --git a/src/utils/package/imageUrl.ts b/src/utils/package/imageUrl.ts
index 79b85b4..0eaccc4 100644
--- a/src/utils/package/imageUrl.ts
+++ b/src/utils/package/imageUrl.ts
@@ -70,6 +70,7 @@ import icon47 from '@/assets/icon47.png'
 import icon47Active from '@/assets/icon47-active.png'
 import icon48 from '@/assets/icon48.png'
 import icon48Select from '@/assets/icon48-select.png'
+import icon49 from '@/assets/icon49.png'
 export default {
   loading,
   icon,
@@ -142,5 +143,6 @@ export default {
   icon47,
   icon47Active,
   icon48,
-  icon48Select
+  icon48Select,
+  icon49,
 }
\ No newline at end of file