import React , {useState} from 'react'
import {Card , Button} from 'antd'
import { history, useRequest } from 'umi'; 
// import { useHistory } from "umi";
import Topology from '@/components/Topology/Layout';
import { screenById } from './service';

import DataConfigModal from './components/DataConfigModal'
import ClickActionModal from './components/ClickActionModal'

// 页面编辑
const EditPage = () => {
    // 数据配置变量曲线
    const [dataConfigVisible, setDataConfigVisible] = useState(false)
    const dataConfig = () => {
        setDataConfigVisible(true)
    }
    // 点击动作
    const [clickVisible, setclickVisible] = useState(false)
    const [type, setType] = useState('')
    // 简单点击动作
    const simpleClickAction = () => {
        setType('simple')
        setclickVisible(true)
        history.push('/test');
    }

    // 复杂点击动作
    const complexClickAction = () => {
        setType('complex')
        setclickVisible(true)
    }

    console.log(history.location.query);

    // const fetchDeatil = useRequest(() => screenById(history.location.query.id),) 

    return (
        <div>
            <Topology history={ history } />
        </div>
    )

}

export default EditPage;