~liuwh/gzDyh.git

			@@ -1,8 +1,10 @@
			import React, { useState } from 'react';
			import { Button, Modal, Tabs } from '@arco-design/web-react';
			import React, { useState, useRef, useEffect } from 'react';
			import { Button, Modal, Tabs, Badge } from '@arco-design/web-react';
			import { Space } from 'antd';
			import ProgressStep from '@/components/ProgressStep/VisitStep';
			import BackModel from "./BackModel";
			import { Scrollbars } from "react-custom-scrollbars";
			import { getOffset, getSize } from '@/utils/utility';

			const TabPane = Tabs.TabPane;

			@@ -69,11 +71,25 @@
			];

			export default function EventFlow(props) {
			const scrollRef = useRef(null)
			const [backVisible, setBackVisible] = useState(false)
			const tabs = [
			{ index: '1', label: '流转进度' },
			{ index: '2', label: '督办信息' },
			];
			const [height, setHeight] = useState(500)

			useEffect(() => {
			onWindowResize()
			window.addEventListener("resize", onWindowResize);
			}, [])

			const onWindowResize = () => {
			let offsetLeft = 0;
			let offsetTop = 0;
			if (scrollRef.current.container) {
			offsetLeft = getOffset(scrollRef.current.container).left;
			offsetTop = getOffset(scrollRef.current.container).top;
			}
			setHeight(getSize().windowH - offsetTop - 65)
			};

			return (
			<div className='dataSync'>
			<div className='dataSync-hasTabPage' >
			@@ -86,16 +102,27 @@
			</span>
			}
			>
			<div styles={{ height: "400px" }}><ProgressStep progressData={fakeData} /></div>
			<Scrollbars
			style={{ height: height }}
			ref={scrollRef}
			autoHide
			>
			<ProgressStep progressData={fakeData} />
			</Scrollbars>
			</TabPane>
			<TabPane
			key='2'
			title={
			<span style={{ fontSize: '15px' }}>
			督办信息
			<Badge maxCount={99} count={1000} />
			</span>
			}
			>
			<Scrollbars
			style={{ height: height }}
			ref={scrollRef}
			></Scrollbars>
			</TabPane>
			</Tabs>