11

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

@@ -4,15 +4,13 @@ import LazyCascader from '@/components/LazyCascader'
 import { useForm } from 'antd/lib/form/Form'
 
 const Addcontact = props => {
-
-  const [ form ] = useForm()
-  const { visible, onCancel, onConfrim, loading } = props
+  const [form] = useForm()
+  const { visible, onCancel, onConfirm, loading } = props
   const { Option } = Select
   const layout = {
     labelCol: { span: 6 }
   }
-  useEffect(() => {
-  }, [visible])
+  useEffect(() => {}, [visible])
   return (
     <div>
       <Modal
@@ -22,44 +20,30 @@ const Addcontact = props => {
         visible={visible}
         confirmLoading={loading}
         onOk={() => {
-          form.validateFields().then((values) => {
+          form.validateFields().then(values => {
             form.resetFields()
-            onConfrim(values)
+            onConfirm(values)
           })
-        }}
-      >
-        <Form
-          {...layout}
-          form={form}
-          name="basic"
-        >
+        }}>
+        <Form {...layout} form={form} name="basic">
           <Row>
             <Col span={12}>
               <Form.Item
                 label="姓名"
                 name="clientName"
-                rules={[{ required: true, message: '姓名' }]}
-              >
+                rules={[{ required: true, message: '姓名' }]}>
                 <Input />
               </Form.Item>
             </Col>
             <Col span={12} />
             <Col span={12}>
-              <Form.Item
-                label="联系人地区"
-                name=""
-                rules={[{ message: '联系人地区' }]}
-              >
+              <Form.Item label="联系人地区" name="" rules={[{ message: '联系人地区' }]}>
                 <LazyCascader key="LazyCascader" />
               </Form.Item>
             </Col>
             <Col span={12} />
             <Col span={12}>
-              <Form.Item
-                label="性别"
-                name="gender"
-                rules={[{ message: '性别' }]}
-              >
+              <Form.Item label="性别" name="gender" rules={[{ message: '性别' }]}>
                 <Select>
                   <Option>男</Option>
                   <Option>女</Option>
@@ -67,11 +51,7 @@ const Addcontact = props => {
               </Form.Item>
             </Col>
             <Col span={12}>
-              <Form.Item
-                label="昵称"
-                name="niceName"
-                rules={[{ message: '昵称' }]}
-              >
+              <Form.Item label="昵称" name="niceName" rules={[{ message: '昵称' }]}>
                 <Input />
               </Form.Item>
             </Col>
@@ -79,80 +59,47 @@ const Addcontact = props => {
               <Form.Item
                 label="手机"
                 name="telephone"
-                rules={[{ required: true, message: '手机' }]}
-              >
+                rules={[{ required: true, message: '手机' }]}>
                 <Input />
               </Form.Item>
             </Col>
             <Col span={12}>
-              <Form.Item
-                label="QQ"
-                name="qq"
-                rules={[{ required: true, message: 'QQ' }]}
-              >
+              <Form.Item label="QQ" name="qq" rules={[{ required: true, message: 'QQ' }]}>
                 <Input />
               </Form.Item>
             </Col>
             <Col span={12}>
-              <Form.Item
-                label="电话"
-                name="phone"
-                rules={[{ required: true, message: '电话' }]}
-              >
+              <Form.Item label="电话" name="phone" rules={[{ required: true, message: '电话' }]}>
                 <Input />
               </Form.Item>
             </Col>
             <Col span={12}>
-              <Form.Item
-                label="邮箱"
-                name="email"
-                rules={[{ required: true, message: '邮箱' }]}
-              >
+              <Form.Item label="邮箱" name="email" rules={[{ required: true, message: '邮箱' }]}>
                 <Input />
               </Form.Item>
             </Col>
             <Col span={12}>
-              <Form.Item
-                label="联系人地址"
-                name="address"
-                rules={[{ message: '联系人地址' }]}
-              >
+              <Form.Item label="联系人地址" name="address" rules={[{ message: '联系人地址' }]}>
                 <Input />
               </Form.Item>
             </Col>
             <Col span={12}>
-              <Form.Item
-                label="联系人乘车"
-                name="ride"
-                rules={[{ message: '联系人乘车' }]}
-              >
+              <Form.Item label="联系人乘车" name="ride" rules={[{ message: '联系人乘车' }]}>
                 <Input />
               </Form.Item>
             </Col>
             <Col span={12}>
-              <Form.Item
-                label="联系人地标"
-                name="landmarks"
-                rules={[{ message: '联系人地标' }]}
-              >
+              <Form.Item label="联系人地标" name="landmarks" rules={[{ message: '联系人地标' }]}>
                 <Input />
               </Form.Item>
             </Col>
             <Col span={12}>
-              <Form.Item
-                label="联系人住宿"
-                name="stay"
-                rules={[{ message: '联系人住宿' }]}
-              >
+              <Form.Item label="联系人住宿" name="stay" rules={[{ message: '联系人住宿' }]}>
                 <Input />
               </Form.Item>
             </Col>
             <Col span={12}>
-              <Form.Item
-                label="备注"
-                name="mark"
-                rules={[{ message: '备注' }]}
-              >
+              <Form.Item label="备注" name="mark" rules={[{ message: '备注' }]}>
                 <Input />
               </Form.Item>
             </Col>

src/pages/Customer/Contact/index.jsx

@@ -1,14 +1,14 @@
 import Contacts from '@/components/PopContent/Contacts'
-import Addcontact from'@/pages/Customer/Contact/components/AddContact'
+import Addcontact from '@/pages/Customer/Contact/components/AddContact'
 import ProTable from '@ant-design/pro-table'
 // import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { Button, Tag } from 'antd'
+import { Button, message, Tag } from 'antd'
 import { connect } from 'dva'
 import React, { useEffect, useState } from 'react'
 import SvgIcon from '@/components/SvgIcon'
 import useAutoTable from '@/hooks/useAutoTable'
 import consts from '@/consts'
-import { queryContact,apiAddClient } from '@/services/contact'
+import { queryContact, apiAddClient } from '@/services/contact'
 import styles from './index.less'
 import LazyCascader from '@/components/LazyCascader'
 
@@ -21,7 +21,7 @@ const Contact = props => {
 
   const [state, setState] = useState({
     data: [],
-    journal:[],
+    journal: [],
     total: 0,
     id: '',
     visible: false
@@ -31,11 +31,12 @@ const Contact = props => {
     loading: false
   })
 
-  const handleAddClient = async (values) => {
+  const handleAddClient = async values => {
     setAddClient({ ...addClient, loading: true })
     const { code = -1 } = await apiAddClient(values)
     if (code === consts.RET_CODE.SUCCESS) {
-      setState({ ...state, data:values })
+      message.success('新增成功')
+      setState({ ...state, data: values })
     }
     // 请求完了
     setAddClient({ ...addClient, loading: false, visible: false })
@@ -44,7 +45,7 @@ const Contact = props => {
   const initData = async payload => {
     const {
       code = -1,
-      data: { client = [], log = [], total = 0 } = { client: [], log:[], total: 0 }
+      data: { client = [], log = [], total = 0 } = { client: [], log: [], total: 0 }
     } = await queryContact(payload)
     if (code === consts.RET_CODE.SUCCESS) {
       setState({ ...state, data: client, journal: log, total })
@@ -305,20 +306,20 @@ const Contact = props => {
     stay: {
       show: false
     },
-    keynum:{
-      show:false
+    keynum: {
+      show: false
     },
-    mark:{
-      show:false
+    mark: {
+      show: false
     },
-    ride:{
-      show:false
+    ride: {
+      show: false
     },
-    landmarks:{
-      show:false
+    landmarks: {
+      show: false
     },
-    address:{
-      show:false
+    address: {
+      show: false
     },
     dasikong: {
       show: false
@@ -326,8 +327,8 @@ const Contact = props => {
     yanghuyun: {
       show: false
     },
-    chuanpeople:{
-      show:false
+    chuanpeople: {
+      show: false
     }
   })
   useEffect(() => {
@@ -363,7 +364,10 @@ const Contact = props => {
             },
             actions: [
               <LazyCascader onSelect={handleOnselect} key="LazyCascader" />,
-              <Button key="button" type="primary" onClick={() => setAddClient({ ...addClient, visible: true })}>
+              <Button
+                key="button"
+                type="primary"
+                onClick={() => setAddClient({ ...addClient, visible: true })}>
                 <SvgIcon type="icon-plus" />
                 联系人
               </Button>
@@ -381,7 +385,12 @@ const Contact = props => {
           // ]}
         />
       </div>
-      <Addcontact onOk={handleAddClient} loading={addClient.loading} visible={addClient.visible} onCancel={() => setAddClient({ ...addClient, visible: false })}/>
+      <Addcontact
+        onConfirm={handleAddClient}
+        loading={addClient.loading}
+        visible={addClient.visible}
+        onCancel={() => setAddClient({ ...addClient, visible: false })}
+      />
       <Contacts onClose={hideDrawer} visible={state.visible} onCreate={onCreate} id={state.id} />
     </div>
   )