From 8921f03e2e39d59bf61ff2f84959a08e69bd8ecc Mon Sep 17 00:00:00 2001
From: deartibers <947466799@qq.com>
Date: Thu, 15 Sep 2022 16:57:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/sections/install/containers/roles.jsx  | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/web/client/src/sections/install/containers/roles.jsx b/web/client/src/sections/install/containers/roles.jsx
index 5bb5a4b..2360319 100644
--- a/web/client/src/sections/install/containers/roles.jsx
+++ b/web/client/src/sections/install/containers/roles.jsx
@@ -322,19 +322,33 @@ const Roles = (props) => {
                                         borderRadius: 2, background: "url(/assets/images/install/cardBackground0" + (index + 1) + '.png)',
                                         backgroundSize: "100% 100%", marginRight: 20, marginBottom: 20,
                                     }}>
-
                                         {
                                             item.id ? (
                                                 <div style={{ display: 'flex', marginLeft: 21, }}>
                                                     {
                                                         item.departments?.map((itm, idx) => {
+                                                            let mydepartmentsArr=[]
+                                                            for (let index = 0; index < item.departments.length; index++) {
+                                                                mydepartmentsArr.push(item.departments[index].name)
+                                                            }
                                                             return (
                                                                 <div key={idx} style={{
                                                                     background: '#52A4F6', borderRadius: 2, height: 18, padding: '2px 4px',
                                                                     fontSize: 10, marginTop: 17, width: 'max-content', color: '#FFFFFF',
                                                                     display: 'flex', alignItems: 'center', marginRight: 4,
                                                                 }}>
-                                                                    {itm.name}
+                                                                    {
+                                                                        idx > 2 ? (
+                                                                            <Tooltip content={mydepartmentsArr.join(',')}>
+                                                                                <div style={{ fontSize: 14, cursor: "pointer", }}>
+                                                                                    ...
+                                                                                </div>
+                                                                            </Tooltip>
+
+                                                                        ) : (
+                                                                            itm.name
+                                                                        )
+                                                                    }
                                                                 </div>
                                                             )
                                                         })