From 64d38943f716b098c849721044bfb5d83fc7b73c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=91=E5=AE=8F=E5=8D=9A?=
 <9419827+yuan-hongbo@user.noreply.gitee.com>
Date: Mon, 13 May 2024 09:57:44 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/WindowToggle/WindowToggle.tsx                | 6 +++---
 packages/biz/src/VideoPlayerCard/VideoPlayerCard.tsx        | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/biz/src/RealTimeMonitor/components/WindowToggle/WindowToggle.tsx b/packages/biz/src/RealTimeMonitor/components/WindowToggle/WindowToggle.tsx
index 902a47d..0a6fc8e 100644
--- a/packages/biz/src/RealTimeMonitor/components/WindowToggle/WindowToggle.tsx
+++ b/packages/biz/src/RealTimeMonitor/components/WindowToggle/WindowToggle.tsx
@@ -51,7 +51,7 @@ export const WindowToggle: React.FC<WindowToggleProps> = (props) => {
 
       <div className='body'>
 
-        <Row gutter={[0, 20]} style={{ width: "100%" }}> {/* 设置栅格间距 */}
+        <Row gutter={[0, 20]} style={{ width: "100%" }} > {/* 设置栅格间距 */}
           {
             size === "large" ?
               <>
@@ -59,7 +59,7 @@ export const WindowToggle: React.FC<WindowToggleProps> = (props) => {
                   dataSource?.map((item, index) => { // 仅显示前四个元素，即两行两列
                     if (index > 0) return null
                     return (
-                      <Col xs={24} sm={24} md={24} lg={24} xl={24} >
+                      <Col xs={24} sm={24} md={24} lg={24} xl={24}  key={item.windowKey}>
                         <VideoPlayerCard
                           key={""}
                           selectedWindowKey={selectedWindowKey}
@@ -76,7 +76,7 @@ export const WindowToggle: React.FC<WindowToggleProps> = (props) => {
               : <>
                 {dataSource?.map((item) => {
                   return (
-                    <Col xs={24} sm={12} md={12} lg={12} xl={12} className='sm-card'>
+                    <Col xs={24} sm={12} md={12} lg={12} xl={12} className='sm-card' key={item.windowKey}>
                       <VideoPlayerCard
                         key={item.windowKey}
                         selectedWindowKey={selectedWindowKey}
diff --git a/packages/biz/src/VideoPlayerCard/VideoPlayerCard.tsx b/packages/biz/src/VideoPlayerCard/VideoPlayerCard.tsx
index 45e7fd4..fc7e24d 100644
--- a/packages/biz/src/VideoPlayerCard/VideoPlayerCard.tsx
+++ b/packages/biz/src/VideoPlayerCard/VideoPlayerCard.tsx
@@ -88,7 +88,7 @@ export const VideoPlayerCard: React.FC<VideoPlayerCardProps> = (props) => {
             </div>
           </Space>}
         style={{ display: "flex", flexDirection: "column", borderRadius: 4, overflow: "hidden", ...cardStyle }}
-        bodyStyle={{ flex: 1 }}
+        styles={{ body: { flex: 1 } }}
         {...cardProps}
       >
         {cardContent ? (