111

src/pages/Customer/Contact/components/AddContact/index.jsx

@@ -6,7 +6,7 @@ import { useForm } from 'antd/lib/form/Form'
 const Addcontact = props => {
 
   const [ form ] = useForm()
-  const { visible, onCancel, onConfrim } = props
+  const { visible, onCancel, onConfrim, loading } = props
   const { Option } = Select
   const layout = {
     labelCol: { span: 6 }
@@ -20,6 +20,7 @@ const Addcontact = props => {
         width={800}
         onCancel={onCancel}
         visible={visible}
+        confirmLoading={loading}
         onOk={() => {
           form.validateFields().then((values) => {
             form.resetFields()

src/pages/Customer/Contact/index.jsx

@@ -26,8 +26,18 @@ const Contact = props => {
     id: '',
     visible: false
   })
-  const [visible, setVisible] = useState(false)
+  const [addClient, setAddClient] = useState({
+    visible: false,
+    loading: false
+  })
 
+  const handleAddClient = async (values) => {
+    setAddClient({ ...addClient, loading: true })
+    // const xx =
+    // 请求完了
+    setAddClient({ ...addClient, loading: false, visible: false })
+    await initData()
+  }
   const initData = async payload => {
     const {
       code = -1,
@@ -368,7 +378,7 @@ const Contact = props => {
           // ]}
         />
       </div>
-      <Addcontact onOk={() => setVisible(false)} visible={visible} onCancel={() => setVisible(false)}/>
+      <Addcontact onOk={handleAddClient} loading={addClient.loading} visible={addClient.visible} onCancel={() => setAddClient({ ...addClient, visible: false })}/>
       <Contacts onClose={hideDrawer} visible={state.visible} onCreate={onCreate} id={state.id} />
     </div>
   )