import React,{useEffect,useState,useMemo} from 'react';
import { Form, Button, Input, Row, Col, InputNumber , Switch,message,Image,Modal,Radio } from 'antd';
import { formItemLayout, btnItemLayout } from '../../../../components/crud/FormLayoutProps';
import apiurl from '../../../../service/apiurl';
import NormalSelect from '../../../../components/Form/NormalSelect';
import { httppost2 } from '../../../../utils/request';

import moment from 'moment';

const jg = [
  {label:'0.5',value:'0.5'},
  {label:'1',value:'1'},
  {label:'3',value:'3'},
  {label:'6',value:'6'},
  {label:'12',value:'12'},
  {label:'24',value:'24'},
]

const ModalForm = ({ mode, record,onEdit,onSave,onSimilarSave }) => {
  
  console.log("record",record);
  const [form] = Form.useForm();
  const [staCodeList, setStaCodeList] = useState([])
  const [checked, setChecked] = useState(true)
  console.log(checked);

  const onFinish = (values) => {
    const params = {
      ...values,
      status:checked?'0':'1'
    }

    console.log(params);
    if (mode === 'edit') {
      params.id = record.id;
      onEdit(apiurl.fxdd_xyt.hsyb.hsybjs.zdgdyb.edit,params)
    }
    if (mode === 'save') {
      onEdit(apiurl.fxdd_xyt.hsyb.hsybjs.zdgdyb.save,params)
    }
  }

  useEffect(()=>{
    if(mode==='edit'){
      setChecked(record.status==='0'?true:false)
    }
  },[])

  
  
  return (
    <>
      <Form
        form={form}
        {...formItemLayout}
        onFinish={onFinish}
        initialValues={record}
      >
      <Form.Item
        label="预报任务名称"
        name="name"
        labelCol={{ span: 6 }}
        wrapperCol={{ span: 16 }}
        rules={[{ required: true }]}
      >
        <Input disabled={mode==='view'} style={{width:'100%'}} allowClear />
      </Form.Item>
      <Form.Item
        label="预见期(小时)："
        name="forecastPeriod"
        labelCol={{ span: 6 }}
        wrapperCol={{ span: 16 }}
        rules={[{ required: true }]}
      >
        <InputNumber min={1} max={24} disabled={mode==='view'} style={{width:'100%'}} allowClear />
      </Form.Item>
      <Form.Item
        label="预热期(天)："
        name="forecastWarm"
        labelCol={{ span: 6 }}
        wrapperCol={{ span: 16 }}
        rules={[{ required: true }]}
      >
        <InputNumber min={1} max={7} disabled={mode==='view'} style={{width:'100%'}} allowClear />
      </Form.Item>
      <Form.Item
        label="间隔(小时)"
        name="timeInterval"
        labelCol={{ span: 6 }}
        wrapperCol={{ span: 16 }}
        rules={[{ required: true }]}
      >
        <NormalSelect options={jg} style={{ width: '100%' }} />
      </Form.Item>
      <Form.Item
        label="状态"
        name="status"
      >
        <Switch
          size='default'
          checkedChildren='启用'
          unCheckedChildren='禁用'
          onChange={e => setChecked(e)}
          checked={checked}
        />
      </Form.Item>
      {
        mode==='view'?null:(
          <>
            <Form.Item {...btnItemLayout}>
              <Button type="primary" htmlType="submit">
                    {mode === 'save' ? '保存' :
                      mode === "similarSave" ? "保存" :
                      '修改'}
              </Button>
            </Form.Item>
          </>
        )
      }
      </Form>
    </>
  );
}

export default ModalForm;