comfire.tsx 1.23 KB
import { PlusOutlined } from '@ant-design/icons';
import {
  ModalForm,
  ProForm,
  ProFormDateRangePicker,
  ProFormSelect,
  ProFormText,
} from '@ant-design/pro-components';
import { Button, Form, message } from 'antd';
import { useState } from 'react';

const waitTime = (time: number = 100) => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(true);
    }, time);
  });
};

export default ({currtDid,sureDelete}) => {
  const [form] = Form.useForm<{ name: string; company: string }>();
  const [ids,setIds]=useState([]);

  function getIds(){
    // console.log(currtDid);
    setIds([])
    setIds(currtDid)
  }
  return (
    <ModalForm<{
      name: string;
      company: string;
    }>
      trigger={
        <a onClick={()=>{getIds()}}>
          删除
        </a>
      }
      form={form}
      autoFocusFirstInput
      width={190}
      modalProps={{
        destroyOnClose: true,
        // onCancel: () => console.log('run'),
      }}
      onFinish={async (values) => {
        await waitTime(100);
        sureDelete([ids]);
        // console.log(values.name);
        message.success('提交成功');
        return true;
      }}
    >
        <br/>
      <h2>确定删除吗</h2>
    </ModalForm>
  );
};