数据面板新增缩放滑块,调整样式

This commit is contained in:
JIANG
2025-11-07 09:57:39 +08:00
parent 7702ba9edf
commit 4f0714b5f6
3 changed files with 260 additions and 210 deletions

View File

@@ -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,