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>
        
  )
}