From 6133906f5d1db7d333777c5a3334b037ee5b810f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?zhaobing=E2=80=99?= <zhao.bin@free-sun.com.cn>
Date: Tue, 28 Nov 2023 14:11:11 +0800
Subject: [PATCH] feat:fix bugs

---
 .../sections/install/containers/system.jsx    | 36 ++++++++++++-------
 .../projectGroup/containers/bigscreen.jsx     |  1 +
 2 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/web/client/src/sections/install/containers/system.jsx b/web/client/src/sections/install/containers/system.jsx
index 02178be..0ef16bc 100644
--- a/web/client/src/sections/install/containers/system.jsx
+++ b/web/client/src/sections/install/containers/system.jsx
@@ -175,25 +175,37 @@ const Example = (props) => {
                         return (
                            <div className='myseparator' key={index} style={{ display: 'flex', alignItems: 'center' }}>
                               {
-                                 row.anxinProject.length >= 3 ? (
+                                 // row.anxinProject.length >= 3 ? (
+                                 //    <Tooltip content={item.name}>
+                                 //       <div style={{ width: item.name.length > 7 ? '112px' : '', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', display: index > 2 ? 'none' : '', color: item.projectState == -1 ? '#F93920' : '' }}>
+                                 //          {item.name}
+                                 //       </div>
+                                 //    </Tooltip>
+                                 // ) : row.anxinProject.length == 2 ? (
+                                 //    <Tooltip content={item.name}>
+                                 //       <div style={{ width: item.name.length > 12 ? '173.5px' : '', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', color: item.projectState == -1 ? '#F93920' : '' }}>
+                                 //          {item.name}
+                                 //       </div>
+                                 //    </Tooltip>
+                                 // ) : (
+                                 //    <Tooltip content={item.name}>
+                                 //       <div style={{ width: item.name.length > 25 ? '358px' : '', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', color: item.projectState == -1 ? '#F93920' : '' }}>
+                                 //          {item.name}
+                                 //       </div>
+                                 //    </Tooltip>
+                                 // )
+                                    row.anxinProject.length >= 2 ? (
                                     <Tooltip content={item.name}>
                                        <div style={{ width: item.name.length > 7 ? '112px' : '', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', display: index > 2 ? 'none' : '', color: item.projectState == -1 ? '#F93920' : '' }}>
                                           {item.name}
                                        </div>
-                                    </Tooltip>
-                                 ) : row.anxinProject.length == 2 ? (
+                                    </Tooltip>):(
                                     <Tooltip content={item.name}>
-                                       <div style={{ width: item.name.length > 12 ? '173.5px' : '', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', color: item.projectState == -1 ? '#F93920' : '' }}>
+                                       <div style={{width: item.name.length > 7 ? '112px' : '', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', display: index > 2 ? 'none' : '', color: item.projectState == -1 ? '#F93920' : '' }}>
                                           {item.name}
                                        </div>
-                                    </Tooltip>
-                                 ) : (
-                                    <Tooltip content={item.name}>
-                                       <div style={{ width: item.name.length > 25 ? '358px' : '', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', color: item.projectState == -1 ? '#F93920' : '' }}>
-                                          {item.name}
-                                       </div>
-                                    </Tooltip>
-                                 )
+                                    </Tooltip>)
+
                               }
                               <div className='separator' style={{ width: 1, height: 12, border: '1px solid #DCDEE0', margin: '0px 10px', display: index > 1 ? 'none' : '' }}></div>
                            </div>
diff --git a/web/client/src/sections/projectGroup/containers/bigscreen.jsx b/web/client/src/sections/projectGroup/containers/bigscreen.jsx
index ba7b8e9..f013cdb 100644
--- a/web/client/src/sections/projectGroup/containers/bigscreen.jsx
+++ b/web/client/src/sections/projectGroup/containers/bigscreen.jsx
@@ -313,6 +313,7 @@ const Bigscreen = (props) => {
                               },
                               tooltip: {
                                  trigger: 'axis',
+                                 position: 'inside',
                                  formatter: function (params) {
                                     // 自定义提示框内容
                                     // console.log(params);