import { postServiceOrderFeedbackRegistration } from '@/services/request';
import { Input, Modal } from 'antd';
import { useState } from 'react';

// import { cloneDeep } from 'lodash';
export default ({ setVisible, subOrders, mainOrder, onClose }) => {
  const [isModalOpen] = useState(true);
  const { TextArea } = Input;
  const [textValue, setTextValue] = useState('');
  console.log(mainOrder);

  const handleOk = async () => {
    await postServiceOrderFeedbackRegistration({
      data: {
        id: subOrders[0].id,
        feedbackRegistrationContent: textValue,
      },
    });
    onClose();
    // setIsModalOpen(false);
    // onClose();
  };
  const handleCancel = () => {
    setVisible(false);
    onClose();
    // setIsModalOpen(false);
    // onClose();
  };
  const handleChange = (e) => {
    setTextValue(e.target.value);
  };
  return (
    <>
      {/* <ModalForm<{
        filePaths: any;
      }>
        width={500}
        open
        title="回访登记"
        form={form}
        autoFocusFirstInput
        modalProps={{
          okText: '提交',
          cancelText: '取消',
          destroyOnClose: true,
          onCancel: () => {
            setVisible(false);
          },
        }}
        onFinish={async () => {
          onClose();
        }}
        onOpenChange={setVisible}
      >
        <TextArea rows={6} placeholder="请输入" />
      </ModalForm> */}
      <Modal
        title="回访登记"
        open={isModalOpen}
        onOk={handleOk}
        onCancel={handleCancel}
      >
        <TextArea
          rows={6}
          placeholder="请输入"
          onChange={handleChange}
          value={textValue}
        />
      </Modal>
    </>
  );
};