数据面板新增缩放滑块,调整样式
This commit is contained in:
@@ -135,7 +135,7 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
|
||||
|
||||
const debounceTimerRef = useRef<NodeJS.Timeout | null>(null);
|
||||
const filterBoxRef = useRef<HTMLDivElement | null>(null);
|
||||
const [listHeight, setListHeight] = useState<number>(560);
|
||||
const [listHeight, setListHeight] = useState<number>(600);
|
||||
|
||||
// 清洗对话框状态
|
||||
const [cleanDialogOpen, setCleanDialogOpen] = useState<boolean>(false);
|
||||
@@ -748,7 +748,7 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
|
||||
useEffect(() => {
|
||||
const updateListHeight = () => {
|
||||
if (filterBoxRef.current) {
|
||||
const drawerHeight = 820; // Drawer 总高度
|
||||
const drawerHeight = 860; // Drawer 总高度
|
||||
const headerHeight = 73; // 头部高度(估算)
|
||||
const dividerHeight = 1; // 分隔线高度
|
||||
const filterBoxHeight = filterBoxRef.current.offsetHeight;
|
||||
@@ -810,7 +810,7 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
|
||||
flexShrink: 0,
|
||||
"& .MuiDrawer-paper": {
|
||||
width: 360,
|
||||
height: "820px",
|
||||
height: "860px",
|
||||
boxSizing: "border-box",
|
||||
position: "absolute",
|
||||
top: 80,
|
||||
|
||||
Reference in New Issue
Block a user