import styles from './content.module.less'
import { Button } from 'antd'
import ModalForm from './form';
import BasicCrudModal from '../../../../components/crud/BasicCrudModal';
import React, { Fragment, useRef, useMemo, useEffect, useState } from 'react';
const Page = ({ data }) => {
    const refModal = useRef();

    /**
  * @description 处理成功的回调
  */
    const successCallback = () => {
        // refresh()
        // setIsFetch(!isFetch)
    }
    const dataPahe = {
        title: '侵占、毁坏水工程及堤防、护岸等有关设施',
        zhunag: '1'
    }
    const edit = () => {
        refModal.current.showEdit({});
    }
    return (
        <>
            <div className={styles.list} style={{ padding: '0 10px', marginBottom: 5 }}>{dataPahe.title}<Button type="primary" onClick={edit}>编辑</Button></div>

            <div className={styles.listborder} style={{ padding: '0 10px', }}>{dataPahe.title}</div>
            <div className={styles.listborder} style={{ padding: '0 10px', marginBottom: 5 }}>{dataPahe.title}</div>
            <div className={styles.contentBor} style={{ padding: '0 10px', marginBottom: 5, height: '35%' }}>
                <div className={styles.listborder} style={{ padding: '0 10px', height: '30%' }}>{dataPahe.title}</div>
                {dataPahe.title ?? '无内容请添加'}
            </div>

            <div style={{ display: 'flex', height: '33%' }}>
                <div className={styles.contentBor} style={{ flex: 1, marginRight: 5 }}>
                    <div className={styles.listborder} style={{ height: '30%', padding: '0 10px', }}>{dataPahe.title}</div>
                    <div style={{ padding: '0 10px' }}>{dataPahe.title ?? '无内容请添加'}</div>
                </div>
                <div className={styles.contentBor} style={{ flex: 1 }}>
                    <div className={styles.listborder} style={{ height: '30%', padding: '0 10px', }}>{dataPahe.title}</div>
                    <div style={{ padding: '0 10px' }}>{dataPahe.title ?? '无内容请添加'}</div>
                </div>

            </div>
            <BasicCrudModal
                width={800}
                ref={refModal}
                title=""
                component={ModalForm}
                onCrudSuccess={successCallback}
            />
        </>
    )
}
export default Page