446 lines
17 KiB
JavaScript
446 lines
17 KiB
JavaScript
|
import React,{useState,useEffect} from 'react'
|
||
|
|
import { Row, Col, Form, Input, DatePicker, Button, Upload, message, Modal, Divider } from "antd"
|
||
|
|
import { formItemLayout } from '../../../../components/crud/FormLayoutProps'
|
||
|
|
import moment from 'moment';
|
||
|
|
import './index.less'
|
||
|
|
export default function BasicSituation() {
|
||
|
|
const [form] = Form.useForm();
|
||
|
|
const [skdisabled, setSkDisabled] = useState(true)
|
||
|
|
return (
|
||
|
|
|
||
|
|
<div className='content-root clearFloat xybm xxcx' style={{paddingBottom:"0"}}>
|
||
|
|
<div className='lf CrudAdcdTreeTableBox' style={{ width: "100%", overflowY: "auto" }}>
|
||
|
|
<Form
|
||
|
|
form={form}
|
||
|
|
{...formItemLayout}
|
||
|
|
// onFinish={onFinish}
|
||
|
|
>
|
||
|
|
<Row >
|
||
|
|
<Col span={12}>
|
||
|
|
<Form.Item>
|
||
|
|
<div style={{ display: 'flex', columnGap: 20,marginBottom:20 }}>
|
||
|
|
{
|
||
|
|
skdisabled ? <Button type="primary" onClick={() => setSkDisabled(false)}>编辑</Button> :
|
||
|
|
<div style={{ display: 'flex', columnGap: 20 }}>
|
||
|
|
<Button onClick={() => setSkDisabled(true)}>取消</Button>
|
||
|
|
<Button type="primary" onClick={() => { }}>保存</Button>
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
<Button onClick={() => { }} >导出</Button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<div style={{width:'100%',padding:'15px 10px',background:"#e0edff",fontSize:16,color:'#02a7f0',fontWeight:700}}>水文</div>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:10}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="全流域面积(km²)"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"6%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="利用水文系列年限(年)"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"13%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="多年平均年径流量(m³)"
|
||
|
|
name="regSn"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"8%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:'10px'}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="多年平均流量(m³/s)"
|
||
|
|
name="regTime"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"2.5%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="设计洪水标准P%相应流量(m³/s)"
|
||
|
|
name="resLoc"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"0%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<div style={{width:'100%',padding:'15px 10px',background:"#e0edff",fontSize:16,color:'#02a7f0',fontWeight:700}}>工程规模</div>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:10}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="设计灌溉面积(万亩)"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"2.5%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="灌溉保证率(%)"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"21%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="设计引水流量(m³/s)"
|
||
|
|
name="regSn"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"11%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:'10px'}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="外江设计洪水位(m)"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"2.5%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="外江最高运行水位(m)"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"13%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="灌溉设计水位(m)"
|
||
|
|
name="regSn"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"14%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<div style={{width:'100%',padding:'15px 10px',background:"#e0edff",fontSize:16,color:'#02a7f0',fontWeight:700}}>建设征地与移民安置</div>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:10}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="永久征地面积(亩)"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"5.5%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="临时用地(亩)"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"24%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="搬迁安置人口(人)"
|
||
|
|
name="regSn"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"15%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<div style={{width:'100%',padding:'15px 10px',background:"#e0edff",fontSize:16,color:'#02a7f0',fontWeight:700}}>主要建筑物及设备</div>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:10}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸形式"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"15.5%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={16}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸地基特性"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"11%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'133%'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:'10px 10px 0 10px'}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸地震动参数(g)"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"3.5%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸地震基本烈度(度)"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"11.5%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸地震设计烈度(度)"
|
||
|
|
name="regSn"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"10%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:'0 10px'}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸闸顶高程(m)"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"5.5%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸底槛高程(m)"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"17%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸闸孔尺寸(m)"
|
||
|
|
name="regSn"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"16%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:'0 10px'}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸工作闸门数量(个)"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"0%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸事故闸门数量(个)"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"11%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="水闸闸室长度(m)"
|
||
|
|
name="regSn"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"16%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:'0 10px'}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="荆江大堤堤防级别(级)"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"0%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="荆江大堤堤顶宽度(m)"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"11%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="穿堤箱涵长度(m)"
|
||
|
|
name="regSn"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"16%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:'0 10px'}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="箱涵尺寸"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"15%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="消能方式"
|
||
|
|
name="resCode"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"26%"}
|
||
|
|
}}
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="消力池长度(m)"
|
||
|
|
name="regSn"
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"19%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{width:'300px'}} disabled={skdisabled}/>
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
<Row style={{background:"#f0f8fe",padding:'0 10px'}}>
|
||
|
|
<Col span={8}>
|
||
|
|
<Form.Item
|
||
|
|
label="出口海漫长度(m)"
|
||
|
|
name="resName"
|
||
|
|
style={{marginBottom:0}}
|
||
|
|
labelCol={{
|
||
|
|
style: { marginLeft:"5%"}
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Input allowClear style={{ width: '300px' }} disabled={skdisabled} />
|
||
|
|
</Form.Item>
|
||
|
|
</Col>
|
||
|
|
</Row>
|
||
|
|
</Form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
)
|
||
|
|
}
|