fix(ehr): 优化角色组人员组织架构树交互

王强
1 parent 2c4740ba
Showing 1 changed file with 6 additions and 5 deletions
src/pages/ehr/RoleManagementGroup/components/RoleStaffTree.tsx
 import React, { useEffect, useRef, useState } from 'react';
 import { useStore } from '../index';
-import Tree, { RawNodeDatum, Point } from 'react-d3-tree';
+import type { Point } from 'react-d3-tree';
+import Tree from 'react-d3-tree';
 import { getRoleStaffTreeApi } from '../api';
 import { Empty, Spin, Modal, Button, Row, Divider } from 'antd';
 import useInitial from '@/hooks/useInitail';
 import DetailItem from '@/pages/ehr/Authentication/Settings/components/DetailItem';
  
 export default function RoleStaffTree() {
-  const { current, setCurrent } = useStore();
+  const { current } = useStore();
   const treeInitital = useInitial(getRoleStaffTreeApi, {}, current?.id ?? -1);
   const treeContainer = useRef<HTMLDivElement | null>(null);
-  const [translate, setTranslate] = useState<Point>({ x: 200, y: 50 });
+  const [translate, setTranslate] = useState<Point>({ x: 200, y: 20 });
   const [dimensions, setDataimensions] = useState<{ width: number; height: number }>();
  
   const [modalInfo, setModalInfo] = useState<{ open: boolean; data?: RoleManagementGrooup.RoleStaffTreeVO }>({ open: false });
@@ -18,8 +19,8 @@ export default function RoleStaffTree() {
   useEffect(() => {
     if (treeContainer.current) {
       const rect = treeContainer.current.getBoundingClientRect();
-      setTranslate({ x: rect.width / 2, y: 200 });
-      setDataimensions({ width: rect.width, height: rect.height });
+      setTranslate({ x: rect.width / 2, y: 20 });
+      setDataimensions({ width: rect.width, height: 20 });
     }
   }, [treeContainer.current]);