import React, { useEffect, useState } from 'react'
import { connect } from 'react-redux';
import moment from 'moment';
import { v4 as uuidv4 } from 'uuid'

import { Tabs, Form, Input, DatePicker, Button, Modal, Radio } from 'antd';


function GroupModal ({ loading, parent, user, actions, dispatch, close, success, }) {

   const { dataQuality } = actions
   const [tabsKey, setTabsKey] = useState("stay")
   const [query, setQuery] = useState({ page: 0, limit: 10 });
   const [proTableList, setProTableList] = useState({ rows: [], count: 0 });
   const [approve, setApprove] = useState()

   const [form] = Form.useForm();
   useEffect(() => {

   }, [])






   return <>
      <Modal title="新建分组" open={true}
         onOk={e => {
            form.validateFields().then(v => {
               console.log(v);
               dispatch(dataQuality.postStandardDocFolders({
                  ...v,
                  parent: parent || null,
               })).then(res => {
                  if (res.success) {
                     close()
                     success()
                  }
               })
            })
         }}
         onCancel={() => {
            close()
         }}
      >
         <Form
            style={{ marginLeft: 20 }}
            form={form}
            onValuesChange={v => {

            }}
            autoComplete="off"
         >
            <Form.Item label="名称" name="name" rules={[{ required: true, message: '请输入分组名称' }]}>
               <Input allowClear placeholder='请输入分组名称' style={{ width: 300,  }} />
            </Form.Item>
         </Form>
      </Modal >

   </>
}
function mapStateToProps (state) {
   const { global, auth, resourceCatalog } = state;
   return {
      user: auth.user,
      actions: global.actions,
      clientHeight: global.clientHeight,
      //  resourceCatalog: resourceCatalog?.data || [],
      //  isRequesting: resourceCatalog.isRequesting
   };
}
export default connect(mapStateToProps)(GroupModal)