111

src/components/PopContent/Contacts/ContanctForm.jsx

@@ -1,18 +1,17 @@
-import consts from '@/consts'
-import { apiContactDetail } from '@/services/contact'
 import { Form, Row, Col, Input, Button, Cascader, Select, Tag } from 'antd'
 import React, { useEffect } from 'react'
 // eslint-disable-next-line import/no-unresolved
 // import '../Contacts/index.scss'
 
 const ContanctForm = props => {
-  const { client } = props
   const [form] = Form.useForm()
+  const { client } = props
   // 浏览器实际宽度
 
   useEffect(() => {
+    console.log(client)
     form.setFieldsValue(client)
-  }, [])
+  }, [client])
   const residences = [
     {
       value: '广东省',
@@ -62,9 +61,12 @@ const ContanctForm = props => {
         <Form.Item label="姓名" name="staffName" rules={[{ required: false, message: '姓名' }]}>
           <Input value="刘泽富" />
         </Form.Item>
-        <Form.Item label="联系人地区" name="district" rules={[{ required: false, message: '地区' }]}>
+        {/* <Form.Item
+          label="联系人地区"
+          name="district"
+          rules={[{ required: false, message: '地区' }]}>
           <Cascader options={residences} />
-        </Form.Item>
+        </Form.Item> */}
         <Form.Item
           label="客户名称"
           name="companyname"
@@ -82,71 +84,86 @@ const ContanctForm = props => {
           </Col>
           <Col span={12}>
             <Form.Item label="昵称" name="nicename" rules={[{ required: false, message: '昵称' }]}>
-              <Input value="" />
+              <Input />
             </Form.Item>
           </Col>
         </Row>
         <Row gutter={16}>
           <Col span={12}>
             <Form.Item label="手机" name="telephone" rules={[{ required: false, message: '手机' }]}>
-              <Input value="" />
+              <Input />
             </Form.Item>
           </Col>
           <Col span={12}>
             <Form.Item label="QQ" name="qq" rules={[{ required: false, message: 'QQ' }]}>
-              <Input value="" />
+              <Input />
             </Form.Item>
           </Col>
         </Row>
         <Row gutter={16}>
           <Col span={12}>
             <Form.Item label="电话" name="phone" rules={[{ required: false, message: '电话' }]}>
-              <Input value="" />
+              <Input />
             </Form.Item>
           </Col>
           <Col span={12}>
             <Form.Item label="邮箱" name="email" rules={[{ required: false, message: '邮箱' }]}>
-              <Input value="" />
+              <Input />
             </Form.Item>
           </Col>
         </Row>
         <Row gutter={16}>
           <Col span={12}>
             <Form.Item label="传真" name="fax" rules={[{ required: false, message: '传真' }]}>
-              <Input value="" />
+              <Input />
             </Form.Item>
           </Col>
           <Col span={12} />
         </Row>
         <Row gutter={16}>
           <Col span={12}>
-            <Form.Item label="部门" name="department" rules={[{ required: false, message: '部门' }]}>
-              <Input value="" />
+            <Form.Item
+              label="部门"
+              name="department"
+              rules={[{ required: false, message: '部门' }]}>
+              <Input />
             </Form.Item>
           </Col>
           <Col span={12}>
             <Form.Item label="职务" name="position" rules={[{ required: false, message: '职务' }]}>
-              <Input value="" />
+              <Input />
             </Form.Item>
           </Col>
         </Row>
         <Form.Item label="办公室" name="office" rules={[{ required: false, message: '办公室' }]}>
-          <Input value="" />
+          <Input />
         </Form.Item>
-        <Form.Item label="联系人地址" name="address" rules={[{ required: false, message: '联系人地址' }]}>
-          <Input value="" />
+        <Form.Item
+          label="联系人地址"
+          name="address"
+          rules={[{ required: false, message: '联系人地址' }]}>
+          <Input />
         </Form.Item>
-        <Form.Item label="联系人乘车" name="ride" rules={[{ required: false, message: '联系人乘车' }]}>
-          <Input value="" />
+        <Form.Item
+          label="联系人乘车"
+          name="ride"
+          rules={[{ required: false, message: '联系人乘车' }]}>
+          <Input />
         </Form.Item>
-        <Form.Item label="联系人地标" name="landmarks" rules={[{ required: false, message: '联系人地标' }]}>
-          <Input value="" />
+        <Form.Item
+          label="联系人地标"
+          name="landmarks"
+          rules={[{ required: false, message: '联系人地标' }]}>
+          <Input />
         </Form.Item>
-        <Form.Item label="联系人住宿" name="stay" rules={[{ required: false, message: '联系人住宿' }]}>
-          <Input value="" />
+        <Form.Item
+          label="联系人住宿"
+          name="stay"
+          rules={[{ required: false, message: '联系人住宿' }]}>
+          <Input />
         </Form.Item>
         <Form.Item label="备注" name="tag" rules={[{ required: false, message: '备注' }]}>
-          <Input value="" />
+          <Input />
         </Form.Item>
         <Form.Item label="个人标签">
           <span className="ant-form-text">
@@ -161,7 +178,7 @@ const ContanctForm = props => {
           </span>
         </Form.Item>
       </Form>
-      <Button
+      {/* <Button
         type="primary"
         className="ant-btn ant-btn-primary"
         onClick={() => {
@@ -175,7 +192,7 @@ const ContanctForm = props => {
             })
         }}>
         确定
-      </Button>
+      </Button> */}
     </div>
   )
 }

src/components/PopContent/Contacts/index.jsx

@@ -10,7 +10,6 @@ import consts from '@/consts'
 const Popcontent = props => {
   const { visible, onClose, id = '' } = props
 
-  console.log(props)
   // 浏览器实际宽度
   const [clientWidth, setClientWidth] = useState(document.body.clientWidth * 0.75)
   const [state, setState] = useState({
@@ -53,7 +52,7 @@ const Popcontent = props => {
           <Row>
             <Col span={12} className="sheet-box-left">
               <div className="sheet-left-panel zh-pd-right-15">
-                <ContanctForm data={state.client} />
+                <ContanctForm client={state.client} />
               </div>
             </Col>
             <Col span={12}>