/* eslint-disable no-underscore-dangle */
import React, { useEffect } from 'react';

import { Form, Modal, Input, TimePicker, message, Radio, DatePicker } from 'antd';
import moment from 'moment';
import { AddFlowHoliday } from '@/services/holidays/holidays';
const { RangePicker } = DatePicker;
const AddModal = props => {
  const { onSubumit, handleCancel, visible, msg } = props;
  const [form] = Form.useForm();
  useEffect(() => {
    form.resetFields();
    if (visible) {
      getFormData();
    }
  }, [visible]);
  // 获取表单回显
  const getFormData = () => {
    console.log(msg, 'msg');
    // form.setFieldsValue({
    //   workTime: [moment(msg.from, 'HH:mm:ss'), moment(msg.to, 'HH:mm:ss')],
    // });
  };

  // 提交表单
  const onFinish = () => {
    form.validateFields().then(validate => {
      if (validate) {
        AddFlowHoliday({
          dayName: validate.dayName,
          startDate: validate.dayTime[0].format('YYYY-MM-DD'),
          endDate: validate.dayTime[1].format('YYYY-MM-DD'),
          dayType: validate.dayType,
        }).then(res => {
          if (res.code === 0) {
            message.success('新增成功');
            onSubumit();
          }
        });
      }
    });
  };
  return (
    <Modal
      title="新增节假日管理"
      visible={visible}
      onOk={onFinish}
      onCancel={handleCancel}
      maskClosable={false}
      destroyOnClose
    >
      <Form
        form={form}
        labelCol={{ span: 5 }}
        wrapperCol={{ span: 18 }}
        initialValues={{ remember: true }}
      >
        <Form.Item
          label="假期名称"
          name="dayName"
          rules={[{ required: true, message: '请填写节假日名称' }]}
        >
          <Input placeholder="请输入假日名称" />
        </Form.Item>

        <Form.Item label="节假日类型" name="dayType" initialValue={1}>
          <Radio.Group>
            <Radio value={1}>休息</Radio>
            <Radio value={3}>法定</Radio>
          </Radio.Group>
        </Form.Item>
        <Form.Item
          label="假期时间"
          name="dayTime"
          rules={[{ required: true, message: '请选择假期时间' }]}
        >
          <RangePicker />
        </Form.Item>
      </Form>
    </Modal>
  );
};
export default AddModal;
