fix: 解决树卡顿

src/components/Upload/index.tsx

@@ -429,7 +429,7 @@ class PicturesWall extends React.Component<PicturesWallType> {
         </div>
         <Modal
           visible={previewVisible}
-          title={previewTitle}
+          // title={previewTitle}
           footer={null}
           onCancel={this.handleCancel}
         >

src/pages/bsmanager/base/tablemanager/filedConfig/filedConfig.jsx

@@ -57,7 +57,7 @@ const AddModal = props => {
   const [selectTreeData, setSelectTreeData] = useState([]);
   const [selectDataFirst, setSelectDataFirst] = useState([]);
   const [multiOperate, setMultiOperate] = useState(true); // 是否禁用用户批量操作
-  const [selectedRowKeys, setSelectedRowKeys] = useState(['13926', '13941']); // 已选字段配置数,机构改变时重置
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]); // 已选字段配置数,机构改变时重置
   const [deleteUserVisible, setDeleteUserVisible] = useState(false); // 批量删除
   const [checkStrictly, setCheckStrictly] = useState(false);
   const [selectGroup, setSelectGroup] = useState([]);
@@ -412,13 +412,16 @@ const AddModal = props => {
   // 返回上一级
   const back = () => {
     console.log(props.location.state);
-    let { template, tableScroll, keepValue } = props.location.state;
+    let { template, tableScroll, keepValue, pickIndex, groupArr } = props.location.state;
     console.log(keepValue);
+    console.log(pickIndex, groupArr, 'back');
     history.push({
       pathname: '/bsmanger/base/tablemanger',
       query: {
         template,
         tableScroll,
+        backIndex: pickIndex,
+        group: groupArr,
         keepValue,
       },
     });

src/pages/bsmanager/base/tablemanager/index.less

+.content {
+  position: relative;
+  display: flex;
+  width: 100%;
+}
 .tablemanager_container {
+  position: relative;
   display: flex;
   flex-direction: column;
-    width: 100vm;
+  width: 100%;
   border: 1px solid #f0f0f0;
-    .lack{
+  .lack {
     background-color: rgb(255, 255, 0);
     color: rgb(255, 0, 0);
   }
-    .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{
+  .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
     margin-left: 0;
   }
-    .ant-table.ant-table-bordered > .ant-table-container{
+  .ant-table.ant-table-bordered > .ant-table-container {
+    
     border: none;
   }
-    .ant-table-thead tr th{
+  .ant-table-thead tr th {
     font-weight: 600;
-        color:rgba(0,0,0,0.85);
+    color: rgba(0, 0, 0, 0.85);
   }
-    .ant-btn{
+  .ant-btn {
     display: flex;
     align-items: center;
   }
-    .clickRowStyle{
+
+  .clickRowStyle {
     background: #cfe7fd;
   }
   .operate_bar {
@@ -46,5 +54,56 @@
       }
     }
   }
+}
+.orgContainer {
+  position: relative;
+  left: 0;
+  top: 0;
+  height: calc(100vh - 74px);
+  width: 250px;
+  margin-right: 10px;
+  transition-property: width;
+  transition-duration: 0.5s;
+  white-space: nowrap;
+  .processTitle {
+    font-size: 15px;
+    font-weight: bold;
+    color: #333e51;
+    padding-left: 14px;
+  }
+  .splitLine {
+    width: 100%;
+    color: #eeecec;
+  }
+  .listItem {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 14px;
+    line-height: 28px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #414e65;
+    cursor: pointer;
+  }
+  .listHover {
+    background-color: #f5f6f9;
+  }
 
+  .pickItem {
+    background-color: #aed8fa;
+  }
+  .switcher {
+    display: block;
+    position: absolute;
+    font-size: 18px;
+    color: #1890ff !important;
+    top: 50%;
+    right: 2px;
+    transform: translate(0%, -50%);
+    z-index: 1;
+  }
+}
+.orgContainerHide {
+  width: 26px;
 }

src/pages/bsmanager/workOrder/workFlow/flow.less

@@ -10,7 +10,7 @@
     height: calc(100vh - 74px);
     width: 250px;
     margin-right: 10px;
-    transition-property: width, left;
+    transition-property: width;
     transition-duration: 0.5s;
     white-space: nowrap;
     .processTitle {
@@ -53,8 +53,6 @@
     }
   }
   .orgContainerHide {
-    left: 0px;
-    top: 0;
     width: 26px;
   }
   .processContainer {

src/pages/userCenter/userManage/UserManage.jsx

@@ -80,6 +80,11 @@ import MapScopeEditModal from '@/components/MapScope';
 import AuthModal from './AuthModal';
 import styles from './UserManage.less';
 import { createGuid } from '@/utils/transformUtil';
+const TdCell = props => {
+  // onMouseEnter, onMouseLeave在数据量多的时候，会严重阻塞表格单元格渲染，严重影响性能
+  const { onMouseEnter, onMouseLeave, ...restProps } = props;
+  return <td {...restProps} />;
+};
 
 const UserManage = () => {
   const { TreeNode } = Tree;
@@ -842,26 +847,6 @@ const UserManage = () => {
 
   // 查找用户
   const submitSearchUser = () => {
-    // getUserByKey(searchWord)
-    //   .then(res => {
-    //     if (res.success) {
-    //       setSelectedRowKeys([]); // 重置选中用户数
-    //       setCurrentOrgOperate(true); // 禁止当前机构操作
-    //       setMultiOperate(true); // 禁用批量操作
-    //       setOrgTitle('全部机构搜索结果'); // 设置表头
-    //       setCurrentSelectOrg('-1'); // 清空选中机构
-    //       setTableData(res.root);
-    //       setTableLength(res.root.length);
-    //     } else {
-    //       notification.error({
-    //         message: '提交失败',
-    //         description: res.message,
-    //       });
-    //     }
-    //   })
-    //   .catch(err => {
-    //     message.error(err);
-    //   });
     GetUserByKeyNew({ key: searchWord })
       .then(res => {
         if (res.code === 0) {
@@ -891,25 +876,6 @@ const UserManage = () => {
   // 根据当前 userID 获取用户关联角色
   const getRoleList = e => {
     setLoading(true);
-    // getUserRelationList(currentUser.userID)
-    //   .then(res => {
-    //     setLoading(false);
-    //     if (res.success) {
-    //       const { roleList, stationList } = res;
-    //       setRolelist(roleList);
-    //       setStationlist(stationList);
-    //     } else {
-    //       notification.error({
-    //         message: '提交失败',
-    //         description: res.message,
-    //       });
-    //     }
-    //   })
-    //   .catch(err => {
-    //     setLoading(false);
-    //     setTableLoading(false);
-    //     message.error(err);
-    //   });
     GetUserRelationListNew({ userID: e.userID })
       .then(res => {
         console.log(111);
@@ -934,25 +900,6 @@ const UserManage = () => {
   // 获取全部未勾选的角色列表与站点列表
   const getEmptyRoleList = () => {
     setLoading(true);
-    // getUserRelationList('')
-    //   .then(res => {
-    //     setLoading(false);
-    //     if (res.roleList && res.roleList.length > 0) {
-    //       const { roleList, stationList } = res;
-    //       setRolelist(roleList);
-    //       setStationlist(stationList);
-    //     } else {
-    //       notification.error({
-    //         message: '提交失败',
-    //         description: res.message,
-    //       });
-    //     }
-    //   })
-    //   .catch(err => {
-    //     setLoading(false);
-    //     setTableLoading(false);
-    //     message.error(err);
-    //   });
     GetUserRelationListNew({ userID: 0 })
       .then(res => {
         console.log(222);
@@ -1133,29 +1080,6 @@ const UserManage = () => {
   // };
   // 提交-删除用户
   const submitDeleteUser = () => {
-    // postDeleteUser(currentUser.userID)
-    //   .then(res => {
-    //     if (res.success) {
-    //       setDeleteUserVisible(false);
-    //       notification.success({
-    //         message: '提交成功',
-    //         duration: 2,
-    //       });
-    //       // eslint-disable-next-line no-unused-expressions
-    //       currentSelectOrg === '-1'
-    //         ? submitSearchUser()
-    //         : onSelect([currentSelectOrg]);
-    //     } else {
-    //       notification.error({
-    //         message: '提交失败',
-    //         description: res.message,
-    //       });
-    //     }
-    //   })
-    //   .catch(err => {
-    //     setTableLoading(false);
-    //     message.error(err);
-    //   });
     DeleteUserNew({
       userID: currentUser.userID,
       ouID: currentUser.OUID,
@@ -1462,7 +1386,6 @@ const UserManage = () => {
         <div
           className={classnames({
             [styles.userContainer]: true,
-            [styles.userContainerHide]: !treeVisible,
           })}
         >
           <div style={{ height: '50px' }}>

src/pages/userCenter/userManage/UserManage.less

@@ -153,7 +153,7 @@
       overflow-x: hidden;
       margin-right: 10px;
       position: relative;
-      transition-property: width, left;
+      transition-property: width;
       transition-duration: 0.5s;
       white-space: nowrap;
       .ant-tree {
@@ -181,8 +181,6 @@
 
     .orgContainerHide {
       // transform: translateX(-230px);
-      left: 0px;
-      top: 0;
       width: 26px;
     }
     .ant-popover-message-title {