~liuwh/gzDyh.git

			@@ -1,7 +1,10 @@
			import React from 'react';
			import { Button } from '@arco-design/web-react';
			import React, { useState } from 'react';
			import { Button, Modal, Tabs } from '@arco-design/web-react';
			import { Space } from 'antd';
			import ProgressStep from '@/components/ProgressStep/VisitStep';
			import BackModel from "./BackModel";

			const TabPane = Tabs.TabPane;

			const fakeData = [
			{
			@@ -35,12 +38,22 @@
			},
			{
			handlerUserName: '白云区新市街市场监管所',
			finishTime: new Date().getTime() - 11 * 60 * 60 * 1000, // 半天前的时间
			finishTime: new Date().getTime() - 10 * 60 * 60 * 1000, // 半天前的时间
			handleResult: '1',
			status: '3',
			taskNodeName: '事件回退',
			mediResult: '22_00025-1',
			// handleContent: '已签收',
			operationName: '赵菲菲'
			},
			{
			handlerUserName: '白云区新市街综治中心',
			finishTime: new Date().getTime() - 9 * 60 * 60 * 1000, // 半天前的时间
			handleResult: '1',
			status: '2',
			taskNodeName: '回退审核',
			mediResult: '22_00025-1',
			handleContent: '通过',
			operationName: '赵菲菲'
			},
			{
			@@ -56,22 +69,61 @@
			];

			export default function EventFlow(props) {
			const [backVisible, setBackVisible] = useState(false)
			const tabs = [
			{ index: '1', label: '承办部门' },
			{ index: '2', label: '配合部门' },
			{ index: '1', label: '流转进度' },
			{ index: '2', label: '督办信息' },
			];
			return (
			<div className='dataSync'>
			<div className='dataSync-hasTabPage' >
			<ProgressStep progressData={fakeData} />
			<Tabs defaultActiveTab='1' >
			<TabPane
			key='1'
			title={
			<span style={{ fontSize: '15px' }}>
			流转进度
			</span>
			}
			>
			<div styles={{ height: "400px" }}><ProgressStep progressData={fakeData} /></div>
			</TabPane>
			<TabPane
			key='2'
			title={
			<span style={{ fontSize: '15px' }}>
			督办信息
			</span>
			}
			>
			</TabPane>
			</Tabs>

			</div>
			<div className="dataSync-excel">
			<Space size="large" style={{ margin: '4px 14px' }}>
			<Button type="primary" >受理</Button>
			<Button type='outline' status='danger'>回退</Button>
			<Button type="primary" >提交</Button>
			<Button type="primary" >自行受理</Button>
			<Button type='outline' status='danger' onClick={() => setBackVisible(true)}>回退</Button>
			<Button type='outline'>交办</Button>
			<Button type='outline'>上报</Button>
			<Button type='secondary' >返回上级页面</Button>
			</Space>
			</div>
			<Modal
			title='回退'
			visible={backVisible}
			onOk={() => setBackVisible(false)}
			onCancel={() => { setBackVisible(false) }}
			autoFocus={false}
			focusLock={true}
			footer={null}
			unmountOnExit={true}
			maskClosable={false}
			>
			<BackModel />
			</Modal>
			</div>
			)
			}