样式修改

web/client/src/sections/install/containers/roles.jsx

@@ -37,7 +37,7 @@ const Roles = (props) => {
                         </div>
                         {
                             row.departments.length > 1 ? (
-                                <Tooltip content={departmentsArr.join(',')} trigger="click">
+                                <Tooltip content={departmentsArr.join(',')} trigger="click"  style={{ lineHeight: 2 }}>
                                     <div style={{ fontSize: 14, color: '#005ABD', marginLeft: 8, cursor: "pointer", }}>
                                         +{row.departments.length - 1}
                                     </div>
@@ -103,7 +103,7 @@ const Roles = (props) => {
             title: (
                 <div style={{ display: 'flex', alignItems: 'center' }}>
                     售后运维
-                    <Tooltip content={'拥有设备、问题、工单、资料相关的权限'}>
+                    <Tooltip content={'拥有设备、问题、工单、资料相关的权限'}  style={{ lineHeight: 2 }}>
                         <img src="/assets/images/install/table_question.png" alt="" style={{ height: 14, width: 14, marginLeft: 4 }} />
                     </Tooltip>
                 </div>
@@ -136,7 +136,7 @@ const Roles = (props) => {
             title: (
                 <div style={{ display: 'flex', alignItems: 'center' }}>
                     资源管理者
-                    <Tooltip content={'拥有资料、设备、工单相关的权限'}>
+                    <Tooltip content={'拥有资料、设备、工单相关的权限'}  style={{ lineHeight: 2 }}>
                         <img src="/assets/images/install/table_question.png" alt="" style={{ height: 14, width: 14, marginLeft: 4 }} />
                     </Tooltip>
                 </div>
@@ -169,7 +169,7 @@ const Roles = (props) => {
             title: (
                 <div style={{ display: 'flex', alignItems: 'center' }}>
                     客户服务
-                    <Tooltip content={'拥有服务、工单、资料相关的权限'}>
+                    <Tooltip content={'拥有服务、工单、资料相关的权限'}  style={{ lineHeight: 2 }}>
                         <img src="/assets/images/install/table_question.png" alt="" style={{ height: 14, width: 14, marginLeft: 4 }} />
                     </Tooltip>
                 </div>
@@ -321,8 +321,8 @@ const Roles = (props) => {
                         {
                             roleAssignment.map((item, index) => {
                                 return (
-                                    <div key={index} style={{
+                                    <div key={index} className='adminTop' style={{
-                                        width: 312, height: 127, boxShadow: '0px 0px 12px 2px rgba(220,222,224,0.2)',
+                                        width: 312, height: 127,
                                         borderRadius: 2, background: "url(/assets/images/install/cardBackground0" + (index + 1) + '.png)',
                                         backgroundSize: "100% 100%", marginRight: 20, marginBottom: 20,
                                     }}>
@@ -343,7 +343,7 @@ const Roles = (props) => {
                                                                 }}>
                                                                     {
                                                                         idx > 2 ? (
-                                                                            <Tooltip content={mydepartmentsArr.join(',')}>
+                                                                            <Tooltip content={mydepartmentsArr.join(',')}  style={{ lineHeight: 2 }}>
                                                                                 <div style={{ fontSize: 14, cursor: "pointer", }}>
                                                                                     ...
                                                                                 </div>

web/client/src/sections/install/style.less

@@ -14,3 +14,10 @@
         }
     }
 }
+.adminTop{
+    box-shadow: 0px 0px 12px 2px rgba(220,222,224,0.2);
+    transition: box-shadow 0.5s ease;
+}
+.adminTop:hover{
+    box-shadow: 0px 0px 12px 2px rgba(130, 131, 133,0.5);
+}