From 0179c415aeaa53473bb0e866b793f631c2a6a80b Mon Sep 17 00:00:00 2001
From: "gao.zhiyuan" <gao.zhiyuan@free-sun.com.cn>
Date: Thu, 13 Jul 2023 18:21:20 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E9=A9=BE=E9=A9=B6=E8=88=B1=E4=B8=BB?=
 =?UTF-8?q?=E8=A6=81=E8=B7=AF=E6=AE=B5=E6=8B=A5=E5=A0=B5=E6=83=85=E5=86=B5?=
 =?UTF-8?q?=E7=82=B9=E4=BD=8D=E5=B1=95=E7=A4=BA=E9=94=99=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../containers/footer/leadership/left/left-center.js   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js b/web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js
index 872032b3..1e7c21f6 100644
--- a/web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js
+++ b/web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js
@@ -53,7 +53,15 @@ const Leftcenter = ({ videoCenterList }) => {
                             setName(item.deviceName)
                             // console.log(list);
                         }}>
-                            <p style={{ position: "absolute", color: num - 1 == index ? "#fff" : "rgba(216,240,255,0.8)", left: "10%" }}>{item.deviceName}</p>
+                            <p style={{
+                                position: "absolute", color: num - 1 == index ? "#fff" : "rgba(216,240,255,0.8)", left: "10%", width: 120, overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                whiteSpace: 'nowrap'
+                            }}
+                                title={item.deviceName}
+                            >
+                                {item.deviceName} 
+                            </p>
                             <img src='/assets/images/leadership/juxing.png' style={{ width: "100%", height: "100%", position: "absolute" }} />
                         </li>
                         // {/* </div> */}