55 lines
2.3 KiB
JavaScript
55 lines
2.3 KiB
JavaScript
|
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
|