fix: '1.角色管理的关联用户搜索高亮2.站点管理的关联用户搜索高亮3.站点管理搜索后机构层级丢失bug修复'

src/pages/userCenter/roleManage/SelectUser/CardCheck.jsx

@@ -4,7 +4,7 @@ import styles from './SelectUser.less';
 const CheckboxGroup = Checkbox.Group;
 
 const CardCheck = props => {
-  const { cardMsg, callback, checkList, deleKey, delFlag } = props;
+  const { cardMsg, callback, checkList, deleKey, delFlag, searchName } = props;
   const [checkedList, setCheckedList] = useState([]); // 选中列表
   const [indeterminate, setIndeterminate] = useState(false);
   const [checkAll, setCheckAll] = useState(false);
@@ -76,6 +76,23 @@ const CardCheck = props => {
     setIndeterminate(false);
     setCheckAll(e.target.checked);
   };
+
+  const renderName = (name) => {
+    const indexsearch = name.indexOf(searchName);
+    const beforeStr = name.substring(0, indexsearch);
+    const afterStr = name.slice(indexsearch + searchName.length);
+    if (name.includes(searchName) && searchName !== '') {
+      return (
+        <div>
+          {beforeStr}
+          <span style={{ color: 'red' }}>{searchName}</span>
+          {afterStr}
+        </div>
+      )
+    } else {
+      return (<div>{name}</div>)
+    }
+  }
   return (
     <div className={styles.checkContent}>
       <div className={styles.topCheckbox}>
@@ -96,7 +113,10 @@ const CardCheck = props => {
           {plainOptions.map(item => (
             <Checkbox key={item.value} value={item.value}>
               {/* <Tooltip placement="topLeft" title={item.label}> */}
-              <span className={styles.fontlabel}>{item.label}</span>
+              <span className={styles.fontlabel}>
+                {/* {item.label}{searchName} */}
+                {renderName(item.label)}
+              </span>
               {/* </Tooltip> */}
             </Checkbox>
           ))}

src/pages/userCenter/roleManage/SelectUser/NewSelectUser.jsx

@@ -289,6 +289,7 @@ const NewSelectUser = props => {
                       checkList={checkList}
                       deleKey={deleKey}
                       delFlag={delFlag}
+                      searchName={searchName}
                     />
                   </div>
                 ))}

src/pages/userCenter/siteManage/SiteManage.jsx

@@ -284,6 +284,9 @@ const SiteManageV2 = () => {
       if (res.code === 0 && res.data) {
         setShowSearchStyle(true);
         let list = res.data.data;
+        list.map(v=>{
+          v.groupName=v.level
+        })
         // 还原选择的数据
         let indete = indeterminate;
         if (selectList.length > 0) {
@@ -338,6 +341,9 @@ const SiteManageV2 = () => {
       if (res.code === 0 && res.data) {
         setShowSearchStyle(true);
         let list = res.data.data;
+        list.map(v=>{
+          v.groupName=v.level
+        })
         // 还原选择的数据
         let indete = indeterminate;
         if (selectList.length > 0) {
@@ -735,6 +741,7 @@ const SiteManageV2 = () => {
                 key={v.userId}
                 selectList={selectList}
                 handleChangeSignel={props.handleChangeSignel}
+                searchName={name}
               />
             ))}
         </div>
@@ -975,6 +982,7 @@ const SiteManageV2 = () => {
                           handleChangeAll={handleChangeAll}
                           handleChangeSignel={handleChangeSignel}
                           item={item}
+                          name={name}
                         />
                       ))}
                     </div>
@@ -1004,14 +1012,30 @@ const SiteManageV2 = () => {
 };
 
 const CheckBoxRow = props => {
-  let { vIndex, index, isChecked, userName, item, selectList, groupName } = props;
+  let { vIndex, index, isChecked, userName, item, selectList, groupName, searchName } = props;
+  const renderName = (name) => {
+    const indexsearch = name.indexOf(searchName);
+    const beforeStr = name.substring(0, indexsearch);
+    const afterStr = name.slice(indexsearch + searchName.length);
+    if (name.includes(searchName) && searchName !== '') {
+      return (
+        <div>
+          {beforeStr}
+          <span style={{ color: 'red' }}>{searchName}</span>
+          {afterStr}
+        </div>
+      )
+    } else {
+      return (<div>{name}</div>)
+    }
+  }
   return (
     <Checkbox
       className={styles.siteList}
       checked={selectList.size > 0 && selectList.has(`${item.userId}|${item.groupId}`)}
       onClick={e => props.handleChangeSignel(e, index, vIndex, item, groupName)}
     >
-      {userName}
+      {renderName(userName)}
     </Checkbox>
   );
 };